/* Hover Links*/
a:hover {
  color: inherit;
  text-decoration: none;
}

a {
  /* text-decoration: none; */
  color: inherit;
  position: relative;
}

a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 2px;
  background-color: #ff6600;
  transition: width 0.4s ease;
}

a:hover::after {
  width: 100%;
}

/* animiertes Submenü  */
.wp-block-navigation__submenu-container .wp-block-navigation-item__label {
  position: relative;
  display: inline-block;
  z-index: 1;
}

.wp-block-navigation__submenu-container .wp-block-navigation-item__label::before {
  content: "";
  position: absolute;
    transform: translateY(0);
   transition: width 0.4s ease;
  z-index: -1;
}

.wp-block-navigation__submenu-container a:hover .wp-block-navigation-item__label::before {
  width: 100%;
}

/* Sidebar Archiv*/
.wp-block-archives-list {
  list-style: none;
  padding-left: 20px;
}
.wp-block-archives-list a {
  text-decoration: none;
  color: inherit;
  position: relative;
}

.wp-block-archives-list a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 2px;
  background-color: #ff6600;
  transition: width 0.4s ease;
}

.wp-block-archives-list a:hover::after {
  width: 100%;
}

    /* Submenü*/

.wp-block-navigation__submenu-container .wp-block-navigation-item__label 
{
    width: 300px;
}

/* Hitergrund */
body 
{
  position: relative;
}

body::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(255, 153, 0, 0.3); 
  z-index: 0;
  pointer-events: none;
}
.wp-site-blocks {
  position: relative;
  z-index: 1;
}
/* Footer Menü Pipe*/
.foot-menu .wp-block-navigation-item:not(:last-child)::after {
  content: "|";
  display: inline-block;
  margin-left: 0.75em;
  margin-right: 0.75em;
  color: currentColor;
}
/* Beitragsbild */
.beitragsbild-600 img {
  width: 100%;
  height: 600px;
  object-fit: cover;
  display: block;
}

/* Iframe goolge maps Bloagansicht*/
.archive iframe,
.blog iframe,
.category iframe {
  max-width: 100%;
  height: 400px;
  display: block;
  border: 0;
}
/* Menü Outline*/
a.wp-block-navigation-item__content {
    outline: none;
    box-shadow: none;
}

