/* -- GENERAL REDECLARATIONS -- */
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('../fonts/roboto-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v18-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../fonts/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/roboto-v18-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
       url('../fonts/roboto-v18-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-v18-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
       url('../fonts/roboto-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
* {
	margin: 0; 
	padding: 0;
} 
body {
	 font-family: "Roboto", Verdana, Geneva, Arial, Helvetica, sans-serif;
	 font-size: 100%;
	 font-weight: 400;
	 line-height: 140%;
	 color: #000000;
	 text-align: center;
	background-color: #76A9A9;
} 
em {
	font-style: italic;	
}
p {
	margin: 0 0 15px;
} 
a,a:hover,a:active {
    color: #186AC5;
}
h1 {
	font-family: Georgia, Times, serif;
	font-size: 1.5em;
	color: #186AC5;
	border-bottom: dotted 1px #186AC5;
	font-weight: normal;
	margin-bottom: 15px;
	line-height: 140%;
}
h2 {
	 font-family: "Roboto", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #000000;
	margin: 25px 0px 15px 0px;
}	
h3 {
	 font-family: "Roboto", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	margin: 15px 0px 10px 0px;
} 
img {
	border: none;
	margin: 10px;
} 
blockquote {
	margin: 0 60px 0 40px;
}
hr.dots {
	border:none;
	border-top: 1px dotted #186AC5;
	color: transparent;
	background-color: transparent;
	height:1px;
}	 
.aligncenter {
	text-align: center;
	margin: 0 auto;
}
.clearfloat {
	clear: both;
}
.red {
	color: #F94C6A;
}
.italic {
	font-style: italic;
}
/* -- IDs -- */ 
#wrapper {
	width: 90%; 
	max-width: 1080px;
	margin: 3% auto;
	background-color: #FFFFFF;
	text-align: left;
	border: 1px solid #00C6E0;
}
#header {
	position: relative;
	height: 140px;
	background-color: transparent;
	border-bottom: dashed 1px #00C6E0; 
}
#logolinkhome {
	position: absolute;
	width: 165px; 
	height: 120px;
	left: 20px;
	top: 10px; 
	bottom: 10px;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	z-index: 1;
}
#logolinkhome span {
	display: none;
}
#bildleiste {
	position: absolute;
	width: 430px;
	height: 75px;
	right: 5%;
	bottom: 23px;
	z-index: 2;
	background-image: url(../images/bildleiste.gif);
	background-repeat: no-repeat;
}
#kapitel {
	position: absolute;
	right: 7%;
	bottom: 30px;
	z-index: 2;
	font-size: 1.3em;
	color: #F94C6A;
	text-align: right;
	font-family: Georgia, Times, serif;
	font-style: italic;

}
#content {
	position: relative;
	width: 100%;
	float: left;
	display: inline;
	background-color: #E1ECEC;
}
#navigation {
	width: 20%;
	margin-left: 3%;
	margin-right: 4%;
	padding-top: 3.5%;
	float: left;
	display: inline;
}
#content_main {
	width: 64%;
	margin: 3% 1%;
	float: left;
	display: inline;
}
#content_main ul {
	margin: 0 0 10px 25px;
}
#content_main li {
	margin: 5px 0 0 0;
}
ul#nav li {
	list-style: none;
	line-height: 150%;
    margin: 0px; 
	padding-left: 2px;
	font-size: 1em;
	border-bottom: dashed 1px #558787; 
}
ul#nav a {
	text-decoration: none;
 	color: #000000;
}
ul#nav a:hover, a:active {
    color: #186AC5;
}
ul#nav ul.subnav {
	margin: 0px 5px;
	padding: 0;
}
ul#nav ul.subnav li {
    list-style: none;
    margin: 0px; 
	padding-left: 2px;
	font-size: 0.85em;
	border-bottom: none;
}
ul#nav ul.subnav a {
	text-decoration: none; 
	color: #000000;
}
ul#nav ul.subnav a:hover, a:active {
    color: #186AC5;
}
ul#nav ul.subsubnav {
	margin: 5px 10px 5px 15px;
	padding: 0;
}
ul#nav ul.subsubnav li {
    list-style: none;
    margin: 0px; 
	padding-left: 2px;
	font-size: 13px;
	border-bottom: none;
}
ul#nav ul.subsubnav a {
	text-decoration: none; 
	color: #000000;
}
ul#nav ul.subsubnav a:hover, a:active {
    color: #186AC5;
}

