body {
	margin: 0;
	padding: 0;
	font-family:  "Source Sans Pro", Tahoma, Arial, Helvetica, Sans-Serif;
	color: #445461;
	background-color: #313a3f;
	font-size: 10px;
	font-weight: 300;
	/*overflow-x: hidden;*/
	overflow-x: hidden;
	-webkit-text-size-adjust: 100%;
}

a { text-decoration: underline; }
a:hover { text-decoration: underline; }
a img { border: 0; vertical-align: top; }
img { border: 0; vertical-align: top; }

ul { list-style: circle; }

p { margin: 0; margin-bottom: 16px; }
.hid { display: none; }

.in p a { color: inherit; }
.in .ftext a:before { content: "\E879"; font-family: "Material Icons"; text-decoration: none; display: inline-block; padding-right: 0.1em; padding-bottom: 0.2em; font-size: 0.9em; vertical-align: middle; }

#overallContainer { position: relative; }

#navcol { width: 300px; float: left; background-color: #1d242a; z-index: 9; }
#page { position: relative; width: auto; left: 0px; background-color: #ffffff; box-sizing: border-box; }
#content { position: relative; width: auto; left: 0px; background-color: #ffffff; box-sizing: border-box; border: 3px solid #ffffff; z-index: 1; }

#head { position: relative; height: 97px; background-color: #49565e; box-sizing: border-box; z-index: 2; overflow: hidden; }
#mobnavbutton { position: relative; display: block; float: left; }
#logobox { position: relative; display: block; float: left; width: 315px; height: 97px; border-left: 1px solid #72797d; border-right: 1px solid #72797d; background-color: #1d252a; }
#logobox img { width: 80%; margin-left: 10%; margin-top: 12px; }

