/*Link #6595A3  (#D89E5D)
	
	Blue #00284B 
	Green #00577b
	Heads #333
	Text #555
	
// Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }


400 – Normal.
500 – Medium.
600 – Semi Bold (Demi Bold)
700 – Bold.

*/
/* 
[button url="/tour" text="Tourdaten ansehen" icon="fa-guitar"]
[button url="https://www.eventim.de" text="Tickets sichern" icon="fa-ticket-alt"]
[button url="/kontakt" text="Schreib uns" icon="fa-paper-plane" iconpos="right"]
[button url="/news" text="Mehr lesen" icon="fa-angle-right" style="secondary"]
 */
 
 
body {
  font-family: 'Roboto Condensed';
  overflow-x: hidden;
  padding-top: 60px;
  background: black;
  background: #000 url('../img/image-grunge-tile.jpg') repeat center center;
  background-size: auto;
  color: #fff;
 
}

.fab, .fas{
  font-size: 1.25rem;
}

.grecaptcha-badge {
    visibility: hidden;
}


.hide {
	display: none; 
}

a {
  color: goldenrod;
  transition: all 0.3s ease-in-out;
}

a:hover {
  color: gold;
  transition: all 0.3s ease-in-out;
}

b {
  font-weight: 600;
}

p {
  font-size: 1rem;
  line-height: 23px;
}

.page-section {
  padding: 4rem 0;
}

.container {
  max-width: 1230px;
}

@media (min-width: 768px) {
  section {
    padding: 9rem 0;
  }
}
::-moz-selection {
  background: gold;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: gold;
  color: #fff;
  text-shadow: none;
}

img::-moz-selection {
  background: transparent;
}

img::selection {
  background: transparent;
}

img::-moz-selection {
  background: transparent;
}


.fa-chevron-left, .fa-chevron-right {
  color: #000;
  margin-top: -10px;
}

.btn-xl {
  padding: 1.25rem 2.5rem;
  font-size: 1.125rem;
  border-radius: 0;
}

.btn-sm, .btn-md, .btn-lg {
  border-radius: 10px;
  background-color: #C58B68;
  border-color: transparent;
  font-size: 0.875rem;
  letter-spacing: 1;
  line-height: 1.19;
}

.btn-primary{
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  text-transform: normal;
  background-color: goldenrod;
  border-radius: 0px;
  /* box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5); */
  padding-left: 1rem;
  padding-right: 1rem;
  letter-spacing: 0;
  border-color: transparent;
 
}

.btn-primary:hover {
 
    color: #fff;
    background-color: gold;
    border-color: gold;

}


.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
  background-color: red;
  border-color: transparent;
}


/* .btn-green{
  color: #fff;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 18px;
  text-transform: uppercase;
  background-color:transparent;
  border-radius: 0px;
  border: 1px solid #fff;
  border-radius: 2px;
  padding: 0.75rem 0.75rem;
 letter-spacing: 0;
}

.btn-green:hover {
  color: #00577b;
  background-color: #fff;
}

.btn-green-alt {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #00577b;
  border-radius: 0px;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
  padding: 0.05rem 0.75rem
}

.btn-green-alt:hover {
  color: #00284B;
}

.btn-white {
  color: #00577b;
  font-size: 0.875rem;
  line-height: 10px;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 4px;
  padding: 0.33rem 0.75rem;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
  letter-spacing: 0;
}

.btn-white:hover {
  color: #00284B;
} */


.btn-trans {
  color: #000;
  border: 1px solid #000;
 border-radius: 2px;
 background-color: transparent;
}

.btn-trans:hover {
  color: goldenrod;
  border: 1px solid goldenrod;
}


/* .btn-light-blue {
  color: #00577b;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 18px;
  text-transform: uppercase;
  background-color: #DBE1E6;
  border-radius: 4px;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
  padding: 0.1rem 0.75rem;
  letter-spacing: 0;
}


.btn-social {
  height: 2.5rem;
  width: 2.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 100%;
  color: #555;
  background-color: #eee;
  border-color: transparent;
}

.btn-social a {
  color: #333 ;
}

.btn-social:hover {
  color: #fff;
  background-color: #ebae69;
} */


.pagination-container {
    text-align: center; /* Zentriert den Inhalt innerhalb des Divs horizontal */
    width: 100%; /* Stellt sicher, dass das Div die volle Breite einnimmt */
    display: flex; /* Verwendet Flexbox */
    justify-content: center; /* Zentriert den Inhalt horizontal im Flex-Container */
    align-items: center; /* Zentriert den Inhalt vertikal im Flex-Container */
}

/* Optional: Stil für das nav Element innerhalb des Containers */
.pagination-container nav {
    width: auto; /* Stellt sicher, dass das nav-Element nur so breit wie nötig ist */
}


/* Grundstyling für alle Links in der Pagination */
nav.pagination a {
    background-color: #fff; /* Hintergrundfarbe Goldenrod hell */
    border: 1px solid #daa520; /* Rahmen in Goldenrod */
    color: #daa520; /* Textfarbe Goldenrod */
    padding: 5px 10px; /* Innenabstand */
    text-decoration: none; /* Keine Unterstreichung */
    margin: 2px; /* Abstand zwischen den Elementen */
    transition: background-color 0.3s, color 0.3s; /* Übergangseffekte hinzufügen */
}

/* Styling für die aktuelle Seite als Button */
nav.pagination span.current {
    background-color: #daa520; /* Hintergrundfarbe für aktuelle Seite Goldenrod */
    color: #ffffff; /* Weiße Textfarbe für aktuelle Seite */
    border: 1px solid #b8860b; /* Dunklerer Rahmen für den Button-Effekt */
    padding: 7px 12px; /* Größerer Innenabstand für Button-Optik */
    cursor: default; /* Cursor nicht verändern, da nicht klickbar */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Schatten für 3D-Effekt */
    pointer-events: none; /* Keine Klick-Events zulassen, da aktiv */
}

/* Hover-Effekte für Links */
nav.pagination a:hover {
    background-color: #b8860b; /* Dunklere Hintergrundfarbe beim Überfahren Goldenrod */
    color: #ffffff; /* Weiße Textfarbe beim Überfahren */
}

/* Styling für deaktivierte Links (nicht anklickbar) */
nav.pagination span.disabled {
    color: #a9a9a9; /* Dunkelgraue Textfarbe */
    cursor: not-allowed; /* Cursor als nicht erlaubt anzeigen */
}

.category-header {
    text-align: center; /* Zentriert den Kategorienamen und die Paginierung */
}

.section-heading {
    margin-bottom: 10px; /* Abstand zum Paginierungsblock */
}

.page-info {
    display: inline-block; /* Block-Element, das in der Mitte zentriert werden kann */
    padding: 5px; /* Polsterung für bessere Sichtbarkeit */
}

.page-info a {
    padding: 3px 5px; /* Etwas Polsterung um jeden Link */
    margin: 0 2px; /* Abstand zwischen den Zahlen */
    background-color: #f8f9fa; /* Hintergrundfarbe für Links */
    text-decoration: none; /* Keine Unterstreichung */
    color: #007bff; /* Linkfarbe */
    border: 1px solid #dee2e6; /* Rahmen um die Links */
}

.page-info a:hover {
    background-color: #007bff; /* Hintergrundfarbe beim Hover */
    color: #ffffff; /* Textfarbe beim Hover */
}


.category-header {
    text-align: center;
}

.section-heading {
    margin-bottom: 10px; /* Abstand zum Paginierungsblock */
}

.page-info {
    display: inline-block;
    padding: 5px;
}

/* Styling für alle Pagination Links */
nav.pagination a, .page-info a {
    padding: 5px 10px;
    margin: 2px;
    background-color: #fff; /* Hintergrundfarbe Goldenrod hell */
    border: 1px solid #daa520; /* Rahmen in Goldenrod */
    color: #daa520; /* Textfarbe Goldenrod */
    text-decoration: none; /* Keine Unterstreichung */
    transition: background-color 0.3s, color 0.3s; /* Übergangseffekte hinzufügen */
}

nav.pagination a:hover, .page-info a:hover {
    background-color: #daa520; /* Dunklere Goldenrod Hintergrundfarbe beim Überfahren */
    color: #ffffff; /* Weiße Textfarbe beim Überfahren */
}

/* Zusätzliches Styling für aktuelle Seite */
nav.pagination span.current, .page-info span.current {
    background-color: #b8860b; /* Dunkleres Goldenrod für aktuelle Seite */
    color: #ffffff;
    border: 1px solid #daa520;
    padding: 7px 12px;
    cursor: default;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    pointer-events: none; /* Keine Klick-Events zulassen, da aktiv */
}






h1.section-heading {
  color: #000;
  font-weight: 700;
  font-size: 1.875rem;
  text-transform: uppercase;

  text-transform: normal;
}


h1.section-heading span {

    color: #8c8c8c;

}

h2.section-heading {
  color: #fff;
  font-weight: 700;
  font-size: 1.70rem;
  text-transform: uppercase;

  text-transform: normal;
}

h1.section-heading {
  color: #fff;
  font-weight: 700;
  font-size: 1.70rem;
  text-transform: uppercase;

  text-transform: normal;
}

h2.section-heading-standard{
  color: #fff;
  font-weight: 700;
  font-size: 1.70rem;
  text-transform: uppercase;

  text-transform: normal;
}

h1.section-heading-quote {
color: color(srgb 1 1 1 / 0.8);
font-weight: 300;
font-size: 1.375rem;
text-align: center;
}

h3.section-heading-quote {
color: color(srgb 1 1 1 / 0.8);
font-weight: 300;
font-size: 1.125rem;
text-align: center;
}

h4.section-heading {

font-weight: 400;
font-size: 1.2rem;
text-align: center;

}

h5, span.section-heading-quote {
  color: #fff;
  line-height: 0.5;
  font-size: 2.5rem;
  text-align: center;
}