#footer {
	clear: both;
	padding: 20px;
	border-top: dashed 1px #00C6E0;
	text-align: center;
	font-size: 0.85em;
	line-height: 150%;
}
table#tableobject {
	border-spacing:5px;
	border-collapse:collapse;
	border:solid 1px #186AC5;
}
table#tableobject td {
	border:solid 1px #186AC5;
	padding: 5px;
	vertical-align: top;
}
table#kontakt {
	border-collapse:collapse;
}
table#kontakt td {
	vertical-align: top;
	padding: 2px;
}
/* -- LANDING PAGE -- */
.landingpage #content {background:#fff;}
.landingpage #content_main {width: calc(100% - 60px); margin: 30px; text-align: center;}
.landingpage #content_main img {max-width: 100%; margin:0; padding:0; }
.landingpage .image, .landingpage .cta {position:relative;}
.landingpage h1 {position: absolute; top: 20px; left: 30px; font-size: 58px; font-family: "Roboto", sans-serif; text-align: left; color: #fff ; font-weight:bold; border: none; line-height: 110%; margin:0; padding:0; text-shadow: 1px 1px #666; }
.landingpage h2 {position: absolute; bottom: 20px; right: 30px; text-align: right; font-size: 48px; font-family: "Roboto", sans-serif; color: #fff ; font-weight:bold; border: none; line-height: 110%; margin:0; padding:0; text-shadow: 1px 1px #666;}
.landingpage h3 {font-size: 36px; ffont-family: "Roboto", sans-serif;color: #186AC5 ; font-weight:bold; line-height: 110%; margin:0; padding:0; }
.landingpage h4 {position: absolute; top: 20px; right: 30px; font-size: 36px; font-family: "Roboto", sans-serif; text-align: left; color: #186AC5 ; font-weight:bold; line-height: 110%; margin:0; padding:0;  }

.landingpage .form {width: 400px;  position:absolute; top: 100px; right: 30px; border: solid dotted #333; background: rgba(255,255,255,.7);}
/* -- Slideshow DIV -- */
#slideshow1,
#slideshow2 {
	float: left;
	margin-left: 10px;
}
.pics {
	height: 430px;
	width: 570px;
}

/* -- CLASSES -- */ 
.navaktiv {
	font-weight: bold;
}
.subnavaktiv {
	font-weight: bold;
	color: #186AC5;
}
.subsubnavaktiv {
	font-weight: bold;
	color: #186AC5;
}
.bu,
.bildnachweis {
	font-size: 0.9em;
	font-style:italic;
}
.beitragsbild {
	text-align: center;
	font-style: italic;
	font-size: 0.9em;
	margin: 30px 0;
}
.beitragsbild img {
	margin: 0;
	width: 500px;
	max-width: 100%;
	height: auto;
}
.bild {
	width: 180px;
	float: left;
	text-align: center;
	font-style: italic;
	font-size: 0.9em;
	margin: 10px;
}
/* Neue Bilder seit Projekte 2011: in einen zentrierenden DIV mit class=aligncenter eingefügt */
.bild_neu {
	width: 180px;
	text-align: center;
	font-style: italic;
	font-size: 0.9em;
	margin: 10px;
	display: inline-block;
}
.bild_m {
	width: 270px;
	float: left;
	text-align: center;
	font-style: italic;
	font-size: 0.9em;
	margin: 10px;
}
.bild_m_neu {
	width: 270px;
	text-align: center;
	font-style: italic;
	font-size: 0.9em;
	margin: 10px;
	display: inline-block;
}
.bild_300 {
	width: 300px;
	float: left;
	text-align: center;
	font-style: italic;
	font-size: 0.9em;
	margin: 10px;
}
.bild_p {
	width: 270px;
	float: left;
	text-align: center;
	font-style: italic;
	font-size: 0.9em;
	margin-top: 20px;
}
html>body .bild_p {
	margin: 10px;
}
.inline-bild { /* NEU */
	max-width: 50%;
	float: left;
	text-align: center;
	font-style: italic;
	font-size: 0.9em;
	margin-top: 20px;
}

.teammember {
	width: 100%;
	clear: both;
}
.teammember img {
	width: 300px;
	height: auto;
	float: left;
	margin: 5px 45px 50px 15px;
}
.teammember p.name {
	padding-top: 30px;
}
.zitat {
	font-style: italic;
	color: #186AC5;
}
.nowrap {
	white-space: nowrap;
}	 
.quelle {
	font-size: 85%;
	font-weight: normal;
}
.blue {
	color: #186AC5;
	font-weight: bold;
	font-size: 100%;
	margin-bottom: 10px;
}
.blau {
	color: #186AC5;
}
.listeohne li {
	list-style-type: none;
	margin-bottom: 5px;
}
.listeohne a {
	text-decoration: none;
	color: #000000;
}
.listeohne a:hover, a:active {
    color: #186AC5;
}
.innerboxxxl {
	width: 750px;
	float: left;
	text-align: center;

	font-size: 1em;
	line-height: 130%;
	margin-bottom: 30px;
}
.innerboxg {
	width: 500px;
	float: left;
	text-align: center;
	font-style: italic;
	font-size: 0.9em;
}
.innerboxk {
	width: 210px;
	float: left;
	text-align: center;
	font-style: italic;
	font-size: 0.9em;
}
.innerboxxxl img {
	border: solid 7px #FFFFFF;
}
.innerboxg img {
	border: solid 7px #FFFFFF;
}
.innerboxk img {
	border: solid 7px #FFFFFF;
}
.spacer {
	width: 45px;
	float: left;
}
.festebreite {
	width: 400px;
	font-size: 0.9em;
	margin: 0 auto;
}
ul#sitemap {
	list-style: none;
	margin-left: 0;
}
ul#sitemap li {
	margin-top: 20px;
}
ul#sitemap li a {
	font-weight: bold;
	font-size: 1.1em;
}
ul#sitemap li.e2 {
	margin-top: 10px;
}
ul#sitemap li.e2 a {
	font-weight: bold;
}
ul#sitemap ul li {
	margin-top: 5px;
}
ul#sitemap ul li a {
	font-weight: normal;
	font-size: 1em;
}

