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,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.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}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}
html{
  /* overflow: hidden; */
}
html, body {
  height: 100% !important;
  
}
body {
    font-family: 'Poppins', sans-serif; 
}

/* Cookie Styling */
.uc-banner-content, #uc-btn-deny-banner, #uc-btn-more-info-banner{
	background-color: #363636 !important;
}
#uc-btn-accept-banner{
	background-color: #23ae49  !important;
}
#bto-path-1, #fingerprint, #ico_button_close-b{
	fill: #23ae49 ;
}
.uc-save-settings-button, .uc-card-header, .uc-nav-tabs, .usercentrics-button.layout-1 .uc-btn.uc-btn-primary, #usercentrics-button #uc-consents-info-modal .uc-consents-info-modal-wrapper .uc-modal-header{
	background-color: #23ae49  !important;
}

form,
.tableform{
  height: 100%;
}

.formbody a{
  color: #23ae49;
  text-decoration: none;
}

.message.ajaxconfirm{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
}

.message.ajaxconfirm p,
.message.ajaxconfirm pre{
  color: #23ae49;
  font-weight: bold;
  font-size: 25px;
}

.message.ajaxconfirm p{
  font-size: 20px;
  margin-top: 20px;
}

p.error{
  color: #db2727;
  margin: 8px 0;
}

/* Header Navigation */

#header .inside {
    max-width: 1640px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 16px; 
}


#header nav a {
    text-decoration: none;
    color: #021911;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
}

#header .level_1 li {
    display: inline-block;
    padding: 12px 16px;
    margin: 0px 16px;
}

#header .level_1 li:hover {
    background-color: #CDF5D8;
    border-radius: 8px;
}

#header .active {
    background-color: #23AE49 !important;
    color: white;
    font-weight: 500 !important;
    border-radius: 8px;
}

#header .trail {
    background-color: #23AE49 !important ;
    color: white;
    font-weight: 500 !important;
    border-radius: 8px;
}

/* Menu Level 2 */



#header .level_2 {
    background-color: white;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.16);
    border-radius: 8px;
    position: absolute;
    margin-top: 12px;
    
    margin-left: -2.5%;
    z-index: 1;
    overflow: hidden;
}

#header .level_2 li {
    display: none;
    margin:0px 0px; 
}

#header .submenu:hover .level_2 li{
    display: block;
    border-radius: 0px;
}

/* language Selector  */

#language-switch ul .lang-de a, #language-switch ul .lang-de strong {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 27.82 24'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; %7D .cls-2 %7B clip-path: url(%23clip-path); %7D .cls-3 %7B fill: %23151515; %7D .cls-4 %7B fill: %23db2727; %7D .cls-5 %7B fill: %23f8d12e; %7D %3C/style%3E%3CclipPath id='clip-path' transform='translate(1.91)'%3E%3Ccircle class='cls-1' cx='12' cy='12' r='12'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cg class='cls-2'%3E%3Cg%3E%3Crect class='cls-3' width='27.82' height='8'/%3E%3Crect class='cls-4' y='8' width='27.82' height='8'/%3E%3Crect class='cls-5' y='16' width='27.82' height='8'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

#language-switch ul .lang-en a, #language-switch ul .lang-en strong {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23f0f0f0; %7D .cls-2 %7B fill: %230052b4; %7D .cls-3 %7B fill: %23d80027; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cg%3E%3Ccircle class='cls-1' cx='12' cy='12' r='12'/%3E%3Cg%3E%3Cpath class='cls-2' d='M2.48,4.69A12.13,12.13,0,0,0,.41,8.87H6.66Z'/%3E%3Cpath class='cls-2' d='M23.59,8.87a12.13,12.13,0,0,0-2.07-4.18L17.34,8.87Z'/%3E%3Cpath class='cls-2' d='M.41,15.13a12.13,12.13,0,0,0,2.07,4.18l4.18-4.18Z'/%3E%3Cpath class='cls-2' d='M19.31,2.48A12.13,12.13,0,0,0,15.13.41V6.66Z'/%3E%3Cpath class='cls-2' d='M4.69,21.52a12.13,12.13,0,0,0,4.18,2.07V17.34Z'/%3E%3Cpath class='cls-2' d='M8.87.41A12.13,12.13,0,0,0,4.69,2.48L8.87,6.66Z'/%3E%3Cpath class='cls-2' d='M15.13,23.59a12.13,12.13,0,0,0,4.18-2.07l-4.18-4.18v6.25Z'/%3E%3Cpath class='cls-2' d='M17.34,15.13l4.18,4.18a12.13,12.13,0,0,0,2.07-4.18Z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='cls-3' d='M23.9,10.43H13.57V.1a12.37,12.37,0,0,0-3.14,0V10.43H.1a12.37,12.37,0,0,0,0,3.14H10.43V23.9a12.37,12.37,0,0,0,3.14,0V13.57H23.9a12.37,12.37,0,0,0,0-3.14Z'/%3E%3Cpath class='cls-3' d='M15.13,15.13h0l5.36,5.36c.24-.25.48-.51.7-.78l-4.58-4.58Z'/%3E%3Cpath class='cls-3' d='M8.87,15.13h0L3.51,20.49c.25.24.51.48.78.7l4.58-4.58V15.13Z'/%3E%3Cpath class='cls-3' d='M8.87,8.87h0L3.51,3.51c-.24.25-.48.51-.7.78L7.39,8.87Z'/%3E%3Cpath class='cls-3' d='M15.13,8.87h0l5.36-5.36c-.25-.24-.51-.48-.78-.7L15.13,7.39Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");

}

#language-switch ul .lang-nl a, #language-switch ul .lang-nl strong {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 27.82 24'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; %7D .cls-2 %7B clip-path: url(%23clip-path); %7D .cls-3 %7B fill: %23ae1c28; %7D .cls-4 %7B fill: %23f0f0f0; %7D .cls-5 %7B fill: %2321468b; %7D %3C/style%3E%3CclipPath id='clip-path' transform='translate(1.91)'%3E%3Ccircle class='cls-1' cx='12' cy='12' r='12'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cg class='cls-2'%3E%3Cg%3E%3Crect class='cls-3' width='27.82' height='8'/%3E%3Crect class='cls-4' y='8' width='27.82' height='8'/%3E%3Crect class='cls-5' y='16' width='27.82' height='8'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");

}

#language-switch ul .lang-de a, #language-switch ul .lang-de strong, #language-switch ul .lang-en a, #language-switch ul .lang-en strong,#language-switch ul .lang-nl a, #language-switch ul .lang-nl strong {
    display: block;
    width: 24px;
    height: 24px;
    color: transparent !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    
}

#language-switch .level_1 li {
    display: inline-block;
    margin: 0px 8px ;
    padding: 2px 2px;
}

#language-switch .level_1 li:hover {
    background-color: #23AE49;
    border-radius: 50%;  
}

#language-switch .active {
    background-color:#23AE49 !important;
    color: white;
    /* border: 2px solid #23AE49; */
    font-weight: 200 !important;
    border-radius: 50%;
}


/* Hamburger  */

#header button {
    display: none;
}

/* Header Navigation Section end */

/* Footer Styling Start */

#footer  {
    background-color: #23AE49;
    color: white;
    font-size: 14px;
    /* margin-top: 40px; */
}

#footer .inside {
    display: flex;
    justify-content: space-between;
    max-width: 1640px;
    margin: auto;
    padding: 16px 16px;  
}

#footer ul {
   display: flex;
   flex-direction: row;
   list-style-type: none;
}

#footer ul li {
    
    color: white;
    margin: 0px 4px;
}

#footer ul li a{
  color: #fff;
  text-decoration: none;
}

#footer ul li:nth-child(even)  {
    /* display: inline-flex; */
    color: #F9C20A;
}

#footer .ce_text{
    display:flex;
    justify-content: space-between;
    color: white;
    
}

#footer .ce_text a{
    color: white;
    text-decoration: none;
}

#footer .ce_text p{
    margin-right: 24px;
}
#footer .ce_text p:last-child{
  margin-right: 0;
}

/* Footer Styling End */


/* Homepage Styling Start */


#hero .inside{
    max-width: 1826px;
    margin: auto;
    margin-bottom: 16px;
    height: 100%;
    padding: 0px 16px;
    position: relative;
}

#hero .mod_article {
    background-image: url("/files/Images/camping-oeschlesee-landschaft.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    height: 85vh;
    min-height: 590px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 40px 80px 24px 80px;
    
}

#hero .ce_text p{
    font-size: 56px;
    font-weight: 600;
    max-width: 20ch;
    padding: 24px 0px;
    margin-bottom: 24px;
    color: #0a328e;
    /* text-shadow: 0px 3px 16px rgba(0, 0, 0, 0.24); */
}

@media screen and (max-width: 1130px) and (min-width: 1024px) {
  #hero .ce_text p{
    font-size: 48px;
  }
}


/* Campingplatz BTN */

#hero .btn{
    /* padding: 24px; */
    display: inline-block;
    margin-bottom: 32px;
    transform-origin: left center;
    width: fit-content;
}

#hero .btn a {
    vertical-align: middle;
    display: inline-block;
    text-decoration: none;
    color: white;
    font-size: 24px;
    font-weight: 500;
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
    
}