@media (min-width: 768px) { 
  
 
    
 
    
  h4.section-heading {
    font-size: 1.25rem;
    line-height: 1.36;
    text-align: left;
    }
  
  h5, span.section-heading-quote {
    font-size: 3.75rem;
    line-height: 0.5;
    text-align: left;
    }

}

 h1.section-heading-standard {
font-size: 2.375rem;
line-height: 50px;
text-align: left;
text-transform: uppercase;
font-weight: 700;
color: #fff;
}

 h2.section-heading-standard {
font-size: 2rem;
line-height: 50px;
text-align: left;
text-transform: uppercase;
font-weight: 700;
color: #fff;
}


p.info-text, ul.list-text{
  font-size: 1.125rem;
  font-weight: 300;


  line-height: 1.32;
 
  
}


@media (min-width: 768px) { 

  p.info-text {
    text-align: left;
  
  }

}


/* Adjust width for all input fields */
input[type="text"], input[type="textarea"], input[type="email"], input[type="tel"] {
    width: 100%;  /* Responsive width */
}

.wpcf7-form-control {
    width: 100%;  /* Makes the textarea responsive */

    padding: 8px; /* Adds some padding inside the textarea */
  
}

.card h4 {
  color: #1B375C;
}



.subtext {
  max-width: 800px;
  text-align: center;
  margin: 0 auto;
  padding: 20px 15px 40px;
}

.bg-wrapper-grey {
  background-color: #EDF0F2;

}

/*** NAV UND HEADER ***/






#mainNav {
  margin-top:0px;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  background-color: #fff ;
  background: linear-gradient(#444 0%, #000 100%);
  background: #000 url('../img/image-grunge-tile.jpg') repeat center center;
   background-size: auto;
   background: linear-gradient(#444 0%, #000 100%);
 
}
#mainNav .navbar-toggler {
  padding: 0.75rem;
  font-size: 1.75rem;
  color: #fff;
  text-transform: uppercase;
  background-color: transparent;
  border: 0;
 
}
#mainNav .navbar-brand {
  margin-right: 0rem;
}
#mainNav .navbar-brand img {
  height: 1.5rem;
}





#mainNav .navbar-nav .nav-item .nav-link {
/*    */
  font-size: 1.25rem;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  padding-left: .75rem;
  padding-right: .75rem;

}


@media (max-width: 991px) { 

#mainNav .navbar-nav .nav-item .nav-link {
/*    */
  font-size: 0.85rem;
  padding-left: .40rem;
  padding-right: .40rem;
 
}


}


@media (max-width: 1200px) { 

#mainNav .navbar-nav .nav-item .nav-link {
/*    */
  font-size: 1rem;
 
}


}





#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
  color: #ed1c24;
  transition: 0.3s ease-in-out;
  
}




/* #mainNav .navbar-nav .nav-item .nav-link.active {
	  background-color: transparent;
} */

#mainNav li.active{
 /* border-bottom: 4px solid #00577b; */
 color: #00577b;
}

#mainNav .dropdown-menu {
  border-radius:0;
  font-size: 0.875rem;
  text-transform: uppercase;
  /* margin-left:-5px; */
 
}

@media (min-width: 992px) {
  #mainNav {
  z-index: 999;
    /* border-bottom: 1px solid #333; */
    background-color: transparent;
    transition: padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
  }
  #mainNav .navbar-brand {
    margin-right:0rem;
    transition: font-size 0.3s ease-in-out;
  }
  #mainNav .navbar-brand img {
    height: 1.5rem;
    transition: height 0.3s ease-in-out;
  }
  #mainNav.navbar-shrink {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
	background-color: rgba(32, 36, 40, 0.9) ;
  }
  #mainNav.navbar-shrink .navbar-brand {
    font-size: 2em;
  }
  #mainNav.navbar-shrink .navbar-brand svg, #mainNav.navbar-shrink .navbar-brand img {
    height: 2rem;
    transition: height 0.5s ease-in-out;
  }
  #mainNav .navbar-nav .nav-item {
    margin-right: 0rem;
  
  
  }
  #mainNav .navbar-nav .nav-item:last-child {
    margin-right: 0;
    
  
  }
}

#mainNav .nav-telefon {
    color: #fff;
    font-size: 0.875rem;
    font-weight: normal;
  }


@media (min-width: 768px) { 
    #mainNav .nav-telefon {
      font-size: 1.125rem;
    }
  
  }


#mainNav.pages-nav {
 background-color: #fff ;

}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #00577b;
}



/* multilevel navigation */
ul.dropdown-menu li > ul.dropdown-menu {
left: 100%;
top: 0;


min-width: 250px;
}

ul.dropdown-menu li:hover > ul.dropdown-menu, ul.dropdown-menu li:focus > ul.dropdown-menu {
display: block;
}


header.masthead {
  padding-top: 6rem;
  padding-bottom: 6rem;
  text-align: left;
  color: #333;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: bottom center;
  background-size: cover;
  height:50vh;
  margin-top: 62px;
/*   background-image: url("../img/"); */
}


#events .js-scroll-trigger {
	margin-top: 20px;	
}


#navbarResponsive {
  margin-top: 10px;
}

@media (min-width: 768px) { 
  #navbarResponsive {
    margin-top: 0px;
  }


}



header.masthead .masthead-subheading {
  font-size: 1.375rem;
  line-height: 1.5rem;
  margin-top: 15px;
  margin-bottom: 25px;
  text-transform: normal;
  font-weight: 300;
  
}
header.masthead .masthead-heading {
  font-size: 3.3rem;
  font-weight: 700;
  line-height: 3.3rem;
  margin-bottom: 2rem;
  font-weight: 300;

}

.masthead-subheading-quote {
  color: color(srgb 1 1 1 / 0.8);
  color: #1B375C;
	font-size: 1.2rem;
	text-align: center;

}

.masthead-subheading-info {
  font-weight: normal;
  text-align: center;
  color: #1B375C;
  

}


@media (min-width: 768px) {
  header.masthead {
    padding-top: 4rem;
    background-position: top center;
    padding-bottom: 10rem;
    height: 70vh;
    margin-top: 0px;
/*      background-image: url("../img/"); */


  }
  header.masthead .masthead-subheading {
	position: relative;
    font-style: italic;
    margin-bottom: 2rem;
    

  }
  header.masthead .masthead-heading {
    font-size: 4.5rem;
    font-weight: 700;
    line-height: 4.5rem;
    margin-bottom: 4rem;
  }
  
  .masthead-subheading-quote {
	max-width: 400px;
	font-size: 3.5rem;
  line-height: 1.49;
	text-align: left;
  color: rgba(255, 255, 255, 0.9);
	
	}
  
  .masthead-subheading-info {
  max-width: 350px;
  text-align: left;
  font-size: 1.125rem;
  color: #fff;
  
  }

  
}


.container-header {
	width: 100vw;
  
}

@media (min-width: 576px) {
 .container-header {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
.container-header {
    max-width: 920px;
  }
}
@media (min-width: 992px) {
.container-header {
    max-width: 960px;
    
  }
}
@media (min-width: 1200px) {
 .container-header {
    max-width: 1240px;
  }
}


@media (min-width: 1340px) {
  header.masthead { 
    
    height: 90vh;

    }
}


@media (min-width: 1440px) {
  header.masthead {
  
    height: 70vh;

    }
}


@media (min-width: 768px) {
	.info-box {
   	 float: left;
   	 padding-left: 50px;
   	 padding-top: 45px;
  }
}


.mobile-infobox p{
	padding-left: 1rem;
	padding-right: 1rem;
	font-size: 0.85rem;
}


.mobile-infobox {
  margin-top:15vh;
}

@media (min-width: 768px) { 

	.mobile-infobox {
		margin-top:-120px;
		
	}

} 

.mobile-infobox .mobile- {
  width: 200px;
  padding-left: 2rem;
  padding-right: 1rem;

}

.mobile-infobox .masthead-subheading-quote{
  padding-top:2rem;
  font-size: 1.875rem;
}

#mainNav .navbar-brand img {
  height: 40px;
}

@media (min-width: 992px) {
	#mainNav .navbar-brand img {
	  height: 50px;
	}
		
}

#mainNav .navbar-brand svg {
 width: 122px;
 height: 40px;

}

@media (min-width: 992px) {
	#mainNav .navbar-brand svg {
	   width: 122px;
	}
		
}

.social-header {
	float: left;
  margin-top: -4vh;
}

@media (min-width: 768px) { 

.social-header {
	float: right;
	padding-top: 28vh;
/* 	left: auto; */
	}

}

.runter {
	display:block ;
  color: #999;
	text-align: center;
  width: 10px;
}

@media (min-width: 768px) { 

	.runter {
		display: block;
		position: absolute;
		right: 0 ;
		left: 0;
		bottom: 33%;
		color: #999;
		opacity: 0.6;
	}
		
	.runter-btn {
		color: #fff;
	}
		
	.runter:hover {
		color: #fff;
		opacity: 1;
		transition: 0.3s ease-in-out;
	}

}


/* Topbar: genug Höhe + über allem liegen */
.topbar-social{
  width:100%;
  margin-top: 0px;
 
  
  
  background:rgb(188, 32, 37);
  border-bottom:1px solid rgba(255,255,255,.08);
  padding: 4px 0;                /* mehr vertikaler Raum */
  position: relative;
  z-index: 50;            /* nicht vom Header/Carousel überdeckt */
  margin-top: 12px;
  
  background:rgb(188, 32, 37) url('../img/socialbar-bg2.png') repeat center center;
   background-size: auto;
}


@media (max-width: 1000px) { 

.topbar-social{
 
  margin-top: 0px;
 
  
  
 
}

}



/* Container-Row: echte vertikale Zentrierung */
.topbar-social .d-flex{
  align-items: center;
}

/* Icon-Buttons: fixe Größe, keine Baseline-Überhänge */
.topbar-social .social-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px; height:30px;
  border-radius:50%;
  line-height: 1;                 /* verhindert Clipping durch Zeilenhöhe */
  color:#fff;
  background:rgba(255,255,255,.0);
  text-decoration:none;
  transition:transform .2s, background .2s, color .2s;
  margin-left:.35rem;
  
}

/* SVG sauber rendern (kein zusätzlicher Leerraum) */
.topbar-social svg{
  display:block;                  /* entfernt Baseline-Lücke */
}

