@charset "utf-8";
/*! 
 strandburg.css 
 template color: Brown 
				HEX = #A76837
				RGB = 167, 104, 55 
====================================================  				
*/

/* Basic Styles 
-------------------------------------------------- */
/* Links color */
a {
	color: #A76837;
}
/* Secondary text color */
#reservation-form .price, label span, .room-thumb .main .price, .room-thumb .content p span, .blog-author span, #owl-reviews .text-balloon span, .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, aside .widget ul a:hover, .yamm a:hover, .pagination > li > a {
	color: #906c66;
}
/* Icon color */
#reservation-form .fa.infield, #reservation-form .form-inline .fa.infield, .room-thumb .content i, .box-icon i, table i, #go-top i, .testimonials .owl-theme .owl-controls .owl-buttons div i, .standard-slider .owl-theme .owl-controls .owl-buttons div i, .testimonials .owl-theme .owl-controls .owl-buttons div, .standard-slider .owl-theme .owl-controls .owl-buttons div, #go-top {
	color: #A76837;
}
/* UI border color */ 
header, .navbar-nav .dropdown-menu, .blog-author img, .comment .avatar img, aside h3, blockquote, .ui-widget-header, .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, #owl-gallery, #owl-reviews img, .parallax-effect, .revolution-slider, .testimonials .owl-theme .owl-controls .owl-buttons div, .standard-slider .owl-theme .owl-controls .owl-buttons div, #go-top, .box-icon .circle, .testimonials .owl-theme .owl-controls .owl-buttons div, .standard-slider .owl-theme .owl-controls .owl-buttons div, #map {
	border-color: #A76837 !important;
}
/* UI background color */
#top-header .th-text .th-item .btn-group ul.dropdown-menu > li > a:hover, article .meta-date, .comment .reply-button, aside .widget .tags a, aside .widget ul a:hover .badge, #call-to-action, .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, #go-top:hover, .testimonials .owl-theme .owl-controls .owl-buttons div:hover, .standard-slider .owl-theme .owl-controls .owl-buttons div:hover, .box-icon .circle:hover, .gallery a i, .gallery-slider a i {
	background: #f7e9dc;

}
/* RGB background color */
.room-thumb .main .price, .comment, .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th, .panel-default > .panel-heading {
	background-color: rgba(167, 104, 55, 0.05);
}
.parallax-effect .color-overlay {
	background-color: rgba(167, 104, 55, 0.8);
}
/* Header
-------------------------------------------------- */
/* Navigation text colors */
.navbar-default .navbar-brand, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .dropdown-menu > li > a:focus {
	color: #966b46;
}
/* Navigation Mobile colors */
 @media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
	color: #A76837;
	background-color: transparent;
}
}



.navbar-default {
	background: transparent none repeat scroll 0% 0%;
	}
/*Primary Button Color
-------------------------------------------------- */
.btn-default {
	color: #A76837;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
	color: #A76837;
}
.btn-primary {
	background-color: #A76837;
	border-color: #945D33;
	text-shadow: 0 -1px 0 #64330D;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
	background-color: #BB6B2D;
	border-color: #945D33;
	color:#ffffff !important;
}