/* Responsive Sidebar-Verstecken für 2-Spalten-Layout */
@media screen and (max-width: 1199px) {
    /* Nur bei 2-Spalten-Layout anwenden */
    .wp-block-columns.is-layout-flex:has(.wp-block-column:nth-child(2)) {
        flex-direction: column;
    }
    
    /* Rechte Spalte (Sidebar) ausblenden */
    .wp-block-columns.is-layout-flex:has(.wp-block-column:nth-child(2)) .wp-block-column:nth-child(2) {
        display: none;
    }
    
    /* Linke Spalte auf volle Breite */
    .wp-block-columns.is-layout-flex:has(.wp-block-column:nth-child(2)) .wp-block-column:first-child {
        flex-basis: 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
}

/* :has() nicht unterstützt */
@media screen and (max-width: 1199px) {
    .wp-block-columns.has-2-columns .wp-block-column:nth-child(2),
    .wp-block-columns[class*="columns-2"] .wp-block-column:nth-child(2) {
        display: none;
    }
    
    .wp-block-columns.has-2-columns .wp-block-column:first-child,
    .wp-block-columns[class*="columns-2"] .wp-block-column:first-child {
        flex-basis: 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
}

/* Sicherstellung dass 1-Spalten-Layout unverändert bleibt */
@media screen and (max-width: 1199px) {
    .wp-block-columns:not(:has(.wp-block-column:nth-child(2))) .wp-block-column,
    .wp-block-columns.has-1-column .wp-block-column {
        display: block;
        flex-basis: 100%;
        max-width: 100%;
    }
}
.site-header {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 auto;
}
body {
  margin: 0;
  padding: 0;
  width: 100vw; 
}

body > div.wp-site-blocks {
  max-width: 100% !important; 
  margin: 0 auto; 
  padding: 0; 
  width: 100vw !important; 
}

/* Sticky Header */
.wp-block-template-part:has(>.is-position-sticky) {
  position: sticky;
  top: 0;
  z-index: 9999;
}


/* mobil fix: */
@media (max-width: 1250px) {
  .wp-block-template-part:has(>.is-position-sticky) {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }

  body {
    padding-top: 140px; /* evtl. anpassen */
  }
}

/****** Blog Bilder *******/
span.wp-block-post-featured-image__overlay.has-background-dim.has-background-dim-30.has-accent-3-background-color {
    opacity: 0;
    transition: opacity 0.3s ease;
}

span.wp-block-post-featured-image__overlay.has-background-dim.has-background-dim-30.has-accent-3-background-color:hover {
    opacity: 1;
}

.wp-block-post-featured-image:hover img {
    filter: grayscale(100%) contrast(1) brightness(1) !important;
    -webkit-filter: grayscale(80%) contrast(1) brightness(1) !important;
    transition: filter 0.3s ease;
}

span.wp-block-post-featured-image__overlay.has-background-dim.has-background-dim-30.has-accent-3-background-color:hover + img {
    filter: none !important;
    -webkit-filter: none !important;
}

/* Titel Unterstrich*/
.wp-block-site-title a:focus-visible {
  outline: none;
  box-shadow: none;
  text-decoration: underline;
}
/* Hero Abstand zum Bild */
.hero-abstand {margin-top: -1rem;
position: relative;
z-index: 2;}
/* Aufmacher ohne global-padding */
.aufmacher.has-global-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Falls oben/unten auch weg müssen */
.aufmacher {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Cover innen ebenfalls auf volle Breite zwingen */
.aufmacher .wp-block-cover,
.aufmacher .wp-block-cover__image-background {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}
/* Weiterlesen neue zeile */
.read-more {
  display: block;
  margin-top: 0.5em;
color: var(--wp--preset--color--accent-1)!important;
}

/* Focus nur bei Tastastur */
*:focus:not(:focus-visible) {
  outline: none !important;
  box-shadow: none !important;
}

/**Renntermine blog*/

.renntermine-blog {
  width: 80%;
  max-width: 80%;
  margin: 0 auto;
}
.renntermine-blog {
  flex: 0 0 80%;
}

/* Body nicht quer zentrieren */
body {
  align-items: stretch !important;   /* statt center */
justify-content: flex-start !important; 
}

/* Sicherheit: Wrapper darf volle Breite nutzen */
.wp-site-blocks {
  width: 100% !important;
  max-width: 100% !important;
}


/* ========== MOBILE FIXES ========== */
@media (max-width: 781px) {
	.wp-block-site-logo.is-default-size img {
	    height: auto;
	    width: 70px;
	}

	h1.wp-block-site-title {
	    font-size: 20px;
	}
}
/* Header mobile: Logo – Titel – Burger in EINER Zeile */
@media (max-width: 781px) {
  .st-header-row {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;        
  }

  .st-header-row > .wp-block-site-logo {
    flex: 0 0 auto;
    margin-right: 0.5rem;
  }

  .st-header-row > .wp-block-site-title {
    flex: 1 1 auto;
    min-width: 0;           
    margin: 0;
  }

  .st-header-row > .wp-block-navigation {
    flex: 0 0 auto;
    width: auto !important;   
    margin-left: 0.5rem;
  }
  .header-wrapper {
    padding: 5px 5px !important;
  }
}
/* Header-Reihe sauber layouten */
.st-header-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;        
}

/* Logo + Titel nie auf 0px schrumpfen */
.st-header-row .wp-block-site-logo,
.st-header-row .wp-block-site-title {
  flex: 0 0 auto;
}

/* Navigation nach rechts schieben, darf schrumpfen */
.st-header-row .wp-block-navigation {
  margin-left: auto;
  flex: 1 1 auto;
}

/* Tablet/Mobil: Titel etwas kleiner, damit alles hinpasst */
@media (max-width: 900px) {
  .st-header-row .wp-block-site-title {
    font-size: 1.1rem;
    max-width: 65%;
     flex-wrap: nowrap;        
  }
}

/* ST Header: Navigation-Breakpoint auf 1000px verschieben */

/* 1. Ab 1000px: normale Desktop-Navigation (Textmenü) */
@media (min-width: 1250px) {
  .st-header-row .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: none !important; /* Burger ausblenden */
  }

  .st-header-row .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: block !important; /* Textmenü zeigen */
  }
}

