/*
 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;

}

body {
  font-family: 'Source Sans 3', sans-serif;
  font-weight: 400;
  color: var(--waldhorn-dark-grey);
 
}

header {
  display: none;
}
h1, h2, h3 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color: var(--waldhorn-dark-grey);

}
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 {
max-width:1800px;
} 

.container-xl {
  
}




.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 ist sichtbar erst nach Scroll */
.logo-scrolled {
  opacity: 0;
  transition: opacity .25s ease;
}

/* Sobald Header scroll-Klasse hat */
.scrolled .logo-scrolled {
  opacity: 1;
}





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

.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) {
  .fixed-cta img {
    width: 60px;
    height: 60px;
  }
}



/*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: 0.75rem; 
}


.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;
}



footer{
  display:none;
}