/* Startseite */
.startseite img {
	-moz-box-shadow: 3px 3px 3px #888;
	-webkit-box-shadow: 3px 3px 3px #888;
	box-shadow: 3px 3px 3px #888;
}
.startseite img.no-shadow {-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.startseite .lb-closeContainer img {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* Banner */
.banner {
	width: 690px;
	max-width: 100%;
	height: 200px;
	-moz-box-shadow: 3px 3px 3px rgba(136,136,136,1);
	-webkit-box-shadow: 3px 3px 3px rgba(136,136,136,1);
	box-shadow: 3px 3px 3px rgba(136,136,136,1);
	overflow: visible;
	margin-bottom: 50px;
}
/* !!! Bei Anlegen neuer Banner die Angaben für die mobile Version nicht vergessen !!! */

.banner.fruehjahr {
	background: url(../images/index/fruehjahr_banner.jpg) 0 0 no-repeat;
}
.banner.gartenpflege {
	background: url(../images/index/gartenpflege_banner.jpg) 0 0 no-repeat;
}
.banner.grab {
	background: url(../images/index/friedhof_banner.jpg) 0 0 no-repeat;
}
.banner.projekt {
	background: url(../images/index/projekte_banner.jpg) 0 0 no-repeat;
}
.banner.rasen {
	background: url(../images/index/rasenkur_banner.jpg) 0 0 no-repeat;
}
.banner.terrasse {
	background: url(../images/index/terrasse_banner.jpg) 0 0 no-repeat;	
}
.banner.herbst {
	background: url(../images/index/Banner_Herbst_2024.jpg) 0 0 no-repeat;
	background-size:contain;
}
.banner.winter-1 {
	background: url(../images/index/winter_banner_1.jpg) 0 0 no-repeat;
	background-size:contain;
}
.banner.winter-2 {
	background: url(../images/index/winter_banner_2.jpg) 0 0 no-repeat;
	background-size:contain;
}

.banner.winter {
	background: url(../images/index/Banner_Winter_2024.jpg) 0 0 no-repeat;
	background-size:contain;
}

.banner.fruehling {
	background: url(../images/index/Banner_Frühjahr_2024.jpg) 0 0 no-repeat;
	background-size:contain;
}

.banner.sommer {
	background: url(../images/index/Banner_Sommer_2024.jpg) 0 0 no-repeat;
	background-size:contain;
}


.banner p {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* Formulare */
.kontaktform fieldset {
	border: none;
	margin-bottom: 40px;
}
.kontaktform legend {
	font-weight: bold;
	margin-bottom: 12px;
}
.kontaktform label.textlabel,
.kontaktform input[type="text"],
.kontaktform input[type="email"],
.kontaktform textarea {
	margin-bottom: 10px;
	border-radius: 3px;
}
.kontaktform label.textlabel {
	width: 100px;
	display: inline-block;
	margin-bottom: 5px;
}
.kontaktform .interesse-friedhof label.textlabel,
.kontaktform .grabdetails label.textlabel {
	width: 212px;
}
.kontaktform .interesse-friedhof div label {
	margin-left: 55px;
}
.kontaktform .interesse-friedhof div:first-of-type label {
	margin-top: 14px;
}
.kontaktform .friedhofauswahl {
	margin: 15px 0 15px 23px;
}
.kontaktform input[type="text"],
.kontaktform input[type="email"],
.kontaktform textarea {
	width: 200px;
	padding: 4px 2px;
	border: solid 1px grey;
}
.kontaktform.grab textarea#anmerkungen {
	width: 400px;
}
.kontaktform input#flaeche,
.kontaktform input#grabgroesse,
.kontaktform input#grabgroesse_2 {
	width: 50px;
}
.kontaktform input[type="submit"],
.kontaktform input[type="reset"]
.kontaktform input[type="checkbox"] {
	width: auto;
}
.kontaktform label.radiolabel {
	margin: 0 20px 20px 0;
	display: inline-block;
}
.kontaktform .grabdetails label.radiolabel {
	margin: 0 0 0 5px;
}
#content_main ul.checkboxliste {
	list-style: none;
	margin-left: 0;
}
#content_main ul.checkboxliste li {
	margin-left: 32px;
	text-indent: -32px;
}
#content_main ul.radioliste {
	list-style: none;
	margin-left: 5px;
}
#content_main ul ul.radioliste label.radiolabel {
	margin-left: 40px;
}
.kontaktform label.cblabel {
	padding-left: 5px;
}
.kontaktform textarea {
	margin-top: 5px;
}
.kontaktform textarea#sonstiges_text {
	margin-left: -10px;
}
.kontaktform input[type="submit"],
.kontaktform input[type="reset"] {
	padding: 5px;
	background-color: #76A9A9;
	color: #fff;
	border: solid 1px #00C6E0;
	border-radius: 4px;
	font-size: 16px;
	margin-right: 40px;
	margin-bottom: 20px;
}
.kontaktform input[type="submit"]:focus,
.kontaktform input[type="reset"]:focus,
.kontaktform input[type="submit"]:hover,
.kontaktform input[type="reset"]:hover,
.kontaktform input[type="submit"]:active,
.kontaktform input[type="reset"]:active {
	background-color: #00C6E0;
	color: #fff;	
	border: solid 1px #76A9A9;
}

