/*
 Theme Name:   Relevant Webdesign Berlin Wordpress TYPO3
 Theme URI:    
 Description:  Webdesign Berlin Wordpress TYPO3
 Author:       Britta Ann Walter
 Author URI:   https://de.wordpress.org/
 Template:     sydney
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         webdesign berlin, wordpress, typo3
 Text Domain:  sydneychild
*/


@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf'); /* IE9 Compat Modes */
    src: url('fonts/Roboto_Condensed/RobotoCondensed-Regular.woff2') format('woff2'), /* Modern Browsers */ url('fonts/Roboto_Condensed/RobotoCondensed-Regular.woff') format('woff'), /* Modern Browsers */ url('fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf') format('truetype') /* Safari, Android, iOS */ ; /* Legacy iOS */
}

/* cormorant-garamond-regular - latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/Cormorant_Garamond/cormorant-garamond-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/Cormorant_Garamond/cormorant-garamond-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Cormorant_Garamond/cormorant-garamond-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/Cormorant_Garamond/cormorant-garamond-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/Cormorant_Garamond/cormorant-garamond-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/Cormorant_Garamond/cormorant-garamond-v15-latin-regular.svg#CormorantGaramond') format('svg'); /* Legacy iOS */
}

/* cormorant-garamond-italic - latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/Cormorant_Garamond/cormorant-garamond-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/Cormorant_Garamond/cormorant-garamond-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Cormorant_Garamond/cormorant-garamond-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/Cormorant_Garamond/cormorant-garamond-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/Cormorant_Garamond/cormorant-garamond-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/Cormorant_Garamond/cormorant-garamond-v15-latin-italic.svg#CormorantGaramond') format('svg'); /* Legacy iOS */
}

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/Open_Sans/open-sans-v29-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/Open_Sans/open-sans-v29-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Open_Sans/open-sans-v29-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/Open_Sans/open-sans-v29-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/Open_Sans/open-sans-v29-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/Open_Sans/open-sans-v29-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/Open_Sans/open-sans-v29-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/Open_Sans/open-sans-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Open_Sans/open-sans-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/Open_Sans/open-sans-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/Open_Sans/open-sans-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/Open_Sans/open-sans-v29-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/Open_Sans/open-sans-v29-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/Open_Sans/open-sans-v29-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Open_Sans/open-sans-v29-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/Open_Sans/open-sans-v29-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/Open_Sans/open-sans-v29-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/Open_Sans/open-sans-v29-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/Open_Sans/open-sans-v29-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/Open_Sans/open-sans-v29-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Open_Sans/open-sans-v29-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/Open_Sans/open-sans-v29-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/Open_Sans/open-sans-v29-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/Open_Sans/open-sans-v29-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

.footer-widgets-grid {
    padding-top: 15px!important;
    padding-bottom: 15px!important;
}

@media and (max-width: 425px){
  .sydney-hero-area, .header-slider {
    height: 300px !important;
  }
}

body, #mainnav ul ul a{
    font-family: 'Roboto Condensed', sans-serif !important;
}
body {
    font-family: 'Open Sans', sans-serif;
}

.text-slider .maintitle, .text-slider .subtitle {
    color: #272727;
}

#mainnav ul li a{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.2em;
}

#mainnav ul {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
}

#mainnav .sub-menu li a {
    background: #272727;
    font-size: 16px;
    font-family: 'Roboto Condensed', sans-serif;
}


#mainnav ul li a, #mainnav ul li::before {
    font-family: 'Roboto Condensed', sans-serif;
    color: #272727;
}
.text-slider .maintitle {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 500;
    line-height: 44px !important;
    font-size: 36px;
    font-style: italic;
}
.text-slider .subtitle {
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    padding: 20px 0 240px;
    font-size: 48px;
}
.subtitle {
    font-family: 'Lato', sans-serif;
    letter-spacing: 1px;
}
.text-slider .maintitle:after {
    content: "";
    height: 0;
}

.slide-inner {
    top: 55% !important;
}

.site-footer {
    background-color: #f8e5d8;
    line-height: 0px;
    padding: 0px 0;
}


/*
.site-title .logo {
    max-width: 100% !important;
    max-height: 80px !important;
}
*/

.site-header {
    padding: 60px 0;
}

