* {
 margin: 0;
 padding:0;
 border: 0;
}

:root {font-size:16px}

@media (prefers-reduced-motion: no-preference) {
	:root {
		scroll-behavior: smooth;
	}
}

html, body 
{
 background-color:#FFFFFF;
 background-image:url('../images/hg.png');
 background-repeat:repeat-x;
 margin:0px auto;
 text-align: center;
 font-family: 'Open Sans', sans-serif, Arial;
 font-weight: 400;
 font-size:1.1rem;
 color:#222222;
}

html 
{
 height: 100%;
 padding-bottom:1px;
}


/* ----------- Layout anfang ----------------------------- */

#wrap 
{
/* width:940px; */
 width:100%;
 max-width:1140px;
 padding:0px;
 margin: 0 auto;
 text-align:center;
 /*font-size:0.80em;*/
 line-height:140%;
 border: 0px solid green;
}

#header 
{
 position:relative;
 text-align:left;
 width: 100%;
 height:322px;
 margin: 0 auto;
 padding:0px;
}


#headerimage 
{
 margin:0px 0px 0px 0px;
}

#logo 
{
 position:absolute;
 top:15px;
 width: 188px;
 height:54px;
 margin:0px 0px 0px 12px;
 z-index:2;
}

#tel, a#tel 
{
 background-image:url('../images/phone-icon.png');
 background-repeat:no-repeat;
 background-position:left center;
 float:right;
 display:block;
 width: 110px;
 height:19px;
 margin: 19px 0px 0px 0px;
 padding:0px 0px 0px 20px;
 line-height:19px;
 font-family: 'Open Sans', sans-serif, Arial;
 text-decoration:none;
 font-size:1.0rem;
 color:#DD0000;
 cursor:default;
}

#headerimg 
{
	position:absolute;
	top:61px;
	left:271px;
	width: 869px;
	height:auto;
/*
 left:211px;
 width: 729px;
 height:219px;
*/
}


#content 
{
	max-width: 1140px;
	margin: 0;
}

#aside 
{
 clear:both;
 float:left;
 background-image:url('../images/hg-aside-wide.png');
 background-repeat:no-repeat;
 background-position:top left;
 width: 277px;
 min-height:276px;
 text-align:left;
}

#main 
{
 float:left;
 width: 827px;
 min-height:230px;
/* padding:36px 20px 10px 16px;*/
padding-top:36px;
 text-align:left;
}

#footer 
{
 clear:both;
 width: 100%;
 height:14px;
 padding:9px 0px 9px 0px;
 margin: 0 auto;
 text-align:left;
 font-size:0.875rem;
 color:#505050;
 border-top:1px solid #cfcfcf;
}

.article 
{
	clear:both;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 30px 0px;
}
.article:after 
{
	display:block;
	overflow:hidden;
	visibility:hidden;
	clear:both;
	content:".";
	height:0;
}

.figure img, 
.article .figure img 
{
	padding:0px;
	margin: 0px 0px 5px 0px;
	border: 0px solid #004893;
}

.figcaption, 
.article .figcaption 
{
	font-size:1.0rem;
/* padding:5px 7px 2px 7px;*/
	padding: 1rem 1rem 0 1rem;
	margin: 0px 0px 0px 0px;
}

.vcard 
{
	margin: 40px 0px 10px 26px;
	line-height:140%;
	font-size:1.0rem;
	color:#505050;
}

.vcard .fn 
{
	font-size:1.05rem;
	font-weight: 600;
	color:#DD0000;
}

.vcard a.email
{
	font-size:1.0rem;
	color:#505050;
	text-decoration:none;
}



/* ----------- Spalten anfang ---------------------------- */

.row 
{
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(-1 * 0);
	margin-right: calc(-0.5 * 1.5rem);
	margin-left: calc(-0.5 * 1.5rem);
}
.row > * 
{
	box-sizing: border-box;
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	padding-right: calc(1.5rem * 0.5);
	padding-left: calc(1.5rem * 0.5);
	margin-top: 0;
}

.col 
{
	flex: 1 0 0;
}


.col-1 
{
	flex: 0 0 auto;
	width: 8.33333333%;
}

.col-2 
{
	flex: 0 0 auto;
	width: 16.66666667%;
}

.col-3 
{
	flex: 0 0 auto;
	width: 25%;
}

.col-4 
{
	flex: 0 0 auto;
	width: 33.33333333%;
}

