/* GUTSHAUS KALSOW CUSTOM CSS */
/* @author DUNNET UG (AB) */

/* OTF Fonts Einbinden */
@font-face {
	font-family: ROB_REG;
	src: url(../fonts/Roboto-Regular.otf) format("opentype");
	src: url(../fonts/Roboto-Regular.woff) format("woff");
}
@font-face {
	font-family: ROB_BLD;
	src: url(../fonts/Roboto-Bold.otf) format("opentype");
	src: url(../fonts/Roboto-Bold.woff) format("woff");
}
@font-face {
	font-family: PFD_REG;
	src: url(../fonts/PlayfairDisplay-Regular.otf) format("opentype");
	src: url(../fonts/PlayfairDisplay-Regular.woff) format("woff");
}

/* Body */
body {
	font-family: ROB_REG, ROB_BLD, PFD_REG;
	overflow-x: hidden;
}

/* CUSTOM Bootstrap Overrides */
.nav-link {
	color: #fff !important;
}
.nav-link:hover {
	color: #F3B95D !important;
}
.carousel-control-prev-icon {
	width: 64px !important;
	height: 64px !important;
	background-image: url(../pics/systems/icons/icon_pfeil_links.png) !important;
}
.carousel-control-next-icon {
	width: 64px !important;
	height: 64px !important;
	background-image: url(../pics/systems/icons/icon_pfeil_rechts.png) !important;
}

/* CUSTOM iFrame Klassen */
iframe {
	width: 100%;
	padding: 0;
	margin: 0;
	border: 0;
	background: #fff;
}
iframe.d360Content {
	height: 60vh;
}

/* CUSTOM INPUT Klassen */
input[type=date].bewerbung {
	height: 37px;
}
input[type=text].bewerbung {
	height: 37px;
}

