@charset "utf-8";
/* CSS Document */
@import url("font.css");
body{
	margin:0;
	padding:0;
	font-family:Abel;
	background-color:#bbb;
}

a{
	color:#0f5e73;
	text-decoration:underline;
	font-weight:900;
}

h1{
	font-size:30px;
	font-weight:500;
	text-align:left;
	color:#0f5e73;
	margin:0;
}

h2{
	font-size:22px;
	font-weight:500;
	text-align:left;
	color:#0f5e73;
}

h3{
	font-size:24px;
	font-weight:400;
	color:#666;
	text-align:left;
	margin:0;
}

h4{
	font-size:24px;
	font-weight:400;
	color:#666;
	text-align:left;
}

p{
	font-size:16px;
	line-height:24px;
	margin-bottom:8px;
	color:#333;
	text-align:justify;	
}



.social{
	position:fixed;
	top:15px;
	right:100px;
	height:40px;
	display:flex;
	flex-direction:row;
	justify-content:flex-end;
	align-items:center;
	z-index:9999;
}

.social_img{
	height:40px;
	padding:0 5px;
}

.social_img:hover{
	opacity:.8;
}

.header{
	background:#fff;
	width:100%;
	height:100px;
	box-shadow:1px 1px 4px 0 rgba(0,0,0, .2);
	position:fixed;
	top:0;
	left:0;
	z-index:999;
}

.logo{
	float:left;
	display:block;
	font-size:2em;
	padding:0 20px;
	height:100px;
	z-index:999999;
}

nav ul{line-height:auto; text-align:right; width:100%; padding:20px 0 0 0;}

nav li{
	display:block; 
	text-align:left;
	height:60px; 
	font-size:0;
	border-top:none;
	border-bottom:none;
}

nav a, nav a:visited {
	display:block;
	padding:0 0 0 50px; 
	text-transform:uppercase;
	text-decoration:none;
	text-align:left;
	color:#0f5e73;
	background:#fff;
	font-size:18px;
	font-weight:900;
	line-height:60px;
	letter-spacing:2px;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}


nav a:hover{
	color:#fff;
	background:#0f5e73; 

}

.menu{
	width:70%;
	height:auto;
	background:#fff;
	position:absolute;
	top:100px;	
	left:-1000px;
	z-index:9999;
	border-top:none;
	border-bottom:none;
	transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-webkit-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.6); 
	box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.6);
}

.menu-icon{
	width:auto;
	height:30px;
	position:absolute;
	padding:5px 10px;
	z-index:99999999;
	top:15px;
	right:20px;
	background:#0f5e73;
	color:#fff;
	text-align:center;
	font-size:20px;
	line-height:30px;
	border-radius:5%;
}

