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%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
.cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible:not(.cc-hide-focus)+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:not(.cc-hide-focus):focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)}
.cookiebar {
	bottom: 100px;
	background-color: rgba(82,82,82,.65);
	z-index: 20000000;
}

ul.resp-tabs-list,
p {
  margin: 0px;
  padding: 0px;
}

.resp-tabs-list li { letter-spacing: 1px;
  color: #d6a655; font-family: 'ronnia_basic_rgbold'; text-transform: uppercase;
  font-size: 15px;
  display: inline-block;
  padding: 20px 35px;
  margin: 0;
  list-style: none;
  cursor: pointer;
  float: left;
}

.resp-tabs-container {
  padding: 0px;
  background:url(../../files/images/bx-bg.jpg) left top repeat;
  clear: left;
}

h2.resp-accordion {
  cursor: pointer;
  padding: 5px;
  display: none;
}

.resp-tab-content {
  display: none;
  padding: 35px;
}

.resp-tab-active { background:url(../../files/images/bx-bg.jpg) left top repeat;
  margin-bottom: -1px !important;
  padding: 20px 35px !important; color: #2da9d6 !important;
}
.resp-tab-content > p { margin-bottom: 0px; clear: left; }
.resp-tab-content > p.f-14 { font-size: 14px; color: #d6a655;}
.resp-tab-active {
  border-bottom: none;
  background-color: #fff;
}

.resp-content-active,
.resp-accordion-active { display: block; }

h2.resp-accordion {
  font-size: 13px;
  margin: 0px;
  padding: 10px 15px;
}

h2.resp-tab-active {
  border-bottom: 0px solid #c1c1c1 !important;
  margin-bottom: 0px !important;
  padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
  border-bottom: 12px solid #c1c1c1 !important;
  background: blue;
}

/*-----------Vertical tabs-----------*/

.resp-vtabs ul.resp-tabs-list {
  float: left;
  width: 30%;
}

.resp-vtabs .resp-tabs-list li {
  display: block;
  padding: 15px 15px !important;
  margin: 0;
  cursor: pointer;
  float: none;
}

.resp-vtabs .resp-tabs-container {
  padding: 0px;
  background-color: #fff;
  border: 1px solid #c1c1c1;
  float: left;
  width: 68%;
  min-height: 250px;
  border-radius: 4px;
  clear: none;
}

.resp-vtabs .resp-tab-content { border: none; }

.resp-vtabs li.resp-tab-active {
  border: 1px solid #c1c1c1;
  border-right: none;
  background-color: #fff;
  position: relative;
  z-index: 1;
  margin-right: -1px !important;
  padding: 14px 15px 15px 14px !important;
}

.resp-arrow {
  width: 0;
  height: 0;
  float: right;
  margin-top: 3px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 12px solid #c1c1c1;
}

h2.resp-tab-active span.resp-arrow {
  border: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 12px solid #9B9797;
}

/*-----------Accordion styles-----------*/

h2.resp-tab-active { background: #DBDBDB !important; }

.resp-easy-accordion h2.resp-accordion { display: block; }

.resp-easy-accordion .resp-tab-content { border: 1px solid #c1c1c1; }

.resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }

.resp-jfit {
  width: 100%;
  margin: 0px;
}

.resp-tab-content-active { display: block; }

h2.resp-accordion:first-child { border-top: 1px solid #c1c1c1 !important; }
/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 853px) {

ul.resp-tabs-list { display: block; }

h2.resp-accordion { display: none; }
.resp-tabs-list li { font-size: 21px; max-width: 274px; width: 100%; text-align: left;}

}
@media only screen and (max-width: 550px) {
.resp-tab-content { padding: 15px;}
.resp-tabs-list li { max-width: 245px; padding: 20px !important }
.resp-tab-active { padding: 20px !important}
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('../../files/css/./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('../../files/css/./fonts/slick.eot');
    src: url('../../files/css/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('../../files/css/./fonts/slick.woff') format('woff'), url('../../files/css/./fonts/slick.ttf') format('truetype'), url('../../files/css/./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    margin-top: -10px\9; /*lte IE 8*/
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: '←';
}

[dir='rtl'] .slick-prev:before {
    content: '→';
}

.slick-next {
    right: -25px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: '→';
}

[dir='rtl'] .slick-next:before {
    content: '←';
}

/* Dots */
.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -45px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}

.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 3, 2016 */

@font-face {
    font-family: 'ronnia_basiclight_italic';
    src: url('../../files/css/fonts/ronniabasiclightitalic-webfont.eot');
    src: url('../../files/css/fonts/ronniabasiclightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/css/fonts/ronniabasiclightitalic-webfont.woff2') format('woff2'),
         url('../../files/css/fonts/ronniabasiclightitalic-webfont.woff') format('woff'),
         url('../../files/css/fonts/ronniabasiclightitalic-webfont.ttf') format('truetype'),
         url('../../files/css/fonts/ronniabasiclightitalic-webfont.svg#ronnia_basiclight_italic') format('svg');absta
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ronnia_basic_ltlight';b
    src: url('../../files/css/fonts/ronniabasiclight-webfont.eot');
    src: url('../../files/css/fonts/ronniabasiclight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/css/fonts/ronniabasiclight-webfont.woff2') format('woff2'),
         url('../../files/css/fonts/ronniabasiclight-webfont.woff') format('woff'),
         url('../../files/css/fonts/ronniabasiclight-webfont.ttf') format('truetype'),
         url('../../files/css/fonts/ronniabasiclight-webfont.svg#ronnia_basic_ltlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ronnia_basic_ebextrabold';start
    src: url('../../files/css/fonts/ronniabasicextrabold-webfont.eot');
    src: url('../../files/css/fonts/ronniabasicextrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/css/fonts/ronniabasicextrabold-webfont.woff2') format('woff2'),
         url('../../files/css/fonts/ronniabasicextrabold-webfont.woff') format('woff'),
         url('../../files/css/fonts/ronniabasicextrabold-webfont.ttf') format('truetype'),
         url('../../files/css/fonts/ronniabasicextrabold-webfont.svg#ronnia_basic_ebextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ronnia_basic_rgbold';
    src: url('../../files/css/fonts/ronniabasicbold-webfont.eot');
    src: url('../../files/css/fonts/ronniabasicbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/css/fonts/ronniabasicbold-webfont.woff2') format('woff2'),
         url('../../files/css/fonts/ronniabasicbold-webfont.woff') format('woff'),
         url('../../files/css/fonts/ronniabasicbold-webfont.ttf') format('truetype'),
         url('../../files/css/fonts/ronniabasicbold-webfont.svg#ronnia_basic_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
*,
*:after,
*:before {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.container { position: relative;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
  .hide-medium {
    display: none;
  }
  .hide-narrow {
    display: none;
  }
  .hide-medium.hide-narrow {
    display: none;
  }
  .hide-wide {
    display: block;
  }
  .hide-wide.hide-medium {
    display: none;
  }

@media only screen and (min-width: 1171px) {
  .container {
    width: 1170px;
  }

  .mod_breadcrumb ul {
  	width: 1150px;
  	margin: 0 auto;
  	display: block;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}


@media only screen and (min-width: 854px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 53%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
}

div, h1, h2, h3, h4, h5, h6, span ul, li, form, span, p { font-weight: normal;}

.boxes-section { padding: 0px;}
.boxes-section::after, .mike-section::before { position: absolute; left: 0; right: 0; top: 0px; height: 45px; background: url(../../files/images/bg-mesh.png) center top repeat-x; content:''; display: block; width: 100%;}
.mike-section { position: relative; padding: 172px 0px 100px;}
.mike-section::before { top: 15px; left: auto; right: 50%; background: url(../../files/images/bhopa.png) center top repeat-x; height: 102px; width: 290px; right: 30%;  }

.bx-img { background: url(../../files/images/bx-bg.jpg) left top repeat;}
.bx-heading { font-family: 'ronnia_basic_rgbold'; background: url(../../files/images/box-hd.png) left top no-repeat; height: 65px; padding: 15px 0 10px 32px; color: #fff; font-size: 21px;}
.bx-dis { padding: 20px 30px 25px 30px; font-size: 17px; color: #554835;}
.btn a { text-align: right; float: right; margin-bottom: 10px; padding-left: 12px; position: relative; text-transform: uppercase; font-size: 12px; position: relative;}
a.btn::before { position: absolute; left: 0px; height: 8px; width: 10px; background: url(../../files/images/sprite.png) 2px -172px no-repeat; content: ''; top: 8px; display: block;}
a.btn:hover { color: #2da9d6}
a.btn:hover::before { background-position: 2px -199px;}
.bx-img:hover .bx-heading { background-position: left -66px;}
.parascroll { min-height: 400px; overflow: hidden;
  position: relative;
  transform: translate3d(0px, 0px, 0px);
}

#main .inside .button-content {
	padding: 15px 0px;
	background-color: #2da9d6;
	width: fit-content;
	a {
	font-size: 20px;
	font-family: 'ronnia_basic_rgbold';
	color: #fff;
	padding: 15px 20px;
	}
	a:hover {
		background-color: #d6a655;
		color: #fff;
		padding: 15px 20px;
	}
}



#one .scrollable {
  background: url(../../files/images/p1.jpg) no-repeat 50% 50%;
  width: 100%;
  height: 870px;
}
.scrollable {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 600px;
  background-repeat: no-repeat;
}

#tabber { padding: 100px 0px;}
.right-tble, .left-tble { float: left; width: 50%; margin-bottom: 45px;}
.left-tble { padding-right: 15px;}
.right-tble { padding-left: 15px;}
.right-tble table, .left-tble table { width: 100%; }
.left-tble h4, .right-tble h4  { font-size: 17px; font-family: 'ronnia_basic_ltlight'; margin-bottom: 25px;}
#map { padding: 10px 0px 100px; }
.map { background: url(../../files/images/map.jpg) left top no-repeat; height: 400px; position: relative;}
.map::before, .map::after { position: absolute; left: 0px; right: 0px; top: 0px; background: url(../../files/images/white-sep-top.png) center top repeat-x; height: 45px; content: ''; display: block;}
.map::after { background: url(../../files/images/white-sep-btm.png) center bottom repeat-x; top: auto; bottom: 0px;}
.map-section-part { padding: 80px 15px; float: left; width: 100%; }
.map-section-part-inner { background: #fff; box-shadow: 0 0 3px rgba(0,0,0,0.2); max-width: 600px; width: 100%;}
.map-img { float: left;}
.map-address { float:left; padding:30px; font-family: 'ronnia_basic_ltlight'; font-size: 15px;}
.map-address address { margin-bottom: 24px;}
.map-address h6 { text-transform: uppercase; font-family: 'ronnia_basic_ltlight'; letter-spacing: 1px; font-size: 17px; color: #554835;}
.map-address ul li { padding-left: 28px; position: relative;}
.map-address ul li::before { position: absolute; left: 0px; right: 0px; top: 2px; background: url(../../files/images/sprite.png) 2px -115px repeat-x; height: 15px; width: 20px; content: ''; display: block;}
.map-address ul li.tel::before { background-position: 2px -139px;}
.ftr { float: left; width: 25%;}
.ftr address { margin: 0 0 30px 0px;}
.ftr ul li, .ftr ul { float: left; width: 100%; }
.ftr ul li a { position: relative; padding-left: 10px; font-family: 'ronnia_basic_ltlight'; font-size: 16px; line-height: 26px; color: #837867; width: 100%; text-align: left; float:left;}
.ftr ul li a::before { width: 0px; height: 0px; position: absolute; left: 0px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #554835; content: ''; top: 10px; }
.ftr ul li a:hover { color: #2da9d6;}
.ftr ul li a:hover::before { border-left-color: #2da9d6;}
.ftr h6, .ftr-lst h6 { color: #837867; font-family: 'ronnia_basic_rgbold'; font-size: 15px; text-transform: uppercase; margin-bottom: 35px; }
.ftr-lst address { font-size: 11px; line-height: normal; margin: 15px auto;}
footer > .container { padding-bottom: 35px;}
.copy-rt { background:url(../../files/images/ftr-bg.png) center top repeat; width: 100%; padding: 15px 0px}
.f-logo-mob { display: none;}
section.module.parallax {
  padding:0px; height: 400px;
  background-position: center top;
}

section.module.parallax-1 {
  background-image:url(../../files/images/p1.jpg);
}

article.module.parallax-2 {
  background-image:url(../../files/images/p2.jpg); height: 500px;
}

article.module.parallax-3 {
  background-image:url(../../files/images/p3.jpg); height: 500px;
}
article.module.parallax-4 {
  background-image:url(../../files/images/p4.jpg); height: 500px;
}

article.module.parallax-5 {
  background-image:url(../../files/images/p5.jpg); height: 500px;
}

article.module.parallax-6 {
  background-image:url(../../files/images/p6.jpg); height: 500px;
}
article.module.parallax-7 {
  background-image:url(../../files/images/p7.jpg); height: 700px;
}

header.module.parallax-8 { overflow: inherit;
  background-image:url(../../files/images/p8.jpg); height: 500px;
}

#inner-page-one header { min-height: 1px;}

section.module::before, section.module::after, article.module::before, article.module::after { position: absolute; left: 0px; right: 0px; top: 0px; background: url(../../files/images/white-sep-top.png) center top repeat-x; height: 45px; content: ''; display: block;}
section.module::after, article.module::after { background: url(../../files/images/white-sep-btm.png) center bottom repeat-x; top:auto; bottom: 0px}
#ebene-1::after, #ebene-2::after, #ebene-3::after, #ebene-4::after, #ebene-5::after { background: url(../../files/images/bg-mesh-top.png) center bottom repeat-x;}
#ebene-2::before, #ebene-3::before, #ebene-4::before, #ebene-5::before, #ebene-6::before { background: url(../../files/images/bg-mesh.png) center bottom repeat-x;}
.tp-ausstellung { position: relative;}
.tp-ausstellung::before {

	position: fixed;
	left: 0px;
	width: 40px;
	height: 100%;
	background: url(../../files/images/mark.png) left top repeat-y;
	content: '';
	display: block;
	z-index: 100;

}

.image-right img.aps-img, .image-left img.aps-img { position: absolute; left: -30px; top: 110px;}
.image-right img.aps-img:last-child, .image-left img.aps-img:last-child { top: -45px; left: 250px;}
.image-left img.aps-img { left: auto; right: 50px; top: -60px; z-index: 10;}
.image-left img.aps-img:last-child { top: 150px; left: 0px; right: auto; z-index: 8;}
.text-forment { padding-bottom: 75px}
.text-forment .btn.btn-left { float: left; clear: left;display: block; width: 100%;}
.text-forment p { margin-bottom: 40px; }
.text-forment ul { display: block; float: left; width: 100%; margin-bottom: 35px;}
.text-forment ul li { background: url(../../files/images/arrow.png) left 5px no-repeat; padding-left: 22px; padding-bottom: 4px;font-family: 'ronnia_basic_rgbold';}
#ebene-6 p { font-family: 'ronnia_basic_rgbold'; font-style: normal; font-size: 24px; margin-bottom: 130px; color: #fff; line-height: 35px; }

#ebene-1-detail .container { background: url(../../files/images/circle.png) 85% 385px no-repeat;}
#ebene-2-detail .container { background: url(../../files/images/circle1.png) 38% 60% no-repeat;}
#ebene-5-detail .container { background: url(../../files/images/e-mc2.png) 99% 55% no-repeat;}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after
 {
  display: table;
  content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after
 {
  clear: both;
}


a.font-primary,
.font-primary {
  color: #f7ca18;
}
a.font-primary:hover {
  color: #a38406;
}
a.font-info,
.font-info {
  color: #ecf0f1;
}
a.font-info:hover {
  color: #b1c2c6;
}
a.font-success,
.font-success {
  color: #27ae60;
}
a.font-success:hover {
  color: #145b32;
}
a.font-warning,
.font-warning {
  color: #f39c12;
}
a.font-warning:hover {
  color: #976008;
}
a.font-alert,
.font-alert {
  color: #e74c3c;
}
a.font-alert:hover {
  color: #a82315;
}
a.font-inverse,
.font-inverse {
  color: #34495e;
}
a.font-inverse:hover {
  color: #10161c;
}
::-moz-selection {
  color: #ffffff;
  background: #000000;
}
::selection {
  color: #ffffff;
  background: #000000;
}

ul, li { list-style: none; margin: 0px; padding: 0px;}
html,
body {

}
html { overflow-x: hidden;
  overflow-y: scroll;
  -ms-text-size-adjust: none;
  -webkit-text-size-adjust: none;
}



body {
  font-family: 'ronnia_basic_ltlight';
  color: #554835;
  margin: 0;
  font-size: 17px;
  padding: 0;
  line-height:23px; font-weight: normal;
  background-color: #fff;
      -webkit-font-smoothing: antialiased;

}
@media only screen and (max-width: 768px) {
  body {
    font-size: 95%;
  }
}
@media only screen and (max-width: 480px) {
  body {
    font-size: 90%;
  }

  .mobile_hidden {
  	display: none;
  }

}
@media only screen and (max-width: 320px) {
  body {
    font-size: 85%;
  }


  .mobile_hidden {
  	display: none;
  }
}
a, a::before, a::after {
  color: #323a45; text-decoration: none;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
a:hover {
  text-decoration: none;
  color: #1d2127;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: inherit;
  font-family: 'ronnia_basic_ltlight';
  line-height: 120%;
  text-rendering: optimizelegibility;
  color: #554835;
}
h1,
.h1 {
  font-size: 2.375em;
}
h1 .sub,
.h1 .sub {
  color: #9e9e9e;
  font-family: 'ronnia_basic_ltlight';
  font-weight: 300;
  font-style: normal;
}
h2,
.h2 {
  font-size: 2em;
}
h2 .sub,
.h2 .sub {
  color: #9e9e9e;
  font-family: 'ronnia_basic_ltlight';
  font-weight: 300;
  font-style: normal;
}
h3,
.h3 {
  font-size: 1.625em;
}
h3 .sub,
.h3 .sub {
  color: #9e9e9e;
  font-family: 'ronnia_basic_ltlight';
  font-weight: 300;
  font-style: normal;
}
h4,
.h4 {
  font-size: 1.125em;
}
h4 .sub,
.h4 .sub {
  color: #9e9e9e;
  font-family: 'ronnia_basic_ltlight';
  font-weight: 300;
  font-style: normal;
}
h5,
.h5 {
  font-size: 0.875em;
}
h5 .sub,
.h5 .sub {
  color: #9e9e9e;
  font-family: 'ronnia_basic_ltlight';
  font-weight: 300;
  font-style: normal;
}
h6,
.h6 {
  font-size: 17px;
}
h6 .sub,
.h6 .sub {
  color: #9e9e9e;
  font-family: 'ronnia_basic_ltlight';
  font-weight: 300;
  font-style: normal;
}
p {

  font-family: 'ronnia_basic_ltlight';
  font-weight: normal;
  font-style: normal;
  color: #554835;
  margin-bottom: 20px;
}
p.highlight {
  color: #515151;
  background: #f0f0f0;
  padding: 0.625em;
  border: 1px solid #e0e0e0;
}
p.lead {
  color: #515151;
  font-size: 1.125em;
  line-height: 1.500em;
  font-family: 'ronnia_basic_ltlight';
  font-weight: 700;
  font-style: normal;
}
strong,
b {
  font-family: 'ronnia_basic_rgbold';
  font-weight: normal;
  font-style: normal;
}
em,
i {
  font-style: italic;
}
blockquote {
  border-left: 0.313em solid #f0f0f0;
  padding-left: 1.250em;
  margin-bottom: 1.875em;
}
blockquote p {
  font-family: georgia, serif;
  font-size: 1.375em;
  line-height: 1.50em;
  color: #554835;
  font-style: italic;
  margin-bottom: 0.625em;
}
cite {
  font-size: 0.875em;
  line-height: 1.375em;
  font-family: 'ronnia_basic_ltlight';
  font-weight: 400;
  font-style: normal;
}
cite:before {
  content: "– ";
}
.uppercase {
  text-transform: uppercase;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-justify {
  text-align: justify !important;
}

ul.bordered li {
  list-style: none;
  border-bottom: 1px dotted #ccc;
  margin-left: 0px;
  padding: 0.313em 0;
}
ul.square {
  list-style: square;
}
ol {
  list-style: decimal;
}
ul li.list-title {
  font-family: 'ronnia_basic_ltlight';
  font-weight: 700;
  font-style: normal;
  list-style: none;
  margin-left: 0px;
  border-bottom: 0px;
  margin-top: .4em;
}
code,
pre {
  padding: 0 3px 2px;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 1em;
  line-height: 1.5em;
  color: #333333;
}
code b,
pre b {
  color: #2655B6;
  font-family: 'ronnia_basic_ltlight';
  font-weight: 400;
  font-style: normal;
}
code b b,
pre b b {
  color: #70A019;
}
code em,
pre em {
  color: #999;
  font-style: normal;
}
pre {
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,0.15);
}
code {
  display: block;
  padding: 1em;
}
.label,
.badge {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.label,
.badge {
  background-color: #ccc;
  color: #333;
  display: inline-block;
  zoom: 1;
  *display: inline;
  font-size: 0.750em;
  font-family: 'ronnia_basic_ltlight';
  font-weight: 700;
  font-style: normal;
  line-height: 1.25em;
  padding: 0.250em 0.500em 0.125em 0.500em;
  vertical-align: baseline;
  white-space: nowrap;
}
.label.primary,
.badge.primary {
  background-color: #f7ca18;
  color: #fff;
}
.label.info,
.badge.info {
  background-color: #ecf0f1;
  color: #555;
}
.label.success,
.badge.success {
  background-color: #27ae60;
  color: #fff;
}
.label.warning,
.badge.warning {
  background-color: #f39c12;
  color: #fff;
}
.label.alert,
.badge.alert {
  background-color: #e74c3c;
  color: #fff;
}
.msg {
  padding: 0.625em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 10px;
  font-size: 0.85em;
}
.msg.alert {
  background: rgba(231,76,60,0.2);
  color: #d62c1a;
  border: 1px solid #e74c3c;
  border: 1px solid rgba(231,76,60,0.2);
}
.msg.warning {
  background: rgba(243,156,18,0.2);
  color: #c87f0a;
  border: 1px solid #f39c12;
  border: 1px solid rgba(243,156,18,0.2);
}
.msg.info {
  background: rgba(236,240,241,0.2);
  color: #5e7980;
  border: 1px solid #ecf0f1;
  border: 1px solid #cfd9db;
}
.msg.success {
  background: rgba(39,174,96,0.2);
  color: #1e8449;
  border: 1px solid #27ae60;
  border: 1px solid rgba(39,174,96,0.2);
}
.msg .close {
  text-decoration: none;
  color: #000000;
  float: right;
  font-size: 1.500em;
  font-family: 'ronnia_basic_ltlight';
  font-weight: 700;
  font-style: normal;
  line-height: 0.938em;
  opacity: 0.2;
  text-shadow: 0 1px 0 #FFFFFF;
  cursor: pointer;
}
.table {
  margin-bottom: 1.250em;
  width: 100%;
}
table {
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  max-width: 100%;
}
table td {
  line-height: 40px; padding: 5px 20px;
  text-align: left;
  vertical-align: middle;
}
table td span { color: #d6a655;}

table td .btn {
  margin-top: 0.125em;
  margin-bottom: 0.125em;
  margin-right: 0.125em;
}
table tr {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
table tr:hover {
  background: #f1f1f1;
}
table th {
  background: #fff;
  border: none;
  font-size: 1.000em;
  font-family: 'ronnia_basic_ltlight';
  font-weight: 700;
  font-style: normal;
  line-height: 1.250em;
  padding: 0.625em 0.938em;
  text-align: left;
  vertical-align: middle;
  border-bottom: 2px solid #555;
}
table tr:nth-child(odd) {
  background-color: #fff;
}
table tr:nth-child(2n+2):hover {
  background: #f1f1f1;
}

.btn.rounded {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.btn.bottom-bordered {
  border-bottom: 3px solid #b3b3b3;
}
.btn.primary {
  background: #f7ca18;
  color: #fff;
}
.btn.primary:hover {
  background: #d5ab07;
}
.btn.primary.bottom-bordered {
  border-bottom: 3px solid #d5ab07;
}
.btn.info {
  background: #ecf0f1;
  color: #111;
}
.btn.info:hover {
  background: #cfd9db;
}
.btn.info.bottom-bordered {
  border-bottom: 3px solid #cfd9db;
}
.btn.success {
  background: #27ae60;
  color: #fff;
}
.btn.success:hover {
  background: #1e8449;
}
.btn.success.bottom-bordered {
  border-bottom: 3px solid #1e8449;
}
.btn.warning {
  background: #f39c12;
  color: #fff;
}
.btn.warning:hover {
  background: #c87f0a;
}
.btn.warning.bottom-bordered {
  border-bottom: 3px solid #c87f0a;
}
.btn.alert {
  background: #e74c3c;
  color: #fff;
}
.btn.alert:hover {
  background: #d62c1a;
}
.btn.alert.bottom-bordered {
  border-bottom: 3px solid #d62c1a;
}
.btn.inverse {
  background: #34495e;
  color: #fff;
}
.btn.inverse:hover {
  background: #22303d;
}
.btn.inverse.bottom-bordered {
  border-bottom: 3px solid #22303d;
}
.fullscreen {
  background-color: #e74c3c;
  width: 100%;
  min-height: 100%;
  height: auto;
  height: 100%;
  overflow: hidden;
}
img.scale-with-grid {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.hide {
  display: none;
}
.disabled,
.muted {
  opacity: 0.4;
  cursor: not-allowed !important;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
* + html .clearfix {
  display: inline-block;
}
* html .clearfix {
  height: 1%;
}
hr {
  margin: 1.875em 0;
  border: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #ffffff;
}
hr.mini {
  margin: 0.313em 0;
}
hr.small {
  margin: 0.938em 0;
}
hr.large {
  margin: 2.813em 0;
}
hr.mega {
  margin: 4.688em 0;
}
hr.blind {
  border: none;
  filter: alpha(opacity=0);
}
::-webkit-input-placeholder {
  color: #999;
}
:-moz-placeholder {
  color: #999;
}
.placeholder {
  color: #999;
}
form {
  overflow: hidden;
}
fieldset {
  border: 1px solid #e0e0e0;
  padding: 0.625em 1.250em 1.250em 1.250em;
  margin-bottom: 2.500em;
}
fieldset legend {
  color: #b7b7b7;
  font-size: 0.750em;
  font-family: 'ronnia_basic_ltlight';
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  padding: 0px 0.313em 0px 0.313em;
}
.form-group-headline {
  color: #eaeaea;
  font-size: 0.750em;
  font-family: 'ronnia_basic_ltlight';
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  margin: 1.250em 0px 0.625em 0px;
}
input[type="submit"]::-moz-focus-inner {
  border: 0;
}
input[type="text"]::-moz-focus-inner {
  border: 0;
}
input[type="file"]::-moz-focus-inner {
  border: 0;
}
input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="file"],
select,
textarea {
  width: 100%;
  vertical-align: middle;
  border: 1px solid #ccc;
  background: #ffffff;
  color: #554835;
  line-height: 1.375em;
  font-size: 1em;
  padding: 1em;
  margin: 0.313em 0;
  font-family: inherit;
  -webkit-box-shadow: inset 0px 0px 2px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0px 0px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0px 0px 2px rgba(0,0,0,0.1);
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
select {
  height: 2.188em;
  color: #554835;
}
input[type="text"]:focus,
textarea:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="file"]:focus {
  border: 1px solid #b3b3b3;
  color: #554835;
  -webkit-box-shadow: inset 0px 0px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: inset 0px 0px 2px rgba(0,0,0,0.2);
  box-shadow: inset 0px 0px 2px rgba(0,0,0,0.2);
  outline: none;
}
select {
  padding: 0.375em;
}
label {
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin-bottom: 0.188em;
  margin-top: 0.938em;
  margin-right: 0.625em;
  font-style: normal;
  color: #554835;
}
.hint {
  color: #777;
  font-size: 0.750em;
  font-style: italic;
}
form span.error {
  font-weight: normal;
  color: #e74c3c;
  padding-left: 0.313em;
  line-height: 1.000em;
  font-size: 0.750em;
}


.abstand {
	padding-top: 70px;
}

/**************************** Top Nav Section ***********************************/
.nav-top { height: 45px; padding: 0px; background: url(../../files/images/top-bg.png) center top repeat-x; color: #fff; position: relative; z-index: 99;}
.leftmenu > ul > li, .rightmenu ul > li { display: inline-block;
vertical-align: middle;
position: relative;
margin-right: 10px;}
.leftmenu > ul > li > a, .rightmenu > ul > li > a { line-height: 46px; display: block; color: #fff; padding-left: 30px; position: relative;}
.leftmenu > ul > li > a::before, .rightmenu > ul > li > a::before, .leftmenu > ul > li > a.clg2::after, .dropdown > li > a::after { position: absolute; left: 0px; right: auto; width: 25px; height: 17px; content: ''; background: url(../../files/images/sprite.png) left top no-repeat; display: block; top: 13px;}
.leftmenu > ul > li a.clg::before { background-position: -3px -4px;}
.leftmenu > ul > li a.clg1::before { background-position: 3px -24px;}
.leftmenu > ul > li a.clg2, .rightmenu ul li a.tel { padding-left: 20px;}
.leftmenu > ul > li a.clg2::before { background-position: 3px -47px;}
.dropdown { box-shadow: 0px 0px 2px rgba(0,0,0,0.2); display: none; position: absolute; left: 0px; right: 0px; width: 240px; top: 45px; background: #ddd; }
.leftmenu > ul > li:hover .dropdown { display: block;}
.nav-top li a { font-family: 'ronnia_basic_rgbold'; font-size: 13.5px; text-transform: uppercase; }
.rightmenu ul li:last-child { margin-right: 0px; margin-top: -8px;}
.rightmenu ul li:last-child a { padding-left: 0px;}
.rightmenu ul li:last-child a::before { background: none;}
.rightmenu ul li a.tel::before { background-position: -1px -70px;}
.rightmenu ul li a.email::before { background-position: 2px -92px;}
.leftmenu ul li > a.clg2::after { left: auto; right: -25px; background-position: 3px -212px; }
.dropdown > li { transition:all ease-in-out 0.4s 0s; -webkit-transition:all ease-in-out 0.4s 0s; border-bottom: 1px solid rgba(255,255,255,0.2); width: 100%; float: left; background: url(../../files/images/blue-p.jpg) repeat; margin-right: 0px !important;}
.dropdown > li > a {position: relative; font-size: 13.5px; padding:0px 25px; display: block; color: #fff; line-height: 40px;}
.dropdown > li > a::after { right: 15px; left: auto; background-position: 3px -238px;}
.dropdown > li:hover { background: url(../../files/images/orange.png) repeat;}
@media only screen and (max-width: 480px) {
  form span.error {
    display: block;
    padding-left: 0;
    padding-top: .3em;
  }
  form span.error:before {
    display: none;
  }
}
form span.error:before {
  content: "← ";
}
input.error {
  border-color: #e74c3c;
}
ul.pills {
  list-style: none;
  margin: 0 0 1.250em 0;
}
ul.pills li {
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin: 0;
  margin-right: 0.625em;
  margin-bottom: 0.625em;
}
ul.pills li a {
  color: #111;
  padding: 0.625em 0.938em;
  text-decoration: none;
  display: block;
  font-weight: normal;
  line-height: 1.125em;
  font-size: 0.813em;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #f0f0f0;
}
ul.pills li.active a,
ul.pills li.active a:hover {
  background: #f7ca18;
  border-color: #f7ca18;
  color: #fff;
}
ul.pills li.done a {
  opacity: 0.5;
  cursor: default;
  background: #e0e0e0;
}
ul.pills li.done a:hover {
  background: #e0e0e0;
}
ul.pills li a:hover {
  background: #ccc;
  text-decoration: none;
}
ul.tabs {
  list-style: none;
  margin: 0 0 1.250em 0;
  border-bottom: 1px solid #e0e0e0;
}
ul.tabs li {
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin: 0;
  margin-right: 0.313em;
}
ul.tabs li a {
  color: #111;
  padding: 0.625em 0.938em;
  text-decoration: none;
  display: block;
  font-weight: normal;
  line-height: 1.625em;
  font-size: 0.813em;
  -webkit-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
  margin-bottom: -1px;
}
ul.tabs li a:hover {
  background: #f0f0f0;
  text-decoration: none;
}
ul.tabs li.active a,
ul.tabs li.active a:hover {
  color: #f7ca18;
  border-top: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  background: #fff;
  cursor: default;
}
ul.tabs li.done a {
  opacity: 0.5;
  cursor: default;
}
ul.tabs li.done a:hover {
  background: #fff;
}
ul.browser {
  padding: 0;
}
ul.browser li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  display: block;
}
ul.browser li:before {
  width: 100%;
  background: #e0e0e0;
  display: block;
  content: "• • •";
  font-size: 1.4em;
  color: #999;
  padding: .3em .6em;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 5px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 0 3px rgba(0,0,0,0.1);
  box-shadow: 0 0 3px rgba(0,0,0,0.1);
}
ul.browser li img {
  padding: 0;
  margin: 0;
  vertical-align: middle;
  width: 100%;
  height: auto;
  display: block;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 0 3px rgba(0,0,0,0.1);
  box-shadow: 0 0 3px rgba(0,0,0,0.1);
}
ul.browser.primary li:before {
  background: #f7ca18;
  color: #a38406;
}
ul.browser.success li:before {
  background: #27ae60;
  color: #145b32;
}
ul.browser.warning li:before {
  background: #f39c12;
  color: #976008;
}
ul.browser.info li:before {
  background: #ecf0f1;
  color: #b1c2c6;
}
ul.browser.alert li:before {
  background: #e74c3c;
  color: #a82315;
}
ul.browser.inverse li:before {
  background: #34495e;
  color: #10161c;
}
.tt,
[data-tt] {
  position: relative;
  display: inline-block;
}
.tt:before,
.tt:after,
[data-tt]:before,
[data-tt]:after {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  z-index: 90;
  pointer-events: none;
}
.tt:hover:before,
.tt:hover:after,
[data-tt]:hover:before,
[data-tt]:hover:after {
  visibility: visible;
  opacity: 1;
}
.tt:before,
[data-tt]:before {
  content: '';
  position: absolute;
  background: transparent;
  border: 6px solid transparent;
  z-index: 101;
}
.tt:after,
[data-tt]:after {
  content: attr(data-tt);
  background: #000000;
  color: #ffffff;
  padding: 8px 10px;
  font-size: 12px;
  line-height: 12px;
  white-space: nowrap;
}
.tt--left:before {
  border-left-color: #000000;
}
.tt--left:before {
  margin-right: -11px;
  margin-bottom: -6px;
}
.tt--left:after {
  margin-bottom: -14px;
}
.tt--left:before,
.tt--left:after {
  right: 100%;
  bottom: 50%;
}
.tt--left:hover:before,
.tt--left:hover:after {
  -webkit-transform: translateX(-8px);
  -moz-transform: translateX(-8px);
  transform: translateX(-8px);
}
.tt--right:before {
  border-right-color: #000000;
}
.tt--right:before {
  margin-left: -11px;
  margin-bottom: -6px;
}
.tt--right:after {
  margin-bottom: -14px;
}
.tt--right:before,
.tt--right:after {
  left: 100%;
  bottom: 50%;
}
.tt--right:hover:before,
.tt--right:hover:after {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px);
}
.tt--top:before {
  border-top-color: #000000;
}
.tt--top:before {
  margin-bottom: -11px;
}
.tt--top:after {
  margin-left: -18px;
}
.tt--top:before,
.tt--top:after {
  bottom: 100%;
  left: 50%;
}
.tt--top:hover:before,
.tt--top:hover:after {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px);
}
.tt--bottom:before {
  border-bottom-color: #000000;
}
.tt--bottom:before {
  margin-top: -11px;
}
.tt--bottom:after {
  margin-left: -18px;
}
.tt--bottom:before,
.tt--bottom:after {
  top: 100%;
  left: 50%;
}
.tt--bottom:hover:before,
.tt--bottom:hover:after {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px);
}

html,
body {
  background: #fff;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
.preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 1000;
  top: 0;
}
.preloader .loader {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 8px;
  background: #2da9d6;
}
.title {
  position: absolute;
  top: 25%;
  left: 50%;
  width: 100%;
  max-width: 900px;
  padding: 0 2em;
  text-align: center;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media only screen and (max-width:480px) {
  .title {
    top: 10%;
  }
}
.btn { color: #d6a655;
  position: relative; float: right;
  margin: 0 auto 20px;
  font-family: 'ronnia_basic_rgbold'; font-size: 13px;
  font-weight: normal; padding-left: 15px; text-transform: uppercase;

}
.btn::before

.btn.extern {
  background: #f7ca18;
  color: #323a45;
}
.btn.extern:hover {
  background: rgba(247,202,24,0.75);
}
.btn i {
  margin: 2px 0 0 2px;
  font-size: 1.125em;
  color: #000;
}
.tt--bottom:before,
.tt--bottom:after {
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
}
.tt:after,
[data-tt]:after {
  font-size: 0.75em;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
}
.arrow-down {
  display: block;
  width: 40px;
  height: 40px;
  margin: 3em auto 0;
}
.arrow-down.as-circle-full svg circle {
  -webkit-animation: circle-full 2s ease-in-out alternate forwards;
  -moz-animation: circle-full 2s ease-in-out alternate forwards;
  -ms-animation: circle-full 2s ease-in-out alternate forwards;
  -o-animation: circle-full 2s ease-in-out alternate forwards;
  animation: circle-full 2s ease-in-out alternate forwards;
}
.arrow-down.as-circle-none svg circle {
  -webkit-animation: circle-none 2s ease-in-out forwards;
  -moz-animation: circle-none 2s ease-in-out forwards;
  -ms-animation: circle-none 2s ease-in-out forwards;
  -o-animation: circle-none 2s ease-in-out forwards;
  animation: circle-none 2s ease-in-out forwards;
}
.arrow-down svg line {
  stroke: #d6a655;
  stroke-width: 2px;
}
.arrow-down svg circle {
  stroke: #d6a655;
  stroke-width: 2px;
  stroke-dasharray: 500;
  stroke-dashoffset: 500;
  fill: none;
}

#ebene-6 .arrow-down svg line, #ebene-6 .arrow-down svg circle { stroke:#fff;}


.hauptnavi {
  position: relative;
  width: 100%;
  padding: 20px 0px 0px; max-height: 100px;
  background: #fff;
  z-index: 98;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.hauptnavi.as-fixed {
  background: #fff; position: fixed;top: 0px;
}
.hauptnavi ul {
  float: left;
  margin: 0;
  list-style: none;
  text-align: left;
}

.tp-inner.body-pd { padding-top: 50px;}
.hauptnavi ul li {
  display: inline-block;
}

ul.nav li.as-active a {
  color: #f7ca18;
}
ul.nav > li > a, .sub-menu li a {
  color: #d6a655;
  font-size: 14px; font-family: 'ronnia_basic_rgbold';
  text-transform: uppercase;
  text-decoration: none;

}
ul.nav > li { padding: 0 8px;}
ul.nav > li > a { line-height: 80px; display: block; position: relative; }
ul.nav > li > a::after { position: absolute; left: 0px; right: 0px; bottom: 0px; height: 3px; background: #2baeda; content: ''; display: block; width: 0px; }
ul.nav > li > a:hover::after, ul.nav > li.active > a::after { width: 100%;}
.js-mainnav.col-sm-7 { margin-left: -50px; position: relative; z-index: 99;}

ul.nav a:hover {
  color: #2baeda;
}
ul.level_2.nav > li > a { line-height: 40px; display: block; position: relative; }

.hauptnavi .brand {
  position: relative;
  display: block;
  float: left;
  z-index: 2;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
  color: #FFF;
}
.hauptnavi .brand a {
  color: #f7ca18;

  font-weight: 400;
  font-style: normal;
  font-size: 1.5em;
  text-transform: none;
  letter-spacing: 0;
  text-decoration: none;
}

.mod_changelanguage {
	position: fixed;
	z-index: 1050;
	width: fit-content;
    left: calc(50% + 380px);
}
.mod_changelanguage .container {
	padding: 0px;
}

.mod_changelanguage ul {
	text-align: right;
	padding-top: 10px;
}

.mod_changelanguage li {
		display: inline;

	}

.mod_changelanguage strong,
.mod_changelanguage a {
			color: #fff;
			font-size: 90%;
			margin-left: 8px;
		}

@media only screen and (max-width:1140px) {
.mod_changelanguage {
    left: calc(50% + 380px);
}
}

@media only screen and (max-width:990px) {
.mod_changelanguage {
    left: 10px;
    top: 0px;
}
}

.mobile-nav {
  display: none;
  position: absolute;
  right: 30px;
  top: 12px;
  width: 40px;
  height: 45px; background:url(../../files/images/res-menu.png) left top no-repeat;   overflow: hidden; text-indent: 1000px;
  z-index: 102;
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
  text-indent: -999em;
}
.mobile-nav.js-mobile.as-active { background-position: left -45px;}

.page-nav {
  position: fixed;
  left: 2.5%;
  top: 181px;
  z-index: 97;
}

/*********************** s-media section **********************/
.s-media-section { text-align: right; float: right;}
.s-media-section ul { float: right; margin-top: 10px;}
.s-media-section ul li, .link-right ul li { display: inline-block; vertical-align: middle; width: 35px; height: 35px; overflow: hidden; background: url(../../files/images/orange.png) center center repeat; border-radius: 100% 100%;}
.s-media-section ul li:hover, .link-right ul li:hover { background: url(../../files/images/blue-p.jpg) center center repeat; }
.link-right ul li { background: url(../../files/images/light-bx.jpg) center center repeat; }
.s-media-section ul li a, .link-right ul li a { width: 35px; height: 35px; text-indent: 1000px; overflow: hidden; background: url(../../files/images/s-media-neu.png) -1px -1px no-repeat; display: block;}
.s-media-section ul li a.fb { background-position: -1px 0px;}
.s-media-section ul li a.yt { background-position: -36px 0px;}
.s-media-section ul li a.fs { background-position: -70px -1px;}
.s-media-section ul li a.ing { background-position: -105px 0px;}
.s-media-section ul li a.tw { background-position: -139px -2px;}
.s-media-section ul li a.trip { background-position: -173px -2px;}

.link-right ul li a.fb { background-position: -1px -37px;}
.link-right ul li a.fb:hover { background-position: -1px 0px;}
.link-right ul li a.yt { background-position: -36px -37px;}
.link-right ul li a.yt:hover { background-position: -36px 0px;}
.link-right ul li a.fs { background-position: -70px -37px;}
.link-right ul li a.fs:hover { background-position: -70px 0px;}
.link-right ul li a.ing { background-position: -105px -37px;}
.link-right ul li a.ing:hover { background-position: -105px 0px;}
.link-right ul li a.tw { background-position: -139px -37px;}
.link-right ul li a.tw:hover { background-position: -139px 0px;}
.link-right ul li a.trip { background-position: -173px -37px;}
.link-right ul li a.trip:hover { background-position: -173px 0px;}

.common-bg { background: url(../../files/images/common-bg.jpg) center center repeat-x; min-height: 530px; position: relative;}

.page-nav.as-active {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
.page-nav ul {
  margin: 0;
  list-style: none;
}
.page-nav ul li { height: 55px;
  display: block;
  margin: 0 0 42px 0;
}
.page-nav ul a {
  text-decoration: none; color: #d6a655;
}
.page-nav ul a:hover { color: #2da9d6;}
.page-nav ul a span { display: block; width: 100%; }
.page-nav ul a span.subtxt { font-size: 12.5px; line-height: normal;}
.page-nav ul a:hover .dot-title {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
.page-nav ul a:hover .dot {
  background: #8492a6;
}
.page-nav ul a .dot-title { text-transform: uppercase;
  font-size: 14px;
  font-size: 14px; font-family: 'ronnia_basic_rgbold';

}
.page-nav ul a .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #323a45;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.page-nav ul a .dot.as-active {
  background: #323a45;
}
header {     /*z-index: 20;*/
  position: relative;
  /*min-height: 700px;*/
  /*background: url("../../files/images/home-top.jpg");*/
  background-position: center top;
  background-repeat: no-repeat; overflow: hidden; width:100%;
}

.tp-ausstellung header { background: url("../../files/images/home-top.jpg"); overflow: inherit;}

header::after, .tp-ausstellung header::after { position: absolute; bottom: 0px; height: 45px; width: 100%; background:url(../../files/images/bg-mesh-top.png) center bottom repeat-x; content: ''; display: block; z-index: 999;}
.tp-ausstellung header::after, header.module.parallax-8::after { background:url(../../files/images/white-sep-btm.png) center bottom repeat-x; }
section.onepager { min-height: 350px;}
@media only screen and (max-width:1023px) {
  header {
    background-attachment: scroll;
  }
}

header  .title { 
	/*z-index: 11;*/
  position: absolute;
  top: 50%;
  padding: 0 15px;
  -webkit-transform: translateY(-30%) translateX(-50%);
  -moz-transform: translateY(-30%) translateX(-50%);
  -o-transform: translateY(-30%) translateX(-50%);
  -ms-transform: translateY(-30%) translateX(-50%);
  transform: translateY(-30%) translateX(-50%);
}

header #slider .title { 
	/*z-index: 11;*/
  position: relative;
  top: 43%;
  padding: 0 15px;
  -webkit-transform: translateY(-30%) translateX(-50%);
  -moz-transform: translateY(-30%) translateX(-50%);
  -o-transform: translateY(-30%) translateX(-50%);
  -ms-transform: translateY(-30%) translateX(-50%);
  transform: translateY(-30%) translateX(-50%);
}



#inner-page-one header.parallax-8 .title { max-width: 1170px; top: 35%;}

.inner-page { max-width: 970px;}
.inner-page p { font-family: 'ronnia_basic_rgbold'; font-size: 36px; line-height: 48px; margin-bottom: 300px; }
@media only screen and (max-width: 600px) {

  header  .title {
    position: absolute; top: 35%;
  }

  header #slider .title {
    position: relative; top: 10%;
  }
}
@media only screen and (max-width:768px) {
  header .title {
    top: 30%;
    -webkit-transform: translateY(0%) translateX(-50%);
    -moz-transform: translateY(0%) translateX(-50%);
    -o-transform: translateY(0%) translateX(-50%);
    -ms-transform: translateY(0%) translateX(-50%);
    transform: translateY(0%) translateX(-50%);
  }
}

header h1, .tp-ausstellung .module h2 {
  display: block;
  width: 100%;
  color: #fff;
  text-transform: none;
  font-style: italic; font-family: 'ronnia_basic_ebextrabold'; font-size: 80px; margin:15px 25px;
}
header p { font-family: 'ronnia_basic_rgbold'; font-size: 23px; color: #fff; line-height: 35px;}
@media only screen and (max-width:768px) {
  header h1 {
    font-size: 1.75em;
  }
}
@media only screen and (max-width:480px) {
  header h1 {
    font-size: 1.5em;
  }
}
header strong, .scroll-strong strong {
  text-transform: uppercase; display: inline-block; line-height: 40px; padding: 0 5px; color: #fff;
  letter-spacing: 1px; font-size: 14px; margin-bottom: 10px;
  font-family: 'ronnia_basic_rgbold'; background:url(../../files/images/blue-p.jpg) repeat; max-width: 180px; width: 100%; height: 40px;
}
.tp-ausstellung .module { display: block; text-align: center;}
header .arrow-down {
  width: 150px;
  height: 45px; font-family: 'ronnia_basic_rgbold'; font-size: 13px; text-transform: uppercase;
  margin: 3em auto 0; border: 2px solid #fff; line-height: 44px; color: #fff;
}

header .arrow-down:hover { background: #fff; color: #2da9d6;}
header .inner-page .arrow-down { border: none;}
header .inner-page .arrow-down:hover { background: none;}
header .inner-page .arrow-down svg circle, header .inner-page .arrow-down svg line { stroke:#fff;}


@media only screen and (max-width:768px) {
 /* header .arrow-down {
    //display: none;
  }*/
}
section { z-index: 25;
  position: relative;
  background: #FFF;
  overflow: hidden;
}

.small-heading h2 { margin-bottom: 25px; font-family: 'ronnia_basic_rgbold'; font-size: 15px; font-weight: normal; color: #d6a655; position: relative; text-transform: uppercase; padding-bottom: 12px; }
.small-heading h2::before { position: absolute; left: 0px; bottom: 0px; width: 20px; height: 3px; background: #d6a655; content: ''; display: block;}
section h3 { font-size: 36px; font-family: 'ronnia_basic_ebextrabold'; font-style: italic; margin-bottom: 25px; color: #2da9d6;}
section .mike-section h3 { margin-bottom: 50px;}
section h1,
section h2,
section h3,
section h4 {
  width: 100%;
}
section h1 {
  margin: 0 auto 1.25em;
  color: #323a45;
  font-size: 2.75em;
  text-transform: uppercase;
}

section p {
  width: 100%;  font-family: 'ronnia_basic_ltlight'; font-size: 17px; line-height: 27px;
  font-weight: normal;
}
section p.small {
  font-size: 1.125em;
}
section ul {
  list-style: none;
}
section ul li {
  font-family: 'ronnia_basic_ltlight';
}
section ul li i {
  margin-right: 0.25em;
  color: #F3BD00;
}
article {
  position: relative;
  padding: 125px 0;
}

@media only screen and (max-width:768px) {
  article {
    padding: 3em 0;
  }
}

@media only screen and (max-width:480px) {
  article {position: relative;
    padding: 3em 0;
  }
}
article.teaser {
  text-align: center;
}
article.teaser h1,
article.teaser h2,
article.teaser h3,
article.teaser p {
  margin: 0 auto 1.25em;
}

.headline { text-align: center; padding-bottom: 10px;}
article.headline h2 {font-family: 'ronnia_basic_ebextrabold'; font-size: 36px; color: #2da9d6; font-style: italic;}
article.headline p { font-size: 24px; line-height: 36px;}
article.headline h1,
article.headline h2,
article.headline h3,
article.headline p {
  margin: 0 auto 30px;  max-width: 1030px;
}


article.item-bg {
  background:url(../../files/images/common-bg.jpg) center top repeat;
}
article.item-bg { padding-bottom: 40px;}

footer {
  z-index: 2; /*fastmedia: vorher 100000 */
  position: relative;
  padding: 65px 0 0px;
  font-family: 'ronnia_basic_ltlight';
  color: #837867;
  background: url(../../files/images/common-bg.jpg) center top repeat-x;
}
footer::before { position: absolute; left: 0; right: 0; top: -45px; height: 45px; background: url(../../files/images/bg-mesh-top.png) center top no-repeat; content: ''; display: block;}
.copy-rt { color: #fff;}
.copy-rt p { margin-bottom: 0px; color: #fff; padding-top: 10px; font-family: 'ronnia_basic_rgbold'; font-size: 16px;}
.link-right, .link-left { float: right;}
.link-left { padding-right: 50px; padding-top:5px;}
.link-left a { display: inline-block; vertical-align: middle; padding-right: 30px; color: #fff; padding-left: 10px; position: relative; font-family: 'ronnia_basic_rgbold'; text-transform: uppercase; font-size: 14px;}
.link-left a::before { width: 0px; height: 0px; position: absolute; left: 0px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #fff; content: ''; top: 7px; }
.link-left a:hover { color: #2da9d6;}
.link-left a:hover::before { border-left: 4px solid #2da9d6;}

.mdl-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(50,58,69,0.9);
  visibility: hidden;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
  z-index: 101;
}
.mdl-overlay.as-active {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  visibility: visible;
}
.mdl {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  max-width: 768px;
  max-height: 640px;
  padding: 2em 0;
  background: #fef7dd;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  z-index: 102;
  overflow-y: scroll;
}

@media only screen and (max-width:768px) {
  .mdl {
    max-width: 100%;
    max-height: 100%;
  }
}
.mdl p {
  color: #444444;
}
.mdl .close {
  position: absolute;
  right: 2em;
  top: 2em;
  height: 48px;
  width: 48px;
  padding: 15px;
  background: #323a45;
  cursor: pointer;
}
.mdl .close:hover {
  background: #475363;
}

@media only screen and (max-width:480px) {
  .mdl .close {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    margin: 0 auto 1em;
    padding: 12px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
  }
}
.mdl svg line {
  stroke: #FFF;
  stroke-width: 2px;
}
@keyframes circle-full {
  from {
    stroke-dashoffset: 500;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes circle-full {
  from {
    stroke-dashoffset: 500;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes circle-none {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 500;
  }
}
@-webkit-keyframes circle-none {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 500;
  }
}
@keyframes loader {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes loader {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
.ie8 {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #323A45;
  z-index: 99999999;
  padding: 15%;
  color: #FFF;
  text-align: center;
  font-size: 24px;
  line-height: 36px;
}
.last-section span { margin: 60px auto;}
.last-section span, .last-section h3 { display: block; text-align: center;}
.last-section > ul { display: block; text-align: center; margin: 60px auto 30px; padding-bottom: 2px; border-bottom: 1px solid rgba(214,166,85,0.25);; max-width: 500px;}
.last-section > ul li { display: inline-block; padding: 0 0px 0 25px; width: 55%; background: url(../../files/images/sprite.png) left -133px no-repeat; margin: 0 -2px 35px; text-align: left; position: relative;}
.last-section > ul li:first-child::after { position: absolute; right: 35px; left: auto; width: 1px; top: 0px; height: 30px; background: rgba(214,166,85,0.25);; content: ''; display: block;}
.last-section > ul li:last-child { padding-right: 0px; background-position: left -110px; width: 45%;}
.last-section > ul li a { font-size: 18px; font-family: 'ronnia_basic_rgbold'; color: #d6a655; letter-spacing: 1px; }
.s-media-icon-end .s-media-section { margin: 0 auto 170px; float: none; text-align: center; max-width: 260px;}
.s-media-icon-end .s-media-section ul { float: none; text-align: center;}
.s-media-icon-end .s-media-section ul li { margin: 0 3px;}

.mobile-menu, .mob-c { display: none;}
.mobile-menu { position: absolute; left: 0px; right: 0px; top: 100%; background:#fff;}
.mobile-menu ul.nav, .sub-menu { padding: 55px 75px; margin: 0 auto; width: 100%; position: relative;}
.sub-menu { margin-bottom: 60px;}
.mobile-menu ul.nav li, .sub-menu li { display: block; width: 100%; position: relative;}
.mobile-menu ul.nav li a, .sub-menu li a { display: block; line-height: 50px; font-size: 28px; position: relative;}
.mobile-menu ul.nav li a:hover { color: #d6a655;}
.mobile-menu ul.nav li a::after, .sub-menu li a::after { position: absolute; right: 0px; top: 17px; width: 15px; height: 20px; content: ''; display: block; background: url(../../files/images/sprite.png) left -330px no-repeat; left: auto;}
.sub-menu li a { color: #2da9d6;}
.sub-menu li a::after { background-position: left -370px;}
.mobile-menu ul.nav::after, .sub-menu::after { position: absolute; top: auto; bottom: 0px; width: 88%; margin: 0 auto; background:rgba(214,166,85,0.25); height: 1px; bottom: 0px;height: 2px; content: ''; left: 0; right: 0; }

.resp-tab-content > p br { display: none;}
.brand { transition:opacity ease-in-out 0.4s 0s; -webkit-transition:opacity ease-in-out 0.4s 0s;}
/*.brand-hide { opacity: 0;}*/
.f-box-360 .bx-heading { position: relative;}
.f-box-360 .bx-heading::after { position: absolute; right: 20px; left: auto; width: 38px; top: 13px; height: 21px; background:url(../../files/images/360.png) right top no-repeat; content: ''; display: block;}

.mobile-menu .s-media-section { display: table; float: none; text-align: center; margin:0px auto 60px;}
.mobile-menu .s-media-section ul li { width: 72px; height: 72px; background: none;}
.mobile-menu .s-media-section ul li a { display: block; background: url(../../files/images/res-s-media.png) left top no-repeat; width: 100%; height: 100%; }
.mobile-menu .s-media-section ul li a.fb { background-position: 0px 0px;}
	.mobile-menu .s-media-section ul li a.fb:hover { background-position: 0px -72px;}
	.mobile-menu .s-media-section ul li a.yt { background-position: -75px 0;}
	.mobile-menu .s-media-section ul li a.yt:hover { background-position: -75px -74px;}
	.mobile-menu .s-media-section ul li a.fs { background-position: -148px 0;}
	.mobile-menu .s-media-section ul li a.fs:hover { background-position: -148px -74px;}
	.mobile-menu .s-media-section ul li a.ing { background-position: -222px 0;}
	.mobile-menu .s-media-section ul li a.ing:hover { background-position: -223px -74px;}
	.mobile-menu .s-media-section ul li a.trip { background-position: -297px 0;}
	.mobile-menu .s-media-section ul li a.trip:hover { background-position: -297px -74px;}

container {
    display:block;
    position:relative;
  top: 33%;
    width: 100%;
  height: 700px;
  border: none;
  overflow: hidden;
}



slide {

    display:block;
    position: absolute;
  width: 100%;
  height: 100%;
    top: 0;
  left: 0;
  right: 0;
  bottom: 0;
    background-size: cover;
  background-position: center;
      opacity: 1;
  transform: scale(1);
  z-index: 1;
}


/* Navigation buttons */
.next,
.prev {
  transition: 150ms linear all;
  position: absolute;
  top: 50%;
  cursor: pointer;
  width: 40px; height: 80px; overflow: hidden; background: url(../../files/images/slider-arrow.jpg) left top no-repeat;
}

.next {
  right: -40px; z-index: 10; background-position: 100% -160px;
}
.prev {
  left: -40px; z-index: 10;
}

container:hover .next { right: 0px;}
container:hover .prev { left: 0px;}
.next:hover { background-position: 100% -240px;}
.prev:hover { background-position: left -80px;}



@media only screen and (max-width: 1169px) {
/********************** inner page *************************/
.image-right img.aps-img:last-child { left: 110px;}
.image-left img.aps-img:last-child { left: 90px;}
header h1, .tp-ausstellung .module h2 { font-size: 60px;}
}

@media only screen and (max-width: 1105px) {
.leftmenu > ul > li, .rightmenu ul > li { margin-right: 10px;}
.leftmenu > ul > li > a, .rightmenu > ul > li > a { padding-left: 27px;}
#scrollspy-nav, .s-media-section { display: none;}
.hauptnavi { padding: 20px 0px 15px 0px;}
.mobile-nav { display: block;}
.js-nav.fixed {
	padding-bottom: 17px;
}


}

@media only screen and (max-width: 990px) {
.leftmenu { display: none;}
.rightmenu { float: right; text-align: right; width: 100%;}
.nav-top li a { font-size: 20px;}
.rightmenu ul > li { margin-right: 15px;}
.rightmenu ul li:last-child { display: none;}
.as-open-menu { display: block;}
.mod_changelanguage ul {
	text-align: left;
}

}


@media only screen and (max-width: 905px) {
.link-left { padding-right: 10px;}
header.module.parallax-8 { background-position: center center !important; background-attachment: scroll !important;}
}

@media only screen and (max-width: 853px) {
/*body { font-size: 28px;}*/
.container { max-width: 600px;}
.kalender .container { max-width: 100%;}
header .title {
    top: 70px;
}
.btn { font-size: 21px; float: none;}
a.btn::before { top: 10px; left: -3px;}

article.item-bg { padding: 80px 0 40px; text-align: center;}
.small-heading h2 { font-size: 21px;}
.small-heading h2::before { left: 0; right: 0; margin: 0 auto; height: 5px; width: 30px;}
section h3 { font-size: 45px;}
section p { font-size: 28px; line-height: 40px; }
.skrollable a.btn { float: none; width: 240px; padding: 10px; display: inline-block; border: 2px solid #d6a655; margin: 35px auto }
.skrollable a.btn:hover { background: #2da9d6; color: #fff; border-color: #2da9d6; }
.skrollable a.btn::before { background: none;}
.mike-section, #tabber { text-align: center;}
#tabber h3 { margin-bottom: 60px;}
.col-sm-4.f-box { margin-bottom: 45px; }
.bx-dis { padding: 20px 30px 65px;}
.bx-img strong img { width: 100%;}
.bx-heading { text-align: left; height: 104px; background-image:url(../../files/images/mob-bg.png); font-size: 34px; line-height: 55px; }
.bx-img:hover .bx-heading { background-position: left -104px;}
.left-tble h4, .right-tble h4 { font-size: 28px;} { font-size: 28px;}
.right-tble, .left-tble { width: 100%; padding: 0px; text-align: left; margin-bottom: 85px;}
.right-tble { margin-bottom: 60px;}
table td, .resp-tab-content > p.f-14, .resp-tab-content > p { font-size: 23px; text-align: left;}
.resp-tab-content > p.f-14, .resp-tab-content > p { line-height: 35px; margin-bottom: 35px;}
.resp-tab-content > p br { display: block;}
table td:nth-child(even) { text-align: right;}

/********************** Footer Section ************************/
.col-sm-3.footer-two, .col-sm-9.footer-one { float: left; width: 100%;}
.ftr { width: 50%; font-size: 28px; line-height: 40px; margin-bottom: 125px;}
.ftr h6, .ftr-lst h6 { font-size: 24px; color: #554835;}
.ftr ul li a { font-size: 28px; line-height: 45px;}
.ftr.f-3 { clear: left;}
footer { background-repeat: repeat;}
.ftr ul li a { padding-left: 22px; color: #554835;}
.f-1 address {color:#554835; margin-bottom: 65px;}
.ftr ul li a::before { border-width: 8px; top: 15px;}
.f-logo, .ftr-lst p { display: none;}
.ftr-lst address { font-size: 24px; color: #554835; margin: 35px auto; line-height: 35px;}
.f-logo-mob { display: block;}
.copy-rt { padding: 30px 0px;}
.link-right, .link-left { margin: 15px auto; float: none; text-align: center;}
.copy-rt p { text-align: center; padding-bottom: 10px;}

/**************** map section ******************/
.map-img, .map-address address br { display: none;}
.map-address { width: 100%; text-align: center; line-height: 36px; font-size: 24px; padding: 30px 20px;}
.map-address h6 { font-size:28px; text-transform: none; margin-bottom: 30px;}
.map-address ul li { display: inline-block; margin: 0 -2px; padding: 0 4%;}
.map-address ul li::before { top: 9px; left: -5px;}


/******************* inner page ****************/
header h1, .tp-ausstellung .module h2 { font-size: 50px;}
.image-right img.aps-img, .image-left img.aps-img, .image-left img.aps-img:last-child, .image-right img.aps-img:last-child { max-width: 50%; display: inline-block; margin: 0 -2px 25px; position: relative; left: auto; right: auto; top:  auto;}
.item .col-sm-6 { width: 100%; float: left;}
.text-forment { padding-bottom: 25px;}
.image-right, .image img, .image { right: 0px !important; opacity: 1!important; }
.image-left { left: 0px !important; opacity: 1!important; }
.text-forment ul li { font-size: 20px; line-height: 33px; text-align: left;}
.small-heading h2 { text-align: center;}
.s-media-icon-end .s-media-section { margin-bottom: 70px;}
.text-forment .btn.btn-left { float: none; width: 230px;}
.inner-page p { margin-bottom: 150px;}
.page-nav { display: none;}
#ausstellung header { min-height: 550px;}
#ausstellung header .title, #inner-page-one header .title { top: 100px; margin-top:0px !important; opacity: 1 !important}
#inner-page-one header .title { top: 15% !important; padding: 0 30px;}
#inner-page-one header .title h1 { margin: 20px auto;}
}

@media only screen and (max-width: 640px) {
#home header .title { position: relative; transform:none; margin: 0px auto !important; opacity: 1 !important; left: 0px; right: 0px; top: 0px; background:url(../../files/images/orange.png) repeat; padding: 0 30px 100px; }
container { height: 465px;}
.next, .prev { top: 83%;}
.prev { left: 0px; z-index: 999;}
.next { right: 0px; z-index: 999;}
#home header { min-height: 950px;}
#home header strong, #home .scroll-strong strong { position: relative; top: -380px; line-height: 50px; min-width: 250px; height:55px; font-size: 21px;}
#home header h1 { margin: 0 auto; position: relative; top: -350px; font-size: 85px;}
#home header p { font-size: 35px; line-height: 48px; margin-top: -220px;}
#home header .arrow-down { display: block; border-width: 3px; font-size: 21px; width: 250px; height: 55px; line-height: 50px; }
.f-box-360 .bx-heading::after { top: 27px;}

/************************ inner page ***********************/
.tp-ausstellung::before { background: none;}
article, article.item-bg { padding: 50px 0px;}
.arrow-down { margin: 0 auto;}
article.module.parallax-2, article.module.parallax-3, article.module.parallax-4, article.module.parallax-5, article.module.parallax-6 { height: 350px;}
}

@media only screen and (max-width: 550px) {
	article.item-bg { padding: 40px 0px;}
	section h3 { font-size: 30px;}
	section p, .left-tble h4, .right-tble h4, .ftr ul li a, .ftr-lst address { font-size: 20px; line-height: 30px;}
	table td, .resp-tab-content > p.f-14, .resp-tab-content > p { font-size: 16px;}
	.resp-tab-content > p.f-14, .resp-tab-content > p { line-height: 25px; margin-bottom: 20px;}
	.ftr { width: 100%; font-size: 20px; margin-bottom: 50px; line-height: 30px;}
	.ftr h6, .ftr-lst h6 { font-size: 20px; margin-bottom: 20px;}
	.f-1 address { margin-bottom: 25px;}
	.ftr ul li a::before { border-width: 6px; top: 11px;}
	.col-sm-5.a-left { display: none;}
	.mob-c { display: block;}
	.copy-rt { padding: 60px 0px; }
	.link-right, .link-left, .col-sm-7.a-right { text-align: center; float: none; margin: 0 auto;}
	.col-sm-7.a-right .link-right ul { margin-bottom: 50px;}
	.col-sm-7.a-right .link-right ul li { width: 84px; height: 84px; margin: 0 3px;}
	.col-sm-7.a-right .link-right ul li a { width: 100%; height: 100%;}
	.col-sm-7.a-right .link-right ul li a.fb { background-position: 26px -62px;}
	.col-sm-7.a-right .link-right ul li a.fb:hover { background-position: 26px -125px;}
	.col-sm-7.a-right .link-right ul li a.yt { background-position: -44px -64px;}
	.col-sm-7.a-right .link-right ul li a.yt:hover { background-position: -44px -125px;}
	.col-sm-7.a-right .link-right ul li a.fs { background-position: -117px -67px;}
	.col-sm-7.a-right .link-right ul li a.fs:hover { background-position: -117px -132px;}
	.col-sm-7.a-right .link-right ul li a.ing { background-position: -187px -67px;}
	.col-sm-7.a-right .link-right ul li a.ing:hover { background-position: -187px -130px;}
	.col-sm-7.a-right .link-right ul li a.trip { background-position: -258px -67px;}
	.col-sm-7.a-right .link-right ul li a.trip:hover { background-position: -258px -130px;}
	.copy-rt p { padding-top: 0px; margin-bottom: 15px; font-size: 24px; line-height: normal;}
	.link-left { padding-right: 0px; padding-top: 0px;}
	.link-left a {font-family: 'ronnia_basic_ltlight'; font-size: 21px; padding: 0px 24px; position: relative;}
	.link-left a:first-child::after { position: absolute; right: -5px; top: 0px; width: 1px; height: 20px; content: ''; background: #faf4e8; }
	.link-left a::before { border:none;}
	.nav-top li a { font-size: 16px;}
	/******************* inner page *****************/
	#ausstellung header .title { padding: 0 30px;}
	article.headline p { font-size: 21px; line-height: 30px;}
	.tp-ausstellung .module h2 { font-size: 42px; margin: 0 auto;}
	.text-forment ul li { line-height: 30px; font-size: 18px;}
	.text-forment p { margin-bottom: 20px;}
	.text-forment h3, .last-section span, .last-section > ul { margin: 20px auto;}
	.image-right img.aps-img, .image-left img.aps-img, .image-left img.aps-img:last-child, .image-right img.aps-img:last-child { margin: 0 auto 5px; max-width: 100%;}
	section.module.parallax, article.module.parallax { background-position: center center !important; background-attachment: scroll !important; }
	.last-section > ul li, .last-section > ul li:last-child { width: 50%;}
	.last-section > ul li a { font-size: 16px;}
	.last-section > ul li:first-child::after { right: 12px;}

	.mobile-menu ul.nav, .sub-menu { padding: 40px 30px;}
}

@media only screen and (max-width: 440px) {
	container { height: 350px;}
	.next, .prev { top: 77%;}
	#home header { min-height: 800px;}
	#home header .title { padding:0px 30px 60px;}
	#home header strong { font-size: 18px; height: 46px; top: -280px;}
	.nav-top li a { font-size: 13px;}
	.nav-top li { margin-right: 2px;}
	#home header h1{ font-size: 47px; top: -260px;}
	/*header p, #home header p { font-size: 25px; line-height: 38px; margin-top: -130px; display: none;}*/
	#tabber, .mike-section { padding: 50px 0px;}
	#map { padding: 20px 0px;}

	/***************** inner page *******************/
	.last-section > ul li, .last-section > ul li:last-child { width: 100%; margin-bottom: 2px; }
	.last-section > ul li:first-child::after { background: none; }
	#ausstellung .inner-page p { margin: 0 auto; font-size: 20px; line-height: 30px;}
	#ausstellung header { min-height: 350px;}
	#ausstellung header .title { top: 65px;}
	article.headline h2 { font-size: 30px;}
	.tp-ausstellung .module h2 { font-size: 35px;}
	.bx-heading { font-size: 25px; height: 60px; line-height: 30px;}
	.f-box-360 .bx-heading::after { top: 23px;}
	.btn { font-size: 17px;}
	.bx-dis {padding: 15px 30px;}
	.col-sm-4.f-box { margin-bottom: 20px;}
	#inner-page-one header p { margin-top: 0px; font-size: 22px; line-height: 25px;}
	#inner-page-one header h1 { font-size: 30px;}
	.mobile-menu ul.nav, .sub-menu { padding: 30px;}
	.mobile-menu .s-media-section ul li { margin: 0 5px;}
	.mobile-menu ul.nav li a, .sub-menu li a { line-height: 38px; font-size: 24px;}
	.mobile-menu ul.nav li a::after, .sub-menu li a::after { top: 10px;}
	.mobile-menu .s-media-section ul { float: none; text-align: center;}



}

@media only screen and (max-width: 370px) {
.leftmenu > ul > li a.clg2, .rightmenu ul li a.tel { padding-left: 17px;}
.nav-top li a { font-size: 11px;}
.nav-top li { margin-right: 0px !important;}
.map-address h6 { font-size: 25px; margin-bottom: 15px;}
.map-address { font-size: 20px; line-height: normal;}
.map-address ul li { padding: 0 11%;}
.link-left a { padding: 0 12px; font-size: 17px;}
.col-sm-7.a-right .link-right ul li { width: 80px; height: 80px;}
}

#scrollspy-nav .mod_navigation {
	margin-top: 0;
	padding-top: 0;
}

#header .mod_article {
	width: 100%;
}

ul.nav > li > a.active {
	color: #2baeda;
}

#container {
    position: relative;
    z-index: 1; /*fastmedia: vorher 1000 */
    background: #fff;
}

.inside {
	position: relative;
	background: #fff;
	/*z-index: 1000;*/
}

header {
	/*min-height: 520px!important;*/
}



.hauptnavi .tp-ausstellung:before {
	background: none!important;
}

.mod_breadcrumb {
	background: url('../../files/images/bcrumb.PNG') repeat-x scroll 0 0 #f4ead9;
	font-family: 'ronnia_basic_rgbold';
	margin-top: 145px;

}

.mod_breadcrumb {
	padding-top: 14px;
	padding-bottom: 9px;
}

.mod_breadcrumb li {
	float: left;
	margin-right: 10px;
	padding-right: 10px;
	text-transform: uppercase;
	font-size: 12px;

}

.mod_breadcrumb li {
	color: #2da9d6;
}

.mod_breadcrumb .first a {
	color: #d6a655;
}

.mod_breadcrumb li {
    background: url('../../files/images/spacer_bcrumb.png') no-repeat scroll right 8px transparent;
    padding-right: 14px;
}

.mod_breadcrumb li.last {
	background: none;
}


.mod_breadcrumb li a {
	color: #d6a655;
}
.contact-elem h3 {
	font-size: 36px;
	font-family: 'ronnia_basic_ebextrabold';
	font-style: italic;
	margin-bottom: 25px;
	color: #2da9d6;
	width: 100%;
}


.contact-elem p {
    width: 100%;
    font-family: 'ronnia_basic_ltlight';
    font-size: 17px;
    line-height: 27px;
    font-weight: normal;
}

.real_contact {
	max-width: 360px;
	box-shadow: 0px 0px 10px #ccc;
	background: url('../../files/images/real_contact_box_headline.PNG') no-repeat scroll 0 0 #fff;
	float: right;
	padding: 28px;
	padding-top: 20px;
	position: relative;
}

.real_contact .heading {
	font-family: 'ronnia_basic_rgbold';
	    font-style: italic;
	    color: #fff;
	    font-size: 19px;
	    letter-spacing: 1px;
	    margin-bottom: 40px;
}

.real_contact .image {
	position: absolute;
	top: 10px;
	right: 20px;
}

.real_contact .freetext .name {
	font-family: 'ronnia_basic_rgbold';
	font-size: 17px;
	color: #545454;
	margin-bottom: 15px;
}

.real_contact .free {
	font-size: 14px;
	margin-bottom: 35px;
	color: #837867;
}

.real_contact .email {
	background: url('../../files/images/mail_icon.png') no-repeat scroll left center transparent;
	padding-left: 20px;
	font-size: 17px;
	color: #d6a655;
	margin-bottom: 30px;
}

.real_contact .email a {
	color: #d6a655;
}

.real_contact .adress {
	color: #554835;
}

.bg-white {
	background: #fff!important;
	padding-top: 40px!important;
	padding-bottom: 40px!important;
}

.item-bg.bg-white h3,
.is_fullwidth h1 {
	font-size: 24px;
	color: #2da9d6;
	font-family: 'ronnia_basic_ebextrabold';
	font-style: italic;
	margin-bottom: 35px;
}

.item-bg.bg-white  p {
	font-size: 17px;
	    letter-spacing: 0.5px;
}

#footer .inside {
	    background: url(../../files/images/common-bg.jpg) center top repeat-x!important;
}

#main .inside ul {

}

#main .inside ul li {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 20px;
}

#main .inside a {
	color: #d6a655;
}

.bg-white .container {
    background: url('../../files/images/white_spacer.PNG') no-repeat scroll center bottom #fff!important;
	padding-bottom: 60px;
}

.boxes-section.no-bg::after,.boxes-section.no-bg .mike-section::before{
	background: none;
}

.boxes-section.no-bg .mike-section {
	padding-top: 50px;
}

.resp-tabs-container.event {
	padding: 35px;
}

.resp-tabs-container.event .resp-tab-content {
	padding: 0;
}

.elem {
	width: 100%;
	float: left;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.desc {
	font-size: 18px;
	font-weight: 500;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.elem:nth-child(odd) {
	background: #fefdf9;
}

.mod_eventlist h3 {
	display: none;
}

.mod_eventlist .col-sm-12 h3 {
	display: block;
}

.mod_eventlist a {
	text-transform: uppercase;
	font-size: 13px!important;
}

.mod_eventlist a:hover {
	color: #2da9d6!important;
}

.mod_eventlist .info {
	margin-top: 30px;
}

.map-address ul li {
	list-style-type: none!important;
	padding-left: 30px!important;
}


.no_header header {
    min-height: 271px!important;
}

.no_header #header .inside {
	height: 271px!important;
}

.no_header header::after {
	background: none;
}

.no_header #main {
	margin-top: -80px;
}

.no_header section,
.no_header .inside {
	background: transparent;
}

.no_header section.tabber-section {
	background: #fff;
}

.parallax.Oben_braun:before {
	    background: url(../../files/images/bg-mesh-top.png) center bottom repeat-x!important;
	    -ms-transform: rotate(180deg)!important; /* IE 9 */
	    -webkit-transform: rotate(180deg)!important; /* Chrome, Safari, Opera */
	        transform: rotate(180deg)!important;
}

.parallax.Unten_braun:after {
    background: url(../../files/images/bg-mesh-top.png) center bottom repeat-x;
}

.parallax.Unten_weiss:after {
    background: url(../../files/images/white-sep-top.png) center top repeat-x!important;
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
        transform: rotate(180deg);
}

.text-forment ul li {
   background: url(../../files/images/arrow.png) left 5px no-repeat;
   padding-left: 22px;
   padding-bottom: 4px;
   font-family: 'ronnia_basic_rgbold';
   list-style-type: none!important;
}

.col-sm-6.rightmenu {
	float: right;
}

.col-sm-6.rightmenu ul {
	float: right;
}

.contact-elem p {
	    color: #554835;
}

.item.item-bg.bg-white p {
	margin-bottom: 20px!important;
}

fieldset {
	border: 0 none;
	padding: 0;
}

.ce_form textarea,
.ce_form input.text {
	border: 1px solid #eee;
}

.ce_form label {
	margin-top: 8px;
	font-weight: bold;
}

.ce_form textarea {
	min-height: 286px;
}

input[type="text"], input[type="password"], input[type="number"], input[type="email"], input[type="file"], select, textarea {
	padding: 0.5em;
}


.ce_form .submit {
  float: right;
  background: #2da9d6 !important;
  cursor: pointer;
	margin-top: 10px;
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 25px;
	padding-right: 25px;
	border: 0 none;
	color: #fff;
	text-transform: uppercase;
  font-family: 'ronnia_basic_rgbold';
  font-size: 14px;
}

.contao-cookiebar .cc-btn { /*fastmedia: ergaenzt */
  padding: 14px 25px;
  border-radius: 0;
}

.privacy-button { /*fastmedia: ergaenzt */
  display: inline-block;
  cursor: pointer;
  padding: 14px 25px;
  font-size: 15px;
  outline: 0 none;
  border: 0;
  color: #fff;
  background: #000;
}

.privacy-button:hover { /*fastmedia: ergaenzt */
  background: #2da9d6;
}

a.cookies { /*fastmedia: ergaenzt */
  cursor: pointer;
}

a.tripadvisor { /*fastmedia: ergaenzt */
  border: 1px solid #34e0a1;
  display: inline-block;
}

.onepager .page-nav {
	opacity: 0.3;

}

.onepager .page-nav:hover {
//	opacity: 1;
}

.is_fullwidth {
	padding-top: 90px;
	padding-bottom: 45px;
}

.ce_dlh_googlemaps {
	margin: 0 auto;
}

.maps.is_fullwidth {
	padding-top: 0;
	padding-bottom: 0;
}

.is_fullwidth .border {
    background: url('../../files/images/white_spacer.PNG') no-repeat scroll center bottom #fff!important;
    padding-bottom: 60px;
}

h3.even_smaller {
    font-size: 27px;
}

.is_fullwidth.no-margin-top {
	padding-top: 20px;
}

.dlh_googlemap {
	width: 100%;
}

.static_absolute.legend {
    position: absolute;
    z-index: 100;
    right: 40px;
    bottom: 50px;
}

.dropdown {
	z-index: 100;
}


.mod_eventreader .back {
	margin-bottom: 30px;
}


.mod_eventreader p.back {
	display:none;
}

.full_width_map .dlh_googlemap {
	width: 100%!important;
	height: 400px!important;
}

.link-left .hyperlink {
	float: left;
}

.ftr.f-2 {
	padding-bottom: 50px;
}

.Unten_braun::after {
	    background: url(../../files/images/bg-mesh-top.png) center bottom repeat-x!important;
}

.has_tables table {

}

.has_tables table tr {

}

.has_tables table td {

}

.has_tables table td p {
	margin-bottom: 0;
}

.tp-ausstellung.no-strahl::before {
	display: none;
}

.mobile-menu .mod_navigation {
    min-height: 220px!important;
}

.mobile-menu .mod_customnav {
	min-height: 400px;
	/*    margin-top: -28px;*/
}

.mobile-menu ul.nav, .sub-menu {
    padding: 10px;
}



.start .mod_breadcrumb {
	display: none!important;
}

.start .ce_dma_eg_10 .col-sm-5 {
	opacity: 1!important;
	right: 0!important;
}

.start .ce_dma_eg_10 .col-sm-7 {
	opacity: 1!important;
}


.boxes-section a.btn:hover {
	color: #2da9d6 !important;

}

.nav-top.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1002;
}

.js-nav.fixed {
	position: fixed;
	top: 45px;
	width: 100%;
	z-index: 1001;
	box-shadow: 0px 0px 10px #aaa;
	padding-top: 20px;
	background-color: #fff;
}

/*
#header .container,
#header .inside {
	z-index: 300;
}


#header .container .inside {
	z-index: 300;
}

#header #main .inside {
	z-index: 200;
}*/

#wrapper {

}

.tp-ausstellung #wrapper {
	margin-top: 0;
}

#paedagogen-bildungstraeger {
	    margin-top: 80px;
}

#anfahrt,
#gastronomie,
#mediathek,
#barrierefrei,
#veranstalter,
#veranstaltungsdetails {
	margin-top: 80px;
}


.clg1.clg_bar:before {
	background: url('../../files/images/barrierefrei.PNG') no-repeat scroll 0 0 transparent;
	    background-position: 6px 0!important;
}


.onepager .page-nav a:hover,
.onepager .page-nav a.active {
	    color: #2baeda!important;
}

@media only screen and (max-width: 853px) {

	.resp-tabs-container .desc {
		display: none;
	}


}

#container .inside {

}

.start #header {
	    margin-top: 145px;
}

.fuehrungen #kopfzeile p,
.veranstaltungen #kopfzeile-42 p {
	font-size: 23px;
}

.no_header.kontakt #header,
.no_header.greenpath #header {
	    min-height: 570px!important;
}

.no_header.greenpath #header {
	min-height: 700px!important;
}

.no_header.kontakt #header .inside,
.no_header.greenpath #header .inside {
	height: auto!important;

}

.has_white_bg {
	background: #fff!important;
}

.has_white_bg.contact-elem .col-sm-4 {
	margin-bottom: 30px;
}

.tp-ausstellung footer {
  /* z-index: 10000000000000; // fastmedia: ausgeblendet */
}


.tp-ausstellung.no-strahl header.Unten_braun {
	    background: url(../../files/images/bg-mesh-top.png) center bottom repeat-x;
}

.has_white_bg.contact-elem .col-sm-4 .real_contact {
	width: 	100%;
}

header h1, .tp-ausstellung .module h2 {
	margin-left: 0;
}

#main .inside a:hover {
	color: #2da9d6;
}

.barrierefrei .col-sm-5.image.skrollable {
	right: 0!important;
	opacity: 1!important;
}

.no-strahl .skrollable.image {
	opacity: 1!important;
	right: 0!important;
}

.mathematikum #header p {
	font-size: 23px!important;
	    line-height: 35px!important;
}

a.clg2 {
	cursor: pointer;
}

header slide  .title {
	top: 40%;
}


@media only screen and (max-width: 440px) {
	.tp-ausstellung header {
	    min-height: 370px!important;
	}

	.tp-ausstellung header {
		display: none;
	}
}


.kontakt .is_fullwidth {
	margin-top: 80px;
}

/* Mart Start */
.tp-ausstellung::before {
	width: 0px;
}
.resp-tab-item:hover{
	color: #2da9d6 !important;
}

/* Mart Stop */


#slider .next,
#slider .prev {
	display: none;
}

.slick-next,
.slick-next:hover,
.slick-prev,
.slick-prev:hover,
.slick-prev:focus,
.slick-next:focus {
	right: 0;
	background: url(../../files/images/slider-arrow.jpg) left top no-repeat;
	height: 80px;
	right: 0px;
	width: 40px;
	background-position: 0px -160px;
}

.slick-prev,
.slick-prev:focus {
	background-position: 0 0;
}

.slick-next:hover {
	background-position: 0 -240px;
}

.slick-prev:hover {
	background-position: 0 -80px;
}



.slick-next:before,
.slick-prev:before {
	content: '';
}

.slick-prev {
	left: 0;
	z-index: 1000;
}

.slick-slider {
	margin-bottom: 0;
}


.no_min_height header#header:after {
	    background: url(../../files/images/bg-mesh-top.png) center bottom repeat-x;
}

.tp-ausstellung.no-strahl header.Unten_braun:after {
    background: url(../../files/images/bg-mesh-top.png) center bottom repeat-x!important;
}

.tp-ausstellung.no-strahl header.Unten_braun:after {

}

.derturm #header::after {

	    background: url(../../files/images/bg-mesh-top.png) center bottom repeat-x!important;
}

.derturm header .title {
	top:  40%;
}

.derturm .arrow-down {
	display: none;
}

.tp-ausstellung.ausstellung .inner-page p {
	margin-bottom: 0;
}

.ausstellung .arrow-down {
	display: none!important;
}


.ce_gallery {

}

.ce_gallery li {
	float: left;
	list-style-type: none!important;
	margin-bottom: 30px;
}

.ce_gallery ul {
	list-style-type: none!important;
}

.ce_gallery .row {
	margin-bottom: 50px;
}

#colorbox, #cboxOverlay, #cboxWrapper {
	    z-index: 9999999999999999!important;
}

.ce_downloads {
	margin-bottom: 30px;
}

.ce_downloads ul,
.ce_downloads ul li {
	list-style-type: none!important;
	padding-left: 0!important;
}

.contact-elem a {

}

.no_header.kontakt .contact-elem {
	margin-top: 80px;
}

#footer .inside .col-sm-9 {
	margin-bottom: 30px;
}

#article-53 .boxes-section:before {
	background: none;
}

.boxes-section:before {
	background: none!important;
}

.mathematikum .boxes-section::after,
.veranstaltungen .boxes-section::after {
	background: none;
}

.ausstellung .arrow-down {
	display: block!important;
	border: 0 none!important;
}

.js-page-nav {
	display: none;
}

@media only screen and (min-width: 1499px) {

	.js-page-nav {
		display: block;
	}

}

.s-media-section li {
	list-style-type: none!important;
	margin-left: 0!important;
}

@media only screen and (max-width: 400px) {

	.map-address ul li::before {
	    top: 2px;
	    left: 0;
	}

	.col-sm-7.skrollable.skrollable-before {
		opacity: 1!important;
	}

	.real_contact .heading {
		width: 200px;
	}

	.real_contact .email {
		text-align: left!important;
		font-size: 15px;
	}

	.has_white_bg.contact-elem .col-sm-4 {
	    margin-bottom: 30px;
	    float: left;
	    width: 100%;
	}

	.no_header.greenpath #header {
	    min-height: 600px!important;
	}

	.derturm table tr td {
		display: block;
		text-align: center;
	}

	iframe {
		width: 100%;
	}
}


.col-sm-7.skrollable.skrollable-before {
	opacity: 1!important;
}

.ce_downloads li {
	margin-left: 0!important;
	margin-top: 10px;
}

#ebene-6-detail ul li {
	margin-left: 0px!important;
	list-style-type: none!important;
	list-style-position: inherit!important;
}

.onepager .page-nav {
	opacity: 1!important;
}

.page-nav {
	top: 211px;
}


.ce_gallery li {
	margin-left: 0!important;
}

#colorbox {
	top: 0!important;
}
.mike-section {
	padding-top: 86px;
}

.real_contact .free {
	margin-bottom: 15px;
}

.real_contact .email {
	margin-bottom: 15px;
}

.text-forment {
    padding-bottom: 0;
}

article.item-bg {
    padding-top: 40px;
    padding-bottom: 40px;
}

.is_fullwidth {
    padding-top: 25px;
    padding-bottom: 25px;
}

.is_fullwidth .border {
	padding-bottom: 35px;
}

.bg-white {
	padding-top: 35px!important;
	padding-bottom: 35px!important;
}

.tp-ausstellung.ausstellung header .title {
	top: 34%;
}

#ebene-6-detail {
	padding-top: 40px;
	padding-bottom: 40px;
}
.s-media-icon-end .s-media-section {
	margin-bottom: 40px!important;
}

.ce_dlh_googlemaps {
	margin-bottom: 40px;
}
.fuehrungen .contact-elem {
	margin-bottom: 40px;
}

.bg-white .container {
padding-bottom: 10px;
}

#tabber {
	padding-bottom: 40px;
}
.kontakt .onepager .switch-right.contact-elem {
	margin-top: 0;
	padding-top: 0;
}

#veranstaltungsdetails {
    margin-bottom: 80px;
}

.impressum .is_fullwidth {
	padding-top: 120px!important;
	padding-bottom: 80px;
}


.module.parallax {
	background-attachment: fixed!important;
}

.mathematikum header .title {
	top: 43%;
}



@media only screen and (max-width: 1105px) {
	.mobile-menu ul.nav li a, .sub-menu li a {
	    line-height: 38px;
	    font-size: 24px;
	}
}


footer {
	padding-top: 35px;
}


.col-sm-4.f-box {
	margin-bottom: 30px;
}

header strong {
	max-width: none;
	width: auto;
	min-width: 180px;
}

.item.item-bg iframe {
	    margin-top: 60px;
}

.youtube_cls .col-sm-5 {
	right: -11.4161%!important;
}

.start .module.parallax {
	background-size: 2450px;
}

#responsive-design table {

}

#responsive-design table tr:nth-child(odd) {
	background: url(../../files/images/common-bg.jpg) center top repeat;
}

#responsive-design table tr td {

}


.euf_overlay__content {
	padding: 1.5rem;
}

.euf_overlay__content p a{
	font-weight: bold;
	text-decoration: underline;
}

.euf_overlay__close {
	font-size: 2rem;
}


@-webkit-keyframes wiggle {
  0% {
    -webkit-transform: rotate(0deg);
  }
  10% {
    -webkit-transform: rotate(-2deg);
  }
  20% {
    -webkit-transform: rotate(2deg);
  }
  30% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}

.wiggle-anim {
   -webkit-animation-name: wiggle;

   -webkit-transform-origin: 50% 50%;
   animation: 1s wiggle infinite alternate;
}

.ce_hyperlink.ticketshop {
    position: fixed;
    z-index: 1052;
    width: fit-content;
    left: calc(50% + 460px);
    padding-top: 10px;
		a {
			background-color: #fff;
			padding: 4px 1rem 6px 3rem;
			background-image: url(/files/images/ticketshop-blau.svg);
			background-repeat: no-repeat;
			background-size: 25px;
    		background-position: 10px 4px;
    		border-radius: 4px;
    		color: #2da9d6;
    		font-family: 'ronnia_basic_rgbold';
    		font-size: 14px;
    		text-transform: uppercase;
		}
}

@media only screen and (max-width:990px) {
.ce_hyperlink.ticketshop {
    left: 90px;
    top: 0px;
}
}
@media only screen and (max-width:500px) {
.ce_hyperlink.ticketshop {
    left: 70px;
    
    		a {
			background-color: #fff;
			padding: 4px 0.5rem 6px 2.2rem;
    			
    		}
	}
    .rightmenu ul > li {
        margin-right: 5px;
    }
	.col-sm-5.rightmenu {
		padding-right: 0;
	}
	#header .mod_rocksolid_slider {
		height: 300px;
	}
	.rsts-slides {
		height: 350px;
	}
}


.mod_rocksolid_slider .ce_text {
	text-align: center;
	position: absolute; 
	top: 18%;
	left: 50%;
	max-width: 900px;
	width: 100%;
	margin-left: -450px;
}

	.mod_rocksolid_slider .rsts-prev,
	.mod_rocksolid_slider .rsts-next,
	.mod_rocksolid_slider .rsts-nav {
		margin-bottom: 20px;
	}



	.mod_rocksolid_slider .ce_text {
		max-width: 700px;
		margin-left: -350px;
	}
	.mod_rocksolid_slider h1 {
		font-size: 50px;
	}
	.mod_rocksolid_slider p {
		font-size: 16px;
		margin-bottom: 0px;
		line-height: 20px;
	}
	.mod_rocksolid_slider header .arrow-down {
		margin: 10px;
		height: 35px;
		width: 150px;
		line-height: 20px;
	}


@media screen and (max-width: 750px) {
	.mod_rocksolid_slider .ce_text {
	top: 3%;
	left: 50%;
	max-width: 500px;
	margin-left: -200px;
	}
	.mod_rocksolid_slider h1 {
		font-size: 25px;
	}
	.mod_calendar table  {
		width: 900px;
	}
	.mod_calendar {
		overflow: auto;
	}

}

.mod_calendar {
	margin: 50px 10px;
}

.mod_calendar table {
	max-width: 1140px;
	border-collapse: separate;
  	border-spacing: 4px;
}

.mod_calendar table td {
		padding: 10px;
		box-shadow: inset 0px 2px 5px -2px rgba(0,0,0,0.4);
		vertical-align: top;
	}


.mod_calendar table thead th.head {
	background-color: #29a6d3;
	color: #fff;
	padding: 5px;
	height: 40px;
}

#main .calendar th.head a {
	color: #fff;
}

#main .calendar .head.previous a:hover,
#main .calendar .head.next a:hover{
	color: #fff;
	text-decoration: underline;
}

.mod_calendar .wt {
	font-weight: normal;
	}
.mod_calendar table tr {
	max-width: 100%;
}	
	
.mod_calendar table th, 
.mod_calendar table td {
	width: 12%;
	line-height: 120%;
}
.mod_calendar table th {
	border: 0px;
	text-align: center;
	
}

.mod_calendar .next {
	right: auto;
	position: relative;
	z-index: 0;
	background: none;
	background-position: 0 0;
}
  
.mod_calendar td.today {
	background-color: #29a6d3;
	color: #fff;
}

.mod_calendar .days .header {
	font-weight: 700;
}
.mod_calendar td .event {
	word-break: break-word;
}

#main .mod_calendar td.today a {
	color: #fff;
}


	
.mod_eventlist .winterpause {
	display: none;
}

.mod_calendar .event.winterp_einmal {
	display: none;
}

@media screen and (max-width: 850px) {
	.mod_calendar td .event {
	font-size: 80%;
	}
	#kalender .container {
		max-width: 100%;
	}	
	.mod_calendar table {
		max-width: 100%;
	}
	.mod_calendar .days .header {
		font-size: 14px;
	}
	.mod_calendar td .event {
		font-size: 14px;
		line-height: 120%;
	}
	.mod_calendar table td:nth-child(even) {
		text-align: left !important;
	}
	
}