/* Optional: wenn irgendein Wrapper overflow versteckt */
header, .navbar, .site-header { overflow: visible; }

/* Hover (kannst du lassen wie vorher) */
.topbar-social .social-link:hover{
  /* transform:translateY(-1px) scale(1.05); */
  background:rgba(210,10,10,.9);
  background: #000;
}

/* Mobil: zentrieren */
@media (max-width: 575.98px){
  .topbar-social .d-flex{ justify-content:center !important; }
}


/* Grundfläche + Abstand zur fixen Navi (falls 60px) */
.hero-slider { margin-top: 0px; }

/* dunkler Canvas hinter Bildern */
.bg-darkgrey { background: #1a1a1a; }

/* Bild: 100% Breite, proportional, max 1920px, zentriert */
.hero-slide-img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 1920px;
  margin: 0 auto;
}

.hero-slider .hero-slide-img { width:100%; height:auto; display:block; }
.hero-description-bar { background: rgba(0,0,0,.75); color:#fff; padding:.85rem 0; }
.hero-description-bar .hero-desc-title { font-size: 1.5rem; margin:0; }
.hero-description-bar .hero-desc-text  { opacity:.9; }

/* Pfeile optional näher ans Bild (statt ganz außen) */
#heroImageCarousel .carousel-control-prev,
#heroImageCarousel .carousel-control-next {
  width: 8%;
}

/* Description-Bar */
.hero-description-bar{
  background:#111;
  color:#fff;
  padding:.9rem 0;
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.hero-description-bar h1{
  color: #ebae69;
  text-transform: uppercase;
}

.hero-desc-title{ 
  font-size:1.5rem; 
  font-weight:700; 
  letter-spacing:.01em; }
.hero-desc-text{ opacity:.8; }
.hero-desc-btn{ font-weight:700; }

/* Mobile Kleinigkeiten */
@media (max-width: 575.98px){
  .hero-desc-title{ font-size:1.25rem; }
}



/* === HERO SLIDER – Description-Bar UNTER dem Slider (kein Overlay) === */

.hero-slider-wrap {
  position: relative; /* normaler Fluss, kein Overlay */
}

.hero-slider .hero-slide-img {
  width: 100%;
  height: auto;
  display: block;
}

/* === Description-Bar: Immer unterhalb des Sliders === */
.hero-slider-wrap .hero-description-bar {
  position: relative;      /* nicht absolute/fixed */
  left: auto;
  right: auto;
  bottom: auto;
  z-index: 1;

  background: rgba(0,0,0,0.9); /* dunkler Balken */
  color: #fff;
  padding: 1rem 0;
  text-align: left;
}

/* Titel & Text */
.hero-description-bar .hero-desc-title {
  font-size: 2rem;
  margin: 0;
}
.hero-description-bar .hero-desc-text {
  opacity: 0.9;
  font-size: 1.125rem;
  margin: 0;
}

/* Button */
.hero-description-bar .btn {
  margin-top: 0.5rem;
}

/* Pfeile & Indikatoren bleiben über dem Slider */
.hero-slider-wrap .carousel-indicators {
  bottom: 20px;
  z-index: 3;
  display: none;
}
.hero-slider-wrap .carousel-control-prev,
.hero-slider-wrap .carousel-control-next {
  z-index: 3;
}

/* Mobile kompakter */
@media (max-width: 767.98px) {
  .hero-description-bar {
    padding: 0.8rem 0;
  }
  .hero-description-bar .hero-desc-title {
    font-size: 1.25rem;
  }
  .hero-description-bar .hero-desc-text {
    font-size: 1rem;
  }
}

/* Klicks erlaubt */
.hero-description-bar { pointer-events: auto; }


#standard-page.page-section {
  padding: 6rem 0rem 0rem 0rem;
  
}

@media (min-width: 768px) { 

  
  #standard-page.page-section {
    padding: 2rem 0rem 0rem 0rem;
    
  }
  

}

#standard-page.page-section .subtext {

  
}

#standard-page .container {
  max-width: 1200px;
  
}



#support_page.page-section, #about_page.page-section {
  padding: 8rem 0rem 0rem 0rem;
  
}


@media (min-width: 768px) { 

#support_page.page-section, #about_page.page-section {
  padding: 12rem 0rem 0rem 0rem;
  
}

}

#support_page .container, #about_page .container {
  max-width: 1280px;
  
}

#support_page .headline-icon, #about_page .headline-icon {
 margin-bottom: 30px;
  
}



/** template keyimage_standard **/

#keyimage_standard.page-section {
  padding: 12rem 0rem 0rem 0rem;
  
}

#keyimage_standard.page-section .subtext {
 
  
}


#keyimage_standard .container {
  max-width: 1280px;
  
}


/** template Global Markets **/

#globalmarkets-page.page-section {
  padding: 12rem 0rem 0rem 0rem;
  
}

#globalmarkets-page.page-section .subtext {
 
  
}


#globalmarkets-page .container {
  max-width: 1280px;
  
}

/** Blue Wrapper **/

.blue-wrapper {
  color: #fff;
  background-color: #00284B;

  text-align: center;


}

.blue-wrapper.box {
 margin: 0 auto;
  padding: 2rem 0rem;
  max-width: 1220px;


}


.blue-wrapper h1.section-heading {
  color: #fff;
 

}
@media (min-width: 768px) { 

  .blue-wrapper .logo-stamp-light {
     float: right;
     margin-right: 2rem;
     padding-top: 1rem;
  
  }
  
  .blue-wrapper h1.section-heading {
    color: #fff;
    margin-left: 9rem;
  
  }

}



.blue-wrapper .btn-green {
  margin-top: 1rem;
  

}


/** Blue Wrapper deluxe (left image - right text) **/

.bg-wrapper-deluxe {
  background-color: #EDF0F2;
  padding: 4.25rem 0;
}

.bg-wrapper-deluxe.white {
  background-color: #fff;
}

#wrapper-deluxe.container {
  max-width: 1220px;
  margin: 0 auto;

}

#wrapper-deluxe .teaser-image {
  padding: 0;
}

.blue-wrapper-deluxe {
  color: #fff;
  background-color: #00284B;
  text-align: center;
}

#wrapper-deluxe .teaser-image div {
height:260px;
 width: 100%;
  ackground: no-repeat ;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 background-position: center 70%;

}

.blue-wrapper-deluxe .subtext p {
  padding: 1rem;
}

.blue-wrapper-deluxe.box {
 margin: 0 auto;
  padding: 1.5rem 4rem;
  height: 100%;
}

@media (min-width: 768px) { 

  .blue-wrapper-deluxe.box {
   margin: 0 auto;
    padding: 1.5rem 4rem;
    height: 260px;
  }

}




.blue-wrapper-deluxe h1.section-heading {
  color: #fff;
  line-height: 50px;
}

.blue-wrapper-deluxe .subtext-box {
  padding: 5px 0 15px;
  color: #fff;
}

.blue-wrapper-deluxe .btn-green {
  margin-top: 0.5rem;
}





.env-pol .blue-wrapper-deluxe.box{
  height: 100%;
  background-position: center 30%;
}

.env-pol #wrapper-deluxe .teaser-image div{
  height: 300px;
  background-position: center 30%;
}

.wfu .blue-wrapper-deluxe.box{
  height: 100%;
}

.wfu #wrapper-deluxe .teaser-image div{
  height: 240px;
}

@media (min-width: 768px) { 

.env-pol .blue-wrapper-deluxe.box, .env-pol #wrapper-deluxe .teaser-image div{
  height: 300px;
  background-position: center 30%;
}

.wfu .blue-wrapper-deluxe.box, .wfu #wrapper-deluxe .teaser-image div{
  height: 240px;
}



}



/** section key-global-markets **/

#key-global-markets.page-section {
  padding: 6rem 0 2rem;


}




section#key-global-markets .card {
  
  border: none;
  border-radius: 0;  
  background-color: #00284B;
  

  }
  
section#key-global-markets .card-title {
    padding: 1.25rem 0rem 0rem; 
    
    
  }  
  
section#key-global-markets .card-body {
    padding:0;  
    border:0;
    border-radius: 0;
  }




section#key-global-markets span {
     height: 280px;
    
      background: no-repeat ;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: right center;
      
      
      
  }
  
  



section#key-global-markets h3.meta-headline {
  color:  #fff;
  font-weight: 600;    
  font-size: 1.375rem;
  text-transform: uppercase;

  }





/** section quote-phone **/

#quote-phone.page-section {
    padding: 6rem 0 2rem;

  }

#quote-phone h2 {
  font-size: 1.8rem;
  font-weight: 500;
  padding-top: 1rem;
  margin-bottom: 3rem;
  color: #00577b;
  text-transform: uppercase;
}

@media (min-width: 768px) { 
  
  #quote-phone h2 {
    font-size: 3rem;
 
    padding-top: 2rem;
    margin-bottom: 0rem;


  }


}

#quote-phone a:hover
{
 color: #00577b; 
}

/*** SECTION BLOGSTART ***/

section#blogstart {
  /* background-color: #fff; */
  
}



section#blogstart .container {
  max-width: 1280px;
}


#blogstart.page-section {
    padding: 3.3rem 0 0;
    color:#00284B;
 }
  
@media (min-width: 768px) { 

  #blogstart.page-section {
    padding: 3.3rem 0;
    }
    
    #news-page #blogstart.page-section  {
    padding: 0 0;
    }
    
    #news-page .bg-wrapper-grey   {
      padding: 4rem 0;
      margin-top: 5rem;
    }

}





/* Latest News – vertikale Liste */
.latest-news-list { margin: 0; }
.latest-news-item { }
.latest-news-thumb { display:block; width:100%; height:auto;}

@media (min-width: 768px) { 

.latest-news-thumb {max-width: 200px;}

}

/* Meta/Datum */
.latest-news-date {
  letter-spacing: .02em;
}