.sticky-header.is-sticky, .sticky-header.sticky-always {
	position: fixed;
	width: 100%;
	background: transparent;
	padding: 60px 0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.sticky-header.sticky-active {
	background-color: rgba(248, 229, 216, 0.7); /* zarter rosa Ton */
	padding: 10px 0;
}

/* zusätzliche Sicherheit für responsive Layouts */
@media (max-width: 1024px) {
  .sticky-header.sticky-active {
    background-color: rgba(248, 229, 216, 0.7);
  }
}
@media (max-width: 768px) {
  .sticky-header.sticky-active {
    background-color: rgba(248, 229, 216, 0.7);
  }
}


@media (min-width: 1400px) {
    .col-md-4 {
        width: 50%;
    }
}
.roll-button .button-slider {
    font-size: 28px !important;
}
p {
    font-family: 'Open Sans', sans-serif;
}
.entry-author-link, .entry-date {
    display: none !important;
}
.entry-header {
    display: none !important;
}
.entry-meta {
    display: none !important;
}
h1 {
 font-family: 'Roboto Condensed', sans-serif;
  font-size: 1.6rem;
  font-variant: small-caps;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 1.2;
  color: #272727;
  text-transform: none; /* kein Großbuchstaben-Force */
}

h2 {
    font-family: 'Roboto Condensed', sans-serif;
    color: #272727;
    font-weight: 400;
    line-height: 1.3em;
    font-size: 28px;
    letter-spacing: 0.3px;
}
h3 {
    font-family: 'Roboto Condensed', sans-serif;
    color: #4a5c66;
    font-weight: 400;
    line-height: 1.3em;
    font-size: 24px;
    letter-spacing: 0.3px;
}
h4, h5, h6 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #272727;
    line-height: 1.3em;
}
.wp-block-button__link {
  display: inline-inline-block;
  padding: clamp(9px, 1.1vw, 12px) clamp(18px, 2.2vw, 26px) !important;
  background-color: #000 !important;
  color: #fff !important;
  border-radius: 999px !important;      /* rund */
  text-decoration: none !important;
  font-weight: 600 !important;
  font-size: clamp(14px, 1.05vw, 16px);
  letter-spacing: 0.3px;
  line-height: 1.1;
  border: none !important;
  cursor: pointer;
  transition: background-color .25s ease, color .25s ease, transform .06s ease;
  -webkit-tap-highlight-color: transparent;
}
.wp-block-button__link li a:hover {
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid #272727;
}
.footer-widgets {
    padding: 20px 0 0 0;
}
label {
    font-weight: 400;
}
.page-wrap {
    padding-top: 0;
}
.page-wrap .content-wrapper {
    background-color: #f8e5d8;
    padding: 0;
}
.rahmen {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    margin-bottom: 20px;
}
.page .page-wrap .content-wrapper .single {
    padding: 0 10px 10px 10px;
}

.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-726 {
    height: 120px;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: left;
    text-align: right;
    width: 50%;
}
.posts-navigation .nav-previous {
    padding-left: 15px;
}
.posts-navigation .nav-next {
    padding-right: 15px;
}
.post-navigation {
    margin: 30px 0 45px;
    background-color: #555555;
    padding: 30px;
    position: relative;
}
.post-navigation a {
    color: #47425d;
}
.post-navigation .nav-previous:hover span,
.post-navigation .nav-next:hover span {
    color: #47425d;
}
.post-navigation span {
    color: #c7c7c7;
    transition: color 0.3s;
}
.post-navigation .nav-previous span {
    margin-right: 10px;
}
.post-navigation .nav-previous {
    border-right: 1px solid #ebebeb;
}
.post-navigation .nav-next span {
    margin-left: 10px;
}
.navigation.pagination {
    margin-top: 30px;
}
.nav-links .page-numbers {
    background-color: #f7f7f7;
    padding: 20px;
    line-height: 1;
    display: inline-block;
    color: #443f3f;
}
.nav-links .page-numbers:not(.dots):hover,
.nav-links .page-numbers.current {
    background-color: #252525;
    color: #fff;
}
.nexts, .backs {
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    width: 100px;
    position: fixed;
    top: 43%;
    margin-top: 50px;
    text-transform: uppercase;
}

.cn-button.bootstrap {
    color: #272727!important;
    background: #fbc7c7!important;
}

@media (max-width: 800px){ 
    .nexts, .backs {
        top: 55%;
    }
}