.menu-icon:hover{color:#FFF;}

#menuToggle{display:none;}
#menuToggle:checked ~ .menu {top:100px; left:0px; position:absolute; z-index:9999;}

.up{
	padding:8px 5px 8px 5px;
	margin:0;
	text-align:center;
	background:#4fc0e1;
	position:fixed;
	right:0;
	bottom: 150px;
	z-index:999999999999;
	list-style-type:none;
	cursor:pointer;
	display:block;
	transition:.4s ease-in-out;
	border-left:2px solid #fff;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
}

.up a{color:#fff;text-decoration:none;opacity:.6;display:block;}
.up a:hover{opacity:1;}

main{
	width:100%;
	min-height:100vh;
	padding:100px 0 0 0;
	background:#aaa;
}

.cycle-slideshow{
	width:100%;
	max-width:1980px;
	display:block;
	position:relative;
	margin:0 auto;
	overflow:hidden;
	z-index:99;
	border-bottom:5px solid #0f5e73;
	}

.slide{display:block; position:relative; width:100%; background:#fff;}

.caption{
	width:100%;
	height:auto;
	display:block;
	position: absolute;
	background:url("../img/bg_caption_mobile.png");
	bottom: 0px;
	left:0px;
	padding:0 30px 0 30px;
	z-index:9999;
	box-sizing:border-box;
	text-align:left;
	overflow:hidden;
	-webkit-box-shadow: 1px 5px 15px 3px rgba(0,0,0,0.54); 
	box-shadow: 1px 5px 15px 3px rgba(0,0,0,0.54);
}

.caption h3 {
	text-transform:uppercase; 
	color:#999; 
	font-size:18px; 
	letter-spacing: 1px; 
	padding-bottom:0;
	text-align:left;
}

.caption p {
	color:#fff; 
	font-size:.9em; 
	letter-spacing:0;
	padding-bottom:0px;
	text-align:left;
}

.caption p a{
	text-decoration:underline;
	color:#666;
	font-size: .9em;
	text-align:left;
}

.caption p a:hover{
	color:#666;
}

.content{
	width:100%;
	background:#fff;
	padding:0 0;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
}

.maincontent{
	width:100%;
	min-height:100vh;
	background:#fff;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}

#one, #two, #five{
	width:90%;
	margin:20px auto;
	padding:20px 5%;
	min-height:50vh;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
	font-family:Abel;
	font-weight:400;
	font-size:1em;
	text-align:left;
}

#one{background:#fff;}
	
	#two, #five{
		background: rgb(15,94,115);
		background: -moz-linear-gradient(331deg, rgba(15,94,115,0.8155637254901961) 28%, rgba(79,192,225,0.23853291316526615) 68%);
		background: -webkit-linear-gradient(331deg, rgba(15,94,115,0.8155637254901961) 28%, rgba(79,192,225,0.23853291316526615) 68%);
		background: linear-gradient(331deg, rgba(15,94,115,0.8155637254901961) 28%, rgba(79,192,225,0.23853291316526615) 68%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0f5e73",endColorstr="#4fc0e1",GradientType=1);
	}

#three{
	width:90%;
	margin:20px auto 0 auto;
	padding:20px 5%;
	background:#E4E2E2;
	min-height:50vh;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
	font-family:Abel;
	font-weight:400;
	font-size:1em;
	text-align:left;
}

#four{
	width:100%;
	margin:0 auto;
	padding:0 0;
	background:#fff;
	min-height:50vh;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	background:url("../img/weltkarte.png");
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}

.service_icons{
		width:100%;
		display:none;
		margin:0 0 40px 0;
	}

.service, .service-reverse{
	width:96%;
	margin:0;
	padding:10px 2% 10px 2%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	background:#fff;
	margin-bottom:20px;
}

.service_img{
	width:42%;
}

.service_text{
	width:55%;
	font-size:.8em;
}

.divider{
	width:100%;
	height:3px;
	margin:40px 0 20px 0;
	background:#0f5e73;
}

.veranstaltung_text, .contact_text{
	width:94%;
	padding:0 3%;
}

.locations{
	width:100%;
	padding:1em 0 1em 0;
	background:none;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items:stretch;
	justify-content:space-between;
}

.raum{
	width:47%;
	background:#0f5e73;
	margin-bottom:1em;
}

.img{
	width:100%;
	margin-bottom:.5em;
}

.text{
	padding: 0 1em;
}

.text h4, .text p{color:#fff;}

#google{
	width:100%;
	height:500px;
	overflow:hidden;
}
	
#preview {
	background-color:#000000;
	color:#fff;
	text-align:center;
	padding: 10px 20px;
	cursor:pointer;
	opacity:.8;
}

#preview:hover {box-shadow:4px 4px 8px rgba(0,0,0,.4); opacity:1;}

.contact{
	width:100%;
	display:flex;
	flex-direction:column;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:stretch;
}

.formular{
	width:90%;
	background:#fff;
	box-shadow:1px 1px 4px rgba(0,0,0,.4);
	border-radius:5%;
	margin-bottom:40px;
}

form {
	width: 100%; /* Breite des Formulars */
	height:100%;
	padding: 30px 5%;
	margin: 0 0 0 0;
	border:1px solid #0f5e73;
	border-radius:5%;
	background:#F4F1F1;
	text-align:left;
}

label { /* Beschriftung auf eigener Zeile */
  display: block;
  cursor: pointer;
	color:#0f5e73;
	line-height:24px;
	font-size:18px;
	font-weight:400;
}

input#absender, input#name, input#telefon,
textarea {
	width: 100%;
	border: 1px solid #ccc;
	line-height:120%;
	border-radius:3px;
	margin-top:5px;
	margin-bottom: 30px;
	padding: 4px 0;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
}