.col-5 
{
	flex: 0 0 auto;
	width: 41.66666667%;
}

.col-6 
{
	flex: 0 0 auto;
	width: 50%;
}

.col-7 
{
	flex: 0 0 auto;
	width: 58.33333333%;
}

.col-8 
{
	flex: 0 0 auto;
	width: 66.66666667%;
}

.col-9 
{
	flex: 0 0 auto;
	width: 75%;
}

.col-10 
{
	flex: 0 0 auto;
	width: 83.33333333%;
}

.col-11 
{
	flex: 0 0 auto;
	width: 91.66666667%;
}

.col-12 
{
	flex: 0 0 auto;
	width: 100%;
}

.col66 
{
 float:left;
 width: 451px;
 margin-left: 21px;
}

.col66first 
{
 float:left;
 width: 451px;
 margin-left: 0px;
}

.col50 
{
 float:left;
 width: 333px;
 margin-left: 21px;
}

.col50first 
{
 float:left;
 width: 333px;
 margin-left: 0px;
}

.col33 
{
 float:left;
 width: 215px;
 margin-left: 21px;
}

.col33first 
{
 float:left;
 width: 215px;
 margin-left: 0px;
}

/* -------- Spalten fluid --------- */

.col66fluid 
{
 float:left;
 width: 65.64%;
 margin-left: 3%;
}

.col66fluidfirst 
{
 float:left;
 width: 65.64%;
 margin-left: 0;
}

.col50fluid 
{
 float:left;
 width: 48.5%;
 margin-left: 3%;
}

.col50fluidfirst 
{
 float:left;
 width: 48.5%;
 margin-left: 0;
}

.col33fluid 
{
 float:left;
 width: 31.30%;
 margin-left: 3%;
}

.col33fluidfirst 
{
 float:left;
 width: 31.30%;
 margin-left: 0px;
}

/* ----------- Spalten ende ------------------------------ */



/* ----------- Navigation Links anfang ------------------- */

#nav 
{
 clear:both;
 position: absolute;
 top:61px;
 background-color:transparent;
 background-image:url('../images/hg-nav-wide.png');
 background-repeat:repeat-y;
 background-position:top left;
 width: 277px;
 height:261px;
 z-index:1;
}

#nav ul 
{
 width:250px;
 padding:0px 0px 0px 0px;
 margin: 19px 0px 0px 11px;
 list-style-type:none;
}

#nav ul li 
{
 background-image:url('../images/hg-navi-e1.png');
 background-repeat:no-repeat;
 background-position:bottom left;
 background-size:250px 35px;
 display:block;
 width:100%;
 padding:0px;
 margin: 0px;
 list-style-type:none;
 text-align:left;
 border:0px;
}

#nav ul li.aktiv 
{
 background-image:url('../images/hg-navi-e1-aktiv.png');
 background-repeat:no-repeat;
 background-position:bottom left;
}

#nav ul li > a 
{
 display:block;
 width:100%;
 height:auto;
 position: relative;
 float: none;
 margin: 0px 0px 0px 0px;
 padding:8px 5px 7px 15px;
 border:0px;
 color:#505050;
 font-size:1.0rem;
 font-weight: 400;
 text-decoration:none;
 text-align:left;
 vertical-align:middle;
}

#nav ul li a:link, #nav ul li a:visited 
{
 color:#505050;
 text-decoration:none;
}
#nav ul li a:focus, #nav ul li a:hover 
{
 color:#222222;
 text-decoration:none;
}

#nav ul li.aktiv a, #nav ul li.aktiv a:link, #nav ul li.aktiv a:visited 
{
 color:#222222;
 text-decoration:none;
}
#nav ul li.aktiv a:focus, #nav ul li.aktiv a:hover 
{
 color:#000000;
 text-decoration:none;
}



.js .nav-collapse
{
	clip:rect(0 0 0 0);
	max-height:0;
	position:absolute;
	display:block;
	overflow:hidden;
	zoom:1;
}

.nav-collapse.opened
{
	height: auto;
	max-height:99999px;
}

.nav-collapse,.nav-collapse *
{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}


@media screen and (min-width:992px){

	.js .nav-collapse
	{
		position:absolute !important;
		max-height:none;
		clip:auto;
	}
	.nav-toggle
	{
		display:none;
	}

	.nav-collapse li
	{
		width:25%;
		*width:24.9%;
		_width:19%
	}

	.nav-collapse a
	{
		margin:0;
		padding:1em;
		float:left;
		text-align:center;
		border-bottom:0;
		border-right:1px solid #fff;
	}

	.nav-collapse ul ul a
	{
		display:none;
	}

}


