@import url("bootstrap.min.css"); /* css by bootstrap */
html, body { height: 100%; }
body { height: 100%; overflow-y: scroll; overflow-x: hidden; font-family: 'Open Sans', sans-serif; font-size: 16px; color: #203e62; line-height: 1.6em; margin-top: 0px; background: #ffffff; /* Old browsers */ }
#map { width: 100%; height: 782px; }
.skimap, .hikemap { display: none; }
.skimap { display: inline-block; }
.csc-form-7 { position: absolute; margin: 0 0 0 -999em; display: none }
#id145 .oxTextLayer img { display: none }
#winterpano, #sommerpano { margin-top: 4em }
img { vertical-align: middle; max-width: 100%; height: auto; }
a, a:hover { color: #064B96; text-decoration: none; }
 h2, h3, h4 { line-height: 1.4; font-family: 'Open Sans', sans-serif; color: #202C4C; font-weight: 700; margin: 0; padding-bottom: 0.5em; }
#revolution-slider h1 { color: inherit; font-weight: inherit;  font-size:  inherit; padding: 0; margin: 0;font-family:  inherit; line-height:   inherit }

h2 { font-size: 28px; margin-top: 0px; font-weight: 500; color: #d74432 }
h3 { font-size: 22px; font-weight: 500 }
h4 { font-size: 14px; color: #d74432 }
.transition, #nav .navigation > li > a:after, .flexslider.logos img { -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; }
.text h3, .text h2 { margin-top: 1.5em }
.btn, .dyna_button a { color: #fff; background: rgba(4,47,95,1) }
.btn:hover { color: #fff; background: #202C4C }
.bg { position: relative; padding-top: 2em; padding-bottom: 0.5em; margin-bottom: 2em }
/*.wrap_container.blue { position: relative; }*/
.wrap_container > div:last-child:after { content: ''; display: table }
#content   .container > div {}
.bg:before, /*.wrap_container.blue:before*/ { display: table; content: ''; }
.bg:after, /*.wrap_container.blue:after*/ { content: ''; position: absolute; width: 6000px; left: -2000px; height: 100%; top: 0; z-index: -1; background: #e1ebf5; }
.bg .thumbnail { border: 0; padding: 10px }


#c9845 {
    position: relative;
    z-index: 1;
}
#siegel { position: absolute; top: 30px; right: 15px; width: 100px; height: auto ;z-index: 1;}
.imgbg .image { position: absolute; z-index: -1 }
#c238 .image img { max-width: 70%; position: relative; top: -20px; left: -10% }
#c238 .text { margin-left: 25%; background: #fff }
#c238 .text p { }
#c238 h2 { margin-top: 0; margin-bottom: 70px; margin-left: 25%; background: #fff }
#gthumb_inst0 { overflow: hidden; max-width: 100% }
.container { position: relative }
.redborder { max-width: 450px; border: 2px solid #CC1A03; background: #E1EBF5; color: #202C4C; margin-bottom: 20px }
.redborder h3 { font-weight: 700; margin-top: 15px; font-size: 19px }
.redborder .col-xs-3 img { margin: 15px }
.redborder .col-xs-9 { padding-right: 30px; word-break: break-word; }
#headimage { /*min-height: 300px;*/ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat }
.left-img.carousel-image img { margin: 0; }

#content .container {
    background: #fff;
    position: relative;
    /* z-index: 0; */
    }
@media (min-height: 900px) {
#headimage { min-height: 450px; }
}
.padding { padding-left: 15%; padding-right:15%; }
#headimage .image { margin-bottom: 0px; position: relative }
#headimage .image img, #headimage > img { width: 100%; height: auto }
#headimage .wrap { position: absolute; bottom: 0; text-align: center; width: 100%; }
#headimage .container { margin-bottom: 0 }
/*.xxxblue { background: rgba(4,42,84,0.5) }*/
#headimage .wrap_container { position: absolute; bottom: 0; z-index: 1; width: 100%; padding: 15px 0 15px 0 }
.box { position: relative; font-size: 13px; background: rgba(6,77,153,0.9); padding: 10px 10px 10px 10px; line-height: normal; text-align: left; min-height: 240px;  }
.box:hover { background: rgba(4,47,95,1); }
.xxxbox a { text-transform: uppercase; background: rgba(4,47,95,1); padding: 3px; text-align: center; display: block; position: absolute; bottom: 15px; left: 15px; right: 15px }
.rot .box { background: rgba(217,7,27,1.00) }
.box .text axxx { margin: 0 10px; position: absolute; left: 0; right: 0; bottom: 10px; }
.box .text { padding-bottom: 2em; }
.box.kachel { position: relative; padding: 0; text-align: center; border: 1px solid #fff; }


.container > div > .box.kachel { margin-left: -15px; margin-right: -15px}

.box.kachel .content { background: rgba(30,43,77,0.5); position: absolute; overflow: hidden; top: 0; right: 0; bottom: 0; left: 0 }

#cookie {width: 100%;bottom: 0;background: #fff;z-index: 10;}
#cookie #wrapper {padding-top:0.5em;}
#cookie p {width: 70%;text-align: center;float:  left;padding: 0.7em 0 0 0;}
#cookie #close {float:right;width: 30%;text-align:  center;}


.box.kachel.small .sep {; border-radius: 2px; content: ''; height: 5px; background: #d9432b; width: 60%; margin: 2em auto; position: absolute; bottom: 2em; left: 20%; }
.box.kachel:hover .content { background: rgba(213,69,43,0.7); }
.box.kachel:hover .sep { background: #fff; bottom: 1.5em; width: 70%; height: 7px; left: 15%; }
.box.kachel .content h3 { font-size: 3.5rem; height: auto; font-weight: 700; text-transform: unset; margin-top: 30%; position: relative; top: -1em; text-align: center; padding-bottom: 0; margin-bottom: 0; }
.box.kachel .content .desc { font-size: 18px; color: #fff; max-width: 70%; margin: 0 auto; }
.box.kachel .img { position: relative; }
.box.kachel .img img { width: 100% }
.box.kachel.big { }
.box.kachel.big h3 { font-size: 3.5rem; height: auto; margin-top: 50%; }
.box.kachel.hellblau .content { background: rgba(112,203,230,1) }
.box.kachel.hellblau:hover .content { background: rgba(33,164,218,1) }
.box.kachel.hellblau .sep { background: #fff }
.box.kachel.valign { display: block }
.valign .desc { display: flex; justify-content: center; align-items: center; height: 100%; }
.box.kachel .pano h3 { width: 100%; height: auto; margin: 0; position: absolute; text-align: center; top: 50%; margin-top: -1em }
.box.kachel .pano { position: absolute; top: 0; right: 0; bottom: 0; left: 0 }
.box.kachel .pano #gthumb_inst0 { height: 100% !important }
.box.kachel .pano #gthumb_inst0 img { height: 100% !important; width: auto !important }

.box:hover a { background: rgba(6,77,153,0.9); }
.box * { color: #fff !important }
.box h3 { margin: 0; padding: 0.5em 0 0.2em 0em; font-size: 18px; text-transform: uppercase; text-align: left }
#headimage { text-align: center; position: relative; z-index: 0; max-width: 2400px; margin: 0 auto; }
/* */
/*****WETTER*********************************************************************************************/
#weather > p { font-size: 5rem; }
#weather { color: #fff; font-size: 35px; text-align: right; text-transform: uppercase; }
#weather h3 { float: left; }
#weather i { color: #fff; font-family: 'weather' !important; font-size: 15rem; font-weight: normal; font-style: normal; line-height: 1.0; }
#weather { }
#weather ul { font-size: 2rem; margin: 0; padding: 0; }
#weather li { list-style-type: none }
#weather .currently { margin: 0 20px; }
#top { z-index: 15; background: #21a4da; }
#top .container { padding-top: 12px; padding-bottom: 6px; text-align: left; line-height: 1em }
#top .buttons >div { float: right; margin-left: 1em; top: -1px; }
h1:after { background: #1e2b4d; }
#logo { margin: 0; position: absolute; z-index: 15; top: -25px; background: #fff; padding: 15px; border-radius: 0 0 15px 15px; }
#nav { position: relative; background: #042a55 }
.helper { position: absolute; right: -20px; height: 20px; width: 1px; }
.helper > div { background: #042a54; height: 20px; width: 2000px }
.helper:before { position: absolute; left: -20px; content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 0 20px 20px; border-color: transparent transparent #042a54 transparent; }
#nav .helper { top: 0px; right: auto; left: 0px }
#nav .helper > div { position: absolute; right: 20px; }
#nav .helper:before { border-width: 20px 20px 0 0; border-color: #042a54 transparent transparent transparent; }
#content .helper { top: -20px }


.powermail_fieldwrap{display: flex;
  justify-content: flex-end;
  padding: .5em;}

.powermail_fieldwrap .powermail_field{
  flex: 1;
}

.tx-powermail .powermail_fieldset .powermail_field { width: 400px; padding: 5px; margin: 0; border: 0px solid #bbb !important; color: #444; float: right; font-size: inherit; }
.powermail_form > h3 { display: none }


.powermail_radio_legend, label, .powermail_label { font-weight: normal !important; font-size: 14px; color: #203e62 }
.tx-powermail .powermail_fieldset .powermail_radio_outer, .tx-powermail .powermail_fieldset .powermail_captcha_outer, .tx-powermail .powermail_fieldset .powermail_check_outer, .tx-powermail .powermail_fieldset .powermail_fieldwrap_text, .tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul:not(.parsley-errors-list) { background-color: transparent !important; border: 0px solid #bbb !important; }
.tx-powermail .powermail_fieldset { border: 0px solid #bbb !important; padding: 10px; margin: 0 0 20px 0; background: #E1EBF5 !important; }
.tx-powermail .powermail_fieldset .powermail_legend { color: #064B96 !important; border: 0; float: right; margin: 3px 0 10px 0; font-size: 200%; white-space: normal; }
.tx-powermail h3 { font-size: 16px; margin-top: 1.5em }
.powermail_label span { display: block; }
.powermail_label span.mandatory { display: inline-block; }
.tx-powermail .powermail_create, .tx-powermail .powermail_confirmation { border: 0px solid #bbb !important; padding: 10px; margin: 0 0 20px 0; background: #fff !important; overflow: hidden; }
#menuBtn {top: -5px; float: right; z-index: 2; background: rgba(6,77,153,0.9);  position: relative; margin: 5px -15px 5px 20px; display: none;font-size: 20px; }
#menuBtn .icon-bar { background: #fff; margin: 7px 0; display: block; height: 3px }
.body-bg {min-height: 100%;position: relative;/* z-index: 0 */}
#content { min-height: 300px; padding-bottom: 150px; overflow-x: hidden; max-width: 2400px; margin: 0 auto; }
#content.full { padding-bottom: 0px; }
#content .row { margin-bottom: 2em }

#content  .no-padding {margin: 0 ;}
#content .container .no-padding {margin: 0 -15px;}
#content .no-padding > div { padding-left: 0px; padding-right: 0px; }
#content .no-padding > div .csc-textmedia-text{ padding-left: 15px; padding-right: 15px; }



#indexedsearch { position: relative; }
#middle { background: #042c58; }
.searchbox-sword { width: 100%; border: 0; color: #084e9c; padding: 3px 30px 3px 7px; font-size: 14px; height: 25px; border-radius: 3px; margin-top: 1px; }
.submitsearch { padding: 7px; font-size: 18px; position: absolute; right: 0px; top: -3px; background: none; border: none; color: #3DA7D8 }
#lang { width: 30px; margin-left: 3px !important; position: relative; padding: 0; z-index: 15; margin-top: 2px; }
#season { padding: 1em 0 0 5px; margin-top: 17px; float: right }
#lang .language { position: absolute; }
#lang a { padding-bottom: 0px; display: block; }
#lang span { display: none; margin-right: 3px; padding: 2px; }
#lang:hover span { display: block; }
#lang span:last-child { margin-right: 0px }
#lang span img { width: 30px; max-width: none; height: 24px; border-radius: 4px; margin-bottom: 5px }
#lang .leer img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; }
#lang span.active { display: block; top: 0; float: left }
#lang { display: none; }
.text ul { margin: 0 0 1em 0; padding: 0 0 0 1.5em }
.text li { margin: 0 0 1em 0; padding: 0 }
#content .csc-menu { list-style-type: none; margin: 0 20px 0 0; padding: 0 }
#content .csc-menu li { display: inline-block; margin: 0; padding: 0 }
#content .csc-menu li a { background: #203e62; margin: 0 10px 10px 0; color: #fff; padding: 5px 15px; font-size: 14px; display: block; }
#content .csc-menu li a:hover { background: #e1ebf5; color: #203e62 }
#supersized-loader { position: absolute; top: 50%; left: 50%; z-index: 0; width: 60px; height: 60px; margin: -30px 0 0 -30px; text-indent: -999em; background: url(../img/progress.gif) no-repeat center center; }
#supersized { display: block; position: fixed; left: 0; top: 0; overflow: hidden; z-index: -999; height: 100%; width: 100%; }
#supersized img { width: auto; height: auto; position: relative; display: none; outline: none; border: none; margin-left: 20px; max-width: none; min-width: 100% }
#supersized.speed img { -ms-interpolation-mode: nearest-neighbor; image-rendering: -moz-crisp-edges; }  /*Speed*/
#supersized.quality img { -ms-interpolation-mode: bicubic; image-rendering: optimizeQuality; }      /*Quality*/
#supersized li { display: block; list-style: none; z-index: -30; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; background: #111; }
#supersized a { width: 100%; height: 100%; display: block; }
#supersized li.prevslide { z-index: -20; }
#supersized li.activeslide { z-index: -10; }
#supersized li.image-loading { background: #111 url(../img/progress.gif) no-repeat center center; width: 100%; height: 100%; }
#supersized li.image-loading img { visibility: hidden; }
#supersized li.prevslide img, #supersized li.activeslide img { display: inline; }
#socials a { font-size: 29px; padding-right: 5px; text-decoration: none; line-height: 1em; color: #fff; margin-bottom: -3px }
#footer { background: #042a54; color: #fff; width: 100%; }
#footer .equal-height .col-md-4 { border-right: 1px solid #fff }
/* position: fixed; bottom:0; z-index:2;overflow:hidden;*/
#footer a, #footer h2 { color: #fff }
#breadcrumb { background: #202C4C; font-size: 13px; color: #fff; border-bottom: 1px solid #fff }
#breadcrumb a { color: #fff; }
.breadcrumb-section .breadcrumb { padding: 0px; }
.breadcrumb-section .breadcrumb li { padding: 4px 0; }
#footer .bottom { padding: 4em 0; min-height:
}
#footer .csc-menu { list-style-type: none; margin: 0 20px 0 0; padding: 0 }
#footer .csc-menu li { display: inline-block; margin: 0; padding: 0 }
#footer .csc-menu li a { display: block; margin: 0; padding: 0px 20px 0px 0px }
#footer .csc-menu-def { }
#footer .csc-menu-def li { display: block; margin: 0 0 1em 0; padding: 0 }
.footer-section { line-height: 1.8em; margin-top: 1em }
.csc-mailform ol { list-style: none }
div.csc-mailform ol, div.csc-mailform ol li { padding-bottom: 1em }
#nav, #footer { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#042d5b+0,064a94+50,042d5b+100 */ background: #1e2b4d; }
#nav { border-bottom: 1px solid #fff; border-top: 1px solid #fff; position: relative; z-index: 10; }
#nav .buttons { padding-top: 12px }
.landingpage #sommer, .landingpage #winter { display: none }
.navigation { margin: 0; padding: 0; }
#sommer, #winter { background: #202C4C; color: #fff; text-transform: uppercase; padding: 10px 10px; font-size: 16px; display: inline-block; line-height: 1em; border-radius: 5px }
#nav-responsive #sommer, #nav-responsive #winter { width: 49% }
.summer.mainpage #sommer, .winter.mainpage #winter { background: #fff; color: #202C4C }
#nav .navigation > li > a { padding: 15px 1.2em 5px 1.2em; font-weight: 400; display: block; color: #fff; margin-bottom: -5px }
#nav .navigation > li > a { font-size: 17px; background: transparent; text-transform: uppercase; padding: 25px 0.5em 20px 0.5em; line-height: 1em; }
#nav .navigation > li:last-child > a { margin-right: -0.5em }
#nav .navigation > li { display: inline-block; }
#nav .navigation > li > a:after { content: ''; background: transparent; border-radius: 3px; width: 100%; height: 7px; display: inline-block; }
#nav .navigation > li > a.current:after, #nav .navigation > li > a:hover:after { background: #dc2e12; }
#nav .navigation { list-style: none; margin: 0 0 0 45px; padding: 0; font-size: 16px; position: relative; list-style: none outside none; }
#top .navigation { margin: 0 0 0 45px; }
#nav .navigation ul {; border-radius: 5px; background: #3DA7D8; display: none; box-shadow: rgba(0,0,0,0.3); position: absolute; z-index: 10000; margin-left: 0.7em; padding: 15px 0; }
#nav .navigation li:hover > ul { display: block; }
#nav .navigation > li { display: inline-block; padding: 1em 0 0.2em 0; }
#nav .navigation ul li { display: block; text-align: left; padding: 0; margin: 0 }
#nav .navigation ul li a:after { display: none }
#nav .navigation > li > ul > li a { color: #fff; padding: 12px 15px; display: block; min-width: 150px }
#nav .navigation > li > ul > li a:hover, #nav .navigation > li > ul > li a.current { background: #e1ebf5; color: #203e62 }
#nav .navigation ul ul { left: 150px; margin-top: -32px; background: #70cbe6 }
#nav .navigation > li > ul > li li a { }

.body-bg.l2 #nav .navigation > li > a { font-size: 16px;}


.scheebericht { color: #fff; text-shadow: 2px 2px 2px #000; line-height: normal; font-size: 14px; position: absolute; text-align: center; top: 20px; bottom: 10px; left: 40px; right: 10px; }
.scheebericht p { margin: 0; text-align: center; width: 100%; }
.scheebericht strong { color: #d74432 }
.scheebericht .row { margin-bottom: 0em !important; width: 100% }
.scheebericht .first { position: absolute; top: 20px }
.scheebericht .second { position: absolute; top: 60%; margin-top: -40px }
.scheebericht .third { position: absolute; bottom: 20px }
.scheebericht div[class*='col-'] { padding: 0 5px; }
.box_white p { color: #000; text-shadow: none; width: 100%; background: rgba(255,255,255,0.9); padding: 5px; border-radius: 8px; text-align: center }
#nav-responsive #winter { margin-left: 2px; }
#nav-responsive {padding: 0 0 0 0;z-index: 2000;display: none;position: absolute;top: 0px;text-align: left;background: #fff;box-shadow: 2px 2px #ccc;max-width: 100%;overflow: hidden;width: 400px;}
#nav-responsive .navigation { margin:10px 0 }
#nav-responsive .navigation li { display: block; text-align: left; position: relative }
#nav-responsive li a { font-size: 16px; padding: 10px 15px; display: block; }
#nav-responsive .navigation >li ul { padding-left: 0; display: none }
#nav-responsive > ul > li > a { background: #202C4C; color: #fff; margin-bottom: 1px }
#nav-responsive > ul > li > span { color: #fff;  }
#nav-responsive > ul > li >  ul li > a { background: #3DA7D8; color: #202C4C;}
#nav-responsive > ul > li >   ul  ul li > a { background: #fff; color: #202C4C; }
#nav-responsive > ul > li li li a { font-size: 14px }
#nav-responsive #lang { display: block !important; }

#nav-responsive .navigation li span.sub{
    position: absolute;
    right: 10px;
    top: 0;
    padding: 1em;
    cursor: pointer;
    z-index: 10;
}


#top .navigation { margin-top: 8px; ma
}
#top .navigation > li > a { line-height: 1em; text-transform: uppercase; font-size: 14px; padding: 0px 1em 0px 1em; font-weight: 400; display: block; color: #fff; }
#top .navigation > li:first-child > a { padding-left: 6px }
#top .navigation .icons-facebook { position: relative; top: 0px }
#top .navigation > li { display: inline-block; }
.breadcrumb-section, .breadcrumb { color: #98bbdb; padding: 0px; background-color: transparent; border: 0px; margin-bottom: 0px; }
.breadcrumb > .active { color: #98bbdb; }
.tx-indexedsearch input { margin: 0 1em 1em 1em }
.tx-jpfaq-pi1 ul { padding-bottom: 0px !important; }
.tx-jpfaq-pi1 .toggleTrigger { font-weight: 400; color: #202C4C; font-style: italic }
.tx-jpfaq-pi1 fieldset { float: right; }
.btn, .btn-primary, input[type="submit"], a.msFrontButton, .dyna_button a {
font-size:  !important; border: 0; color: #ffffff; background-color: #202C4C; border-color: #042a54; padding: 3px 10px; }
.tx-felogin-pi1 .btn { margin-top: 1em }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #ffffff; background-color: #042a54; border-color: #202C4C; }
#headimage .tx-browser-pi1 .oxMapArea { width: 100% !important; height: 400px !important }
#headimage .tx-browser-pi1 .mapview-content form { right: 0; padding: 3px !important; top: 10px; position: absolute; z-index: 1000; background: rgba(255,255,255,0.9); }
#headimage .tx-browser-pi1 { position: relative }
#headimage .tx-browser-pi1 h1 { display: none }
#headimage .tx-browser-pi1 .olMap { margin: 0 0 0em !important; }
.tx-browser-pi1-single li.tx-browser-pi1 { list-style-type: none; }
.tx-browser-pi1-single #oxMap-filter-module { display: none }
.tx-browser-pi1-single li.tx-browser-pi1 figure { list-style-type: none; margin-bottom: 1em }
div.adress span { display: block }
div.adress .city, div.adress .zip { display: inline-block; margin-right: 5px }
div.adress .phone { margin-top: 10px }
figcaption { padding: 2px; background: #e1ebf5 }
.browseLinksWrap { text-align: center; margin-bottom: 1em }
.browseLinksWrap span, .browseLinksWrap a { padding: 3px }
.listview-content .poi h3 { margin: 0 0 0.5em; padding: 0; line-height: normal; word-break: break-word; font-size: 19px; }
.listview-content .poi h3 a { display: inline-block; font-size: 16px; }
.listview-content .poi { line-height: normal; font-size: 13px; background: #e1ebf5; height: 270px; display: block; margin-bottom: 10px }
.listview-content .poi .img { height: 130px; overflow: hidden; }
.listview-content .poi img { width: 100%; background: #408bb7; height: auto; }
.listview-content .poi .desc { padding-top: 10px }
.listview-content .poi .title { height: 100px; text-align: center; margin: 0 15px }
.listview-content .poi .city { height: 40px; padding: 0 15px; }
.listview-content .poi .city > span { text-align: center; position: relative; top: 50%; transform: translateY(-50%); display: block; }
.listview-content .poi h3 { position: relative; top: 50%; transform: translateY(-50%); }
.listview-content .poi.premium { background: #1A6FA2; color: #e1ebf5; }
.listview-content .poi.premium  h3, .listview-content .poi.premium a { color: #fff; }




#c429, #c1055 { overflow: hidden; width: 100%; overflow: hidden }
.flexslider .row { margin: 0 }
div.flexslider { margin: 0 }
#headimage .flex-direction-nav a { background: #042a54; }
#content .flex-direction-nav a { text-decoration: none; background: transparent; display: block; top: 50%; height: 40px; width: 40px; margin: -20px 0 0; position: absolute; z-index: 10; overflow: hidden; cursor: pointer; color: rgba(0,0,0,0.00); }
.flex-direction-nav a:before { font-size: 24px; }
#content .flex-control-nav { bottom: 40px; z-index: 1000; }
#ddsd { max-width: 100%; width: 100%; overflow: hidden }
#ddsd { max-width: 100%; width: 100%; overflow: hidden }
#pano { width: 100% !important; overflow: hidden; }
.pano { background: #BCBCBC; text-align: center }
.gthumb { width: 100% !important }
#id75 .listview-content .poi { height: 110px; }
.indexBrowser li { display: inline-block; list-style-type: none; min-width: 3.67%; padding: 0; margin: 0.1% }
.indexBrowser li a { background: #e1ebf5; display: block; padding: 3px; text-align: center }
.indexBrowser li a.without-href { color: #999 }
.indexBrowser { margin: 0 0 1em 0; padding: 0; width: 100% }
img.oxMap-tooltip-icon { max-width: 24px; height: auto !important; }
.catmenu ul { float: left; list-style-type: none; margin: 0; padding: 0 }
.catmenu li { display: inline-block; margin: 0; padding: 0 }
.catmenu li a { display: block; margin: 1px 0; padding: 5px 10px; background: #1a6fa2; text-align: center; color: #fff }
.main-section .image-beside-left .image-wrap, .main-section .image-beside-right .image-wrap, .main-section .image-intext-left .image-wrap, .main-section .image-intext-right .image-wrap { max-width: 30%; }
.image-beside .image-wrap { margin-top: 0 }
.banner a { padding: 10px; box-shadow: 3px 3px 5px rgba(0,0,0,0.5); background: #fff; margin: 0 20px 20px 0; display: inline-block }
#searchfield { float: right; margin-top: 2em }
iframe { border: 0; }
#bahn-schnellsuchen { float: right }
#revolution-slider { position: relative; z-index: 0; }
#revolution-slider > ul { display: none }
.tp-rightarrow.default, .tp-leftarrow.default { background: none !important; font-size: 4em; opacity: 0.5 }
.tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { color: #fff; font-size: 2em; text-transform: uppercase; }
.tp-caption.custom-font-1 { font-weight: 400; padding: 1em 4em 1em 0; line-height: 1.3em; }
.tp-caption.custom-font-1 .content1 { max-width: 50% }
.tp-caption.custom-font-1:after { content: ''; background: rgba(30,43,77,0.7); position: absolute; width: 3000px; top: 0; bottom: 0; right: 0; z-index: -1 }
.tp-caption.custom-font-1:before { content: ''; background: #da412f; float: left; height: 2.3em; width: 8px; border-radius: 5px; position: relative; top: 8px; margin-right: 1em }
.flexslider.logos {text-align: center}
.flexslider.logos img {     max-height: 150px;
    width: auto;padding:2em 3em; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.6 }
.logos img:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); filter: grayscale(0%); opacity: 1 }
#content .flexslider .row { margin-bottom: 0 }

@media (max-width: 1400px) {
#top .navigation > li > a { padding: 0px 0.5em 7px 0.5em; }
.box.kachel .content h3 { font-size: 2.5rem }
.box.kachel .content .desc { font-size: 16px; }
}


@media (min-width:480px) {


  

}
@media (max-width:480px) {

.flexslider.logos img {
  max-height: 120px;}
}

@media (max-width: 767px) {
.box.kachel.small .sep { display: none }
#weather ul { font-size: 1.5rem; }
#weather i { font-size: 9rem; }
#logo img { width: 120px }
#top .navigation, #top .buttons > div, #nav { display: none }
#menuBtn { display: block }
#footer .equal-height .col-md-4 { border-right: 0px solid #fff; }
#footer .row.equal-height { display: block }
#logo img { top: 0px; z-index: 100000 }
.scheebericht { font-size: 10px; line-height: 1em; top: 5px; bottom: 5px; left: 30px; right: 0px; }
.box_white p { padding: 1px; border-radius: 2px; }
#menuBtn { display: block }
#header .navigation, #nav .navigation { display: none }
#headimage .wrap { position: relative }
h1 { font-size: 26px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }
#footer { poverflow: visible; }
.buttons #sommer, .buttons #winter { display: none }
#lang span { display: inline-block !important; margin-right: 10px; float: none !important; }
#lang .language { position: relative; width: 200px; }
.buttons #lang .language { display: none }
#id6 #headimage, #id5 #headimage, #id1 #headimage { position: relative; min-height: 300px }
#headimage .wrap_container { position: relative; }

.box { margin-bottom: 0px; }
#footer .csc-menu-def { float: left }
  .box.kachel .content h3 { font-size: 2.0rem }
}

@media (max-width: 1200px) {
#sommer, #winter { padding: 6px 5px; }
#nav .navigation > li > a { font-size: 15px; }
#top .navigation, #nav .navigation { margin: 0 0 0 0px; }
.padding { padding-left: 8%; padding-right: 8%; }
    .flexslider.logos img {    padding: 2em 5px;}
    
.body-bg.l2 #nav .navigation > li > a { font-size: 14px;}
}

@media (max-width: 992px) {
  


}

@media (min-width: 767px) {
#menuBtn { display: none }
.equal .row, .equal .row > div[class*='col-'] { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.row.equal-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  
.row.equal-height   iframe {     position: absolute;    height: 100%;    width: 100%;}
  
  
  
}
  
.vertical-align >.row {     display: table;
    table-layout: fixed;
    width: 100%;   height: 100%;}
.vertical-align > .row > div { display: table-cell; vertical-align: middle; float: none}
  

.touch #menuBtn { display: block }
.touch #header .navigation, .touch #nav , #top .navigation, #top #search{ display: none }
.touch #headimage .wrap { position: relative }
.touch h1 { font-size: 26px; }
.touch h2 { font-size: 22px; }
.touch h3 { font-size: 18px; }
.touch #footer { overflow: visible; }
.touch .buttons #sommer, .touch .buttons #winter { display: none }
.touch #lang span { display: inline-block !important; margin-right: 10px; float: none !important; }
.touch #lang .language { position: relative; width: 200px; }
.touch .buttons #lang { display: none }
.touch #headimage .wrap_container { bottom: 100px }
.touch #footer { position: relative }
.carousel-fade .carousel-inner .item { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; }
.carousel-fade .carousel-inner .active { opacity: 1; }
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; }
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-control { z-index: 2; }
span.gesperrt { color: rgba(255,51,0,1) }
span.offen { color: rgba(0,153,102,1) }
html, body, .carousel, .carousel-inner, .carousel-inner .item { height: 100%; }
table h2 { font-size: 18px; color: #fff; margin: 0 !important; padding: 0 }
 table a:link { font-weight: bold; text-decoration: none; }
 table a:visited { font-weight: bold; text-decoration: none; }
 table a:active, .text table a:hover { text-decoration: underline; }
table h3 { color: #fff; font-size: 16px }
 table { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: #eaebec; margin: 20px 0; border: #ccc 1px solid; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 2px #d1d1d1; -webkit-box-shadow: 0 1px 2px #d1d1d1; box-shadow: 0 1px 2px #d1d1d1; }
 table p { padding: 0; margin: 0 }
 table th { padding: 5px; border-top: 1px solid #fafafa; border-bottom: 1px solid #e0e0e0; color: #fff; text-shadow: none; background: #5E9ADB; font-size: 16px }
 table tr.head th { font-weight: normal; font-size: 14px }
table tbody { border-top: 1px solid #e0e0e0; }
 table th:first-child { text-align: left; padding-left: 20px; }
 table td:first-child { text-align: left; padding-left: 20px; border-left: 0; }
 table td { padding: 3px }
 table tr { padding: 5px; background: #fff; }
 table tr:nth-child(even) { background: #E1EBF5; }
 table tr:last-child td { border-bottom: 0; }
 table tr:last-child td:first-child { }
 table tr:last-child td:last-child { }
 table tr:hover td { background: #064A92; color: #fff }
.tx-indexedsearch-title { font-size: 16px }
.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { font-style: normal }
.tx-indexedsearch-info { display: none }
.tx-indexedsearch-icon { width: 20px }
.tx-indexedsearch-res { margin: 2em 0 }
.tx-indexedsearch-browsebox a { margin: 0em 1em }
.fullwidth { width: 100% }
@font-face { font-family: 'weather'; src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot'); src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'), url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff') format('woff'), url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.ttf') format('truetype'), url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg'); font-weight: normal; font-style: normal; }
.icon-0:before { content: ":"; }
.icon-1:before { content: "p"; }
.icon-2:before { content: "S"; }
.icon-3:before { content: "Q"; }
.icon-4:before { content: "S"; }
.icon-5:before { content: "W"; }
.icon-6:before { content: "W"; }
.icon-7:before { content: "W"; }
.icon-8:before { content: "W"; }
.icon-9:before { content: "I"; }
.icon-10:before { content: "W"; }
.icon-11:before { content: "I"; }
.icon-12:before { content: "I"; }
.icon-13:before { content: "I"; }
.icon-14:before { content: "I"; }
.icon-15:before { content: "W"; }
.icon-16:before { content: "I"; }
.icon-17:before { content: "W"; }
.icon-18:before { content: "U"; }
.icon-19:before { content: "Z"; }
.icon-20:before { content: "Z"; }
.icon-21:before { content: "Z"; }
.icon-22:before { content: "Z"; }
.icon-23:before { content: "Z"; }
.icon-24:before { content: "E"; }
.icon-25:before { content: "E"; }
.icon-26:before { content: "3"; }
.icon-27:before { content: "a"; }
.icon-28:before { content: "A"; }
.icon-29:before { content: "a"; }
.icon-30:before { content: "A"; }
.icon-31:before { content: "6"; }
.icon-32:before { content: "1"; }
.icon-33:before { content: "6"; }
.icon-34:before { content: "1"; }
.icon-35:before { content: "W"; }
.icon-36:before { content: "1"; }
.icon-37:before { content: "S"; }
.icon-38:before { content: "S"; }
.icon-39:before { content: "S"; }
.icon-40:before { content: "M"; }
.icon-41:before { content: "W"; }
.icon-42:before { content: "I"; }
.icon-43:before { content: "W"; }
.icon-44:before { content: "a"; }
.icon-45:before { content: "S"; }
.icon-46:before { content: "U"; }
.icon-47:before { content: "S"; }
.hochzeit #lang { display: none }