/* Slider */
.outer-slickslider {
     display:block; 
     visibility:hidden;
     height:0px; 
     max-width: calc(100% - 30px);
     width:0px;
}

.wrap-slickslider {
    width: 100%;
    min-height: 500px;
    max-width:1070px;
    position:relative;
    z-index:5; 
}

.wrap-slickslider.showslider {
    display:block;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
     user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    max-width:100%;
    width:100%;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    overflow:hidden;

}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}



/* Own Styles */
.slick-slide {
    max-width:100%;
    padding:30px;
    height:610px; 
    position:relative; 
    width:100%; 
}

.slick-slide .row {
    /* min-height:540px; */
 }

.slick-slide img {width: 100%;}


.slick-slide h1 {
    font-size:38px; 
    padding-left:15px; 
}

.slick-slide h3 {
    font-size:19px; 
    font-weight:700;
   margin-bottom:10px;
}

.slick-slide li {
    line-height:120% !important;
    margin-bottom:6px; 
}

#slide0, 
#slide2,
#slide4,
#slide6,
#slide8 {
    background-color:#ffcc33 !important;
    font-size:17px; 
    line-height:130%;
}

#slide1, 
#slide3,
#slide5,
#slide7,
#slide9 {
    background-color:#272727 !important;
    font-size:17px;
    line-height:130%;
}


#slide0 h1, #slide0 h3, #slide0 p, #slide0 .panel-title, #slide0.large .but i, 
#slide2 h1, #slide2 h3, #slide2 p, #slide2 .panel-title, #slide2.large .but i, 
#slide4 h1, #slide4 h3, #slide4 p, #slide4 .panel-title, #slide4.large .but i, 
#slide6 h1, #slide6 h3, #slide6 p, #slide6 .panel-title, #slide6.large .but i
#slide8 h1, #slide8 h3, #slide8 p, #slide8 .panel-title, #slide8.large .but i b {
    color:#272727 !important;
}

#slide1 h1, #slide1 h3, #slide1 p, #slide1 .panel-title, #slide1.large .but i, #slide1 ul li,
#slide3 h1, #slide3 h3, #slide3 p, #slide3 .panel-title, #slide3.large .but i, #slide3 ul li,
#slide5 h1, #slide5 h3, #slide5 p, #slide5 .panel-title, #slide5.large .but i, #slide5 ul li,
#slide7 h1, #slide7 h3, #slide7 p, #slide7 .panel-title, #slide7.large .but i, #slide7 ul li {
    color:#ffcc33 !important;
}


.slick-slide {
    background-position: bottom left;
    background-repeat: repeat-x;
    background-size: auto 25%;
    background-size: auto 196px;
}

#slide0 {
    background-image: url("../bilder/leitbild/panel0.svg");
}

#slide1 {
    background-image: url("../bilder/leitbild/panel1.svg");
}

#slide2 {
    background-image: url("../bilder/leitbild/panel2.svg");
}

#slide3 {
    background-image: url("../bilder/leitbild/panel3.svg");
}

#slide4 {
    background-image: url("../bilder/leitbild/panel4.svg");
}

#slide5 {
    background-image: url("../bilder/leitbild/panel5.svg");
}

#slide6 {
    background-image: url("../bilder/leitbild/panel6.svg");
}

#slide7 {
    background-image: url("../bilder/leitbild/panel7.svg");
}

#slide8 {
    background-image: url("../bilder/leitbild/panel8.svg");
}

#slide0.nobg, 
#slide1.nobg, 
#slide2.nobg, 
#slide3.nobg, 
#slide4.nobg, 
#slide5.nobg, 
#slide6.nobg, 
#slide7.nobg, 
#slide8.nobg {
    background:none !important;
    background-color:transparent !important;
}


.slick-slide:nth-child(even) a.but i { color: #272727 }
.slick-slide:nth-child(odd) a.but i { color:  #ffcc33; }


.leitsatz {
    margin-bottom:10px; 
    display:inline-block;
}



/*  MEDIA QUERIES  */
@media screen and (max-width: 1200px) { 
    body {
        overflow-x:hidden;
    }
    .wrap-slickslider {
        width: 100%;
        max-width: 100%; 
        position: relative;
        z-index: 5;
    }
    .slick-prev {
        left: 3px !important;
        z-index:400;
    }
    .slick-next {
        right: 12px !important;

    }
    .slick-prev::before, .slick-next::before {
        color: #757474 !important; 
     }

     #wrap-footer {
        display: block !important;
       /* max-width: calc(100% - 30px) !important; */
    }
}


@media screen and (max-width: 980px) { 

    .large {
        height: 560px !important;
    }
    .slick-slide {
        height:560px; 
     }
}


@media screen and (max-width: 767px) { 
    #leitbild div[class*="col-sm"] {
        height: auto;
    }
    .slicknav_menu {
        min-height: 0px !important;
     }
}


@media screen and (max-width: 680px) { 

    .slick-slide {
        background-image:none !important;
    }
    
    .large {
        /* height: auto !important; */
       /* min-height:85vh !important; */
    }

    .slick-slide {
    /*  min-height:85vh;  */
        /* min-height:85%; */
     }

     .panel.large:before {
        background-image:none !important; 
    }
    #panel0.large:before,
    #panel1.large:before, 
    #panel2.large:before,
    #panel3.large:before, 
    #panel4.large:before, 
    #panel5.large:before, 
    #panel6.large:before, 
    #panel7.large:before, 
    #panel8.large:before     {
        background-image: none; 
    }

    .panel.large a.but i {
       font-size: 1.6em !important;
        font-weight: 400 !important; 
    }
}






@media screen and (max-width: 580px) {
    .outer-slickslider {
        width:0px;
    }
    .slick-slide {
        padding: 18px 15px 15px 28px;
    }
    .slick-slide h1 {
        font-size:30px; 
        padding-left:0px; 
        line-height:100% !important;
        margin-bottom:15px; 
    }
    .slick-slide .row {
        margin-left: -15px !important;
        margin-right: -15px !important;
    } 

    .large a.but {
        top: 4px;
        right: 9px;
    }

    #panel0.large,
    #panel3.large,
    #panel4.large, 
    #panel7.large      {
        width: calc(100% + 30px) !important;
        margin-left: -15px !important;
        /*left:0px !important */
    }

    #panel1.large,
    #panel2.large,
    #panel5.large, 
    #panel6.large,
    #panel8.large {   
        width: calc(100% + 30px) !important;
        margin-right: -15px !important;
       /* right:0px !important; */
    }


    .panel {
        margin-right:initial
    }

    .slick-prev {
        left: -2px !important;
       }
    .slick-next {
        right: 3px !important;
    }

    .slick-prev::before, .slick-next::before {
          opacity: 1.0 !important;
          font-size:32px !important; 
     }

}