#hero .btn .btn-icon {
    vertical-align: middle;
    display: inline-block;
    background-image: url("/files/Icons/btn-icon-arrow.svg");
    width: 72px;
    height: 48px;
    margin-right: 16px;
    background-size: contain;
    background-repeat: no-repeat;
}

#hero .btn:hover .btn-icon {
    transform: translate(8%);
}

/* Covid Info BTN */


#hero .info-btn{
    /* padding: 24px; */
    /* margin: 24px; */
    transform-origin: center; 
    width: fit-content;
}

#hero .info-btn a {
    vertical-align: middle;
    display: inline-block;
    text-decoration: none;
    color: white;
    font-size: 24px;
    font-weight: 500;
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
}

#hero .info-btn .btn-icon {
    vertical-align: middle;
    display: inline-block;
    background-image: url("/files/Icons/btn-icon-info.svg");
    width: 72px;
    height: 48px;
    margin-right: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#hero .info-btn:hover  .btn-icon{
    transform: scale(1.15);
}

/* Big Illustration Buttons */

#ilustration-btn .btn-container {
  text-align: right;
  position: absolute;
  right: 95px;
  top: 40px;
}

#ilustration-btn .btn-stucture{
  display: inline-block;
  text-align: center;
  margin-right: 0;
  width: 100%;
  padding: 24px;
  color: white;
  background-color: rgb(0 0 0 / 35%);
  border-radius: 12px;
}

#ilustration-btn .btn-stucture h3{
   font-size: 20px;
   font-weight: 500;
}

#ilustration-btn .btn-container > a{
  display: block;
  width: 210px;
  margin-left: auto;
  margin-bottom: 10px;
  text-decoration: none;
}

#ilustration-btn .btn-stucture .illustration-one {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='122.271' height='70.036' viewBox='0 0 122.271 70.036'%3E%3Cg id='Group_801' data-name='Group 801' transform='translate(-476.464 -701.5)'%3E%3Cpath id='Path_1810' data-name='Path 1810' d='M-1541,307.6h51.2l25.6-57.6h-51.2Z' transform='translate(2027.4 460.4)' fill='none' stroke='%23fff' stroke-linejoin='round' stroke-width='5'/%3E%3Cline id='Line_126' data-name='Line 126' y2='64' transform='translate(563.2 704)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='5'/%3E%3Cpath id='Path_1811' data-name='Path 1811' d='M-1461,307.6l25.6-57.6,25.6,57.6Z' transform='translate(1998.6 460.4)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='5'/%3E%3Cline id='Line_127' data-name='Line 127' y1='6.4' transform='translate(512 704)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='5'/%3E%3Cline id='Line_128' data-name='Line 128' x2='6.4' y2='6.4' transform='translate(480 761.6)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='5'/%3E%3Cline id='Line_129' data-name='Line 129' x2='6.4' y2='6.4' transform='translate(531.2 761.6)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='5'/%3E%3Cline id='Line_130' data-name='Line 130' x1='6.4' y2='6.4' transform='translate(588.8 761.6)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='5'/%3E%3C/g%3E%3C/svg%3E");
    width: 120px;
    height: 64px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0px auto;
    margin-bottom: 16px;
}

#ilustration-btn .btn-stucture .illustration-two {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='115.2' height='64' viewBox='0 0 115.2 64'%3E%3Cg id='Group_805' data-name='Group 805' transform='translate(-856 -704)'%3E%3Cg id='Ellipse_85' data-name='Ellipse 85' transform='translate(875.2 748.8)' fill='%23fff' stroke='%23fff' stroke-width='5'%3E%3Ccircle cx='9.6' cy='9.6' r='9.6' stroke='none'/%3E%3Ccircle cx='9.6' cy='9.6' r='7.1' fill='none'/%3E%3C/g%3E%3Cg id='Ellipse_86' data-name='Ellipse 86' transform='translate(932.8 748.8)' fill='%23fff' stroke='%23fff' stroke-width='5'%3E%3Ccircle cx='9.6' cy='9.6' r='9.6' stroke='none'/%3E%3Ccircle cx='9.6' cy='9.6' r='7.1' fill='none'/%3E%3C/g%3E%3Cline id='Line_131' data-name='Line 131' x2='41.6' transform='translate(892.8 758.4)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='5'/%3E%3Cg id='Rectangle_512' data-name='Rectangle 512' transform='translate(862.4 704)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='5'%3E%3Cpath d='M4,0H62.4a40,40,0,0,1,40,40V52a4,4,0,0,1-4,4H4a4,4,0,0,1-4-4V4A4,4,0,0,1,4,0Z' stroke='none'/%3E%3Cpath d='M4,2.5H62.4A37.5,37.5,0,0,1,99.9,40V52a1.5,1.5,0,0,1-1.5,1.5H4A1.5,1.5,0,0,1,2.5,52V4A1.5,1.5,0,0,1,4,2.5Z' fill='none'/%3E%3C/g%3E%3Cg id='Rectangle_513' data-name='Rectangle 513' transform='translate(862.4 716.8)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='5'%3E%3Crect width='19.2' height='19.2' stroke='none'/%3E%3Crect x='2.5' y='2.5' width='14.2' height='14.2' fill='none'/%3E%3C/g%3E%3Cg id='Rectangle_516' data-name='Rectangle 516' transform='translate(856 748.8)' fill='%23fff' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='5'%3E%3Crect width='12.8' height='11.2' stroke='none'/%3E%3Crect x='2.5' y='2.5' width='7.8' height='6.2' fill='none'/%3E%3C/g%3E%3Cg id='Rectangle_517' data-name='Rectangle 517' transform='translate(958.4 748.8)' fill='%23fff' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='5'%3E%3Crect width='12.8' height='11.2' stroke='none'/%3E%3Crect x='2.5' y='2.5' width='7.8' height='6.2' fill='none'/%3E%3C/g%3E%3Cg id='Rectangle_514' data-name='Rectangle 514' transform='translate(888 716.8)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='5'%3E%3Crect width='32' height='19.2' stroke='none'/%3E%3Crect x='2.5' y='2.5' width='27' height='14.2' fill='none'/%3E%3C/g%3E%3Cg id='Rectangle_515' data-name='Rectangle 515' transform='translate(926.4 716.8)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='5'%3E%3Cpath d='M0,0H17.2A19.2,19.2,0,0,1,36.4,19.2v0a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V0A0,0,0,0,1,0,0Z' stroke='none'/%3E%3Cpath d='M3.41,2.5h17.2A13.29,13.29,0,0,1,33.9,15.79v0a.91.91,0,0,1-.91.91H3.41a.91.91,0,0,1-.91-.91V3.41a.91.91,0,0,1,.91-.91Z' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    width: 120px;
    height: 64px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0px auto;
    margin-bottom: 16px;
}

#ilustration-btn .btn-stucture .illustration-three {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120.2' height='66.5' viewBox='0 0 120.2 66.5'%3E%3Cg id='Group_810' data-name='Group 810' transform='translate(-925.5 -701.5)'%3E%3Cg id='Group_809' data-name='Group 809' transform='translate(947.2 704)'%3E%3Cg id='Group_807' data-name='Group 807' transform='translate(0)'%3E%3Cpath id='Path_1812' data-name='Path 1812' d='M335.3-350.026c0,7.069-12.8,25.6-12.8,25.6s-12.8-18.531-12.8-25.6a12.8,12.8,0,0,1,12.8-12.8A12.8,12.8,0,0,1,335.3-350.026Z' transform='translate(-309.696 362.826)' fill='none' stroke='%23fff' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='5'/%3E%3Ccircle id='Ellipse_87' data-name='Ellipse 87' cx='6.4' cy='6.4' r='6.4' transform='translate(6.4 6.583)' fill='%23fff'/%3E%3C/g%3E%3Cg id='Group_808' data-name='Group 808' transform='translate(70.4 25.6)'%3E%3Ccircle id='Ellipse_88' data-name='Ellipse 88' cx='6.4' cy='6.4' r='6.4' transform='translate(0 25.6)' fill='%23fff'/%3E%3Cpath id='Path_1814' data-name='Path 1814' d='M-997,306V274' transform='translate(1003.4 -274)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='5'/%3E%3Cpath id='Polygon_1' data-name='Polygon 1' d='M6.4,0l6.4,19.2H0Z' transform='translate(25.6 0) rotate(90)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='5'/%3E%3C/g%3E%3C/g%3E%3Cpath id='Path_1815' data-name='Path 1815' d='M381.913-214.826h33.6a4.8,4.8,0,0,1,4.8,4.8h0a4.8,4.8,0,0,1-4.8,4.8h-60.8a4.8,4.8,0,0,0-4.8,4.8h0a4.8,4.8,0,0,0,4.8,4.8h91.2' transform='translate(578.087 957.226)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='5'/%3E%3C/g%3E%3C/svg%3E");
    width: 120px;
    height: 64px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0px auto;
    margin-bottom: 16px;
}

#ilustration-btn .btn-stucture:hover {
    background-color: rgb(0 0 0 / 20%);
    border-radius: 12px;
}


/* Home Page End */

/* Campingplatz Page Start */

#hero-two .inside{
    max-width: 1640px;
    margin: auto;
    padding: 0px 16px;
}

#hero-two .mod_article{
    display: flex; 
    flex-direction:row;
    margin: 24px 0px;
}

