body,.ui-widget{font-size:0.95em;font-weight:400;font-family:'Source Sans Pro', sans-serif ;color:#676767;line-height:1.5em;background:#fff;}
a,.presse_nav li a{color:#676767;}
a:hover,.grey_top a:hover{color:#aeaeae;}
*{margin:0;padding:0;border:0;text-decoration:none;font-style:normal;}

.loginbox{position:fixed;right:0;top:20%;z-index:999;}
.login .fa{margin-right:22px;font-size:1.3em;position:relative;}
.login{
  font-size:1.3em;
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  position: relative;
  cursor: pointer;
  padding: 15px 20px 12px 15px;
  border: none;
  color: rgba(255,255,255,0.9);
  text-transform: capitalize;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgb(105,192,223);
  -webkit-box-shadow: 0 5px 0 0 rgb(87,151,180) ;
  box-shadow: 0 5px 0 0 rgb(87,151,180) ;
  text-shadow: 0 1px 1px rgba(87,151,180,0.36) ;
  -webkit-transition: top 50ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: top 50ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: top 50ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: top 50ms cubic-bezier(0.42, 0, 0.58, 1);
}

.login:hover {
  background: rgba(78,182,216,1);
  -webkit-box-shadow: 0 5px 0 0 rgba(78,136,160,1) ;
  box-shadow: 0 5px 0 0 rgba(78,136,160,1) ;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.login:active {top: 2px;background: rgb(105,192,223)	;-webkit-box-shadow: 0 3px 0 0 rgba(78,136,160,1) ;box-shadow: 0 3px 0 0 rgba(78,136,160,1) ;-webkit-transform-origin: 50% 100% 0;transform-origin: 50% 100% 0;
}

.login::before {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 50px;
  height: 100%;
  position: absolute;
  content: "";
  cursor: pointer;
  top: 0;
  left: 0;
  border: 0 solid #018dc4;
  border-right: 1px solid rgba(255,255,255,0.2);
  font: normal medium/normal Arial, Helvetica, sans-serif;
  color: rgba(0,0,0,0.9);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgba(0,0,0,0.05);
  
  text-shadow: -1px -1px 0 rgba(15,73,168,0.66) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}

.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.block{display:block;}
.hide{display:none;}
.show{display:block;}
.hidden{visibility:hidden;}
.margin{margin:0 70px;}
.shadow{-webkit-box-shadow: 0 0 10px 0 #959595;box-shadow: 0 0 10px 0 #959595;}
address{font-style:normal;font-size:0.95em;line-height:1.3em;}
video {width: 100%!important; height: auto !important;}
.dimmer{position:fixed;z-index:1000;left:0;top:0;background:url(/img/bg-dimmer.png);width:100%;visibility:hidden;}
.formbox{background:#fff;box-shadow:0 0 10px #4f4f4f;position:relative;padding:10px;width:750px;overflow-y:auto;margin:0 auto;}
.formbox img{max-width:100%;}
#iframe{width:100%;}
.close{cursor:pointer;background:url(/img/close.png) no-repeat top right;width:770px;margin:20px auto 5px;height:27px;position:relative;}
.formbox .close{background:none;width:auto;}
.more{cursor:pointer;}
header{background:#fff;position:fixed;width:100%;z-index:20;padding-bottom:3px;box-shadow:0 0 10px 0 #959595;}
.con header{min-height:100px;}
.start header{padding-bottom:0;}
.start .haupt{position:relative;height:auto;margin-top:30px;z-index:10;text-align:center;}
.haupt{display:inline-block;}
.haupt ul,.wrap{display:block;width:980px;margin:0 auto;position:relative;}
.haupt ul{width:845px;}
.start .haupt ul{padding:0;}
.newsletter_pic{position:absolute;right:20%;top:20px;z-index:10;}
.content_news{top:95px;position:absolute;}
nav li, nav a,.aleft,.aright{display:inline-block;list-style:none;}
nav.haupt a,.aright ul a,.arrangement .box_iframe{padding:2px 12px 3px;}
nav.haupt a:hover,nav.haupt a.aktiv,.send,.grey_top ul.sub a:hover,.arrangement .box_iframe{background:#c7ab49;color:#fff;}
.presse_nav li .aktiv,.presse_nav li a:hover{color:#c7ab49;background:none;}
nav.haupt li{position:relative;}
#logo{padding:0 0 0 20px;margin:0;margin-right:10px;display:inline-block;}
#logo img{max-width:105px;max-height:61px;position:relative;top:5px;}
.haupt #logo:hover{background:none;}
ul.sub{position:absolute;top:25px;left:0;display:none;width:inherit;padding:0;padding-top:8px;text-align:left;z-index:100;white-space:nowrap;}
.aright ul.sub{top:15px;left:auto;right:-10px;padding-top:16px;text-transform:none;}
ul.sub li,ul.sub a,.grey_top ul.sub a{display:block;background:#fff;bottom:0;top:0;color:#676767;}
.slider{height:440px;padding-top:73px;background:url(/img/loading.gif) no-repeat center center;}
.arrangement .box_iframe:hover{background:#E9E9E9;color:#676767;}
.arrangement .box_iframe,.arrangement .preis{width:auto;margin-top:5px;}
.arrangement .preis{padding:3px 15px 0 0;font-size:1.3em;}
.main{padding:65px 0;font-size:1em;}
.main.wrap{width:950px;}
h1{line-height:1.1em;}
h1,h2.first{text-align:center;color:#c7ab49;font-size:2em;margin:0 0 30px;font-weight:400;}
footer{padding:50px 0;text-align:center;}
.bottom{border-bottom:2px solid #c7ab49;margin-bottom:11px;padding-bottom:8px;}
.bottom a{margin:0 10px;}

article a{color:#C7AB49;padding:0 2px;}
article a:hover{text-decoration:none;color:#fff;background-color:#C7AB49;}
article ul{margin:8px 0 25px}
article li{margin-left:15px;}
article em{font-style:italic;}
article img{max-width:100%!important;}
.column{width:45%;float:left;}
.column.left{margin-right:5%;}
.column img{max-width:100% !important;height:auto !important;}
h1,h2,h3,h4,h5{clear:both;}
article h4{color:#c7ab49;font-weight:heavy;margin-bottom:5px;text-transform:uppercase;}

.h_logo{display:block;position:absolute;right:120px;bottom:85px;z-index:20;}
.fischland{background:url(/img/strandhotel-fischland-startseite.png) no-repeat;width:137px;height:134px;}
.grey_top{background:#676767;height:36px;width:100%;color:#fff;text-transform:uppercase;text-align:center;}
.grey_top a{color:#fff;}
.grey_top select{cursor:pointer;text-transform:none;display:inline-block;padding:3px;width:295px;position:relative;z-index:21;}
.grey_top select,input,#ui-datepicker-div select,textarea{font:0.9em 'Source Sans Pro', sans-serif;color:#676767;}
.case{overflow-x:hidden;position:relative;}
.case .down{position:absolute;top:10px;right:7px;width:12px;height:6px;background:url(/img/icon-arrow-s.png) no-repeat;z-index:22;}
.case.anreise .ui-datepicker-trigger{top:2px;right:7px;width:17px;height:16px;position:absolute;display:block;cursor:pointer;}
.case.welt{width:273px;float:left;margin-right:10px;border:1px solid #e0e0e0;}
.case.anreise{width:100px;}
.case.naechte{width:90px;}
.case.erw{width:115px;}
.case.kin{width:100px;}
.case.kin_ages{width:150px;}
.case.naechte select{width:125px;}
.case.erw select{width:135px;}
.case.kin select{width:120px;}
.case.kin_ages select{width:170px;}
.kin_ages{display:none;}
.grey_top .ob_down select,.grey_top .ob_down input{padding:0;margin-bottom:10px;}
.grey_top .ob_down input{margin-left:2px;display:inline-block;cursor:pointer;}
.grey_top .ob{display:inline-block;background:#e9e9e9;padding:4px 14px;color:#676767;position:relative;height:28px;}

.ob.known{padding-left:80px;padding-right:80px;}
.ob.known:hover{background:#C7AB49;color:#fff;cursor:pointer;}
.ob_down{position:absolute;top:36px;left:0;z-index:20;display:none;background:#fff;padding:15px;font-size:0.9em;text-align:left;}
.grey_top .ob_down input,.grey_top .ob_down select{font-size:1em;}
.ob span{display:inline-block;margin-top:2px;}
.grey_top .aleft,.grey_top .aright{position:absolute;top:5px;}
.grey_top .aleft{left:10px;}
.grey_top .aright{right:10px;}
.start .slider{padding-top:36px;border-bottom:6px solid #c7ab49;}
.arrow{position:absolute;bottom:6px;left:0;width:100%;z-index:5;}
.a-icon{width:105px;height:26px;cursor:pointer;margin:0 auto;background:url(/img/icon-arrow-start-l.png);}
.container a,.container{color:#fff;}
.container{text-shadow:1px 1px 2px #343434;position:absolute;bottom:85px;left:120px;font-size:1.7em;}
.container span{line-height:1.2em;}
.container h2{margin-bottom:20px;font-weight:400;font-size:2.05em;letter-spacing:-1px;}
.coninhalt{right:20px!important;left:unset;bottom:10px;font-size:0.9em;}
.gallery .container h2{margin-bottom:15px;font-weight:400;font-size:1.6em;}
.ob .send{cursor:pointer;padding:4px 12px;margin:5px 0;}
.send:hover{background:#DAC787;}
#menubar{display:none;}

.teaser{margin-bottom:50px;width:47%;float:left;margin-right:3%;}
.teaser a{margin:0;padding:0;}
.teaser h3{font-weight:normal;font-size:1.3em;margin-bottom:5px;}
.teaser h3 a{color:#fefefe;text-decoration:none;background:#c7ab49;display:block;padding:5px 7px;-webkit-transition: background 0.6s ease;-moz-transition: background 0.6s ease;-ms-transition: background 0.6s ease;-o-transition: background 0.6s ease;transition: background 0.6s ease;}
.teaser h3 a:hover{background:#676767;}
.teaser_bild {width:100%;display:block;opacity:1;width:100%;-webkit-transition: opacity 0.8s ease;-moz-transition: opacity 0.8s ease;-ms-transition: opacity 0.8s ease;-o-transition: opacity 0.8s ease;transition: opacity 0.8s ease;}
.teaser_bild:hover{opacity:0.7;}
.teaser_text {width:100%;position:relative;}
#back{position:absolute;right:0;top:15px;padding:4px;}

.urlaubswelt{display:none;}
.urlaubswelt.active{display:block;}

.galerie img{max-width:100%;}
.galeriefix img{height:144px;}
.galerie a:hover{background:none;opacity:0.7;}
.galeriefluid a{display:none;}
.galeriefluid{max-width:100%;}
.galeriefluid a:first-child{display:block;}

.socials li{display:inline;list-style-type:none;}
.socials img{max-width:30px;padding:10px 5px;opacity:0.7;webkit-transition: opacity .4s ease-in-out;-moz-transition: opacity .4s ease-in-out;-ms-transition: opacity .4s ease-in-out;-o-transition: opacity .4s ease-in-out;transition: opacity .4s ease-in-out}
.socials img:hover{opacity:1;}

/*Widgets*/
.row:before, .row:after {content: " ";display: table;}
.row:after {clear: both;}

.column{ position: relative;  min-height: 1px;  float: left;  padding: 0px;  box-sizing: border-box; -moz-box-sizing: border-box;width: 50%; }
.col-1{padding-right:15.5px;padding-left: 2px;}
.col-2{padding-left:15.5px;}
.column img{display: block;  width: 100%;height: auto;}
.two-col,.bild-fluid,.fluid{padding: 8px;margin: 10px auto;}
.two-col .column{margin: -3px;}
.two-col .col-2 {margin-left: 9px;}
.three-col .col-1 {margin-left: -3px;}
.fluid{	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
}
.fluid-box img{max-width:100%;}
.img-fluid{float:left;}
.img-fluid img{max-width:100%;margin-right:15px;margin-bottom:10px;}

.haupt ul li ul li ul{margin-left: 100px;top: 0px;margin-top: -8px;display: none;}
.haupt ul li ul li ul li{border-left: 1px solid rgb(199, 171, 73);}
.responsive-video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.responsive-video {position: relative;padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/padding-top: 0px;height: 0;overflow: hidden;}

.dimmer{position:fixed;z-index:1000;left:0;top:0;background:rgba(55,55,55,0.75);width:100%;visibility:hidden;}
.formbox{width:100%;max-width:900px;box-shadow:0px 0px 26px #343131;background:#fefefe;margin-top:50px;}
.formboxinhalt{overflow-y:scroll;height:inherit;}
.formboxinhalt a{color:rgba(233,92,30,1);}
.formboxinhalt a:hover{color:#9d9d9d!important;}
.seoinhalt,.popupinhalt{padding:20px;}
.seoinhalt ul,.popupinhalt ul{margin-left:35px;}
.seoinhalt table{width:100%;}
.seorow{line-height:1.9em;padding:0 3px;}
.seorow td:first-child{padding-left:5px;}
.seorow td:last-child{padding-right:5px;}
.seorow:nth-child(2n){background:rgba(51,51,51,0.1);}
.seoname{padding-left:35px}
.seoanfang{padding:0 35px;}
.formbox .close{top:-20px;font-size:2em;position:absolute;right:6px;color:#C7AB49;cursor:pointer;}
.formbox .close:hover{color:#fefefe;}
.presse_nav{display:block;text-align:center;}
.presse_nav li{display:inline-block;font-size:1.4em;}
.presse_nav li a,.presse .mehrlesen{text-decoration:none;}
.presse .press_img{margin:50px auto 20px;display:block;}
.presse_main{width:100%}
.newsbox_side{max-width:600px;margin:0 auto;}
.newsbox_side h3{text-align:center;color:#c7ab49;font-weight:400;font-size:1.7em;margin-bottom:12px;}
.newsbox_side .newsbox a:hover{background:none;color:#aeaeae;}
.newsbox_side .newsbox{margin-bottom:30px;}
.presse .teaser{float:none;width:100%;margin:0 auto 10px;}
.presse .teaser .teaser_box{display:none;padding:5px 0 10px;}
.presse .teaser .teaser_head{cursor:pointer;background:#c7ab49;color:#fefefe;padding:6px 10px;}
.presse .teaser h3{margin-bottom:0;}
.presse .teaser .teaser_text{padding-bottom:15px;}
.presse .teaser h3 .fa{position:relative;float:right;top:10px;font-size:1.2em;padding-right:5px;}
.presse .teaser .teaser_bild{float:left;max-width:35%!important;height:auto;margin-right:5%;}
.presse .mehrlesen{font-size:1.2em;float:right;position:relative;top:10px;}
.presse .mehrlesen:hover{background:none;color:#aeaeae;}
.presse hr{border-top: 1px solid #C7AB49;}
.presse .count_char{padding:10px 0;display:block;text-align:center;}
.presse h1 small{display:block;color:#676767;font-size:0.5em;}
.presse_item .item_box{padding:5px;}
.presse_item{width:22%;display:inline-block;margin:10px;background:#f5f5f5;}
.presse_tag{text-align:center;}
.presse_gal{margin:5px;}
.presse_item .item_titel{color:#c7ab49;font-size:1.1em;min-height:50px;}
.presse_item .item_copy{font-size:0.8em;}
.presse_item .item_masse{color:#aaa;margin-top:10px;}
.presse_item a{padding:0;}
.presse_item .download{color:#28b62c;display:block;text-align:right;}
.presse_tag span{display: inline-block;border: 2px solid #CCC;color: #AAA;font-size: 14px;line-height: 10px;padding: 5px 9px;margin: 5px;cursor: pointer;	-moz-border-radius: 12px 12px 12px 12px;-webkit-border-radius: 12px 12px 12px 12px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.presse_tag span:hover{border: 2px solid #c7ab49;color: #676767;/*background-color: #000;*/}
.presse_tag span.presse_tag-active{border: 2px solid #c7ab49;color: #676767;/*	background-color: transparent;*/}

.formular{position:relative;width:410px;margin:0 auto;}
.formular .radioblock{left:155px;position:relative;display:inline!important}
.formular .pflichtfeld{margin-top:20px;position:relative;left:155px;}
.formular input[type="radio"]{margin-bottom:12px;}
.formular input, .formular select, .formular textarea{display:inline;border:1px solid #ccc;padding:5px;}
.formular input, .formular select, .formular textarea{}
.formular input[type="radio"]{width:auto;}
.formular .fa{transform: rotate(49deg) scale(1) skew(1deg) translate(0px);-webkit-transform: rotate(49deg) scale(1) skew(1deg) translate(0px);-ms-transform: rotate(49deg) scale(1) skew(1deg) translate(0px);color:#E95C1E;position:relative;top:-5px;right:13px;vertical-align:top;font-size:1.5em;}
.formular .block{display:block;margin-bottom:10px;max-width:400px!important;}
.formular .send{margin-top:10px;font-size:1em;max-width:378px!important;text-align:center;padding:8px 20px;left:155px;position:relative;cursor:pointer;}
.formular label{float: left;margin-right: 8px;text-align: right;width: 180px;}
.anmeldung{background:#c7ab49;padding:10px;color:#fefefe;display:table;margin:0 auto;cursor:pointer;}
.anmeldung:hover{background:#DAC787;}
.formular .form_foto i{z-index:-1;right:10px;}

@media (max-width: 1024px){ 
.newsletter_pic{right:7%}
  .wrap,.main.wrap{width:100%;}	
  .main.wrap{padding-top:20px;}	
  .haupt{width:830px;}
  .slides-navigation{top:36%;}
  article,footer{width:92%;margin:4%;}
  .slider{height:340px;}
  .formbox{width:85%;}
  .close{width:87%;}
}

@media (max-width: 950px){
   body{font-size:0.92em;}
  .haupt{width:676px;}
  .haupt ul{width:100%;}
  .haupt li a{padding:0 6px;}
  ul.sub{width:inherit;top:21px;}
  .container h2{font-size:1.5em;margin-bottom:10px;}
  h1{font-size:1.8em;margin-bottom:15px;}
  .h_logo{bottom:75px;}
  .start .slides-navigation{top:31%;}

}

@media (max-width: 800px){  
   .teaser{width:100%;margin:20px 0;}
   body{font-size:0.9em;}
  .haupt{width:660px;} 
  .column{padding:10px 0;}
  .two-col .col-2 {margin-left: 0px;}
  .column,.img-fluid{width: 100%;}
  .fluid{-webkit-column-count: 1; /* Chrome, Safari, Opera */-moz-column-count: 1; /* Firefox */column-count: 1;}
  .presse_item{width:29%;}
}
@media (max-width: 765px){  
	#menubar{display:block;position:fixed;z-index:999;left:20px;top:55px;color: rgb(199, 171, 73);cursor: pointer;font-size:28px !important;background:#fefefe;padding:5px 8px;}
	.start #menubar{top:50px;}
	#logo{display:block;text-align:center;padding:5px;}
	.haupt{display: none;margin-top: 15px;width: 100%;}
	.haupt li{border-bottom:1px solid rgba(0,0,0,.2);text-align:left;}
	.haupt ul li{display: inline;}	
	.start .haupt{position: fixed !important;overflow:auto;top:6px;background:#fefefe;padding-top:55px;}
	.haupt ul li {display: block;position: static !important;padding:8px 5px;font-weight:bold;}
	.haupt ul li ul{display:block !important;margin-left:15px;width:100%;padding-top:10px;height: auto;position: static !important;}
	.sub li{font-weight:normal!important;border:none;}
	.haupt ul li ul li ul{margin-left: 0px;	top: 0px;margin-top: 0px;display: none;	border-bottom: none;}
	.haupt ul li ul li ul li{border-left: none;}	
	.presse_main{width:100%;margin-right:0;float:none;}
    .newsbox_side{margin-top:20px;max-width:500px;width:100%;float:none;margin-right:0}

}
@media (max-width: 600px){ 
  .presse_item{width:46%;margin:2%} 
}