@import url("https://fonts.googleapis.com/icon?family=Material+Icons");

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}

/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.md-60 { font-size: 60px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

ol, ul {
    list-style-position: initial;
    margin-left: 25px;
}

.page-template-full_width .vc_col-sm-12  .wpb_single_image {
    position: relative;
}

.page-template-default  .vc_col-sm-12 .wpb_single_image {
    position: relative;
}

.vertical_menu_area .vertical_menu_hidden_button {
    display: none;
}

/* Klasse zur Positierung vom Menü */
.secondClass {
    margin-left: -15px;
}

.secondClass .vertical_menu_hidden_button {
    position: absolute;
    right: 50%;
    left: 50%;
    top: 32px;
    transform: translateX(-50%);
}

.clearMenu {
    clear: both;
}

/* Kontakt */
.page-id-50969 .secondClass .vertical_menu_hidden_button {
    position: absolute;
    right: 50%;
    top: 0px;
    transform: translateX(-50%);
    margin-left: auto;
    margin-right: auto;
}

.headerContact {
    width: calc(100% + 30px);
    width: -moz-calc(100% + 30px);
    width: -webkit-calc(100% + 30px);
    margin-left: -15px;
}

/* Hamburgermenü Position */
.home .vc_col-sm-12 .wpb_single_image .vertical_menu_hidden_button {
    position: absolute;
    right: 0;
    bottom: 0;
    top: auto;
}

.vertical_menu_area_inner .vertical_menu_hidden_button {
    left: auto;
    right: 0;
    position: fixed;
}

.vertical_menu_width_400.vertical_menu_hidden.vertical_menu_right aside.vertical_menu_area {
    right: -400px;
}

.vertical_menu_hidden.vertical_menu_right aside.vertical_menu_area.active, .vertical_menu_hidden.vertical_menu_right aside.vertical_menu_area.active .vertical_area_background {
    right: 0;
    left: auto;
}

.boxed.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right, 
.boxed.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right footer.uncover, 
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right .content .container, 
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right .full_screen_holder, 
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right .full_width, 
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right .q_slider, 
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right .title_outer, 
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right footer {
    padding-right: 0px;
}

/* Hamburgermenü Linien */
.vertical_menu_hidden_button {
    height: 52px;
    width: 46px;
}

.home .vc_col-sm-12 .vertical_menu_hidden_button_line {
    width: 46px;
    margin-left: -23px;
}

.page-template-full_width .vc_col-sm-2 .vertical_menu_hidden_button_line {
    width: 46px;
    margin-left: -23px;
}

.post-template-default .vc_col-sm-2 .vertical_menu_hidden_button_line {
    width: 46px;
    margin-left: -23px;
}

.vertical_menu_hidden_button_line {
    height: 6px;
}

.vertical_menu_hidden_button_line:after, .vertical_menu_hidden_button_line:before {
    height: 6px;
}

.vertical_menu_hidden_button_line:before {
    top: -11.75px;
}

.vertical_menu_hidden_button_line:after, .vertical_menu_hidden_button_line:before {
    height: 6px;
}

.vertical_menu_hidden_button_line:after {
    bottom: -11.75px;
}

/* Kontakt */
.page-id-50969 .secondClass .vertical_menu_hidden_button {
    position: absolute;
    right: 50%;
    top: 0px;
    transform: translateX(-50%);
    margin-left: auto;
    margin-right: auto;
}

.headerContact {
    width: calc(100% + 30px);
    width: -moz-calc(100% + 30px);
    width: -webkit-calc(100% + 30px);
    margin-left: -15px;
}

/* Hamburgermenü Position */
.home .vc_col-sm-12 .wpb_single_image .vertical_menu_hidden_button {
    position: absolute;
    right: 0;
    bottom: 0;
    top: auto;
}

.vertical_menu_area_inner .vertical_menu_hidden_button {
    left: auto;
    right: 0;
    position: fixed;
}

.vertical_menu_width_400.vertical_menu_hidden.vertical_menu_right aside.vertical_menu_area {
    right: -400px;
}

.vertical_menu_hidden.vertical_menu_right aside.vertical_menu_area.active, 
.vertical_menu_hidden.vertical_menu_right aside.vertical_menu_area.active .vertical_area_background {
    right: 0;
    left: auto;
}

.boxed.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right, 
.boxed.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right footer.uncover, 
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right .content .container, 
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right .full_screen_holder, 
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right .full_width, 
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right .q_slider, 
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right .title_outer, 
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right footer {
    padding-right: 0px;
}


/* Navigation Unterseiten */
.menuArrow {
    opacity: 0;
}

.menuArrow .cont {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.cont .prev i{
    margin-left: -20px;
    margin-top: -10px;
}

.cont .next i{
    margin-left: -15px;
    margin-top: -10px;
}

.cont .leftNav {
    width: 25px;
    height: 40px;
    display: block;
    overflow: hidden;
    float: left;
}

.cont .rightNav {
    width: 25px;
    height: 40px;
    display: block;
    overflow: hidden;
    float: left;
}

.cont .grayNext {
    margin-left: -15px;
    margin-top: -10px;
}

.cont .grayPrev {
    margin-left: -20px;
    margin-top: -10px;
}

.teamsPers {
    margin-left: calc(100%/6*(1/6));
    margin-right: calc(100% / 6 * (1 / 6));
}

.side_menu_button > a:not(.popup_menu), .mobile_menu_button span, 
.side_menu_button > a.search_covers_header:not(.popup_menu), 
.side_menu_button > a.side_menu_button_link:not(.popup_menu), 
.side_menu_button > a.search_slides_from_header_bottom:not(.popup_menu), 
.side_menu_button > a.fade_push_text_right:not(.popup_menu) {
    font-size: 50px;
}

.subpages {
    height: 40px;
}

@media only screen and (min-width: 1400px) {
    iframe {
        width: 100%;
        height: 350px; 
    }
}

@media only screen and (max-width: 1400px) {
    iframe {
        width: 100%;
        height: 250px;
    }
}

@media only screen and (max-width: 1200px) {
    iframe {
        width: 100%;
        height: 250px;
    }
}

@media only screen and (max-width: 1000px) {
    iframe {
        width: 100%;
        height: 200px;
    }
}

@media only screen and (max-width: 768px) {
    iframe {
        width: 100%;
        height: 300px;
    }
    .page-id-50969 .wpb_text_column .wpb_wrapper p {
        margin-left: 25px;
        margin-right: 25px;
    }
    .page-id-50969 .wpb_text_column .wpb_wrapper p ol, ul {
        margin-left: 50px;
    }
    /* Beirat */
    .page-id-50976 .vc_col-sm-8 p {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (max-width: 767px) {
    projectSeparator {
        height: 0px;
    }
    .teamsPers {
        margin-left: 0px;
        margin-right: 0px;
    }
    .subpages {
        height: 0px;
    }
}

@media only screen and (max-width: 600px) {
    iframe {
        width: 100%;
        height: 300px;
    }
    /* Beirat */
    .page-id-50976 .vc_col-sm-8 p {
        padding-left: 15px;
        padding-right: 15px;
    } 
}

/* News BlogList */
.latest_post_title a {
    font-family: PT Sans Narrow, sans-serif;
    font-style: normal;
    font-weight: 700;
}


/* ESPAS changes */
/* Footer holder beim Laden durchsichtig */
.footer_top_holder {
    background: transparent;
}
/* Balken auf Slider-Seiten vermeiden */
.footer_top.footer_top_full {
    padding: 0;
}

/* Kontaktseite Hamburgerbreite (Kreuz im Menü nicht mehr klein) */
/*.vertical_menu_hidden_button_line {
width: 46px;
margin-left: 0%;
left: 0%;
right: 0%;
transform: translateX(0%);
}*/

/* Blog-Post Bilder Abstand zu Text*/
.wp-block-image {
    margin-top: 15px;
}

/* Verspätete Höheneinstellung in Slider-Script(?) WIP */
/* */ 

/* Newsblöcke Höhe */
.size-portfolio-landscape {
    height: 265px;
}
/* News Archiv Text-Bild WENN MOBILE SIZE */
.latest_post_holder.image_in_box .latest_post_text {
    padding: 0 0 0 0;
}
.latest_post_image {
    width: 125px;
    float: left;
    padding-right: 15px;
}

/* header line transition smoothing */
/*.q_line_after, .q_line_before{
transition: width .9s ease-out;
}*/

/* parallax */
.parallax-single {
    /*background-image: url('https://new.innovation.tank.ch/wp-content/uploads/2019/08/Unser-Programm-1024x364.png');*/
    min-height: 200px;
    background-attachment: fixed;
    /*background-position: center;*/
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}