/* LENAS KUNSTDRUCK CUSTOM CSS */
/* @author DUNNET UG (AB) */

/* OTF Fonts Einbinden */
@font-face {
	font-family: ANLTP_REG;
	src: url(../fonts/AvenirNextLTPro-Regular.otf) format("opentype");
	src: url(../fonts/AvenirNextLTPro-Regular.woff) format("woff");
}
@font-face {
	font-family: ANLTP_DEM;
	src: url(../fonts/AvenirNextLTPro-Demi.otf) format("opentype");
	src: url(../fonts/AvenirNextLTPro-Demi.woff) format("woff");
}
@font-face {
	font-family: ANLTP_BLD;
	src: url(../fonts/AvenirNextLTPro-Bold.otf) format("opentype");
	src: url(../fonts/AvenirNextLTPro-Bold.woff) format("woff");
}

/* Body */
body {
	font-family: ANLTP_REG, ANLTP_DEM, ANLTP_BLD;
	overflow-x: hidden;
}

/* CUSTOM Bootstrap Overrides */


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

/* CUSTOM DIV Klassen */
.filler {
	width: 100%;
	height: 90px;
	position: relative;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.0);
}
.externalNavContent {
	width: 400px;
	max-height: 100%;
	z-index: 5;
}
.externalNavContent a:hover {
	color: #fff !important;
}
.sideElement {
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center center;
	z-index: 1;
}
.sideElement a {
	width: 32px;
	height: 32px;
	float: left;
}
.autoanzeige {
	width: 100%;
	height: 360px;
	top: 0;
	left: 0;
}
.banner {
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.banner.home {
	height: 900px;
	background-image: url(../pics/systems/bilder/banner_home.png);
}
.bannertext_home {
	width: 600px;
	height: 300px;
	top: calc(50% - 150px);
	left: calc(50% - 300px);
}
.banner.galerie {
	height: 900px;
	background-image: url(../pics/systems/bilder/banner_home.png);
}
.backgroundElement {
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.kontaktdaten {
	height: 500px;
}
.kontakt_container {
	width: 50% !important;
}
.galerie_container {
	width: 25% !important;
}

/* CUSTOM SPAN Klassen */
.d360Icon {
	width: 100%;
    height: 35vh;
    bottom: 13vh;
    left: 0;
    background-image: url(../pics/systems/icon_360.png);
    background-repeat: no-repeat;
    background-position: center;
	display: inline-block;
}
.galerie {
	height: 300px;
	float: left;
    background-repeat: no-repeat;
	background-size: auto 300px;
    background-position: center center;
}
.galeriedetail {
	height: 652px;
	float: left;
    background-repeat: no-repeat;
	background-size: contain;
    background-position: center center;
}

/* CUSTOM Google Static Maps Klassen */
.googlemaps_marker {
	width: 25%;
	max-width: 64px;
	position: absolute;
	top: 50%;
	left: 0px;
	right: 0px;
	margin: 0 auto;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}
.googlemaps_static_map {
    width: 100%;
	height: 500px;
	background-image: url(https://maps.googleapis.com/maps/api/staticmap?center=Claus+Jesup+Strasse+41,23966,Wismar\&zoom=15&scale=2&size=640x400&maptype=roadmap&key=AIzaSyDsXOGYLSKvMgrdXmqeKcYNw9X889m-1JU);
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

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

/* CUSTOM LABEL Klassen */
label.c_simplelink {
	cursor: default;
}
label.c_simplelink:hover {
	cursor: pointer;
}

/* CUSTOM ANCHOR Klassen */
a.c_simplelink {
	cursor: default;
}
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: 999 !important;
}

/* CUSTOM FONT Klassen */
.font_ANLTP_REG {
	font-family: ANLTP_REG;
}
.font_ANLTP_DEM {
	font-family: ANLTP_DEM;
}
.font_ANLTP_BLD {
	font-family: ANLTP_BLD;
}
.font_size_title {
	font-size: 5rem;
}

/* CUSTOM Background-Farben */
.c_bg1 {
	background: #fff;
}
.c_bg2 {
	background: #000;
}
.c_bg2_t {
	background: rgba(0,0,0,0.7);
}
.c_bg3 {
	background: #BCD2EE;
}
.c_bg4 {
	background: #3C3C3C;
}
.c_bg10 {
	background: #ff0000;
}
.c_bg10_t {
	background: rgba(255,0,0,0.1);
}

/* CUSTOM Background-Color-Farben */
.c_bgcol1 {
	background-color: #fff;
}
.c_bgcol2 {
	background-color: #000;
}
.c_bgcol3 {
	background-color: #BCD2EE;
}
.c_bgcol4 {
	background-color: #3C3C3C;
}
.c_bgcol10 {
	background-color: #ff0000;
}

/* CUSTOM Schrift-Farben */
.c_col1 {
	color: #fff !important;
}
.c_col2 {
	color: #000 !important;
}
.c_col3 {
	color: #BCD2EE !important;
}
.c_col4 {
	color: #3C3C3C !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: #BCD2EE !important;
}
.c_brdcol4 {
	border-color: #3C3C3C !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: #BCD2EE !important;
	opacity: 1;
}
.c_phc4::placeholder {
	color: #3C3C3C !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 DIV Klassen */
	.banner.home {
		height: 642px;
	}
	.bannertext_home {
		width: 500px;
		height: 250px;
		top: calc(50% - 125px);
		left: calc(50% - 250px);
	}
	
	/* CUSTOM FONT Klassen */
	.font_size_title {
		font-size: 4rem;
	}
}

/* Media Query für Ansicht Tab Landscape (iPad, Android Tablets) */
@media screen and (max-width: 1280px) {
	
	/* CUSTOM DIV Klassen */
	.externalNavContent {
		overflow-y: scroll;
	}
	.banner.home {
		height: 482px;
	}
	.bannertext_home {
		width: 400px;
		height: 200px;
		top: calc(50% - 100px);
		left: calc(50% - 200px);
	}
	.kontakt_container {
		width: 100% !important;
	}
	.galerie_container {
		width: 50% !important;
	}
	
	/* CUSTOM FONT Klassen */
	.font_size_title {
		font-size: 3rem;
	}
	
	/* CUSTOM SPAN Klassen */
	.d360Icon {
		display: none;
	}
}

/* Media Query für Ansicht iPhoneX Landscape (Apple) */
@media screen and (max-width: 820px) {
	
	/* CUSTOM FOOTER Klassen */
	footer {
		display: none;
	}
}

/* Media Query für Ansicht Tab Portrait (iPad, Android Tablets) */
@media screen and (max-width: 768px) {
	
	/* CUSTOM DIV Klassen */
	.banner.home {
		height: 362px;
	}
	.bannertext_home {
		width: 300px;
		height: 150px;
		top: calc(50% - 75px);
		left: calc(50% - 150px);
	}
	
	/* CUSTOM FONT Klassen */
	.font_size_title {
		font-size: 2rem;
	}
}

/* Media Query für Ansicht Smartphone Landscape (iPhone 6/7/8, Neuere Android Smartphones) */
@media screen and (max-width: 670px) {
	
	/* CUSTOM DIV Klassen */
	.galerie_container {
		width: 75% !important;
	}
	.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 Klassen */
	.filler {
		height: 75px;
	}
	.externalNavContent {
		width: 350px;
	}
	.galerie_container {
		width: 100% !important;
	}
	
	/* 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 Klassen */
	.filler {
		height: 60px;
	}
	.externalNavContent {
		width: 300px;
	}
	
	/* CUSTOM IMG Klassen */
	img.navbar_brand_logo_image {
		height: 42px;
	}
}