@media screen and (max-width: 30em){
    .text-slider .subtitle {
		font-size: 12px;
    }
    
	.text-slider .maintitle, .text-slider .subtitle {
		font-size: 24px;
	}

	.slide-inner {
		top: 50%;
	} 
} 

@media only screen and (max-width: 900px) {
  .slide-inner {
    top: 50%;
  } 
  .text-slider .maintitle {
    font-size: 38px;
    line-height: 44px;
  }
  .text-slider .subtitle {
    font-size: 38px;
    line-height: 30px;
  }  
}
   
@media only screen and (max-width: 1024px) {
	.header-slider {
		height: 300px !important;
	}
	.slide-inner {
		top:95% !important;
	} 
}

.nexts a, .backs a {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
}
.backs {
    transform: rotate(-90deg);
    left: -20px;
    text-align: right;
    font-size: 12px;
}
.nexts {
    transform: rotate(90deg);
       text-align: left;
    right: -20px;
    font-size: 12px;
}
.text-slider .maintitle, .text-slider .subtitle {
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
}

.slide-inner .subtitle{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    line-height: 45px;
}

.hover-inner {
    font-family: 'Roboto Condensed', sans-serif;
}

.grid-paging-navigation span{
    font-family: 'Roboto Condensed', sans-serif;
}

#mainnav ul ul a{
    font-family: 'Roboto Condensed', sans-serif !important;
}

.sydney-hero-area {
    overflow: hidden;
    position: relative;
    z-index: 99;
}
.wp-block-button__link{
    border: 1px solid black;
    border-radius: 999px !important;      /* rund */
}
.wp-block-button__link:hover{
  background-color: #f4c4a2 !important; /* Apricot */
  color: #000 !important;               /* Text schwarz */
}

.roll-button {
    FONT-VARIANT: JIS04;
      border-radius: 999px !important;      /* rund */
    position: relative;
    display: inline-block;
    font-family: "Raleway", sans-serif;
    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
    padding: 12px 35px;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}


.footer-widgets ul#menu-social-media {
  margin-left: 0;
}

.footer-widgets ul#menu-social-media li:first-child {
  padding-left: 0;
}

@media only screen and (max-width: 767px) {
	.page-wrap > .container {
		margin-left: 20px;
		margin-right: 20px;
	}
}

@media only screen and (max-width: 576px) {
    .text-slider .maintitle {
		font-size: 32px;
	}

	.text-slider .subtitle {
		font-size: 29px;
		-moz-hyphens: auto;
		hyphens: auto;
	}  
	
	.site-logo {
		height: 57px !important;
	}
}

/*Menü und Logo in die Mitte
.header-wrap .container > .row {
    display: block !important;
}

.site-header .col-md-4, .site-header .col-md-8 {
    min-height: 0;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    text-align: center !important;
}

#mainnav li {
    float: none !important;
    display: inline-block !important;
}

#mainnav ul li a {
    float: none !important;
}

*/

/*
#slideshow {
    height:300px !important 
}
*/
/*

@media only screen and (max-width:1024px) {
  
  .header-image {
    height: 400px;
  }

@media only screen and (max-width:800px) {
  
  .header-image {
    height: 300px;
  }
    
@media only screen and (max-width:360px) {
  
  .header-image {
    height: 200px;
  }
  /* Ergänzung am Ende deiner style.css, um den Hintergrund nur im Content rosa zu färben */

/* Rosa Hintergrund nur im Content-Bereich */
.page-wrap,
.page-wrap .content-wrapper,
.page,
.entry-content,
.content-wrapper {
    background-color: #f8e5d8 !important; /* zartes Rosa */
}

/* Nur Startseite: Header transparent */
.home .header-image,
.home .site-header,
.home .site-header-inner,
.home .header-wrap,
.home .sydney-hero-area,
.home .header-slider,
.home .site-branding,
.home .header-col,
.home .header-contact {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}


