/*
Kunde:	Windtravel
		Design & Implementation: Feinstil GmbH, http://www.feinstil.ch
	
*/
/* Imports */
@import "../theme/css/kube.css";
@import "../theme/css/rs-default.css";
@import "../theme/css/nav.accordion.css";
@import "../theme/css/royalslider.css";
@import "../theme/css/responsive-nav.css";
@import "../theme/css/colorbox.css";
@import "../theme/css/pikaday.css";
@import "../theme/css/spotslider.css";
@import "../theme/css/formular.css";

/* Typography
-----------------------------------------------------------------------------*/

h1 {
    font: 300 3.5em "franklin-gothic-urw", sans-serif;
    border-bottom: 3px solid #ECF5FA;
    color: #003a5a;
    margin-bottom: 20px;
    padding-bottom: 20px;
    display: block;
    float: none;
    clear: both;
    width: 100%;
    margin-top: 50px;
    padding-top: 5px;
}

.wind {
    background: url(img/icon_windsurfen.png) no-repeat right center;
    display: block;
    float: right;
}

.kite {
    background: url(img/icon_kitesurfen.png) no-repeat right center;
    display: block;
    float: right;
}

.windkite {
    background: url(img/icon_wind-kite-surfen.png) no-repeat right center;
    display: block;
    float: right;
}

p.wind, p.kite, p.windkite {
    height: 48px;
    margin-bottom: 10px;
    border-bottom: 3px solid #ECF5FA;
}

.Title {
    margin-top: 10px;
}

h2 {
    font: 300 1.7em "franklin-gothic-urw", sans-serif;
    color: #003a5a;
}

.spotfinder-land {
    font: 400 2.2em "franklin-gothic-urw", sans-serif;
    color: #003a5a;
    padding: 5px 10px;
}

h3 {
    padding-top: 5px;
    padding-bottom: 5px;
}

h3 strong {
    font-weight: normal;
    font-style: normal;
}

h4 {
    font: 400 1.2em "franklin-gothic-urw", sans-serif;
    color: #759dbc;
}

.white {
    color: #fff;
}

strong, b {
    font-weight: 700;
}

.trenner {
    font-weight: 300;
    height: 25px;
}

.Schnellberatung {
    width: 100%;
    padding-left: 20px;
    padding-top: 40px;
}

#Hotels ul, #Lage ul, #Zimmer ul, #Essen ul, #Sport ul, #Wellness ul, #Spezielles ul, #Aktivitaeten ul {
    list-style-type: square;
}

iframe {
    width: 100%;
    height: 400px;
}

/*  Navicons
-----------------------------------------------------------------------------*/

.Navicons {
    width: 96%;
    background-color: #fff;
    margin: 0;
    height: 60px;
    padding-top: 5%;
    padding-bottom: 5%;
    padding-right: 4%;
}

.Navicons-Inhalt {
    width: 96%;
    margin: 0 0 20px;
    height: 66px;
    padding-top: 5%;
    padding-bottom: 5%;
    padding-right: 4%;
    display: block;
    clear: both;
}

.Navicons li,
.Navicons-Inhalt li {
    width: 25%;
    list-style-type: none;
    display: block;
    float: left;
    font-size: .8em;
    line-height: 1.1em;
    height: 42px;
    color: #759dbc !important;
    padding: 48px 0 0;
    text-align: center;
}

.Navicons li a,
.Navicons-Inhalt li a {
    text-decoration: none;

}

.Navicons li a:hover,
.Navicons-Inhalt li a:hover {
    text-decoration: underline;
    color: #003a5a;
}

.icon-auswahl {
    background: url(img/icon_Direktauswahl_S.png) no-repeat center top;
}

.icon-auswahl:hover {
    background: url(img/icon_Direktauswahl_S-hover.png) no-repeat center top;
}

.icon-auswahl-active {
    background: url(img/icon_Direktauswahl_S-hover.png) no-repeat center top;
}

.icon-spot {
    background: url(img/icon_spotfinder_S.png) no-repeat center top;
}

.icon-spot:hover {
    background: url(img/icon_spotfinder_S-hover.png) no-repeat center top;
}