#hero-two .ce_text {
    background-color: #23AE49 ;
    padding: 80px 32px;
    border-radius: 8px;
    max-width: 35%;
    color: white;
    margin-right: 16px;
}

#hero-two .ce_text h2 {
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 48px;
}

#hero-two .ce_text p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 24px;
}

#hero-two .ce_image {
    flex-wrap: wrap;
    flex: 1 1 auto;
    border-radius: 8px;
    width: 60%;
    min-width: 40%;    
}

#hero-two figure {
    height: 100%;
}

#hero-two img {
    width: auto;
    height: 100%;
    object-fit: cover;
    
}

/* Camping Rules Section */

#rules .inside{
    max-width: 1364px;
    margin: auto;
    padding: 0px 16px;
}

#rules .mod_article{
    display: flex;
    flex-direction: column;
    background-color: #EEFCF2;
    margin: 0px 0px;
    padding: 24px;
    border-radius: 8px;
}

#rules .ce_text {
    color: #23AE49;
    max-width: 60ch;
    margin-bottom: 24px;
    font-size: 20px;
}

#rules .ce_list {
    
    column-count: 2;
    column-gap: 80px;
    max-width: 120ch;
    padding: 8px 0px;
    color: #021911;
    
} 

#rules ol {
    list-style-position: inside;
}

#rules ol li::marker {
    color: #23AE49;
    font-weight: 600;
    padding-right: 16px;
}

#rules li {
    padding: 8px;
    list-style-position: initial;
    margin-left: 20px;
}


/* Camping Details Text and Gallery */


#info-gallery .inside{
    max-width: 1364px;
    margin: auto;
    padding: 16px;
}

#wasser {
    background-color: #EBF9FF !important;
}

#wasser h2{
    color: #0099D8 !important;
}

#info-gallery .mod_article{
    display: flex;
    justify-content: space-between;
    margin: 16px 0px;
    flex-wrap: wrap;
    align-items: stretch;
}

#info-gallery .content-slider,
#info-gallery .content-slider *{
  height: 100%;
}

#info-gallery  .ce_text {
    flex-wrap: wrap;
    background-color: #EEFCF2;
    padding: 24px;
    border-radius: 8px;
    max-width: 30%;
    min-height: 520px;
    color: #021911;
}

#info-gallery  .ce_text h2{
    font-size: 32px;
    font-weight: bold;
    color: #23AE49;
    margin-bottom: 16px;
    word-break: break-all;
}

#info-gallery  .ce_text h4{
    font-size: 16px;
    font-weight: 600;
    color: #23AE49;
    margin-top: -12px;
    margin-bottom: 16px;
}

#info-gallery  .ce_text p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 24px;
    color: #021911;
}

#info-gallery .ce_sliderStart{
    /* display: flex; */
    align-items: center;
    max-height: 520px;
    /* height: 100%; */
    max-width: 68.5%;
    border-radius: 8px;
    position: relative;
}

/* #info-gallery .ce_image {
    height: 100%;
    object-fit: cover;
} */

/* 
#info-gallery figure {
    height: 100%;
    
} */

#info-gallery img {
    /* width: 100%;
    max-width: none;
    height: auto;  */
    /* width: 100%; */
    height: 100%;
    object-fit: cover;
}

#info-gallery .slider-control {
    display: flex;
    flex-direction: row;
    height: auto;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    bottom: 50%;
    
    width: 100%;
}

#info-gallery .slider-control .slider-menu { 
    position: absolute;
    top: 220px;
}

#info-gallery .slider-control .slider-prev  {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40.485' height='40.485' viewBox='0 0 40.485 40.485'%3E%3Cpath id='Path_21' data-name='Path 21' d='M0,22.627H22.627V0' transform='translate(36.243 20.243) rotate(135)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='6'/%3E%3C/svg%3E%0A");
    width: 32px;
    height: 32px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0px;
    margin-left: 16px;
}

#info-gallery .slider-control .slider-next   {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40.485' height='40.485' viewBox='0 0 40.485 40.485'%3E%3Cpath id='Path_21' data-name='Path 21' d='M0,22.627H22.627V0' transform='translate(36.243 20.243) rotate(135)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='6'/%3E%3C/svg%3E%0A");
    width: 32px;
    height: 32px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0px;
    transform: rotate(180deg);
    margin-right: 16px;
}

#info-gallery .slider-control .slider-menu b {
    color: white;
    opacity:  0.5;
}

#info-gallery .slider-control .slider-menu b.active {
    background-color: none;
    color: white;
    opacity: 1;
}

/* Terminanfrage Page Styling Start */

#wrapper {
    /* overflow: hidden; */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
html, body  {
    height: 100%;
}

#termin .accordion {
    display: none;
}

#termin .inside { 
    max-width: 1640px;  
    margin: auto;
    padding: 0px 16px;
}

#termin .mod_article {
    display: flex;
    max-height: 75vh;
    margin: 16px auto;
    /* flex-wrap: wrap; */
}

#termin .ce_text {
    /* flex: 1 1 auto; */
    display: inline-flex;
    justify-content: center;
    flex-direction: column;
    background-color: #EEFCF2;
    padding:40px;
    border-radius: 8px;
    max-width: 40%;
    height: 75vh;
}

#termin .ce_text h2{
    font-size: 32px;
    font-weight: bold;
    color: #23AE49;
    margin-bottom: 32px;
    margin-top: 24px;
}

#termin .ce_text p{
    font-size: 16px;
    line-height: 24px;
    color: #021911;
    margin-bottom: 32px;
}

#termin .image_container {
    text-align: center;
}

/* Form Styling Section */

#termin .ce_form {
    /* flex: 1 1 auto; */
    padding:0px 80px;
    width: 70%;
    height: 75vh;
    overflow: scroll;
    overflow-x: hidden;
    position: relative;
}

#termin .ce_form input {
    padding: 8px 16px;
    border: 1px solid #9DD29C;
    border-radius: 8px;
    margin: 8px 0px;
}


#termin fieldset {
    border: none;
}

#termin  legend {
    font-size: 20px;
    font-weight: bold;
    color: #23AE49;
    padding-top: 48px;
    padding-bottom: 24px;
}

/* Art der Anfrage */

#termin .radio_container span {
    margin-right: 40px;
}

#termin .radio_container .radio {
    margin-right: 8px;
    width: 24px;
    height: 24px;
    vertical-align: middle; 
    appearance: auto;
}

/* Adress Info */

#termin .adressdaten {
    display: flex;
}

#termin .adressdaten input {
    width: 320px;
    margin-right: 32px;
}

/* Check in Check Out */

#termin .date {
    display: flex; 
}

#termin .date input {
    text-align: center;
    width: 260px;
    margin-right: 32px;
}

#termin .date .widget {
    display: inline-block;
}

/* Person Number */

#termin .person-nr {
    display: flex;
}

#termin .person-nr input{
    width: 120px;
    margin-right: 32px;
    margin-bottom: 16px;
}

#termin .widget-text label {
    font-size: 14px;
    margin-bottom: -4px;
    display: block;
    color: #021911;
}

/* Arrive with Styling */

#termin .vehicle .checkbox {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 12px;
}

#termin .checkbox_container span{
    margin-right: 40px;
}

#termin .extra-car {
    display: flex;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 16px;
}

#termin .extra-car label {
  color: #23AE49;
  margin-right: 40px;
  font-size: 16px;
}

#termin .extra-car .radio_container {
    display: contents;
}

#termin .extra-car span {
    vertical-align: middle;
}

#termin .extra-car legend {
    font-size: 16px;
    font-weight: 400;
    /* display: inline-block; */
    padding: 0px !important;
    margin: 16px 0px;
    margin-right: 40px;
    vertical-align: middle;
}

#termin .car_size {
    display: flex;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 16px;
}

#termin .car_size label{
    color: #23AE49;
    margin-right: 40px;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 0;
}

#termin .erw,
#termin .kind{
	display: flex;
}
#termin .fieldset_spalten {
	display: flex;
	gap: 25px;
}


/* Komment and data protection  */

#termin textarea {
    width: 672px;
    height: 160px;
    border-radius: 8px;
    border-color: #9DD29C;
    padding: 8px 16px;
}

#termin .data-protection legend {
    padding: 0px !important;
    margin-top: 16px;
    font-weight: 500;
    font-size: 16px;
}

#termin .data-protection .checkbox {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin: 12px;
}

#termin .submit {
    padding:16px 40px;
    border-radius: 8px;
    background-color: #23AE49;
    color: white;
    margin-top: 40px;
    border: none;
    outline: none;
    font-size: 20px;
}

#termin .submit:hover {
    background-color: #008651;
}

/* scrollbar Style Start */

#termin .ce_form::-webkit-scrollbar {
    width: 8px;
    /* background-color: #EEFCF2; */
}


#termin .ce_form::-webkit-scrollbar-track {
    background-color: #EEFCF2;
    border-radius: 4px;
}

#termin .ce_form::-webkit-scrollbar-thumb {
    /* box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */
    background-color: #23AE49;
    border-radius: 4px;
}

  /* Scrollbar Style end */

/* Kontakt Page Styling */

#kontakt .inside {
    max-width: 1640px;
    margin: auto;
    /* padding: 16x 16px;   */
    margin-bottom: 40px;
}

