.dlh_googlemap img {max-width:none}.dlh_googlemap .routinglink{white-space:nowrap}
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.responsive{position:relative;height:0}.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.responsive.ratio-169{padding-bottom:56.25%}.responsive.ratio-1610{padding-bottom:62.5%}.responsive.ratio-219{padding-bottom:42.8571%}.responsive.ratio-43{padding-bottom:75%}.responsive.ratio-32{padding-bottom:66.6666%}
.download-element{padding:3px 6px 3px 22px;background:url(../../assets/contao/images/iconPLAIN.svg) left center no-repeat}ul.enclosure{padding-left:0}li.download-element{list-style-type:none}.ext-xl{background-image:url(../../assets/contao/images/iconXL.svg)}.ext-xls{background-image:url(../../assets/contao/images/iconXLS.svg)}.ext-xlsx{background-image:url(../../assets/contao/images/iconXLSX.svg)}.ext-hqx{background-image:url(../../assets/contao/images/iconHQX.svg)}.ext-cpt{background-image:url(../../assets/contao/images/iconCPT.svg)}.ext-bin{background-image:url(../../assets/contao/images/iconBIN.svg)}.ext-doc{background-image:url(../../assets/contao/images/iconDOC.svg)}.ext-docx{background-image:url(../../assets/contao/images/iconDOCX.svg)}.ext-word{background-image:url(../../assets/contao/images/iconWORD.svg)}.ext-cto{background-image:url(../../assets/contao/images/iconCTO.svg)}.ext-dms{background-image:url(../../assets/contao/images/iconDMS.svg)}.ext-lha{background-image:url(../../assets/contao/images/iconLHA.svg)}.ext-lzh{background-image:url(../../assets/contao/images/iconLZH.svg)}.ext-exe{background-image:url(../../assets/contao/images/iconEXE.svg)}.ext-class{background-image:url(../../assets/contao/images/iconCLASS.svg)}.ext-so{background-image:url(../../assets/contao/images/iconSO.svg)}.ext-sea{background-image:url(../../assets/contao/images/iconSEA.svg)}.ext-dll{background-image:url(../../assets/contao/images/iconDLL.svg)}.ext-oda{background-image:url(../../assets/contao/images/iconODA.svg)}.ext-pdf{background-image:url(../../assets/contao/images/iconPDF.svg)}.ext-ai{background-image:url(../../assets/contao/images/iconAI.svg)}.ext-eps{background-image:url(../../assets/contao/images/iconEPS.svg)}.ext-ps{background-image:url(../../assets/contao/images/iconPS.svg)}.ext-pps{background-image:url(../../assets/contao/images/iconPPS.svg)}.ext-ppt{background-image:url(../../assets/contao/images/iconPPT.svg)}.ext-pptx{background-image:url(../../assets/contao/images/iconPPTX.svg)}.ext-smi{background-image:url(../../assets/contao/images/iconSMI.svg)}.ext-smil{background-image:url(../../assets/contao/images/iconSMIL.svg)}.ext-mif{background-image:url(../../assets/contao/images/iconMIF.svg)}.ext-odc{background-image:url(../../assets/contao/images/iconODC.svg)}.ext-odf{background-image:url(../../assets/contao/images/iconODF.svg)}.ext-odg{background-image:url(../../assets/contao/images/iconODG.svg)}.ext-odi{background-image:url(../../assets/contao/images/iconODI.svg)}.ext-odp{background-image:url(../../assets/contao/images/iconODP.svg)}.ext-ods{background-image:url(../../assets/contao/images/iconODS.svg)}.ext-odt{background-image:url(../../assets/contao/images/iconODT.svg)}.ext-wbxml{background-image:url(../../assets/contao/images/iconWBXML.svg)}.ext-wmlc{background-image:url(../../assets/contao/images/iconWMLC.svg)}.ext-dmg{background-image:url(../../assets/contao/images/iconDMG.svg)}.ext-dcr{background-image:url(../../assets/contao/images/iconDCR.svg)}.ext-dir{background-image:url(../../assets/contao/images/iconDIR.svg)}.ext-dxr{background-image:url(../../assets/contao/images/iconDXR.svg)}.ext-dvi{background-image:url(../../assets/contao/images/iconDVI.svg)}.ext-gtar{background-image:url(../../assets/contao/images/iconGTAR.svg)}.ext-inc{background-image:url(../../assets/contao/images/iconINC.svg)}.ext-php{background-image:url(../../assets/contao/images/iconPHP.svg)}.ext-php3{background-image:url(../../assets/contao/images/iconPHP3.svg)}.ext-php4{background-image:url(../../assets/contao/images/iconPHP4.svg)}.ext-php5{background-image:url(../../assets/contao/images/iconPHP5.svg)}.ext-phtml{background-image:url(../../assets/contao/images/iconPHTML.svg)}.ext-phps{background-image:url(../../assets/contao/images/iconPHPS.svg)}.ext-js{background-image:url(../../assets/contao/images/iconJS.svg)}.ext-psd{background-image:url(../../assets/contao/images/iconPSD.svg)}.ext-rar{background-image:url(../../assets/contao/images/iconRAR.svg)}.ext-fla{background-image:url(../../assets/contao/images/iconFLA.svg)}.ext-swf{background-image:url(../../assets/contao/images/iconSWF.svg)}.ext-sit{background-image:url(../../assets/contao/images/iconSIT.svg)}.ext-tar{background-image:url(../../assets/contao/images/iconTAR.svg)}.ext-tgz{background-image:url(../../assets/contao/images/iconTGZ.svg)}.ext-xhtml{background-image:url(../../assets/contao/images/iconXHTML.svg)}.ext-xht{background-image:url(../../assets/contao/images/iconXHT.svg)}.ext-zip{background-image:url(../../assets/contao/images/iconZIP.svg)}.ext-m4a{background-image:url(../../assets/contao/images/iconM4A.svg)}.ext-mp3{background-image:url(../../assets/contao/images/iconMP3.svg)}.ext-wma{background-image:url(../../assets/contao/images/iconWMA.svg)}.ext-mpeg{background-image:url(../../assets/contao/images/iconMPEG.svg)}.ext-wav{background-image:url(../../assets/contao/images/iconWAV.svg)}.ext-ogg{background-image:url(../../assets/contao/images/iconOGG.svg)}.ext-mid{background-image:url(../../assets/contao/images/iconMID.svg)}.ext-midi{background-image:url(../../assets/contao/images/iconMIDI.svg)}.ext-aif{background-image:url(../../assets/contao/images/iconAIF.svg)}.ext-aiff{background-image:url(../../assets/contao/images/iconAIFF.svg)}.ext-aifc{background-image:url(../../assets/contao/images/iconAIFC.svg)}.ext-ram{background-image:url(../../assets/contao/images/iconRAM.svg)}.ext-rm{background-image:url(../../assets/contao/images/iconRM.svg)}.ext-rpm{background-image:url(../../assets/contao/images/iconRPM.svg)}.ext-ra{background-image:url(../../assets/contao/images/iconRA.svg)}.ext-bmp{background-image:url(../../assets/contao/images/iconBMP.svg)}.ext-gif{background-image:url(../../assets/contao/images/iconGIF.svg)}.ext-jpeg{background-image:url(../../assets/contao/images/iconJPEG.svg)}.ext-jpg{background-image:url(../../assets/contao/images/iconJPG.svg)}.ext-jpe{background-image:url(../../assets/contao/images/iconJPE.svg)}.ext-png{background-image:url(../../assets/contao/images/iconPNG.svg)}.ext-tiff{background-image:url(../../assets/contao/images/iconTIFF.svg)}.ext-tif{background-image:url(../../assets/contao/images/iconTIF.svg)}.ext-svg{background-image:url(../../assets/contao/images/iconSVG.svg)}.ext-svgz{background-image:url(../../assets/contao/images/iconSVGZ.svg)}.ext-webp{background-image:url(../../assets/contao/images/iconWEBP.svg)}.ext-eml{background-image:url(../../assets/contao/images/iconEML.svg)}.ext-asp{background-image:url(../../assets/contao/images/iconASP.svg)}.ext-css{background-image:url(../../assets/contao/images/iconCSS.svg)}.ext-scss{background-image:url(../../assets/contao/images/iconSCSS.svg)}.ext-less{background-image:url(../../assets/contao/images/iconLESS.svg)}.ext-html{background-image:url(../../assets/contao/images/iconHTML.svg)}.ext-htm{background-image:url(../../assets/contao/images/iconHTM.svg)}.ext-md{background-image:url(../../assets/contao/images/iconMD.svg)}.ext-shtml{background-image:url(../../assets/contao/images/iconSHTML.svg)}.ext-txt{background-image:url(../../assets/contao/images/iconTXT.svg)}.ext-text{background-image:url(../../assets/contao/images/iconTEXT.svg)}.ext-log{background-image:url(../../assets/contao/images/iconLOG.svg)}.ext-rtx{background-image:url(../../assets/contao/images/iconRTX.svg)}.ext-rtf{background-image:url(../../assets/contao/images/iconRTF.svg)}.ext-xml{background-image:url(../../assets/contao/images/iconXML.svg)}.ext-xsl{background-image:url(../../assets/contao/images/iconXSL.svg)}.ext-mp4{background-image:url(../../assets/contao/images/iconMP4.svg)}.ext-m4v{background-image:url(../../assets/contao/images/iconM4V.svg)}.ext-mov{background-image:url(../../assets/contao/images/iconMOV.svg)}.ext-wmv{background-image:url(../../assets/contao/images/iconWMV.svg)}.ext-webm{background-image:url(../../assets/contao/images/iconWEBM.svg)}.ext-qt{background-image:url(../../assets/contao/images/iconQT.svg)}.ext-rv{background-image:url(../../assets/contao/images/iconRV.svg)}.ext-avi{background-image:url(../../assets/contao/images/iconAVI.svg)}.ext-ogv{background-image:url(../../assets/contao/images/iconOGV.svg)}.ext-movie{background-image:url(../../assets/contao/images/iconMOVIE.svg)}
/* josefin-sans-regular - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/vitajoy/fonts/josefin-sans-regular.eot');
  src: local(''),
       url('../../files/vitajoy/fonts/josefin-sans-regular.eot?#iefix') format('embedded-opentype'), 
       url('../../files/vitajoy/fonts/josefin-sans-regular.woff2') format('woff2'), 
       url('../../files/vitajoy/fonts/josefin-sans-regular.woff') format('woff'), 
       url('../../files/vitajoy/fonts/josefin-sans-regular.ttf') format('truetype'), 
       url('../../files/vitajoy/fonts/josefin-sans-regular.svg#JosefinSans') format('svg');
}
/* josefin-sans-600 - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../../files/vitajoy/fonts/josefin-sans-600.eot');
  src: local(''),
       url('../../files/vitajoy/fonts/josefin-sans-600.eot?#iefix') format('embedded-opentype'), 
       url('../../files/vitajoy/fonts/josefin-sans-600.woff2') format('woff2'), 
       url('../../files/vitajoy/fonts/josefin-sans-600.woff') format('woff'), 
       url('../../files/vitajoy/fonts/josefin-sans-600.ttf') format('truetype'), 
       url('../../files/vitajoy/fonts/josefin-sans-600.svg#JosefinSans') format('svg');
}
/* josefin-sans-700 - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/vitajoy/fonts/josefin-sans-700.eot');
  src: local(''),
       url('../../files/vitajoy/fonts/josefin-sans-700.eot?#iefix') format('embedded-opentype'), 
       url('../../files/vitajoy/fonts/josefin-sans-700.woff2') format('woff2'), 
       url('../../files/vitajoy/fonts/josefin-sans-700.woff') format('woff'), 
       url('../../files/vitajoy/fonts/josefin-sans-700.ttf') format('truetype'), 
       url('../../files/vitajoy/fonts/josefin-sans-700.svg#JosefinSans') format('svg');
}

/*** ALL ***/
* {
    outline: none;
}