/* Titel/Excerpt */
.latest-news-title a{
  color: rgb(34, 34, 34); 
  font-weight: 700;
  text-transform: uppercase;
}
.latest-news-title a:hover { text-decoration: underline; }
.latest-news-excerpt { 
  color: #000;
  opacity: .7; }

/* Mobile spacing */
@media (max-width: 575.98px) {
  .latest-news-item { padding-top: 1rem; padding-bottom: 1rem; }
}

/* Ab md: leichte Rundung am Thumb */
@media (min-width: 768px) {
  .latest-news-thumb { border-radius:0; }
}


#news .latest-news-title a,
#archive .latest-news-title a,
#search .latest-news-title a  { 
  color: #fff;
  text-transform: uppercase;
}



#news .latest-news-excerpt,
#archive .latest-news-excerpt,
#search .latest-news-excerpt { 
color: #fff;
opacity: .7; }

.section-heading,
#archive h2.section-heading,
#search h2.section-heading
 {
  color: #fff;
}

  .news-sidebar .widget + .widget { border-top: 1px solid rgba(0,0,0,.06); padding-top: 0rem; }
.news-sidebar .widget-search form { display:flex; align-items:center; }
.news-sidebar .widget-search input { flex:1; min-width:0; }
.news-sidebar .widget-search button { white-space:nowrap; }
.news-sidebar .tag-cloud a { display:inline-block; margin:.25rem .35rem .25rem 0; padding:.25rem .5rem; border:1px solid rgba(0,0,0,.08); border-radius:.25rem; font-size:.9rem !important; text-decoration:none; }
.news-sidebar .tag-cloud a:hover { text-decoration:none; box-shadow:0 1px 2px rgba(0,0,0,.06); }

.border-bottom {
  border-bottom: 1px solid rgba(68, 68, 68, 0.9)!important;
  border-bottom: 1px solid transparent !important;
}




/* === SIDEBAR WIDGET-STYLING (News) === */

/* Widget-Container */
.news-sidebar .widget {
  background-color: rgba(68, 68, 68, 0.9);       /* grauer Hintergrund */
  border: 1px solid rgba(0,0,0,.1);
  margin-bottom: 1.5rem;
  border-radius: 0;                /* keine Rundungen */
  overflow: hidden;
  box-shadow: none;
}

/* Header oben: roter Balken mit weißem Titel */
.news-sidebar .widget h1,
.news-sidebar .widget h2,
.news-sidebar .widget h3,
.news-sidebar .widget h4,
.news-sidebar .widget h5,
.news-sidebar .widget h6 {
  background-color: #dc3545;       /* Bootstrap Danger */
  color: #fff;
  padding: .6rem .9rem;
  margin: 0;
  font-weight: 700;
  letter-spacing: .2px;
  border-radius: 0;                /* keine abgerundeten Ecken */
}

/* Widget-Inhalt (Content-Bereich) */
.news-sidebar .widget > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {

  background-color: rgba(0,0,0,.05);  /* leicht transparentes Grau */
}

/* Suche */
.news-sidebar .widget-search form {
  display: flex;
  align-items: center;
  padding: 1rem;
  padding-bottom: 0;
}
.news-sidebar .widget-search input[type="search"],
.news-sidebar .widget-search input[type="text"] {
  flex: 1;
  min-width: 0;
  margin-right: .5rem;
  
}
.news-sidebar .widget-search button {
  white-space: nowrap;
}

/* Archiv-Dropdown */
.news-sidebar .widget-archives select {
  width: 100%;
  background: transparent;          /* kein Hintergrund */
  color: #fff;                      /* weißer Text */

  border-radius: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: .5rem .75rem;
  font-size: 1rem;
}

.news-sidebar .widget-archives select:focus {
  outline: none;
  box-shadow: 0 0 0 0.15rem rgba(220,53,69,.4);
  border-color: rgba(255,255,255,.6);
  color: #fff;                      /* bleibt weiß */
  background: transparent;
}

/* Dropdown-Optionen (in manchen Browsern separat nötig) */
.news-sidebar .widget-archives option {
  background-color: rgba(68,68,68,0.95); /* dunkler Hintergrund für Dropdown-Menü */
  color: #fff;                           /* weiße Schrift in Liste */
}

/* Tag Cloud */

.news-sidebar .widget-tags{

}

.news-sidebar .tag-cloud {
  padding:1rem;
}

.news-sidebar .widget-tags .tag-cloud a {
  display: inline-block;
  margin: .25rem .35rem .25rem 0;
  padding: .25rem .5rem;
  border: 1px solid #dc3545;
  background-color: transparent;
  color: #fff;
  border-radius: 0;
  font-size: .9rem !important;
  text-decoration: none;
  transition: all 0.2s ease;
  
}
.news-sidebar .widget-tags .tag-cloud a:hover {
  background-color: #dc3545;
  color: #fff;
  text-decoration: none;
}





/* === SINGLE PAGE STYLES === */

/* Header-Balken */
.single-header-bar {
  background-color: #333;
  color: #fff;
  line-height: 0.7;
}
.single-header-bar .single-date {
  font-size: 1rem;
  font-weight: 400;
  padding-top: 4px;
}
.single-header-bar .single-title {
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.3;
  text-transform: normal;
}

/* Beitragstext */
.single-post-content {
  color: #fff;
  font-size: 1.05rem;
  line-height: 1.7;
}
.single-post-content p {
  margin-bottom: 1.2rem;
  font-size: 1.15rem;
}

/* Optional: Abstand zur Sidebar */
#single-article .row {
  align-items: flex-start;
}

.text-danger {
  color: goldenrod !important;
}







/* === TOUR-DATEN ALS TABELLENZEILEN === */
.tour-list-wrap {
  width: 100%;
 
}

.tour-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 1rem;
 
  border-bottom: 1px solid rgba(0,0,0,.1);
  transition: background-color 0.25s ease; background: rgba(51, 51, 51, 1);

}

.tour-row:nth-child(even) {
  background: rgba(51, 51, 51, 0.8);
  
}

.tour-row:hover {
  background: rgba(220,53,69,0.12);
  background: #444;
}

.tour-cell {
  padding: 0 .5rem;
 
}


.tour-month-heading {
  font-weight: 700;
  font-size: 1.5rem;
}
.tour-date {
  font-weight: 400;
}

.tour-more {
  text-align: right;
}

@media (max-width: 768px) {
  .tour-row { text-align: left; }
  .tour-more { margin-top: .5rem; text-align: left; }
}


/* ===================== */
/* Merch: roter Overlay-Balken unten, hover -> schwarz */
/* ===================== */
/* ==== Merch Cards: Bild + roter Balken darunter ==== */
.merch-card {
  display: block;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  color: #fff;
  transition: transform .3s ease;
}

.merch-card img {
  display: block;
  width: 100%;
  height: auto;
}

/* Roter Balken unter dem Bild */
.merch-bar {
  background: #d81b1b; /* Rot */
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  padding: 0.5rem 0;
  transition: background-color .3s ease;
}

/* Hover über die gesamte Karte: Balken färbt sich schwarz */
.merch-card:hover .merch-bar,
.merch-card:focus .merch-bar {
  background: #000;
  color: #fff;
}

/* Optional: leichte Zoomwirkung beim Hover */
.merch-card:hover img {
  transform: scale(1.02);
  transition: transform .4s ease;
}

/* Mobil spacing */
@media (max-width: 575.98px) {
  .merch-card { margin-bottom: 1.5rem; }
}


section#blogstart .card {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  border: none;
  border-radius: 0;  
  
  }
  


section#blogstart img {
    /* height: 100%; */
    border: none;
    border-radius: 0;
    
    

}

@media (min-width: 768px) { 
  
    section#blogstart img {
      /* height: 195px;  */
      
    }

  }


section#blogstart .card-body {
    padding: 0.9rem 1.25rem;  
    padding-bottom:0;
  }


section#blogstart .meta-date {
    font-size: 0.875rem;
  }

section#blogstart .meta-headline a {
  color:  #00284B;
  font-weight: 600;    
  }

section#blogstart .card-footer {
   background-color: #fff;  
   border:0;
   border-radius:0;
   padding-top:0;
   padding-bottom: 1.25rem;
  }


section#blogstart .meta-date-event {
      font-weight: 600;
  }




.band p{
  font-size: 18px !important;
}


  /* dezentes Styling wie im Screenshot */
 .credits {
    border: 1px solid #242424;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
    background:
      linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,.6)),
      repeating-linear-gradient(
        -8deg, #141414 0 10px, #101010 10px 20px
      );
  }
  .credits .name {
    font-weight: 700;
    color: #a9d7ff;          /* helles Blau */
    letter-spacing: .2px;
    line-height: 1.1;
  }
  .credits .role {
    font-size: .95rem;
    color: #c6ddff;
    opacity: .9;
    margin-top: .15rem;
    font-style: italic;
  }

