/*
 Theme Name:   Bootscore Child
 Description:  Bootscore Child Theme
 Author:       Bootscore
 Author URI:   https://bootscore.me
 Template:     bootscore
 Version:      6.0.0
 Requires at least: 5.0
 Tested up to: 6.6
 Requires PHP: 7.4
 License: MIT License
 License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE
 Text Domain:  bootscore
*/

/* 
All style editing is done via /assets/scss/_bootscore_custom.scss
*/

:root {
  --waldhorn-red: #E30613;
  --waldhorn-dark-red: #2E1517;
  --waldhorn-green: #008244;
  --waldhorn-dark-grey: #565253;
  --waldhorn-grey: #969091;
  --waldhorn-light-grey: #DEDEDE;
  --waldhorn-pure-white: #fff;


  --container-width:clamp(1100px, 85vw, 1800px);

}

body {
  font-family: 'Source Sans 3', sans-serif;
  font-weight: 400;
  color: var(--waldhorn-dark-grey);
 
}
h1, h2, h3 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  color: var(--waldhorn-dark-grey);
  letter-spacing: -0.02em;
  text-transform: uppercase;

}

.hero-subtitle{
    display:block;
    font-size:0.6em;
    font-weight:300;
    letter-spacing:0.05em;
    margin-top:0.4rem;
}




a {
	text-decoration: none;
}

.nav-link, .nav-link:visited {  
	
	
	color:#333;

}

.nav-link:hover, .nav-link:active {  font-weight: 400;;
	color:#000;
	 font-weight: 500;
	}


.bg-dark {
	Background:#1d1d1b;
	
}



.custom-header-color {
  /*display: none;*/


  Background:rgba(255,255,255,1);
  border-bottom: 10px solid #DEDEDE;
  opacity: 1;
  transition: opacity .50s;
  
  

-webkit-box-shadow: 0px 3px 6px 3px rgba(0,0,0,0.24); 
box-shadow: 0px 3px 6px 3px rgba(0,0,0,0.08);
  
}
.container,
.wp-block-stackable-columns.alignfull .stk-row {
  max-width: var(--container-width)!important;
  margin-inline: auto;
}


.navbar-expand-xl {
  height:var(--header-height);
  
  padding: 0;
}


.main-hero {
  margin-top: 2000px;
}

.scrolled.custom-header-color {

opacity: 1;

  
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
	 font-weight: 600;
	color:#000;
}




/* Container für korrektes Positioning */
.logo-wrapper {
  display: inline-block;
}

.logo-scrolled{
  opacity: 1;
  transition: opacity .25s ease;
}

.logo-on-scroll .logo-scrolled{
  opacity: 0;
}

.logo-on-scroll .scrolled .logo-scrolled{
  opacity: 1;
}






footer .text-body-secondary {
	color:#ddd!important;
}


footer .trenner {
  display: none;
}





.border-top{
	/*border-top: 1px solid #333!important;*/
}
/*.border-bottom {border-bottom: 1px solid #333!important;}*/

/*Kontakt- Buttons*/

/* Smooth Scrolling für Anker */
html { scroll-behavior: smooth; }

/* Fixe Buttons – rechte Seite */
.fixed-ctas {
  position: fixed;
  top: 40%; /* etwas oberhalb der Mitte */
  right: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 9999;
}

/* Direkt das SVG-Bild als Button */
.fixed-cta img {
  width: 65px;
  height: 65px;
  display: block;
  cursor: pointer;
  transition: transform .2s ease, opacity .2s ease;
}

/* Hover-Effekt */
.fixed-cta:hover img,
.fixed-cta:focus img {
  transform: scale(1.05);
  opacity: 0.9;
}

/* Mobile: ggf. kleiner machen */
@media (max-width: 768px) {

footer .container {
  padding: 20px;
}


.fixed-ctas {
  position: fixed;
  top: 13%; /* etwas oberhalb der Mitte */
  
}


  .fixed-cta img {
    width: 50px;
    height: 50px;
  }


.custom-header-color {
  
  

-webkit-box-shadow: 0px 3px 6px 3px rgba(0,0,0,0.0); 
box-shadow: 0px 3px 6px 3px rgba(0,0,0,0.00);
  
}


}



/*Ende Kontakt- Buttons*/



.bootscore-footer .bootscore-footer-columns .menu {
  justify-content: flex-end; /* Menü rechtsbündig */
}

.bootscore-footer .bootscore-footer-columns .menu li {
  margin-left: 1rem; /* etwas Abstand zwischen Items */
}


/* Schriftgröße im Footer-Menü verkleinern */
.bootscore-footer .nav li a {
  font-size: 1rem; 
}


.btn-primary {
	 --bs-btn-color: #fff;
    --bs-btn-bg: var(--waldhorn-red);
    --bs-btn-border-color: var(--waldhorn-red);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--waldhorn-red);
    --bs-btn-hover-border-color: var(--waldhorn-red);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--waldhorn-red);
    --bs-btn-active-border-color: var(--waldhorn-red);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--waldhorn-red);
    --bs-btn-disabled-border-color: var(--waldhorn-red);
}