/*** BODY ***/
body {
    position: relative;
    margin: 0;
    padding: 0;
    font: 18px/130% 'Josefin Sans',sans-serif;
    color: #FFF;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
strong {
    font-weight: normal;
    font-weight: 700;
}
.w80 {
    width: 80%;
    margin: 0 auto;
}
.desktop {
    display: block;
}
.tablet {
    display: none;
}

/*** WRAPPER ***/
#wrapper {
    position: relative;
}

/*** STARTSEITE ***/
#startseite {
    min-height: 800px;
    background-image: url('../../files/vitajoy/uploads/startseite/pattern.png');
    background-position: center top;
    background-repeat: repeat;
}
#startseite video {
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    left: 50%;
    top: 50%;
    position: fixed;
    z-index: -100;
    background-size: cover;
    transform: translateX(-50%) translateY(-50%);
    transition: 1s opacity;
}
#startseite #links {
    width: 80%;
    margin: 0 auto;
    font-size: 16px;
}
#startseite #links a {
    text-decoration: none;
}
#startseite #links img {
    top: 3px;
    position: relative;
    margin-right: 8px;
}
#startseite .spacer {
    margin-right: 20px;
    margin-left: 20px;
    border-right: 1px;
    font-size: 25px;
}
#menu_icon {
    width: 40px;
    height: 20px;
    position: absolute;
    top: 28px;
    right: 10%;
    cursor: pointer;
    z-index: 10;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}