.nav-collapse.disable-pointer-events 
{
	pointer-events: none !important;
}


/* ----------- Navigation Links ende --------------------- */




/* ----------- Navigation Footer anfang ------------------ */

#footer-navigation 
{
	float:left;
	list-style-type:none;
	padding:0px 0px 9px 0px;
	margin: 0px 0px 0px 224px;
}
#footer-navigation li 
{
	float:left;
	list-style-type:none;
	background-image:none;
	line-height:15px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#footer-navigation li a 
{
	border:0px;
	color:#505050;
	font-size: 0.875rem;
	font-weight: 400;
	text-decoration:none;
	vertical-align:middle;
	margin: 0px 0px 0px 0px;
	padding:0px 8px 0px 8px;
	border-left:1px solid #cfcfcf;
}
#footer-navigation li a:link, #footer-navigation li a:visited 
{
	color:#505050;
	text-decoration:none;
}
#footer-navigation li a:focus, #footer-navigation li a:hover 
{
	color:#DD0000;
	text-decoration:none;
}

#footer-navigation li a.aktiv {
	color:#DD0000;
}
#footer-navigation li a.aktiv:link, #footer-navigation li a.aktiv:visited 
{
	color:#DD0000;
}
#footer-navigation li a.aktiv:focus, #footer-navigation li a.aktiv:hover 
{
	color:#DD0000;
}

#footer-navigation li.first a, #footer-navigation li.first a.aktiv 
{
	border:0px;
}


#copyright 
{
	float:right;
	width:auto;
	line-height:15px;
	margin:0px 20px 0px 0px;
	padding:0px;
	font-size: 0.875rem;
	color:#505050;
}

#copyright a, #copyright a:link, #copyright a:visited 
{
	font-size: 0.875rem;
	font-weight: 400;
	padding:0px;
	color:#505050;
	text-decoration:none;
}
#copyright a:focus, #copyright a:hover 
{
	color:#DD0000;
	text-decoration:none;
}

/* ----------- Navigation Footer ende -------------------- */



/* ----------- Go To Top anfang -------------------------- */

#gototop 
{
	display: block;
	z-index: 599;
	position: fixed;
	width: 40px;
	height: 40px;
	background-color: #DD0000;
	background-image: url('../images/icon-arrow-up.svg');
	background-size: 40px;
	background-position:center;
	background-repeat:no-repeat;
	line-height: 40px;
	text-align: center;
	top: auto;
	left: auto;
	right: 10px;
	bottom: 10px;
	cursor: pointer;
	border-radius: 0px;
	opacity: 0.0;
	-webkit-transition:opacity 0.4s ease-out, background-color 0.4s ease-out;
	-moz-transition:opacity 0.4s ease-out, background-color 0.4s ease-out;
	-o-transition:opacity 0.4s ease-out, background-color 0.4s ease-out;
	transition:opacity 0.4s ease-out, background-color 0.4s ease-out;
}

#gototop:hover 
{
	background-color: #505050;
}

/* ----------- Go To Top ende ---------------------------- */



/* ----------- Cookiebutton anfang ----------------------- */

#cookiebutton {
  display: block;
  position: fixed;
  background-color: rgba(255,255,255,0);
  background-image: url('../images/cookiebutton.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 40px;
  height: 40px;
  bottom: 10px;
  left: 10px;
  border-radius: 20px;
  text-align: left;
  text-indent: -9999px;
  z-index: 2;
  cursor: pointer;
}

/* ----------- Cookiebutton ende ------------------------- */



/* ----------- Spritpreise anfang ------------------------ */

h2.spritpreiseheader
{
	margin: 40px 0px 10px 25px;
}

#spritpreise
{
	width: 230px;
	background-color: #EEEFF1;
	padding:10px;
	margin: 0px 15px 10px 15px;
	line-height: 140%;
	font-size: 0.925rem;
}

#spritpreise td
{
	background-color: #111111;
	color: #FFFFFF;
	padding: 5px;
}

/* ----------- Spritpreise ende -------------------------- */



/* ----------- Allgemeine Definitionen anfang ------------ */

