.slides-holder{display:none; clear:both;}
.slides img{
    width:auto; height:auto; max-width:100%;
}

.slick-dots {
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    list-style: none outside;
    margin: 0;
    padding: 0;
    bottom: 15px;
}

@media only screen and (min-width: 768px) {
    .slick-dots {
        bottom: 15px;
    }
}

.slick-dots li {
    display: inline-block;
    margin: 0 6px;
    padding: 0;
}

.slick-dots li:before {
    display: none;
    margin: 0;
    width: 0;
}

.slick-dots li button {
    border: 0;
    background: none transparent;
    cursor: pointer;
    color: transparent;
    outline: none;
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 0;
    width: 16px;
    height: 16px;
    background: none;
    border: 2px solid #fff;
    border-radius:50%;
}

@media only screen and (min-width: 768px) {
    .slick-dots li button {
        border: 2px solid #fff;
    }
}

.slick-dots li.slick-active button {
    background: #fff;
    border: 2px solid #fff;
}

@media only screen and (min-width: 768px) {
    .slick-dots li.slick-active button {
        background: #fff;
        border: 2px solid #fff;
    }
}




@media only screen and (max-width: 1024px) {
    html{min-width:auto;}

    #vertical-breaker{display:none; float:left; width:100%; height:50%; margin-top:0;}

    #page{clear:both; position:relative; width:100%; max-width:auto; margin:0; padding-top:15px;}


    header,
	#content,
    footer{clear:both; position:relative; width:100%; max-width:auto;}

    header{height:auto;}
    footer{padding: 10px 55px;}

    nav#main ul,
    nav.subbox ul{margin-left:0; box-sizing:border-box; padding:0 15px 0 55px;}

    #bgstretcher{display:none;}
    .slides-holder{display:block; margin-bottom:5px;}

    #logo{background: url(../img/bg-trans-rosa.png) top left repeat;}

    #logo a{width:100%; max-width:480px; display:inline-block;}
    #logo img{
        width:auto; height:auto; max-width:100%;
    }

    #content{height:auto;}
    .scroll-pane{width:auto; height:auto; overflow:visible; padding-right:0; }

    .inhalt{box-sizing:border-box; margin-top: 0; padding:30px 55px; overflow:visible;}

}


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

    /* #content{height:auto;}
    .scroll-pane{width:auto; height:auto; overflow:visible; padding-right:0; } */
}


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

    #page{padding-top: 5px;}



nav#main,
nav.subbox,
.col-left{display:none;}

.inhalt{float:none; width:100%; max-width:100%; box-sizing:border-box; margin-top: 0; padding:30px 55px; overflow:visible;}

.notMobil{display:none;}

.map-iframe{width:100% !important;}

}


@media only screen and (max-width:420px) {
    #logo a{position: relative; left:-20px;  max-width:320px;}

    .inhalt{padding:30px 18px;}
    footer{padding: 10px 18px;}
}












.mnopen .pos-top {
    -webkit-transform: translateY(8px) rotateZ(-45deg);
    transform: translateY(8px) rotateZ(-45deg)
}

.mnopen .pos-middle {
    opacity: 0
}

.mnopen .pos-bottom {
    -webkit-transform: translateY(-8px) rotateZ(45deg);
    transform: translateY(-8px) rotateZ(45deg)
}

.smartmenu-switcher {
    display: inline-block;
    transition: all .25s linear;
    cursor: pointer;
    position: absolute;
    z-index: 33;
    top: 10px;
    right: 5px;
    width: auto;
    height: auto;
    margin-top: 0;
    box-sizing: border-box;
    z-index: 331;
    padding: 10px;
    text-align: center;
    transition: all .25s ease-in-out
}

@media only screen and (min-width: 686px) {
    .smartmenu-switcher {
        right: 15px;
        top: 22px
    }
    .smartmenu-switcher {
        display: none
    }
}

@media only screen and (min-width: 1170px) {

}

.smartmenu-switcher span {
    position: relative;
    display: block;
    width: 26px;
    height: 3px;
    border-radius: 0;
    background-color: #823A4E;
    margin: 0 auto 5px;
    -webkit-transition: all .35s ease;
    transition: all .35s ease
}

.page_32 .smartmenu-switcher span {
    background-color: #1f344e
}

.smartmenu-switcher span:last-child {
    margin-bottom: 0
}

.mnopen #menu-mobil .smartmenu-switcher {
    visibility: visible;
    opacity: 1;
    bottom: auto;
    top: 15px;
    right: 0;
    padding: 10px 15px
}

html.mnopen {
    overflow: hidden !important
}

html.mnopen body {
    height: 100%;
    overflow: visible
}

html.mnopen .page {
    height: 100%;
    overflow: visible
}

.mnopen #menu-mobil {
    z-index: 20;
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

#menu-mobil {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    max-width: 260px;
    z-index: 9999;
    -webkit-transform: translateX(370px);
    transform: translateX(370px);
    visibility: hidden;
    opacity: 0;
    height: calc(100%);
    color: #303030;
    background: #dfd7d4;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* padding-top:60px; */
}

@media only screen and (min-width: 768px) {
    #menu-mobil {
        height: calc(100%)
    }
}

#menu-mobil .inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

#menu-mobil .inner{
    box-sizing: border-box;
    padding-top:60px;
    height:100vh;
    overflow: auto;}

/* #menu-mobil .inner > ul{
    padding-right:30px;
} */

#menu-mobil ul {
    padding: 15px;
}

#menu-mobil li {
    /* text-transform: uppercase; */
    color: #303030;
    padding: 0 0 15px;
    position: relative;
}

#menu-mobil li li{
    padding:0 0 10px;
}

@media only screen and (min-width: 1025px) {
    #menu-mobil li {
        padding: 0
    }
}

#menu-mobil li a {
    display: block;
    font-size: 18px;
    text-decoration: none;
    color: #303030
}

#menu-mobil li a:hover {
    color: #823A4E
}

#menu-mobil li:last-child {
    padding: 0
}

.overlay {
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.mnopen .overlay {
    visibility: visible;
    opacity: 1;
    background: rgba(0, 0, 0, 0.35);
    z-index: 10
}

.mnopen {
    overflow: hidden
}

.mnopen .smartmenu {
    visibility: hidden;
    opacity: 0
}

#menu-mobil .subopener {
    cursor: pointer;
    display: inline-block;
    width: 24px;
    height: 24px;
    background: #823A4E;
    position: absolute;
    right: 0;
    top: 0px;
    text-align: center;
    line-height: 24px
}

#menu-mobil .subopener::before {
    display: inline;
    content: '+';
    color: #fff;
    font-weight: 400;
    font-size: 16px
}

#menu-mobil .subopener.active::before {
    display: inline;
    content: '-';
    position: relative;
    top: 0
}