/*
 Theme Name:   bootScore Child
 Description:  bootScore Child Theme
 Author:       bootScore
 Author URI:   https://bootscore.me
 Template:     bootscore-main
 Version:      5.2.0.0
 Text Domain:  bootscore
*/

/* 
All style editing is done via scss/_bscore_custom.scss
*/
@font-face {
  font-family: 'Open Sans';
  src: url(schrift/OpenSans-VariableFont_wdth,wght.ttf);
  font-display: fallback;
}
body{font-size:1.05rem;font-family: 'Open Sans';}
h1{color:#1f386a; font-size:3.4rem;}
h2{ font-size:2.9rem;}
a{text-decoration:none;}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
.nav-link{border-bottom:solid 2px #fff;color:#000;}
.nav-link:hover{border-bottom:solid 2px #000;}
/*--------------------------------------------------------------
# Inhalt
--------------------------------------------------------------*/
.hg-weiss{background-color:#fff;}
.bildfolge{position:relative;}
.sliderpic{object-fit: cover;object-position: center center;height:auto;width:100%;}
.carousel-inner{position:relative; z-index:5;}
.carousel-item { max-height:900px; min-height:450px; overflow:clip; width:100%;}
.carousel-item img{object-fit: cover;height:850px; width:auto;}
.bildfolge .TextueberBild{position:absolute; left:0;right:0; margin:0 auto;text-align:center; top:40%; z-index:8;}
.bildfolge .TextueberBild h2,.bildfolge .TextueberBild h5{ color:#fff;}
.carousel-control-prev{z-index:12;}
.carousel-control-next{z-index:13;}
.carousel-control-prev-icon,.carousel-control-next-icon{background-color:rgba(0,0,0,0.1);border:solid 1px #fff; padding:1.5rem; z-index:14;}
.carousel-control-prev-icon{ background:transparent url(img/pfeil-zurueck.png) no-repeat center center;}
.carousel-control-next-icon{ background:transparent url(img/pfeil-vor.png) no-repeat center center;}
.kopfbilder,.bildfolge{margin-top:92px;}
.kopfbilder{max-height:450px;width:100%;overflow: clip;}
.hg-blau{ background-color:#1f386a; color:#fff;}
.hg-gruen{ background-color:#00bc89;}
.einleitungsueberschrift{font-weight:600;}
.fahrzeuge{margin:2rem 0;}
.fahrzeugtitel{padding:1rem 2rem;}
.fahrzeugweiter{padding:1rem 2rem;}
.fahrzeugweiter a{color:#00bc89; text-decoration:none;}
.fahrzeugweiter a img{margin-right: 1.5rem;}
.zubehoer{margin-bottom:2rem;margin-top:2rem; padding:3rem 0;}
.zubehoer ul{padding-left:0; list-style:none;}
.zubehoer ul li{border-bottom:solid 1px #656563; padding:0.5rem 0;}
.zubehoer ul li a{ color:#fff;display:block; font-size:1.5rem; text-decoration:none;}
.zubehoer ul li a .symbol{ padding:0 2rem 0 1rem;}
.zubehoer ul li a .pfeil{ float:right;}
.loesungen{color:#fff;margin-bottom:2rem; padding:3rem 0 1rem;}
.werkzeuge{border-right:solid 1px #bababa; margin:2rem 0;padding:2rem 0;}
.werkzeugebild,.werkzeugetitel{margin-bottom:1rem;}
.werkzeugetitel h3 a{color:#fff;}
.werkzeugeweiter a{display:block;}
.innerer-container{padding:1rem 6rem;line-height:2rem;}
.probefahrt a{color:#00bc89; text-transform:uppercase;}
.video{margin-top:2rem;}
.video img,.video video{padding:0 !important;}
.accordion-header .accordion-item .accordion-button{background-color:#fff;border:none;}
.accordion-button:focus {
  z-index: 3;
  border-color:#fff;
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: #fff;
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.wpcf7-form label,.wpcf7-form-control.wpcf7-submit.btn.btn-primary,.wpcf7-form-control-wrap,.wpcf7-form-control{width:100%;}
.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item{margin-left:0;}
.wpcf7-form-control.wpcf7-submit{ background-color:#00bc89;border:none; color:#fff;padding:0.5rem;}
/*FOOTER*/
.bootscore-footer.bg-light .widget_text.footer_widget.mb-5{margin-bottom:0 !important;}
.fuss-kontakt{ background:#ccc url(img/offnungszeiten_teaser.png) no-repeat center center; background-size:cover; display:flex; align-items:center; justify-content:center;}
.hg-kontakt,.hg-oeffnungszeiten{color:#fff;padding:33% 15%;}
.weiterkontakt{border:solid 1px #fff;color:#fff;display:inline-block; margin-top:2rem; padding:0.5rem 1.5rem; text-decoration:none;}
.weiterkontakt img{filter: invert(100%);}
.fuss-oeffnungszeiten{background-color:#1f386a; color:#fff; display:flex; align-items:center; justify-content:center;}
.hg-oeffnungszeiten p{ font-size:1.5rem;}
.hg-oeffnungszeiten p.einleitungsueberschrift{font-size:1.05rem;font-weight:600;}
.footer_widget{line-height:1.8;}
.fussmenues,.fussmenues a{color:#fff; text-decoration:none;}


/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Notebook
--------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {
  html {
    font-size: 95%;
  }
}

/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
	.carousel-item { max-height:600px; min-height:450px;}
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
   html {
    font-size: 90%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
		.carousel-item { max-height:500px; min-height:450px;}
 .innerer-container{padding:1rem 2rem;}
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
	.carousel-item { max-height:300px; min-height:250px;}
  .innerer-container{padding:0;}
  .zubehoer ul li a .symbol{display:block; width:100%;}
  .zubehoer ul li a .pfeil{ display:none;}
}

/* NC-Logo-Groesse 24.08.2026
   Das Navigationslogo bestimmt die Hoehe der fixierten Navbar. Damit Slider
   (.bildfolge) und Kopfbereich (.kopfbilder) nicht darunter verschwinden,
   haengen beide an derselben Variablen. Navbar = Logo + 24.7px Innenabstand. */
:root{--nc-navbar-h:145px;}
.navbar-brand img.logo{height:120px;width:auto;max-width:100%;}
.kopfbilder,.bildfolge{margin-top:var(--nc-navbar-h);}

@media (max-width:1199.98px){
  :root{--nc-navbar-h:120px;}
  .navbar-brand img.logo{height:95px;}
}
@media (max-width:575.98px){
  :root{--nc-navbar-h:95px;}
  .navbar-brand img.logo{height:70px;}
}