@import"reset.css";
@import"../fonts/cantarell.css";
@import"../fonts/opensans.css";
@import"grid.css";
@import"forms.css";
@import"prettyPhoto.css";
@import"jquery.snippet.min.css";
@import"ui.totop.css";
@import"../skin/blue.monday/jplayer.blue.monday.css";
@import"../css/smoothness/jquery-ui-1.8.17.custom.css";

body {
	background: rgb(246, 248, 249);
	background: -moz-linear-gradient(top, rgb(246, 248, 249) 0%, rgb(229, 235, 238) 24%, rgb(229, 235, 238) 24%, rgb(215, 222, 227) 60%, rgb(169, 174, 178) 100%);
	background: -webkit-linear-gradient(top, rgb(246, 248, 249) 0%, rgb(229, 235, 238) 24%, rgb(229, 235, 238) 24%, rgb(215, 222, 227) 60%, rgb(169, 174, 178) 100%);
	background: linear-gradient(to bottom, rgb(246, 248, 249) 0%, rgb(229, 235, 238) 24%, rgb(229, 235, 238) 24%, rgb(215, 222, 227) 60%, rgb(169, 174, 178) 100%);
	background: url("../images/content-bg.gif") repeat 0 0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f8f9', endColorstr='#a9aeb2', GradientType=0);
	font-family: 'Cantarell', sans-serif;
	color: #737a7f;
	position: relative;
	min-width: 980px;
}

html,
body {
	height: 100%;
}

p {
	padding-bottom: 20px;
}

a {
	color: #081841;
	outline: none;
	cursor: pointer;
	text-decoration: none;
}

a:hover {
	text-decoration: underline
}

/*  Header styles */
h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.3em;
	color: #706d67;
	font-family: 'CantarellBold', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 12px;
}

