@font-face { font-family: FuturaBO; src: url('/css/fonts/FuturaStd-BoldOblique.otf'); }
@font-face { font-family: FuturaBold; src: url('/css/fonts/FuturaStd-Bold.otf'); }
@font-face { font-family: FuturaBook; src: url('/css/fonts/FuturaStd-Book.otf'); }
body { margin:0px; padding:0px; min-height:1280px; font-size:12px; font-family:FuturaBold, Arial, sans-serif; color:#4c4b47; }

.header { width:100%; height:399px; background-position:center 0px; }
#header_1 { background-image:url('/images/header_1.jpg'); }
#header_2 { position:absolute; display:none; background-image:url('/images/header_2.jpg'); }
#header_3 { position:absolute; display:none; background-image:url('/images/header_3.jpg'); }
#header_31 { position:absolute; display:none; background-image:url('/images/header_31.jpg'); }
#header_4 { position:absolute; display:none; background-image:url('/images/header_4.jpg'); }
#header_5 { position:absolute; display:none; background-image:url('/images/header_5.jpg'); }
#header_6 { position:absolute; display:none; background-image:url('/images/header_6.jpg'); }
#header_7 { position:absolute; display:none; background-image:url('/images/header_6.jpg'); }
#header_8 { position:absolute; display:none; background-image:url('/images/header_6.jpg'); }

.wrapper { max-width:670px; margin:0px auto; }
.navi_wrapper { max-width:900px; display: flex; flex-wrap: nowrap; flex-direction: column; width: 100%;}
.logo { width:220px; padding:80px 0px 0px 60px; text-align:center; }
.logo img { width:220px; }
.header_txt { width:235px; padding:100px 0px 0px 60px; font-family:FuturaBook; font-size:13px; line-height:21px; letter-spacing:0.3px; text-align:center; }
.header_line { width:95px; height:1px; margin:5px 70px; }
body .header_txt { color:#fff;}
body .header_line { background-color:#fff; /*background-color:#3f3f3f;*/}

.navi { text-align:center; margin:20px 0px 40px 0px; flex: 0 1 auto; padding: 0 10px; }
.nav { float:left; margin:0px 0px 0px 20px; font-family:FuturaBook; font-size:18px; line-height:24px; text-transform:uppercase; }
.nav a:hover { text-decoration:none; }
.nav a.active { font-family:FuturaBold;  }

.content { padding:20px 0px 0px 0px; flex: 0 1 auto; display: flex; flex-direction: column; align-items: center;}
#content_1 { position:absolute; width:96%; max-width:670px; padding:0px 2%; }
#content_2 { position:absolute; display:none; width:96%; max-width:670px; padding:0px 2%; }
#content_3 { position:absolute; display:none; width:96%; max-width:670px; padding:0px 2%; }
#content_31 { position:absolute; display:none; width:96%; max-width:670px; padding:0px 2%; }
#content_4 { position:absolute; display:none; width:96%; max-width:670px; padding:0px 2%; }
#content_5 { position:absolute; display:none; width:96%; max-width:670px; padding:0px 2%; }
#content_6 { position:absolute; display:none; width:96%; max-width:670px; padding:0px 2%; }
#content_7 { position:absolute; display:none; width:96%; max-width:670px; padding:0px 2%; }
#content_8 { position:absolute; display:none; width:96%; max-width:670px; padding:0px 2%; }

#content_6 iframe.maps { width:90%; max-width:670px; height:350px; padding:0px 5%; }

.hl { text-transform:uppercase; text-align:center; font-size:24px; line-height:33px; }
.shl { text-transform:uppercase; text-align:center; font-size:18px; line-height:36px; }
.txt { text-align:center; font-size:14px; line-height:19px; }
.txt.kontakt { text-align:left; }

.kontakt_left { float:left; width:370px; padding:0px 30px 0px 0px; }
.kontakt_right { float:left; width:270px; }

.ssarrow { position:absolute; cursor:pointer; }
.ssarrow.left { margin:160px 0px 0px -54px; }
.ssarrow.right { margin:160px 0px 0px 690px; }
.slideshow_wrapper { max-width:670px; height:400px; margin:0px 0px 30px 0px; overflow:hidden; }
.slideshow { /*position absolute;*/ width:3350px; height:400px; overflow:hidden; }
.slideshow img { float:left; }

.centerimg { padding:50px 0px 20px 0px; text-align:center; }

.team { padding:0px 0px; display: flex; justify-content: center; flex-wrap: wrap; }
.team_member { flex: 0 1 111px; /*float:left; width:111px;*/ height:420px; text-align:center; font-size:9px; }
.team_member i { font-size:13px; }

.maps_overlay { position:absolute; display:none; width:600px; height:450px; }

.seotxt { font-size:11px; }
.seotxt a { text-decoration:underline; }

.footer { margin:40px 0px 0px 0px; text-align:center; font-size:14px; line-height:19px; }
.footer_logo { margin:0px 0px 40px 0px; }
.line { margin:10px 0px; height:2px; line-height:2px; background-color:#4c4b47; }
.sline { margin:10px 100px; height:1px; line-height:1px; background-color:#4c4b47; }
.address { padding:20px 0px; }
.copyright { padding:20px 0px; }

.fbo { font-family:FuturaBO; }
.fb { font-family:FuturaBold; }
.fbook { font-family:FuturaBook; }

.fs18 { font-size:18px; line-height:28px; }
.fs9 { font-size:9px; }

.center { text-align:center; }

a { text-decoration:none; color:#4c4b47; }
a:hover { text-decoration:underline; }

.clear { clear:both; }
img { border:none; }


/*** termin button ***/
.lpl_ap_frame {
	position: fixed;
	right: 5%;
	bottom: 100px;
	width: 90%;
	max-width: 500px;
	overflow-y: scroll;
	opacity: 0;
	height: 0;
	z-index: 10;
}
.lpl_ap_frame.active {
	height: calc(90vh - 100px);
	opacity: 1;
	transition: opacity 0.5s ease-in-out;
}

.lpl_ap_button {
	position: fixed;
	right: 5%;
	bottom: 20px;
	z-index: 10;
}
.lpl_ap_button button {
	transition: opacity 0.25s ease-in-out;
	color: white;
	font-size: 16px;
	line-height: 1;
	overflow: hidden;
	padding: 12px 24px;
	border: none;
	outline: none;
	box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
	white-space: nowrap;
	cursor: pointer;
	background-color: #474480;
}
button.lpl_ap_button_close,
button.lpl_ap_button_open {
	border-radius: 40px;
}
button.lpl_ap_button_open svg {
	margin-bottom: -2px;
}
button.lpl_ap_button_close {
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	padding: 6px;
	font-family: arial, sans-serif;
	font-size: 15px;
	font-weight: 700;
}

button.lpl_ap_button_open,
button.lpl_ap_button_close {
	display: none;
}
button.lpl_ap_button_open.active {
	display: block;
}
button.lpl_ap_button_close.active {
	display: flex;
}


/*** 880px ***/
@media only screen and (max-width: 880px),
only screen and (max-device-width: 880px) {
	.nav {
		float: none;
		font-size: 17.5px;
		text-align: center;
		line-height: 21px;
	}
}

/* iPHONE 4 PORTRAIT <-> <iPhone 6 Portrait */
@media (min-width: 320px) AND (max-width:374px) {
	.header { background-position:-840px 0px; }
	#header_4.header, #header_6.header { background-position:-870px 0px; }
	#header_1.header { background-position:-830px 0px; }
	/*.nav { float:none; font-size:17.5px; text-align:center; }*/
	.hl { font-size:17.5px; line-height:25px; }
	.hl .hl_line { width:30px; height:5px; }
	.shl { font-size:12px; line-height:30px; }
	/*#team_member_1 { padding-left:42px; }*/
	/*#team_member_3 { padding-left:42px; }*/
	/*#team_member_5 { padding-left:42px; }*/
	.kontakt_left { float:none; width:100%; padding:0px 0px 20px 0px; }
	.kontakt_right { float:none; width:100%; text-align:center !important; }
}

/* iPHONE 6 PORTRAIT <-> iPhone 4 Portrait */
@media (min-width: 375px) AND (max-width:479px) {
	.header { background-position:-840px 0px; }
	#header_4.header, #header_6.header { background-position:-870px 0px; }
	#header_1.header { background-position:-830px 0px; }
	.header_txt { color:#fff; }
	.header_line { background-color:#fff; }
	/*#header_6 .header_txt { color:#4c4b47; }
	#header_6 .header_line { background-color:#4C4b47; }*/
	/*.nav { float:none; font-size:17.5px; text-align:center; }*/
	.hl { font-size:15px; line-height:20px; }
	.hl .hl_line { width:30px; height:5px; }
	.shl { font-size:12px; line-height:30px; }
	/*#team_member_1 { padding-left:65px; }*/
	/*#team_member_3 { padding-left:65px; }*/
	/*#team_member_5 { padding-left:65px; }*/
	.kontakt_left { float:none; width:100%; padding:0px 0px 20px 0px; }
	.kontakt_right { float:none; width:100%; text-align:center !important; }
}

/* iPHONE 4 LANDSCAPE <-> iPhone 5 Portrait */
@media (min-width: 480px) AND (max-width:567px) {
	/*.nav { font-size:11.5px; line-height:14px; }*/
	.hl { font-size:17.5px; line-height:25px; }
	.shl { font-size:14px; line-height:32px; }
	.team_member { width:115px; }
	/*#team_member_1 { padding-left:55px; }*/
	/*#team_member_3 { padding-right:55px; }*/
	/*#team_member_4 { padding-left:55px; }*/
	/*#team_member_6 { padding-right:55px; }*/
	.kontakt_left { float:none; width:100%; padding:0px 0px 20px 0px; }
	.kontakt_right { float:none; width:100%; text-align:center !important; }
}

/* iPHONE 5 LANDSCAPE <-> iPhone 6 Portrait */
@media (min-width: 568px) AND (max-width:666px) {
	/*.nav { font-size:14px; line-height:18px; }*/
	.hl { font-size:17.5px; line-height:25px; }
	.shl { font-size:16px; line-height:34px; }
	.team_member { width:115px; }
	/*#team_member_1 { padding-left:94px; }*/
	/*#team_member_3 { padding-right:94px; }*/
	/*#team_member_4 { padding-left:94px; }*/
	/*#team_member_6 { padding-right:94px; }*/
	.kontakt_left { float:none; width:100%; padding:0px 0px 20px 0px; }
	.kontakt_right { float:none; width:100%; text-align:center !important; }
}

/* iPHONE 6 LANDSCAPE <-> <iPad Portrait */
@media (min-width: 667px) AND (max-width:767px) {
	/*.nav { font-size:17.5px; line-height:21px; }*/
	.hl { font-size:20px; line-height:28px; }
	.shl { font-size:16px; line-height:34px; }
	.team_member { width:115px; }
	/*#team_member_1 { padding-left:145px; }*/
	/*#team_member_3 { padding-right:145px; }*/
	/*#team_member_4 { padding-left:145px; }*/
	/*#team_member_6 { padding-right:145px; }*/
	.kontakt_left { float:none; width:100%; padding:0px 0px 20px 0px; }
	.kontakt_right { float:none; width:100%; text-align:center !important; }
}

/* >iPAD PORTRAIT <-> <Website kann nicht dargestellt werden */
@media (min-width: 768px) AND (max-width:959px) {
}

/* GENERELL Alles was so klein ist, dass es die Website im ganzen nicht mehr darstellen kann (<iPad hochkannt) */
@media (max-width: 959px) {
	.slideshow_wrapper { width:100%; }
	.ssarrow.left { left:0px; margin-left:0px; }
	.ssarrow.right { right:0px; margin-left:0px; }
	.maps_overlay { display:block; }
}