/* Sicherheitshalber: auch Pseudo-Elemente transparent */
.site-header-inner::before,
.site-header-inner::after {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}
/* Einheitlicher Hintergrund für gesamten Footer */
#sidebar-footer,
.footer-widgets,
.footer-widgets .container,
.footer-widgets .footer-widgets-grid,
.footer-widgets .sidebar-column {
    background-color: #f8e5d8 !important;
}
/* Footer-Schrift dezenter gestalten */
.site-footer,
.footer-widgets,
.footer-widgets a,
.footer-widgets li {
    font-size: 13px;
    line-height: 1.4;
}
/* Sticky Header transparent rosa für alle Devices */
.site-header.float-header,
.site-header.fixed {
  background-color: rgba(248, 229, 216, 0.88) !important; /* #f8e5d8 mit leichter Transparenz */
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  transition: background-color 0.3s ease;
}
/* Rosa Sticky Header mit Transparenz */
.site-header.float-header,
.site-header.fixed {
  background-color: rgba(248, 229, 216, 0.88) !important; /* #f8e5d8 */
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  box-shadow: none;
  transition: background-color 0.3s ease;
}
@media (max-width: 768px) {
  .site-footer .footer-widget,
  .site-footer .site-info {
    line-height: 1.4; /* kleiner als Standard */
    margin-bottom: 0.5em;
  }

  .site-footer .site-info p {
    margin: 0.3em 0;
  }
}
.projekt-textbereich {
  flex: 1;
  max-width: 800px;  /* vorher: 640px */
  padding-left: 40px;
  box-sizing: border-box;
}
/* === FOOTER GESAMTSTIL === */
.site-footer {
  background-color: #f8e5d8;
  text-align: center;
  padding: 20px 0;
  font-size: 14px;
  color: #222;
  line-height: 1.4;
  font-family: 'Open Sans', sans-serif;
}

/* Trennlinie über Footer */
.site-footer::before {
  content: "";
  display: block;
  width: 60px;
  height: 1px;
  background-color: #bbb;
  margin: 0 auto 16px;
  opacity: 0.3;
}

/* Paragraphen im Footer enger setzen */
.site-footer .site-info p {
  margin: 4px 0;
  line-height: 1.3;
}

/* FOOTER-MENÜ (z. B. Impressum, Datenschutz) */
.site-footer .menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 8px 0;
}

.site-footer .menu li {
  margin: 4px 0;
}

/* Footer-Links */
.site-footer .menu li a {
  color: #222;
  text-decoration: none;
  font-size: 14px;
}

.site-footer .menu li a:hover {
  color: #555;
  text-decoration: underline;
}
/* Footer-Menü-Links zentriert im Responsive-Modus */
@media (max-width: 768px) {
  .site-footer .menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0;
    margin: 12px 0;
  }

 
/* === Responsive Footer-Anpassung === */
@media only screen and (max-width: 768px) {
  #sidebar-footer .sidebar-column {
    margin-bottom: 5px;
    line-height: 1.0;
  }

  #sidebar-footer {
    text-align: center;
  }
}


/* === HEADER SLIDER-HÖHE REDUZIEREN (DESKTOP) === */
@media only screen and (min-width: 769px) {
  .slide-item.slide-item-1 {
    height: 360px !important; /* bisher war 449px → jetzt kompakter */
    background-size: cover;
    background-position: center;
  }

  /* Abstand nach unten vergrößern */
  .entry-header {
    margin-bottom: 80px;
  }
}



/* ==========================================================================
   Globale Buttons – Rund, Schwarz; Hover Apricot; keine Kapitälchen
   Greift in Gutenberg, Sydney, Widgets, Portfolio/Projektseiten
   ========================================================================== */

/* 1) Basistypen bündeln */
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
a.button,
a.button-style,
a.more-link,
a.btn,
.roll-button,
.wp-block-button__link,
.wp-block-file__button {
  display: inline-block;
  text-decoration: none !important;
  text-transform: none !important;     /* keine Kapitälchen */
  letter-spacing: .3px;
  font-weight: 600 !important;
  font-size: clamp(14px, 1.05vw, 16px);
  line-height: 1.1;
  padding: clamp(9px, 1.1vw, 12px) clamp(18px, 2.2vw, 26px) !important;
  border-radius: 999px !important;      /* pill */
  border: none !important;
  background: #000 !important;          /* schwarz */
  background-image: none !important;    /* Theme-Gradients aus */
  color: #fff !important;
  cursor: pointer;
  transition: background-color .25s ease, color .25s ease, transform .06s ease;
  -webkit-tap-highlight-color: transparent;
}