#kontakt .mod_article {
    display: flex;
    /* max-height: 90vh; */
    /* justify-content: space-between; */
    color: #021911;
    padding: 16px;
}

#kontakt .ce_sliderStart {
    margin-right: 16px;
    width: 40%;
    /* padding: 16px; */
}



#contact-info {
    background-color: #EEFCF2;
    padding:0px 40px;
    padding-top: 24px;
    padding-bottom: 24px;
    border-radius: 8px;
}

#contact-info .toggler {
    font-size: 24px;
    font-weight: bold;
    color: #23AE49;
    margin-bottom: 24px;
}

#contact-info .ce_text h4 {
    font-size: 16px;
    font-weight: 600;
}

#open-hours {
    display: flex;
    padding: 12px 0px;
    align-items: center;
}

#open-hours h5 {
    font-size: 16px;
    font-weight: 400;
    margin-right: 24px;
}

#open-hours p {
    font-size: 20px;
    font-weight:600;
    color: #23AE49;
}

#contact h2 {
    font-size: 24px;
    font-weight: bold;
    color: #23AE49;
    margin-bottom: 8px;
}

#contact p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 24px;
}

#contact-info .icon-box {
    display: flex;
    padding: 8px 0px;
}

#contact-info .icon-box figure{
    margin-right:16px;
}

#contact-info .slider-control{
    display: none;
}

#coordinate {
    background-color: #EBF9FF ;
    /* padding:40px; */
    border-radius: 8px;
    margin-top: 16px;
    position: relative;
}

#coordinate figure {
    position: absolute;
    top: 40px;
    right: 40px;
}

#coordinate .ce_text {
    margin: 24px 40px;
}

#coordinate h2 {
    font-size: 24px;
    font-weight: bold;
    color: #0099D8;
    margin-bottom: 24px;
    max-width: 20ch;
}

#coordinate p {
    color: #021911;
}
iframe{
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
#iframe-google-maps {
    width: 60%;
    height:auto;
    border-radius: 8px;
}

/* #map  {
    border-radius: 8px;
    background-image: url("../../files/Styling/Default Theme/files/Icons/Adress-icon.svg");
}

#map figure{
    height: 100%;
}

#map img {
    width: auto;
    height: 100%;
    object-fit: cover;
} */

/* Prices PAge Styling */

#prices .inside {
    max-width: 1640px;
    margin: auto;
    padding:  16px;  
}

#prices .mod_article {
    display: flex;
    justify-content: space-between;
    
}

#box1 {
    width: 50%;
    background-color: #EEFCF2;
    padding: 80px 69px;
    border-radius: 8px;
    margin-right: 16px;
}

#box1 .ce_text {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* margin: 16px auto; */
    border-bottom: 1px solid #23ae4859;
}

#box1 h2 {
    font-size: 32px;
    font-weight: 600;
    color: #23AE49;
    margin-bottom: 32px;
}

#box1 .ce_text h4 {
    padding: 8px;
    font-size: 16px;
    font-weight: 400;
    max-width: 45ch;
    color: #021911;
}

#box1 .ce_text p {
    font-size: 16px;
    font-weight: 600;
    color: #23AE49;
}


#box2 {
    max-width: 50%;
    background-color: #EBF9FF;
    border-radius: 8px;
    padding: 80px ;
}

#box2 h2 {
    font-size: 32px;
    font-weight: 600;
    color: #0099D8;
    margin-bottom: 32px;
}

#box2 .ce_text {
    max-width: 100ch;
    margin-bottom: 32px;
    color: #021911;
}

#box2 .ce_text ul{
    padding-left: 20px;
    display: flex;
}

#box2 li::marker {
    color:#0099D8 ;
}

#box2 li {
    margin-right: 40px;
}


/* Covid Info Page Styling */


#covid .inside {
    max-width: 1088px;
    margin: auto;
    padding: 16px;
}

#covid .mod_article {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#covid .ce_image {
    margin-bottom: 32px;
}

#covid .ce_text h2 {
    font-size: 32px;
    font-weight: 600;
    color: #0099D8;
    margin-bottom: 24px;
}

#covid .ce_text p {
    column-count: 2;
    column-gap: 40px;
    font-size: 16px;
    margin-bottom: 40px;
    /* max-width: 55ch; */
}

/* Datenschutz Page Styling */

#daten .inside {
    max-width: 1088px;
    margin: auto;
    padding: 16px;
}

#datenschutz {
    background-color: #EBF9FF;
    border-radius: 8px;
    padding: 48px 120px;
}

#datenschutz h1 {
    color: #0099D8;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 24px;
    margin-top: 24px;
}

#datenschutz .ce_text {
    margin-bottom: 40px;
}

#datenschutz .ce_text h2{
    font-size: 24px;
    font-weight: 600;
    color: #0099D8;
    margin-bottom: 24px;
    margin-top: 24px;
}

#datenschutz h3{
  margin-bottom: 0.75rem;
}

#datenschutz h4{
  margin-bottom: 0.5rem;
}

#datenschutz p{
  margin-bottom: 0.5rem;
}

/* Impressum Page Styling */

#impressum {
    background-color: #EEFCF2;
    border-radius: 8px;
    padding: 48px 120px;
}

#impressum .ce_text h1 {
    color: #23AE49;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 24px;
    margin-top: 24px;
}

#impressum .ce_text {
    margin-bottom: 40px;
}

#impressum .ce_text h2{
  font-size: 24px;
  font-weight: 600;
  color: #23AE49;
  margin-bottom: 24px;
  margin-top: 24px;
}

#impressum h3{
  margin-bottom: 0.75rem;
}

#impressum h4{
  margin-bottom: 0.5rem;
}

#impressum p{
  margin-bottom: 0.5rem;
}

/* Platzplan page Styling */

#platzplan .inside {
    max-width: 1640px;
    margin: auto;
    padding: 16px;
}

#platzplan .mod_article {
    display: flex;
    flex-direction: row;
    height: 100%;
}

#platzplan img {
    width: 100%;
    height: auto; 
    
}

#legend {
    /* background-color: #EEFCF2; */
    padding: 24px 80px;
}

#legend .toggler {
    color: #23AE49;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 32px;
}

#legend img {
    min-width: 24px;
    min-height: 24px;
    max-width: 24px;
    max-height: 24px;
    margin-right: 16px;
}

#legend .ce_text {
    display: flex;
    margin: 8px 0px;
}

#legend .ce_text p {
    font-size: 16px;
}

#legend .legend-block1 {
    margin-bottom: 24px;
}

#legend .legend-block1 .toggler{
    display: none;
}

/* Media query  */

/* Laptop */

@media screen and (max-width: 1439px) and (min-width: 1024px) {
    
    #hero-two .ce_text {
        max-width: 50%;
    }        
    
    #hero-two .mod_article {
        flex-direction: row !important;
    }

    #info-gallery img {
        /* width: 105%; */
        /* max-width: none; */
        /* height: auto; */
        
    }

    #hero-two .ce_text {
        margin-right: 16px;
    }

    /* Terminanfrage */

    #termin .mod_article {
        flex-direction: column;
        max-height: fit-content;
        align-items: center;
    }

    #termin .ce_text.primary {
        display: none;
        height: fit-content;
        padding: 24px 40px;
        max-width: 100%;
    }

    #termin2 {
        width: fit-content;
    }

    #termin2 .accordion {
        display:flex;
        flex-direction: row;
        background-color: #EEFCF2;
        padding: 32px;
        width: 100%;
    }

    #termin2 .ce_text {
        display: inline-block;
        height: fit-content;
        padding: 0;
        margin-right: 80px;
    }

    #termin2 .ce_image {
        display: inline-block;
    }

    #termin .ce_form {
        overflow: visible;
        height: fit-content;
        width: fit-content;
        margin-bottom: 40px;
    }
    
    /* Kontakt page */
    
    #kontakt .mod_article {
        flex-direction: column;
    }

    #kontakt .content-slider {
        display: flex;
        margin-bottom: 16px;
    }

    #kontakt .contact-info {
        width: -webkit-fill-available;
        margin-right: 16px;
        max-width: 100%;
    }

    #kontakt .ce_sliderStart {
        margin-right: 0px;
        width: 100%;
        /* padding: 16px; */
    }

    #coordinate {
        margin-top: 0px;
        width:  -webkit-fill-available;
        margin-left: 16px;
    }


    #iframe-google-maps {
        width: 100%;
        height: 480px;
        border-radius: 8px;
    }

    /* Footer */

    #footer .inside {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        max-width: 1640px;
        margin: auto;
        padding: 16px 16px;  
    }

    #footer .ce_list {
        margin: 16px 0px;
    }

    #footer .ce_text {
        justify-content: left;
    }

    /* Prices */

    #prices .ce_accordionStart {
        padding: 24px;
    }

    #box1 {
        width: 58%;
    }

    #box2 {
        width: 42%;
    }

}

/* Tablet */