h1 {
	font-size: 26px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 22px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

/* Global Structure---------------------------------------- */
/*----- txt,links,lines,titles -----*/
.extra-wrap {
	overflow: hidden;
	display: block;
}

.fleft {
	float: left
}

.fright {
	float: right
}

.alignright {
	text-align: right
}

.aligncenter {
	text-align: center
}

.alignmiddle * {
	vertical-align: middle
}

.color1 {
	color: #ff2100;
}

.main {
	width: 960px;
	padding: 0;
	margin: 0 auto;
	position: relative;
}

.marg_n {
	margin: 0 !important;
}

.wrapper {
	width: 100%;
	overflow: hidden;
}

.p1 {
	margin-bottom: 8px;
}

.p2 {
	margin-bottom: 15px;
}

.p3 {
	margin-bottom: 30px;
}

.p4 {
	margin-bottom: 40px;
}

.p5 {
	margin-bottom: 50px;
}

.reg {
	text-transform: uppercase;
}

.title {
	margin-bottom: 18px;
}

.it {
	font-style: italic;
}

.letter {
	letter-spacing: -1px;
}

/*********************************boxes**********************************/
.margin-bot {
	margin-bottom: 35px;
}

.spacing {
	margin-right: 35px;
}

.indent {
	padding: 0 0 0px 30px;
}

.indent2 {
	padding-left: 50px;
}

.indent-bot {
	margin-bottom: 20px !important;
}

.indent-bot2 {
	margin-bottom: 30px;
}

.indent-bot3 {
	margin-bottom: 45px;
}

.img-indent-bot {
	margin-bottom: 25px !important;
}

.img-indent {
	float: left;
	margin: 0 20px 0px 0;
}

.img-indent2 {
	float: left;
	margin: 0 13px 0px 0;
}

.img-indent-r {
	float: right;
	margin: 0 0px 0px 40px;
}

.prev-indent-bot {
	margin-bottom: 10px;
}

.buttons a:hover {
	cursor: pointer;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*********************************header*************************************/
.bg {
	background: rgb(246, 248, 249);
	background: -moz-linear-gradient(top, rgb(246, 248, 249) 0%, rgb(229, 235, 238) 34%, rgb(229, 235, 238) 24%, rgb(215, 222, 227) 70%, rgb(169, 174, 178) 100%);
	background: -webkit-linear-gradient(top, rgb(246, 248, 249) 0%, rgb(229, 235, 238) 34%, rgb(229, 235, 238) 24%, rgb(215, 222, 227) 70%, rgb(169, 174, 178) 100%);
	background: linear-gradient(to bottom, rgb(246, 248, 249) 0%, rgb(229, 235, 238) 34%, rgb(229, 235, 238) 24%, rgb(215, 222, 227) 70%, rgb(169, 174, 178) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f8f9', endColorstr='#a9aeb2', GradientType=0);
	width: 100%;
	height: 60px;
}

.logo {
	float: left;
	margin-top: 8px;
	width: 357px;
	height: 125px;
}

.logo h2 {
	margin: 0px;
	padding: 0px;
	clear: both;
	display: inline-block;
	position: relative;
	top: 1.0em;
	left: 25%;
}


.logo strong {
	/*background: url("../images/logo-bg_.png") no-repeat scroll 0 0 transparent;*/
	background: rgb(237, 237, 237);
	background: -moz-radial-gradient(center, ellipse cover, rgba(237, 237, 237, 1) 0%, rgba(215, 216, 216, 1) 72%, rgba(215, 216, 216, 1) 72%, rgba(128, 128, 128, 1) 100%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(237, 237, 237, 1) 0%, rgba(215, 216, 216, 1) 72%, rgba(215, 216, 216, 1) 72%, rgba(128, 128, 128, 1) 100%);
	background: radial-gradient(ellipse at center, rgba(237, 237, 237, 1) 0%, rgba(215, 216, 216, 1) 72%, rgba(215, 216, 216, 1) 72%, rgba(128, 128, 128, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#808080', GradientType=1);
	border-top: 1px solid #0b0038;
	border-radius: 0px 0px 999px 999px;
	color: #7B7871;
	font-size: 0.5em;
	height: 3.75em;
	line-height: 1.4em;
	text-align: center;
	text-transform: uppercase;
	padding-top: 9px;
	width: 24ch;
	display: block;
}

.bg {
	position: fixed;
	top: 0px;
	height: 110px;
	z-index: 10;
}

nav {
	padding-bottom: 0px;
	position: fixed;
	margin: 0px auto;
	top: 0px;
	height: 150px;
	margin-top: 137px;
	width: 100%;
	z-index: 10;
	margin-top: 20px;
	padding-top: 30px;
}

picture.full {
	min-width: 100%;
	min-height: 990px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	top: 0px;
}

picture.full p.overlay {
	position: relative;
	left: 0.7em;
	bottom: 0.6em;
	margin-top: -2.5em;
	font-size: 4em;
	line-height: 1em;
	color: #fff;
	z-index: 9;
	text-shadow: black 2px 2px 6px;
	width: 95%;
}

.img-schloss,
.img-apartment {
	display: block;
	height: 990px;
	width: 100%;
	background-size: cover !important;
}

.img-schloss {
	background: url("../images/schloss_braunschweig.jpg") no-repeat bottom center #000;
}

.img-apartment {
	background: url("../images/alfresco.jpg") no-repeat bottom center #000;
}

p {
	line-height: 1.4em;
}

.content {
	margin-top: 3.3em;
	padding: 21px 12px;
	text-align: center;
	padding-bottom: 5em;
	width: 90%;
	margin: 2em auto;
}

.content>article {
	margin-bottom: 0.25em;
}

.headline {
	font-size: 3em;
	text-align: center;
	margin-top: 1.5em;
}

.subline {
	color: #081841;
	font-size: 1.8em;
	font-weight: normal;
	line-height: 1.2em;
	float: left;
	clear: both;
	width: 48%;
	text-align: right;
	margin-bottom: 1em;
	margin-right: 2%;
	display: block;
}

.subtext {
	text-align: right;
	width: 98%;
	padding: 1% 0px;
	display: inline-block;
}

.subtext:hover .subdetails {
	color: #193b6b;
	transition-timing-function: ease-in-out;
	transition-duration: 320ms;
	transition-property: color;
}

.headline {
	font-size: 3em;
	text-align: center;
	margin-top: 1.5em;
}

.subtext .subdetails {
	text-align: left;
	margin-top: 0.2em;
	display: inline-block;
	width: 50%;
}

.clearfix {
	clear: both;
}

.box {
	min-width: 15%;
	width: 23%;
	text-align: center;
	color: #fff;
	position: relative;
	box-shadow: #000 2px 2px 6px;
	margin-left: 1.75%;
	float: left;
	overflow: hidden;
}

.boxImg {
	overflow: hidden;
	min-width: 101%;
	height: auto;
}

.box img {
	width: 102.5%;
	max-width: 102.5%;
	margin: 0px;
	padding: 0px;
	transition: ease-in-out;
	transition-duration: 220ms;
	transition-property: transform;
	transform: none;
}

.box:hover img {
	transform: scale(1.07, 1.07);
}

.box h3,
.box p {
	text-shadow: #000 1px 1px 2px;
	color: white;
}

.box .boxcontent {
	background-image: url("../images/bg11.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	padding: 1rem 1.5rem 1rem 1.5rem;
	min-height: 390px;
	line-height: 1.3em;
}

.requests .box {
	width: 31%;
	min-width: 210px;
	margin-bottom: 3em;
}

.requests .box .boxcontent {
	min-height: 33em;
}

.requests .box .boxcontent p {
	font-size: 100%;
}

.box .boxbutton {
	color: #828387;
	text-transform: uppercase;
	border: 3px solid #dfdfdf;
	font-family: 'CantarellBold', sans-serif;
	font-size: 14px;
	padding: 5px 11px;
	font-weight: bold;
	display: inline-block;
	line-height: 17px;
	background: #fff;
	background-color: rgb(255, 255, 255);
	position: absolute;
	bottom: 5%;
	left: 10%;
	width: 70%;
}

.box .boxbutton:hover {
	text-decoration: none;
	border: 3px solid #FFFFFF;
	color: #FFFFFF;
	background-color: #193b6b;
}

.box hr {
	color: #fff;
	margin-bottom: 1em;
}

footer {
	text-align: right;
	width: 96%;
	margin-top: 4.6em;
	padding: 12px 2% 2% 12px;
}

#toTop {
	right: 0.5em !important;
	margin: 0px !important;
	bottom: 24px;
}

.button {
	color: #828387;
	text-transform: uppercase;
	border: 3px solid #dfdfdf;
	font-family: 'CantarellBold', sans-serif;
	font-size: 14px;
	padding: 5px 11px;
	font-weight: bold;
	display: inline-block;
	line-height: 17px;
	background: #fff;
}

.button:hover {
	border: 3px solid #FFFFFF;
	color: #FFFFFF;
	background-color: #193b6b;
}

.cookieMsg {
	background-color: rgba(0, 0, 0, 0.675);
	text-align: left;
	position: fixed;
	bottom: 120px;
	left: 0px;
	width: 96%;
	padding: 1em 2%;
	font-size: 10px;
	visibility: hidden;
	font-size: 12px;
	z-index: 99;
	color: #ccc;
}

.content {
	padding: 21px 12px;
	text-align: center;
	padding-bottom: 5em;
	width: 88%;
	margin: 2em auto;
	margin-top: 9em;
	clear: both;
}

.content.main {
	width: 88%;
	margin-top: 1.75em;
}

.content h3.headline {
	text-align: left;
	font-size: 22px;
	margin-top: 1em;
	color: #000066;
	text-transform: uppercase;
	border-bottom: 3px solid #dfdfdf;
	margin-bottom: 0.7em;
}

.content .left {
	text-align: left;
}

.content.requests {
	width: 88%;
}


.content .contentSlim {
	text-align: center;
	display: flexbox;
	margin: 0px;
}

.content .contentSlim a {
	flex-wrap: wrap;
}

.backButton {
	margin-top: 2em;
	display: inline-flex;
}

.cookieMsg a {
	color: #e6e6e6;
	text-decoration: underline;
}

.content>article {
	margin-bottom: 0.25em;
}

.grid_8 {
	width: 32%;
	float: left;
}

.page3-box1 {
	padding: 0px !important;
	margin: 0px !important;
}

.page3-box1 img {
	padding: 0px !important;
	margin: 0px !important;
	margin-bottom: 1em !important;
	width: 100%;
	max-width: 100%;
	height: auto;
	border-bottom: 1px solid #a39871;
}

.page3-box1 p {
	padding: 17px !important;
}

.extra-wrap {
	text-align: left;
}

.link2 {
	width: 100%;
}

.jSlide {
	width: 100%;
}

.jSlide>div {
	width: 30%;
	float: left;
	border: 1px solid #eee;
	margin: 1em 1%;
	box-shadow: 6px 6px 6px #999;
	overflow: hidden;
}

.jSlide img {
	width: 100%;
	cursor: pointer;
	transition: ease-in-out;
	transition-duration: 220ms;
	transition-property: transform;
	transform: none;
}

.jSlide>div:hover img {
	transform: scale(1.07);
}

.content .jSlide>h3.headline {
	clear: both;
	margin-top: 2em;
	display: inline-block;
	margin-bottom: 0px;
	text-align: left;
	width: 100%;
}

.jSlideOverlay {
	padding-top: 9em;
	background-color: rgba(0, 0, 0, 0.185);
	width: 100%;
	position: fixed;
	height: 100%;
	left: 0%;
	top: 0%;
	visibility: hidden;
	opacity: 0;
	margin-top: -30px;
	transition: ease-in;
	transition-property: all;
	transition-duration: 140ms;
	z-index: 999;
}

.jSlideOverlay .details {
	background-color: whitesmoke;
	display: inline-block;
	margin: 0px auto;
	padding: 0.5em;
	box-shadow: 0px 0px 12px #555;
}

.jSlideOverlay .headline,
.jSlideOverlay .para {
	margin: 0px;
	padding: 0px;
	font-size: 1rem;
	color: #0b0038;
}

.jSlideOverlay .headline {
	margin-top: 1.25em;
}

.jSlideOverlay .para {
	margin-bottom: 1.5em;
}

.jSlideOverlay.active {
	visibility: visible;
	opacity: 1;
	margin-top: 0px;
}

.jSlideOverlay img {
	max-width: 100%;
	height: auto;
	cursor: pointer;
}

img.group38 {
	max-width: 100%;
	clear: both;
	float: none;
	width: 100%;
}

.contact #form1 .link-form {
	display: inline-block;
	clear: none;
	width: 100%;
}

/* Temporary styles */
#content {
	margin-top: 60px;
}

/*** MENU ***/
.sf-menu,
.sf-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sf-menu {
	z-index: 10;
}

.sf-menu>li {
	margin-right: -1em;
	position: relative;
	float: left;
}

.sf-menu a span {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 0%;
	height: 3px;
	margin-left: 50%;
	transition: ease-in-out;
	transition-property: all;
	transition-duration: 210ms;
}

.sf-menu a {
	padding: 1em 2em;
	display: block;
	position: relative;
	font-family: 'CantarellBold', sans-serif;
	color: #7b7871;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.3em;
	z-index: 99;
}

.sf-menu a:hover,
.sf-menu a.active,
.sf-menu li.sfHover>a {
	text-decoration: none;
	color: #0b0038;
}

.sf-menu a:hover span,
.sf-menu a.active span,
.sf-menu li.sfHover>a span {
	background-color: #0b0038;
	width: 70%;
	margin-left: 15%;
}

.sf-menu ul {
	background: rgb(246, 248, 249);
	background: -moz-linear-gradient(top, rgb(246, 248, 249) 0%, rgb(229, 235, 238) 24%, rgb(229, 235, 238) 34%, rgb(215, 222, 227) 90%, rgb(169, 174, 178) 100%);
	background: -webkit-linear-gradient(top, rgb(246, 248, 249) 0%, rgb(229, 235, 238) 24%, rgb(229, 235, 238) 34%, rgb(215, 222, 227) 90%, rgb(169, 174, 178) 100%);
	background: linear-gradient(to bottom, rgb(246, 248, 249) 0%, rgb(229, 235, 238) 24%, rgb(229, 235, 238) 34%, rgb(215, 222, 227) 90%, rgb(169, 174, 178) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f8f9', endColorstr='#a9aeb2', GradientType=0);
	position: absolute;
	top: -999em;
	width: 165px;
	padding-top: 14px;
	padding-right: 100px;
	padding-bottom: 0;
	padding-left: 0px;
	margin-bottom: 20px;
	border-radius: 0px 0px 13px 13px;
}

.sf-menu ul ul {
	padding: 14px 20px 0;
}

.sf-menu ul li {
	margin: 0 0 10px;
}

.sf-menu ul a {
	color: #7b7871;
	font-size: 14px;
	line-height: 2em;
	position: relative;
	display: inline-block;
	padding-left: 20px;
	transition: ease-in-out;
	transition-property: color, padding;
	transition-duration: 260ms;
	z-index: 99;
}

.sf-menu ul a:hover {
	padding-left: 40px;
}

.sf-menu li:hover {
	visibility: inherit;
	/* fixes IE7 'sticky bug' */
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: 30px;
	top: 44px;
	/* match top ul list item height */
	z-index: 100;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top: -999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 116px;
	top: 16px;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top: -999em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 10em;
	/* match ul width */
	top: 0;
}

/********************** Content ************************/

#content {
	width: 100%;
	padding: 82px 0 31px;
	background: url("../images/content-bg.gif") repeat 0 0;
	position: relative;
	z-index: 1;
}

.page1-box1 {
	overflow: hidden;
	text-align: center;
	padding-bottom: 20px;
	border: 3px solid #dfdfdf;
	background-image: url(../images/bg11.png);
	background-repeat: repeat;
	background-position: 0 0;
}

.inner3 {
	display: block;
	padding: 14px 0 15px;
	border-bottom: 3px solid #dfdfdf;
	margin-bottom: 17px;
}

.button1 {
	color: #828387;
	text-transform: uppercase;
	border: 3px solid #dfdfdf;
	font-family: 'CantarellBold', sans-serif;
	font-size: 14px;
	padding: 5px 11px;
	font-weight: bold;
	display: inline-block;
	line-height: 17px;
	background: #fff;
}

.button1:hover {
	text-decoration: none;
	border: 3px solid #FFFFFF;
	color: #FFFFFF;
	background-color: #193b6b;
}

.p6 {
	padding-bottom: 25px;
}

.carousel {
	position: relative;
}

.car-wrapper {
	position: relative;
}

.carousel li {
	float: left;
	overflow: visible !important;
	height: 203px;
	width: 240px;
}

.page1-img1 img {
	width: 184px;
	height: 124px;
}

.next1,
.prev1 {
	display: block;
	width: 30px;
	height: 30px;
	cursor: pointer;
	position: absolute;
	overflow: hidden;
	float: left;
	cursor: pointer;
	z-index: 5;
}

.p7 {
	margin: 0 !important;
}


.prev1 {
	background: url("../images/prev1.gif") no-repeat scroll center top transparent;
	right: 36px;
	top: -72px;
}


.next1 {
	background: url("../images/next1.gif") no-repeat scroll center top transparent;
	right: 5px;
	top: -72px;
}

.next1:hover,
.prev1:hover {
	background-position: 0px -105px;
}

.border1 {
	border-bottom: 3px solid #dfdfdf;
	padding-bottom: 5px;
	margin-bottom: 30px;
}


.p8 {
	margin-bottom: 63px;
	padding-top: 63px;
}

.page1-box2 {
	overflow: hidden;
	padding: 17px 0 15px 17px;
	border: 3px solid #dfdfdf;
	background: url(../images/bg1.gif) repeat 0 0;
}

.img-bot {
	background: #dfdfdf;
	padding: 3px;
	display: inline-block;
}

.page1-img1 {
	margin-bottom: 14px;
}


.link1 {
	background: url("../images/marker1.png") no-repeat scroll right 1px transparent;
	color: #828387;
	display: inline-block;
	font-family: 'Cantarell', sans-serif;
	font-size: 14px;
	line-height: 21px;
	padding-right: 35px;
	text-transform: uppercase;
}

.link1:hover {
	color: #081841;
	text-decoration: none;
	background-position: right -54px;
}



.page1-img2 {
	float: left;
	margin-right: 20px;
	margin-top: 7px;
}

.img-bot1 {
	background: #0b0038;
	padding: 5px;
	display: inline-block;
	box-shadow: 0px 0px 5px 3px #e6e6e6;
	margin-bottom: 2em;
}

.page1-box3 span {
	display: block;
	text-transform: uppercase;
	color: #081841;
	font-family: 'CantarellBold', sans-serif;
	font-weight: bold;
	font-size: 22px;
	margin-bottom: 2px;
	line-height: 27px;
}

.link2 {
	text-transform: uppercase;
	font-family: 'Cantarell', sans-serif;
	line-height: 20px;
	font-size: 14px;
	color: #828387;
	margin-bottom: 8px;
	display: inline-block;
}

.link2:hover {
	text-decoration: none;
	color: #081841;
}

.p9 {
	margin-bottom: 23px;
}


.inner1 {
	background: url("../images/marker2.png") no-repeat scroll 0 0 transparent;
	color: #706D67;
	float: left;
	font-family: 'Cantarell', sans-serif;
	font-size: 22px;
	height: 60px;
	line-height: 27px;
	margin-right: 19px;
	margin-top: 4px;
	padding-top: 12px;
	text-align: center;
	width: 50px;
}

.inner1 span {
	display: block;
	font-size: 14px;
	padding-top: 6px;
	text-transform: uppercase;
	line-height: 17px;
}

.p10 {
	margin-bottom: 26px;
}

.link3 {
	color: #081841;
	text-decoration: underline;
}

.link3:hover {
	color: #737a7f;
}

.page1-box4 {
	overflow: hidden;
	margin-bottom: 11px;
}

.last2 {
	margin-bottom: 5px;
}

/***** Page 2 *****/

.page2-img1 {
	float: left;
	margin-right: 20px;
	margin-top: 4px;
}

.list3 a {
	color: #737a7f;
	font-size: 13px;
	line-height: 20px;
}

.list3 li {
	display: block;
	background: url(../images/marker4.png) no-repeat 0 8px;
	padding-left: 15px;
	padding-bottom: 10px;
}

.list3 a:hover {
	color: #081841;
	text-decoration: none;
}

.page2-box1 {
	overflow: hidden;
	margin-bottom: 38px;
}


.inner2 {
	background: url("../images/marker5.png") no-repeat scroll 0 0 transparent;
	color: #706D67;
	float: left;
	font-family: 'Cantarell', sans-serif;
	font-size: 22px;
	font-weight: bold;
	height: 39px;
	line-height: 27px;
	margin-right: 20px;
	margin-top: 5px;
	padding-top: 11px;
	text-align: center;
	width: 50px;
}

.page2-box2 {
	overflow: hidden;
	margin-bottom: 22px;
}

.p11 {
	margin-bottom: 35px;
}

.p12 {
	word-spacing: -1px;
}

.page2-box3 span {
	display: block;
	color: #081841;
	margin-bottom: 20px;
	padding-top: 2px;
}

.page2-img2 {
	margin-bottom: 15px;
}

.page2-box3 p {
	padding: 0;
}

.page3-box1 {
	background: url("../images/bg1.gif") repeat scroll 0 0 transparent;
	border: 3px solid #DFDFDF;
	overflow: hidden;
	padding: 17px 0 0px 17px;
	margin-bottom: 10px;
}

.page3-box1 span {
	display: block;
	text-transform: uppercase;
	color: #828387;
	font-size: 14px;
	margin-bottom: 12px;
	line-height: 17px;
	font-family: 'Cantarell', sans-serif;
}

.page3-img1 {
	margin-bottom: 16px;
}


.link4 {
	background: url("../images/marker1.png") no-repeat scroll 0 0 transparent;
	display: inline-block;
	height: 19px;
	margin-left: 8px;
	margin-top: 2px;
	width: 19px;
}

.link4:hover {
	background-position: 0 -55px;
}

.page3-box1 p {
	padding-bottom: 14px;
}

/***** Page 3 *****/

.page4-img1 {
	margin-right: 20px;
	float: left;
	margin-top: 5px;
}



/***** Page 4 *****/

.page5-box1 span {
	display: block;
	text-transform: uppercase;
	color: #828387;
	font-size: 14px;
	margin-bottom: 12px;
	line-height: 17px;
	font-family: 'Cantarell', sans-serif;
}

.page5-box1 p {
	padding-bottom: 32px;
}

.p13 {
	padding-bottom: 20px !important;
}

/***** Page 5 *****/




.dl1 {
	margin-bottom: 30px;
}

.dl1 dt {
	width: 170px;
	margin-bottom: 18px;
	display: block;
	text-transform: uppercase;
	color: #828387;
	font-size: 14px;
	margin-bottom: 9px;
	line-height: 20px;
	font-family: 'Cantarell', sans-serif;
}

.dl1 span {
	float: left;
	width: 69px;
}

.dl1 dd {
	line-height: 20px;
}

.dl1 dd a,
.page5-box1 a {
	color: #081841;
	text-decoration: underline;
}

.dl1 dd a:hover,
.page5-box1 a:hover {
	text-decoration: none;
}

/******************** Footer ******************/
/*
footer {
	width:100%;
	padding:35px 0 30px;
}
*/

.list1 a:hover {
	color: #081841;
	text-decoration: none;
	background-position: 0 -29px;
}

.list1 a {
	color: #737a7f;
	display: inline-block;
	background: url("../images/marker3.png") no-repeat scroll 0 6px transparent;
	font-size: 13px;
	line-height: 16px;
	padding-left: 15px;
}

.list2 a:hover {
	color: #081841;
	text-decoration: none;
}


.list2 a {
	color: #737a7f;
	font-size: 13px;
}

.list1 li {
	display: block;
	padding-bottom: 14px;
}

.list2 li {
	display: block;
	line-height: 20px;
	padding-bottom: 10px;
}

.soc-links a {
	display: block;
	width: 29px;
	height: 29px;
}

.soc-links a:hover {
	background-position: 0 -82px;
}

.soc-links li {
	display: block;
	float: left;
	margin-left: 3px;
}

.soc-links {
	float: right;
	padding-top: 15px;
	margin-bottom: 10px;
}

.soc-link1 {
	background: url(../images/soc-link1.png) no-repeat 0 0;
}

.soc-link2 {
	background: url(../images/soc-link2.png) no-repeat 0 0;
}

.soc-link3 {
	background: url(../images/soc-link3.png) no-repeat 0 0;
}

.soc-link4 {
	background: url(../images/soc-link4.png) no-repeat 0 0;
}

.foot-page1 span {
	display: inline-block;
	color: #828387;
	font-weight: bold;
	text-transform: uppercase;
	padding-right: 1px;
	font-size: 16px;
	line-height: 20px;
	font-family: 'CantarellBold', sans-serif;
}

.foot-page1 {
	color: #737a7f;
	font-size: 13px;
	padding-top: 3px;
	text-align: right;
}

.foot-page1 a {
	color: #737a7f;

}

.foot-page1 a:hover {
	color: #081841;
	text-decoration: underline;
}


footer h6 {
	color: #828387;
	margin-bottom: 22px;
}

.impressumstext {
	font-size: 0.75em;
}

.willkommen {
	font-size: 16px;
}

.einleiung {
	font-size: 12px;
}

.page_dsgvo .main {
	margin-top: 30px;
	margin-bottom: 30px;
}

.page_dsgvo h1,
.page_dsgvo h2,
.page_dsgvo h3,
.page_dsgvo h4,
.page_dsgvo h5 {
	font-size: 1em;
}

.page_dsgvo .foot-page1 {
	margin-top: 30px;
}

.page_dsgvo h5 {
	margin-top: 50px;
}

.page_dsgvo h2,
.page_dsgvo h3 {
	margin-top: 25px;
}

#form1 .dsvgo-accept-information {
	float: left;
	width: 80%;
}

#form1 input[type=checkbox] {
	display: block;
	width: 18px;
	height: 18px;
	margin-top: 12px;
	float: right;
}

#form1 .error,
#form1 .empty {
	clear: both;
}