/* MEDIA QUERIES */
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
.banner {
	width: 637px;
	height: 185px;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
}
	.banner.fruehjahr,
	.banner.gartenpflege,
	.banner.grab,
	.banner.projekt,
	.banner.rasen,
	.banner.herbst,
	.banner.winter-1,
	.banner.winter-2,
	.banner.winter,
	.banner.fruehling,
	.banner.sommer{
	background-size: contain;
	}
}
@media only screen and (max-width: 1023px) {
	#navigation {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding: 0;
		float: none;
		display: block;
		background-color: #87b9e8;
	}
	a.nav-toggle {
		display: inline-block;
		width: 100%;
		text-align: center;
		text-decoration: none;
		padding: 20px 0;
		text-transform: uppercase;
		font-size: 1.5em;
		color: #FFFFFF;
	}
	ul#nav li {
		width: 100%;
		padding: 10px 20px;
	}
	ul#nav li:first-child {
		border-top: dashed 1px #558787;
	}
	ul#nav li:hover,
	ul#nav li.parentaktiv {
		background-color: #fff;
	}
	ul#nav ul.subnav {
		padding: 0;
		margin: 0;
	}
	ul#nav ul.subnav li {
		margin: 0;
		padding: 10px 0;
	}
	ul#nav ul.subnav li:first-child {
		border-top: none;
	}
	ul#nav ul.subnav li:hover {
		font-weight: 700;
	}
	ul#nav ul.subsubnav {
		margin: 0;
		padding: 0;
	}
	ul#nav ul.subsubnav li {
		margin: 0px; 
		padding: 10px 20px 10px 60px;
		font-size: 14px;
		font-weight: 400;
	}
	ul#nav li:hover,
	ul#nav ul.subnav li:hover .subnavaktiv,
	ul#nav ul.subsubnav li:hover .subsubnavaktiv {
		color: #186AC5;
	}
	#content_main {
		position: relative;
		width: calc(100% - 40px);
		margin: 0;
		padding: 40px 20px;
		float: none;
		display: block;
	}
	#content_main img {
		max-width: 90%;
		height: auto;
	}
	.festebreite {
		max-width: 100%;
	}
	.bild_300 {
		max-width: 100%;
		margin: 0;
	}
	.bild_m_neu {
		max-width: 100%;
		margin: 10px 0;
	}