@media screen  and (max-width:1023px) and (min-width: 768px)   {
    #header .level_1 li:hover{
        background-color: white;
    }
    #header .active.submenu.first{
        background-color: white !important;
        
    }
    #header .active.submenu.first strong{
         background-color: #23AE49 !important;    
         padding: 12px 16px;
         margin-bottom: 12px;
    }
    
    #header .level_2 {
        padding-top: 16px;
    }
    /* Homapge Start */

    #ilustration-btn .btn-stucture{
        margin-right: 24px;
    }

    #hero .mod_article {
        padding: 40px 40px 24px 40px;
    }
    
    #hero .ce_text p{
        font-size: 40px;
        margin-bottom: 24px;
    }

    #ilustration-btn .btn-stucture {
        padding: 16px;
    }

    /* Homepage End */

    /* Platzplan styling */

    #platzplan .mod_article {
        flex-direction: column;
    }

    /* Campingplace Start */

    #hero-two .mod_article {
        flex-direction: column-reverse;
    }

    #hero-two .ce_text {
        max-width: 100% ;
        padding: 24px 32px;
        /* margin-right: 0; */
    }

    #hero-two .ce_image {
        flex-wrap: wrap;
        flex: 1 1 auto;
        border-radius: 8px;
        width: 100%;
    }

    #hero-two img {
        width: 100%;
        /* height: auto; */
        object-fit: cover;
        border-radius: 8px;
        margin-bottom: 8px;
    }

    /* Info gallery  */

    :nth-child(even)

    #info-gallery .mod_article {
        flex-direction: column;
    }

    #info-gallery .mod_article:nth-child(even) {
        flex-direction: column-reverse;
    }

    #info-gallery .ce_text {
        max-width: 100%;
        height: auto;
        margin-bottom: 16px;
        min-height: auto;
    }

    #info-gallery .ce_text p{
        margin-bottom: 0;
    }

    #info-gallery .ce_sliderStart {
        height: fit-content;
        max-width:100%;
    }

    #info-gallery .content-slider {
        border-radius: 8px;
    }

    #info-gallery figure {
        width: 100%;
        height: 400px;
    }


    #info-gallery img {
        /* width: 72%; */
        /* height: auto; */
        object-fit: cover;
    }

    #info-gallery .slider-control .slider-menu { 
        position: absolute;
        top: 160px;
    }
   
    /* Terminanfrage */

    #termin .mod_article {
        flex-direction: column;
        max-height: fit-content;
        align-items: center;
    }

    #termin .ce_text.primary {
        display: none;
        height: fit-content;
        padding: 24px 40px;
        max-width: 100%;
    }

    #termin2 {
        width: fit-content;
    }

    #termin2 .accordion {
        display:flex;
        flex-direction: row;
        background-color: #EEFCF2;
        padding: 32px;
        width: 100%;
    }

    #termin2 .ce_text {
        display: inline-block;
        height: fit-content;
        padding: 0;
        /* margin-right: 40px; */
    }

    #termin2 .ce_image {
        display: inline-block;
    }

    #termin .ce_form {
        overflow: visible;
        height: fit-content;
        width: fit-content;
        margin-bottom: 40px;
    }

    /* Kontakt page */
    
    #kontakt .mod_article {
        flex-direction: column;
    }

    #kontakt .content-slider {
        display: flex;
        margin-bottom: 16px;
        width: 100%;
    }

    #kontakt .contact-info {
        width: fit-content !important;
        margin-right: 16px;
    }

    #kontakt .ce_sliderStart {
        margin-right: 0px;
        width: 100% ;
        /* padding: 16px; */
    }
    #iframe-google-maps {
        width: 100%;
        height:480px;
        border-radius: 8px;
    }

    #coordinate {
        margin-top: 0px;
        width: -webkit-fill-available;
    }


    /* Covid info */

    #covid .ce_text p {
        column-count: 1;
        column-gap: 40px;
        font-size: 16px;
        margin-bottom: 40px;
        max-width: 60ch;  
    }

    /* Footer */

    #footer .inside {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        max-width: 1640px;
        margin: auto;
        padding: 16px 16px;  
    }

    #footer .ce_list {
        margin: 16px 0px;
    }

    #footer .ce_text {
        justify-content: left;
    }

    #footer ul {
        display: inline-block;
        flex-direction: column;
        columns: 3;
        
    }

    #footer ul li{
        margin: 8px 4px;
        display: inline-block;
        width: fit-content;
    }

    #footer ul li:nth-child(even)  {
        display: none;
        color: #F9C20A;
    }

    /* Header */

    #header button {
        display: inline-block;
    }

    #header .mod_navigation {
        display: none;
    }

    #header .mod_changelanguage {
        display: none;
    }

    #header .mod_navigation.open {
        display: block;
        background-color:white;
        border-radius: 0px 0px 8px 8px;
        box-shadow: 0px 12px 12px rgba(0, 0, 0, 0.32);
        position: absolute;
        top: 88px;
        z-index: 1;
        width: 100%;
        text-align: center;
        margin-left: -16px;
        padding: 24px;
        padding-bottom: 80px;
    }

    #header .mod_navigation.open ul {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: auto;
    }

    #header .mod_navigation.open li {
        display: inline-block;
        margin: auto;
    }

    #header .level_1 li:hover {
        background-color: #CDF5D8;
        border-radius: 8px;
    }

    /* Menu Level 2 */

    #header .level_2 {
        background-color: none;
        box-shadow: 0px 4px 12px rgba(0, 0, 0, 0);
        border-radius: 8px;
        position: inherit;
        overflow: hidden;
    }

    #header .level_2 li {
        display: block;
        margin:0px 0px; 
    }

    #header .submenu:hover .level_2 li{
        display: block;
        border-radius: 0px;
    }

    #header  .open .trail {
        background-color: white !important;
        color: #021911;
       
    }

    /* language */

    #header .mod_changelanguage.open {
        display: flex;
        position: absolute;
        text-align: center;
        top: 575px;
        left: 35%;
        z-index: 1;
    }

    #language-switch .level_1 li {
        margin: 0px 24px ;
    }
  

        /* Prices */

        #prices .mod_article {
            flex-direction: column;
        }

        #prices .ce_accordionStart {
            padding: 24px;
        }
    
        #box1 {
            width: 100%;
        }

        #box2 {
           max-width: 100%;
        }

        #box1 {
            margin-bottom: 16px;
        }



}

@media screen  and (max-width: 880px) and (min-width: 320px) {
  #hero .btn-container {
    margin-top: 48px;
    text-align: left;
    position: relative;
    top: 0;
    left: 0;
    right: auto;
}

#ilustration-btn .btn-container > a {
  display: inline-block;
  width: auto;
}

#hero .btn-stucture {
    display: flex;
    align-items: center;
    padding: 0;
    margin-right: 0;
    padding: 10px;
}

#ilustration-btn .btn-stucture h3{
    font-size: 18px;
    font-weight: 500;
 }
}


/* Mobile Vertical */