.im-video-section{width:100%;background:#000;padding:0px 0;}
 .im-video-inner{max-width:1240px;margin:0 auto;padding:0 16px;}
 .im-video-heading{text-align:center;color:#fff;font-weight:700;margin-bottom:32px;}
 
 .im-video-section {
   background:#000 url('../img/image-grunge-tile.jpg') repeat center center;
   background-size: auto;
 }
 
 /* --- 16:9 Video Wrapper --- */
 .im-vid-16x9{position:relative;width:100%;padding-bottom:56.25%;overflow:hidden;background:#000;border-radius:8px;}
 .im-vid-preview{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
 .im-vid-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s,filter .5s;}
 .im-vid-16x9:hover .im-vid-preview img{transform:scale(1.02);filter:brightness(.9);}
 
 /* Main Play Button */
 .im-vid-play{z-index:2;width:86px;height:86px;border-radius:50%;
   background:rgba(0,0,0,.45);border:2px solid rgba(255,255,255,.9);
   display:flex;align-items:center;justify-content:center;cursor:pointer;
   animation:imPulse 2.4s ease-in-out infinite;}
 .im-vid-play-triangle{width:0;height:0;border-left:26px solid #fff;
   border-top:16px solid transparent;border-bottom:16px solid transparent;
   filter:drop-shadow(0 2px 3px rgba(0,0,0,.45));}
 @keyframes imPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.35);}50%{box-shadow:0 0 0 14px rgba(255,255,255,0);}}
 
 /* Iframe */
 .im-vid-frame{position:absolute;inset:0;width:100%;height:100%;border:0;opacity:0;transition:opacity .3s;}
 .im-vid-16x9.is-playing .im-vid-frame{opacity:1;}
 .im-vid-16x9.is-playing .im-vid-preview{opacity:0;pointer-events:none;}
 
 /* Pfeile inline */
 .im-video-section .carousel-control-prev,
 .im-video-section .carousel-control-next{
   position:absolute;top:50%;transform:translateY(-50%);
   width:48px;height:48px;border-radius:50%;
   background:rgba(255,255,255,.08);
   display:flex;align-items:center;justify-content:center;
   transition:background .2s,transform .2s;}
 .im-video-section .carousel-control-prev{left:8px;}
 .im-video-section .carousel-control-next{right:8px;}
 .im-video-section .carousel-control-prev:hover,
 .im-video-section .carousel-control-next:hover{
   background:rgba(255,255,255,.18);
   transform:translateY(-50%) scale(1.06);
 }
 
 /* Caption */
 .im-video-caption{text-align:center;color:#bdbdbd;font-size:.9rem;margin-top:14px;}
 
 /* Thumbnail Nav */
 .im-thumb-nav{margin-top:32px;}
 .im-thumb-item{padding:4px;cursor:pointer;opacity:.7;transition:opacity .3s,transform .3s; margin: .5rem;}
 .im-thumb-item.active,.im-thumb-item:hover{opacity:1;transform:scale(1.05);}
 .im-thumb-item.active img{box-shadow:0 0 0 2px #fff inset;}
 
 /* Thumbnail Overlay */
 .im-thumb-overlay{position:relative;}
 .im-thumb-overlay img{width:100%;height:auto;border-radius:4px;object-fit:cover;}
 .im-thumb-play{
   position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
   background:rgba(0,0,0,0.35);border-radius:4px;transition:background .3s;}
 .im-thumb-play-triangle{width:0;height:0;border-left:18px solid #fff;
   border-top:10px solid transparent;border-bottom:10px solid transparent;transition:border-left-color .3s;}
 .im-thumb-item:hover .im-thumb-play{background:rgba(210,10,10,.5);}
 .im-thumb-item:hover .im-thumb-play-triangle{border-left-color:#fff;}
 .im-thumb-item.active .im-thumb-play{background:rgba(255,255,255,.15);}
 
 @media(max-width:768px){
   .im-vid-play{width:68px;height:68px;}
   .im-vid-play-triangle{border-left-width:22px;border-top-width:13px;border-bottom-width:13px;}
   .im-thumb-item{padding:2px;}
 }



#teaser {
    position: relative;
   background-image: url('../img/merch-header.jpg');
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center center;
   min-height: 400px;
}

#teaser::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 1;
}



#teaser .section-heading {
    margin-bottom: 20px;  
}




/* === Media Galleries Grid === */
#media-page .media-card {
  cursor: pointer;
}

#media-page .media-thumb-wrap {
  position: relative;
  overflow: hidden;
  background: #111;
}

#media-page .media-thumb {
  display: block;
  width: 100%;
  height: auto;
  transform: translateZ(0);
  transition: transform .35s ease;
}
#media-page .media-thumb-wrap:hover .media-thumb {
  transform: scale(1.04);
}

/* roter Balken mit weißer Schrift unten */
#media-page .media-label {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #dc3545;      /* Bootstrap Danger */
  color: #fff;
  padding: .5rem .75rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

/* Placeholder-Fall */
#media-page .media-thumb-wrap.placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  background: #333;
}
#media-page .media-thumb-placeholder {
  color: #aaa;
}

/* LightGallery Feinheiten (optional) */
.lg-backdrop { background: rgba(0,0,0,.95); }




/* Einzelgalerie Grid */
#single-media #media-grid .gallery-item {
  position: relative;
  overflow: hidden;
}
#single-media #media-grid .gallery-item img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform .3s ease;
}
#single-media #media-grid .gallery-item:hover img {
  transform: scale(1.04);
}


/* Toolbar oben rechts auf Single-Gallery */
.media-toolbar .media-switcher {
  min-width: 260px;
}
@media (max-width: 576px) {
  .media-toolbar .media-switcher {
    min-width: 100%;
  }
}


/* === Masonry (CSS columns) für Single Media === */
#single-media .masonry {
  column-gap: 1rem;     /* Abstand zwischen Spalten */
  column-count: 4;      /* Desktop: 4 Spalten */
}

#single-media .masonry-item {
  break-inside: avoid;  /* verhindert Spaltenbrüche im Element */
  margin-bottom: 1rem;
}

#single-media .masonry-item a.gallery-item {
  display: block;
}

#single-media .masonry-item img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform .25s ease;
}

#single-media .masonry-item a.gallery-item:hover img {
  transform: scale(1.02);
}

/* Responsiv */
@media (max-width: 1200px) {
  #single-media .masonry { column-count: 3; }
}
@media (max-width: 768px) {
  #single-media .masonry { column-count: 2; }
}
@media (max-width: 480px) {
  #single-media .masonry { column-count: 1; }
}



/* ZENTRIERTER WRAPPER mit fester Max-Breite und ohne Innenabstand */
.masonry-wrapper-centered {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0; /* wichtig: kein Innenabstand */
}

/* GRID ohne seitliche Margins (damit Bilder bis an die Wrapper-Ränder laufen) */
#single-media-gallery .masonry-js {
  margin: 0;           /* kein Außenabstand */
}

/* KEIN GUTTER: Sizer und Items haben keine Padding/Margins */
#single-media-gallery .masonry-sizer,
#single-media-gallery .masonry-item-js {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: 25%;          /* Desktop: 4 Spalten */
}

/* Bilder füllen Zelle vollständig aus */
#single-media-gallery .masonry-item-js a.gallery-item { display: block; }
#single-media-gallery .masonry-item-js img {
  display: block;
  width: 100%;
  height: auto;
  padding: 4px;
  transition: opacity .35s ease;
  opacity: 0;          /* für Fade-in, siehe JS */
}
#single-media-gallery .masonry-item-js img.loaded { opacity: 1; }

/* Responsive Spaltenbreiten – bleiben bündig bis zum Rand */
@media (max-width: 1200px) {
  #single-media-gallery .masonry-sizer,
  #single-media-gallery .masonry-item-js { width: 33.3333%; } /* 3 Spalten */
}
@media (max-width: 768px) {
  #single-media-gallery .masonry-sizer,
  #single-media-gallery .masonry-item-js { width: 50%; }      /* 2 Spalten */
}
@media (max-width: 480px) {
  #single-media-gallery .masonry-sizer,
  #single-media-gallery .masonry-item-js { width: 100%; }     /* 1 Spalte */
}



/*** section CUSTOMER SUPPORT ***/


section#leistungsprofil {
  background-color: #EDF0F2;
  background-color: #fff;
}

section#leistungsprofil .container {
  /* max-width: 1280px; */
}


#leistungsprofil.page-section {
    padding: 3.5rem 0;
    color:#000;
 }
  
@media (min-width: 768px) { 

  #leistungsprofil.page-section {
    padding: 6rem 0 6rem 0;
    }

}

#leistungsprofil p.solution-subtext {
  margin: 0 auto;
  max-width: 800px;
  margin-bottom: 1.85rem;
}


#section-customer .card {
  padding: 2rem 0.1rem 1rem;
  border: none;
  border-radius: 0;  
  color:#fff;
  background-color: #00284B;
  text-align: center;
  }
  
#section-customer .card-body {
    padding: 0.;  
  }
#section-customer .card-footer {
  padding:0;
}

#section-customer img {
  text-align: center;
  margin: 0 auto;
    width: 90px;
 

}

@media (min-width: 768px) { 
  
    #section-customer img {
       
    }

  }

#section-customer .meta-vorschau {
   color: #fff;
  }

#section-customer h3.meta-headline {
  color:  #fff;
  font-weight: 600;    
  font-size: 1.375rem;
  text-transform: uppercase;
  padding-bottom: 0.85rem;
  }





/*** section ABOUT US SUPPORT ***/
  
  
  section#about {
    background-color: #fff;
  }
  
  section#about .container {
    max-width: 1280px;
  }
  
  
  #about.page-section {
      padding: 4rem 0;
      color:#00284B;
   }
    
  @media (min-width: 768px) { 
  
    #about.page-section {
      padding: 7rem 0;
      }
  
  }
  
  
  section#about img {
    text-align: center;
    margin: 0 auto;
    width: 100%;
   
  
  }
  
  @media (min-width: 768px) { 
    
      section#about img {
         max-width: 1220px;
      }
  
    }
  
  section#about .meta-vorschau {
     color: #fff;
    }
  
  section#about h3.meta-headline {
    color:  #fff;
    font-weight: 600;    
    font-size: 1.375rem;
    text-transform: uppercase;
    }
  
  
  section#about p.solution-subtext {
      margin: 0 auto;
      max-width: 800px;
    }
  
  
  
  .anchor{
    position:relative;
    top: -20px;
    display:block;
    width:0px;
    height:0px;
    overflow:hidden;
    visibility:hidden;
  }
  
  
  #partners-by-country.anchor { top: -140px !important; }


/*** section OUR CUSTOMERS ***/
    
    
  section#ourcustomers {
    background-color: #EDF0F2;
  }
  
  section#ourcustomers .container {
    max-width: 1280px;
  }
  
  
  #ourcustomers.page-section {
      padding: 4rem 0 2rem;
      color:#00284B;
   }
    
  @media (min-width: 768px) { 
  
    #ourcustomers.page-section {
      padding: 4rem 0 0.5rem 0;
      }
  
  }
  
  
  
  section#ourcustomers img {
    text-align: center;
    margin: 0 auto;
    width: 100%;
   
  
  }
  
  @media (min-width: 768px) { 
    
      section#ourcustomers img {
         max-width: 1220px;
      }
  
    }
  
  section#ourcustomers .meta-vorschau {
     color: #fff;
    }
  
  section#ourcustomers h3.meta-headline {
    color:  #fff;
    font-weight: 600;    
    font-size: 1.375rem;
    text-transform: uppercase;
    }
  
  
  section#ourcustomers p.solution-subtext {
      margin: 0 auto;
      max-width: 800px;
    }
    
    
    
    
    

    



