@charset "utf-8";
/* CSS Document */

h1, h2, h3, h4, h5, h6 {
	color:#ff9900;
}

a, a:link {
    color: #006699;
}
a:hover, a:active, a:focus {
    color: #ff9900;
}

.btn-primary {
  background-color: rgb(255, 153, 0);
  border-color: rgb(255, 153, 0);
    color: #FFF !important;
}
.btn-primary:hover {
  background-color: rgb(210, 126, 0);
  border-color: rgb(255, 153, 0);
}

.accordion-button-rechner {
  justify-content: center;
  text-align: center;
  font-size: 0.85rem;
  background-color: rgb(255, 153, 0);
  color: #FFF;
  position: relative;
  padding: 10px;
}

.header-info a { color: #ff9900; font-weight: bold; }
.header-info a:hover { color: #ff9900; text-decoration: underline; }

.logo_header_top { max-height: 100%; }

/* Animation */
@keyframes tada {
    0% {
        transform: scale(1);
    }
    10%, 20% {
        transform: scale(0.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        transform: scale(1.1) rotate(3deg);
    }
    40%, 60%, 80% {
        transform: scale(1.1) rotate(-3deg);
    }
    100% {
        transform: scale(1) rotate(0);
    }
}

/* Navigation #################################  */
.navbar { background: #006699!important; }

.nav-link.active, .nav-link:active {
    background-color: rgba(0, 56, 85, 1.0) !important;
    color: rgba(255, 255, 255, 1.0) !important;
}
.navbar-nav .nav-link:focus, .navbar-nav .nav-link:hover {
    background-color: rgba(0, 56, 85, 1.0) !important;
    color: rgba(255, 255, 255, 1.0) !important;
}
.dropdown-item {color: #000000 !important; }

.dropdown-item.active, .dropdown-item:active {
    color: rgba(255, 255, 255, 1.0)!important;
    text-decoration: none;
    background-color: rgba(0, 56, 85, 1.0);
}

.dropdown-item.hover, .dropdown-item:hover {
    color: #FFFFFF!important;;
    text-decoration: none;
    background-color: #006699;
}

#kontakt .navbar-nav .nav-link.dropdown-toggle.kontakt, #kundenbereich .navbar-nav .nav-link.dropdown-toggle.kundenbereich, #produkte .navbar-nav .nav-link.dropdown-toggle.produkte {
    background-color: rgba(0, 56, 85, 1.0) !important;
    color: rgba(255, 255, 255, 1.0) !important;
}

.kat_teaser, .zub_teaser { background-color: #006699; }

.footer_top_backgr a { color:#FFFFFF; }

.tada {
    display: inline-block;
    animation: tada 1s ease-in-out;
}

.aktion_header_titel {
    color: #ff9900;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: normal;
}
	
.aktion_header_text {
    color: #006699;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: normal;
    border-top:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
}

.aktion_header_kontakt {
    color: #ff9900;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: normal;
}

.carousel-caption h1, .carousel-caption h2, .carousel-caption h3 {
    color: #ff9900;
}
.slider-speech-bubble { color: #006699; }

.btn-danger {
    background-color: #006699;
    border-color: #006699;
    color:#FFFFFF!important;
}
.btn-danger:hover, .btn-danger:focus {
    background-color: rgba(0, 56, 85, 1.0);
    border-color: rgba(0, 56, 85, 1.0);
}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    background-color: rgba(0, 56, 85, 1.0);
    border-color: rgba(0, 56, 85, 1.0);
}									  

.title_mit_bckgr_thrks {
    background: #006699;
    color: #ffffff;
    padding: 5px 10px;
}

.title_mit_bckgr_rot { background: rgb(255 153 0); }

h3.produkt_teaser, .h3.produkt_teaser { background-color: #006699; }

@media (max-width: 1199.98px) {
    /*main { padding-top: 125px; }*/
    .logo_header_top { height: 150px; }
    .p_shop_spba_spro { font-size: 0.75rem; }
    .p_shop_spba_spro_img { height: 70px; }
    .aktion_header_titel { font-size: 1.1rem; }
    .aktion_header_text { font-size: 1.2rem; }
    .aktion_header_kontakt { font-size: 1.1rem; }
}
@media (max-width: 575.98px) {
    .logo_header_top { height: 100px; }
    /*.aktion_header_titel, .aktion_header_text, .aktion_header_kontakt { display:block; text-align:center; }*/
    .p_shop_spba_spro { padding-top: 10px; text-align: right !important; }
    .p_shop_spba_spro_img { height: 40px;  }    
}