@media screen  and (max-width: 767px) and (min-width: 320px) {

        /* Covid info */

        #covid .ce_text p {
            column-count: 1;
            column-gap: 40px;
            font-size: 16px;
            margin-bottom: 40px;
            /* max-width: 60ch;   */
            hyphens: auto;
        }
         #covid .ce_image {
             
         }

    #header .level_1 li:hover{
        background-color: white;
    }
    #header .active.submenu.first{
        background-color: white !important;
        
    }
    #header .active.submenu.first strong{
         background-color: #23AE49 !important;    
         padding: 12px 16px;
         margin-bottom: 12px;
    }

    #header .level_2 {
        padding-top: 16px;
    }

    #ilustration-btn .btn-stucture{
        margin-right: 24px;
    }

    #hero .mod_article {
        padding: 24px;
        min-height: 830px;
    }
    
    #hero .ce_text p{
        font-size: 32px;
    }

    #hero .btn a{
        font-size: 18px;
   }

   #hero .info-btn a{
        font-size: 18px;
   }

   #hero .info-btn .btn-icon {
        vertical-align: middle;
        display: inline-block;
        background-image: url("/files/Icons/btn-icon-info.svg");
        width: 36px;
        height: 32px;
        margin-right: 16px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    #hero .btn .btn-icon {
        vertical-align: middle;
        display: inline-block;
        background-image: url("/files/Icons/btn-icon-arrow.svg");
        width: 40px;
        height: 32px;
        margin-right: 16px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    #hero .btn-container {
        margin-top: 48px;
        text-align: left;
        position: relative;
        top: 0;
        left: 0;
        right: auto;
    }

    #ilustration-btn .btn-container > a {
      display: inline-block;
      width: auto;
  }

    #hero .btn-stucture {
        display: flex;
        align-items: center;
        padding: 0;
        margin-right: 0;
        padding: 10px;
    }

    #ilustration-btn .btn-stucture h3{
        font-size: 18px;
        font-weight: 500;
     }

    #ilustration-btn .btn-stucture .illustration-one {
        width: 80px;
        height: 48px;
        margin: 16px 24px 16px 0px;
    }

    #ilustration-btn .btn-stucture .illustration-two {
        width: 80px;
        height: 48px;
        margin: 16px 24px 16px 0px;
    }

    #ilustration-btn .btn-stucture .illustration-three {
        width: 80px;
        height: 48px;
        margin: 16px 24px 16px 0px ;
    }

  /* Prices */

  #prices .mod_article {
     flex-direction: column;
        }

        #prices .ce_accordionStart {
            padding: 16px;
        }
    
        #box1 {
            width: 100%;
        }

        #box2 {
            max-width: 100%;
        }

        #box1 {
            margin-bottom: 16px;
        }   
        
        
    /* camping place */

    /* Platzplan  */

    #platzplan .mod_article {
        display: flex;
        flex-direction: column;
    }

    #legend {
        padding: 16px;
    }

    /* Hero */

    #hero-two .mod_article {
        flex-direction: column-reverse;
    }

    #hero-two .ce_text {
        max-width: 100% ;
        padding: 24px 32px;
        margin-right: 0;
        
    }

    #hero-two .ce_text h2{
        font-size: 24px;
        margin-bottom: 24px;
        line-height: 32px;
    }

    #hero-two .ce_image {
        flex-wrap: wrap;
        flex: 1 1 auto;
        border-radius: 8px;
        width: 100%;
    }

    #hero-two img {
        width: 100%;
        height: auto;
        object-fit: cover;
        border-radius: 8px;
        margin-bottom: 8px;
    }
    
    /* Rules */

    #rules .ce_text h3 {
        font-size: 20px;
        
    }

    #rules .ce_list {
        column-count: 1;
    }

    /* Info gallery */

    #info-gallery .mod_article {
        flex-direction: column;
    }

    #info-gallery .mod_article:nth-child(even) {
        flex-direction: column-reverse;
    }

    #info-gallery .ce_text {
        max-width: 100%;
        height: auto;
        margin-bottom: 16px;
    }

    #info-gallery .ce_text h2{
        font-size: 24px;
    }

    #info-gallery .ce_sliderStart {
        height: fit-content;
        max-width:100%;
    }

    #info-gallery .content-slider {
        border-radius: 8px;
    }

    #info-gallery figure {
        width: 100%;
        height: 280px;
    }


    #info-gallery img {
        /* width: 39%; */
        /* height: auto; */
        object-fit: cover;
    }

    #info-gallery .slider-control .slider-menu { 
        position: absolute;
        top: 104px;
    }

    /* Terminanfrage */

    #termin .mod_article {
        flex-direction: column;
        max-height: fit-content;
        align-items: center;
    }

    #termin .ce_text.primary {
        display: none;
        height: fit-content;
        padding: 24px 40px;
        max-width: 100%;
    }

    #termin2 {
        width: 100%;
    }

    #termin2 .accordion {
        display:flex;
        flex-direction: column;
        background-color: #EEFCF2;
        padding: 24px;
        width: 100%;
    }

    #termin2 .ce_text {
        display: inline-block;
        height: fit-content;
        padding: 0;
        max-width: fit-content;
        /* margin-right: 40px; */
    }

    #termin2 .ce_image {
        display: none;
        height: 60%;
    }

    #termin .ce_form {
        overflow: visible;
        height: fit-content;
        width: 100%;
        padding: 0px;
        margin-bottom: 40px;
    }

    #termin  legend{
        padding-top: 32px;
    }

    #termin .fieldset_spalten {
        flex-direction: column;
        padding: 0px 16px;
        gap: 0;
        margin-bottom: 10px;
    }

    /* Art der Anfrage */

    #termin .radio_container  {
        display: flex;
        flex-direction: column;
        padding: 0px 16px;
    }

    /* Adress Info */

    #termin .adressdaten {
        display: flex;
        flex-direction: column;
        padding: 0px 16px;
    }

    #termin .adressdaten input {
        width: 100%;
    }

    /* Check in Check Out */

    #termin .date {
        display: flex; 
        flex-direction: column;
        padding: 0px 16px;
    }

    #termin .date input {
         margin-bottom: 16px;
    }

    /* Person Number */

    #termin .person-nr {
        display: flex;
        /* flex-direction: column; */
        padding: 0px 16px;
    }

    #termin .person-nr input{
        width: 100px;
        margin-right: 32px;
        margin-bottom: 16px;
    }

    /* Arrive with Styling */

    #termin .vehicle  {
        padding: 0px 16px;
    }

    #termin .vehicle .checkbox {
        width: 20px;
        height: 20px;
        vertical-align: middle;
        margin-right: 12px;
        display: inline-block;
    }

    #ctrl_18 {
        display: flex;
        flex-direction: column;
    }

   
    /* Komment and data protection  */

    #termin textarea {
        width: 100%;
        height: 160px;
        border-radius: 8px;
        border-color: #9DD29C;
        padding: 8px 16px;
    }

    #termin .data-protection legend {
        padding: 0px !important;
        margin-top: 16px;
        font-weight: 500;
        font-size: 16px;
    }

    #termin .data-protection .checkbox {
        width: 20px;
        height: 20px;
        vertical-align: middle;
        margin: 12px;
    }
   
    /* Kontakt page */
    
    #kontakt .mod_article {
        flex-direction: column;
    }

    #kontakt .content-slider {
        display: flex;
        flex-direction: column;
        margin-bottom: 16px;
        
    }

    #kontakt .contact-info {
        width: 100% ; 
        margin-bottom: 16px;
    }

    #kontakt .ce_sliderStart {
        margin-right: 0px;
        width: 100%;
        /* padding: 16px; */
    }

    #coordinate {
        margin-top: 0px;
        width: 100%;
    }

    #iframe-google-maps {
        width: 100%;
        height:320px;
        border-radius: 8px;
    }

    /* Footer */

    #footer .inside {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        max-width: 1640px;
        margin: auto;
        padding: 16px 16px;  
    }

    #footer .ce_list {
        margin: 16px 0px;
    }

    #footer ul {
        flex-direction: column;
    }

    #footer ul li{
        margin: 8px 0px;
    }

    #footer ul li:nth-child(even)  {
        display: none;
        color: #F9C20A;
    }

    #footer .ce_text {
        justify-content: left;
    }
    
    /* Header */

    #header button {
        display: inline-block;
    }

    #header .mod_navigation {
        display: none;
    }

    #header .mod_changelanguage {
        display: none;
    }

    #header .mod_navigation.open {
        display: block;
        background-color:white;
        border-radius: 0px 0px 8px 8px;
        box-shadow: 0px 12px 12px rgba(0, 0, 0, 0.32);
        position: absolute;
        top: 88px;
        z-index: 1;
        width: 100%;
        text-align: center;
        margin-left: -16px;
        padding: 24px;
        padding-bottom: 80px;
    }

    #header .mod_navigation.open ul {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: auto;
    }

    #header .mod_navigation.open li {
        display: inline-block;
        margin: auto;
    }

    /* Menu Level 2 */

    #header .level_2 {
        background-color: none;
        box-shadow: 0px 4px 12px rgba(0, 0, 0, 0);
        border-radius: 8px;
        position: inherit;
        overflow: hidden;
    }

    #header .level_2 li {
        display: block;
        margin:0px 0px; 
    }

    #header .submenu:hover .level_2 li{
        display: block;
        border-radius: 0px;
    }

    /* language */

    #header .mod_changelanguage.open {
        display: flex;
        position: absolute;
        text-align: center;
        top: 575px;
        left: 22.5%;
        z-index: 1;
    }

    #language-switch .level_1 li {
        margin: 0px 24px ;
    }

    /* Impressum  */

    #impressum {
        padding: 24px 24px;
    }

    #impressum .ce_text h1 {
        font-size: 24px;
    }

    /* data protection */

    #datenschutz {
        padding: 24px;
    }

    #datenschutz h1{
        font-size: 24px;
    }
    #datenschutz .ce_text h2{
        font-size: 20px;
    }

}

.error-page #hero-two .mod_article {
  justify-content: center;
}

.error-page #hero-two .mod_article a{
  color: #fff;
}