hr 
{
	margin: 0px 0px 0px 0px;
	padding:0px;
	border-top: 1px solid #D3D3D3;
}
* html hr 
{
	margin: 0px 0px 0px 0px;
	padding:0px;
	border:0px;
	border-top-width: 1px;
	border-top-style:solid;
	border-top-color:#D3D3D3;
}

.clr 
{
	clear:both;
}

.inv 
{
	clear:both;
	display:none;
	visibility:hidden;
}

iframe 
{
	border: 0;
}

img, .img 
{
	padding:0px;
	margin:0px;
	border:0px;
}

.img-fluid
{
	max-width: 100%;
	height: auto;
}

img.border, 
img.img-fluid.border 
{
	border:1px solid #EEEFF1;
}

.p-4 
{
	padding: 1.5rem !important;
}

.bg-grey 
{
	background-color:#EEEFF1;
}

.box-grey 
{
	position: relative;
	display: flex;
	flex-direction: column;
	background-color:#EEEFF1;
	height:100%;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

#kontakt.article div.row.bg-grey
{
	margin-left: 1.0rem;
}

#kontakt .row .col-6
{
	padding-right:0;
}

#kontakt .row .col-6 .figure img.img-fluid
{
	margin-bottom:0;
}


.ratio 
{
	position: relative;
	width: 100%;
}
.ratio::before 
{
	display: block;
	padding-top: var(--bs-aspect-ratio);
	content: "";
}
.ratio > * 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ratio-1x1 
{
	--bs-aspect-ratio: 100%;
}

.ratio-4x3 
{
	--bs-aspect-ratio: 75%;
}

.ratio-16x9 
{
	--bs-aspect-ratio: 56.25%;
}

.ratio-21x9 
{
	--bs-aspect-ratio: 42.8571428571%;
}

.ratio-1x1::before 
{
	padding-top: 100%;
}

.ratio-4by3::before 
{
	padding-top: 75%;
}

.ratio-16x9::before 
{
	padding-top: 56.25%;
}

.ratio-21x9::before 
{
	padding-top: 42.8571428571%;
}


/* ----------- Allgemeine Definitionen ende -------------- */



/* ----------- Text Definitionen anfang ------------------ */

h1, h2, h3, h4  
{
	color:#DD0000;
	font-family: 'Open Sans', sans-serif, Arial;
	line-height:110%;
	margin-bottom: 1.0rem;
	border:0px;
}

h1 
{
	font-size:1.75rem;
	font-weight: 400;
	margin-bottom: 1.5rem;
}

h2 
{
	font-size:1.25rem;
	font-weight: 600;
}

h2.regular 
{
	font-size:1.25rem;
	font-weight: 400;
}

h3 
{
	font-size:1.2rem;
	font-weight: 400;
}

h4 
{
	font-size:1.1rem;
	font-weight: 400;
}

ul 
{
 list-style-type:none;
 margin:0px 0px 0px 0px;
 padding:0px 0px 5px 0px;
 border:0px;
}

ul li
{
 padding:0px 0px 0px 16px;
 margin:5px 0px 0px 0px;
 text-align:left;
 border:0px;
}

ul.list li, 
#main ul.list li
{
 background-image:url('../images/listenpunkt.gif');
 background-repeat:no-repeat;
 background-position:0px 10px;
 padding:0px 0px 0px 16px;
 margin:5px 0px 0px 0px;
 text-align:left;
 border:0px;
}

p 
{
 margin-bottom:1.0em;
}

a, a:link, a:visited, a:active 
{
 color:#DD0000;
 text-decoration:none;
}
a:focus, a:hover 
{
 color:#DD0000;
 text-decoration:underline;
}

b, strong 
{
 font-weight: 600;
}

/* ----------- Allgemeine Definitionen ende -------------- */





/* ----------- Responsive Darstellung anfang ------------- */

@media (max-width: 1199.98px) {

	#header 
	{
		height:322px;
		overflow: hidden;
	}

	#headerimg 
	{
		position:absolute;
		top:61px;
		left:211px;
		width: 869px;
		height: 261px;
	}

	#tel, a#tel 
	{
		margin-right:20px;
	}

	#aside 
	{
		background-image:url('../images/hg-aside.png');
		background-repeat:no-repeat;
		background-position:top left;
		width: 217px;
		min-height:276px;
	}

	#spritpreise
	{
		width: 180px;
		font-size: 0.75rem;
	}

	#main 
	{
		float:left;
		width: 787px;
		min-height:230px;
		padding:36px 20px 10px 16px;
	}

	#nav 
	{
		top:61px;
		background-color:transparent;
		background-image:url('../images/hg-nav.png');
		background-repeat:repeat-y;
		background-position:top left;
		width: 217px;
		height: auto;
		min-height: 219px;
	}

	#nav ul 
	{
		width:190px;
		padding:0px 0px 45px 0px;
		margin: 19px 0px 0px 11px;
	}

	#nav ul li 
	{
		background-image:url('../images/hg-navi-e1.png');
		background-repeat:no-repeat;
		background-position:bottom left;
		background-size:190px 35px;
	}

	#nav ul li.aktiv 
	{
		background-image:url('../images/hg-navi-e1-aktiv.png');
		background-repeat:no-repeat;
		background-position:bottom left;
	}

	h1 
	{
		font-size: 1.5rem;
    margin-bottom: 1.5rem;
	}

	h2 
	{
		font-size:1.1rem;
		margin-bottom: 0.75rem;
	}

	h2.regular 
	{
		font-size:1.1rem;
		margin-bottom: 0.75rem;
	}

	h3 
	{
		font-size:1.1rem;
		margin-bottom: 0.75rem;
	}

}

@media (max-width: 1099.98px) {
	
	#main {
		width: 687px;
	}

}



