/*
 * Theme Name: WP-Theme "Aquavaria" by Jan Köllner - advance.media
 * Theme URI: http://www.advance-media.de/
 * Theme Description: Responsive Wordpress Theme
 * Consulting
 * Author: J. K.
 * Author URI: http://www.advance-media.de/
 * Version: 1.0.5
 * Tags: bootstrap3, slider, custom fields
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Textdomain: wtbTF
 */


/* SB */


/*GLOBAL*/

h1 {
    text-transform: uppercase;
}

p {
    color: #767B80;
}


/*--------------------------------------------*/


/*HEADER MOBILE*/

@media screen and (max-width: 992px) {
    .sidr-left-link {
        position: fixed;
        right: 0;
        top: -2px;
    }
    .sidr-left-link .ion-navicon {
        color: white;
    }
    .sidr-left-link .ion-android-close {
        color: white;
    }
}

@media screen and (max-width: 550px) {
    nav#top-navbar .navbar-brand>img {
        width: 70% !important;
        margin-left: 10% !important;
        /* margin-right: 20% !important; */
        height: auto !important;
        margin-top: 5% !important;
    }
    nav#top-navbar {
        height: 55px !important;
    }
    #sidr-main {
        top: 45px;
    }
    .sidr {
        z-index: 99999;
    }
    .header-small .sidr {
        top: 55px;
    }
}

.mobile-navigatiom-top {
    color: #007EC6 !important;
}

.mobile-navigatiom-top-mobile-menue {
    background: #007EC6 !important;
}

.mobile-navigatiom-top-mobile-menue-text {
    color: white !important;
    botder-color: white !important;
}

.mobile-navigatiom-top-hide-logo {
    display: none !important;
}


/*HERO SLIDER*/

#hero_slider_wrapper #hero_slider .content-inner {
    bottom: 10% !important;
}


/*--------------------------------------------*/


/*STARTSEITE MOBILE */

@media screen and (max-width: 550px) {
    /*Hero Slider Schriftgröße*/
    .hero-slider-title {
        font-size: 37px !important;
    }
}


/*STARTSEITE LINKBOXEN  MOBILE (KONFIGURATOR, BROSCHÜRE)*/

@media screen and (max-width: 992px) {
    /* First Box */
    .home .modul-three-linkboxes .first_box {
        height: 200px !important;
    }
    .home .modul-three-linkboxes .first_box_content_overlay {
        left: 29% !important;
        right: 29% !important;
        text-align: center;
    }
    /* Third Box */
    .home .modul-three-linkboxes .third_box {
        height: 200px !important;
        text-align: center !important;
    }
    .home .modul-three-linkboxes .third_box .third_box_inner {
        position: relative !important;
        margin-right: auto !important;
        margin-left: auto !important;
        left: unset !important;
        bottom: unset !important;
    }
    .home .modul-three-linkboxes .third_box .third_box_inner img {
        height: 200px !important;
        margin-top: 15px;
    }
    /*Bilder im Slider Skalierung entfernen*/
    .home .flexslider .slides img {
        width: auto !important;
        max-width: unset !important;
    }
}

@media screen and (max-width: 550px) {
    .home .modul-three-linkboxes .third_box {
        height: 300px !important;
        text-align: center !important;
    }
    .home .modul-three-linkboxes .third_box .third_box_inner img {
        margin-left: 10% !important;
        margin-right: 10% !important;
    }
}


/*--------------------------------------------*/


/*REFENRENZSEITE MOBILE */

@media screen and (max-width: 992px) {
    .page-id-10291 .main-content-wrap .container-full .row-modulreihe .row-modul {
        margin-left: -15px !important;
    }
}


/*--------------------------------------------*/


/*ACCORDION*/


/*JQuery Accordion*/

.accordion-open {
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
}


/*--------------------------------------------*/


/*SB Änderungen vom 23.10.2020*/


/*Schatten aus Hero Slider entfernen*/

#hero_slider_wrapper #hero_slider.slide-wrap ul.slides>li>div {
    background: transparent !important;
}


/* MODUL LINK BLOCK MIT DROPDOWN */

.modul-link-block-dropdown .modul-inner .first-content-block-wrap .content-more {
    text-align: center;
}

.modul-link-block-dropdown .modul-inner .first-content-block-wrap {
    background-color: #007ec6;
    padding-bottom: 10px;
}

.modul-link-block-dropdown .modul-inner .second-content-block-activator-wrap {
    text-align: center;
    background-color: #f0f0f0;
}

.modul-link-block-dropdown .modul-inner .second-content-block-activator-wrap .btn {
    height: 30px;
    line-height: 30px;
    font-size: 30px;
    color: #007ec6;
}

.modul-link-block-dropdown .modul-inner .second-content-block-wrap {
    border-style: solid;
    border-width: 2px;
    border-color: #f0f0f0;
}

.second-content-block-inactive {
    display: none;
}


/* FIX modul-bild-block-hover-content */

.modul-bild-block-hover-content .modul-inner .description-content {
    min-width: min-content !important;
}


/* FIX three-link-boxes */

@media screen and (min-width: 992px) {
    .modul-three-linkboxes .modul-inner .row .first_box {
        padding-right: 0px;
    }
}

.modul-three-linkboxes .btn-secondary:hover {
    border-color: white !important;
}

.modul-three-linkboxes .btn-primary:hover {
    border-color: #007EC6 !important;
    background-color: white !important;
    color: #007EC6 !important;
}

/* Störer */

.stoererstartseite {
    position: absolute;
    z-index: 5;
    right: 100px;
    bottom: 100px;
}

@media (max-width: 991px) {
    .stoererstartseite {
        position: absolute;
        z-index: 5;
        bottom: unset;
        top: 143px;
        right: unset;
        width: 65%;
    }
}

.modul-faq-2022 .faq-a-closed {
    display: none;
}

.faq-title-container {
    border-color: #007EC6;
    border-style: solid;
    border-width: 2px;
    margin-top: 20px;
    margin-bottom: 10px;
}
  
.faq-title {
    margin-left: 10px;
    color: #007EC6;
    font-size: 18px;
    font-family: "Roboto Condensed";
    display: block;
}
  
  
.faq-text-container {
    border-style: solid;
    border-color: #007EC6;
    border-width: 2px;
}

.faq-text {
    margin-left: 5px;
    color: #007EC6;
    font-size: 15px;
    font-family: "Roboto Condensed";
}


.faq-title-container:hover {
    cursor: pointer;
}

.fa.fa-caret-left {
    position: absolute;
    right: 25px;
    top: 27px;
}

.rotated {
    transform: rotate(-90deg);
}