.icon-map {
    background: url(img/icon_map_S.png) no-repeat center top;
}

.icon-map:hover {
    background: url(img/icon_map_S-hover.png) no-repeat center top;
}

.icon-beratung {
    background: url(img/icon_schnellberatung_S.png) no-repeat center top;
}

.icon-beratung:hover {
    background: url(img/icon_schnellberatung_S-hover.png) no-repeat center top;
}

.Chosebox {
    background-color: transparent;
}

#Chosebox1 {
    z-index: 105;
    display: block;
}


.marker {
    border: 3px solid red;
}

.mapboxgl-popup-content {
    width: 360px;
    min-height: 200px;
}

.mapboxgl-popup-content img {
	margin-bottom: 20px;
}

.mapboxgl-popup-content a {
	text-decoration: none !important;
	font-size: 1.2em;
}

.mapboxgl-popup-close-button
{
	width: 45px;
	height: 35px;
}

.mapboxgl-popup-content .marker-title {
    font-weight: bold;
    line-height: 2em;
    font-size: 2em;
}

.mapboxgl-popup-content img {
    width: 45%;
	float: right;
}

.leaflet-popup-content-wrapper {
    min-width: 310px;
    min-height: 180px;
}

/* Links
-----------------------------------------------------------------------------*/

a {
    color: #336699;
}

/* Body
-----------------------------------------------------------------------------*/

body {
    font-family: "franklin-gothic-urw", sans-serif;
    font-weight: 300;
}

.start {
    background-color: #003a5a;
}

.map {
    background-color: #003a5a;
}

.map #map {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
}
.Inhalt #detailmap {
    width: 46%;
    height: 360px;
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}

#Lage > #detailmap {
    width: 100% !important;
    height: 500px !important;
}

.Inhalt > #fullmap {
	position: fixed !important;
	top: 100px !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 100%;
	height: 1200px;
	margin: 0;
	padding: 0;
}

.leaflet-container .leaflet-control-attribution {
    display: none !important;
}

.mapbox-logo-true {
    display: none !important;
}

.leaflet-container .leaflet-control-attribution a, .leaflet-container .map-info-container a {
    display: none !important;
}

.leaflet-control-attribution a:hover, .map-info-container a:hover {
    display: none !important;
}

.Inhalt {
    background: #fff url(img/Inhalt.bg.jpg) repeat-x center 90px;
}

.none {
    display: none;
}

/* Layout
-----------------------------------------------------------------------------*/

.container {
    width: 1140px;
    margin-right: auto;
    margin-left: auto;
}

.content {
    padding: 140px 4% 20px;
    float: right;
    display: block;
    width: 74%;
    margin: 0;
    background: #fff url(img/nav.trenner.gif) no-repeat left 120px;
}

.Startslider {
    width: 100%;
    display: block;
    float: none;
    margin-top: -45px;
}

.Startslider img {
    width: 100%;
    display: block;
    float: none;
    margin-top: -5%;
}

.Startslider .flex-container {
    width: 100%;
    display: block;
    float: none;
    margin: 0;
    padding: 0;
    height: 500px;
    overflow: hidden;
}

.content img,
.frame img {
    width: 46%;
    float: right;
    padding-left: 2.5%;
    padding-bottom: 2.5%;
}

#detailmap img {
    width: 46%;
    float: right;
    padding-left: 2.5%;
    padding-bottom: 2.5%;
}

#Galerie {
    min-height: 320px;
}

#Galerie img {
    width: 115px;
    float: left;
    height: 70px;
    padding: 0;
    margin: 0 5px 5px 0;
}

#Spotfinder h2 {
    display: none;
}

#Spotfinder img {
    width: 36px !important;
    float: none;
    padding-left:0;
    padding-bottom:0;
}

.table-striped img {
    width: 36px !important;
    float: none;
    padding-left:0;
    padding-bottom:0;
}

.flex-container {
    width: 46%;
    float: right;
    padding-bottom: 2.5%;
    display: block;
    clear: right;
    padding-left: 2.5%;
}