#form1 input.button {
	clear: both;
	color: #828387;
	text-transform: uppercase;
	border: 3px solid #dfdfdf;
	font-family: 'CantarellBold', sans-serif;
	font-size: 14px;
	padding: 5px 11px;
	font-weight: bold;
	display: inline;
	line-height: 17px;
	background: #fff;
}

#form1 input.button[type=submit] {
	float: right;
}

#form1 input.button:hover {
	border: 3px solid #fff;
	color: #fff;
	background-color: #193b6b;
}

#form1 .dsvgo-accept a {
	text-decoration: underline;
}

.jSlideOverlay.active {
	top: 0px;
}

.qrCode {
	width: 32%;
	max-width: 239px;
	padding: 0.5em 0.5em;
	background-color: white;
	border-radius: 0px 16px 16px 0px;
	color: #193b6b;
	position: fixed;
	bottom: 10%;
	overflow: hidden;
	height: 1em;
	left: 0px;
	border: 1px solid darkblue;
	border-left: none;
	z-index: 98;
}

.qrCode .qrArrow:hover {
	text-decoration: none;
}

.qrCode:hover {
	height: auto;
}

.qrCode .qrArrow {
	padding: 0px 0px 30px 0px;
	display: block;
	margin-top: -2px;
	height: 0px;
}