/* 2) Hover – überall Apricot + schwarze Schrift */
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
a.button:hover,
a.button-style:hover,
a.more-link:hover,
a.btn:hover,
.roll-button:hover,
.wp-block-button__link:hover,
.wp-block-file__button:hover,
/* häufige Container erhöhen die Spezifität gegen Theme-Regeln */
.entry-content .wp-block-button__link:hover,
.content-wrapper .wp-block-button__link:hover,
.panel-grid-cell .wp-block-button__link:hover {
  background-color: #f8e5d8 !important; /* Apricot */
  color: #000 !important;
  transform: translateY(-1px);
}

/* 3) Focus (Tastatur) – sichtbar & schön */
button:focus-visible,
input[type="submit"]:focus-visible,
input[type="button"]:focus-visible,
input[type="reset"]:focus-visible,
a.button:focus-visible,
a.button-style:focus-visible,
a.more-link:focus-visible,
a.btn:focus-visible,
.roll-button:focus-visible,
.wp-block-button__link:focus-visible,
.wp-block-file__button:focus-visible {
  outline: 2px solid #000;
  outline-offset: 2px;
}

/* 4) Disabled-Staat respektieren */
button:disabled,
input[type="submit"]:disabled,
input[type="button"]:disabled,
input[type="reset"]:disabled,
.wp-block-button__link[aria-disabled="true"] {
  opacity: .55;
  cursor: not-allowed;
  transform: none;
}

/* 5) Mobile – sichere Touch-Ziele */
@media (max-width: 768px) {
  button,
  input[type="submit"],
  input[type="button"],
  input[type="reset"],
  a.button,
  a.button-style,
  a.more-link,
  a.btn,
  .roll-button,
  .wp-block-button__link,
  .wp-block-file__button {
    padding: 10px 18px !important;
    min-height: 44px; /* Tap-Ziel */
    font-size: 15px;
  }
}

/* 6) Reduzierte Bewegung respektieren */
@media (prefers-reduced-motion: reduce) {
  button,
  input[type="submit"],
  input[type="button"],
  input[type="reset"],
  a.button,
  a.button-style,
  a.more-link,
  a.btn,
  .roll-button,
  .wp-block-button__link,
  .wp-block-file__button {
    transition: none;
  }
}

/* 7) Sicherheitsnetz gegen besonders „harte“ Theme-Regeln */
.entry-content a.wp-block-button__link,
.content-wrapper a.wp-block-button__link,
.panel-grid-cell a.wp-block-button__link {
  background: #000 !important;
  color: #fff !important;
  border-radius: 999px !important;
}
.entry-content a.wp-block-button__link:hover,
.content-wrapper a.wp-block-button__link:hover,
.panel-grid-cell a.wp-block-button__link:hover {
  background: #f4c4a2 !important;
  color: #000 !important;
}



/* Einheitliche Buttons in Projekten & Beiträgen */
.single-project a.roll-button,
.single-project .wp-block-button__link,
.entry-content a.roll-button,
.entry-content .wp-block-button__link {
  background-color: #000 !important;       /* Schwarz Standard */
  color: #fff !important;                  /* Weißer Text Standard */
  border-radius: 999px !important;         /* Rund */
  text-transform: none !important;         /* Keine Kapitälchen */
  font-weight: 600;
  padding: 10px 22px !important;
  display: inline-block;
  transition: all 0.2s ease;
}

/* Pfeil automatisch hinzufügen */
.single-project a.roll-button::after,
.single-project .wp-block-button__link::after,
.entry-content a.roll-button::after,
.entry-content .wp-block-button__link::after {
  content: " \2192"; /* Unicode-Pfeil → */
  display: inline-block;
  margin-left: 0.4em;
  transition: margin-left 0.2s ease;
}

/* Hover-Effekt: Apricot + Text schwarz */
.single-project a.roll-button:hover,
.single-project .wp-block-button__link:hover,
.entry-content a.roll-button:hover,
.entry-content .wp-block-button__link:hover {
  background-color: #f8e5d8 !important;    /* Apricot */
  color: #000 !important;                  /* Schwarzer Text */
}

/* Pfeil-Animation beim Hover */
.single-project a.roll-button:hover::after,
.single-project .wp-block-button__link:hover::after,
.entry-content a.roll-button:hover::after,
.entry-content .wp-block-button__link:hover::after {
  margin-left: 0.6em;
}



/* ===============================
   BAW — kompakter Design-Layer
   =============================== */

/* Tokens */
:root{
  --baw-apricot:#f8e5d8;
  --baw-bluegray:#4a5c66;
}