.Logo {
    padding-top: 20px;
    float: right;
    width: 30%;
}

.brand {
    width: 80% !important;
    float: left !important;
}

.brand-right {
    float: right !important;
    width: 284px !important;
}

.Menu {
    background: url(img/men.bg.png) repeat-x 0 bottom;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1000;
    margin-bottom: 0;
    position: fixed;
    height: 138px;
}

.unit-hotel {
    border-top: 3px solid #ECF5FA;
    display: block;
    float: none;
    clear: both;
    padding-top: 15px;
    padding-bottom: 10px;
}

.unit-hotel-first {
    display: block;
    float: none;
    clear: both;
    padding-bottom: 10px;
}

/* Tabs*/

.nav-tabs {
    border-bottom: 3px solid #ECF5FA;
    margin-bottom: 1.65em;
    margin-top: 20px;
    clear: both;
    float: none;
}

.nav-tabs ul li a {
    color: #759dbc;
    text-decoration: none;
    font-weight: 400;
}

.nav-tabs ul li a:focus,
.nav-tabs ul li a:hover {
    color: #000000;
    text-decoration: none;
}

.nav-tabs ul li .active,
.nav-tabs ul li span {
    color: # #003a5a;
    background: #ECF5FA;
    padding: 8px 11px 9px 11px;
    border: 0 hidden #000;
    border-bottom: 3px solid #ECF5FA;
}

table a {
    text-decoration: none;
}

/* Nav
-----------------------------------------------------------------------------*/

.Hauptmenu {
    display: block;
    float: left;
    width: 70%;
}

.Hauptmenu li {

}

.Hauptmenu li a {
    margin-right: 25px;
    display: block;
    float: left;
    color: #003a5a;
    text-decoration: none;
    text-transform: lowercase;
    font-size: 1.6em;
    border-top: 5px solid #fff;
    padding-top: 30px;
    display: block;
}