#menu_icon.active {
    position: fixed;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
#menu_icon::before,
#menu_icon::after,
#menu_icon span {
    width: 40px;
    height: 3px;
    right: 10%;
    position: absolute;
    display: block;
    background-color: #FFF;
    content: '';
}
#menu_icon::before {
    top: 0;
}
#menu_icon span {
    top: 8px;
}
#menu_icon::after {
    top: 16px;
}
#navigation {
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    display: none;
    background-color: rgba(0,0,0,.9);
    z-index: 5;
}
#navigation.active {
    display: block;
}
#navigation ul {
    margin: 0;
    padding: 80px 0 0;
    text-align: center;
    list-style-type: none;
}
#navigation ul li {
    padding: 10px 0;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
}
#logo_slogan {
    margin-top: 150px;
}

/*** ÜBER MICH ***/
#ueber-mich {
    width: 100%;
    min-height: 700px;
    margin-top: -130px;
    padding: 130px 0;
    background-image: url('../../files/vitajoy/uploads/ueber-mich/slide_ueber-mich.jpg');
    background-position: left top;
    background-repeat: repeat;
    color: #4C3E2C;
    -webkit-clip-path: polygon(60% 100px, 100% 50px, 100% 100%, 0 100%, 0 0);
}
#ueber-mich h2 {
    font-size: 30px;
    line-height: 130%;
    color: #8BA51F;
    text-transform: uppercase;
    font-weight: 700;
}
#timeline_text {
    display: none;
    color: #4C3E2C;
}