/* --------------------------------
   2) Buttons: rund, Schwarz; Hover Apricot; KEINE Kapitälchen
   (Gutenberg + Sydney + Widgets)
-----------------------------------*/
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
a.button, a.button-style, a.more-link, a.btn,
.roll-button,
.wp-block-button__link,
.wp-block-file__button{
  display:inline-block;
  background:#000 !important;
  color:#fff !important;
  border:none !important;
  border-radius:999px !important;       /* Pill-Form, auch mobil rund */
  padding:clamp(10px,1.1vw,12px) clamp(20px,2.2vw,28px) !important;
  line-height:1.1;
  font-weight:600 !important;
  font-size:clamp(14px,1.05vw,16px);
  letter-spacing:.3px;
  text-decoration:none !important;
  text-transform:none !important;       /* KEINE Kapitälchen auf normalen Buttons */
  transition:background-color .25s ease, color .25s ease, transform .06s ease;
  -webkit-tap-highlight-color:transparent;
}

/* Hover/Fokus */
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
a.button:hover, a.button-style:hover, a.more-link:hover, a.btn:hover,
.roll-button:hover,
.wp-block-button__link:hover,
.wp-block-file__button:hover,
.entry-content .wp-block-button__link:hover{
  background:var(--baw-apricot) !important;
  color:#000 !important;
  transform:translateY(-1px);
}
button:focus-visible,
input[type="submit"]:focus-visible,
input[type="button"]:focus-visible,
input[type="reset"]:focus-visible,
a.button:focus-visible, a.button-style:focus-visible, a.more-link:focus-visible, a.btn:focus-visible,
.roll-button:focus-visible,
.wp-block-button__link:focus-visible,
.wp-block-file__button:focus-visible{
  outline:2px solid #000; outline-offset:2px;
}
button:disabled,
input[type="submit"]:disabled,
input[type="button"]:disabled,
input[type="reset"]:disabled,
.wp-block-button__link[aria-disabled="true"]{
  opacity:.55; cursor:not-allowed; transform:none;
}

/* Pfeil automatisch an Content-/Projekt-Buttons */
.entry-content a.roll-button::after,
.entry-content .wp-block-button__link::after,
.single-project a.roll-button::after,
.single-project .wp-block-button__link::after{
  content:" \2192"; /* → */
  display:inline-block;
  margin-left:.4em;
  transition:margin-left .2s ease;
}
.entry-content a.roll-button:hover::after,
.entry-content .wp-block-button__link:hover::after,
.single-project a.roll-button:hover::after,
.single-project .wp-block-button__link:hover::after{
  margin-left:.6em;
}

/* Mobile Touch-Ziele & Rundheit absichern */
@media (max-width:768px){
  button,
  input[type="submit"], input[type="button"], input[type="reset"],
  a.button, .button, .btn, .roll-button, .wp-block-button__link, .wp-block-file__button{
    padding:12px 18px !important;
    min-height:44px;
    border-radius:999px !important;
  }
}

/* --------------------------------
   3) NEXT / PREV Navigation: Uppercase behalten
   (Sydney Post/Project Navigation)
-----------------------------------*/
.post-navigation .nav-links a,
.posts-navigation .nav-links a,
.single .nav-links .nav-previous a,
.single .nav-links .nav-next a,
.single .nav-links .nav-previous .meta-nav,
.single .nav-links .nav-next .meta-nav,
.single-project .nav-links .nav-previous a,
.single-project .nav-links .nav-next a{
  text-transform:uppercase !important;
  letter-spacing:.1em;
  font-weight:600;
}

/* Sicherheitsnetz: falls Theme irgendwo Uppercase global setzt,
   in Content/Buttons wieder explizit abschalten */
.entry-content a.button,
.entry-content .wp-block-button__link,
.roll-button,
.btn{
  text-transform:none !important;
  letter-spacing:normal !important;
}

/* --------------------------------
   4) Kachel-Bilder (Start & Logos) dezent abrunden
   (Compatible with custom grid system)
-----------------------------------*/
.grid-plus-wrapper img,
.grid-plus-item img,
.custom-grid-wrapper img,
.custom-grid-item img,
.panel-grid-cell img,
.entry-content .gallery img,
.wp-block-image img{
  border-radius:10px;
  display:block;
  overflow:hidden;
}