/*** section simple-box (icon - headline - button  ***/
        
      
        section#simple-box .container {
          max-width: 1280px;
        }
      
        #simple-box.page-section {
            padding: 3rem 0;
            color:#00284B;
         }
          
        @media (min-width: 768px) { 
          
          #simple-box.page-section {
            padding: 5rem 0 1rem 0;
            }
        
        }
        
        section#simple-box .headline-icon {
          margin-bottom: 30px;
        }
        
        section#simple-box img {
          text-align: center;
          margin: 0 auto;
          width: 88px;
        
        }
        
        @media (min-width: 768px) { 
          
            section#simple-box img {
              
            }
        
          }
        
        section#simple-box h1.section-heading {
        
          padding-bottom: 25px;
          }
          
          
/*** section deluxe-box (icon - headline - text - button  ***/
          
          
          section#deluxe-box .container {
            max-width: 1280px;
          }
          
          #deluxe-box.page-section {
              padding: 4rem 0 2rem;
              color:#00284B;
           }
            
          @media (min-width: 768px) { 
            
            #deluxe-box.page-section {
              padding: 5rem 0 5rem 0;
              }
          
          }
          
          
          #deluxe-box.page-section.light {
             background-color: #EDF0F2;
             padding: 3rem 0 3rem 0;
             margin: 4rem 0 4.5rem;
           }
           
          #deluxe-box.page-section.light.white {
             background-color: #fff;
           }
          
          section#deluxe-box .headline-icon {
            margin-bottom: 30px;
          }
          
          section#deluxe-box img {
            text-align: center;
            margin: 0 auto;
            width: 88px;
          
          }
          
          @media (min-width: 768px) { 
            
              section#deluxe-box img {
                
              }
          
            }
          
          section#deluxe-box h1.section-heading {
          
          
            }
            
          section#deluxe-box.page-section .subtext {
         
            
          }
          
        
        
 
        



/** SECTION TEAM **/       
          
#about_page .bg-wrapper-grey.tm {
  padding-top: 4.25rem;
  padding-bottom: 1rem;
  margin-bottom: 4.5rem;
}

#about_page .team-management {
  margin-left: 0;
  margin-right: 0;
}

#about_page .team-members-2 {
  max-width: 636px;
}

#about_page .team-members-3 {
  max-width: 960px;
}

#about_page .team-management .card,
#about_page .team-management img {
 border: 0;
 border-radius: 0;
 background-color: #EDF0F2;
}

#about_page .team-members-2 .card,
#about_page .team-members-2 img,
#about_page .team-members-3 .card,
#about_page .team-members-3 img {
 border: 0;
 border-radius: 0;
 background-color: #fff;
}

#about_page .team-members-2 {
  margin-bottom: .5rem;
}

#about_page .team-management a, 
#about_page .team-members-2 a, 
#about_page .team-members-3 a{
  text-decoration: none;
  color: #00284B;
}

#about_page .team-management h3,
#about_page .team-members-2 h3,
#about_page .team-members-3 h3
{
  font-size: 1.375rem;
  font-weight: bold;
}

#about_page .team-modals{
text-align: center;
}

#about_page .team-modals .modal {
  top:50px;
}

#about_page .team-modals .modal-dialog{
  max-width: 444px;
  text-align: center;
  
}

#about_page .team-modals .modal-header {
  border:0;
  
}

#about_page .team-modals .modal-body {
  padding: 0 2rem;
}

#about_page .team-modals .modal-content {
  border:0 ;
  border-radius:0 ;
}

#about_page .team-modals .modal-footer {
  margin: 0 auto;
  padding-bottom: 2rem;
  padding-top: 2rem;
  border:0 ;
}

#about_page .team-modals h3{
  margin: 0 auto;
  font-size: 1.375rem;
  font-weight: bold;
}

#about_page .team-modals .close {
  opacity: 1;
  
  color: #00284B;
}

/* Transparenter Hintergrund der Lightbox */
.modal-backdrop {
  background-color: rgba(0, 40, 75, .9);
}
           
           
           

  

/** SECTION NOTIFICATIONS **/      

.notifications-searchform {
  margin:0 auto;
  max-width: 405px;
  background-color: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  border: none;
  margin-bottom: 2.75rem;
  margin-top: 2rem;
}

input.form-control {
  background-color: #EDF0F2;
  border: none;
  
}

 .btn-outline-secondary {
  border: none;
  border-radius: 0;
  text-transform: uppercase;
  color: #00577b;
  font-weight: 600;
  font-size: 0.875rem;
}


.notifications-table {
  margin:0 auto;
  max-width: 800px;
  line-height: 16px;
}

.notifications-table.table-striped tbody tr:nth-of-type(odd) {
  background-color: #EDF0F2;
}

.notifications-table.table td {
  border-top: none;
  line-height: 22px;
}

/* .notifications-table td:nth-child(1):before{
  font-size: 1.375rem;
  color: #00577b;
  font-family: "Font Awesome 5 Free";
  content: '\f56d';
} */

.notifications-table td:nth-child(1){
 max-width: 10px;
 text-align: left;
}


.notifications-table td:nth-child(2){
  font-size: 1rem;
  color: #00284B;
  text-align: left;
}

.notifications-table td:nth-child(3){
  font-size: 0.875rem;
  color: #707070;
  text-align: right;
}




/*** SECTION SUPPORT center ***/

section#support-center.page-section {
  padding: 2rem 0 0 0;
}

section#support-center .card {
  
  border: none;
  border-radius: 0;  
  background-color: #00284B;

  }
  
section#support-center .card-title {
    padding: 1.25rem 0rem 0rem; 

  }  
  
section#support-center .card-body {

    background-color: #EDF0F2;

  }
  
  section#support-center .card-body h5 {
    text-align: center;
    color: #00284B;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1rem;
    line-height: 22px;
    padding-bottom: 1rem;
   
  
  }
  
  section#support-center .card-body p {
    line-height: 22px;
  }
  
  section#support-center .card-body a{
    color: #00284B;
    text-decoration: underline;
  }
  
  section#support-center .card-body a:hover{
    color: #00577b;
   
  }


section#support-center h3.meta-headline {
  color:  #fff;
  font-weight: 600;    
  font-size: 1.375rem;
  text-transform: uppercase;
  margin-bottom: 1.25rem;

  }




/*** SECTION REPAIRS PROCESS ***/


section#repairs-process.page-section {
  padding: 4rem 0 0 0;
}

section#repairs-process .card {
  
  border: none;
  border-radius: 0;  
  background-color: #00284B;

  }
  
section#repairs-process .card-title {
    padding: 1.25rem 0rem 0.5rem 0; 
    

  }  
  
section#repairs-process .card-body {
    padding-top:2.5rem;
    background-color: #fff;

  }
  

  
  section#repairs-process .card-body p {
    line-height: 22px;
  }
  


section#repairs-process h3.meta-headline {
  color:  #fff;
  font-weight: 600;    
  font-size: 1.375rem;
  text-transform: uppercase;

  }


.icon-blue{
  margin: 0 auto;
   width:31px;
   height:30px;
   margin-bottom: 0.6rem;
   margin-top: 0.6rem;

    background-image: url("../img/icon-blue.svg");
  }





/*** SECTION REPAIR TERMS ***/
  
  section#repairs-terms.page-section {
    padding: 1rem 0 0 0;
  }
  
  section#repairs-terms .card {
    
    border: none;
    border-radius: 0;  
    background-color: #00284B;
  
    }
    
  section#repairs-terms .card-title {
      padding: 1.25rem 0rem 0rem; 
  
    }  
    
  section#repairs-terms .card-body {
  
      background-color: #EDF0F2;
      padding-bottom: 0;

  
    }
    
   
    section#repairs-terms .card-footer {
    
        background-color: #EDF0F2;
        border-top: none;
        border-radius: 0;
    
      }
    
    section#repairs-terms .card-footer h5 {
      text-align: center;
      color: #00284B;
      font-weight: 600;
      text-transform: uppercase;
      font-size: 1rem;
      line-height: 22px;
      padding: 0;
      margin-bottom: 0.5rem;
      margin-top:0.5rem;
     
    
    }
    
    section#repairs-terms .card-body p {
      line-height: 22px;
    }
    
    section#repairs-terms .terms-icon  {
        
    }
    
    section#repairs-terms .card-body a{
      color: #00577b;
      text-decoration: underline;
    }
    
    section#repairs-terms .card-body a:hover{
      color: #00284B;
     
    }
  
  
  section#repairs-terms h3.meta-headline {
    color:  #fff;
    font-weight: 600;    
    font-size: 1.375rem;
    text-transform: uppercase;
    margin-bottom: 1.25rem;
  
    }
  




/** SECTION FAQ **/

section#faq.page-section {
  padding: 2rem 0 0 0;
}


section#faq #accordionFAQ {
  margin: 0 auto;
  max-width: 800px;
}


section#faq #accordionFAQ .card-header {
  color: #fff;
  background-color: #00284B;
}

section#faq #accordionFAQ .btn-link {
  color: #fff;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 500;
  text-align: left;

}



.card-header h4,
  .btn-link i {
    display: inline-block;
    font-size: 1.375rem;
    color: #fff;
 
  }
  .btn-link i {
    position: absolute;
    right:0;
    top:0;
    margin-top: 15px;
    margin-right: 15px;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
  }
  .btn-link.collapsed i {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }





