@charset "utf-8";
/*
 * Content
 * =======
 * 01. Core Setup
 * 02. Header
 * 03. Main Nav
 * 04. Content
 * 05. Responsive
 */

/*
 * 01. Core Setup
 */
/* CSS Document */
/*************************************************** CSS RESET ***********************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration: none;
}
/* end of reset */

body {
	background-color: #DEDFE0;
	font-family: Verdana, sans-serif;
	font-size: 12px;
}
.inner {
	width: 1920px;
	margin: 0px auto;
	height: 100%;
}
/*
 * 02. Header
 */
 
header {
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	height: 140px;
	padding: 60px 0px 0px 120px;
}
header .info {
	color: #000;
	margin-top: 18px;
	font-size: 1.25em;
	line-height: 1.4em;
}
header .info a:link, header .info a:active, header .info a:visited {
	color: #000000;
}
header .info a:hover, header .info a:focus {
	color: #97D20D;
}
/*
 * 03. Main Nav
 */
 
nav {
	width: 100%;
	position: fixed;
	left: 0;
	top: 200px;
	padding: 0px 0px 0px 120px;
	background-color: rgb(235,16,137);
	height: 43px;
}
nav ul li {
	float: left;
	height: 43px;
	margin-right: 135px;
}
nav ul li:last-child {
	margin-right: 0px !important;
}
nav ul li a:link, nav ul li a:active, nav ul li a:visited {
	display: block;
	color: #FFF;
	text-decoration: none;
	line-height: 43px;
	vertical-align: middle;
	font-size: 18px;
	font-weight: bold;
}
nav ul li a:hover, nav ul li a:focus, nav ul li a.active {
	color: #000;
}

/*
 * 04. Content & Sections
 */
.content {
	width: 100%;
	position: absolute;
	left: 0;
	top: 243px;
	bottom: 0px;
	overflow-y: scroll;
	overflow-x: hidden;
}
.info-circle img {
	width: 400px;
	height: 400px;
	z-index: 999;
	position: absolute;
	top: 350px;
	left: 450px;
}
.textBox {
	height: auto;
	clear: both;
	padding-top: 4em;
	padding-bottom:8em;
	display: block;
}
.fullwidthImage {
	width: 1920px;
	height: 530px;
	border-radius: 30px;
}

article:nth-child(2) {
	float: right;
	width: 650px;
	margin-right: 150px;
	margin-top: 32px;
	margin-bottom: 100px;
}

article:nth-child(3) {
	float: left;
	margin-top: 240px;
	margin-left: 120px;
}

article:nth-child(3) img {
	float: left;
	margin-top: -240px;
	margin-left: +120px;
	max-width:540px !important;
}
/*
 * Ref Fomatting
 */
#Einblicke article:nth-child(2) {
	width: 1680px; /* 1920 - 120 - 150 */
	margin: 0 auto;
	margin-bottom: 70px; /* 100 - 20 */
	margin-top: 32px;
	float: none;
}
.refOverview a {
	/*display: block;*/
}
.refOverview a img {
	border-radius: 10px;
	margin: 0 27px 27px 0px;
}
.refOverview a:nth-child(5n + 5) img {
	margin: 0 0px 27px 0px !important;
}
.refImg-responsive {
	display: block;
	height: auto;
	width: 100%;
	border-radius: 30px;
	margin-bottom: 32px;
}
.refArrow {
	width:200px;
	height:80px;
	position:fixed;
	left: 0;
	right: 0;
	bottom: 10px;
	margin: 0 auto;
	cursor: pointer;
}
.refBackLink {
	color: #F4F4F4 !important;
	font-size: 54px;
	font-weight: bold !important;
	text-align: center;
    display: block;
	padding-bottom: 18px;
}
.refBackLink:hover {
	text-decoration:none !important;
	color:#8B8F91 !important;
}
/* HTML STYLING */

article h1, article h1 a {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 3.5em;
	line-height: 1.2em;
	color: rgb(235,16,137);
	margin: 0 0 15px 0 !important;
	text-align: left;
}
article h2 {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.33em;
	line-height: 1.2em;
	color: rgb(235,16,137);
	margin: 40px 0 5px 0;
	text-align: left;
}
article h3 {
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-size: 1.33em;
	line-height: 1.2em;
	color: rgb(235,16,137);
	margin: 0 0 10px 0;
	text-align: left;
}
article p, article td, article th, article li {
	color: #000;
	line-height: 1.6em;
	margin: 0 0 12px 0;
	text-align: left;
	font-size: 1.33em;
	font-weight: normal;
}

article td, article th {
	vertical-align: top;
}
article li {
	margin: 0;
}
article article ul, article article ol {
	margin: 0 0 12px 16px;
	padding: 0 0 0 12px;
	display: block;
}
article ul {
	list-style-type: disc;
	margin-left: 30px;
}
article ol {
	list-style-type: decimal;
	margin-left: 30px;
}
article a:link, article a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #808285;
	vertical-align: baseline;
}
article a:hover, article a:focus, article a:active {
	text-decoration: underline;
}
strong {
	vertical-align: baseline;
	font-weight: normal;
}
article em {
	font-style: italic;
}
article sup {
	vertical-align: super;
	font-size: 1em;
}
article sub {
	vertical-align: sub;
	font-size: 1em;
}
article .tinymce-image-left {
	float: left;
	margin: 0 10px 0 10px;
	border: none;
}
article .tinymce-image-right {
	float: right;
	margin: 0 0 10px 10px;
	border: none;
}
article input, article select, article textarea {
	width: 300px;
	padding: 4px;
	font-family: Verdana, sans-serif;
	color: #000;
	border: 1px solid #808080;
}
article input[type=radio], article input[type=checkbox] {
	width: 20px;
}
article input[type="submit"] {
	width: 150px;
}
article strong {
	font-weight: bold;
}
article .quote {
	font-size: 1.3em;
	font-style: italic;
	color: #A7A9AC;
}