/*** ANGEBOT ***/
#angebot {
    min-height: 300px;
    margin-top: -200px;
    padding: 150px 0;
    background-image: url('../../files/vitajoy/uploads/angebote/slide_angebote.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-clip-path: polygon(0 150px, 60% 0, 100% 50px, 100% 100%, 0 100%);
}
#angebot h2 {
    font-size: 30px;
    line-height: 130%;
    text-transform: uppercase;
    font-weight: 700;
}

/*** TERMINE ***/
#termine {
    min-height: 600px;
    position: relative;
    margin-top: -380px;
    padding: 150px 0;
    background-image: url('../../files/vitajoy/uploads/termine/slide_termine.jpg');
    background-position: center center;
    background-repeat: repeat;
    -webkit-clip-path: polygon(0 100px, 30% 150px, 100% 0, 100% 100%, 0 100%);
}
#termine h2 {
    font-size: 30px;
    line-height: 130%;
    color: #8BA51F;
    text-transform: uppercase;
    font-weight: 700;
}
#hagebutte {
    width: 400px;
    height: 200px;
    right: 0;
    top: 30px;
    position: absolute;
}
#kalender {
    width: 46%;
    float: left;
    margin-right: 4%;
    padding-right: 4%;
    border-right: 1px solid;
    color: #4C3E2C;
    font-weight: 700;
}
#kalender table {
    float: right;
}
#kalender th.current {
    text-transform: uppercase;
}
#kalender th a {
    text-decoration: none;
    color: #4C3E2C;
    font-weight: 700;
}
#kalender td {
    width: 49px;
    height: 49px;
    vertical-align: middle;
    text-align: center;
    background-color: rgba(67,52,49,.25);
}
#kalender td.empty {
    background-color: rgba(67,52,49,.1);
}
#kalender td.active {
    background-color: #8BA520;
}
#kalender td.active a {
    text-decoration: none;
    color: #FFF;
}
#termindetails {
    width: 25%;
    color: #4C3E2C;
}
#termindetails .layout_teaser {
    left: 0;
    position: relative;
}
#termindetails .time {
    line-height: 18px;
    color: #8BA51F;
    text-transform: uppercase;
    font-weight: 700;
}
#termindetails h2 {
    font-size: 18px;
    line-height: 130%;
    color: #4C3E2C;
    font-weight: 700;
}
#termindetails .layout_teaser {
    display: none;
}
#termindetails .layout_teaser:nth-child(1) {
    display: block;
}

/*** GALERIE ***/
#galerie {
    min-height: 600px;
    position: relative;
    margin-top: -150px;
    padding: 150px 0 170px;
    background-image: url('../../files/vitajoy/uploads/galerie/slide_galerie.jpg');
    background-position: center center;
    background-repeat: repeat;
    -webkit-clip-path: polygon(0 150px, 60% 0, 100% 100px, 100% 100%, 0 100%);
}