/*** SECTION NEWS ***/
    
    #news-page.page-section {
        padding: 8rem 0rem 0rem 0rem;
        
        
      }
      
      @media (min-width: 768px) { 
      
        #news-page.page-section {
          padding: 12rem 0rem 0rem 0rem;
          
        }
      
      }
      
      #news-page .container {
        max-width: 1280px;
        
      }
      
      #news-page img {
        max-width: 1220px;
        
      }
    
    #news-page .headline-icon {
      margin-bottom: 20px;
      
    }
    
    #news-page .meta-vorschau {
      color:#00284B;
    }
    
    #news-page form{
      margin-top: 0px;
      
    }
    
    @media (min-width: 768px) { 
    
    #news-page form{
      margin-top: 40px;
      
    }
    
    }
    
    
    
  
    
    
    #news .card {

        border: none;
        border-radius: 0;  

        }
        

        
      #news .card-title {
          padding: .5rem 0; 
          margin-bottom: 0; 
          background-color: #00284B;
        }  
      
      #news.card-title.green {
        background-color: #00577b;
      }  
      
      #news .card-title.grey {
        background-color: #9AA9B6  ;
      }    
    
        
    
        
        #news .card-body  {
          line-height: 22px;
       
          background-color: #EDF0F2;
          padding: 30px 15px;
        }
        
        #news .card-body a{
          color: #00284B;
          text-decoration: underline;
        }
        
        #news .card-body a:hover{
          color: #00577b;
         
        }
      
      
      #news h3.meta-headline {
        color:  #fff;
        font-weight: 600;    
        font-size: 1.375rem;
        text-transform: uppercase;
        line-height: 30px;
      
        }
    
    
    
    





  
section#kontaktformular {
 background:#000 url('../img/image-grunge-tile.jpg') repeat center center;
  background-size: auto;
  color: #fff;
}

section#kontaktformular .container {
  
    
  }  

  #kontaktformular.page-section {
   
  }
  
 @media (min-width: 768px) {   
  
  #kontaktformular.page-section {
   padding: 6rem 1rem 0rem 1rem;
  }
  
}



 section#kontaktformular h4 {
   font-weight: 400;
 }
 
 
 
 section#kontaktformular h4 span {
    color: #8c8c8c;
  }
  
label {
  text-transform: uppercase;
  font-weight: 700;
  color: #ccc;
  }  

  

  section#contact-us .card {
    margin: 0 auto;
       max-width: 600px; 
        border: none;
        border-radius: 0;  
       
      
        }
    
    
    section#contact-us #regional .card {

       max-width: 1200px; 


       
      
        }
    
  
  section#contact-us .card-title {
      padding: .5rem 0; 
      margin-bottom: 0; 
      color: #fff;
      text-transform: uppercase;
      background-color: #00284B;
    }  
 
  section#contact-us .card-title.grey {
    color: #00284B;
    background-color: #EDF0F2 ;
  }    
  
      
    
      
      section#contact-us .card-body  {
        line-height: 22px;
     
        background-color: #EDF0F2;
        padding: 30px 15px;
      }
      
      section#contact-us .card-body a{
        color: #00284B;
        text-decoration: underline;
      }
      
      section#contact-us .card-body a:hover{
        color: #00577b;
       
      }
    
    
      
     #kontaktformular input, 
     #kontaktformular textarea, 
     #kontaktformular select {
       background-color: #EDF0F2;
       border-radius:0;
       border:0;
       
      
     } 
     
     
     #kontaktformular input, 
      #kontaktformular select {
        height: 44px;
        
       
      } 
      
      #kontaktformular input[type=checkbox] {
        height:13px;
      }
      
      
     
     .custom-select {
         background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23A0AC81' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
         color:#00284B;
         background-size: 20px;
         background-color: #EDF0F2;
         border:0;
         font-weight: 300;
         
        
         
        /* background-image: url("../img/icon-arrow-down.svg"); */
     }
     
     #kontaktformular .form-group-robot {
       background-color: #EDF0F2;
       padding: 0rem 0;
       margin-top:1rem;
       
       
     }
     
     #kontaktformular .form-group-statement {
      padding: 1rem 0;
       margin-top:1rem;
       margin-top:25px;
      }
      
      #kontaktformular .form-check-input {
        margin-top: -1px;
        margin-left: -25px;
      }
      
      #kontaktformular .mandatory {
        font-size: 0.875rem;
        text-transform: normal;
        text-align: right;
        padding-right: 2rem;
        padding-top:1rem;
        font-weight:300;
      }
   
   
   
  #kontaktformular label {
    float: left;
  }
  
.wpcf7-form-control-wrap text-area{
  cols: 100;
}

.wpcf7-list-item {
  height: 0px;
}
  
  .wpcf7-spinner {
    display: none;
    
  }
 #kontaktformular .wpcf7-submit{
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    
    text-transform: normal;
    background-color: goldenrod;
    border-radius: 0px;
    /* box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5); */
    padding-left: 3rem;
    padding-right: 3rem;
   letter-spacing: 0;
   
  }
  
  #kontaktformular .wpcf7-submit:hover {
   
      color: #fff;
      background-color: gold;
 
  }
  
  
  .wpcf7-not-valid-tip {
    color: gold; /* Red */
    font-size: 1em;
    font-weight: normal;
    display: block;
  }
  
/*** SECTION CONTACT US TERMS ***/

section#contact-terms.page-section {
        padding: 5rem 0 0 0;
      }
      
      section#contact-terms .card {
        
        border: none;
        border-radius: 0;  
        background-color: #EDF0F2;
       
      
        }
        
      section#contact-terms .card-title {
          padding: 1rem 0rem 1rem; 
          background-color: #00284B;
      
        }  
        
        section#contact-terms h3.meta-headline {
        color:  #fff;
        font-weight: 600;    
        font-size: 1.375rem;
        text-transform: normal;
        margin-bottom: 1.25rem;
        
        }
      
        
      section#contact-terms .card-body {
        background-color: #EDF0F2;
          border:0;
          border-radius:0;
          padding: 2rem 0 2rem 0;
          font-size: 0.9rem
        }
      
        
      
        section#contact-terms .card-footer  {
          background-color: #EDF0F2;
            border:0;
            border-radius:0;
            padding: 0 0 2rem 0;
          }







          section#contact-us.page-section {
            padding: 5rem 0rem 1rem 0rem;
            
          }
  /** boxhover **/  
  
  
  div.box-hover,
  #section-customer .card,
  #category_boxes .card, 
  #blogstart .card,
  #product_archive .card,  
  #products_page .card, 
  #markets .card, 
  #solutions .card {
    transform: scale(1); 
    transition: all 0.3s ease-in-out;
    
    
  }
  div.box-hover:hover,
  #section-customer .card:hover
  #category_boxes .card:hover, 
  #blogstart .card:hover,
  #product_archive .card:hover,
  #products_page .card:hover, 
  #markets .card:hover,
  #solutions .card:hover
 
  {
   transform: scale(1.03); 
   transition: all 0.3s ease-in-out;
   text-transform: none;

 }
 
 
 div.box-hover2

 {
     transform: scale(1); 
     transition: all 0.3s ease-in-out;
     
   }
   div.box-hover2:hover
 
  
   {
    transform: scale(1.23); 
    transition: all 0.3s ease-in-out;
    text-transform: none;
 
  }


 .card a {
   text-decoration:none !important;
 }


/*** SECTION BLOG ***/


section#blog {

  background-color: #E9E9E9;
}


@media (min-width: 768px) { 
    
    section#blog {
      /* background-image: url("../img/bg-blog-01.jpg");
      background-repeat: no-repeat;
      background-position: 0% center;
      background-size: auto; */
      background-color: #fff;
    }

  }


#blog.page-section{
    padding: 1rem 0 0rem 0;
    
  }
  
  @media (min-width: 768px) { 
  
    #blog.page-section{
    padding: 7rem 0;
    /* height: 100vh; */

    
    }
  
  }
  
  
  
  #blog.page-section.start-section{
      padding: 3rem 0 4rem 0;
      background:#000 url('../img/image-grunge-tile-light.jpg') repeat center center;
       background-size: auto;
      
    }
    
    @media (min-width: 768px) { 
    
      #blog.page-section.start-section{
      padding: 2rem 0;
      /* height: 100vh; */
  
      
      }
    
    }



section#blog h1.section-heading {
    
  color:#1B375C;
 
  
  }
  
  @media (min-width: 768px) { 
  
    section#blog h1.section-heading {
    
    color:color(srgb 0.086 0.086 0.082 / 0.8);
    
    }
  
  }


section#blog img {
  


}


@media (min-width: 768px) { 
  
    section#blog img{
      
    
    
    }

  
  }
  
  
  
 section#blog .card-body {
      display: flex;
      flex-direction: column;
      justify-content: space-between; /* Ensures spacing is managed well */
  }
  
  section#blog .card-title {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      height: 2.5em; /* Adjust based on your line height */
  }
  
  section#blog .btn-primary {
   
  margin: 0 auto;
  }


.social-links {
      margin-top: 5px; /* Abstand zum Titel */
      margin-bottom: 10px; /* Abstand zum Titel */
      display: flex; /* Verwendet Flexbox für die Ausrichtung */
      justify-content: center; /* Zentriert die Links */
  }
  
  .social-links.single {
   
      justify-content: left; /* Zentriert die Links */
  }

  
  .social-link {
      margin: 0 15px; /* Gibt jedem Link horizontalen Abstand */
      font-size: 1.5em; /* Größenanpassung der Icons */
  }
  
  .social-link:first-child {
      margin-left: 0; /* Entfernt den linken Rand des ersten Links */
  }
  
  .social-link:last-child {
      margin-right: 0; /* Entfernt den rechten Rand des letzten Links */
  }

.social-link {
  font-size: 1rem;
}

.backbutton {
  display: block;
  margin: 5px 0 0 0 !important;
}
  
 @media (min-width: 768px) { 
 
   .backbutton {
     display: block;
     margin: 15px 0 0 0 !important;
   }
 
 } 
 
 
 #blog.page-section.research-section {
   background-color: #EDF0F2;
 }
 
 
 

/*** SECTION BLOG-SINGLE ***/


