/* Import mmenu.css */ @import url('mmenu.css'); 
/* Import fonts.css (inkl. icons.css) */ @import url('fonts.css'); 
/* Import creatix22.css (inkl. demo.css) */ @import url('creatix22.css'); 

/* All CSS files above will be loaded from  this single document. */
   
  
/* Styles Teppich-Exclusiv  */
html, body {font-size: 16px; height: 100%; width: 100% !important; color: #03001C; font-family: 'Sen', sans-serif; background-color: #fff;}
	@media screen and (max-width: 768px) 
		{body {background-image: none; background-color: #fff } }


/* General Styles */
h1, h2, h3, h4, h5, h6 {font-family: 'Pathway Gothic One'; line-height: 1.3; margin-bottom: 0.6em;color: #323232; }
h3 {font-size: 19px; font-weight: 500; }
p, ul, ol, dl {font-weight: 400; line-height: 1.5; margin: 0 0 0.6em 0 ;}
menu, ol, ul {padding-left: 20px;}
b, strong {font-weight: bold; opacity: .85}
i, em {font-style: italic;}

a {text-decoration: none; color: #47599a;}
#article a:hover {color: #C64F29;}
a:hover,a:focus {text-decoration: none;outline: 0;}
#container a:hover,#container a:focus {color: #0d0165; }


/* GENERAL SETTINGS and GRID */
#container {margin: 0 auto; max-width: 1200px; min-height: 620px; background-color: #fff; padding-bottom: 30px; }
#container header img.desktop-only {padding-bottom: 20px}
#container header img.mobile-only {padding-bottom: 20px}
img#claim {padding:  0px 20px 20px 0}
#container h1 {font-size: 40px;line-height: 1em; padding-bottom: 10px; width: 100%;}
#container h2, #container h3 {text-transform: uppercase; }
#container h2{font-size: 22px; margin-top: -3px; font-size: 26px;  }
#container h3 {margin-top: 20px; margin-bottom: 15px;font-size: 22px; text-align: center; }


#container p+h2, #container ul+h2{margin-top: 15px; }
#container h3.bottom, #container div.box+h3 {margin: 30px 0;}






#article {padding-top: 0;}
#article header {margin-bottom: 20px;}
article p, article ul {margin-right: 30px;}

dt{font-weight: bold;}
@media screen and (max-width: 768px) {dt {padding-top: 12px;} }
@media screen and (min-width: 768px) {
		dt, dd {float: left; margin-bottom: 8px;}
	dt{clear: left; font-weight: bold; width: 25%; }
	dd{width: 68%; }
}

/* Navigation links */
div#nav  {padding: 0; }
div#nav img {margin-left: 20px;padding-right: 10px; max-width: 155px;}
#menu {padding: 50px 0 15px 0; height: 100%; min-height: 620px; }
.nav h3 {display:none;}
#menu>ul>li {background: url(../bilder/hg-nav.gif) left top no-repeat; 
list-style-type: none; display: block; min-height: 35px;width: 145px; padding: 5px 0 0 20px; margin-bottom: 10px;
border: 1px solid silver;}
#menu ul ul#nav2 {margin-top: 5px;margin-left: -19px;}
#menu ul ul#nav2 li {list-style-type: none;  font-size: 80%; line-height: 100%; padding-bottom: 5px; border: 0;}
#menu li.aktiv {background: url(../bilder/hg-nav_akt.gif) left top no-repeat;}
#menu li.aktiv2 {list-style-image: url(../bilder/hg-nav_akt2.gif); list-style-position: outside;}
#menu a {color: #1a1065;;}
#menu a.aktiv, .nav li.aktiv2>a{color: #47599a;}
#menu li a:hover {color: #323232;text-decoration: none;}

/* Aside rechts */
#aside {height: 100%; min-height: 620px; padding: 200px 0 0 10px;}
#aside img+p {padding-top: 25px}
#aside p {font-size: 14px; line-height: 1.3em; white-space: nowrap}
@media screen and (max-width: 1050px) {div#content div#aside  {display: none !important; } }

/* Aside rechts */
#footer {clear: both; padding: 20px; width:100%;  text-align: center; margin-top: -10px;}
#footer a {color: #03001C;}

@media screen and (max-width: 1050px) {#footer  {padding-top: 30px;} }
@media screen and (max-width: 768px)  {#footer a{border-bottom: 1px dotted #fff;} }
 
p>span.itc {font-family:'Pathway Gothic One', sans-serif;line-height: 15px;}
.servicelinks {border: 1px dotted silver; padding:5px 0 0 10px; margin: 22px 30px 25px 0;background-color: #f3f3f3}
.text-left {text-align: left;}
.text-center {text-align: center;}

.text-right {text-align: right;}
.img-rounded {border-radius: 6px;}
.img-circle {border-radius: 50%;}
.lead {margin-bottom:10px; font-size: 120%;  line-height: 1.4em; }
.clear {clear: left;}


div.box {margin-top: 20px;  }	
div#article div.box img, div#article video {border: 1px solid #ccc; margin: 5px 10px 5px 0px; padding: 11px }


ul#lightGallery { margin-left: -30px !important;}
ul#lightGallery li{display: inline-block; padding: 10px 11px 6px 11px;border: 1px solid #ccc;margin: 6px}
@media screen and (max-width: 768px) {
	ul#lightGallery {margin-left: -26px;  }}
#container h1>i { font-family: 'Pathway Gothic One'; font-style:normal;font-weight: 700; font-size: 54px;color: #959595; letter-spacing: -0.07em;}
@media screen and (min-width: 768px) {
	ul#lightGallery li.push-9, .push-9 {margin-left:9px !important}
	ul#lightGallery li.push-12, .push-12 {margin-left:12px !important}
	ul#lightGallery li.push-20, .push-20 {margin-left:20px !important}
	ul#lightGallery li.push-30, .push-30 {margin-left:30px !important}
	ul#lightGallery li.push-45, .push-45 {margin-left:45px !important}}

@media screen and (max-width: 1050px) and (min-width: 768px) {
		#article.col-8 {width: 83.3333%; } 
		 #article.left-2 {padding-left: 60px;} 
		 div#nav.right-8 {right: 83.3333%;}
		}
		
@media screen and (max-width: 768px) {
		#article.col-8 {width: 100%;} 
		#article.left-2 {left: 0;  padding-left: 30px;} 
		}

#header h1 {color: #fff;}

#mobilenav-container a {color: #fff; display: block; float: right; padding: 5px;}
#mobilenav-container a {color: #fff; text-decoration: none;}
.mm-navbars_bottom {margin-bottom: 20px;}
.besonders-nachhaltig {color: #3D611B; border: 1px solid #3D611B; padding: 0 3px; margin-left: 5px;}

span.service {color: #ff6633; padding-left: 10px; }
ul li a>span.service {color: #ff6633; padding-left: 10px; }

.nobr {white-space: nowrap;}



/* Anpassungen 2023 */
h1 span.corona a, h1 span.corona a#coronatel {margin-right: 0; }
a:focus {outline: thin solid #6F0202; }



#container span.corona a {font-weight: bolder; background-color: yellow}
#container span.call24-7 a {font-weight: bolder; color: #ef683d}