/*
 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 {
  --rapp-darkblue: #333;
  --rapp-stdblue: #05416A;
  --rapp-signalblue: #0981D3;
  --rapp-grey: #C1C1C1;
  --rapp-lightgrey: #EBF5FB;
  
}

body {
  font-family: 'montserrat', sans-serif;
 

}
h1, h2, h3 {
  font-weight: 700;
  color: var(--rapp-darkblue);
}
a {
	text-decoration: none;
}

/* Fließtext-Silbentrennung */
.entry-content,
.wp-block-post-content,
.page-content,
p, li {
  text-align: justify;
  hyphens: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;

  /* Schadensbegrenzung: lieber Zeilen umbrechen als hässlich auseinanderziehen */
  text-justify: inter-word; /* wird nicht überall gleich umgesetzt */
  
  overflow-wrap: normal;    /* kein willkürliches Brechen */
  word-break: normal;       /* kein break-all */
}

@media (max-width: 768px) {
  .entry-content,
  .wp-block-post-content,
  .page-content {
    text-align: left;       /* oder start */
  }
}


header .container-xl {
  max-width: 1500px; /* dein Wunschwert */
}

header {
  border-bottom: 10px solid var(--rapp-grey);
}


.header-color {
  background: #f1f1f1;
}

.nav-link, .nav-link:visited {  font-weight: 500;
	color:#333;
font-size: 1em;
border-right: 0px solid var(--rapp-grey);
border-radius: var(--bs-border-radius);
border:0px solid #6c757d;
}

.nav-link:hover, .nav-link:active {  
	color:#fff;
	 font-weight: 700;
   background: var(--rapp-signalblue);
   border-radius: var(--bs-border-radius);
	}




.bg-stdblue {
  background: var(--rapp-lightgrey);
}

.bg-darkblue {
  background: var(--rapp-darkblue);
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
	 font-weight: 600;

}



/* Mobile: Logo kleiner */
@media (max-width: 991.98px) {
  .navbar-brand img {
    height: 55px;   /* Wert anpassen */
    width: auto;
  }
}

/*Menü-Color, Mobil*/
@media (max-width: 991px) {
  
.offcanvas-body {
  background:#fff;

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

.offcanvas-header {
  background:var(--rapp-darkblue);
  color:#fff;
}

header .nav-link, header .nav-link:visited, header .nav-link:hover, header .nav-link:active { 
color:var(--rapp-darkblue);
font-weight: 500;
font-size: 1.2em;

}

header .navbar-nav .nav-link.active, header .navbar-nav .nav-link.show {
    color:var(--rapp-darkblue);
    font-weight: 600;
}

 .offcanvas-header .btn-close {
  background-color: #fff;
}



}







.btn-rapp-signal-blue {
  background: var(--rapp-signalblue);
  color: #fff;
  font-weight: 600;
}





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; 
  color: #fff;
}


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


.btn-outline-secondary {

    --bs-btn-hover-color:#fff ;
    --bs-btn-hover-bg: var(--rapp-signalblue);
    --bs-btn-hover-border-color: var(--rapp-signalblue);

}


/* 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: red !important; /* deine Markenfarbe */
  color: #fff !important;
}

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





.sales-tabs {
    border-bottom :1px solid #ddd;
}
.tab-button {
  margin:0 3px;
  background:#f8f8f8;
  font-weight:500;
  border:1px solid #ddd;
}

.tab-button:hover {
  background:#fafafa;
  color:#333;
    border:1px solid #ddd;
}

.tab-button.active {
  background:#fff;
      border-top:1px solid #ccc;
  border-right:1px solid #ccc;
  border-left: 1px solid #ccc;
}

.tab-content {
  padding: 20px 0 50px;
}