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

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

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

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


body {
background: #282828!important;}

h1 {font-size: 3.0rem; text-align: center; }
h2 {font-size: 2.4rem; text-align: center; }
h3 {font-size: 2.0rem; text-align: center; }
h4, h5, h6   {font-size: 1.8rem;}

.aube h3 {margin-top: 2em;}

h1:after, h2:after, h3:after {
content:' ';
display:block;
width: 10%;
border:1px solid #cd071e;
margin: 0.5em auto 1.3em auto;
}

#main a:link,
#main a:visited {   color: #aa760f;}
#main a:hover {   color: #7c5405;}

#toplogo {
position: fixed;
height: 90px;
width: 100%;
text-align: center;
z-index: 10;
}

#toplogo img {
max-height: 70px; 
width: auto;
margin-top: 10px;
}

#header {background: transparent!important;}

.header-image {
max-width: 1500px;
margin: auto;
margin-top: 140px;
float: none;
}

.hor-nav {
margin-top: 90px;
height: auto;
width: 100%;
text-align: center;
}

.hor-nav nav {display: inline-block; width: auto;}
.hor-nav nav.block {float: none;}

#toplogo, .hor-nav  {
background: rgba(22,22,22,1)!important;
}

.hor-nav.headroom--not-top  {
background: rgba(22,22,22)!important;
}

.hor-nav ul.level_1 li,
.hor-nav.headroom--not-top ul.level_1 li {
height: auto;
line-height: 1;
padding: 1em 1em;
}

.hor-nav.headroom--not-top {
    height: 90px;
line-height: 90px;
    top: -90px;
}

.hor-nav.headroom--not-top ul { margin: 10px 0;}

.hor-nav.headroom--not-top a, 
.hor-nav a {
    color: #f5e5c5;
}

.hor-nav.headroom--not-top a:hover, 
.hor-nav a:hover,
.hor-nav strong.forward {
    color: #e1bc73;
}

.hor-nav.headroom--not-top li.active,
.hor-nav li.active {
color: #e1bc73;
text-decoration: underline;
}

.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(33,22,1,0.8);
top: 3em;
text-align: left;
}
.hor-nav li:hover ul {
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 li.rr ul {
margin-left: -3em;}

.hor-nav ul.level_2 li,
.hor-nav.headroom--not-top ul.level_2 li  {font-size: 0.9em; display: block; padding: 0; }
.hor-nav ul.level_2 strong,
.hor-nav.headroom--not-top ul.level_2 strong,
.hor-nav ul.level_2 a,
.hor-nav.headroom--not-top ul.level_2 a { display: block; padding: 1em; }

.hor-nav ul.level_2 strong.forward > ul.level_1 strong {color: red;}

.hor-nav strong.forward, .hor-nav a.trail span {border-bottom: 2px dotted #e1bc73;}

#container {background-color: transparent!important; }

#main {
padding-top: 1rem;
max-width: 1125px;
margin: auto;
float: none;
background-color: transparent;
}

#main .mod_article.creme {
background-color: #e4e0d2;
}

#main .mod_article.creme2 {
background-color: #f6f4eb;
}

#main .mod_article.white {
background-color: #fefefe;
}

button[type="submit"] {width: auto; margin: auto; background: #e1bc73; display: block; color: #333; font-weight: bold;}
button[type="submit"]:hover {color: #e1bc73; background: #333;}
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;}

.headline {
text-align: center;
font-size: 2em;
color: #e4e0d2;
font-weight: bold; 
margin-top: 2em;
}

.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;}
.muschuki { background: #e4e0d2; text-align: center; padding: 2em; display: block;}

.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;
}

.pakete div {background: white; padding: 15px; margin: 15px 0;}
.pressethb {text-align: center; margin: 1em auto;}

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

.teaser {background: transparent; text-align: center;}
.teaser a {color: #333;}
.teaser a:hover {color: #7c5405;}
.teaser img {border-radius: 50%; max-width: 250px;}

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

.t-center { text-align: center; }
.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: #282828!important;}
#footer a, #subfooter a {    color: #f5e5c5;}
#footer a:hover, #subfooter a:hover {    color: #e1bc73;}
#footer .b4 {text-align: left; font-size: 0.9em;}
#footer ul {list-style-type: none; margin: 0; padding: 0;}
#footer li {margin-bottom: 0;}
#subfooter {float: left; width: 100%;  background: #161616!important; font-size: 0.8em;}
#subfooter ul {text-align: center; margin-bottom: 0;}
#subfooter  li {display: inline-block; margin: 1em 2em;}
#subfooter strong {color:    #e1bc73; }

@media (min-width: 1125px) {

body {font-size: 1.7rem;}

#main .mod_article {
margin: 1em auto;
}

#main [class*="mod_"] {
padding: 10px 30px;
}

#main {
margin-top: 1em;
}

}

@media (max-width: 1124px) {
#main {padding-top: 0; background: transparent;}
}

@media (max-width: 1250px) and (min-width:767px) {
.hor-nav li {    font-size: 1em;}
.hor-nav ul.level_1 li, .hor-nav.headroom--not-top ul.level_1 li {
  height: auto;
  line-height: 1;
  padding: 1em 0.5em;
}
}


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:    #e1bc73; text-decoration: none!important;
}
#nav ul.level_1 > li.haus > a, #nav ul.level_1 > li.haus > span {
    padding: 0px;
    margin: 0px;
}

.pakete {width: 40%; margin: 0 5%;}
}

@media (max-width: 1023px) {
.hor-nav, #toplogo {display: none;}
.header-image {margin-top: 0px;}
#mobile-menu { visibility: visible; }

#footer, #footer .t-left, #footer .t-right {text-align: center;}
#footer .ce_text {margin-top: 2em;}
}

@media (max-width: 768px) {
.image_container.float_right, .image_container.float_left {
float: none;
text-align: center;
margin: 0 0 1em 0;
}

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: 70px; text-align: right;}
}