.qrCode .qrText,
.qrCode a {
	font-size: 0.75em;
	padding-left: 1em;
	padding-top: 2px;
	display: inline-block;
}

.qrCode a {
	text-align: center;
}

/* Media queries */
@media (max-width:1200px) {
	body {
		min-width: unset;
		width: 96%;
		padding: 0px 2%;
	}

	.content {
		padding: 0px;
		margin-top: 4em;
		width: 80%;
		text-align: center;
	}

	.content.main {
		padding: 0px;
		margin-top: 1em;
		width: 100%;
		text-align: center;
	}

	.bg {
		position: absolute;
		top: -21px;
		left: 0px;
	}

	nav {
		position: static;
		font-size: 1em;
		clear: both;
		display: inline;
		text-align: center;
	}

	.logo {
		float: none;
		margin: 0px auto;
		display: block;
	}

	.logo img {
		position: relative;
		z-index: 100;
		margin-top: 30px;
		margin-bottom: -30px;
	}

	.logo h2 {
		position: relative;
		display: block;
		top: 2.6em;
		left: calc(50% - 5.5ch);
		z-index: 100;
	}

	.img-schloss,
	.img-apartment {
		display: inline-block;
		min-height: 500px;
		width: 100%;
		height: auto;
	}

	.img-schloss {
		background: url("../images/schloss_braunschweig.jpg") no-repeat bottom center;
	}

	.img-apartment {
		background: url("../images/alfresco.jpg") no-repeat bottom center;
	}

	.content>article {
		margin-bottom: 1.25em;
	}

	.box {
		width: 47%;
	}

	.box .boxcontent {
		min-height: 240px;
	}

	.bg {
		position: absolute;
		top: -21px;
		left: 0px;
	}

	.sf-menu {
		margin-top: 3em;
		text-align: center;
	}

	.sf-menu>li {
		margin-right: 0em;
		float: left;
		clear: none;
		display: inline;
	}

	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul {
		left: 50%;
		top: 44px;
		z-index: 100;
	}

	.sf-menu li.sfHover ul {
		left: calc(50% - 90px);
	}

	.sf-menu>li {
		margin-right: 0em;
		clear: none;
		float: none;
		display: inline;
	}

	.sf-menu>li>a {
		display: inline-block;
	}

	picture.full {
		width: 100%;
		max-height: 500px;
	}

	picture.full p.overlay {
		font-size: 2.5rem;
		width: 100%;
	}

	.content .jSlide {
		text-align: center;
	}

	.content .jSlide div {
		width: 45%;
		margin: 14px 2%;
		float: left;
	}

	.content .jSlide h3.headline {
		display: inline-block;
		width: 100%;
	}

	.contact {
		width: 98%;
	}
}