section#blog-single {
    
      /* background-color: #fff; */
    }
    
    
    @media (min-width: 768px) { 
      
      section#blog-single {
        /* background-image: url("../img/bg-blog-02.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover; */
    
      }

      
    }
    
    
    #blog-single p a {
      font-weight: 600;

      color:#00284B;
    }
    
    #blog-single.page-section{
      padding: 7rem 0;
     
    }
    
    @media (min-width: 768px) { 
    
      #blog-single.page-section{
      padding: 8rem 0 0;

      
      }
    
    }
    
    #blog-single.page-section .container{
     max-width: 830px;
     
     
    }
    
    section#blog-single h1.section-heading {
      
    text-align: left;
    
    
    
    }
    

  section#blog-single p{
      
       text-align: justify;
      }
  
  
  section#blog-single .meta-event-date, 
  section#blog-single .meta-event-venue {
    font-weight: 500;
    font-size: 1.25rem;
  } 
  

section#blog-single .single-thumb {
    max-width: 100%;
  }
  
  
  
  @media (min-width: 768px) { 
  
    section#blog-single .single-thumb {
      max-width: 390px;
    }
  
  
  }
  



.archive-cards img{

    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  
}


@media (min-width: 768px) { 

    .archive-cards img{
      
    
      background: no-repeat center center scroll;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      
    }


}


 /* Lightbox for blog images */

  div.floater-l, div.floater-r {
    text-align: center;
    
  }
  #blog-single img.floater-r, #blog-single img.floater-l {
       width: 100%;
       margin-bottom: 1rem;
     }
     
    .figure-caption  {
    margin-bottom: 1rem;
    display: block;
    
    }
 
 @media (min-width: 768px) { 
 
   .figure-caption  {
   margin-bottom: 0rem;
   display: inline;
   
   }
 
 }
    
@media (min-width: 768px) {
   #blog-single .floater-r {
       margin-left: 20px;
       float: right;
       max-width: 40%;
       margin-bottom: 0.25rem;
   }
   
    #blog-single .floater-l {
        margin-right: 20px;
        float: left;
        max-width: 40%;
        margin-bottom: 0.25rem;
        
    }
}

@media (min-width: 768px) {
   #blog-single img.floater-r {
       margin-left: 20px;
       float: right;
       max-width: 40%;
       margin-bottom: 0.25rem;
   }
   
    #blog-single img.floater-l {
        margin-right: 20px;   
        float: left;
        max-width: 40%;
        margin-bottom: 0.25rem;
        
    }
}

/* Lightbox for blog gallery */

.gallery-row {
    font-size: 0;  /* This removes the white space caused by inline-block */
}

.gallery-row p {
  font-size: 90% !important;
  text-align: center !important;
  color: #6c757d;
}

.gallery-row a {
    display: inline-block;
    width: 23%;  /* adjust this value to control how many items per row */
    margin-right: 1%;  /* adjust for spacing */
    vertical-align: top;
    font-size: 16px;  /* reset font size for captions */
    text-align: center;  /* centers the caption and the image */
    max-width: 150px;

}

.gallery-row a:last-child {
    margin-right: 0;  /* removes right margin from the last image in a row */
}

.gallery-row img {
    width: 100%;
    height: auto;
    
}





/*** SECTION PRODUCT-SINGLE ***/


section#product-single {
    
      /* background-color: #fff; */
    }
    
    
    @media (min-width: 768px) { 
      
      section#product-single {
        /* background-image: url("../img/bg-blog-02.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover; */
    
      }

      
    }
    
    
    #product-single.page-section{
      padding: 7rem 0;
     
    }
    
    #product-single .printout{
      padding: 1rem 0 2rem;
     
    }
    
    @media (min-width: 768px) { 
    
      #product-single.page-section{
      padding: 8rem 0 0;

      
      }
      
      #product-single .printout{
        padding: 0rem;
       
      }
    
    }
    
    
    
    #product-single.page-section .container{
     max-width: 1220px;
     
     
    }
    
    section#product-single h1.section-heading {
    margin-top: -1rem;
    text-align: center;
    
    
    
    
    }
    

  section#product-single p{
      
       text-align: justify;
      }
  
  
  section#product-single .single-thumb {
    max-width: 100%;
  }
  
  
  
  @media (min-width: 768px) { 
  
    section#product-single .single-thumb {
      max-width: 525px;
    
    }
  
  
  }
  
  section#product-single .product-thumbnail {
    max-with: 100px;
    
  }
  
  
  
section#product-single .card {
              
              border: none;
              border-radius: 0;  
              background-color: #EDF0F2;
              max-width: 600px;
      
        }
        
      section#product-single .card-title {
          padding: 0.5rem 0rem 0.5rem; 
          background-color: #00284B;
      
        }  
        
        section#product-single h3.meta-headline {
        color:  #fff;
        font-weight: 600;    
        font-size: 1.375rem;
        text-transform: uppercase;
        margin-bottom: 0rem;
        
        }
      
        
      section#product-single .card-body {
        background-color: #fff;
          border:0;
          border-radius:0;
          padding: 1.25rem 1.25rem;
        }
        
        section#product-single .card-body p{
       margin-bottom: 5px;
       line-height: 22px;
        }
        
      
        
      
      
     
      section#product-single ul {
        margin-left: -20px;
        margin-bottom: 0;
      }
            
            
        section#product-single iframe {
          max-width: 600px;
        }


         section#product-single .product-gallery .card {
          border: none;
          border-radius: 0;  
          margin-top: 1rem;
          background-color: #DBE1E6;
          max-width: 185px;
          margin: 0 auto;
          margin: 0 .4rem;
         
        }
        
          
          section#product-single .product-gallery .card-body {
          background-color: #DBE1E6;
            border:0;
            border-radius:0;
            padding: 0;
           flex: 0 0 auto;
          }
          
      section#product-single .product-gallery .card-footer {
        background-color: #DBE1E6;
        border:0;
        border-radius:0;
        text-align: center;
        font-size: 0.85rem;
        padding: 0.5rem;
        font-weight: 500;
        
        
      }
      
      section#product-single .product-download{
        text-align: center;
        padding-top: 0rem;
      }
      
      section#product-single .product-download h5 {
        text-align: center;
        color: #00284B;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 1rem;
        line-height: 22px;
        padding: 0;
        margin-bottom: 0.5rem;
        margin-top:0.5rem;
       
      
      }
      
     section#product-single #quote-phone.page-section {
      padding: 4.25rem 0 2rem;
    }

/*** 404 ***/

#viernullvier.page-section{
  padding: 7rem 0;
}

@media (min-width: 768px) { 

  #viernullvier.page-section{
  padding: 10rem 0;
  height: 100vh;

   
  
  }

}


span.search-instance {
    font-weight: bold;
    background: #f0e68c;
    padding: 2px;
    display: inline-block;
    text-transform: capitalize;
}
/*** FOOTER ***/

.footer {
  background: #000;
  color: #aaa;
  font-size: 0.95rem;
  letter-spacing: .02em;
  border-top: 1px solid rgba(255,255,255,0.08);
  padding-bottom: 2rem;
}

.footer a {
  color: #fff;
  transition: color .3s ease;
}

.footer a:hover {
  color: #d20a0a; /* Iron Maiden Rot */
  text-decoration: none;
}

.footer-copy {
  font-weight: 400;
  font-size: 0.95rem;
  color: #ccc;
}

.footer-links {
  font-weight: 400;
  font-size: 0.95rem;
  text-align: right;
}

.footer-links .footer-sep {
  color: rgba(255,255,255,0.3);
  margin: 0 .6rem;
}

@media (max-width: 767.98px) {
  .footer-copy {
    text-align: center;
  }
  .footer-links {
    text-align: center !important;
    margin-top: .4rem;
  }
}



footer .dropdown-menu {
  font-size: 0.85rem;
  text-transform: none;
}


@media (min-width : 700px ) and (max-width: 1280px) { 
  header.masthead {
  
    height: 100vh;

    }
}



 .background-image{
  border: 0px solid transparent !important;
  padding: 0 !important;
  min-height: 0px;
}





.datepicker {
  color: #000;
  cursor: pointer;
}

.prev, .next {
  color: #fff;
  text-align: center;
  background: #876a1a;
}

.datepicker-title { background: #000; }

.datepicker-switch {
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  background: #000;
}

td.day {
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.03);
}

td.day:hover {
  color: #fff;
  background: #876a1a;
}

.ui-widget-header .ui-icon {
    background-image:url(images/ui-icons_222222_256x240.png)
}





/* [data-toggle="lightbox"] {
  position: relative;
  display: inline-block;
}

[data-toggle="lightbox"]:before {
  position: absolute;
  content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="white" stroke="black" stroke-opacity="0.25" stroke-width="0.25" d="M16.32 14.9l5.39 5.4a1 1 0 0 1-1.42 1.4l-5.38-5.38a8 8 0 1 1 1.41-1.41zM10 16a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm1-7h2a1 1 0 0 1 0 2h-2v2a1 1 0 0 1-2 0v-2H7a1 1 0 0 1 0-2h2V7a1 1 0 1 1 2 0v2z"/></svg>');
  height: 32px;
  width: 32px;
  bottom: 0;
  right: 0;
} */


/* 
#myCarousel .list-inline {
    white-space:nowrap;
    overflow-x:auto;
}

#myCarousel .carousel-indicators {
    position: static;
    left: initial;
    width: initial;
    margin-left: initial;
}

#myCarousel .carousel-indicators > li {
    width: initial;
    height: initial;
    text-indent: initial;
}

#myCarousel .carousel-indicators > li.active img {
    opacity: 0.7;
} */


/* .dropdown-menu {
min-width: 200px;
}
.dropdown-menu.columns-2 {
min-width: 400px;
}
.dropdown-menu.columns-3 {
min-width: 600px;
}
.dropdown-menu li a {
padding: 5px 15px;
font-weight: 300;
}
.multi-column-dropdown {
list-style: none;
}
.multi-column-dropdown li a {
display: block;
clear: both;
line-height: 1.428571429;
color: #333;
white-space: normal;
}
.multi-column-dropdown li a:hover {
text-decoration: none;
color: #262626;
background-color: #f5f5f5;
}

@media (max-width: 767px) {
.dropdown-menu.multi-column {
min-width: 240px !important;
overflow-x: hidden;
}
} */