/*** KONTAKT ***/
#kontakt {
    min-height: 750px;
    margin-top: -170px;
    padding: 150px 0;
    background-image: url('../../files/vitajoy/uploads/kontakt/slide_kontakt.jpg');
    background-position: center center;
    background-repeat: repeat;
    -webkit-clip-path: polygon(0 50px, 30% 100px, 100% 0, 100% 100%, 0 100%);
}
#kontakt h2 {
    font-size: 30px;
    line-height: 130%;
    color: #8BA51F;
    text-transform: uppercase;
    font-weight: 700;
}
#kontakt #mailform_image,
#kontakt #mailform_form {
    width: 45%;
    float: left;
}
#kontakt #mailform_image {
    margin-right: 5%;
    text-align: right;
}
#kontakt #mailform_image img {
    width: 60%;
}
#kontakt #mailform_form .single-select,
#kontakt #mailform_form .single-text-field,
#kontakt #mailform_form .multi-text-field {
    width: 60%;
    margin: 0 0 20px;
    padding: 10px 0;
    border-top: 0px solid;
    border-right: 0px solid;
    border-bottom: 1px solid;
    border-left: 0px solid;
    border-radius: 0;
    font: 16px 'Josefin Sans',sans-serif;
    color: #4A3C33;
    background: transparent;
}
#kontakt #mailform_form .single-select {
    -webkit-appearance: inherit;
    -moz-appearance: inherit;
    appearance: inherit;
}
#kontakt #mailform_form .multi-text-field {
    height: 100px;
    resize: vertical;
}
#kontakt #mailform_form .submit_button {
    width: 60%;
    margin: 0;
    padding: 10px 0;
    background-color: #8BA520;
    border: 0;
    border-radius: 3px;
    font-size: 15px;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
}

/*** ANFAHRT ***/
#anfahrt {
    min-height: 600px;
    margin-top: -150px;
    -webkit-clip-path: polygon(0 150px, 60% 0, 100% 100px, 100% 100%, 0 100%);
}
.dlh_googlemap {
    width: 100%;
    height: 600px;
    background-image: url('../../files/vitajoy/uploads/anfahrt/slide_anfahrt.jpg');
    background-position: center center;
    background-repeat: repeat;
}
#confirm-googlemaps {
    width: 50%;
    height: auto;
    margin: 200px auto 0;
}

/*** COPYRIGHT ***/
#copyright {
    min-height: 100px;
    position: relative;
    margin-top: -250px;
    padding-top: 200px;
    background-color: #4A3C33;
    color: #A5A09B;
    -webkit-clip-path: polygon(0 150px, 30% 200px, 100% 0, 100% 100%, 0 100%);
}
#copyright #address {
    width: 60%;
    left: 10%;
    top: 70%;
    position: absolute;
}
#copyright #address a {
    text-decoration: none;
    color: #FFF;
}
#copyright #address .middot {
    top: -3px;
    position: relative;
    font-size: 40px;
    color: #8BA51F;
    font-weight: 700;
}
#copyright #social {
    width: 20%;
    right: 10%;
    top: 70%;
    position: absolute;
    text-align: right;
}
#copyright #social img {
    top: 5px;
    position: relative;
}
#social a {
    text-decoration: none;
}

/*** TABLETS ***/
@media screen and (max-width:  1024px) {
    .desktop {
        display: none;
    }
    .tablet {
        display: block;
    }
    #timeline_svg {
        display: none;
    }
    #hagebutte {
        display: none;
    }
    #kalender {
        width: 80%;
        float: none;
        margin: 0 auto;
        padding: 0;
        border: 0;
    }
    #kalender table {
        float: none;
        margin: 0 auto;
    }
    #termindetails {
        width: 80%;
        margin: 0 auto;
        text-align: center;
    }
    .ce_ds_galerie_text {
        width: 100%;
        float: none;
        margin: 0;
        text-align: center;
    }
    .ce_ds_galerie_image.float_left {
        width: 65%;
        float: none;
        text-align: center;
    }
    #kontakt #mailform_image {
        display: none;
    }
    #kontakt #mailform_form {
        width: 100%;
        float: none;
        text-align: center;
    }
}

/*** SMARTPHONES ***/
@media screen and (max-width:  768px) {
    #logo_slogan {
        margin-top: 75px;
    }
    #copyright {
        min-height: 130px;
    }
    #copyright #address {
        width: 80%;
        top: 65%;
        font-size: 12px;
    }
    #copyright #address .middot::after {
        content: '\A';
        white-space: pre;
    }
    #copyright #social {
        width: 80%;
        left: 10%;
        right: 0;
        top: 90%;
        text-align: left;
    }
}