/* CUSTOM DIV/SPAN Klassen */
.filler {
	width: 100%;
	height: 90px;
	position: relative;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.0);
}
.headertext {
	top: 0;
}
.nav_icon {
	vertical-align: super;
}
.d360Icon {
	width: 100%;
    height: 35vh;
    bottom: 13vh;
    left: 0;
	background-color: rgba(255,255,255,0.5);
    background-image: url(../pics/systems/icon_360.png);
    background-repeat: no-repeat;
    background-position: center;
	display: inline-block;
}
.sideElement {
	width: 32px;
	height: 32px;
	border-radius: 5px;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center center;
	z-index: 1;
}
.sideElement a {
	width: 32px;
	height: 32px;
	float: left;
}
.bannerElement {
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.bannerElement.hintergrund {
	min-height: 550px;
	max-height: 100%;
	height: auto;
	background-image: url(../pics/systems/bilder/Headerbild_Startseite.png);
}
.bannerElement.veranstaltungen {
	min-height: 549px;
	max-height: 100%;
	height: auto;
	background-image: url(../pics/systems/bilder/Headerbild_Feiern.png);
}
.bannerElement.wellness {
	min-height: 549px;
	max-height: 100%;
	height: auto;
	background-image: url(../pics/systems/bilder/Headerbild_Wellness.png);
}
.bannerElement.veranstaltungsraeume {
	min-height: 549px;
	max-height: 100%;
	height: auto;
	background-image: url(../pics/systems/bilder/Headerbild_Räumlichkeiten.png);
}
.bannerElement.gutskueche {
	min-height: 549px;
	max-height: 100%;
	height: auto;
	background-image: url(../pics/systems/bilder/Headerbild_Gutsküche.png);
}
.bannerElement.geschichte {
	min-height: 549px;
	max-height: 100%;
	height: auto;
	background-image: url(../pics/systems/bilder/Headerbild_Geschichte.png);
}
.cardElement {
	width: 100%;
	height: 350px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.cardElementAbsolute {
	width: 500px;
	height: 380px;
	position: absolute;
	top: calc(50% - 190px);
	left: 250px;
	box-shadow: 30px 30px 5px 5px rgba(255,255,255,0.5);
	border-radius: 35px;
}
.backgroundElement {
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.backgroundElement.kachel_feste {
	height: 821px;
	background-image: url(../pics/systems/bilder/Kachel_Feste.png);
}
.backgroundElement.kachel_essen {
	height: 406px;
	background-image: url(../pics/systems/bilder/Kachel_Essen.png);
}
.backgroundElement.kachel_wellness {
	height: 660px;
	background-image: url(../pics/systems/bilder/Kachel_Wellness.png);
}
.backgroundElement.kachel_hauptsaal {
	height: 660px;
	background-image: url(../pics/systems/bilder/Kachel_Hauptsaal.png);
}
.backgroundElement.kachel_nebensaal {
	height: 660px;
	background-image: url(../pics/systems/bilder/Kachel_Nebensaal.png);
}
.backgroundElement.kachel_wellness1 {
	height: 660px;
	background-image: url(../pics/systems/bilder/Kachel_Wellness1.png);
}
.backgroundElement.kachel_wellness2 {
	height: 434px;
	background-image: url(../pics/systems/bilder/Kachel_Wellness2.png);
}
.backgroundElement.kachel_wellness3 {
	height: 434px;
	background-image: url(../pics/systems/bilder/Kachel_Wellness3.png);
}
.backgroundElement.kachel_wellness4 {
	height: 434px;
	background-image: url(../pics/systems/bilder/Kachel_Wellness4.png);
}
.backgroundElement.kachel_feierscheune {
	height: 660px;
	background-image: url(../pics/systems/bilder/Kachel_Feierscheune.png);
}
.backgroundElement.kachel_feierscheune2 {
	height: 434px;
	background-image: url(../pics/systems/bilder/Kachel_Feierscheune2.png);
}
.backgroundElement.kachel_feierscheune3 {
	height: 434px;
	background-image: url(../pics/systems/bilder/Kachel_Feierscheune3.png);
}
.backgroundElement.kachel_feierscheune4 {
	height: 434px;
	background-image: url(../pics/systems/bilder/Kachel_Feierscheune4.png);
}
.backgroundElement.kachel_begegnungsort {
	height: 660px;
	background-image: url(../pics/systems/bilder/Kachel_Begegnungsort.png);
}
.backgroundElement.kachel_firmenfeier {
	height: 660px;
	background-image: url(../pics/systems/bilder/Kachel_Firmenfeier.png);
}
.backgroundElement.kachel_hochzeit {
	height: 660px;
	background-image: url(../pics/systems/bilder/Kachel_Hochzeit.png);
}
.backgroundElement.kachel_familienfeste {
	height: 660px;
	background-image: url(../pics/systems/bilder/Kachel_Familienfeste.png);
}
.backgroundElement.gutskueche {
	height: 335px;
    top: calc(50% - 163px);
    background-color: rgba(255,255,255,0.0);
    background-image: url(../pics/systems/logos/logo_gutsküche.png);
    background-size: auto 335px;
}
.backgroundElement.kachel_essensplan {
	height: 660px;
	background-image: url(../pics/systems/bilder/Kachel_Essensplan.png);
}
.backgroundElement.zeitstrahl {
	height: 906px;
	background-image: url(../pics/systems/bilder/Zeitstrahl.png);
	background-size: auto 906px;
	background-position: right center;
}
.iconElement {
	width: 64px;
	height: 64px;
	background-repeat: no-repeat;
	background-size: 64px 64px;
	background-position: center center;
}
.kontaktformular {
	width: 50% !important;
	margin: auto;
}
.kontaktdaten {
	height: 400px;
}

/* CUSTOM IMG Klassen */
img.navbar_brand_logo_image {
	height: 64px;
}

/* CUSTOM LABEL Klassen */
label.text_level_1 {
	max-width: 300px;
	top: 23px;
}
label.text_level_2 {
	max-width: 300px;
	top: 132px;
}
label.text_level_3 {
	max-width: 300px;
	top: 245px;
}
label.text_level_4 {
	max-width: 300px;
	top: 390px;
}
label.text_level_5 {
	max-width: 300px;
	top: 500px;
}
label.text_level_6 {
	max-width: 300px;
	top: 615px;
}
label.text_level_7 {
	max-width: 300px;
	top: 726px;
}

/* CUSTOM ANCHOR Klassen */
a.c_simplelink {
	cursor: default;
	text-decoration: none;
}
a.c_simplelink:hover {
	cursor: pointer;
}
a.c_textlink {
	cursor: default;
	text-decoration: none;
}
a.c_textlink:hover {
	cursor: pointer;
	text-decoration: underline;
}

/* CUSTOM z-index Klassen */
.c_indexInv {
	z-index: -1 !important;
}
.c_index0 {
	z-index: 0 !important;
}
.c_index1 {
	z-index: 1 !important;
}
.c_index2 {
	z-index: 2 !important;
}
.c_index3 {
	z-index: 3 !important;
}
.c_index4 {
	z-index: 4 !important;
}
.c_index5 {
	z-index: 5 !important;
}
.c_indexTop {
	z-index: 9999 !important;
}

/* CUSTOM FONT Klassen */
.font_ROB_REG {
	font-family: ROB_REG;
}
.font_ROB_BLD {
	font-family: ROB_BLD;
}
.font_PFD_REG {
	font-family: PFD_REG;
}
.font_size_150 {
	font-size: 150%;
}
.font_shaded_1 {
	text-shadow: 1px 0 #000;
}

/* CUSTOM Background-Farben */
.c_bg1 {
	background: #fff;
}
.c_bg2 {
	background: #000;
}
.c_bg3 {
	background: #374652;
}
.c_bg4 {
	background: #F3B95D;
}
.c_bg5 {
	background: #9F112E;
}
.c_bg6 {
	background: #E8C85F;
}
.c_bg7 {
	background: #B85600;
}
.c_bg8 {
	background: #9EB855;
}
.c_bg10 {
	background: #ff0000;
}
.c_bgi {
	background: inherit;
}

/* CUSTOM Background-Color-Farben */
.c_bgcol1 {
	background-color: #fff;
}
.c_bgcol2 {
	background-color: #000;
}
.c_bgcol3 {
	background-color: #374652;
}
.c_bgcol4 {
	background-color: #F3B95D;
}
.c_bgcol5 {
	background-color: #9F112E;
}
.c_bgcol6 {
	background-color: #E8C85F;
}
.c_bgcol7 {
	background-color: #B85600;
}
.c_bgcol8 {
	background-color: #9EB855;
}
.c_bgcol10 {
	background-color: #ff0000;
}

/* CUSTOM Schrift-Farben */
.c_col1 {
	color: #fff !important;
}
.c_col2 {
	color: #000 !important;
}
.c_col3 {
	color: #374652 !important;
}
.c_col4 {
	color: #F3B95D !important;
}
.c_col5 {
	color: #9F112E !important;
}
.c_col6 {
	color: #E8C85F !important;
}
.c_col7 {
	color: #B85600 !important;
}
.c_col8 {
	color: #9EB855 !important;
}
.c_col10 {
	color: #ff0000 !important;
}

/* CUSTOM Border-Farben */
.c_brdcol1 {
	border-color: #fff !important;
}
.c_brdcol2 {
	border-color: #000 !important;
}
.c_brdcol3 {
	border-color: #374652 !important;
}
.c_brdcol4 {
	border-color: #F3B95D !important;
}
.c_brdcol5 {
	border-color: #9F112E !important;
}
.c_brdcol6 {
	border-color: #E8C85F !important;
}
.c_brdcol7 {
	border-color: #B85600 !important;
}
.c_brdcol8 {
	border-color: #9EB855 !important;
}
.c_brdcol10 {
	border-color: #ff0000 !important;
}

/* CUSTOM Placeholder-Farben */
.c_phc1::placeholder {
	color: #fff !important;
	opacity: 1;
}
.c_phc2::placeholder {
	color: #000 !important;
	opacity: 1;
}
.c_phc3::placeholder {
	color: #374652 !important;
	opacity: 1;
}
.c_phc4::placeholder {
	color: #F3B95D !important;
	opacity: 1;
}
.c_phc5::placeholder {
	color: #9F112E !important;
	opacity: 1;
}
.c_phc6::placeholder {
	color: #E8C85F !important;
	opacity: 1;
}
.c_phc7::placeholder {
	color: #B85600 !important;
	opacity: 1;
}
.c_phc8::placeholder {
	color: #9EB855 !important;
	opacity: 1;
}
.c_phc10::placeholder {
	color: #ff0000 !important;
	opacity: 1;
}

/* Media Query für Ansicht Tab Landscape (iPad Pro) */
@media screen and (max-width: 1370px) {
	
	/* CUSTOM BOOTSTRAP OVERRIDES */
	.navbar-collapse {
		overflow-x: scroll !important;
	}
	
	/* CUSTOM DIV/SPAN Klassen */
	.bannerElement.hintergrund {
		background-position: -130px center;
	}
}

/* Media Query für Ansicht Tab Landscape (iPad, Android Tablets) */
@media screen and (max-width: 1280px) {
	
	/* CUSTOM DIV/SPAN Klassen */
	.d360Icon {
		display: none;
	}
}

/* Media Query für Ansicht iPhoneX Landscape (Apple) */
@media screen and (max-width: 820px) {
	
	/* CUSTOM FOOTER Klassen */
	footer {
		display: block;
	}
	
	/* CUSTOM DIV/SPAN Klassen */
	.filler {
		height: 75px;
	}
	
	/* CUSTOM DIV/SPAN Klassen */
	.kontaktformular {
		width: 100% !important;
	}
}

/* Media Query für Ansicht Tab Portrait (iPad, Android Tablets) */
@media screen and (max-width: 768px) {
	
	
}

/* Media Query für Ansicht Smartphone Landscape (iPhone 6/7/8, Neuere Android Smartphones) */
@media screen and (max-width: 670px) {
	
	/* CUSTOM DIV/SPAN Klassen */
	.kontaktdaten {
		height: auto;
	}
}

/* Media Query für Ansicht Smartphone Landscape (iPhone 4/5, Ältere Android Smartphones) */
@media screen and (max-width: 570px) {
	
	
}

/* Media Query für Ansicht Smartphone Portrait (iPhone 6/7/8/X, Neuere Android Smartphones) */
@media screen and (max-width: 500px) {
	
	/* CUSTOM DIV/SPAN Klassen */
	.filler {
		height: 58px;
	}
	.bannerElement.hintergrund {
		min-height: 300px;
	}
	.bannerElement.veranstaltungsraeume {
		min-height: 300px;
	}
	.bannerElement.veranstaltungen {
		min-height: 300px;
	}
	.bannerElement.gutskueche {
		min-height: 300px;
	}
	.bannerElement.geschichte {
		min-height: 300px;
	}
	.bannerElement.wellness {
		min-height: 300px;
	}
	.backgroundElement.kachel_feste {
		height: 406px;
	}
	.backgroundElement.kachel_hauptsaal {
		height: 406px;
	}
	.backgroundElement.kachel_nebensaal {
		height: 406px;
	}
	.backgroundElement.kachel_feierscheune {
		height: 406px;
	}
	.backgroundElement.kachel_begegnungsort {
		height: 406px;
	}
	.backgroundElement.kachel_firmenfeier {
		height: 406px;
	}
	.backgroundElement.kachel_hochzeit {
		height: 406px;
	}
	.backgroundElement.kachel_familienfeste {
		height: 406px;
	}
	.backgroundElement.kachel_essensplan {
		height: 406px;
	}
	.backgroundElement.kachel_wellness {
		height: 406px;
	}
	.backgroundElement.gutskueche {
		height: 200px;
		background-size: auto 200px;
		top: calc(50% - 100px);
	}
	
	/* CUSTOM IMG Klassen */
	img.navbar_brand_logo_image {
		height: 48px;
	}
}

/* Media Query für Ansicht Smartphone Portrait (iPhone 4/5, Ältere Android Smartphones) */
@media screen and (max-width: 320px) {
	
	/* CUSTOM DIV/SPAN Klassen */
	.filler {
		height: 52px;
	}
	
	/* CUSTOM IMG Klassen */
	img.navbar_brand_logo_image {
		height: 42px;
	}
}