/* Strandburg */
html {	background: #ffffff url("/assets/images/background/bg_page.png");}
body {
margin: 0;
background-repeat:no-repeat;
/* display: compact; */
font-family:"Marine Light","Open Sans",sans-serif !important;
}

@media (min-width: 321px) and (max-width: 360px) {
	body {
		/*background-image:url("/assets/images/background/bg_sea_360.jpg");*/
		background-image:none;
		background-repeat:no-repeat;
		background-position:0px 135px;
	}
}
@media (min-width: 361px) and (max-width: 480px) {
	body {
		background-image:url("/assets/images/background/bg_sea_480.jpg");
		background-image:none;
		background-repeat:no-repeat;
		background-position:0px 135px;
	}
}
@media (min-width: 481px) and (max-width: 600px) {
	body {
		/*background-image:url("/assets/images/background/bg_sea_600.jpg");*/
		background-image:none;
		background-repeat:no-repeat;
		background-position:0px 135px;
	}
}

@media (min-width: 601px) and (max-width: 768px) {
	body {
		/*background-image:url("/assets/images/background/bg_sea_768.jpg");*/
		background-image:none;
		background-repeat:no-repeat;
		background-position:0px 135px;
	}
}
@media (min-width: 769px) and (max-width: 979px) {
	body {
		background-image:url("/assets/images/background/bg_sea_1366.jpg");
		background-repeat:no-repeat;
		background-position:0px 70px;
	}
}
@media (min-width: 980px) and (max-width: 1366px) {
	body {
		background-image:url("/assets/images/background/bg_sea_1366.jpg");
		background-repeat:no-repeat;
		background-position:0px 70px;
	}
}
@media (min-width: 1367px) and (max-width: 1920px) {
	body {
		background-image:url("/assets/images/background/bg_sea.jpg");
		background-repeat:no-repeat;
	}
}
@media (min-width: 1921px) {
	body {
		background-image:url("/assets/images/background/bg_sea.jpg");
		background-repeat:no-repeat;
		background-size:cover;
	}
}



#top-header, #top-header a {
    background: #ffffff none repeat scroll 0% 0%;
    color: #966b46;
    font-size: 14px;
}
#top-header a:hover, #top-header .th-text .th-item .btn-group .btn-default:hover {
	color: #d5af8a;
	text-decoration: none;

}
header {
    background: transparent none repeat scroll 0% 0%;
    border-top: 0px solid;
}

.navbar-nav {
	float:none;
  margin: 0px auto;
}
.container > .navbar-header {
    margin: 0px auto;
}





#call-to-action h1, #call-to-action h2, #call-to-action h3, #call-to-action h4, #call-to-action h5, #call-to-action h6 {
    color: #966b46;
    line-height: 1.5;
    font-weight: 400;
}


footer {
    color: #906c66;
    background: #ffffff none repeat scroll 0% 0%;
    font-size: 15px;
    padding: 50px 0px 0px 0px;
    margin-top: 0px;
}
footer a {
	color: #d5af8a;
	padding-left:8px;
}
footer a:hover, footer a:focus {
	color: #d5af8a;
	text-decoration:underline;
	
}
footer .footer-top i {
	color: #00519e;	
}
footer .footer-top a {
	color: #00519e;
	padding-left:8px;
}
footer .footer-top a:hover, footer .footer-top a:focus {
	color: #00519e;
	text-decoration:underline;
}

footer .footer-bottom a {
	color: #906c66;
	
}
footer .footer-bottom a:hover, footer .footer-bottom a:focus {
	color: #906c66;
	text-decoration:underline;
	
}


footer h4 {
    font-size: 18px;
    color: #906c66;
    text-transform: uppercase;
    margin: 0px 0px 30px;
}

footer .h4 {
    font-size: 18px;
    color: #906c66;
    text-transform: uppercase;
    margin: 0px 0px 30px;
}

footer ul li {
    border-bottom: 0px solid #898989;
    padding: 2px 0px;
}

footer .footer-bottom {
    background: #ffffff none repeat scroll 0% 0%;
    padding: 30px 0px;
    margin-top: 50px;
    line-height: 15px;
}
footer .footer-bottom ul li {
	padding-bottom:8px;
}

footer .footer-bottom ul li:before {
    content: "\00b7 ";
}
footer .footer-bottom ul li:first-child:before {
    content: '';
}


.breadcrumb {
	font-size:14px;
    margin: 0px;
    padding: 10px 25px 0px 25px;
    list-style: outside none none;
    background-color: transparent;
    border-radius: 4px 4px 0px 0px;
}