@media (max-width: 991.98px) {

	html, body 
	{
		background-image: none;
	}

	#wrap 
	{
		width:100%;
	}

	#header 
	{
		background-color: #FFFFFF;
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding:0px;
		padding-bottom: 65px;
	}
	#header-content 
	{
		background-color: #FFFFFF;
		min-height: 65px;
		display: block;
		width: 100%;
		position: fixed;
		z-index: 1;
	}

	#headerimg 
	{
		position: relative;
		top: 65px;
		left: 0px;
		width: 100%;
		height: auto;
	}

	#logo 
	{
		position: fixed;
		top: 10px;
		z-index: 2;
	}

	#tel, a#tel 
	{
		margin-right: 80px;
	}

	.nav-toggle
	{
		-webkit-touch-callout:none;
		-webkit-user-select:none;
		-moz-user-select:none;
		-ms-user-select:none;
		user-select:none;
		width:50px;
		height:50px;
		position:fixed;
		top:5px;
		right:7px;
		text-indent:-9999px;
		overflow:hidden;
		background:#18612C url("../images/hamburger.gif") no-repeat 50% 50%;
		z-index: 10;
	}

	#nav 
	{
		top: 0px;
		background-color:#FFFFFF;
		background-image:none;
		width:100%;
		height: auto;
		min-height: auto;
		clear:both;
		float:none;
		padding:0px 0px 0px 0px;
	}

	#nav.opened
	{
		margin-top:0px;
		padding-bottom:0px;
	}

	#nav > ul.menu
	{
		display:block;
		width:100%;
		padding-bottom:10px;
		margin:0;
		border:0px;
		border-bottom:1px solid #DD0000;
		background-color:#FFFFFF;
		position:fixed;
		top:65px;
		z-index:1;
	}
	#nav ul.menu li,
	#nav ul li.aktiv
	{
		background-image:none;
	}

	#nav ul.menu li a.normal, 
	#nav ul.menu li a.normal:link, 
	#nav ul.menu li a.normal:visited, 
	#nav ul.menu li a.aktiv, 
	#nav ul.menu li a.aktiv:link, 
	#nav ul.menu li a.aktiv:visited, 
	#nav ul.menu li ul.sub-menu, 
	#nav ul.menu li.has-sub ul.sub-menu,
	#nav ul.menu li.has-sub, 
	#nav ul.menu li.has-sub ul.sub-menu li
	#nav ul.menu li.has-sub ul.sub-menu li a.subnormal, 
	#nav ul.menu li.has-sub ul.sub-menu li a.subnormal:link, 
	#nav ul.menu li.has-sub ul.sub-menu li a.subnormal:visited,
	#nav ul.menu li.has-sub ul.sub-menu li a.subaktiv, 
	#nav ul.menu li.has-sub ul.sub-menu li a.subaktiv:link, 
	#nav ul.menu li.has-sub ul.sub-menu li a.subaktiv:visited 
	{
		text-align:center;
		border-right:0px;
		padding-right:0px;
		padding-left:0px;
	}

	#nav.opened > ul.menu > li > a.normal, 
	#nav.opened > ul.menu > li > a.aktiv
	{
		text-align:center;
		border:0px;
		border-top:1px solid #CCCCCC;
		margin:0px;
		padding: 8px 0 8px 0;
	}

	#nav.opened > ul.menu > li.has-sub > ul.sub-menu > li > a.subnormal, 
	#nav.opened > ul.menu > li.has-sub > ul.sub-menu > li > a.subaktiv
	{
		text-align:center;
		border:0px;
		border-top:1px solid #CCCCCC;
		margin:0px;
		padding: 6px 0 6px 0;
	}

	#aside 
	{
		order: 2 !important;
		clear:both;
		float:none;
		width: 100%;
		min-height:unset;
		background-image: none;
		padding:0px 15px 10px 15px;
	}
	
	#aside .vcard 
	{
		margin: 0px 15px 15px 15px;
	}

	#main 
	{
		order: 1 !important;
		float:none;
		width: 100%;
		min-height:unset;
		padding:30px 30px 10px 30px;
	}

	#footer
	{
		height: auto;
		text-align: center;
	}

	#footer-navigation 
	{
		width: 100%;
		float: none;
		font-size: 0.875rem;
		text-align: center;
		margin: 0px auto;
	}

	#footer-navigation li 
	{
		float: none;
		text-align: center;
		line-height: unset;
		margin: 0px 0px 10px 0px;
	}

	#footer-navigation li a 
	{
		border: 0px;
	}

	#copyright 
	{
		float: none;
		width: auto;
		line-height: normal;
		margin: 0px auto;
		padding: 0px;
		font-size: 0.875rem;
		color: #505050;
		text-align: center;
	}

}



