@charset "utf-8";
/* CSS Document 
	Datei: frontend.css
	(c) Grimm EDV Systeme Bernburg 2016 
	
	orange:  #016328
	grau:    #6c767c
	schwarz: #06131e
	weiss:   #FFFFFF
*/
body, html{padding:0; margin:0}
body{font-size:16px;font-family:sans-serif, Arial, Helvetica;color: #4d4d4d;line-height:1.3;background-color: #6c767c;text-align:left;}
a, .firma, h1, h2, h3, h4, h5, h6, h7{text-transform:uppercase; letter-spacing:0.1em}
.bilder h3{clear:both;width:100%;text-align: center;margin-bottom: 2rem;}
.bilder h3, .card-columns-text {padding: 0.5rem 0;border-radius: 0.5rem;}
p{margin:0 0 12px 0;}
h1{font-size:1.6em}
h2{font-size:1.3em}
h3{font-size:1.1em}
h4, h5, h6, h7{font-size:1.0em}
section{padding:50px 0}
section.no-padding{padding:0}
img{width:100%; height:auto}
#container{margin:0; padding:0;position:relative}
#headerNavbar{z-index:2500;}
.white{background-color:#fff;}
.article-summary-image{float:left; margin:0 1em 1em 0}
.article-summary-text ul{margin: 0 0 1em 0;vertical-align: top;width: 50%;}
.article-summary-text ul, .image-td{display: inline-block;}
.bilder{width:90%; margin:auto}
ul a{text-transform:none}
dt{margin-left:2em; list-style-type:circle;}
.float_ul{display: inline-block;}
.float_ul ul{margin-left: 60px;vertical-align:top;padding:0;}
.float_ul li{clear: none !important;}
.float_ul li p{text-align:left; text-indent:0}
.container{width:960px;margin:0 auto;position:relative;display: block;clear: both;z-index: 10;}
.container .container{width:auto;}
.teaser-col-space {width: 10px;float: left;display: block;height: 12px;}
.spaceBeforeCP{display:block; clear:both}
.col{float:left; margin:0.5em}
.col.last{float:right;margin-right:0}
.col.first{margin-left:0}
.col div{clear:both;width: 100%;}
.contact span{display:block;width: 30px;float: left;}
.cols-1,.block, .profil{border:solid 1px transparent}
.cols-1,.block, .profil, .block form{width:322px; }
.cols-2, .index .article-summary-text{width:636px;float: left;}
.light, .profil{background-color: #016328;}
.profil h3{color:#fff;font-size: 1.6rem;}
.contactform, .profil{border: solid 1px #016328;border-radius:3px;background:#fff; background: rgba(255, 255, 255, 0.73);padding: 0;}
.contactform{float: right;margin: 0 0 1em;position: relative;overflow: hidden;}
.contactform form{margin:0; vertical-align:top;border: none;}
.card-deck{width:100%; margin:30px 0;}
.card-deck .image-td .card-img-top img, .card-deck .image-td{width:100%; height:auto}
.card-columns-text{padding-top:15px; margin-bottom:15px} 
.member .card-header{position:absolute;bottom:0;z-index:400;background-color: rgba(255,255,255,0.9);width: 100%;}
.datum{font-size:0.6em; font-weight:normal; float:right}
.form-cols-2.block.contactform{border:none;padding:0;width: 100%;}
.block .blockheader-3, .block .blockheader-4, .contactform input[type="submit"], .profil h3, .profil .card-header{background-color: #016328;text-transform: uppercase;}
.dark{background: #016328;color: #fff;}
.footerAdress h3, #mainSlider h3{display:none}
.form-type-break{border-bottom: dotted 1px #016328; margin:0.5em 0;clear: both;}
.blockheader-3, h3{font-size:1.2em}
.block .blockheader-3, .block .blockheader-4, .form-field{margin:0;padding: 12px;}
.form-type-breaktext.no-label{padding:0}
.block .blockheader-3 p, .block .blockheader-4 p {margin:0}
.hidden{display:none}
.name, .contact, .konto, .name p, .contact p, .konto p{font-size:12px; margin:2px 0}
.name p, .contact p, .konto p{display:inline-block}
.contact{float:right;}
.contact div{float: left;}
.konto{clear:both; width:100%;}
.imageEntry{float:left}
.image-left{margin-right:1em}
.label{width: 150px; float:left}
.profil{margin:0 24px 24px 0;float: left;position:relative;}
.profil .image-with-text{display:block; height:250px}
.profil p{margin: 0.5rem 0;padding:3px 24px;font-size: 1.2rem;}
.profil .label, .profil .input{display:inline-block;font-size:0.8em}
.profil .label{font-weight:bold; width:60px}
.profil{box-shadow: 0 2px 2px #7d7a7a}
.profil img{width:100%;height:auto;border: none !important;padding: 0 !important;}
.inner-profil{position:absolute;bottom:0;width: 100%;background: #fff;}
.teaser{float:left}
.teaser-date{float:right; width:auto;margin-left:1em;padding:3px 6px; font-size:0.8rem;border: solid 1px #4BBE1E;border-radius: 3px;background: #E2E2E2;display: none;}
.teaser-entry{height: 250px;margin-left: 12px;padding:6px;}
.teaser-entry, #losung .entry{border: solid 1px #4BBE1E;  border-radius:3px;background: #E2E2E2;position:relative;margin-bottom: 12px;overflow: hidden;}
.teaser-entry{width: 298px;float:left}
.teaser-subline{bottom:0;position: absolute;margin: 0 -6px;width: 312px;}
.teaser-subline div{clear:both; font-size:0.9em;display:inline-block;width: 312px;}
.teaser-subline h3, .teaser-subline h4, #losung h3{margin:0}
.teaser-subline .teaser-date{width:auto; font-size:0.8em}
.teaser-subline .teaser-headline, .LTitle{background: #016328;background: rgb(238, 130, 1);}
.teaser-subline .teaser-headline, .LTitle, .teaser-subline .teaser-headline a, .LTitle a{color: #FFFFFF;text-shadow: 1px 2px 1px #4D4D4D;}
.teaser-subline .text, #losung .infotext{background: #06131e;background: rgba(6, 19, 30, 0.73);}
.teaser-subline .text, .teaser-subline .text a, #losung .infotext{color: #fff;}
.search-listing{clear:both}
.search-listing .teaser{padding:0}
.search-listing .search-item{padding:0;margin: 0 12px 12px 0;}
.search-listing .teaser-subline{margin: 0;}
.search-listing .teaser-subline, .search-listing .teaser-subline div{width: 298px;}
.search-listing .teaser-subline .innerspace{width: 288px;}
div.search-item-details{width: auto !important;}
div.search-item-details p{margin:0 0 1em 0}
.innerspace{margin:6px;display: block;}
.teaser-subline .innerspace{width: 300px;}
.block .teaser-subline{position:relative;margin: 0;width: auto;}
.pagination{float:right; margin:1em 0;font-size:0.8em}
.white, .absatz, #mainBlock, .bilder h3, .card-columns-text{background: #fff;background: rgba(255,255,255,0.8);}
a, a:link, a:visited, a:active, a:focus {color: #016328;text-decoration: none}
a:hover, #footerNavi li a {color: #4bbe1e;text-decoration: underline;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link, .nav-link:hover{background-color:#016328 !important; color:#fff !important;}
i{margin-right:0.5em}
input[type="text"]
, input[type="submit"]
, input[type="email"]
, textarea
, select{width: 98%; padding:6px; border-radius:4px; border:solid 1px #ccc}
.form-error{background:red;color:white;padding:0.5em 1em 0 1em}
.form-error p{margin:3px 0;display:inline-block;}
input[type="submit"], select{width:100%}
#headerBlock, #footerBlock {position: relative;clear:both;}
#headerBlock{margin: 0 0 0.2em 0;background: #fff;position: fixed;width: 100%;top: 0;z-index: 200;}
#headerBlock .contact{font-size: 0.8em;font-weight: bold;}
#headerBlock .contact a{display: inline}
#headerBlock .withe{display: block;padding: 0.5em 0;width: 100%;height: 95px;}
#headerBlock .green{height:36px}
#logo{z-index:10;position:absolute;display: block;font-family: verdana, Arial, san serif, Helvetica;}
#logo a{display:block;height: 55px;width: 400px;position: absolute;z-index: 20000;}
#logo .imageEntry{float:left; }
#logo h3, #logo h4{margin: 0;text-shadow:2px 2px 2px #ccc;font-weight:bold;color:#016328;line-height:1.0;}
#logo h4{font-weight:normal; font-size:16px; line-height:26px; text-shadow:none}
#logo .image-left, #footerBlock .name .image-left{width:auto; margin-right:0.5rem}
#logo .txt-right, #footerBlock .name .txt-right{margin:1rem 0}
#suche {float:right;border-radius:4px; border:solid 1px #fff; margin:3px 0;background: rgba(77, 77, 77, 0.3);overflow: hidden;width:250px}
#suche form{width: 300px;}
#suche input{background:none; border:none; float:left;}
#suche input[type="text"]{color:#fff;width: 210px;}
#suche input[type="submit"]{width: 29px; text-align:right;border-radius: 0;text-indent: 99999px;background: url(../img/icons/icon_lupe.png) no-repeat center center;}
#mainSlider{z-index: 500;position: fixed;height: 6px;width: 100%;top: 102px;}
#mainBlock{overflow: auto;margin: 170px 0 60px 0;background: #fff;background: rgba(255,255,255,0.8);padding: 1em 0;min-height: 400px;}
#mainBlock .mainblock-space{height:18px}
#mainBlock .label{font-weight:bold}
#mainBlock ul li{clear:both;width: 100%;}
#mainBlock ul li ul{clear:both;width: 100%;}
#mainBlock ul li li{font-size:0.8em;margin-bottom:0.2em}
#mainBlock img{border:solid 1px; padding:2px; background-color:#fff; border-radius:2px}
.partner{margin-left:250px;}
.block, .partner, .full-teaser-entry{background:#fff;margin-bottom:1em;border-radius:3px;border:solid 1px #e57e03;}
.block-right{float:right}
.partner, .full-teaser-entry{padding:6px;}
.full-teaser-entry h3{margin-top:0}
.partner table{width: 420px;float:right;margin: 1em 0;}
.partner img{border:none !important}
.partner table th{width:75px}
.partner, .full-teaser-entry, #mainBlock img, .contactform{box-shadow: 0 2px 2px #6c767c;}
.partner img{box-shadow:none !important}
.imgtxt-column-left-text, .imgtxt-column-left-image, .imgtxt-left{float:left;}
.imgtxt-column-left-image{margin-right:1em; width:210px; display:inline-block}
.imgtxt-column-left{display:inline-block}
.readmore{text-transform:none;font-size:0.8em;font-weight:bold;letter-spacing: 0;}
#phpwcmsForm20{margin: auto;float: none;}
#footerBlock{width: 100%;margin-bottom: 0;float: left;}
#footerBlock a {color:#fff; font-weight:normal;line-height:1.0}
#footerBlock .address h3, #footerBlock .address h4{margin:0; font-weight:normal; font-size:1.1em}
#footerBlock .address h4{line-height:1.5em; ; font-size:0.8em}
#footerBlock .col{width:30%;display:inline-block;position: relative;min-height: 100px;}
#footerBlock .firma{font-size:1.2em; font-weight:bold}
#footerBlock .last{background:url(../img/logo_withe.png) right bottom}
#footerBlock .contact{position:absolute;top: 45px;left: 83px;}
#footerNavi{float: right;}
#footerNavi ul{margin:0; padding:0;}
#footerNavi li{list-style:none; float:none; width:25%; font-weight:bold}
#footerNavi li li{float:none; width:auto; font-weight:normal; margin-left:0.5em}
#footerNavi li a{color:#fff; font-size:0.8em; text-decoration:none; }
#footerNavi li a:hover{color:#06131e}
.copyright{font-size:10px; text-align:right;line-height: 18px;color: #999;clear: both;position: relative;width: 100%;vertical-align: middle;background-color: #06131e;}
.copyright p{margin:0}
.dsgvo ul{width:100%; float:none;list-style:none}
.dsgvo ul ul{list-style:circle;}
.dsgvo .copyright{background:none; text-align:left}
#gaOptOut-banner{font-size:0.8em;padding: 12px 15px;background-color:#fffffff7;color:#000;border: solid 1px red;border-radius:3px;position: fixed;z-index:2000;text-align:center;margin-top:150px;width: 300px;bottom: 0;}
#gaOptOut-banner h3{margin-top:0; text-align:center}
#gaOptOut-banner a{border:solid 1px red;padding:3px 12px;border-radius:3px;background:red;color:#fff;font-size: 12px;display:block; margin:12px 0}
/* Beginn Media Queries für grössenoptimierung */
@media all and (min-width:960px){.teaser .col-1{margin-left:0}
    #mainNavi{position:absolute; width:100%;top: 110px;z-index: 500;}
    .ftc-left, .ftc-right{width:45.7%; float:left}
}
@media all and (max-width:960px){
  .container{width: 768px;}
  .teaser-entry{width:248px}
  .teaser-subline div{width:260px}
  .teaser-subline .innerspace{width:254px}
  .teaser-entry{margin:0 6px 12px 6px}
}
@media all and (max-width:768px){
    body{font-size: 16px;}
    .container{width: 640px;}
    .cols-2, .index .article-summary-text{width:100%}
    .teaser-entry{width:320px}
    .teaser-subline div{width:332px}
    .teaser-subline .innerspace{width:312px}
    .container .container{width:100%; }
    .container .container p{text-align:center; display:block;width: 100%;}
    .name, .contact, .konto{line-height: 20px;}
    .float_ul{clear:both; margin-left:0}
    .float_ul ul{margin-left:30px;}
}
@media all and (max-width:992px){
    /* Horizontale Navigation */
    #headerNavbar{position: fixed;top:25px;float:left;right: 0;left: auto;}	    
    .navbar-collapse{width:100%; position:fixed; left:0; top:95px}
    .navbar-collapse ul{margin: auto;padding:0}
    .navbar-collapse ul li{padding: 6px 0;border-top: 1px dotted #666;}
    .navbar-collapse ul li.sub_last{border-color:transparent}
    .navbar-collapse ul li a{display:block;text-align:center}
    #navbarSupportedContent{background-color:#fff}
}
@media all and (max-width:640px){
    /*footer navigation ändern*/
    #footerNavi li {width:100%; font-size:18px;line-height:30px; margin:3px 12px}
    #footerNavi li li{width:auto;display:inline-block }
}
@media all and (max-width:640px){
    .container{width: 480px;}
    .teaser-entry {width: 210px;}
    .teaser-subline {width: 224px;}
    .teaser-subline div{width: 224px;}
    .teaser-subline .innerspace{width: 210px;}
    #logo h3{font-size: 1.1em;}
    #logo h4{font-size:0.8em;line-height:1.3;/* margin-bottom:1em */}
}
@media all and (max-width:480px){
    .h1, h1{font-size: 1.6rem !important;}
    .h2, h2{font-size: 1.4rem !important;}
    .h3, h3{font-size: 1.2rem !important;}
    .h4, h4{font-size: 1.15rem !important;}
    .logo-text h3{font-size: 1rem !important; line-height:1rem; text-shadow:none !important}
    .logo-text h4{font-size: 0.7rem !important;line-height:0.8rem}
    #headerNavbar{height:60px}
    #headerBlock{height:100px}	
    .container{width: 300px;}
    #logo, #mainSlider{top:auto;clear: both;}
    #logo h1{font-size:1.1em}
    #logo h2{font-size:0.8em; line-height:1.3; margin-bottom:1em}    
    #headerBlock .withe{height:auto}
    #headerBlock .contact{position:absolute;top: 45px;left: 84px;}
    .label{float:none}
    .teaser-entry {width: 300px;font-size: 16px;margin: 0 0 1em 0;}
    .teaser-entry{width:288px}
    .teaser-subline div{width:300px;font-size: 16px;font-weight: normal;}
    .teaser-subline .innerspace, #losung .entry .inner{width:288px}
    #footerBlock .col{width:100%; float:none; min-height:auto;margin: 6px 0;}
    #footerNavi li{float:left; width:auto;margin-left: 0;}
    .bilder .card-columns{column-count:1;margin: 0;width: 100%;}
    .article-summary-text ul{width:auto;margin:1rem 0}
}

/* Small devices (landscape phones, 576px and up) */
@media all and (min-width:576px) { }

/* Medium devices (tablets, 768px and up) */
@media all and (min-width:768px){ }

/* Large devices (desktops, 992px and up) */
@media all and (min-width:992px) {
    #headerNavbar{top:115px;background:#fff;position: fixed;clear: both;width: 100%;padding: 2px 0;}    
}
/* Extra large devices (large desktops, 1200px and up) */
@media all and (min-width:1200px) {
    #logo h3{font-size:1.4em}
    #logo h4{font-size:0.9em; line-height:1.3; margin-bottom:1em}
    .bilder{width:80%; margin:auto}
    .bilder .card-columns{column-count:5;margin: auto;}
    #images29{column-count:5;}
    #images31, 
    #images32, #images33, #images34{column-count:4;}
    #images36, #images37{column-count:3;}
    #images38{column-count:3;}
}