@charset "utf-8";
/* CSS Document */
html {
  scroll-behavior: smooth;
}
body {
	overflow-y: scroll;
	font-family:"Noto Sans", sans-serif;
	font-size:1.1em;
	background-color: #fff;
	color: #333;
	line-height:150%;
	font-weight: 400;
}
p {margin-bottom:30px;}
.mitte{text-align:center;font-size:1.2em;}
p.sprache{font-size:0.7em;}
p.sprache img{width: 36px;padding:5px; margin:0 auto;}
p.daten{font-size:0.78em;margin-bottom:0;}
a {color:#3E8A41;text-decoration:none;}
span{color:#71bb74;}
h1, h2, h3, h4, h5 {
	margin-bottom:50px;
	text-align:center;
	font-weight:500;
	color:#3E8A41;
}
h1{font-family:"Chonburi", serif;font-size:1.5em;float:left;width:400px;text-align: left;margin:20px 0; }

h2{font-size:2em;}

h4{margin-bottom:10px;text-decoration:underline;font-size:1.2em;}
h4.left{text-align:left;text-decoration:underline;}
h5{font-size:1.2em;line-height:130%;margin:0;font-weight:400;}
.unternehmen h5{text-align:left;margin-top:20px;}
h5.plus{margin:20px 0;}

h3{font-size:1.4em;}

header {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 5;
}
#start{height: 760px;
background-image: url(images/background.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover !important;
-webkit-background-size: cover !important;
-moz-background-size: cover!important;
-o-background-size: cover !important;
}

#pic{width:100%;height:auto;min-height: 200px; background-image: url(images/bg.jpg);background-repeat: no-repeat;background-position: right bottom;}

article{padding: 20px 15%;}	
.home, .angebot, .kontakt {background-color: #fff;}
.home{padding-top:0;margin-top:0;}
.home h2{margin-top:0;}
.unternehmen {background-color: #F1F4D0;}
.team {background-color: #E9E9E9;}
footer {min-height:60px;padding: 20px 15%;background-color: #27ab66;color:#fff;}

.half{width:48%;float:left;}
.quarter, .quartersign{width:22%;float:left;text-align:center;padding:0 1.5%;}

.quarter img{width:90%;margin:5%;}
.quarter img.notiz{width:30px;margin:30px auto 0 auto;}
.quarter img.ico{width:60px!important;margin:10px auto 0 auto;}
.quartersign img.ico{width:100px;}
.left{margin-right:2%;}
.right{margin-left:2%;}
.left2{width:58%;margin-right:2%;}
.right2{width:38%;margin-left:2%;}
.left3{width:38%;margin-right:2%;}
.right3{width:58%;margin-left:2%;}
.small{padding-left:5%;width:43%;}
.half img{width: 100%;margin-top:20px;}
.half ul{color:#71bb74;}
.half li span{color:#333;}
.half li{margin-bottom:10px;}
ul ul{margin-top:10px;}
#call{
	position: absolute;
	bottom: 10%;
    right: calc(50% - 620px);
	width: 560px;
	z-index: 1500;
	text-align: center;
}
#call img{float:left;margin-bottom:40px;}
h2.spruch{font-family:"Noto Sans", serif;font-style: italic;font-weight: 600; font-size:2.4em;line-height: normal;text-align:left;color:#71bb74;}
img.logosmall{width:250px;display: block;margin: 20px auto;}
a.button{background-color:#91CB39;color:#fff; padding: 10px 15px; width:150px;margin:0 auto;border-radius: 6px;font-size:1.2em;letter-spacing: 0.2rem;text-align:center;}
a.button:hover{background-color:#71bb74;}
#pflege{width:100%;float:left:}
#wko img{width:150px; height:auto;margin:0 0 20px ;}
.clear{clear:both;}
img.symbol{width:80px;margin:0 ;vertical-align:super}
h2.abstand{padding-top:50px;}
.links{text-align:center;}.links a{color:#fff;font-size:14px;margin: 0 20px;}
.mobilbutton{display:block;}
.mobilbutton img{width:100px;margin: 0 30px;}


/* ~~ Pfeil nach oben ~~ */
#top {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 20px;
	background-image:url(images/totop.png);
    width: 48px; 
	height: 48px;
	z-index:500; 
}
#top:hover{opacity:0.6;}

/* ~~ Navi ~~ */
nav {
	float: left;
	height: auto;
	width:70%;
	display: block;
	padding:0 15%;
 	font-weight: 400;
	font-size:16px;	
	position: relative;
	background-color:rgba(221,228,129,.5);
	
}

nav ul{
	text-align:center;
	width: auto;
	margin:0 auto!important;
	list-style: none;
	float: right;
	height:100%;
	padding:0;
	
}
nav ul a{
	display:block;
	color:#125A17;
	text-decoration:none;
	padding:20px;	
	
}
nav ul li{
	float: left;	
}
#active {
	color:#fff;
	background-color:#71bb74;}
nav ul li a:hover{background-color:#ADD069;}
.mobil{margin-right:40px;display:none;}
p.design{
	text-align: center;
	border-top: 1px solid #efefef;
	font-size: 0.6em;
	padding-top:10px;
}
a.design{color: #efefef;}


/*Kleinere Screens+mobil*/
@media screen and (max-width: 1680px) {article, footer{padding: 20px 8%;}nav{width:84%;padding:0 8%;}#start, #begin {height: 700px;}#call img{width:400px;height:auto;}}

@media screen and (max-width: 1440px) {
#start, #begin {height: 650px;}
#call{bottom: 12%;width: 460px;right: calc(50% - 520px);}
#call img{width:320px;}
a.button{padding: 8px 12px; width:140px;font-size:1em;}
article, footer{padding: 20px 6%;}
nav{width:88%;padding:0 6%;}
.quarter{width:50%;}
h2.spruch{font-size:2.1em;}
h2{margin-bottom:30px;}
.quartersign img.ico{width:80px;}
h4.plus{font-size:1em;}
}
@media screen and (max-width: 1080px) {
#start, #begin {height: 520px;}
.quartersign img.ico{width:70px;}
#call{bottom: 12%;width: 350px;right: calc(50% - 420px);}
#call img{margin-bottom:20px;width:280px;}
nav {font-size:14px;	}
nav ul a{padding: 20px 10px;}
article{padding: 20px 3%;}
nav{width:94%;padding:0 3%;}
.half{width:100%;}
.left,.right,.left2,.right2,.left3,.right3{margin:0%;width:100%;}
.small{padding:0;}
h2.spruch{font-size:1.5em;}
h2{font-size:1.8em;}
h3{margin-bottom:30px;}
#pflege{width:70%;margin:0 15%;float:none:}
}

@media screen and (max-width: 900px) {
#call{bottom: 12%;width: 340px;right: calc(50% - 350px);}
article, footer{padding: 10px 2%;}
	p, .half li span{font-size:1.15em!important;}
}

/*miniansicht*/
@media screen and (max-width: 710px) {
#start, #begin {height: 480px;}
#call{right: 0%;}
article{padding: 20px;}	
.quarter{width:100%;}
.quartersign{width:50%;padding:0 1%;}

}
/*Grosser Screen*/
@media screen and (min-width: 2000px) {
	article, footer{padding: 20px 22%;}
#start, #begin {height: 950px;}
#call{bottom: 200px;}
#call img{margin-bottom:80px;width:600px;}
h1{font-size:1.8em;}
}
/*button*/
@media screen and (min-width: 990px) {
.mobilbutton{display:none;}
	
}


.chonburi-regular {
  font-family: "Chonburi", serif;
  font-weight: 400;
  font-style: normal;
}