textarea {
	height: 6em;
	border-radius:3px;
	}

input:focus,
textarea:focus, fieldset:focus {
	background-color: #e1e1e1;
	-webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.48);
	-moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.48);
	box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.48);
	transform: scale(1.0);
	-moz-transform: scale(1.0);
	-ms-transform: scale(1.0);
	-o-transform: scale(1.0);
	-webkit-transform: scale(1.0);
	transform-origin:top left;
	-webkit-transform-origin:top left;
	-moz-transform-origin:top left;
	-ms-transform-origin:top left;
	-o-transform-origin:top left;
}

.button {
 cursor: pointer;
 padding:5px 12px 5px 12px;
 display:inline;
 text-decoration:none;
 border-radius:3px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 position:relative;
 background-color:#fff;
 color:#999;
 font-size:14px;
 font-weight: normal;
 border : 1px outset #ccc;
 width : 40%;
}

.button_send {
 cursor: pointer;
 padding:5px 12px 5px 12px;
 display:inline;
 text-decoration:none;
 border-radius:5px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 position:relative;
 background-color:#fff;
 color:#333333;
 font-size:14px;
 font-weight: normal;
 border : 1px outset #666;
 width : 40%;
}
.button:hover, .button:focus {
	text-decoration:none;
	background:#F3EEEE;
	font-weight:bold;
}

.button_send:hover, .button_send:focus {
	text-decoration:none;
	background:#F3EEEE;
}

.adress{
	width:100%;
	background:none;
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:stretch;
}

.street, .phone, .mail{
	width:26%;
	background:#fff;
	box-shadow:1px 1px 4px rgba(0,0,0,.4);
	padding:50px 2% 20px 2%;
	color:#666;
	font-size:16px;
	font-weight:500;
	text-align:left;
	min-height:120px;
	position:relative;
	border:1px solid #0f5e73;
	border-radius:5%;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:center;
	flex-wrap:nowrap;
}

.phone{margin:0 0 0 0;}

.icon{
	width:40px;
	height:40px;
	border-radius:50%;
	background:#fff;
	left:-10px;
	top:-10px;
	position:absolute;
}

.adress h2{font-size:1em;}

.right{
	width:90%;
	margin:30px 5%;
	background:#fff;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}

.bildleiste{
	display:none;
}

.entry{
	background:#fff;
	margin-bottom:50px;
	width:99%;
	color:#0f5e73;
	border:4px solid #0f5e73;
	box-shadow:1px 1px 4px rgba(0,0,0,.4);
	position:relative;
	flex-direction:column;
	display:flex;
	align-items:center;
}

.entry .top{
	width:100%;
	background:#0f5e73;
	margin:0;
	padding:0;
	font-size:24px;
	font-weight:500;
	line-height:34px;
	text-align:center;
	color:#fff;
}

.entry button{
	padding:5px 20px;
	background:#0f5e73;
	text-align:center;
	margin:20px auto;
	border-radius:30px;
	color:#fff;
}

/* The Modal (background) */
.right .modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 150px; /* Location of the box */
	padding-bottom:10px;
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow:hidden; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.right .modal-content {
  background-color: #fff;
  margin: auto;
  padding: 30px 5%;
  border: 1px solid #888;
  width: 60%;
  height:500px;
  color:#666;
  font-size:14px;
  font-weight:100; 
  text-align:justify;
  overflow:hidden;
}
	
.right .modal-content p{
	color:#666;
	font-size:16px;
	font-weight:300;
	margin:0;
	}

/* The Close Button */
.right .close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.right .close:hover,
.right .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}


.text{
	width:90%;
	padding:10px 5%;
	text-align:center;
}

.vkm{
	width:40%;
	margin:20px auto;
	padding:0 30%;
}

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

.arrow{
	height:50px;
	width:50px;
	position: absolute;
	top:-20px;
	left:-20px;
	border-radius:50%;
}

.pay{
	width:70%;
	margin:10px auto;
	padding:20px;
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	justify-content:space-around;
	align-items:center;
}

.pay .img{
	width:40px;
	margin: 5px 0;
	flex: 3 0 23% ;
}