.btn-custom {
  --bs-btn-color: #fff;
    --bs-btn-bg: var(--waldhorn-red);
    --bs-btn-border-color: var(--waldhorn-red);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--waldhorn-red);
    --bs-btn-hover-border-color: var(--waldhorn-red);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--waldhorn-red);
    --bs-btn-active-border-color: var(--waldhorn-red);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--waldhorn-red);
    --bs-btn-disabled-border-color: var(--waldhorn-red);
    border-radius: 0;
}


/* Hintergrund & Text */
#cc--main,
.cc_div,
.cc_div * {
  background-color: #000 !important; /* Schwarz */
  color: #fff !important;    
  font-size: 12px;        /* Weißer Text */
}

/* Überschriften */
#cc--main .cm__title,
#cc--main .pm__title {
  color: #fff !important;
}

/* Buttons: ohne Border-Radius, klare Farben */
#cc--main .cc_btn,
#cc--main .cm__btn,
#cc--main .pm__btn {
  border-radius: 0 !important; 
  background-color: #fff !important; /* Weißer Button-Hintergrund */
  color: #000 !important;            /* Schwarzer Text */
  border: none !important;
  font-weight: 600;
}

/* Hover-Effekt Buttons */
#cc--main .cc_btn:hover,
#cc--main .cm__btn:hover,
#cc--main .pm__btn:hover {
  background-color: #c42026 !important; /* deine Markenfarbe */
  color: #fff !important;
}

/* Links im Text */
#cc--main a {
  color: #c42026 !important; /* deine Brand-Farbe */
  text-decoration: underline;
}









/*Handgeschrieben*/


.handwritten {
  font-family: 'Amatic SC', sans-serif;
    font-weight: 700;
    color: var(--waldhorn-dark-grey);
}

/* Handschrift-Überschriften */
.handwritten h1,
.handwritten h2,
.handwritten h3 {
    display: inline-block;
    font-family: 'Amatic SC', sans-serif;
    font-weight: 700;
    color: var(--waldhorn-dark-grey);
}

/* Drei leicht unterschiedliche Unterstreichungen */
.handwritten {
    --underline-a: url("data:image/svg+xml,%3Csvg viewBox='0 0 800 20' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 10 C90 7.8 175 12.5 255 9.1 C350 6.9 445 12.7 540 9.5 C635 7.4 715 12.1 798 9.8' fill='none' stroke='white' stroke-width='6' stroke-linecap='round'/%3E%3Cpath d='M3 11.4 C105 9.6 200 13.3 300 10.4 C405 8.6 510 13.2 620 10.7 C705 9.0 760 11.5 797 10.8' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' opacity='.55'/%3E%3C/svg%3E");

    --underline-b: url("data:image/svg+xml,%3Csvg viewBox='0 0 800 20' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 10 C75 8.8 165 11.5 250 8.6 C335 6.2 425 13.5 510 10.5 C605 7.8 695 11.7 798 9.7' fill='none' stroke='white' stroke-width='6' stroke-linecap='round'/%3E%3Cpath d='M3 11.2 C110 10.2 205 12.8 315 10.0 C425 8.8 540 12.5 650 10.2 C730 9.4 775 11.2 797 10.7' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' opacity='.55'/%3E%3C/svg%3E");

    --underline-c: url("data:image/svg+xml,%3Csvg viewBox='0 0 800 20' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 10 C100 7.2 180 12.8 275 9.7 C365 7.3 460 12.2 560 9.0 C655 6.8 735 12.8 798 10.0' fill='none' stroke='white' stroke-width='6' stroke-linecap='round'/%3E%3Cpath d='M3 11.6 C95 9.8 190 13.8 295 10.8 C400 9.0 515 13.4 630 10.4 C710 8.8 765 11.8 797 11.0' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' opacity='.55'/%3E%3C/svg%3E");
}

/* Standard */
.handwritten h1::after,
.handwritten h2::after,
.handwritten h3::after {
    content: "";
    display: block;
    width: 100%;
    height: 8px;
    margin-top: .15em;

    background-color: var(--waldhorn-dark-grey);

    -webkit-mask: var(--underline-a) no-repeat center / 100% 100%;
    mask: var(--underline-a) no-repeat center / 100% 100%;

    transform: rotate(-0.25deg);
}

/* Abwechselnde Varianten */
.handwritten h1:nth-of-type(3n+1)::after,
.handwritten h2:nth-of-type(3n+1)::after,
.handwritten h3:nth-of-type(3n+1)::after {
    -webkit-mask-image: var(--underline-a);
    mask-image: var(--underline-a);
    transform: rotate(-0.35deg);
}

.handwritten h1:nth-of-type(3n+2)::after,
.handwritten h2:nth-of-type(3n+2)::after,
.handwritten h3:nth-of-type(3n+2)::after {
    -webkit-mask-image: var(--underline-b);
    mask-image: var(--underline-b);
    transform: rotate(0.15deg);
}

.handwritten h1:nth-of-type(3n)::after,
.handwritten h2:nth-of-type(3n)::after,
.handwritten h3:nth-of-type(3n)::after {
    -webkit-mask-image: var(--underline-c);
    mask-image: var(--underline-c);
    transform: rotate(-0.1deg);
}















@media (max-width: 991.98px) {

.offcanvas-body {
  background-color: #fff;
}


.nav-link, .nav-link:visited {  
  font-size: 22px;
  
  color:#333;

}



}