@media (max-width:1100px) {
	picture.full p.overlay {
		font-size: 2.25rem;
		width: 100%;
	}

	.box .boxcontent {
		min-height: 240px;
	}

	.requests .box {
		width: 100%;
	}

	.requests .box .boxcontent {
		min-height: auto;
	}

	.sf-menu a {
		padding: 1em;
	}

	.bg {
		position: absolute;
		top: -21px;
		left: 0px;
	}
}

@media (min-width: 400px) {
	#form1 input {
		height: auto;
		width: 100%;
	}
}

@media (min-width: 681px) {
	.jSlideOverlay.active {
		top: 0em;
	}

	.contact .img-bot1 {
		width: 100%;
	}

	iframe {
		width: 100%;
	}

	#form1 {
		width: 70%;
		padding: 0px 4%;
	}

	.contact #form1 input,
	.contact #form1 label,
	.contact #form1 textarea {
		width: 96%;
		clear: both;
		text-align: left;
	}

	.contact #form1 .dsvgo-accept-information {
		width: auto;
		margin-right: 1em;
	}

	.contact #form1 input[type="checkbox"] {
		float: left;
		width: auto;
		clear: none;
	}

	.dsvgo-accept label,
	.contact #form1 input[type="checkbox"] {
		float: left;
		margin-top: 0px;
		margin-right: 1em;
		margin-bottom: 2em;
	}

	.contact #form1 input.button[type="reset"] {
		clear: none;
		float: left;
	}

	.contact #form1 input.button[type="submit"] {
		float: right;
	}

	.contact #form1 input.button[type="reset"],
	.contact #form1 input.button[type="submit"] {
		width: auto;
		margin-top: 1em;
		clear: none;
	}
}