.partnerseite{
	width:94%;
	padding:0 3% 0 3%;
}

footer{
	width:94%;
	min-height: 100px;
	padding:16px 3%;
	background:#0f5e73;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}

.copyright{
	color:#fff;
	width:100%;
	height:2em;
	font-size:1.5em;
	font-weight:500;
	text-align:center;
}

.footermenu{
	width:100%;
	display:inline-block;
	background:none;
	text-align:center;
}

.footermenu li{
	display:inline-block;
	padding:0 20px;
	border-right:1px solid #fff;
	text-align:center;
}

.footermenu li:last-child{border-right:none;}

.footermenu li a{
	color:#fff;
	text-align:center;
	text-decoration:none;	
}

.footermenu li a:hover{color:aqua}

button{
	color:#fff;
	font-size:16px;
	line-height:40px;
	padding:0 10px;
	background:none;
	border:none;
	cursor:pointer;
	}
	
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow:auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 30px 5%;
  border: 1px solid #888;
  width: 80%;
  height:600px;
  color:#666;
  font-size:14px;
  font-weight:100; 
  text-align:justify;
  overflow:inherit;
}
	
.modal-content p{
	color:#666;
	font-size:16px;
	font-weight:300;
	margin:0;
	}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}


@media (min-width:1001px) {
	
h1{font-size:30px;margin:0 0 20px 0;}
h2{font-size:18px;}
h3{font-size:24px;margin:0 0 30px 0;}
	

.social{
	top:40px;
	right:10px;
	height:40px;

}

.social_img{
	height:40px;
	padding:0 5px;
}
	
.up{bottom: 150px;}
	
.header{height:120px;}
	
.logo{
	margin:10px 10px;
	z-index:9999999;
}

nav ul{height:auto; text-align:right; width:100%; padding:0;
	display:flex; flex-direction:row; justify-content:flex-end; align-items:center;}

nav li{
	display:inline-block; 
	text-align:right;
	height:auto; 
	font-size:0;
	margin: 0 0;
	border-top:none;
	border-bottom:none;
	background:none;
}

nav a, nav a:visited {
	display:inline-block;
	padding:0 10px; 
	text-transform:uppercase;
	text-decoration:none;
	text-align:right;
	color:#0f5e73;
	background:none;
	font-size:18px;
	font-weight:900;
	line-height:90px;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	background:none;
}


nav a:hover{
	color:#fff;
	background:#0f5e73; 
}

.menu{
	float:right;
	width:auto;
	height:120px;
	background:none;
	position:absolute;
	top:0px;	
	right:100px;
	z-index:99999999;
	border-top:none;
	border-bottom:none;
	transition:none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	-webkit-box-shadow: none; 
	box-shadow: none;
}

.menu-icon{display:none;	}

.menu-icon:hover{color:#FFF;}

#menuToggle{display:none;}
#menuToggle:checked ~ .menu {top:0px; left:0; position:relative; z-index:9999;}


main{
	width:100%;
	min-height:100vh;
	padding:120px 0 0 0;
	background:#fff;
}
	
	.up{padding:5px 10px;}

.caption{
	width:80%;
	left:5%;
	bottom:30px;
	padding:10px 30px 10px 5%;
	background:url("../img/bg_caption.png")
}

.caption h3 {
	color:#0f5e73;
	font-size:30px; 
	font-weight:900;
	letter-spacing: 1px; 
	padding:10px 0 0 0;
	text-align:left;
}

.caption p {
	color:#333; 
	font-size:20px; 
}

.caption p a{
	font-size:20px;
}

.content{
	width:90%;
	background:#fff;
	padding:0 5%;
	margin:40px 0 0 0;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:stretch;
	flex-wrap:nowrap;
}

.maincontent{
	width:67%;
	min-height:100vh;
	background:#fff;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:flex-start;

}

#one{
	width:100%;
	margin:20px auto;
	padding:20px 0;
}
	
#two, #five{
	width:96%;
	margin:20px auto;
	padding:20px 2%;
	min-height:auto;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
	font-family:Abel;
	font-weight:400;
	font-size:1em;
	text-align:left;
}	