#topNav { position: relative; display: block; float: left; margin-left: 14px; }
a.topNav { display: block; position: relative; float: left; width: 97px; height: 97px; color: #80898f; background-color: #49565e; }
a.topNav img { width: 51px; margin: 14px 23px; opacity: 0.65; transition: opacity 0.2s; }
a.topNav img.chiemgau { margin: 7px 23px; }
a.topNav div { position: absolute; bottom: 10px; left: 0; width: 100%; text-transform: uppercase; text-align: center; font-size: 1.4em; font-weight: 600; }
a.topNav:hover img { opacity: 1; }
#headSocialWrap { position: relative; display: block; float: left; }
#headSocialButton { width: 70px; position: relative; }
#headSocialButton img { width: 46%; margin: 27%; }
#topNav2 { position: absolute; top: 0; bottom: auto; left: auto; right: 100%; width: 294px; display: none; background-color: #49565e; }

#preLeftNav { position: relative; margin-top: 97px; width: 100%; background-color: #49565e; box-sizing: border-box; padding-left: 10px; }
#preLeftNav a.topNav { width: 92px; }
#preLeftNav:after { content: " "; display: block; clear: both; font-size: 0px; height: 0px; }

/* webcam head */
.webcam #logobox img { width: 86%; margin-left: 7%; margin-top: 20px; }

/* ad */
.headad { position: absolute; top: 34px; right: 10px; }
@media (max-width: 1000px) { .headad { top: 15px; } }
@media (max-width: 820px) { .headad { display: none; } }



/* webcam foot */
#fads { position: relative; width: 640px; height: 200px; margin: 0 auto; margin-bottom: 50px; }
#fads:after { content: " "; display: block; clear: both; font-size: 0px; height: 0px; }
#fads .ad { position: relative; width: 200px; height: 200px; float: left; margin-right: 20px; }
#fads .ad.three { margin-right: 0; }
.footer-anzeigen { position: relative; width: 200px; height: 200px; }

/* firststart bar */
#topBar { display: none; position: relative; font-weight: 300; height: 93px; padding-top: 20px; padding-bottom: 28px; width: 100%; background-color: #262e33; }
#topBar h1 { font-size: 18px; color: #939aa0; margin: 0; margin-bottom: 6px; line-height: 1em;  font-weight: 400; }
#topBar a { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 12px; color: #939aa0; line-height: 1.5em; }
#topCenter { position: relative; width: 810px; margin: 0 auto; text-align: left; }
.firststart #topBar { display: block; }

#twocol-flag { position: absolute; height: 1px; width: 2px; font-size: 0px; display: none; }

/* boxen */
.box { position: relative; float: left; background-color: #313a3f; }
.box { width: 33.33%; height: auto;}
.in { position: absolute; top: 0; left: 0;	bottom: 0; right: 0; height: 100%; box-sizing: border-box; border: 3px solid #ffffff; overflow: hidden; background-color: #949fa6;}
.box:before{ content: ""; display: block; padding-top: 100%; 	/* initial ratio of 1:1*/ }

.box.textbox.twocol:before, 
.box.articleimg.twocolimg:before,
.box.map.twocol:before { padding-top: 50%; }
.box.textbox.twocol,
.box.articleimg.twocolimg,
.box.map.twocol { width: 66.66%; background-color: #b4a7bc; }

.box img { width: 100%; }
.box.textbox a { color: inherit; }

/* webcam_box */
.box.webcam_hi:before{ padding-top: 46%; }
.box.webcam_hi { width: 100%; }
.box.webcam_hi .in { background-color: #6c6c6c; }
.box.webcam_hi iframe { width: 100%; height: 100%; }

.hide-pin-images { position: absolute; left: 0; bottom: 0; height: 1px; width: 1px; overflow: hidden; }

/* viertel */
.quarter { position: relative; float: left; width: 50%; height: auto; }
.quarter:before{ content: ""; display: block; padding-top: 100%; 	/* initial ratio of 1:1*/ }
.qin { position: absolute; top: 0; left: 0; bottom: 0; right: 0; box-sizing: border-box; overflow: hidden; background-color: #0068ae; }
.qin.a, .qin.c { border-right: 1px solid #ffffff; }
.qin.c, .qin.d { border-top: 1px solid #ffffff; }

/* drittel */
.third { position: relative; width: 100%; height: auto; }
.third:before{ content: ""; display: block; padding-top: 33.3334%; 	/* initial ratio of 1:1*/ }
.tin { position: absolute; top: 0; left: 0; bottom: 0; right: 0; box-sizing: border-box; overflow: hidden; }

/* zweidrittel */
.third2 { position: relative; width: 100%; height: auto; }
.third2:before{ content: ""; display: block; padding-top: 66.6666%; 	/* initial ratio of 1:1*/ }
.t2in { position: absolute; top: 0; left: 0; bottom: 0; right: 0; box-sizing: border-box; overflow: hidden; }

/* half */
.half { position: relative; width: 100%; height: auto; }
.half:before{ content: ""; display: block; padding-top: 50%; 	/* initial ratio of 1:1*/ }

/* Navigation */
#navcol { display: block; position: absolute; top: 0; left: -300px; height: 100%;}
.firststart #navcol { top: 141px; }
#nav { margin-top: 34px; margin-left: 20px; width: 260px; }
#navBox { padding: 14px 0 14px 0; background-color: #fff1d7; }
ul.nav { padding: 0; }
ul.nav{ list-style: none; padding: 0; margin: 0; }
ul.nav li { list-style: none; }
ul.nav ul { padding: 0; }
ul.nav a { display: block; padding: 1px 6px 1px 26px; font-size: 2.6em; line-height: 1.3em; color: #839097; text-decoration: none; }
ul.nav li ul li a { padding-left: 56px; font-size: 2em; }
ul.nav ul li ul li a { padding-left: 79px; }
ul.nav ul li ul li ul li a { padding-left: 102px; }
#nav a.activeMenuNode { color: #e54343; }

ul.nav ul { display: none; }
ul.nav li.open > ul { display: block; }
ul.nav .closer { display: none; position: absolute; padding: 1px 0 1px 0; font-size: 2.6em; line-height: 1.3em; height: 1em; color: #839097; width: 50px; cursor: pointer; }
ul.nav .closer img { display: block; position: absolute; top: 0; right: 6px; width: 16px; margin-top: 14px; }
ul.nav li ul li .closer img { width: 14px; margin-top: 10px; margin-left: 2px; }
ul.nav li ul li .closer { width: 80px; text-align: center; }
ul.nav li ul li ul li .closer { width: 100px; }
ul.nav li.open > .closer { display: block; }
ul.nav .closer.vis { display: block; }
ul.nav .opener.open { padding-left: 52px; }
ul.nav ul .opener.open { padding-left: 79px; }
ul.nav ul ul .opener.open { padding-left: 102px; }
ul.nav li ul li.level2 .closer img { display: none; }
.level2 .closer:after { content: "\E14C"; font-family: "Material Icons"; font-size: 1.2rem; display: block; position: absolute; left: 15px; top: 2px; }

ul.nav li.level1.aktiv ul.level2 { display: block; }
ul.nav li.level2.aktiv ul.level3 { display: block; }
ul.nav li.level3.aktiv ul.level4 { display: block; }

ul.nav .opener { transition: padding-left .3s; }

ul.nav li.level2.open { background-color: #3a444c; border-top: 1px solid #313a40; }
ul.nav li.level2.open a { color: #6d7a80; }

.nav-trigger { position: absolute; clip: rect(0, 0, 0, 0); }
.mobnavbutton {
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 97px;
    height: 97px;
    cursor: pointer;
	box-sizing: border-box;
	color: #ffffff;
	font-size: 20px;
	text-align: center;
	font-weight: 600;
}
.mobnavbutton.cross {
	border: none;
}
.mobnavbutton img { width: 44%; margin: 28%; }


#static-mobhead { display: none; position: fixed; top: 0; left: 0; height: 52px; width: 100%; background-color: #313a3f; z-index: 2; }
#static-mobhead .mobnavbutton { height: 40px; line-height: 36px; left: 6px; top: 6px; }

/*
.nav-trigger:checked + #page {
    left: 260px;
    box-shadow: 0 0 5px 5px rgba(0,0,0,0.5);
}
*/
.nav-trigger:checked + #navcol {
	 left: 0; 
}
#page {  transition: left 0.2s; }
#navcol { transition: left 0.2s;  }
#abdecker { display: none; position: absolute; top: 0; left: 0; right:0; bottom: 0; width: 100%; height: 100%; background-color: rgba(127,127,127, 0.4); z-index: 8; }

/* snav */
.box.snav .in { background-color: #559f7a; }
#snav ul { margin: 0; padding: 0; }
#snav li { background-color: #5eaf86; color: #c5d9ce; font-weight: 300; }
#snav a { color: #c5d9ce; display: block; text-decoration: none; }
#snav .firstrow {  }
#snav a.bc { padding: 0.73em 0.6em; font-size: 1.8em; }
#snav ul li ul li a { display: block; float: none; font-size: 1.8em; clear: left; width: 100%; box-sizing: border-box; padding: 0.73em 0.6em; padding-left: 1.4em; }
#snav li:nth-child(odd){ background-color: #64bb8f; }

#snav ul a:before { content: "\E315"; font-family: "Material Icons"; color: #c5d9ce; text-decoration: none; display: inline-block; padding-bottom: 0.1em; font-size: 1.2em; vertical-align: middle; }
#snav a.bc:before { content: "\E313"; font-family: "Material Icons"; color: #c5d9ce; text-decoration: none; display: inline-block; padding-bottom: 0.1em; font-size: 1.2em; vertical-align: middle; }
#snav .activeNode { color: #478967; background-color: #ffffff; }
#snav .activeNode:before, #snav .bc.activeNode:before { color: #478967; }

/* allgemein */


/* AdBox */
.adWrip { display: table; position: absolute; height: 100%; width: 100%; }
.adWrop { display: table-cell; vertical-align: middle; }
.adWrap { width: 278px; margin-left: auto; margin-right: auto; }

.box.sparead { display: none; }

/* maps */
.maps .in { border: none; }
.maps_overlay { display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; cursor: pointer; }
.box.webcam_hi .webcam_overlay { display: none; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; cursor: pointer; }
.touchevents .box.webcam_hi .webcam_overlay { display: block; }

/* multi */
.img1, .teaserimg { position: absolute; width: 100%; top: 0; left: 0; bottom: 0; right: 0; background-color: #0068ae; }
.img1 img { width: 100%; max-height: 100%; }
.img1 .cap { bottom: .5em; box-sizing: border-box; padding: 0 .5em;  }
.img1 .cap h2 { font-size: 1.2em; font-weight: 400; }
.twocolimg .img1 .cap { font-size: 1.2em; font-weight: 300; text-align: left; padding: 1em; bottom: 0; }
.twocolimg .img1 .cap h2 { font-size: 1.6em; font-weight: 400; margin-bottom: 5px; }
.img1 .blend { background-image: linear-gradient(7deg, rgba(0, 15, 20, 0.5) 6%, rgba(0, 15, 20, 0) 18%); }
.twocolimg .img1 .blend { background-image: linear-gradient(6deg, rgba(0, 15, 20, 0.5) 8%, rgba(0, 15, 20, 0) 32%); }
.teaserimg .blend { background-image: linear-gradient(6deg, rgba(0, 15, 20, 0.5) 8%, rgba(0, 15, 20, 0) 32%); }
.box .pad { padding: 2.4vw; }
.box.textbox .pad { padding: 2.3vw 2.1vw 2.3vw 2.7vw; }

/* mobil als bg */
.twocolimg .img1 {
 background-repeat: no-repeat;
    background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}




.box .vcenter { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

/* teaser */
.box.teaser { font-size: 1.5vw; line-height: 1.2em; transition: opacity .2s; cursor: pointer;}
.box.teaser .in { transition: opacity .2s; }
.box.teaser .pad { padding: 0.93em 1.3em 0 1.6em; }
.box.teaser.middle .pad { padding-top: 1.2em; }
.box.teaser .pad h1 { margin-bottom: 0.3em; font-size: 1.2em; line-height: 1em; font-weight: 400; }
.box.teaser .pad h3 { font-size: 0.6em; margin-top: 1.3em; }
.box.teaser .fglink { vertical-align: top; }
.box.teaser .fglink svg { vertical-align: middle; }
.box.teaser .fernglas { display: inline; width: 1.3em; height: auto; }
.box.teaser .breadcrumb { font-size: 0.8em; position: absolute; left: 1.92em; bottom: 1em; }
.box.teaser .breadcrumb a { color: inherit; text-decoration: none; }
.box.teaser .breadcrumb a:hover { text-decoration: underline; }
.teaserimg img {
	-webkit-transition: all .6s ease;
     -moz-transition: all .6s ease;
       -o-transition: all .6s ease;
      -ms-transition: all .6s ease;
          transition: all .6s ease;
}
.box.noimage .third:before{ padding-top: 100%; 	/* initial ratio of 1:1*/ }
.box.noimage .third2:before{ padding-top: 100%; 	/* initial ratio of 1:1*/ }

.box.teaser .icon { position: absolute; height: 16%; width: 16%; top: 5%; left: auto; right: 5%; }
.box.teaser.middle .icon { top: 38%; left: auto; }
.box.teaser.bottombig  .icon { top: 38%; left: auto; }
.box.teaser.bottom .icon { top: 72%; left: auto; }

.zooom { transform: scale(1.04); }

.teaser .pad:after { content: " "; display: block; height: 1px; font-size: 0px; width: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.3); }
.teaser .pad.top:after { top: auto; bottom: 0; }

/* artex reader-style */
#content.artexyes { background-color: #313a3f; border: none; }
.artexyes #footer { border-color: #313a40; }
.artex { width: 100%; max-width: 908px; background-color: #ffffff; box-shadow: 0 0 3px 3px rgba(0,0,0,0.2); position: relative; }
.artex:after { content: " "; display: block; clear: both; font-size: 0px; height: 0px; }
.artex .pad { padding-top: 75px; padding-left: 16%; padding-right: 16%; }
.artex .close { display: block; width: 46px; height: 46px; border-radius: 24px; position: absolute; top: 25px; left: 25px; }
.artex .close img { width: 100%; }
.artex h2 { margin: 0; font-size: 1.4em; line-height: 1.1em; font-weight: 400; color: #303b41; }
.artex h2 a { color: #303b41; text-decoration: none; }
.artex h2 a:hover { text-decoration: underline; }
.artex h1 { margin: 0; margin-bottom: 1em; font-size: 3em; line-height: 1.05em; font-weight: 700; color: #303b41; }
.artex .txt { margin-top: 20px; padding-bottom: 40px; font-size: 2em; font-weight: 400; }
.artex .txt:after { content: " "; display: block; clear: both; font-size: 0px; height: 0px; }
.artex .factbox { position: relative; font-size: 2em; font-weight: 400; color: #303a40; background-color: #839097; margin-top: 20px; padding-top: 40px; padding-bottom: 40px; }
.artex .factbox .icon { position: absolute; top: 40px; left: 4%; width: 8%; }
.artex .factbox a { color: inherit; }

.artex .pc2extLink2, .artex .pc2extLink3 { color: #303a40;  }
.artex .pc2extLink2 a, .artex .pc2extLink3 a { color: #303a40; font-weight: 400; }
.artex .pc2extLink2:before { content: "\E879"; font-family: "Material Icons"; color: #bfbfbf; text-decoration: none; display: inline-block; padding-bottom: 0.1em; font-size: 1.5em; vertical-align: middle; }
.artex .pc2extLink3:before { content: "\E250"; font-family: "Material Icons"; color: #bfbfbf; text-decoration: none; display: inline-block; padding-bottom: 0.1em; font-size: 1.5em; vertical-align: middle; }

.artex .mapswrap { position: relative; background-color: #ffffff; }
.artex .mapswrap:after { content: " "; display: block; clear: both; font-size: 0px; height: 0px; }
.artex .maps { position: relative; float: left; height: auto; width: 100%; background-color: #ffffff; }
.artex .maps:before{ content: ""; display: block; padding-top: 44%; 	/* initial ratio */ }

.artex .panoBox { position: relative; height: auto; overflow: hidden; }
.artex .panoBox:before { content: ""; display: block; padding-top: 66%; 	/* initial ratio */ }
.artex .panoBox iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.artex .elastic-video2 { position: relative; height: auto; overflow: hidden; }
.artex .elastic-video2:before { content: ""; display: block; padding-top: 66%; 	/* initial ratio */ }
.artex .elastic-video2 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.artex .ad { position: absolute; top: 100px; left: 916px;  }
.artex .inlinead {  }
.artex .reader_adslot2 { }
.artex .addthis_wrapper { margin-top: 0; padding-bottom: 60px; }

.artex .media-box { position: relative; margin-bottom: 60px; }
.artex .media-item { width: 100%; top: 0; left: 0; background-color: #ffffff; }
.artex .video-box, .artex .pano-box { padding-bottom: 10px; position: absolute; }
.artex .media-tabs { display: none; }
.artex .media-tabs.standalone { display: inline; }

.slick-dots .vbutton { width: auto; margin-left: 24px; }
.slick-dots .pbutton { width: auto; margin-left: 18px; }
.slick-dots .vbutton img { width: 32px; margin-top: 10px; height: 23px; }
.slick-dots .pbutton img { width: 32px; margin-top: 5px;  }
.slick-dots .pbutton span, .slick-dots .vbutton span { display: inline-block; padding-top: 15px; padding-left: 6px;  font-size: 1.4em; font-weight: 400; color: #4c565a;}
.slick-dots .legend span { display: inline-block; font-size: 1.4em; font-weight: 400; color: #4c565a; padding-left: 2px; padding-top: 15px;  }
.pbutton { padding-top: 0; }



/* multibild */
.blend { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-image: linear-gradient(7deg, rgba(0, 15, 20, 0.5) 5%, rgba(0, 15, 20, 0) 26%); }		
.cap { position: absolute; bottom: 4px; width: 100%; text-align: center; font-size: 1em; line-height: 1em; color: #ffffff; font-weight: 300; }
.multibild .qin { color: rgba(255,255,255,0.8); text-align: center; }
.qin.pad { padding: 5%; height:100%; /* for chrome/safari to let 'vcenter top: 50%' work*/}
.multibild .qin h2 { font-size: 1.4em; line-height: 1.2em; font-weight: 400; margin: 0; margin-bottom: 4px; }
.multibild .qin h3 { font-size: 1em; margin: 0; font-weight: 300; }
.mehrBilderBox { width: 100%; }
.mehrBilderBox img { width: 100%; }
.multibild .thumb img {	-webkit-transition: all .6s ease;
     -moz-transition: all .6s ease;
       -o-transition: all .6s ease;
      -ms-transition: all .6s ease;
          transition: all .6s ease;}
.box.multibild .trans { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.box.multibild .trans img { width: 100%; height: 100%; }

/* 3 Banner */
.box.dreibanner a { display: block; position: absolute; top: 0; bottom: 0; height: 100%; width: 100%; text-decoration: none; color: inherit; }
.box.dreibanner .txt { width: 50%; float: left; box-sizing: border-box; padding: 0.5em; text-align: center; font-size: 0.76em; font-weight: 400; line-height: 1.2em; }
.box.dreibanner .txt h4 { margin: 0; font-weight: 400; font-size: 1.8em; margin-bottom: 0.4em; line-height: 1.0em; }
.box.dreibanner .img { width: 50%; float: left; }
.box.dreibanner .third { border-bottom: 1px solid #ffffff; }
.box.dreibanner .half { border-bottom: 1px solid #ffffff; }

/* socials */
.box.socials .half { border-bottom: 1px solid #ffffff; }
.box.socials .qin { background-color: #313a41; border-color: #9a9a9a; }
.box.socials .qin.a { padding: 2.4em 12px 10px; }
.box.socials .qin.b { padding: 0.7em 12px 10px; }
.box.socials .qin.c { padding: 1.7em 12px 10px; text-align: center; }
.box.socials .qin.d { padding: 1.7em 12px 10px; text-align: center; }
.box.socials .quarter:before {  padding-top: 50%; 	/* initial ratio of 1:1*/ }
.box.socials .fb-like,
.box.socials .fb-sharer,
.box.socials .tweet,
.box.socials .pinit { position: relative; display: inline-block; }
.box.socials .fb-like img,
.box.socials .fb-sharer img,
.box.socials .tweet img,
.box.socials .pinit img { width: 100%; }
.box.socials .fb-like { width: 62%; }
.box.socials .fb-sharer { margin-left: 2%; width: 33%; }
.box.socials .tweet { width: 30%; }
.box.socials .pinit { width: 26%; cursor: pointer; }
.box.socials .fb-like-count { clear: left; padding-top: 6px; font-size: 0.95em; color: #839097; }

.rating-title { color: #ec4343; font-weight: 300; text-align: center; }
.rating-text-left { float: left; color: #fffff8; }
.rating-text-right { float: right; color: #fffff8; }
.rating_stars { position: relative; padding: 0.8em 0 0.5em 0; width: 120px; margin-left: 12%; box-sizing: border-box; margin: 0 auto; cursor: pointer; }
.rating_stars .sub { position: relative; width: 100%; }
.rating_stars .sup { position: absolute; top: 0; left: 0; overflow: hidden; }
.quarter:hover .def { display: none; }
.quarter:hover .sav { display: inline; }
.box.socials .qin.b:hover { background-color: #242c33; }
.rating_stars img { width: 120px; }
.rating_stars .sup img { width: 120px; }
.rating_stars .tack { position: absolute; top: 0; left: 0; height: 100%; width: 20%; }
.rating_stars .tack.two { left: 20%; }
.rating_stars .tack.three { left: 40%; }
.rating_stars .tack.four { left: 60%; }
.rating_stars .tack.five { left: 80%; }


/* slick slider */
.slider-single { display: none; width: 100%; }
.slider-single img { width: 100%; }
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 62px;
    height: 80px;
    margin-top: -40px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: #e4e4e4;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: #d5d5d5;
}
.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: #999999;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev { left: -100px; }
.slick-prev:before {  content: "\276E"; }
.slick-next { right: -100px; }
.slick-next:before { content: "\276F"; }
/* Dots */
.slick-slider { margin-bottom: 70px; }
.slick-slider.slidecount1 { margin-bottom: 30px; }
.slick-dots {
    position: absolute;
    bottom: -34px;

    display: block;

    width: 100%;
    padding: 0;
	margin: 0;

    list-style: none;

    text-align: center;
	
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 32px;
    height: 22px;
    margin: 0 2px;
    padding: 0;
	vertical-align: middle;
    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 30px;
    height: 20px;
	margin-top: 12px;
    cursor: pointer;

    color: transparent;
    border: solid 1px #e4e4e4;
	border-radius: 2px;
    outline: none;
    background: #e4e4e4;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li.slick-active button
{
    background-color: #839097;
	border-color: #839097;
}
.slick-slide { position: relative; }
.slick-slide:focus { outline: none; }
.slick-slide .caption { font-size: 1.6em; font-weight: 400; padding: 0.5em 1em; position: absolute; width: 100%; bottom: 0; left: 0; color: #ffffff; box-sizing: border-box; }
.slick-dots.fakedot { position: relative; bottom: 0; width: auto; }
.slick-dots.fakedot li.slick-active { margin-right: 14px; }
.slick-dots.fakedot li button { margin-top: 6px; margin-right: 20px; }

/* pano */
.box.pano { background-color: #242f35; }
.box.pano .img { display: block; position: relative; width: 100%; }
.box.pano .icon { position: absolute; height: 16%; width: 16%; top: 5%; left: auto; right: 5%; }
.box.pano .icon img { height: 100%; width: auto; }
.box.pano .icon.zwei { top: 24%; }
.box.pano .blend { background-image: linear-gradient(7deg, rgba(0, 15, 20, 0.5) 10%, rgba(0, 15, 20, 0) 30%); }
.box.pano .txt { position: absolute; left: 0; bottom: 0; padding: 1em; color: #ffffff; }
.box.pano p { margin: 0; }
.box.pano h2 { margin: 0; margin-bottom: 2px; font-size: 1.4em; line-height: 1.1em; font-weight: 400; }
.box.pano .trans { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.box.pano .trans img { width: 100%; height: 100%; }

/* VIDEO */
.box.yt { background-color: #999898; color: #dbdada; }
.box.pano.yt .icon { height: 14%; width: 20%; top: 43%; left: 40%; }
.elastic-video {
    position: relative;
    padding-bottom: 61%;
    padding-top: 15px;
    height: 0;
    overflow: hidden;
}
.elastic-video iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#footer { font-size: 1.2em; font-weight: 400; background-color: #313a40; box-sizing: border-box; border: 3px solid #ffffff; padding: 50px 40px; width: 100%; color: #839097; text-align: center; }
#footer a { color: #839097; text-decoration: none; }
#bottomNav { font-size: 1.334em; color: #e54343; font-weight: 300; padding-top: 20px; }
#bottomNav a {color: #e54343; }
#footer2 { font-size: 1em; line-height: 1.8em; }
#footer2 span { font-size: 1.334em; color: #e54343; line-height: 1.3em; }

#ffollow { position: relative; text-align: center; margin-bottom: 20px; }
#ffollow div { position: relative; display: inline-block; margin: 0 10px; width: 190px; }
#ffollow div img { width: 100%; }

#cookieChoiceInfo { font-size: 1.6em; line-height: 1.4em; width: 100%; padding: 4%; box-sizing: border-box; color: #313a40; }
#cookieChoiceInfo a { color: #313a40; text-decoration: none; }
#cookieChoiceInfo a#cookieChoiceDismiss { color: #ffffff; padding: 6px 14px; font-weight: 400; background-color: #313a40; border-radius: 6px; }

/* IRS */
.longbox { position: relative; float: left; width: 66.66%; box-sizing: border-box; border: 3px solid #ffffff; background-color: #949fa6; }
.longbox.irs { background-color: #949fa6; background-image: url(/files/sysimages/ring-alt.gif); background-repeat: no-repeat; background-position: 50% 100px; }

/* gastgeber */
#catlistContainer { padding: 26px 20px 16px 63px; font-size: 1.8em; background-color: #b8c7d5; font-weight: 400; }
#catlistContainer a { color: inherit; }

#objlistContainer { padding: 26px 20px 16px 63px; font-size: 1.8em; background-color: #e8e8e8; }
#objlistContainer div.item {  margin-bottom: 4px; }
#objlistContainer div.item a {  color: inherit; text-decoration: none; }
#objlistContainer div.item a span { color: #5f9cd3; font-size: 0.8em; }

#objDetail { position: relative; padding: 20px;  font-size: 1.8em; background-color: #e8e8e8;}
#objDetail h1 { margin: 0; font-size: 1.6em; line-height: 1.2em; font-weight: 400; margin-bottom: 1em; }
#objDetail div#images { position: relative; }
#objDetail div#images div.item { position: relative; width: 111px; float: left; margin-right: 10px; margin-bottom: 10px; }
#objDetail div#html { position: relative; margin-top: 20px; line-height: 1.4em;  }
#objDetail div#address { font-weight: 400; }
#objDetail div#classific { margin-top: 10px; }
#objDetail div#irs18link { position: relative; float: right; }
div#irs18link a { display: block; border: 3px solid #4c565a; border-radius: 8px; font-weight: 400; background-color: #313a3f; padding: 10px 40px; color: #ffffff; text-decoration: none;}
.ublink  { margin-top: 80px; margin-bottom: 20px; line-height: 1.1em;}
.ublink a { font-size: 0.8em;  color: #445461; font-weight: normal; text-decoration: none; }


/* dreispaltig */
.box { font-size: 1.3vw; line-height: 1.24em; }
.box.textsize1 { font-size: 1.5vw; line-height: 1.3em; }
.box.textsize2 { font-size: 1.66vw; line-height: 1.36em; }
.box.textsize3 { font-size: 1.9vw; line-height: 1.4em; }
.box.textsize4 { font-size: 2.1vw; line-height: 1.4em; }

.box h2, .box h3 { margin: 0; margin-bottom: 4px; font-size: 0.8em; line-height: 1em; font-weight: 300; }
.box h1 { margin: 0; font-size: 1.6em; line-height: 1.2em; font-weight: 400; margin-bottom: 0.2em; }

/* medien im reader */
.media-item.rel { position: relative; }

.media-box.text .video-box { display: none; }
.media-box.text .pano-box { display: none; }
.media-box.text .slick-arrow { display: inline-block; }

.media-box.video .video-box { display: block; }
.media-box.video .pano-box { display: none; }
.media-box.video .slick-arrow { display: none !important; }

.media-box.pano .video-box { display: block; }
.media-box.pano .pano-box { display: block; }
.media-box.pano .slick-arrow { display: none !important; }

.pano-box.rel.forced { display: block; }

/* gs objlist */
.box.objteaser { font-size: 1vw; }
.objteaser h2 { font-size: 1.4em; font-weight: 400; margin-top: 0.6em; text-align: center; }
.objcard { position: relative; margin: 0; width: 100%; padding: 1em; padding-top: 0.2em; font-size: 1.4em; box-sizing: border-box; }
.objcard h3 { font-size: 2em; text-align: center; font-weight: 300; margin: 0; margin-bottom: 0.4em; line-height: 1.4em; }
.objcard .item { padding: 2%; padding-bottom: 0; cursor: pointer; box-sizing: border-box; }
.objcard .img { width: 20%; padding-top: 20%; float: left; position: relative; }
.objcard .img .in { position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden;  }
.objcard .img img { position:absolute; margin: auto; min-height: 100%; min-width: 100%; left: -100%; right: -100%; top: -100%; bottom: -100%; }
.objcard .txt { margin-left: 24%; line-height: 1.1em; font-size: 1em; }
.objcard h6 { margin: 0; font-size: 1.2em; font-weight: 400; }

.teaser_cards, .popup_cards { position: relative; width: 100%; margin: 0 auto; }
.teaser_cards a, .popup_cards a { color: #ffffff; text-decoration: none; }
.popup_cards { width: 400px; max-width: 100%; }
.objteaser .popup_cards { display: none; }
.teaser_cards .objcard { display: none; }
.teaser_cards .objcard:first-child { display: block; }
.popup_cards .objcard { display: none; background-color: rgba(0,0,0,0.8); color: #ffffff; }
.popup_cards .objcard:after, .teaser_cards .objcard .item:after, .teaser_cards:after { content: ""; display: block; clear: both; font-size: 0px; height: 0px; }
.obj_pager { position: absolute; top: 0; left: 0; width: 100%; }
.obj_pager button { font-size: 0; width: 60px; height: 60px; position: absolute; top: 0; left: 0; border: none; background-color: transparent; padding: 0; cursor: pointer; }
.obj_pager button.p_next { left: auto; right: 0; }
.obj_pager button:hover { background-color: #333333; }
.obj_pager button:after { content: "\E5CB"; font-family: "Material Icons"; font-size: 2rem; color: #ffffff; display: block; text-align: center; position: absolute; width: 60px; left: 0; top: 14px; }
.obj_pager button.p_next:after { content: "\E5CC"; }

.moreobjects { clear: both; margin-top: 1em; font-size: 1.2em; line-height: 1em; font-weight: 400; cursor: pointer; text-align: center; }
.moreobjects:before { content: "\E147"; font-family: "Material Icons"; color: #353535; text-decoration: none; display: inline-block; padding-bottom: 0.1em; font-size: 1.8em; vertical-align: middle; }
.popup_cards .moreobjects { display: none; }

.popup_cards { width: 1200px; }
.popup_cards .item { width: 33%; float: left; }
.mfp-align-top .mfp-content { margin-top: 60px; }
.mfp-align-top .popup_cards .mfp-close { font-size: 60px; font-family: "Source Sans Pro"; font-weight: 300; right: auto; left: 0; top: -50px; color: #ffffff; }

@media screen and (max-width: 1150px) {
	.popup_cards { width: 800px; }
	.popup_cards .item { width: 50%; }
}

@media screen and (min-width: 701px) {
	#mobnavbutton:after { content:"MENU"; display: block; position: absolute; left: 0; bottom: 10px; text-align: center; width: 100%; font-size: 18px; font-weight: 400; }
	#mobnavbutton img { margin-top: 21% }
}

@media screen and (max-width: 1000px) {
	/* zweispaltig */
	.box .pad { padding: 3.6vw; }
	.box.textbox .pad { padding: 3.5vw 3.4vw 3.5vw 3.7vw; }
	.box { width: 50%; font-size: 1.9vw; }
	.box.textsize1 { font-size: 2.24vw; }
	.box.textsize2 { font-size: 2.44vw; }
	.box.textsize3 { font-size: 2.84vw; }
	.box.textsize4 { font-size: 3.14vw; }
	.box.teaser { font-size: 2.25vw; }
	.box.textbox.twocol { width: 100%;  }
	.box.map.twocol { width: 100%;  }
	.box.articleimg.twocolimg { width: 100%;  }
	.box.objteaser { font-size: 1.5vw; }
	
	.box .ltext { font-size: 1em; }
	.box .ltext p { font-size: 1em; }

	#twocol-flag { display: block; }
	
	#cookieChoiceInfo { padding-top: 60px; }
	#cookieChoiceInfo a#cookieChoiceDismiss { display: block; position: absolute; right: 4%; top: 14px; width: 100px; }
	
	.artex .ad { display: none; }
	.box.sparead { display: block; }
	.longbox { width: 100%; }
}

@media screen and (max-width: 900px) {
	.box.webcam_hi:before{ padding-top: 60%; }
	
	.firststart #topBar { display: none; }
	.firststart #navcol { top: 0; }
}

@media screen and (max-width: 820px) {
	/* socials kleiner */
	#topNav { margin-left: 14px; }
	#topNav a.topNav, #topNav2 a.topNav { width: 80px; }
	#topNav a.topNav img, #topNav2 a.topNav img { width: 50px; margin: 14px 15px; }
	#topNav a.topNav div, #topNav2 a.topNav div { font-size: 1.2em; }
	#topNav2 { width: 240px; }
	#logobox { width: 260px; }
	#logobox img { margin-top: 18px; }
	.webcam #logobox img { margin-top: 25px; }
	
	.popup_cards { width: 400px; }
	.popup_cards .item { width: 100%; }
}

@media screen and (max-width: 750px) {
	#fads { width: 420px; }
	#fads .ad.three { display: none; }
	#fads .ad.two { margin-right: 0; }
}

@media screen and (max-width: 700px) {
	#topNav { display: none; }
	#topNav2 { width: 261px; }
}

@media screen and (max-width: 660px) {
	.artex .pad { padding-left: 5%; padding-right: 5%; }
	.artex .factbox .icon { position: relative; top: -10px; left: 0; width: 40px; }
	.slick-prev { left: 0; z-index: 7; }
	.slick-next { right: 0; }
	.slick-next, .slick-prev { opacity: .6; }
	.touchevents .slick-next, .touchevents .slick-prev { display: none !important; }
	.slick-next:hover, .slick-prev:hover { opacity: 1; }
	#footer { padding: 40px 20px; }
	
	.slick-dots .pbutton span, .slick-dots .vbutton span { display: none;}
	.slick-dots .legend { display:none; }
}

@media screen and (max-width: 540px) {
	/* einspaltig */
	.box { width: 100%;  }
	.box.textbox.twocol .in { position: relative; }
	.box.textbox.twocol:before{ display: none; }
	/* typo */
	/*.box .pad { padding: 7.2vw; }*/
	.box.textbox .pad { padding: 6.6vw 6.4vw 6.6vw 7vw; }
	.box { font-size: 3.7vw; }
	.box.textsize1 { font-size: 4.4vw; }
	.box.textsize2 { font-size: 4.8vw; }
	.box.textsize3 { font-size: 5.6vw; }
	.box.textsize4 { font-size: 6.2vw; }
	.box.teaser { font-size: 4.5vw; }
	.twocolimg .img1 .cap h2 { font-size: 7.38vw; }
	
	.box.objteaser { font-size: 3vw; }
	
	#twocol-flag { display: none; }
	.box.webcam_hi:before{ padding-top: 100%; }
	
	.slick-slide .caption { font-size: 1.4em; line-height: 1.1em; padding: 0.5em 0.7em; }
	
	
	.box.sparead { display: none; }
	
	/* articleimg mobil als bg */
	.box.articleimg.twocolimg:before { padding-top: 100%; }
	.box.articleimg.twocolimg {  font-size: 2.8vw; }
	.twocolimg .img1 img { display: none; }
	
	.box.map.twocol:before { padding-top: 100%; }
	
	ul.nav a { padding: 3px 6px 3px 26px; font-weight: 400; }
	ul.nav li ul li a { font-size: 2.2em; }
}


@media screen and (max-width: 490px) {
	#head { background-color: #1d252a; }
	#topNav, #headSocialWrap { display: none; }
	#logobox { position: absolute; top: 0; left: 97px; background: transparent; border: none; }
	#footer2 { line-height: 1.4em; }
	#ffollow div { display: block; margin: 0 auto 10px auto; width: 260px; max-width: 100%; }
	#fads { width: 200px; height: auto; }
	#fads .ad.three { display: block; }
	#fads .ad { margin-right: 0; float: none; margin-bottom: 40px; clear: left; }
	.artex .addthis_wrapper { display: none; }
}

@media screen and (max-width: 420px) {
	
	/* typo min size */
	.box.textbox .pad { padding: 4.8vw 4vw 5vw 4.4vw; }
	.box.textsize1 { font-size: 18px; }
	.box.textsize2 { font-size: 20px; }
	.box.textsize3 { font-size: 22px; }
	.box.textsize4 { font-size: 24px; }
	.twocolimg .img1 .cap { font-size: 18px; }
	.box.pano .txt { font-size: 16px; line-height: 1.2em; }
	
	.box.textbox .in { position: relative; }
	.box.textbox:before{ display: none; }
}

@media screen and (max-width: 370px) {
	#head { height: 80px; }
	#preLeftNav { margin-top: 80px; }
	.mobnavbutton { height: 80px; width: 80px; }
	#logobox { width: 220px; top: 2px; left: 80px; }
	#logobox img { margin-top: 13px; }
	.webcam #logobox img { margin-top: 18px; }
}

@media screen and (max-width: 350px) {
	#head { height: 70px; }
	#preLeftNav { margin-top: 70px; }
	.mobnavbutton { height: 70px; width: 70px; }
	#logobox { width: 200px; left: 70px; }
	#logobox img { margin-top: 10px; }
	.webcam #logobox img { margin-top: 16px; }
}



.r7_abschluss { clear: both; display: block; height: 30px; }