/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v34-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}


body {
    background-color:#fafafa;
    font-family: 'Open Sans', 'sans-serif';
    color:#111;
	font-size: 14px!important;
}
h1 {font-size: 3.0rem; margin-top: 0; }
h2 {font-size: 2.4rem;  }
h3 {font-size: 2.0rem; }
h4, h5, h6   {font-size: 1.8rem;}

#footer h3 {margin: 0; text-align: left; font-size: 1.7rem;}

#headarea {
width: 100%; 
margin-bottom: 2px;
position: fixed;
z-index: 9;
-webkit-box-shadow: 0px 5px 10px 0px rgba(143,143,143,1);
-moz-box-shadow: 0px 5px 10px 0px rgba(143,143,143,1);
box-shadow: 0px 5px 10px 0px rgba(143,143,143,1);
}
#headarea .area {
background: rgb(255,255,255,1); 
width: 100%;
}

.navandlogo {max-width: 1200px; margin: auto; width: 100%;}

.headerline {
width: 100%;
background: #4f7695;
}
.headerline div {
max-width: 1200px; 
margin: auto;
float: none;
padding: 0;
}

.headerline figure {margin-left: 130px;}
.hor-nav {margin-left: 140px;}

#toplogo {
width: 15%;
  text-align: left;
  position: relative;
  z-index: 10;
}

#toplogo .ce_image {z-index: 10;}

#toplogo img {
max-height: 110px; 
width: auto;
margin: 10px auto;
position: fixed; 
}

 .hor-nav ul { text-align: center; }

.hor-nav ul.level_1 li {
height: auto;
padding: 0.6em 0;
}

.hor-nav a, 
.hor-nav strong,
.hor-nav span {   
color: #333;
padding: 0.6em 1.5em;
}
 
.hor-nav a:hover,
.hor-nav strong.forward,
.hor-nav strong.active,
.hor-nav a.trail ,
.hor-nav span.forward,
.hor-nav span.active {
	background: #d2e388;
	color: #333!important;
}

.hor-nav.block {overflow: visible;}

.hor-nav li ul {
visibility: hidden;
position: absolute;
opacity: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
background: rgba(255,255,255,1);
text-align: left;
}


.hor-nav li:hover ul {
margin-top:0.5em;
visibility: visible;
display: block;
opacity: 1;
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s;
 -webkit-box-shadow: 6px 6px 40px -10px rgba(0,0,0,0.75);
 -moz-box-shadow: 6px 6px 40px -10px rgba(0,0,0,0.75);
box-shadow: 6px 6px 40px -10px rgba(0,0,0,0.75);
}


.hor-nav ul.level_2 li {font-size: 0.9em; display: block; padding: 0; }
.hor-nav ul.level_2 strong,
.hor-nav ul.level_2 a,
.hor-nav ul.level_2 span { display: block; padding: 1em; color: #333;}
.hor-nav ul.level_2 a:hover { color: #fff;}

.hor-nav .nosubmenu ul.level_2 {display: none;}

.header-image {
background: #eee;
float: none;
z-index: 1;
margin-top: 40px;
text-align: center;
}
.header-image img {
max-width: 1600px;
float: none;
margin: auto;
}

#container {
background: #fafafa;
margin: 3em auto;
padding: 2em 0;
}

#main {
margin: 0 auto;
background-color: transparent;
padding-top: 2px;
}

#main [class*="mod_"] .inside  {
    padding-bottom: 0rem;
    padding-top: 0rem;
    margin-bottom: 3rem;
}

#main a:link,
#main a:visited {   color: #111; background: #d2e388; }
#main a:hover {   color: #111; text-decoration: underline; }

#main figure	{margin: 1em 0;}
#main figure a  {background: transparent; text-decoration: none; }

aside#right > .inside {
    padding: 0rem 0 1rem 0;
}



.full-width #main [class*="mod_"] .inside, .full-width #footer .inside {
    max-width: 1100px!important;
}

.full-width #main [class*="mod_"] .inside {
  display: flex;
  flex-wrap: wrap;
}