.innerboxxxl {
		max-width: 100%;
}
.innerboxg {
		max-width: 100%;
}
.innerboxk {
		max-width: 100%;
}
.bild {
		max-width: 100%;
}
.bild_neu {
		max-width: 100%;
}
.bild_m {
		max-width: 100%;
}
.bild_p {
		max-width: 100%;
}
.teammember {
		max-width: 100%;
	height: auto;
}
	.kontaktform input[type="text"],
	.kontaktform input[type="email"],
	.kontaktform textarea {
		padding: 10px 6px;
		font-size: 16px;
	}
	#content_main ul.radioliste {
		margin-left: 40px;	
	}
	#content_main ul.radioliste li {
		margin-left: 20px;
		text-indent: -26px;	
	}
	/* remove standard-styles */
	.kontaktform input[type="radio"] {
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  appearance: none;
	  border:none;
	  border-radius: 0;
	  font-size: 1em;
	  width: 100%;
	} 
	/* graceful degradation for ie8 */
	.kontaktform input[type="checkbox"],
	.kontaktform input[type="radio"] {
	  width: auto;
	  float: left;
	  margin-right: .75em;
	  background: transparent;
	  border: none;
	}
	/* styling for modern browsers */
	.kontaktform input[type="checkbox"]:checked,
	.kontaktform input[type="checkbox"]:not(:checked),
	.kontaktform input[type="radio"]:checked,
	.kontaktform input[type="radio"]:not(:checked) {
	  background: transparent;
	  position: absolute;
	  top: auto;
	  left: -10000px;
	  margin:0;
	  padding:0;
	}
	.kontaktform input[type="checkbox"] + label,
	.kontaktform input[type="radio"] + label {
	  cursor: pointer;
	}
	.kontaktform input[type="checkbox"]:checked + label::before,
	.kontaktform input[type="checkbox"]:not(:checked) + label::before,
	.kontaktform input[type="radio"]:checked + label::before,
	.kontaktform input[type="radio"]:not(:checked) + label::before {
		content:' ';
		display:inline-block;
		width: 17px;
		height:17px;
		position: relative;
		top:4px;
		border: 1px solid #bbb;
		background: white;
		margin-right: 3px;
		box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
	}
	.kontaktform input[type="radio"]:checked + label::before,
	.kontaktform input[type="radio"]:not(:checked) + label::before {
	  border-radius: 30px;
	}
	.kontaktform input[type="checkbox"]:hover  + label::before,
	.kontaktform input[type="radio"]:hover  + label::before {
	  background:#ddd;
	  box-shadow: inset 0 0 0 2px white;
	}
	.kontaktform input[type="checkbox"]:checked  + label::before,
	.kontaktform input[type="radio"]:checked  + label::before {
	  background:black;
	  box-shadow: inset 0 0 0 2px white;
	}
	.kontaktform textarea#sonstiges_text {
		margin-left: 0;
	}

}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner {
	width: 637px;
	height: 185px;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
}
	.banner.gartenpflege,
	.banner.grab,
	.banner.projekt,
	.banner.rasen {
	background-size: contain;
	}
	.kontaktform input[type="text"],
	.kontaktform input[type="email"],
	.kontaktform textarea {
		width: 400px;
	}
}
@media only screen and (max-width: 767px) {
	.banner {
		width: 100%;
		height: auto;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		margin-bottom: 0;
	}
	.banner.gartenpflege,
	.banner.grab,
	.banner.projekt,
	.banner.rasen {
		background: none;
	}
	.banner p {
		text-indent: 0;
		white-space: normal;
		overflow: visible;
		font-family: "Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif; 
		font-size: 24px;
		color: #4f7070;
		font-weight: 700;
		font-style: italic;
		line-height: 120%;
	}
	.teammember {
		width: 100%;
		clear: both;
	}
	.teammember img {
		width: 300px;
		height: auto;
		margin: 15px auto;
		display: block;
		float: none;
		text-align: center;
	}
	.teammember p.name {
		padding-top: 10px;
	}
	.teammember p:last-child {
		padding-bottom: 50px;
	}
	.inline-bild { /* NEU */
		max-width: 100%;
		float: none;
		text-align: center;
		font-style: italic;
		font-size: 0.9em;
		margin-top: 20px;
		margin: 20px auto 0 auto;
	}
	.kontaktform label.textlabel,
	.kontaktform input[type="text"],
	.kontaktform input[type="email"],
	.kontaktform textarea {
		width: calc(100% - 20px);
	}

}
@media only screen and (max-width: 735px) {
	/* Bildleiste im Header ausblenden */
	#bildleiste {
		background-image: none;
	}	
	/* Position Kapitelüberschrift */
	#kapitel {
		right: 20px;
		bottom: 20px;
	}
	.startseite img {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
}
@media only screen and (max-width: 375px) {
	/* Position Kapitelüberschrift */
	#kapitel {
		right: 20px;
		bottom: 0;
		margin-bottom: 10px;
	}
	.kontaktform label.radiolabel {
		min-width: 250px;
	}
	.kontaktform label.textlabel,
	.kontaktform input[type="text"],
	.kontaktform input[type="email"] {
		width: calc(100% - 40px);
	}
	.kontaktform textarea {
		width: calc(100% - 10px);
	}
	.kontaktform input[type="submit"],
	.kontaktform input[type="reset"] {
		margin-right: 20px;
	}

}