.bg-white {	background-color:#ffffff;}
.bg-sand { background-color:#f7e9dc;}
.strandburg { font-size:16px;/* color:#ac8862;*/ color:#8d6840;line-height:1.5;}
.strandburg .bg-white, .rooms .bg-white {margin-left:0px; margin-right:0px;padding:25px 15px 25px 15px;}
.strandburg .bg-trans {margin-left:0px; margin-right:0px;padding:25px 15px 25px 15px;}

.strandburg .breadcrumb {margin-left:0px; margin-right:0px;padding:10px 25px 15px 25px;}

.strandburg h1.lined-heading::before,.strandburg h2.lined-heading::before, .strandburg h3.lined-heading::before, .strandburg h4.lined-heading::before, .strandburg h5.lined-heading::before, .strandburg h6.lined-heading::before,
.rooms h2.lined-heading::before, .rooms h3.lined-heading::before, .rooms h4.lined-heading::before  {
    position: absolute;
    top: 50%;
    z-index: 1;
    display: block;
    width: 100%;
    height: 1px;
    border-top: 0px solid #CCC;
    content: "";
}
.strandburg .lined-heading,
.rooms .lined-heading {
	/*margin-bottom: 0px; */
	margin-top: 10px;
	}
.strandburg a {color: #2c70ad;}
.strandburg h1,.rooms h1 {color:#906d4c;font-size:24px;text-transform:uppercase;font-family:"Marine Bold","Open Sans",sans-serif !important;font-weight:400;}	
.strandburg h2,.rooms h2 {/*color:#d5af8a;*/color:#b78b60;font-size:24px;text-transform:uppercase;font-family:"Marine Bold","Open Sans",sans-serif !important;font-weight:400;}	
.strandburg h3 {color:#b5e8f8;font-size:28px;margin-bottom:40px;}
.strandburg h4 {color:#007bc2;font-size:28px;margin-bottom:25px;font-family:"Marine Regular Italic","Open Sans",sans-serif !important;}
.strandburg h5 {color:#428BCA;font-size:24px;margin-bottom:0px;font-family:"Marine Light","Open Sans",sans-serif !important;text-transform: uppercase;}
.strandburg h6 {color:#00519e;font-size:28px;margin-bottom:25px;font-family:"Marine Bold","Open Sans",sans-serif !important;text-transform: uppercase;}

.strandburg .offer .price {color:#428BCA;font-family:"Marine","Open Sans",sans-serif !important;}
.strandburg .offer .price strong,.strandburg .offer .price b {color:#00519e;font-family:"Marine Black","Open Sans",sans-serif !important;font-weight:normal;}

.strandburg ul {
margin: 15px 0px 15px 18px;
padding: 0;
}

.strandburg .separator,
.rooms .separator {
    width: 50px;
    background-color:#b5e8f8;
    margin: 20px auto 25px auto;
    position: relative;
    height: 2px;
}
.separator::after {
    height: 1px;background-color:#b5e8f8;
   /* background: transparent linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%) repeat scroll 0% 0%; */
    position: absolute;
    bottom: -1px;
    content: "";
    width:50px;
    left: 0px;
}

div.sbimg img {
	margin:0px auto;
	border-top:1px solid #d5af8a;
	padding:20px 20px 10px 20px;
	}
	
div.sbimg  {
	margin:0px auto;
	padding:10px 0px 0px 0px;
	background-color:#ffffff;
	}

div.sbimg span {
	padding:0px 0px 20px 20px;
	background-color:#ffffff;
	}
	
	
form.reservation-vertical, div.reservation-vertical {
	background-color:#f7e9dc;
	padding: 20px 20px 20px 20px;
	}	
	
form.reservation-vertical h4, div.reservation-vertical h4 {
	text-transform: uppercase;
	font-size:28px;
	font-style:normal;
	font-family:"Marine Light","Open Sans",sans-serif !important;
}	
		
form.reservation-vertical .price, div.reservation-vertical .price  {
	position:relative;
	display: inline-block;
	text-transform: uppercase;
	font-size:38px;
	/* font-weight:bold;	*/
	font-weight:400;
	margin: 0px 0px 20px -20px;
	padding: 0px 40px 0px 20px;
	color:#007BC2;
	background-color:#fff;
	font-family:"Marine Black","Open Sans",sans-serif !important;
}

form.reservation-vertical .price:after, div.reservation-vertical .price:after {
	right: 0px;
	top: 0px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(247, 233, 220, 0);
	border-right-color: #f7E9DC;
	border-width: 28px 15px;
	margin-top: 0px;
}


/* Homepage Offerbox*/
div.shimg img {
	width:100%;
    margin: 0px auto;
    border-top: 0px solid #d5af8a;
    padding: 0px 0px 0px 0px;
}

div.offerbox-vertical {
	background-color:#f7e9dc;
	padding: 3px 14px 3px 14px;
}	
div.offerbox-vertical h1 {
color: #0051a0;
font-size: 24px;
text-transform: uppercase;
font-family: "Marine Bold","Open Sans",sans-serif !important;
font-weight: 400;	
margin: 0px 0px;
color: #d5af8a;
}
div.offerbox-vertical h2 {
text-transform: uppercase;
font-size: 28px;
font-style: normal;
font-family: "Marine Light","Open Sans",sans-serif !important;
color: #007bc2;
margin: 0px 0px;
padding: 0px 0px;
}
div.offerbox-vertical h3 {
color: #0051a0;
font-size: 28px;
text-transform: uppercase;
font-family: "Marine Black","Open Sans",sans-serif !important;
font-weight: 400;	
margin: 0px 0px;
}
div.offerbox-vertical h4 {
text-transform: none;
font-size: 14px;
font-style: normal;
line-height:160%;
font-family: "Marine Light","Open Sans",sans-serif !important;
color: #007bc2;
margin: 0px 0px 0px 0px;
}
div.offerbox-vertical h5 {
color: #0051a0;
font-size: 14px;
text-transform: none;
font-style: normal;
font-family: "Marine Light","Open Sans",sans-serif !important;
margin: 0px 0px 10px 0px;
}


div.offerbox-vertical h2.lined-heading span, 
div.offerbox-vertical h3.lined-heading span, 
div.offerbox-vertical h4.lined-heading span, 
div.offerbox-vertical h5.lined-heading span, 
div.offerbox-vertical h6.lined-heading span {
    position: relative;
    z-index: 1;
    padding: 0px 0px;
    margin: 0px 0px;
    display: inline-block;
}

div.offerbox-vertical p {	font-size: 14px;}
div.offerbox-vertical a.btn {margin-top:10px;}
div.offerbox-vertical div.detailtitle {
position: relative;
z-index: 1;
padding: 10px 0px 20px 0px;
display: block;
box-sizing: border-box;
font-size: 20px;
text-transform: uppercase;
font-family: "Marine Bold","Open Sans",sans-serif !important;
font-weight: 400;
color: #d5af8a;
line-height: 1.1;
}

div.offerbox-vertical ul.detaillist {
margin: 0px 0px 15px 18px;
padding: 0;
}

div.offerbox-vertical .itemdetails-date { color:#0051a0;font-weight:bold;}
div.offerbox-vertical .itemdetails-price { color:#0051a0;font-weight:bold;}
div.itemdetails {font-size:15px;}

a.btn-gold {
margin:10px 15px !important;
padding:10px 20px;
box-shadow: none;
background: none;
background-color: #ffffff; 
border: 2px solid #007bc2;
color: #007bc2;;
border-radius: 0px;
text-shadow: none !important;
box-shadow: none !important;
}

a.btn-gold:hover, a.btn-gold:focus, a.btn-gold:active {
padding:10px 20px;
margin: 0px 0px;	
border: 2px solid #007bc2;	
background-color: #007bc2; 
color: #ffffff;
text-shadow: none !important;
box-shadow: none !important;
}


a.btn-rev-gold {
margin:10px 15px !important;
padding:10px 20px;
box-shadow: none;
background: none;
background-color: #ffffff;
border: 2px solid #bd9e55;
color: #bd9e55;
border-radius: 0px;
text-shadow: none !important;
box-shadow: none !important;
}

a.btn-rev-gold:hover, a.btn-rev-gold:focus, a.btn-rev-gold:active {
padding:10px 20px;
background: none;
background-color: #bd9e55 !important;
border: 2px solid #bd9e55;	
color: #ffffff;
text-shadow: none !important;
box-shadow: none !important;
}

a.btn-blue {
margin:10px 15px !important;
padding:10px 20px;
box-shadow: none;
background: none;
background-color: #ffffff; 
border: 2px solid #007bc2;
color: #007bc2;;
border-radius: 0px;
text-shadow: none !important;
box-shadow: none !important;
}

a.btn-blue:hover, a.btn-blue:focus, a.btn-blue:active {
padding:10px 20px;
margin: 0px 0px;	
border: 2px solid #007bc2;	
background-color: #007bc2; 
color: #ffffff;
text-shadow: none !important;
box-shadow: none !important;
}

@media (max-width: 991px) {
	div.offerbox-vertical h2 {font-size: 22px;}
	div.offerbox-vertical h3 {font-size: 22px;}
	div.offerbox-vertical h4 {font-size: 15px;}	
	div.offerbox-vertical h5 {font-size: 15px;}	
	div.offerbox-vertical p {	font-size: 15px;}
}	
@media (min-width: 992px) and (max-width: 1199px) {
	div.offerbox-vertical h2 {font-size: 20px;}
	div.offerbox-vertical h3 {font-size: 20px;}
	div.offerbox-vertical h4 {font-size: 13px;}	
	div.offerbox-vertical h5 {font-size: 14px;}	
	div.offerbox-vertical p {	font-size: 14px;}
}	
@media (min-width: 992px) and (max-width: 1199px) {
	div.offerbox-vertical {min-height:540px;}
}
@media (min-width: 1200px) {
	div.offerbox-vertical {min-height:540px;}
}



/* nav mittig zentrieren */
@media screen and (min-width: 766px) {
  .navbar .nav,
  .navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
  }

  .navbar-inner {
    text-align:center;
  }
  
  ul.nav li.dropdown:hover ul.dropdown-menu{
    display: block;    
  }

}


.form-control {
color: #AC8862;	
}

label {
    color: #ac8862;
    text-transform: uppercase;
    font-weight: normal;
}

.pricelink a {
	color:#007bc2;
	text-transform: uppercase;
}


.breadcrumb > li a {color:#8e6941;}
.breadcrumb > .active {color:#966B46;}
    
.breadcrumb a {
	text-transform: uppercase;
}

.box-icon i {
    width: 50px;
    height: 50px;
    font-size:24px;
    margin: 0px auto;
    text-align: center;
    vertical-align: middle;
    transition: all 0.6s ease-in-out 0s;
}

#top-header .pull-left .th-item a
 {
	text-transform: uppercase;
}

#top-header .pull-right .th-item a
 {
text-transform: unset;
}

/* Kugelpanoramen Lupe */ 
.lupe a {	text-decoration:none;overflow:hidden;display:block;margin-bottom:0px;position: relative;}
.lupe a i {width: 90px;height: 90px;position: absolute;top: 50%;left: 50%;display: block;margin: -45px 0 0 -45px;-webkit-border-radius: 45px;-moz-border-radius: 45px;border-radius:45px;padding:0px 0px;color: #000;text-align:center;text-decoration: none;opacity: 1;}
.lupe a i {background-image:url(/assets/images/kugelpanoramen/button_icon.png);background-repeat:no-repeat;background-size:cover;}
@media (min-width:352px) and (max-width:767px){.lupe a i {position: absolute;top: 50%;left: 50%;width:40px;height:40px;margin: -20px 0 0 -20px;-webkit-border-radius: 20px;-moz-border-radius:20px;border-radius:20px;	}.lupe p {font-size:0.75em;}}	
@media (min-width:0px) and (max-width:351px){.lupe a i {position: absolute;top: 50%;left: 50%;width:20px;height:20px;margin: -10px 0 0 -10px;-webkit-border-radius: 10px;-moz-border-radius:10px;border-radius:10px;}.lupe p {font-size:0.75em;}}

/* Datenschutz */
.strandburg h3 {
color: #d5af8a;
font-size:20px;
margin-top: 30px;
margin-bottom: 10px;
}

div#uc-privacy-button {display:none;}

div .uc-text-embedding > strong {color:red;}

div .uc-text-embedding > .description-text {display:block; }



.mt-0 {margin-top:0px !important;}
.mb-0 {margin-bottom:0px !important;}
.pt-0 {padding-top:0px !important;}
.pb-0 {padding-bottom:0px !important;}


.footer-call-to-action a {color: #A76837;padding;padding-left: 0px;}

.footer-call-to-action a:hover, .footer-call-to-action a:focus, .footer-call-to-action .box-icon a:hover, .footer-call-to-action .usp a:hover i {
  color: #428BCA;
}


.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  color:#545454;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}