/* 2. Ab 600px bis 999px: wieder Mobile-Layout erzwingen (Burger + Overlay) */
@media (min-width: 600px) {
  .st-header-row .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex; /* Burger sichtbar lassen */
  }

  .st-header-row .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none; /* Textmenü verstecken */
  }
}


	
	
	/* Grundlayout: Logo – Titel – Menü/Burger in einer Zeile */
	.st-header-row {
	  display: flex;
	  align-items: center;
	  gap: 1.75rem;
	}

	.st-header-row .wp-block-site-logo {
	  flex: 0 0 auto;
	}

	.st-header-row .wp-block-site-title {
	  flex: 1 1 auto;
	  min-width: 0;
	  margin: 0;
	}

	.st-header-row .wp-block-navigation {
	  flex: 0 0 auto;
	  margin-left: auto;
	}

	/* Desktop ≥ 1200px: Text-Menü sichtbar, Burger aus */
	@media (min-width: 1200px) {
	  .st-header-row .wp-block-navigation__responsive-container-open {
	    display: none !important; /* Burger-Icon aus */
	  }

	  .st-header-row .wp-block-navigation__responsive-container:not(.is-menu-open) {
	    display: block !important; /* horizontales Text-Menü */
	  }
	}

	/* 782–1199px: nur Burger, kein Text-Menü */
	@media (min-width: 782px) and (max-width: 1199px) {
	  .st-header-row .wp-block-navigation__responsive-container-open {
	    display: flex !important; /* Burger-Icon sichtbar */
	  }

	  .st-header-row .wp-block-navigation__responsive-container:not(.is-menu-open) {
	    display: none !important; /* Text-Menü verstecken */
	  }
	}

	/* Unterhalb des Core-Breakpoints 782px: Standard-Nav-Verhalten lassen */
	/* Feinjustierung für H1, damit Burger nicht in Zeile 2 fällt */
	@media (max-width: 781.98px) {
	  .st-header-row {
	    flex-wrap: nowrap; /* Items bleiben in einer Zeile, Inhalt darf umbrechen */
	  }

	  .st-header-row .wp-block-site-title {
	    font-size: 1.1rem;
	    max-width: 70%;
	  }
	}

	/* Noch kleinere Screens: Schrift stufenweise kleiner, um 2. Zeile zu vermeiden */
	@media (max-width: 654px) {
	  .st-header-row .wp-block-site-title {
	    font-size: 1rem;
	    max-width: 65%;
	  }
	}

	@media (max-width: 402px) {
	  .st-header-row .wp-block-site-title {
	    font-size: 0.95rem;
	    max-width: 60%;
	  }
	}

	@media (max-width: 290px) {
	  .st-header-row .wp-block-site-title {
	    font-size: 0.9rem;
	    max-width: 58%;
	  }
	}
	/* Mobile-Overlay: Untermenüs standardmäßig zu, nur bei Klick aufklappen */
	@media (max-width: 1199px) {
	  /* Alle Submenüs im Overlay erstmal verstecken */
	  .wp-block-navigation__responsive-container .wp-block-navigation__submenu-container {
	    display: none !important;
	  }

	  /* Wenn der Pfeil-Button geöffnet ist (aria-expanded=\"true\"),
	     das direkt dahinterliegende Submenü anzeigen */
	  .wp-block-navigation__responsive-container
	    .wp-block-navigation-submenu__toggle[aria-expanded="true"]
	    + .wp-block-navigation__submenu-container {
	    display: block !important;
	  }
	}
	/* Mobile Overlay Menü zentrieren */
	@media (max-width: 1199px) {
	  .wp-block-navigation__responsive-container-content {
	    display: flex !important;
	    flex-direction: column !important;
	    align-items: center !important;
	    justify-content: flex-start !important;
	    text-align: center !important;
	  }

	  /* auch UL zentrieren */
	  .wp-block-navigation__responsive-container-content > ul {
	    width: 100%;
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	  }

	  /* auch Links zentrieren */
	  .wp-block-navigation__responsive-container-content a {
	    text-align: center;
	    width: 100%;
	  }
	}
	/* Shorttrack Footer Layout */
	.st-footer {
	 /* max-width: 1200px;*/
	  margin: 0 auto;
	  padding: 20px 30px;
	}

	.st-footer .wp-block-columns {
	  display: flex;
	  align-items: flex-start;
	  justify-content: space-between;
	  gap: 2rem;
	}

	/* Linke Spalte: Logo */
	.st-footer .wp-block-columns > .wp-block-column:first-child {
	  flex: 0 0 auto;
	}

	/* Rechte Spalte: Titel, Menü, Text */
	.st-footer .wp-block-columns > .wp-block-column:last-child {
	  flex: 1 1 auto;
	}

	/* Überschrift im Footer */
	.st-footer h2,
	.st-footer h3,
	.st-footer h4 {
	  margin: 0 0 0.75rem;
	}

	/* Footer-Menü in einer schönen Reihe */
	.st-footer .foot-menu .wp-block-navigation__container {
	  justify-content: flex-start;
	}

	/* Abstände der Links schon dezent über Pipes geregelt */
	.st-footer .foot-menu .wp-block-navigation-item {
	  margin: 0;
	}

	/* Fließtext sauber untereinander */
	.st-footer p {
	  margin: 0.25rem 0;
	}

	/* Mobil: alles untereinander, sauber linksbündig */
	@media (max-width: 600px) {
	  .st-footer .wp-block-columns {
	    flex-direction: column;
	    align-items: flex-start;
	    gap: 1rem;
	  }
	}
	
	
	/* Kinder im Footer alle linksbündig */
	.wp-block-group.st-footer > * {
	    text-align: left;
	}
	/* Footer-Menü horizontal, links ausgerichtet */
	.wp-block-group.st-footer .wp-block-navigation__container {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: flex-start;
	    gap: 1.5rem;
	}

	.wp-block-group.st-footer .wp-block-navigation-item {
	    margin: 0;
	}
	/* Überschrift & Textblöcke */
	.wp-block-group.st-footer h2,
	.wp-block-group.st-footer h3,
	.wp-block-group.st-footer h4 {
	    margin: 0 0 0.75rem;
	}

	.wp-block-group.st-footer p {
	    margin: 0.25rem 0;
	}
	@media (max-width: 600px) {

	    /* Footer-Container mobil zentrieren */
	    .wp-block-group.st-footer {
	        flex-direction: column !important;
	        align-items: center !important;
	        text-align: center !important;
	    }

	    /* Alle direkten Kinder auch zentrieren */
	    .wp-block-group.st-footer > * {
	        text-align: center !important;
	        width: 100%;
	        display: flex;
	        flex-direction: column;
	        align-items: center;
	    }

	    /* Footer-Menü mittig */
	    .wp-block-group.st-footer .wp-block-navigation__container {
	        justify-content: center !important;
	        gap: 1rem;
	        width: 100%;
	    }

	    /* H1, falls im Footer */
	    h1.wp-block-site-title {
	        font-size: 1rem;
	        text-align: center !important;
	    }
		@media (max-width: 600px) {
		  .wp-block-group.st-footer p,
		  .wp-block-group.st-footer a {
		    margin-top: 0 !important;
		    margin-bottom: 0 !important;
		  }

		  .wp-block-group.st-footer p + a {
		    margin-top: 0.3rem !important;
		  }
		}
	 .wp-block-group.st-footer ul {
		    margin-bottom: 20px;
		}
	}
  @media (max-width: 768px) {
    .renntermine-headline {
        padding-left: 15px;
    }
  }
 /* Titel Menü Mobil */