@media screen  and (max-width: 450px) {
  #termin .person-nr,
  #termin .car_size {
    flex-direction: column;
    align-items: flex-start;
  }
}
.hamburger {
  position: absolute;
  right: 15px;
  font: inherit;
  display: inline-block;
  overflow: visible;
  margin: 0;
  padding: 0;
  cursor: pointer;
  transition-timing-function: linear;
  transition-duration: .15s;
  transition-property: opacity, filter;
  text-transform: none;
  color: inherit;
  border: 0;
  background-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.hamburger *{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.hamburger.is-active:hover,
.hamburger:hover {
  opacity: .7
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
  background-color: #1A1A1A
}

.hamburger-box {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 24px;
  margin-top: 5px;
}

.hamburger-inner {
  top: 50%;
  display: block;
  margin-top: -2px
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
  position: absolute;
  width: 32px;
  height: 4px;
  transition-timing-function: ease;
  transition-duration: .15s;
  transition-property: transform;
  border-radius: 4px;
  background-color: #1A1A1A
}

.hamburger-inner:after,
.hamburger-inner:before {
  display: block;
  content: ""
}

.hamburger-inner:before {
  top: -10px
}

.hamburger-inner:after {
  bottom: -10px
}

.hamburger--3dx .hamburger-box {
  perspective: 80px
}

.hamburger--3dx .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dx .hamburger-inner:after,
.hamburger--3dx .hamburger-inner:before {
  transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dx.is-active .hamburger-inner {
  transform: rotateY(180deg);
  background-color: transparent !important
}

.hamburger--3dx.is-active .hamburger-inner:before {
  transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dx.is-active .hamburger-inner:after {
  transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dx-r .hamburger-box {
  perspective: 80px
}

.hamburger--3dx-r .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dx-r .hamburger-inner:after,
.hamburger--3dx-r .hamburger-inner:before {
  transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dx-r.is-active .hamburger-inner {
  transform: rotateY(-180deg);
  background-color: transparent !important
}

.hamburger--3dx-r.is-active .hamburger-inner:before {
  transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dx-r.is-active .hamburger-inner:after {
  transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dy .hamburger-box {
  perspective: 80px
}

.hamburger--3dy .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy .hamburger-inner:after,
.hamburger--3dy .hamburger-inner:before {
  transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy.is-active .hamburger-inner {
  transform: rotateX(-180deg);
  background-color: transparent !important
}

.hamburger--3dy.is-active .hamburger-inner:before {
  transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dy.is-active .hamburger-inner:after {
  transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dy-r .hamburger-box {
  perspective: 80px
}

.hamburger--3dy-r .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy-r .hamburger-inner:after,
.hamburger--3dy-r .hamburger-inner:before {
  transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy-r.is-active .hamburger-inner {
  transform: rotateX(180deg);
  background-color: transparent !important
}

.hamburger--3dy-r.is-active .hamburger-inner:before {
  transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dy-r.is-active .hamburger-inner:after {
  transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dxy .hamburger-box {
  perspective: 80px
}

.hamburger--3dxy .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dxy .hamburger-inner:after,
.hamburger--3dxy .hamburger-inner:before {
  transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dxy.is-active .hamburger-inner {
  transform: rotateX(180deg) rotateY(180deg);
  background-color: transparent !important
}

.hamburger--3dxy.is-active .hamburger-inner:before {
  transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dxy.is-active .hamburger-inner:after {
  transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dxy-r .hamburger-box {
  perspective: 80px
}

.hamburger--3dxy-r .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dxy-r .hamburger-inner:after,
.hamburger--3dxy-r .hamburger-inner:before {
  transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dxy-r.is-active .hamburger-inner {
  transform: rotateX(180deg) rotateY(180deg) rotate(-180deg);
  background-color: transparent !important
}

.hamburger--3dxy-r.is-active .hamburger-inner:before {
  transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dxy-r.is-active .hamburger-inner:after {
  transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--arrow.is-active .hamburger-inner:before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrow.is-active .hamburger-inner:after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowalt .hamburger-inner:before {
  transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt .hamburger-inner:after {
  transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt.is-active .hamburger-inner:before {
  top: 0;
  transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
  transform: translate3d(-8px, -10px, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowalt.is-active .hamburger-inner:after {
  bottom: 0;
  transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
  transform: translate3d(-8px, 10px, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrowalt-r .hamburger-inner:before {
  transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r .hamburger-inner:after {
  transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r.is-active .hamburger-inner:before {
  top: 0;
  transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
  transform: translate3d(8px, -10px, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrowalt-r.is-active .hamburger-inner:after {
  bottom: 0;
  transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
  transform: translate3d(8px, 10px, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg)
}

.hamburger--arrowturn.is-active .hamburger-inner:before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrowturn.is-active .hamburger-inner:after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg)
}

.hamburger--arrowturn-r.is-active .hamburger-inner:before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowturn-r.is-active .hamburger-inner:after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner:after,
.hamburger--boring .hamburger-inner:before {
  transition-property: none
}

.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg)
}

.hamburger--boring.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0
}

.hamburger--boring.is-active .hamburger-inner:after {
  bottom: 0;
  transform: rotate(-90deg)
}

.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-delay: .13s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
  transition-duration: .13s
}

.hamburger--collapse .hamburger-inner:after {
  top: -20px;
  transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear
}

.hamburger--collapse .hamburger-inner:before {
  transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse.is-active .hamburger-inner {
  transition-delay: .22s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--collapse.is-active .hamburger-inner:after {
  top: 0;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s;
  opacity: 0
}

.hamburger--collapse.is-active .hamburger-inner:before {
  top: 0;
  transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
  transform: rotate(-90deg)
}

.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-delay: .13s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
  transition-duration: .13s
}

.hamburger--collapse-r .hamburger-inner:after {
  top: -20px;
  transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear
}

.hamburger--collapse-r .hamburger-inner:before {
  transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse-r.is-active .hamburger-inner {
  transition-delay: .22s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transform: translate3d(0, -10px, 0) rotate(45deg)
}

.hamburger--collapse-r.is-active .hamburger-inner:after {
  top: 0;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s;
  opacity: 0
}

.hamburger--collapse-r.is-active .hamburger-inner:before {
  top: 0;
  transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
  transform: rotate(90deg)
}

.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  transition-duration: .275s
}

.hamburger--elastic .hamburger-inner:before {
  top: 10px;
  transition: opacity .125s ease .275s
}

.hamburger--elastic .hamburger-inner:after {
  top: 20px;
  transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic.is-active .hamburger-inner {
  transition-delay: 75ms;
  transform: translate3d(0, 10px, 0) rotate(135deg)
}

.hamburger--elastic.is-active .hamburger-inner:before {
  transition-delay: 0s;
  opacity: 0
}

.hamburger--elastic.is-active .hamburger-inner:after {
  transition-delay: 75ms;
  transform: translate3d(0, -20px, 0) rotate(-270deg)
}

.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  transition-duration: .275s
}

.hamburger--elastic-r .hamburger-inner:before {
  top: 10px;
  transition: opacity .125s ease .275s
}

.hamburger--elastic-r .hamburger-inner:after {
  top: 20px;
  transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic-r.is-active .hamburger-inner {
  transition-delay: 75ms;
  transform: translate3d(0, 10px, 0) rotate(-135deg)
}

.hamburger--elastic-r.is-active .hamburger-inner:before {
  transition-delay: 0s;
  opacity: 0
}

.hamburger--elastic-r.is-active .hamburger-inner:after {
  transition-delay: 75ms;
  transform: translate3d(0, -20px, 0) rotate(270deg)
}

.hamburger--emphatic {
  overflow: hidden
}

.hamburger--emphatic .hamburger-inner {
  transition: background-color .125s ease-in .175s
}

.hamburger--emphatic .hamburger-inner:before {
  left: 0;
  transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, left .125s ease-in .175s
}

.hamburger--emphatic .hamburger-inner:after {
  top: 10px;
  right: 0;
  transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, right .125s ease-in .175s
}

.hamburger--emphatic.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important
}

.hamburger--emphatic.is-active .hamburger-inner:before {
  top: -80px;
  left: -80px;
  transition: left .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
  transform: translate3d(80px, 80px, 0) rotate(45deg)
}

.hamburger--emphatic.is-active .hamburger-inner:after {
  top: -80px;
  right: -80px;
  transition: right .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
  transform: translate3d(-80px, 80px, 0) rotate(-45deg)
}

.hamburger--emphatic-r {
  overflow: hidden
}

.hamburger--emphatic-r .hamburger-inner {
  transition: background-color .125s ease-in .175s
}

.hamburger--emphatic-r .hamburger-inner:before {
  left: 0;
  transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, left .125s ease-in .175s
}

.hamburger--emphatic-r .hamburger-inner:after {
  top: 10px;
  right: 0;
  transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, right .125s ease-in .175s
}

.hamburger--emphatic-r.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important
}

.hamburger--emphatic-r.is-active .hamburger-inner:before {
  top: 80px;
  left: -80px;
  transition: left .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
  transform: translate3d(80px, -80px, 0) rotate(-45deg)
}

.hamburger--emphatic-r.is-active .hamburger-inner:after {
  top: 80px;
  right: -80px;
  transition: right .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
  transform: translate3d(-80px, -80px, 0) rotate(45deg)
}

.hamburger--minus .hamburger-inner:after,
.hamburger--minus .hamburger-inner:before {
  transition: bottom .08s ease-out 0s, top .08s ease-out 0s, opacity 0s linear
}

.hamburger--minus.is-active .hamburger-inner:after,
.hamburger--minus.is-active .hamburger-inner:before {
  transition: bottom .08s ease-out, top .08s ease-out, opacity 0s linear .08s;
  opacity: 0
}

.hamburger--minus.is-active .hamburger-inner:before {
  top: 0
}

.hamburger--minus.is-active .hamburger-inner:after {
  bottom: 0
}

.hamburger--slider .hamburger-inner {
  top: 2px
}

.hamburger--slider .hamburger-inner:before {
  top: 10px;
  transition-timing-function: ease;
  transition-duration: .15s;
  transition-property: transform, opacity
}

.hamburger--slider .hamburger-inner:after {
  top: 20px
}

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--slider.is-active .hamburger-inner:before {
  transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0
}

.hamburger--slider.is-active .hamburger-inner:after {
  transform: translate3d(0, -20px, 0) rotate(-90deg)
}

.hamburger--slider-r .hamburger-inner {
  top: 2px
}

.hamburger--slider-r .hamburger-inner:before {
  top: 10px;
  transition-timing-function: ease;
  transition-duration: .15s;
  transition-property: transform, opacity
}

.hamburger--slider-r .hamburger-inner:after {
  top: 20px
}

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-45deg)
}

.hamburger--slider-r.is-active .hamburger-inner:before {
  transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
  opacity: 0
}

.hamburger--slider-r.is-active .hamburger-inner:after {
  transform: translate3d(0, -20px, 0) rotate(90deg)
}

.hamburger--spin .hamburger-inner {
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
  transition-duration: .22s
}

.hamburger--spin .hamburger-inner:before {
  transition: top .1s ease-in .25s, opacity .1s ease-in
}

.hamburger--spin .hamburger-inner:after {
  transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin.is-active .hamburger-inner {
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transform: rotate(225deg)
}

.hamburger--spin.is-active .hamburger-inner:before {
  top: 0;
  transition: top .1s ease-out, opacity .1s ease-out .12s;
  opacity: 0
}

.hamburger--spin.is-active .hamburger-inner:after {
  bottom: 0;
  transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
  transform: rotate(-90deg)
}

.hamburger--spin-r .hamburger-inner {
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
  transition-duration: .22s
}

.hamburger--spin-r .hamburger-inner:before {
  transition: top .1s ease-in .25s, opacity .1s ease-in
}

.hamburger--spin-r .hamburger-inner:after {
  transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin-r.is-active .hamburger-inner {
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transform: rotate(-225deg)
}

.hamburger--spin-r.is-active .hamburger-inner:before {
  top: 0;
  transition: top .1s ease-out, opacity .1s ease-out .12s;
  opacity: 0
}

.hamburger--spin-r.is-active .hamburger-inner:after {
  bottom: 0;
  transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
  transform: rotate(90deg)
}

.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s linear .13s
}

.hamburger--spring .hamburger-inner:before {
  top: 10px;
  transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring .hamburger-inner:after {
  top: 20px;
  transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: .22s;
  background-color: transparent !important
}

.hamburger--spring.is-active .hamburger-inner:before {
  top: 0;
  transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
  transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--spring.is-active .hamburger-inner:after {
  top: 0;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
  transform: translate3d(0, 10px, 0) rotate(-45deg)
}

.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
  transition-duration: .13s
}

.hamburger--spring-r .hamburger-inner:after {
  top: -20px;
  transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity 0s linear
}

.hamburger--spring-r .hamburger-inner:before {
  transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring-r.is-active .hamburger-inner {
  transition-delay: .22s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--spring-r.is-active .hamburger-inner:after {
  top: 0;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s linear .22s;
  opacity: 0
}

.hamburger--spring-r.is-active .hamburger-inner:before {
  top: 0;
  transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
  transform: rotate(90deg)
}

.hamburger--stand .hamburger-inner {
  transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms
}

.hamburger--stand .hamburger-inner:before {
  transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand .hamburger-inner:after {
  transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand.is-active .hamburger-inner {
  transition: transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s;
  transform: rotate(90deg);
  background-color: transparent !important
}

.hamburger--stand.is-active .hamburger-inner:before {
  top: 0;
  transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
  transform: rotate(-45deg)
}

.hamburger--stand.is-active .hamburger-inner:after {
  bottom: 0;
  transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
  transform: rotate(45deg)
}

.hamburger--stand-r .hamburger-inner {
  transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms
}

.hamburger--stand-r .hamburger-inner:before {
  transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand-r .hamburger-inner:after {
  transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand-r.is-active .hamburger-inner {
  transition: transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s;
  transform: rotate(-90deg);
  background-color: transparent !important
}

.hamburger--stand-r.is-active .hamburger-inner:before {
  top: 0;
  transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
  transform: rotate(-45deg)
}

.hamburger--stand-r.is-active .hamburger-inner:after {
  bottom: 0;
  transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
  transform: rotate(45deg)
}

.hamburger--squeeze .hamburger-inner {
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
  transition-duration: 75ms
}

.hamburger--squeeze .hamburger-inner:before {
  transition: top 75ms ease .12s, opacity 75ms ease
}

.hamburger--squeeze .hamburger-inner:after {
  transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze.is-active .hamburger-inner {
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transform: rotate(45deg)
}

.hamburger--squeeze.is-active .hamburger-inner:before {
  top: 0;
  transition: top 75ms ease, opacity 75ms ease .12s;
  opacity: 0
}

.hamburger--squeeze.is-active .hamburger-inner:after {
  bottom: 0;
  transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
  transform: rotate(-90deg)
}

.hamburger--vortex .hamburger-inner {
  transition-timing-function: cubic-bezier(.19, 1, .22, 1);
  transition-duration: .2s
}

.hamburger--vortex .hamburger-inner:after,
.hamburger--vortex .hamburger-inner:before {
  transition-delay: .1s;
  transition-timing-function: linear;
  transition-duration: 0s
}

.hamburger--vortex .hamburger-inner:before {
  transition-property: top, opacity
}

.hamburger--vortex .hamburger-inner:after {
  transition-property: bottom, transform
}

.hamburger--vortex.is-active .hamburger-inner {
  transition-timing-function: cubic-bezier(.19, 1, .22, 1);
  transform: rotate(765deg)
}

.hamburger--vortex.is-active .hamburger-inner:after,
.hamburger--vortex.is-active .hamburger-inner:before {
  transition-delay: 0s
}

.hamburger--vortex.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0
}

.hamburger--vortex.is-active .hamburger-inner:after {
  bottom: 0;
  transform: rotate(90deg)
}

.hamburger--vortex-r .hamburger-inner {
  transition-timing-function: cubic-bezier(.19, 1, .22, 1);
  transition-duration: .2s
}

.hamburger--vortex-r .hamburger-inner:after,
.hamburger--vortex-r .hamburger-inner:before {
  transition-delay: .1s;
  transition-timing-function: linear;
  transition-duration: 0s
}

.hamburger--vortex-r .hamburger-inner:before {
  transition-property: top, opacity
}

.hamburger--vortex-r .hamburger-inner:after {
  transition-property: bottom, transform
}

.hamburger--vortex-r.is-active .hamburger-inner {
  transition-timing-function: cubic-bezier(.19, 1, .22, 1);
  transform: rotate(-765deg)
}

.hamburger--vortex-r.is-active .hamburger-inner:after,
.hamburger--vortex-r.is-active .hamburger-inner:before {
  transition-delay: 0s
}

.hamburger--vortex-r.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0
}

.hamburger--vortex-r.is-active .hamburger-inner:after {
  bottom: 0;
  transform: rotate(-90deg)
}

.hamburger--header {
  margin-right: -5px;
  padding-right: 0;
  padding-left: 5px;
  cursor: default;
  vertical-align: middle
}

.hamburger--header .hamburger-inner,
.hamburger--header .hamburger-inner:after,
.hamburger--header .hamburger-inner:before,
.hamburger--header.is-active .hamburger-inner,
.hamburger--header.is-active .hamburger-inner:after,
.hamburger--header.is-active .hamburger-inner:before {
  background-color: #222
}

.hamburger--header.hamburger--elastic .hamburger-inner,
.hamburger--header.hamburger--slider .hamburger-inner {
  top: 2px
}

.hamburger--header:hover {
  opacity: 1
}

.hamburger-wrap {
  text-align: center
}

.hamburger--accessible {
  display: inline-block
}

.hamburger--accessible .hamburger-box {
  display: inline-block;
  vertical-align: middle
}

.hamburger--accessible .hamburger-inner,
.hamburger--accessible .hamburger-inner:after,
.hamburger--accessible .hamburger-inner:before,
.hamburger--accessible.is-active .hamburger-inner,
.hamburger--accessible.is-active .hamburger-inner:after,
.hamburger--accessible.is-active .hamburger-inner:before {
  background-color: #222
}

.hamburger-label {
  font-weight: 600;
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
  text-transform: uppercase
}

.hamburger-label-hidden {
  display: none
}

.name {
  font-size: .8em;
  font-weight: 600;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 1.25em;
  padding-top: 2em;
  color: #1A1A1A
}

.information-directions {
  font-size: 14px;
  width: 100%
}

.browsers,
.types {
  padding-left: 0;
  list-style: none
}

.browsers li,
.types li {
  margin-bottom: .25em
}

.browsers {
  padding-left: 1em;
  column-count: 2
}

.hint {
  display: none;
  margin-bottom: 1em
}

.hint.is-visible {
  display: block
}

@media only screen and (min-width:320px) {
  .browsers {
    column-count: 2
  }
}

@media only screen and (min-width:480px) {
  .types {
    column-count: 2
  }

  .browsers {
    column-count: 3
  }
}

@media only screen and (min-width:632px) {
  .information-directions {
    font-size: 15px
  }
}

#carbonads {
  padding-top: 20px;
  padding-bottom: 32px
}

#carbonads a {
  text-decoration: none
}

#carbonads>span {
  position: relative;
  display: block;
  width: 100%;
  max-width: 300px;
  margin-right: auto;
  margin-left: auto
}

.carbon-wrap {
  position: relative;
  display: table;
  width: 100%
}

.carbon-img,
.carbon-text {
  display: table-cell;
  text-align: left;
  vertical-align: middle
}

.carbon-img {
  background-color: #1A1A1A
}

.carbon-img img {
  display: block
}

.carbon-text {
  font-size: 12px;
  line-height: 1.2;
  padding-left: 15px
}

.carbon-poweredby {
  font-size: 11px;
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 130px;
  text-align: center;
  color: #999
}

@media only screen and (min-width:1280px) {
  #carbonads {
    position: absolute;
    top: 45px;
    right: 30px;
    padding-top: 0;
    padding-bottom: 0
  }
}