/* SLICKNAV STYLING */

.slicknav_menu {
	display: none;
	background: rgb(235,16,137) !important;
	padding: 0px !important;
	width: 100%;
	height: auto;	
}
.slicknav_nav {
	padding-bottom: 10px !important;
}
.slicknav_nav li a {
	color: #ffffff !important;
}
.slicknav_btn {
	background: #4C4C4C !important;
}
.slicknav_menutxt, .slicknav_icon-bar {
	text-shadow: none !important;
	box-shadow: none !important;
}

/* Vacation-Button */

#ferienbutton{
	position: absolute;
	top: 130px;
	right: 110px;
	width: 350px;
	height: 350px;
}
@media screen and  (max-width: 1919px){
	#ferienbutton{
		top: 25px;
	}
}

@media screen and (max-width: 1190px){
	#ferienbutton{
		position: relative;
		margin: 0 auto 40px auto;
		right: 0;
		display: block;
	}
}

@media screen and (max-width: 350px){
	#ferienbutton{
		width: 280px;
		height: 280px;
	}
}
/* Responsive */
 
.desktop {
	display: inherit;
}
.tablet, .mobile {
	display: none;
}

@media (max-width: 1919px) {
	article:nth-child(3) img {
	float: left;
	margin-top: -20px;
	margin-left: 120px;
}
	.info-circle img {
		top: 400px;
		left: 340px;
	}

	.inner {
		width: 1200px;
	}
	.textBox {
		padding-top: 3em;	
	}
	.fullwidthImage {
		width: 1200px;
		height: auto;
	}
	header {
		height: 110px;
		padding: 30px 0px 0px 60px;
	}
	nav {
		top: 140px;
		padding: 0px 0px 0px 60px;
	}
	nav ul li {
		margin-right: 45px;
	}
	.content {
		top: 183px;
	}
	article:nth-child(2) {
		width: 600px;
	}
	article:nth-child(3) {
		margin-right: 150px;
    	margin-top: -60px;
    	margin-bottom: 3em;
		width: 600px;
		float: right;
	}
	#Einblicke article:nth-child(2) {
		width: 1200px;
		margin-right: 0;
		text-align: center;
	}
	.refOverview a img, .refOverview a:nth-child(5n + 5) img {
		margin: 10px !important;
	}
}

@media screen and (max-width: 1780px) {
	.info-circle img {
		top: 400px;
		left: 250px;
	}
}

@media screen and (max-width: 1600px) {
	.info-circle img {
		top: 400px;
		left: 160px;
	}
}

@media screen and (max-width: 1450px) {
	.info-circle img {
		top: 400px;
		left: 125px;
	}
}

@media screen and (max-width: 1360px) {
	.info-circle img {
		top: 400px;
		left: 75px;
	}
}

@media (max-width: 1280px) {
	.tablet {
		display: inherit;
	}
	.desktop, .mobile {
		display: none;
	}
	.info-circle img {
		top: 25px;
		right: 25px;
		left: unset;
	}
	.inner {
		width: 100%;
	}
	.fullwidthImage {
		width: 100%;
		height: auto;
		border-radius: 15px;
	}
	header {
		padding: 20px;
	}
	nav {
		display: none;
	}
	.content {
		top: 253px;
	}
	article:nth-child(2), article:nth-child(3), article:nth-child(3) img {
		margin: auto 5% !important;
		width: 90% !important;
		float: left;
	}
	article:nth-child(3) {
		margin: auto 5%;
		width: 90%;
		float: left;
		padding-top: 32px;
	}
	#Einblicke article:nth-child(2) {
		width: 100%;
    	margin: 0 auto;
	}
	.slicknav_menu {
		display: block;
		z-index: 100;
		position: absolute;
		left: 0;
		top: 210px;
	}
	.slicknav_arrow {
		color: #be9f56;
	}
	.slicknav_nav {
		font-size: 1em !important;
	}
	
	article h1, article h1 a {
		font-size: 2.6em;
    	line-height: 1.2em;
	}
}

@media screen and (max-width: 900px) {
	.info-circle img {
		width: 300px;
		height: 300px;
	}
}

@media (max-width: 600px) {
	.mobile {
		display: inherit;
	}
	.desktop, .tablet {
		display: none;
	}
	.info-circle img {
		top: unset;
		right: unset;
		left: unset;
		position: relative;
		margin: 20px 0 -16px 20px;
	}
	.inner, header {
		height: auto;
	}
	.slicknav_menu {
		top: 80px;
	}
	.content {
		top: 125px;
	}
	.fullwidthImage {
		border-radius: 8px;
	}
}