*,body { margin:0; padding:0;}

body {
	font-family: 'robotoregular', sans-serif;
	font-size:16px;
	line-height:26px;
	color: rgb(20,20,20);
	background: rgb(112,182,53);	
	font-weight: normal;
}

p {margin-bottom:14px;}

a {color:#444;}
a:hover {color:#000;}
a:focus {color:blue}

h1, h2 {	color: rgb(112,182,53); font-style: normal; font-weight: 400; margin-bottom:10px;}
h1 {font-size: 35px!important; line-height: 45px;  margin-bottom:30px!important;}
h2 {font-size: 30px; line-height: 40px;  margin-bottom:20px;}
h3 {font-size: 18px; margin-bottom:5px;}

#header {background: rgb(255,255,255); margin:auto auto;}
#header .logo {width: 120px; height: 120px; margin:auto auto;padding:20px 0;}

.top .media img {width: 100%;}
.top  {background: rgb(112,182,53);	padding: 30px 0 0 0; margin-bottom:50px;}
.top .content-text p{margin:30px;text-align: center; font-size: 21px; color: rgb(255,255,255);}
.top .content-text a{text-decoration: none; color: rgb(255,255,255);}
.top .content-text a:hover, .top .content-text a:focus{text-decoration: underline; color: rgb(255,255,255);}


#container {background: rgb(255,255,255);}

.text-lang {margin:0 30px 50px 30px;}
#paket  .txt ul {margin: 0 0 20px 30px;}


#paket .inside {background: #f4f9ef; padding:40px 30px 40px 30px; }
#paket .handorgel__header__button {font-family: 'robotoregular', sans-serif;  color:rgb(112,182,53);}

iframe{
  background-color: #eee;
  height: 700px; /* Element ist genau so hoch wie das Browserfenster */

}

#footer .inside {margin:20px 30px 50px 30px;}
#footer a {color:rgb(255,255,255); text-decoration: none;}
#footer a:hover {color:rgb(0,0,0); text-decoration: none;}
#footer li .active {font-weight: normal;}


/* Tablet (Tablet 768 and up) */
@media (min-width: 768px) {	

.text-lang {margin:0 60px 90px 60px;}

#paket .inside {padding:40px 60px 40px 60px;}	

#footer .inside {margin:20px 60px 50px 60px;}	
	
}

/* Desktop (Desktop 1024 and up) */
@media (min-width: 990px) {	
	#main .inside {margin:auto auto; text-align: center; }
.text-lang {margin:0 auto 90px auto; text-align: left; width: 900px;}
 
#paket .txt {margin:10px auto 0 auto; text-align: center; padding:0 0 0 0; width: 900px;}
#paket .txt .rte{text-align: left;}
#paket .content-accordion {margin:auto auto;width:900px!important;}

	
	#footer {margin:auto auto; text-align: center; }
	#footer .inside {margin:20px auto 90px auto; text-align: left; width: 900px;}
	#footer .inside li{vertical-align: top; display: inline-block; margin-right: 20px;}
}   

/* Desktop (Desktop 1400 and up) */
@media (min-width: 1300px) {	

#main .inside {margin:auto auto; text-align: center; }
.text-lang {margin:0 auto 90px auto; text-align: left; width: 1200px;}
	
#paket .txt {margin:0 30px auto 0 auto; padding:0 0 0 0; width: 1200px;}
#paket .content-accordion {margin:auto auto;width:1200px!important;}
	

 	#footer .inside {margin:20px auto 90px auto; text-align: left; width: 1200px;} 
}