@media (max-width: 2050px) {
    .titel-seite {
        font-size: 1.5em;
    }
}
@media (max-width: 1900px) {
    .titel-seite {
        font-size: 1.25em;
    }
}
@media (max-width: 1770px) {
    .titel-seite {
        font-size: 1.10em;
    }
     .has-medium-font-size {
    font-size: 0.9em !important;
}
}
@media (max-width: 1470px) {
    .titel-seite {
        font-size: 1.0em;
    }
    .has-medium-font-size {
    font-size: 0.85em !important;
}
.pc_menu {
    gap: .7rem !important;
}
}


/* ---  mobile Ausrichtung des Logos Renntermine --- */
@media (max-width: 768px) {
    
    .logo-renntermine.alignright,
    .is-layout-constrained > .logo-renntermine.alignright {
        float: left !important; 
                margin-block: 1em 0 !important;
                margin-inline-start: 0 !important;
        margin-inline-end: 2em !important; 
            padding-left: 15px;
                max-width: 100% !important; 
    }
/* Cover-Block  */
    .cover-veranstalter {
        min-height: 30vh !important;
    }
    /*h1 kleiner */
  h1.has-accent-1-color {
        font-size: 30px !important; 
    }

    /* Reglement Seitenbreitre*/
    .postid-382 .wp-block-post-content {
        width: 100%; 
        overflow-x: hidden !important; 
    }
    
    .postid-382 .wp-block-post-content p,
    .postid-382 .wp-block-post-content mark,
    .postid-382 .wp-block-post-content div {
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    
    .postid-382 .wp-block-group.reg-tab {
        overflow-x: auto !important;
        display: block;
        width: 90%;

    }
    
    .postid-382 .wp-block-group.reg-tab table {
        width: auto !important;
        white-space: nowrap !important;
    }
    .postid-382 .wp-block-group.reg-tab table,
    .postid-382 .wp-block-group.reg-tab table td,
    .postid-382 .wp-block-group.reg-tab table th {
        font-size: 0.85em !important; 
        line-height: 1.2;
    }
}
/* ============================================================*/
/* Ergebnisstabellen*****/
/* ========= */
.tablepress thead { background:#ff9900 !important; }
.tablepress thead th{
  position:relative;
  background:transparent !important;
  color:#fff !important;
  height:400px !important;   
  text-align:left !important;
  vertical-align:bottom !important;
  white-space:nowrap !important;
  padding:6px 10px !important;
  border:none !important;
}

/* Header-Text drehen  */
.tablepress thead th .dt-column-title{
  display:inline-block !important;
  transform:rotate(-90deg) !important;
  transform-origin:bottom left !important;
  white-space:nowrap !important;
  font-size: unset !important; 
}
.dt-column-header {
        margin-left: 20px;
}
/* Sortpfeile weg */
.tablepress thead th .dt-column-order{ display:none !important; }
.tablepress thead th{ cursor:default !important; }

/* DESKTOP: fixiertes Layout */
@media (min-width: 1201px){
  table.tablepress{
    table-layout: fixed !important;
  }
}

/* MOBIL/TABLET: auto + Sticky + Schmale Spalten (unter 1200px) */
@media (max-width:1200px){
  .dt-layout-table{
    width:100% !important;
    max-width:100vw !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
  }
  table.tablepress{
    width:max-content !important;
    min-width:100% !important;
    table-layout: auto !important; 
    border-collapse:collapse !important;
  }
  
  /* Text in Zellen nicht umbrechen */
  table.tablepress th, table.tablepress td{ white-space:nowrap !important; }

  /* Spalte 1+2 normal scrollen */
  .tablepress th.column-1, .tablepress td.column-1,
  .tablepress th.column-2, .tablepress td.column-2{
    position:relative !important; left:auto !important; z-index:auto !important;
  }

  /* Spalte 3 sticky links */
  .tablepress th.column-3, .tablepress td.column-3{
    position:sticky !important; left:0 !important; z-index:5 !important;
  }
  
  .tablepress thead th.column-3{ z-index:6 !important; background:#ff9900 !important; color:#fff !important; }
  .tablepress td.column-3{ background:rgba(54,54,54,0.84) !important; color:#fff !important; }

  /* Korrekturen für Mobile */
  .tablepress thead th {
    height: 400px !important; 
    overflow: visible !important; 
    padding: 6px 10px !important; 
  }
  
  /* Renn-Spalten 7–25: */
  .tablepress th.column-7,  .tablepress th.column-8,
  .tablepress th.column-9,  .tablepress th.column-10,
  .tablepress th.column-11, .tablepress th.column-12,
  .tablepress th.column-13, .tablepress th.column-14,
  .tablepress th.column-15, .tablepress th.column-16,
  .tablepress th.column-17, .tablepress th.column-18,
  .tablepress th.column-19, .tablepress th.column-20,
  .tablepress th.column-21, .tablepress th.column-22,
  .tablepress th.column-23, .tablepress th.column-24,
  .tablepress th.column-25{
    width:35px !important; min-width:35px !important; max-width:35px !important;  
    padding-top: 10px !important; 
    padding-bottom: 5px !important; 
    padding-left: 12px !important;
    padding-right: 2px !important;
    text-align:left !important; 
    white-space:nowrap !important; 
    overflow: visible !important;
    text-overflow:ellipsis !important; 
  }
  
  /* schmale Spalten */
  .tablepress thead th.column-7 .dt-column-title, .tablepress thead th.column-8 .dt-column-title,
  .tablepress thead th.column-9 .dt-column-title, .tablepress thead th.column-10 .dt-column-title,
  .tablepress thead th.column-11 .dt-column-title, .tablepress thead th.column-12 .dt-column-title,
  .tablepress thead th.column-13 .dt-column-title, .tablepress thead th.column-14 .dt-column-title,
  .tablepress thead th.column-15 .dt-column-title, .tablepress thead th.column-16 .dt-column-title,
  .tablepress thead th.column-17 .dt-column-title, .tablepress thead th.column-18 .dt-column-title,
  .tablepress thead th.column-19 .dt-column-title, .tablepress thead th.column-20 .dt-column-title,
  .tablepress thead th.column-21 .dt-column-title, .tablepress thead th.column-22 .dt-column-title,
  .tablepress thead th.column-23 .dt-column-title, .tablepress thead th.column-24 .dt-column-title,
  .tablepress thead th.column-25 .dt-column-title {
     overflow: visible !important;
  }
}
.dt-container .dt-length, .dt-container .dt-search {
       display: none;
  }
/* Mobile: Grid auf 1 Spalte */
  @media (max-width: 750px) {
  .is-layout-grid {
      grid-template-columns: 1fr !important;
  }
}
/* Standard: nur Desktop-Menü sichtbar */
.mobil_menu {
  display: none !important;
}
.pc_menu {
  display: flex !important;
}

/* Unter 768px: nur Mobile-Menü sichtbar */
@media (max-width: 1060px) {
.pc_menu {
    display: none !important;
  }
.mobil_menu {
    display: block !important;
  }
}
/* Header kleiner Tablet*/
@media (max-width: 1050px) {

h1.wp-block-site-title {
    font-size: 30px;
	}
.st-header-row {
    display: flex;
    align-items: left;
    gap: 0.75rem;
}
}
	
/* Header kleiner mobil*/
	@media (max-width: 300px) {

	h1.wp-block-site-title {
	    font-size: 12px !important;
		}
		.wp-block-site-logo.is-default-size img {
		    height: auto;
		    width: 50px;
		}
	}
  @media (max-width: 850px) {
    
    /* Haupt-Header-Container: */
   .header-wrapper > .alignwide {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .header-wrapper {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    /*  max Höhe Header */
    .st-header-row {
       height: 60px !important;
        align-items: center !important; 
    }
        .is-default-size.wp-block-site-logo img {
        max-height: 40px !important;
        width: auto !important;
    }
}

/* Mobile Menü Breite */
@media (max-width: 1060px) {
    
    .wp-block-navigation__responsive-container {
        width: 300px !important; 
        margin-left: auto !important; 
        height: 100vh !important;   
        box-shadow: -5px 0 15px rgba(0, 0, 0, 0.7);
    }
    .wp-block-navigation__responsive-container .wp-block-navigation-item a {
        padding-top: 15px !important; 
        padding-bottom: 15px !important;
        display: block !important; 
    }
}
/* Mobile Header Info*/
.mobile-header-info {
    display: none !important;
}
@media (max-width: 1060px){
        .wp-block-navigation__responsive-container .mobile-header-info {
        display: block !important;
        padding: 15px 20px;
        border-bottom: 1px solid #ddd; 
    }
}

/* MENÜ TITEL GRÖßE */
.titel-seite {
    font-size: 40px;
}
@media (max-width: 2150px){
    .titel-seite {
        font-size: 35px;
    }
       .has-medium-font-size {
        font-size: 0.9em !important;
    }
}
@media (max-width: 1750px){
    .titel-seite {
        font-size: 28px;
    }
       .has-medium-font-size {
        font-size: 0.85em !important;
    }
       .pc_menu {
        gap: .7rem !important;
    }

}
@media (max-width: 1465px) {
    .titel-seite {
        font-size: 2.0em;
    }
     .has-medium-font-size {
        font-size: 0.95em !important;
    }
    .pc_menu {
        gap: .7rem !important;
    }
    
    .st-header-row {
        justify-content: center !important;
        align-items: center !important;
        flex-wrap: wrap; 
    }
    
    .titel-seite {
        flex-grow: 0 !important;
        flex-shrink: 0 !important;
    }

    .pc_menu {
        margin-left: initial !important;
        margin-right: initial !important; 
        justify-content: center !important;
        width: 100%;
    }
}