@media (max-width: 800px) {
	#form1 {
		width: 92%;
		padding: 0px 4%;
	}

	iframe {
		width: 100%;
	}

	.contact #form1 input,
	.contact #form1 label,
	.contact #form1 textarea {
		width: 96%;
		clear: both;
		text-align: left;
	}

	.contact #form1 .dsvgo-accept-information {
		width: auto;
	}

	.contact #form1 .dsvgo-accept input[type="checkbox"] {
		clear: none;
		margin-left: 1em;
		float: left;
	}

	.dsvgo-accept label,
	.contact #form1 input[type="checkbox"] {
		float: left;
		margin-top: 0px;
		margin-right: 1em;
		margin-bottom: 2em;
	}


	.contact #form1 input.button[type="reset"],
	.contact #form1 input.button[type="submit"] {
		margin-bottom: 20px;
		float: right;
		max-width: 30%;
		height: auto;
		clear: none;
		width: auto;
	}

	.contact #form1 input.button[type="reset"] {
		float: left;
	}

	picture.full p.overlay {
		font-size: 1.2rem;
		width: 99%;
	}

	.logo h2 {
		position: relative;
		display: inline-block;
		top: 2.6em;
		left: 0%;
	}

	.logo img {
		margin-top: 30px;
		margin-bottom: -30px;
	}

	.jSlideOverlay.active {
		top: 0px;
	}

	.sf-menu {
		display: block;
	}

	.sf-menu li {
		clear: both;
		float: none;
		display: block;
	}

	.sf-menu a {
		padding: 1em 2em;
	}

	.content.main h1.headline {
		font-size: 1.5em;
		margin-top: 0.5em;
	}

	.content.main .subline {
		font-size: 1.25em;
		float: none;
		clear: both;
		width: 100%;
		text-align: center;
	}

	.content.main .subdetails {
		float: none;
		clear: both;
		width: 100%;
		text-align: center;
	}

	.box {
		width: 97%;
	}

	.box .boxcontent {
		min-height: 230px;
	}

	footer {
		text-align: center;
	}

	.content .jSlide {
		text-align: center;
	}

	.content .jSlide div {
		width: 100%;
		margin: 14px 0px;
	}

	.content .jSlide h3.headline {
		display: inline-block;
		width: 100%;
		text-align: center;
	}

	.jSlide>div {
		float: none;
		clear: both;
	}

	.sf-menu li.sfHover ul {
		left: 25%;
	}
}