#three{
	width:100%;
	margin:0 auto 0 auto;
	padding:20px 0;
	background:#E4E2E2;
	min-height:30vh;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
	font-family:Abel;
	font-weight:400;
	font-size:1em;
	text-align:left;
}

#four{
	width:100%;
	margin:0 auto;
	padding:0 0;
	background:#fff;
	min-height:500px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	background:url("../img/weltkarte.png");
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
	
	.service_icons{
		width:100%;
		display:block;
		margin:0 0 40px 0;
	}

.service, .service-reverse{
	width:98%;
	margin:0;
	padding:10px 1% 10px 1%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	background:#fff;
	margin-bottom:20px;
}

.service_img{
	width:45%;
}

.service_text{
	width:50%;
	font-size:.8em;
}

.veranstaltung_text, .contact_text{
	width:94%;
	padding:0 3%;
}

.locations{
	width:94%;
	padding:1em 3% 1em 3%;
	background:none;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items:stretch;
	justify-content:space-between;
}

.raum{
	width:47%;
	background:#0f5e73;
	margin-bottom:2em;
}

.img{
	width:100%;
	margin-bottom:.2em;
}

.text{
	padding: 0 1em;
}

.text h4, .text p{color:#fff;}

#google{
	width:100%;
	height:500px;
	overflow:hidden;
}
	
#preview {
	background-color:#000000;
	color:#fff;
	text-align:center;
	padding: 10px 20px;
	cursor:pointer;
	opacity:.8;
}

#preview:hover {box-shadow:4px 4px 8px rgba(0,0,0,.4); opacity:1;}

.contact{
	width:100%;
	display:flex;
	flex-direction:column;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:stretch;
}

.formular{
	width:100%;
	background:#D8DC8E;
	box-shadow:1px 1px 4px rgba(0,0,0,.4);
	border-radius:5%;
	margin-bottom:20px;
}

form {
	width: 80%; /* Breite des Formulars */
	height:100%;
	padding: 20px 10%;
	margin: 0 0 0 0;
	border:1px solid #0f5e73;
	border-radius:5%;
	background:#F4F1F1;
	text-align:left;
}

label { /* Beschriftung auf eigener Zeile */
  display: block;
  cursor: pointer;
	color:#0f5e73;
	line-height:24px;
	font-size:18px;
	font-weight:400;
}

input#absender, input#name, input#telefon,
textarea {
	width: 100%;
	border: 1px solid #ccc;
	line-height:120%;
	border-radius:3px;
	margin-top:5px;
	margin-bottom: 30px;
	padding: 4px 0;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
}

textarea {
	height: 6em;
	border-radius:3px;
	}

input:focus,
textarea:focus, fieldset:focus {
	background-color: #e1e1e1;
	-webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.48);
	-moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.48);
	box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.48);
	transform: scale(1.0);
	-moz-transform: scale(1.0);
	-ms-transform: scale(1.0);
	-o-transform: scale(1.0);
	-webkit-transform: scale(1.0);
	transform-origin:top left;
	-webkit-transform-origin:top left;
	-moz-transform-origin:top left;
	-ms-transform-origin:top left;
	-o-transform-origin:top left;
}

.button {
 cursor: pointer;
 padding:5px 12px 5px 12px;
 display:inline;
 text-decoration:none;
 border-radius:3px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 position:relative;
 background-color:#fff;
 color:#999;
 font-size:14px;
 font-weight: normal;
 border : 1px outset #ccc;
 width : 40%;
}

.button_send {
 cursor: pointer;
 padding:5px 12px 5px 12px;
 display:inline;
 text-decoration:none;
 border-radius:5px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 position:relative;
 background-color:#fff;
 color:#333333;
 font-size:14px;
 font-weight: normal;
 border : 1px outset #666;
 width : 40%;
}
.button:hover, .button:focus {
	text-decoration:none;
	background:#F3EEEE;
	font-weight:bold;
}

.button_send:hover, .button_send:focus {
	text-decoration:none;
	background:#F3EEEE;
}

.adress{
	width:100%;
	margin-top:80px;
	background:none;
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:stretch;
}