.bggradient  {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f0f0f0+0,ffffff+5,ffffff+100 */
background: #f0f0f0; /* Old browsers */
background: -moz-linear-gradient(top,  #f0f0f0 0%, #ffffff 30px, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f0f0f0 0%,#ffffff 30px,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f0f0f0 0%,#ffffff 30px,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.bglight  {background-color: #f8f8f8;}
.bgwhite {background: #fff;}



button[type="submit"] {width: auto; margin: auto; background: #d2e388; display: block; color: #fff; font-weight: bold;}
button[type="submit"]:hover {color: #fff; background: #76b82a;}
input[type="checkbox"] {float: left; width: 50px; margin-top: 5px;}
.checkbox_container label {float: right; width: calc(100% - 50px); }

.ce_table ul, .ce_list ul, .ce_text ul {    list-style: square inside;}

.centergal .ce_gallery ul  { text-align: center;}
.centergal .ce_gallery > ul li {float: none; display: inline-block;}

.event::after {
content:' ';
display:block;
width: 20%;
border:1px solid #aa760f;
margin: 0.7em auto;
}
.event time a {color: #292929!important;}

.ce_linkteaser  {background: #eeeeee;margin: 10px; display: flex; align-items: flex-start; width: calc(50% - 20px)!important; }
.ce_linkteaser:hover {background: #fff; }
.ce_linkteaser h2, .ce_linkteaser h3 {margin-top: 10px; font-size: 1.2em;}
.ce_linkteaser a {text-decoration: none; color: #444; display: flex; align-content: stretch;
align-items: flex-start; }
.ce_linkteaser a:link, .ce_linkteaser a:visited {background: transparent!important;}
.ce_linkteaser a:hover {color: #878106; text-decoration: none!important;}
.ce_linkteaser .content {margin-top: 5px;}
.ce_linkteaser .inside {background: #eee; width: auto; padding: 10px!important; margin-bottom: 1rem!important; }
.ce_linkteaser .inside:hover, .ce_linkteaser .inside:hover .inside {background: #fff;}
.ce_linkteaser h2:after, .ce_linkteaser h3:after { border: 0;}

#confirm-googlemaps {    padding: 5%;    width: 90%;}
#confirm-googlemaps {    background: #fff9ae;    margin-bottom: -56.25%;}

.flexteaser {display: table; text-align: left!important;  }
.flexteaser .inside {padding: 0!important;  }
.flexteaser .inside:hover {background: transparent!important;}
.flexteaser figure,
.flexteaser .content {width: 50%; display: table-cell; vertical-align: middle; }
.flexteaser .content {padding: 30px;}

.image_container .cboxElement::after {
content: none;
}

.infobox2::before {
    content: '\e822';
    font-family: icons;
    padding: 0 .8em 0 0;
    font-size: 2em;
    float: left;
}
.infobox2 {
    background-color: #d2e388;
	border: 2px solid ##333;
	padding: 2em;
	font-size: 0.9em;
}

.infobox2 li {    margin-bottom: 0.3rem;}

.infoteaser {font-size: 1.1em;}
.infoteaser a {color: #f6f4eb!important; text-shadow: 1px 1px 1px #000;}
.infoteaser a:hover {color: #e1bc59!important;}
.infoteaser img {border: 10px solid #f6f4eb;}
.infoteaser:hover img {border: 10px solid #e1bc59;}
.infoteaser  h3:after {border: none; margin: 0;}

.mato2 {margin-top: 2em;}
.middle { text-align: center; margin: auto;}

nav.mod_navigation {padding: 0;}

.news #main .mod_article {
background: #eee;
margin-bottom: 2em;
padding: 1em 2em!important;
}

.news #main .ce_headline {
background: transparent; padding: 0!important; margin-bottom: 0;}

.orderbox {
background-color: #76b82a;
padding: 1em 1em 0 1em !important;
margin-bottom: 1rem;
text-align: center;
color: #fff;
margin: 0 10px;
}

.orderbox a { color: #fff!important; text-decoration: underline;}

.orderbox::before {
    content: '\f291';
    font-family: icons;
    padding: 0 .8em 0 0;
    font-size: 2em;
	text-align: center;
}

.partner .image_container .cboxElement::after {content: none;}
.pakete  {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
z-index: 1;
box-sizing: border-box;
padding-left: 15px;
padding-right: 15px;
background: linear-gradient(to bottom right,#d4af37,#eadfba,#d4af37);
background-color: #d4af37 !important;
}

.rightbox .content-text {
background: #fff;
box-shadow: 1px 1px 2px 0 rgba(0,0,0,.2);
padding: 10px;
margin-bottom: 20px;
}
.rightbox .p70 img {
max-width: 150px;
max-height: 100px;
height: auto;
width: auto;
margin: 2em 0;
}

.spacer {margin: 2em 0;}
.subheadl p {font-size: 1.3em;}



.toggler {border-bottom: 1px solid #bcb8ab;}
.toggler::before {opacity: 0.5;}

.t-right { text-align: right;}
.t-left { text-align: left;}

.download-element::before {
content: '\e833';
font-family: "icons";
font-style: normal;
font-weight: normal;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
opacity: 0.7;
}

#footer {text-align: center; background: #4f7695!important; margin-top: 3rem;}
#footer a, #subfooter a {    color: #fff;}
#footer a:hover, #subfooter a:hover {    color: #fdf7ad;}
#footer .b4 {text-align: left; font-size: 0.9em;}
#footer ul {list-style-type: none; margin: 0; padding: 0;}
#footer li {margin-bottom: 0;}

#footer .fnav li {display: inline-block; margin-top: 2em;}
#footer .fnav a {padding: 0.5em 2em;}

@media (min-width: 1125px) {
body {font-size: 1.7rem;}
}

@media (max-width: 1250px) and (min-width:769px) {
.hor-nav li {    font-size: 1.1em;}
}

@media (min-width:1024px) {
a.haus span, li.haus strong {display: none; }
li.haus.active {margin: 0 2em;}

ul.level_1 > li.haus > a::after, ul.level_1 > li.haus.active::after {
    padding-top: 10px;
    font: 24px "icons";
    color: #fff;
    content: "\e823";
    text-align: center;
   display: initial;
}

ul.level_1 > li.haus > a:hover::after, 
ul.level_1 > li.haus > a.trail::after, 
ul.level_1 > li:hover.haus > a::after,
ul.level_1 > li.haus > span.active::after, 
ul.level_1 > li.haus > span.forward::after,
ul.level_1 > li.haus.active::after,
.hor-nav li.active.haus   {
color:    #fff; text-decoration: none!important;
}

ul.level_1 > li.haus.active::after { color: #fff100;} 

#nav ul.level_1 > li.haus > a, #nav ul.level_1 > li.haus > span {
    padding: 0px;
    margin: 0px;
}

.pakete {width: 40%; margin: 0 5%;}
}
.news #main .ce_youtube,
.ce_youtube {
 position: relative;
 padding: 0 0 56.25% 0 !important;
 width: 100%;
 height: auto;
}
 
.ce_youtube iframe {
 position: absolute;
 top: 0; left: 0; right: 0; bottom: 0;
 width: 100% !important;
 height: 100% !important;
}


@media (min-width: 1201px) {
#toplogo img {left: calc((100% - 1200px)/2 + 20px);}
}

@media (max-width: 1200px) {
.headerline img {max-width: 700px;}
.header-image img {width: 100%;}
.header-image .ce_image {padding: 0;}
}

@media (max-width: 1200px) and (min-width: 1024px) {
#toplogo img {left: 20px;}

}

@media (min-width: 1024px) {
.mobivisi {display: none;}
#container {  max-width: 1200px!important;}
}

@media (max-width: 1023px) {
.hor-nav, .deskvisi {display: none;}
#toplogo {float: none; width: 100%; text-align: right;}
#toplogo img {right: 20px; }
.header-image {margin-top: 0px;}
.headerline {text-align: right;}
.headerline figure {  margin-left: auto; margin-right: 130px;}
.headerline img {max-width: 400px;}
#mobile-menu { visibility: visible; }
#right {float: none; width: 100%;}
#footer, #footer .t-left, #footer .t-right {text-align: center;}
#footer .ce_text {margin-top: 2em;}
#footer h3 {text-align: center;}
#footer .social {margin-bottom: 2em;}
.podcast figure {text-align: center; margin-bottom: 2em;}
}


@media (max-width: 768px) {
.headerline figure {width: 80%; margin: 0 10px 0 10px; text-align: left;}
.headerline figure img {max-width: 80%;}
.image_container.float_right, .image_container.float_left {
float: none;
text-align: center;
margin: 0 0 1em 0;}
#container {    margin: 0; }
.flexteaser .inside {          
          display: -webkit-flex;
          display: -ms-flexbox;      
          display: flex;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
}
.flexteaser .content {width: calc(100% - 60px); margin-top: 0; order: 2; display: block; }
.flexteaser figure {width: 100%; order: 1; display: block;}
.ce_linkteaser {max-width: 600px; width: 100%!important; margin: auto; float: none;}
h3 {text-align: center;}
.ce_gallery > ul.cols_5 li {  width: 20%;}
.ce_gallery > ul.cols_4 li {  width: 25%;}
.ce_gallery > ul.cols_3 li {    width: 33.33%;}
.ce_gallery > ul.cols_2 li {    width: 50%;}
}


@media (max-width: 500px) {
#toplogo .image_container {margin-left: 10px; text-align: right;}
#toplogo img {max-width: 80px; height: auto;}
}

@media (max-width:300px) {
#toplogo img {max-width: 50px; height: auto;}
}