	@charset "utf-8";
	#copyright ul li a,#hotline a,a
{
	text-decoration:none
}
	@font-face
{
	font-family:fontello;
	src:url(font/fontello.eot?66028574);
	src:url(font/fontello.eot?66028574#iefix) format('embedded-opentype'),url(font/fontello.woff2?66028574) format('woff2'),url(font/fontello.woff?66028574) format('woff'),url(font/fontello.ttf?66028574) format('truetype'),url(font/fontello.svg?66028574#fontello) format('svg');
	font-weight:400;
	font-style:normal
}
	@media screen and (-webkit-min-device-pixel-ratio:0)
{
	@font-face
{
	font-family:fontello;
	src:url(../font/fontello.svg?66028574#fontello) format('svg')
}

}
	[class*=" icon-"]:before,[class^=icon-]:before
{
	font-family:fontello;
	font-style:normal;
	font-weight:400;
	speak:none;
	display:inline-block;
	text-decoration:inherit;
	width:1em;
	margin-right:-.05em;
	text-align:center;
	font-variant:normal;
	text-transform:none;
	line-height:1em;
	margin-left:.2em;
	font-size:100%;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
	#hotline,.textRight
{
	text-align:right
}
.icon-ok:before
{
	content:'\e800'
}
.icon-phone-squared:before
{
	content:'\f098';
	margin-right:.03em
}
	*
{
	margin:0;
	padding:0;
	border:none
}
.clearfix
{
	clear:both
}
	body
{
	font-family:helvetica,sans-serif;
	font-size:1rem;
	font-weight:400;
	color:#0b4444;
	overflow-x:hidden;
	background:#fff
}
	#wrapper
{
	position:relative;
	width:850px;
	min-height:100%;
	margin:0 auto;
	background-color:#fff;
	box-sizing:border-box;
	padding:0 1em
}
	p
{
	line-height:1.5em
}
	#logoWrapper a span,#logoWrapper a span.slogan
{
	line-height:.6em;
	display:block
}
	header
{
	margin-bottom:2em
}
	#normalNav
{
	border-bottom:5px solid;
	font-size:.95rem
}
	#normalNav ul
{
	position:relative;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	flex-direction:row;
	-webkit-flex-wrap:nowrap;
	flex-wrap:nowrap;
	-webkit-justify-content:space-around;
	justify-content:space-around;
	-webkit-align-items:stretch;
	align-items:stretch;
	width:100%;
	letter-spacing:.06em
}
	#normalNav a,#normalNav ul li
{
	color:#fff;
	box-sizing:border-box;
	padding:10px 0
}
	#normalNav ul li ul li
{
	background-color:#333;
	display:block;
	box-sizing:border-box;
	padding:10px;
	border-bottom:1px solid #505050
}
.dreierbox,.dreierboxAside
{
	background-color:#f9f6f6;
	box-sizing:border-box
}
	#normalNav ul ul
{
	display:none
}
	#normalNav ul li:hover>ul
{
	display:block;
	position:absolute;
	width:auto;
	box-sizing:border-box;
	padding-top:1em;
	z-index:1000
}
	#normalNav ul li:hover>a
{
	color:#fff
}
	#logoWrapper
{
	float:left;
	box-sizing:border-box;
	padding:20px 25px 5px 0;
	width:330px
}
	#logoWrapper a
{
	color:#a56e2d;
	font-size:1.7em;
	letter-spacing:-.025em
}
	#logoWrapper img
{
	display:inline-block;
	margin-left:-5px
}
	#logoWrapper #logoText
{
	margin:5px 0 0 60px;
	position:absolute;
	display:inline-block;
}
	#logoWrapper a span.slogan
{
	font-size:.95rem;
	letter-spacing:0;
	padding-top:2px
}
	#dreierboxWrapper,footer
{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex
}
	#hotline
{
	float:right;
	box-sizing:border-box;
	padding:28px 0 13px 25px;
	width:320px
}
	#hotline a
{
	font-size:1.7rem;
	letter-spacing:-.5px;
	line-height:1em
}
	#hotline span
{
	display:block;
	font-size:.95rem
}
	#banner img
{
	width:100%
}
.video
{
	width:100%!important;
	height:auto!important;
	margin:1.5rem 0
}
	#dreierboxWrapper
{
	position:relative;
	display:flex;
	flex-direction:row;
	-webkit-flex-wrap:nowrap;
	flex-wrap:nowrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-align-items:stretch;
	align-items:stretch;
	width:100%;
	margin-top:0;
	padding-top:1.4em;
	line-height:1.5em
}
.dreierbox
{
	padding:10px 16px;
	width:31%
}
.dreierboxAside
{
	padding:16px;
	width:100%;
	line-height:1.5em;
	margin-bottom:20px;
	font-size:.95rem
}
.dreierboxAside img
{
	width:100%;
	height:100%
}
.dreierboxAside.badhomburger-karte
{
	background:#f9f6f6
}
	section h2
{
	font-size:1rem;
	font-weight:700;
	margin-bottom:2px;
	margin-top:2px
}
	table
{
	margin:.7em 0;
	font-size:.95rem
}
.dreierbox ul.check li,aside ul.check li
{
	padding-left:20px
}
	aside ul.check
{
	margin:1em 0 .5em
}
.dreierbox ul.check li:before,aside ul.check li:before
{
	position:absolute;
	content:"\e800";
	font-family:fontello;
	margin-left:-20px;
	line-height:1.5em
}
	#preise2
{
	display:none
}
.dreierbox h3
{
	font-weight:700;
	color:#048989;
	font-size:1.15em
}
.dreierbox p,.dreierbox ul li
{
	font-size:.9rem
}
	#mobilNavOpenWrapper
{
	background-color:#2b9b34;
	border-bottom:5px solid #d0cfcd;
	box-sizing:border-box;
	color:#fff;
	display:none;
	margin-bottom:.25em;
	padding:1em .5em
}
	#mobilNavOpen
{
	cursor:pointer;
	display:none;
	font-size:130%;
	font-weight:700;
	color:#fff
}
	#mobilNavOpen span
{
	font-size:70%;
	font-weight:400;
	margin-left:1em
}
	h1,h2,h3,h4,h5,h6
{
	font-weight:400;
	margin-bottom:.5em;
	font-size:1.4rem;
	color:#9a6523
}
.akzent
{
	font-weight:400;
	font-size:1.1rem;
	margin-bottom:.5rem
}
.h3-text
{
	color:#444;
	font-weight:700;
	margin-bottom:.5em
}
	p.titles
{
	font-size:1rem;
	font-weight:700;
	line-height:1.6em;
	color:#a82e1f
}
	a
{
	color:#474747;
	outline:0
}
	a:active,a:focus,a:hover
{
	color:#f60
}
.orange,a.orange,a:link.orange,a:visited.orange
{
	color:#f60;
	font-weight:700;
	border-bottom:1px dotted #f60
}
	a:active.orange,a:focus.orange,a:hover.orange
{
	color:#474747
}
	#copyright ul li,#copyright ul li a:link,#copyright ul li a:visited,footer a:link,footer a:visited
{
	color:#666
}
	#copyright ul li a:active,#copyright ul li a:focus,#copyright ul li a:hover,footer a:active,footer a:focus,footer a:hover
{
	color:#1e41b1
}
	article p
{
	margin-bottom:1em;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	hyphens:auto
}
.responsiveImg
{
	width:100%;
	height:auto
}
	ul
{
	list-style-type:none
}
	article
{
	float:left;
	width:65%;
	margin-top:0;
	background-color:#fff;
	font-size:.95rem
}
	article ul
{
	line-height:1.6em;
	padding-bottom:2em;
	margin-top:-5px
}
	article ul li
{
	border-bottom:1px solid #ddd;
	padding:.5em 0;
	margin-left:1.39em;
	list-style:none
}
	article ul li:before
{
	position:absolute;
	content:'\e800';
	font-family:fontello;
	font-weight:100;
	height:20px;
	margin-left:-22px;
	line-height:1.6em
}
	aside
{
	margin-top:10px;
	float:right;
	box-sizing:border-box;
	width:31%
}
	td
{
	padding:.5em 1em
}
.footerHeadline,.halfContent
{
	padding:2em;
	box-sizing:border-box
}
.preise tr:nth-child(odd)
{
	background:#e0e0e1
}
.preise tr:nth-child(even)
{
	background:#fff
}
	#copyright,footer
{
	background-color:#f7f7f7
}
	table
{
	width:100%;
	background-color:transparent;
	border-collapse:collapse;
	border-spacing:0;
	display:table
}
	footer
{
	position:relative;
	display:flex;
	flex-direction:row;
	-webkit-flex-wrap:nowrap;
	flex-wrap:nowrap;
	-webkit-justify-content:space-around;
	justify-content:space-around;
	-webkit-align-items:stretch;
	align-items:stretch;
	width:100%;
	margin:2em 0 1em
}
.halfContent
{
	width:28%
}
.halfContent ul li a
{
	line-height:2em;
	border-bottom:1px dotted #aaa
}
	#copyright
{
	width:100%;
	text-align:center;
	margin:1em 0
}
	#copyright ul li
{
	display:inline-block;
	box-sizing:border-box;
	padding:1em
}
	#copyright ul li:after
{
	content:"";
	border-right:1px solid #aaa;
	margin-left:2em
}
	#copyright ul li:last-child:after
{
	border:none;
	margin-left:0
}
	#copyright ul li a
{
	color:#666;
	outline:0;
	box-sizing:border-box;
	border-bottom:1px dotted #aaa
}
.video-container
{
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden
}
.video-container embed,.video-container iframe,.video-container object
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.f1
{
	color:#179508
}
.f2
{
	color:#2d2d2d
}
.f3
{
	background-color:#2b9b34
}
.f4
{
	color:#92f786
}
	// .dreierbox
{
	border-bottom:6px solid red
}
.dreierbox ul.check li:before,aside ul.check li:before
{
	color:#bbbaba
}
.dreierbox
{
	border-bottom:6px solid #eae8e8
}
.f5,article ul li:before
{
	color:#179508
}
	@media screen and (max-width:850px)
{
	#dreierboxWrapper,article,aside
{
	box-sizing:border-box
}
	#wrapper,table
{
	width:100%
}
	#wrapper
{
	padding:0
}
	header
{
	margin:0
}
	#logoWrapper
{
	padding-left:2em
}
	#hotline
{
	padding-right:2em;
	width:auto
}
	#hotline a,#logoWrapper #logoText
{
	font-size:1.4rem
}
	#hotline span,#logoWrapper a span.slogan,table
{
	font-size:.8rem
}
	#dreierboxWrapper
{
	padding:1em 1em 0
}
	article
{
	padding:2em 1em 1em 1.4em;
	width:65%
}
	aside
{
	padding:0 1em 1em 1.5em;
	margin-top:2rem;
	width:35%
}
	#normalNav ul li
{
	font-size:.85rem
}
	#copyright ul li:after
{
	border:none;
	margin-left:0
}
	#copyright ul li:last-child
{
	display:block
}

}
	@media screen and (max-width:725px)
{
	#hotline,#logoWrapper
{
	float:none;
	text-align:center;
	width:100%;
	box-sizing:border-box
}
	#hotline,#logoWrapper,#normalNav ul li
{
	box-sizing:border-box
}
	h1,h2,h3,h4,h5,h6
{
	font-size:1.4rem
}
	#service-list
{
	margin-bottom:15px
}
	#service-list ul li
{
	font-size:1rem;
	font-weight:700;
	line-height:1.5em;
	padding-left:20px
}
.f5
{
	color:#fff
}
	ul.arrowRight li:before
{
	line-height:1.4em;
	margin-left:-20px
}
	#mobilNavOpenWrapper
{
	display:block
}
	#mobilNavOpen
{
	display:inline;
	font-size:130%;
	font-weight:700
}
	#normalNav
{
	position:fixed;
	top:0;
	left:-240px;
	z-index:-1000;
	width:240px;
	overflow-y:auto;
	height:100%;
	min-height:100%;
	background-color:#2b9b34;
	border-right:1px solid #c694a1
}
	#normalNav ul
{
	-webkit-flex-direction:column;
	flex-direction:column;
	-webkit-flex-wrap:nowrap;
	flex-wrap:nowrap;
	-webkit-justify-content:space-around;
	justify-content:space-around;
	-webkit-align-items:stretch;
	align-items:stretch;
	width:100%
}
	#normalNav ul li
{
	font-size:.9rem;
	border-bottom:1px solid #999a9e;
	padding:0
}
	#normalNav ul li a
{
	display:block;
	padding:1em 2em
}
	#normalNav ul li:hover>ul
{
	box-shadow:none;
	display:block;
	position:relative;
	padding:0
}
	#normalNav ul li>ul li
{
	background-color:#333;
	display:block;
	box-sizing:border-box;
	padding:0 0 0 1.5em
}
	#normalNav ul li>ul li:last-Child
{
	border:none
}
	#home #homeNav,#normalNav ul li .active
{
	background-image:none;
	
}
	#logoWrapper
{
	margin:-3.8em auto 0;
	padding:0 0 0 5px
}
	#logoWrapper img
{
	display:none
}
	#logoWrapper a
{
	font-size:1.2rem;
	letter-spacing:0;
	color:#fff
}
	#logoWrapper a span.slogan
{
	font-size:.8rem;
	color:#fff
}
	#logoWrapper #logoText
{
	display:inline-block;
	position:relative;
	margin-top:3px;
	font-size:1.3rem;
	margin:5px 0 0 5px;
}
	#hotline
{
	margin:23px 0 8px;
	padding:0 1em
}
.dreierbox
{
	font-size:.9rem
}
	article
{
	width:65%;
	padding:2em 1em 1em
}
	aside
{
	width:35%
}
	footer
{
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap
}
.halfContent
{
	padding:0 1em 2em
}
.footerHeadline
{
	display:block;
	width:100%;
	padding:1em 2em
}

}
	@media screen and (max-width:650px)
{
	#wrapper
{
	padding:0
}
	#dreierboxWrapper
{
	-webkit-flex-direction:column;
	flex-direction:column
}
.dreierbox
{
	width:100%;
	margin-bottom:1.1em;
	font-size:1rem
}
	#preise.dreierboxAside li
{
	list-style:none;
	margin-left:1em;
	font-size:2rem
}
	aside,table
{
	width:100%;
	font-size:1rem
}
	#preise
{
	display:none
}
	#preise2
{
	display:block
}
	#preise2.dreierboxAside ul
{
	list-style:none;
	padding-bottom:0
}
	article
{
	float:none;
	width:100%;
	padding-top:20px;
}
	aside
{
	float:none;
	margin-top:0;
	padding:0 1em 1em
}
.centerMobileWrapper
{
	text-align:center
}
.centerMobile
{
	width:50%!important
}

}
	@media screen and (max-width:500px)
{
.footerHeadline
{
	padding:2em 2em 1em!important
}
.halfContent
{
	display:block;
	width:100%;
	padding:0 2em
}
	#copyright ul li
{
	padding:.5em
}
	#service-list ul li
{
	font-size:.8rem;
	line-height:1.5em;
	padding-left:15px
}
	ul.arrowRight li:before
{
	line-height:1.5em;
	margin-left:-15px
}

}
	@media screen and (max-width:390px)
{
	#hotline span
{
	font-size:.9rem
}
	#logoWrapper #logoText
{
	font-size:1.1rem;
	margin-top:5px
	margin:5px 0 0 60px;
}
	#logoWrapper a span.slogan
{
	font-size:.7rem
}
.centerMobileWrapper
{
	text-align:left
}
.centerMobile
{
	width:100%!important
}

}