.Hauptmenu li a:hover,
.Hauptmenu li a.active {
    color: #83b719;
    text-decoration: none;
    border-top: 5px solid #003a5a;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

/* Accordion*/

.Accordion {
    z-index: 100;
    margin-top: 160px;
    width: 16%;
    float: left;
    margin-right: 0;
    position: relative;
}

.Accordion-Inhalt {
    z-index: 100;
    top: 168px;
    left: 0;
    position: relative;
    float: left;
    width: 18%;
    min-height: 720px;
    background-color: #fff;
}

.Accordion-Content {
    z-index: 100;
    top: 168px;
    left: 0;
    position: relative;
    float: left;
    width: 18%;
    min-height: 720px;
}

.Accordion-Inhalt h4 {
    padding-left: 20px;
    padding-top: 26px;
}

.Accordion-Inhalt p {
    padding-left: 20px;
}

.current {
    font-weight: 400;
    color: #003a5a !important;
}

/* Maps*/

.mapboxgl-control-container {
    display: none;
}

/*#map-ui {*/
    /*z-index: 100;*/
    /*background-color: #fff;*/
    /*float: right;*/
    /*width: 90%;*/
    /*padding: 15px;*/
    /*position: relative;*/
/*}*/

/*#map-ui ul {*/
    /*list-style: none;*/
    /*margin: 0;*/
    /*padding: 0;*/
/*}*/

/*#map-ui a {*/
    /*font-size: 13px;*/
    /*background: #FFF;*/
    /*color: #3C4E5A;*/
    /*display: block;*/
    /*margin: 0;*/
    /*padding: 0;*/
    /*border: 1px solid #BBB;*/
    /*border-bottom-width: 0;*/
    /*min-width: 138px;*/
    /*padding: 10px;*/
    /*text-decoration: none;*/
/*}*/

/*#map-ui a:hover {*/
    /*background: #ECF5FA;*/
/*}*/

/*#map-ui li:last-child a {*/
    /*border-bottom-width: 1px;*/
    /*-webkit-border-radius: 0 0 3px 3px;*/
    /*border-radius: 0 0 3px 3px;*/
/*}*/

/*#map-ui li:first-child a {*/
    /*-webkit-border-radius: 3px 3px 0 0;*/
    /*border-radius: 3px 3px 0 0;*/
/*}*/

/*#map-ui a.active {*/
    /*background: #3887BE;*/
    /*border-color: #3887BE;*/
    /*color: #FFF;*/
/*}*/

.leaflet-top .leaflet-control {
    top: 140px;
    right: 20px;
    position: fixed;
}

.frame .leaflet-top .leaflet-control {
    display: none;
}

.leaflet-left .leaflet-control
    /* Filter*/
.option-set {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Startslider
-----------------------------------------------------------------------------*/

#startslider {
    width: 100%;
    z-index: -1000;
    top: 120px;
    position: fixed;
    margin: 0;
    padding: 0;
    display: block;
    float: none;
}

.contentSlider {
    width: 100%;
    height: 64%;

}

.contentSlider,
.contentSlider .rsOverflow,
.contentSlider .rsSlide,
.contentSlider .rsVideoFrameHolder,
.contentSlider .rsThumbs {
    background: #fff;
    color: #000;
}

.contentSlider .rsSlide,
.contentSlider .rsOverflow {
    background: #fff;
}

.contentSlider h3 {
    font-size: 24px;
    line-height: 31px;
    margin: 12px 0 8px;
    font-weight: 700;
}

.contentSlider img {

    height: auto;
    display: block;
}

.content-slider-bg {

}

.rsTmb {
    letter-spacing: 1px;
    word-spacing: 2px;
    font-weight: 700;
    padding: 20px 40px;
    text-transform: uppercase;
}

.rsDefault .rsTabs {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    position: relative;
    background-color: #83b719;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.rsDefault .rsTab {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    height: auto;
    width: auto;
    text-decoration: none;

    -webkit-box-shadow: inset 1px 0 0 #fff;
    box-shadow: inset 1px 0 0 #fff;

    *display: inline;
    *zoom: 1;
}

.rsDefault .rsTab:active {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
}

.rsDefault .rsTab.rsNavSelected {
    color: #003a5a;
    border: 1px solid #999;
    box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
    background: #fff;
}

.rsABlock {
    position: absolute;
    z-index: 15;
    top: 85%;
    left: 20%;
}

.blockHeadline,
.blockHeadline a,
.blockHeadline a:hover {
    color: #fff;
    font-size: 3em;
    height: 30px;
    display: block;
    padding-top: 12px;
    padding-bottom: 12px;
    text-shadow: 1px 1px 3px #1d4c67;
}

.blockSubHeadline,
.blockSubHeadline a,
.blockSubHeadline a:hover {
    font-size: 1.6em;
    color: #fff;
    height: 25px;
    font-weight: 400;
    padding: 0;
    display: block;
    margin-top: 56px;
    text-shadow: 1px 1px 3px #1d4c67;
}

.rsABlock a {
    color: #003a5a;
}

.rsABlock strong {
    font-size: 1.6em;
    font-weight: 400;
}

.euroImg {
    position: fixed;
    top: 45%;
    right: 10%;
}

/* Breadcrumb */

.footer-Breadcrumb {
    display: block;
    float: none;
    clear: both;
    border-top: 3px solid #ECF5FA;
    margin-left: 255px;
}

.Breadcrumb {
    margin-top: 10px;
    padding-top: 30px;
    width: 74%;
}

.Breadcrumb p {
    float: left;
    padding-bottom: 10px;
    color: #999;
}

.Breadcrumb a {
    color: #759dbc;
    text-decoration: none;
    background: url(img/arrow.png) no-repeat right center;
    margin-right: 15px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.Breadcrumb a:hover {
    text-decoration: none;
    color: #000;
}

/* Footer
-----------------------------------------------------------------------------*/

.footer {
    display: block;
    float: none;
    clear: both;
    border-top: 3px solid #ECF5FA;
}

.partner {
    clear: both;
    z-index: -1100;
    display: block;
    float: none;
    position: fixed;
    bottom: 1%;
    width: 60%;
    right: 20%;
    left: 20%;
}

.partner li img {
    opacity: 0.3;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.partner li img:hover {
    opacity: 0.8;
}

.partner-pauschal {
    display: block;
    float: none;
    clear: both;
    position: relative;
    text-align: center;
    padding-right: 30px;
}

.partner-pauschal li img {
    opacity: 0.3;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.partner-pauschal li img:hover {
    opacity: 0.8;
}

.footLogo {
    display: block;
    width: 100%;
    position: fixed;
    bottom: 5px;
}

.footLogo ul {
    display: block;
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
}

.footLogo li {
    display: block;
    float: left;
    width: 132px;
    margin: 10px 0 0;
    padding: 0;
}

.footLogo li img {
    opacity: 0.3;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.footLogo li img:hover {
    opacity: 0.8;
}

/* Modal
-----------------------------------------------------------------------------*/

#modal-label {
    padding-top: 20px;
    padding-left: 20px;
}

.frame {
    padding: 3%;
    width: 92.5%;
    max-width: 1080px;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.hide-small {
    display: block;
}

.placeholder {
    color: #999999;
}

/* Facebook
-----------------------------------------------------------------------------*/

.facebox {
	display: block;
	position: fixed;
	top: 162px;
	right: 20px;
	z-index: 200;
	width: 320px;
	height: 520px;
	background-color: #fff;
}

.facebox > p > a {
	width: 100%;
	padding-right: 20px;
	padding-left: 20px;
	text-decoration: none;
	display: block;
	margin-top: 20px;
	font-size: 1.2em;
}

@media all and (min-width: 1024px) and (max-width: 1280px) {

    .container {
        width: 992px;
        margin-right: auto;
        margin-left: auto;
    }

    .Hauptmenu li a {
        margin-right: 25px;
        display: block;
        float: left;
        color: #003a5a;
        text-decoration: none;
        text-transform: lowercase;
        border-top: 5px solid #fff;
        padding-top: 30px;
        display: block;
        font-size: 1.4em;
    }

    .contentSlider {
        height: 58%;

    }

    .Startslider .flex-container {
        height: 450px;
    }

}

@media all and (min-width: 768px) and (max-width: 1024px) {

    .container {
        width: 96%;
        margin-right: auto;
        margin-left: auto;
    }

.facebox {
	display: none;
}

    .rsTmb {
        padding: 15px 30px;
    }

    .blockHeadline,
    .blockHeadline a,
    .blockHeadline a:hover {
        font-size: 2em;
    }

    .blockSubHeadline,
    .blockSubHeadline a,
    .blockSubHeadline a:hover {
        font-size: 1em;
    }

    .Hauptmenu {
        display: block;
        float: left;
        width: 70%;
    }

    .Hauptmenu li a {
        margin-right: 15px;
        display: block;
        float: left;
        color: #003a5a;
        text-decoration: none;
        text-transform: lowercase;
        border-top: 5px solid #fff;
        padding-top: 30px;
        display: block;
        font-size: 1.2em;
    }

    .partner {

    }

    .table-striped img {
        width: 90% !important;
        float: none;
        padding-left:0;
        padding-bottom:0;
    }

    .footLogo {
        width: 100%;
    }

    .footLogo li {
        width: 14%;
    }

    .contentSlider {
        height: 50%;

    }

    .euroImg {
        position: fixed;
        bottom: -10%;
        right: 10%;
        width: 180px;
    }

    .Startslider .flex-container {
        height: 360px;
    }

}

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

    .hide-small {
        display: none;
    }

.facebox {
	display: none;
}

    .euroImg {
        position: fixed;
        bottom: -10%;
        right: 10%;
        width: 180px;
    }

    .Accordion-Content {
        left: 0;
        top: 0;
        position: relative;
        float: left;
        width: 18%;
        min-height: 60px !important;
        min-width: 100%;
    }

    h1 {
        font: 300 1.6em "franklin-gothic-urw", sans-serif;
        margin-bottom: 10px;
        padding-bottom: 10px;
        margin-top: 20px;
        padding-top: 5px;
    }

    h2 {
        font: 300 1.3em "franklin-gothic-urw", sans-serif;
    }

    h3 {
        font: 500 1.2em "franklin-gothic-urw", sans-serif;
    }

    h4 {
        font: 400 1.2em "franklin-gothic-urw", sans-serif;
    }

    .flex-container {
        width: 100%;
        float: none;
        padding-bottom: 1%;
        display: block;
        padding-left:0;
    }

    .partner-pauschal {
        display: none;
    }

    .wind, .kite, .windkite {
        background: none no-repeat right center;
        display: block;
        float: right;
    }

    .Inhalt {
        background: #fff none repeat-x center 0;
    }

    .start {
        background-color: #003a5a;
    }

    #map {
        display: none;
    }

    .Logo {
        padding-top: 20px;
        width: 45%;
        display: block;
        float: right;
    }

    .rsTmb {
        padding: 10px 20px;
    }

    .rsDefault .rsTab {
        display: none;
    }

    .rsABlock {
        position: absolute;
        z-index: 15;
        left: 0;
        width: 100%;
        bottom: 1%;
    }

    .blockHeadline,
    .blockHeadline a,
    .blockHeadline a:hover {
        font-size: 1.6em;
    }

    .blockSubHeadline,
    .blockSubHeadline a,
    .blockSubHeadline a:hover {
        font-size: .9em;
    }

    .content {
        padding: 0 2% 20px;
        float: right;
        display: block;
        width: 96%;
        margin: 0;
        background: #fff none no-repeat left;
    }

    .map {
        background-color: #fff;
    }

    .Menu {
        background: url(img/men.bg.phone.png) repeat-x 0 bottom;
        right: 0;
        left: 0;
        z-index: 1000;
        position: relative;
        margin: 0;
        padding: 0;
        height: 180px;
    }

    .Hauptmenu {
        display: block;
        float: left;
        width: 70%;
        margin-top: -36px;
    }

    .Hauptmenu li a {
        margin-right: 15px;
        text-decoration: none;
        text-transform: lowercase;
        border-top: 0 none #fff;
        display: block;
        font-size: 1em;
        float: none;
        width: 50%;
        padding-top: 0;
        margin-top: -2px;
    }

    .Hauptmenu li a:hover,
    .Hauptmenu li a.active {
        border-top: 0 none #003a5a;
    }

    .content img,
    .frame img {
        width: 100%;
        float: none;
        padding-left:0;
        padding-bottom:0;
    }

    .Accordion {
        z-index: 100;
        margin-top: 0;
        width: 16%;
        float: left;
        margin-right: 0;
        position: relative;
    }

    .Accordion-Inhalt {
        z-index: 100;
        position: relative;
        float: left;
        background-color: #fff;
        width: 100%;
        min-height: 0;
        top: 0;
    }

    .Accordion-Inhalt h4 {
        padding-left: 10px;
    }

    .Accordion-Content {
        left: 0;
        top: 40px;
        position: relative;
        float: left;
        width: 18%;
        min-height: 40px !important;
        min-width: 100%;
    }

    .partner {
        display: none;
    }

    .footLogo {
        display: none;
    }

    .container {
        width: 96%;
        margin-right: auto;
        margin-left: auto;
    }

    .table-striped img {
        width: 100% !important;
        float: none;
        padding-left:0;
        padding-bottom:0;
    }

    .Schnellberatung {
        display: none;
    }

    #colorbox {
        outline: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -moz-box-shadow: 0 0 2px 2px #ccc;
        -webkit-box-shadow: 0 0 2px 2px #ccc;
        box-shadow: 0 0 2px 2px #ccc;
    }

    .Inhalt #map {
        width: 100%;
        height: 280px;
        float: none;
        margin-left: 0;
        margin-bottom: 20px;
    }

    .Startslider {
        margin-top: 10px;
        margin-bottom: -50px;
    }

    .Startslider .flex-container {
        height: 320px;
    }

}


@media screen and (min-width: 768px) {
    .map .units-row.container {
        width: 100% !important;
    }

    .map .units-row.container .Accordion {
        width: 28%;
        margin-left: 30px;
    }
}


@media screen and (min-width: 1024px) {
    .map .units-row.container .Accordion {
        width: 16%;
    }
}