@media (max-width: 767.98px) {

	#main 
	{
		padding: 30px 15px 10px 15px;
	}

	#main .row.article .col-1,
	#main .row.article .col-2,
	#main .row.article .col-3,
	#main .row.article .col-4,
	#main .row.article .col-5,
	#main .row.article .col-6,
	#main .row.article .col-7,
	#main .row.article .col-8,
	#main .row.article .col-9,
	#main .row.article .col-10,
	#main .row.article .col-11,
	#main .row.article .col-12
	{
		flex: 0 0 auto;
		width: 100%;
		margin-bottom: 1.5rem;
	}

	#kontakt.article div.row.bg-grey
	{
		margin-left: calc(-0.5 * 1.5rem);
	}

	#kontakt .row .col-6
	{
		flex: 0 0 auto;
		width: 100%;
		margin-bottom: 1.5rem;
	}

	#aside .vcard 
	{
		margin: 0px 0px 15px 0px;
	}

	h2.spritpreiseheader {
		margin: 40px 0px 10px 10px;
	}

	#spritpreise
	{
		width: 230px;
		font-size: 0.925rem;
		margin: 0px 0px 10px 0px;
	}

	h1 
	{
		font-size: 1.75rem;
	}

	h2, 
	h2.regular 
	{
		font-size:1.3rem;
	}

	h3 
	{
		font-size:1.2rem;
	}

	h4, 
	h4.regular 
	{
		font-size:1.1rem;
	}

	#copyright a, 
	#copyright a:link, 
	#copyright a:visited 
	{
		font-size: 0.75rem;
	}

}


@media (max-width: 419.98px) {

	#tel, a#tel 
	{
		display:none;
	}

}

@media screen and (-webkit-min-device-pixel-ratio:1.3),screen and (min--moz-device-pixel-ratio:1.3),screen and (-o-min-device-pixel-ratio:2 / 1),screen and (min-device-pixel-ratio:1.3),screen and (min-resolution:192dpi),screen and (min-resolution:2dppx)
{
	.nav-toggle
	{
		background-image:url("../images/hamburger-retina.gif");
		-webkit-background-size:100px 100px;
		-moz-background-size:100px 100px;
		-o-background-size:100px 100px;
		background-size:100px 100px
	}
}

@media only screen and (min-device-width:375px) and (max-device-width:736px) and (orientation: landscape)
{
	#nav > ul.menu 
	{
		height:300px;
		overflow-y:scroll;
	}
}
@media screen and (device-width:360px) and (device-height:640px) and (orientation: landscape)
{
	#nav > ul.menu 
	{
		height:300px;
		overflow-y:scroll;
	}
}

/* ----------- Responsive Darstellung ende --------------- */