.street, .phone, .mail{
	width:27%;
	background:#fff;
	box-shadow:1px 1px 4px rgba(0,0,0,.4);
	padding:50px 2% 20px 2%;
	color:#666;
	font-size:16px;
	font-weight:500;
	text-align:left;
	min-height:120px;
	position:relative;
	border:1px solid #0f5e73;
	border-radius:5%;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:center;
	flex-wrap:nowrap;
}

.phone{margin:0 0 0 0;}

.icon{
	width:60px;
	height:60px;
	border-radius:50%;
	background:#fff;
	left:-10px;
	top:-10px;
	position:absolute;
}

.adress h2{font-size:1em;}

.right{
	width:22%;
	margin:30px 0;
	background:#fff;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
	flex-basis:none;
	flex-wrap:wrap;
}


.entry{
	background:#fff;
	margin-bottom:40px;
	width:96%;
	color:#0f5e73;
	border:4px solid #0f5e73;
	box-shadow:1px 1px 4px rgba(0,0,0,.4);
	position:relative;
}

.entry .top{
	width:100%;
	background:#0f5e73;
	margin:0;
	padding:0;
	font-size:18px;
	font-weight:500;
	line-height:34px;
	text-align:center;
	color:#fff;
}

.text{
	width:90%;
	padding:10px 5%;
}

.arrow{
	height:50px;
	width:50px;
	position: absolute;
	top:-20px;
	left:-30px;
	border-radius:50%;
}


.pay{
	width:90%;
	padding:20px 5%;
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	justify-content:space around;
	align-items:flex-start;
}

.pay .img{
	width:40px;
	margin: 5px 0;
	flex: 3 0 23% ;
}
	
	.text button{
	color:#333;
	font-size:16px;
	line-height:40px;
	text-align:center;
	padding:0 10px;
	background:none;
	border:none;
	cursor:pointer;
	}
	
/* The Modal (background) */
.text .modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 120px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow:auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.text .modal-content {
  background-color: none;
  margin: auto;
  padding: 30px 5%;
  border: 1px solid #888;
  width: 60%;
  height:100vh;
  color:#666;
  font-size:14px;
  font-weight:100; 
  text-align:justify;
  overflow:inherit;
}
	
.text .modal-content p{
	color:#666;
	font-size:16px;
	font-weight:300;
	margin:0;
	}

/* The Close Button */
.text .close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.text .close:hover,
.text .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
	
.vkm{
	width:90%;
	margin:20px auto;
	padding:0 5%;
}

.text_vkm{
	padding:20px 3%;
	text-align:center;
}	
	
.bildleiste{
	width:96%;
	background:#fff;
	margin-bottom:40px;
	width:96%;
	color:#0f5e73;
	border:4px solid #0f5e73;
	box-shadow:1px 1px 4px rgba(0,0,0,.4);
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:center;
	padding:10px 0;
}

.bildleiste_img{
	width:90%;
	margin-bottom:20px;
}

.bildleiste_img:last-child{
	margin-bottom:0;
}

footer{
	width:94%;
	min-height: 100px;
	padding:16px 3%;
	background:#0f5e73;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}

.copyright{
	color:#fff;
	width:100%;
	height:2em;
	font-size:1.5em;
	font-weight:500;
	text-align:center;
}

.footermenu{
	width:100%;
	display:inline-block;
	background:none;
	text-align:center;
}

.footermenu li{
	display:inline-block;
	padding:0 20px;
	border-right:1px solid #fff;
	text-align:center;
}

.footermenu li:last-child{border-right:none;}

.footermenu li a{
	color:#fff;
	text-align:center;	
		text-decoration:none;
}
	
}


@media (min-width:1241px){
	
	.social{right:5%;
	}
	
	.header .logo{
		padding-left:5%;
	}
	
	.header li a{
		font-size:22px;
		padding: 10px 10px;
		line-height:70px;
	}
	
	.menu{
		right:12%;
	}
	
.content{
	width:90%;
	background:#fff;
	padding:0 5% 0 5%;
	margin:40px 0 0 0;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:stretch;
	flex-wrap:nowrap;
}

.maincontent{
	width:65%;
	min-height:100vh;
	background:#fff;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:flex-start;
}
	
	.adress h2{font-size:1.2em;}
	.right{width:18%;}
	
	

}