/* Allgemeine Styles */
* { margin:0; padding:0; }
*:focus { outline: 0; }
      
/* open-sans-regular - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/static/ebwb/fonts/open-sans-v15-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('/static/ebwb/fonts/open-sans-v15-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/static/ebwb/fonts/open-sans-v15-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/static/ebwb/fonts/open-sans-v15-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('/static/ebwb/fonts/open-sans-v15-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/static/ebwb/fonts/open-sans-v15-latin_latin-ext-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
      
html,body                   { 
                              font-size: 12pt;
                              background-image: url(/static/ebwb/hg.jpg);
                              background-repeat: no-repeat;
                              background-position: top center;
                              /*background-attachment: fixed;*/
                              background-color: #fff;
                              color: #000;
                              font-family: 'Open Sans', sans-serif;
                            }
                            
img                         { border: 0; }
.imgleft                    { float: left; margin-right:30px; margin-bottom:20px; }
.imgright                   { float: right; margin-left:30px; margin-bottom:20px; }
                            
[placeholder]:focus::-webkit-input-placeholder  { transition: opacity 0.5s 0.5s ease; opacity: 0; }
::-webkit-input-placeholder                     { font-size: 9pt; color: #0093dd; }
:-moz-placeholder                               { font-size: 9pt; color: #0093dd; opacity: 1; }
::-moz-placeholder                              { font-size: 9pt; color: #0093dd; opacity: 1; }
:-ms-input-placeholder                          { font-size: 9pt; color: #0093dd; }
  
a:focus                     { outline:none; }
a                           { color:#479664; }
a:link                      { text-decoration:none; }
a:visited                   { text-decoration:none; }
a:active                    { text-decoration:none; }
a:hover                     { color:#479664; text-decoration:none; }



#welcome                    { margin: 0 auto; text-align: center; }
#welcome img                { display: block; width: 100%; }
#welcome-text               { position: relative; max-width: 1200px; height: 1px; margin: 0 auto; }
#welcome-box                { position: absolute; left: 352px; top: 90px; }
#welcome h1                 { color: #376548; font-weight: normal; font-size: 26pt; word-break: break-word; }
#welcome h2                 { font-weight: normal; font-size: 16pt; padding-top: 15px; word-break: break-word; }



header, nav, footer, main   { display: block; }

.wrap                       { max-width: 1200px; margin: 0 auto; }
#logo                       { padding-top: 32px; float: left; }
#logo a                     { display: block; }
#logo img                   { display: block; }
#claim                      { float: right; padding-top: 83px; text-transform: uppercase; color: #6a6a6a; font-size: 19pt; }

.wrap#head                  { position: relative; }
#websuche                   { right: 31px; top: 13px; position: absolute; }
#websuche i                 { color: #479664; font-size: 16pt; }
#suche                      { float: right; }
#suche-lupe                 { float: left; cursor: pointer; padding-top: 3px; }
#suche-slider               { float: left; overflow: hidden; width: 0px; padding-top: 2px; }
#suche-form                 { width: 224px; }
#suche-eingabe              { float: left; margin: 0 10px; }
#suche-eingabe input        { padding: 3px; }
#suche-senden               { width: 23px; height: 23px; float: left; border: 1px solid #a9a9a9; cursor: pointer; }
#suche-pfeil                { width: 0; height: 0; margin-left: 9px; margin-top: 5px; border: 7px solid #a9a9a9; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 7px solid transparent; }

#insta                      { float: right; padding-top: 3px; padding-left: 20px; }
#insta img                  { max-width: 25px; }

#navigation                         { padding-top: 30px; }

#nav                                { max-width: 1200px; margin: 0 auto; font-family: Arial; height: 59px; margin: 0 auto; }
#nav ul                             { list-style: none; text-align: justify; }
#nav li                             { display: inline-block; text-align: -webkit-match-parent; text-transform: uppercase; }
#nav a                              { color: #000; padding: 7px 10px 5px 10px; display: block; font-size: 13pt; }
#nav a.subtext                      { color: #FFF; }

#nav li ul li                       { padding-right: 0px; margin-left: 0px; }
#nav li ul li a                     { padding-right: 20px !important; }

#nav ul li                          { position: relative; }
#nav ul li ul li                    { position: relative; clear: left; }
#nav ul li ul li ul li              { position: relative; clear: left; }
#nav ul li ul li ul li ul li        { position: relative; clear: left; }

#nav ul li ul li:hover              {  }
#nav ul li ul li ul li:hover        {  }
#nav ul li ul li ul li ul li:hover  {  }


#nav ul li a                        { float: left; padding-right: 15px; }
#nav ul li a.maintext               { padding-top: 21px; padding-bottom: 17px; padding-right:15px; }
#nav ul li ul li a.subtext          { float: left; display: block; width: auto; height: 17px; padding: 12px 5px 12px 5px; font-size: 12pt; text-transform: none; padding-left: 0; }
#nav ul li ul li ul li a.subtext    { float: left; display: block; width: 210px; height: 17px; padding: 12px 5px 12px 5px; }
#nav ul li ul li ul li ul li a.subtext { float: left; display: block; width: 210px; height: 17px; padding: 12px 5px 12px 5px; }
#nav .subtext:hover                 { color: #fff; }

#nav ul li ul                       { position: absolute; z-index: 1000; left: 0; top: 60px; padding: 10px 10px 0 10px; background: rgb(71, 150, 100); }
#nav ul li ul li ul                 { position: absolute; z-index: 900; left: 265px; top: -10px; background-color: rgb(78, 178, 194); border-left: 1px solid #4d9fb4; }
#nav ul li ul li ul li ul           { position: absolute; z-index: 800; left: 215px; top: -10px; background-color: rgb(78, 165, 184); }

#nav ul li ul                       { overflow: visible !important; }

.mainliclick                        { width: 15px; height: 24px; padding-top: 18px !important; }
.navdesktop .mainli:hover .mainliclick { padding-top: 12px !important; }
.navdesktop .mainli:hover .arrow-down  { border-top-color: transparent; border-bottom-color: #479664; }

.sub1liclick                        { position: absolute; top: 0px; right: 0px; width: 34px; height: 34px; text-align: right; }
.navdesktop .sub1li:hover .sub1liclick { right: 6px; }
.navdesktop .sub1li:hover .sub1liclick .arrow-right { margin-right: 10px; border-left-color: transparent; border-right-color: #fff; }

.sub2liclick                        { position: absolute; top: 0px; right: 0px; width: 34px; height: 34px; text-align: right; }
.navdesktop .sub2li:hover .sub2liclick { right: 6px; }
.navdesktop .sub2li:hover .sub2liclick .arrow-right { margin-right: 10px; border-left-color: transparent; border-right-color: #fff; }

/* Click Styles */
.mainliclick.isclicked              { padding-top: 12px !important; }
.mainliclick.isclicked .arrow-down  { border-top-color: transparent; border-bottom-color: #fff; }

.sub1liclick.isclicked              { right: 6px; }
.sub1liclick.isclicked .arrow-right { margin-right: 10px; border-left-color: transparent; border-right-color: #fff; }

.sub2liclick.isclicked              { right: 6px; }
.sub2liclick.isclicked .arrow-right { margin-right: 10px; border-left-color: transparent; border-right-color: #fff; }

.arrow-down                         { border: 6px solid #479664; font-size: 0; line-height: 0; height: 0; padding: 0; margin: 0;
                                      border-right-color: transparent;
                                      border-bottom-color: transparent;
                                      border-left-color: transparent;
                                    }
.arrow-left                         { border: 6px solid #479664; font-size: 0; line-height: 0; height: 0; padding-right: 10px; margin: 0;
                                      border-top-color: transparent;
                                      border-bottom-color: transparent;
                                      border-left-color: transparent;
                                    }
.arrow-right                        { border: 6px solid #479664; font-size: 0; line-height: 0; height: 0; padding-right: 10px; margin: 0;
                                      border-right-color: transparent;
                                      border-bottom-color: transparent;
                                      border-top-color: transparent;
                                    }
                                    
                                    
#nav li ul li a                     { padding-right: 0px !important; }

.submenuleft                        { left: -215px !important; width: 173px; /* braucht eine Feste Größe da es sonst den Rest überlagert! */ }
.last-sub1lia                       { border-bottom: none !important; }
.last-sub2lia                       { border-bottom: none !important; }
.head100                            { padding-left: 100%; }

#nav.navmobile li ul li                 { display: block; }
#nav.navmobile ul li ul li a.subtext    { max-width: 75%; }
#nav.navmobile .mainliclick             { border: 1px solid #d3d3d3; box-sizing: border-box; padding: 0 !important; position: relative; width: 35px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top: 14px; height: 34px; }
#nav.navmobile .mainliclick .arrow-down { position: absolute; left: 11px; top: 14px; }
#nav.navmobile .mainliclick.isclicked .arrow-down { border-bottom-color: #fff; border-top-color: transparent; top: 8px; }

#nav.navmobile .sub1liclick             { float: right; }
.navmobile .sub1liclick                 { border: 1px solid #d3d3d3; box-sizing: border-box; padding: 0 !important; position: relative; float: right; width: 35px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.navmobile .sub1liclick .arrow-right    { margin-right: 9px; position: absolute; left: 14px; top: 10px; }
.navmobile .sub1liclick.isclicked       { right: 0; }
.navmobile .sub1liclick.isclicked .arrow-right { top: 10px; left: 8px; padding-right: 0; }

#nav.navmobile .sub2liclick             { float: right; }
.navmobile .sub2liclick                 { border: 1px solid #d3d3d3; box-sizing: border-box; padding: 0 !important; position: relative; float: right; width: 35px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.navmobile .sub2liclick .arrow-right    { margin-right: 9px; position: absolute; left: 14px; top: 10px; }
.navmobile .sub2liclick.isclicked       { right: 0; }
.navmobile .sub2liclick.isclicked .arrow-right { top: 10px; left: 8px; padding-right: 0; }

#mobile-menu-button                     { display: none; text-align: center; position: absolute; right: 31px; top: 60px; }
#mobile-menu-button span                { cursor: pointer; display: inline-block; background-color: #40ac65; color: #fff; padding: 5px 10px;
                                          -webkit-border-radius: 5px;
                                          -moz-border-radius: 5px;
                                          border-radius: 5px;
                                        }



.wrap#start-boxen                       {  }
#sb1                                    { float: left; width: 33.33%; }
#sb2                                    { float: left; width: 33.33%; }
#sb2 .infobox                           { margin: 0 auto; }
#sb3                                    { float: left; width: 33.33%; }
#sb3 .infobox                           { float: right; }

.ifb																    { padding-bottom: 25px; }
.infobox                                { max-width: 301px;
                                          /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#285e3a+0,45ad69+100 */
                                          background: rgb(40,94,58); /* Old browsers */
                                          background: -moz-linear-gradient(top,  rgba(40,94,58,1) 0%, rgba(69,173,105,1) 100%); /* FF3.6-15 */
                                          background: -webkit-linear-gradient(top,  rgba(40,94,58,1) 0%,rgba(69,173,105,1) 100%); /* Chrome10-25,Safari5.1-6 */
                                          background: linear-gradient(to bottom,  rgba(40,94,58,1) 0%,rgba(69,173,105,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                                          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#285e3a', endColorstr='#45ad69',GradientType=0 ); /* IE6-9 */
																				}
.ifb-titel                              { display: block; color: #fff; text-align: center; padding: 17px 10px; }
.ifb-bild                               { display: block; padding: 0 1px; max-width: 299px; display: block; margin: 0 auto; }
.ifb-text                               { display: block; color: #fff; padding: 30px 10px; text-align: center; }


.wrap#start-text                        { padding: 57px 0 0 0; }
#start-symbol                           { width: 46px; height: 46px; margin: 0 auto;
                                          -webkit-transform: rotate(45deg);
                                          -moz-transform: rotate(45deg);
                                          -o-transform: rotate(45deg);
                                          -ms-transform: rotate(45deg);
                                          transform: rotate(45deg);
                                          background-color: #40ac65;
                                          position: relative;
                                          margin-bottom: 52px;
                                        }
#line1                                  { background-color: #fff; height: 5px; width: 20px; position: absolute; left: 12px; top: 28px; }
#line2                                  {
                                          -webkit-transform: rotate(90deg);
                                          -moz-transform: rotate(90deg);
                                          -o-transform: rotate(90deg);
                                          -ms-transform: rotate(90deg);
                                          transform: rotate(90deg);
                                          background-color: #fff; height: 5px; width: 20px; position: absolute; left: 20px; top: 20px;
																				}
                                        
#start-h1                               { font-weight: normal; color: #376548; padding-bottom: 22px; text-align: center; font-size: 26pt; }
#start-h2                               { font-weight: normal; padding-bottom: 54px; text-align: center; font-size: 12pt; }
                                        
#bilder-zeile1                          { padding-bottom: 30px; }
#bilder-zeile2                          { padding-bottom: 55px; }

.startbild                              { max-width: 379px; }
.startbild img                          { width: 100%; }
#bild1                                  { float: left; width: 33.33%; }
#bild2                                  { float: left; width: 33.33%; }
#bild2 .startbild img                   { display: block; margin: 0 auto; }
#bild3                                  { float: left; width: 33.33%; }
#bild3 .startbild                       { float: right; }
#bild4                                  { float: left; width: 33.33%; }
#bild5                                  { float: left; width: 33.33%; }
#bild5 .startbild img                   { display: block; margin: 0 auto; }
#bild6                                  { float: left; width: 33.33%; }
#bild6 .startbild                       { float: right; }

.startbild                              {  }
.startbild img                          { display: block; }


#footer-navigation                  {  }
#footer-navigation ul               { list-style: none; text-align: justify; }
#footer-navigation li               { display: inline-block; text-align: -webkit-match-parent; text-transform: uppercase; vertical-align: top; }
#footer-navigation a                { color: #000; padding: 4px 10px 5px 10px; display: block; font-size: 11pt; }
.foot100                            { padding-left: 100%; }
#footer-nav-mobile                  { display: none; padding-top: 25px; text-transform: uppercase; text-align: center; }
#footer-nav-mobile a                { color: #000; }

#copyright                          { padding: 20px 0 30px 0; text-align: center; font-size: 10pt; }



#content                            { padding: 15px; }
#inhalt-text h1                     { font-size: 22pt; padding-bottom: 25px; color: #479664; }
#inhalt-text h1 span                { word-wrap: break-word; }
#inhalt-text h2 										{ font-size: 16pt; font-weight: normal; padding-bottom: 20px; }
#inhalt-text h2 span                { word-wrap: break-word; }
.content-trenner            				{ width: 100%; height: 25px; }
#inhalt-text p              				{ padding-bottom: 17px; }
#inhalt-text ul,ol          				{ padding-left: 21px; }

#inhalt-text.text-left              { float: left; width: 72%; }
#infoboxen                          { width: 301px; float: right; }
 



/* Formulare */
#kontaktform                {  }
#kontakt                    {  }
.form-feld                  { margin-bottom: 20px; }
.feld-name                  { padding-bottom: 5px; }
.feld-input                 { font-family: 'open_sans_regular', arial, verdana, trebuchet ms, sans-serif; }
label                       { display: block; padding-bottom: 5px; font-family: Arial, Helvetica, Sans-serif; }
.formlist                   { list-style: none; padding: 0 !important; margin: 0; }
.formlist li                { float: left; width: 50%; margin-bottom: 20px; box-sizing: border-box; }
.formlist li.left           { padding-right: 20px; }
.formlist li.right          { padding-left: 20px; }
#nachricht                  { height: 110px; width: 100%; box-sizing: border-box; }
.ffeld                      { width: 100%; padding: 6px; border: 1px solid #a9a9a9; font-family: Arial, Verdana, Sans-serif; box-sizing: border-box; height: 32px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.btn                        { padding: 5px; width: 125px; }


#inhalt-text .projekt-bilder ul { padding: 0; }
.projekt                    { padding-bottom: 20px; }
.projekt-bilder             {  }
.projekt-bilder ul          { list-style: none; }
.projekt-bilder ul li       { float: left; width: 12.5%; padding: 0 0 15px 0; }
.projekt-bilder ul li a     { display: block; background-size: cover; background-position: center center; width: 90%; height: 120px; }
#inhalt-text.text-left .projekt-bilder ul li { width: 20%; }

.map-info-window 						{ width: 240px; }
.map-info-window td         { vertical-align: top; }

#aspliste                   {  }
.asp                        { padding-bottom: 30px; }
.asp-pic                    { float: left; width: 28%; }
.asp-pic img                { display: block; }
.asp-daten                  { float: left; width: 72%; }
.asp-name                   { font-weight: bold; }


#ueber-text									{ float: left; width: 66.66%; }
#ueber-text-inner           { padding-right: 45px; }
#ueber-bild									{ float: left; width: 33.33%; }
#ueber-bild img             { display: block; width: 100%; }
#uber-zitat									{ font-size: 10pt; padding: 5px 0; }

#selProjekt                 { max-width: 50%; margin-bottom: 15px; }

#cookie-info                        { position: fixed; bottom: 0px; z-index: 10000; width: 100%; -ms-text-size-adjust: none; -moz-text-size-adjust: none; -o-text-size-adjust: none; -webkit-text-size-adjust: none; }
#cookie-info-content                { background-color: rgba(0, 0, 0, 0.8); color: #fff; padding: 4px; box-sizing: border-box; text-align: center; }
#cookie-info-tbl                    { display: table; margin: 0 auto; }
#cookie-info-text                   { display: table-cell; font-size: 9pt; vertical-align: middle; }
#cookie-info-abstand                { display: table-cell; width: 15px; }
#cookie-info-button                 { cursor: pointer; width: 22px; height: 22px; }
#cookie-info-spacer                 { height: 40px; }



.cookie-informationen { display: table; box-sizing: border-box; padding-bottom: 25px; }
.cookie-informationen * { box-sizing: border-box; }
.cookie-row { display: table-row; }
.cookie-info-name { display: table-cell; vertical-align: top; white-space: nowrap; padding: 0 0 5px 0; font-weight: bold; font-style: italic; }
.cookie-info-text { display: table-cell; vertical-align: top; padding: 0 0 5px 10px; }
.cookie-info-text p { padding-bottom: 0 !important; margin-bottom: 0 !important; }

.iframe-daten-info { background-color: rgb(128 128 128 / 22%); padding: 50px 10px; text-align: center; }
.idi-text {  }
.idi-text p { padding-bottom: 0; margin-bottom: 0; }
.idi-form { padding-top: 20px; }
.idi-button { border: 1px solid #d3d3d3; cursor: pointer; background-color: #67a8d6; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; padding: 6px 10px; }

#cookie-opt-in * { box-sizing: border-box; }                                    
#cookie-opt-in { position: fixed; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.85); z-index: 3500; color: #fff; padding: 10px; box-sizing: border-box; font-size: 11pt; }
#coi-center { max-width: 900px; margin: 0 auto; }
#coi-infotext-mobile { display: none; }
.coi-infolinks { padding: 10px 0 5px 0; }
#coi-form { padding-top: 10px; }
#coi-form-tbl { display: table; width: 100%; }
#coi-text-and-boxes { display: table-cell; vertical-align: middle; }
#coi-cookies { display: flex; flex-wrap: wrap; }
.coi-checkbox { padding-right: 20px; }
#cookie-opt-in label { display: inline-block; }
#coi-form-trenner { display: table-cell; width: 25px; }
#coi-form-buttons { display: table-cell; vertical-align: top; width: 175px; text-align: center; }
#coi-form button { border: 0; cursor: pointer; background-color: #386549; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 6px 10px; }
#coi-form button.btn-dark { background-color: #464646; }
#coi-form-buttons button { width: 100%; }
#coi-form-buttons div { text-align: center; margin-top: 15px; font-size: 10pt; color: #888; }
#cookie-info-spacer { width: 100%; height: 33px; }
@media screen and (max-width: 768px){
  .coi-cookie { flex: 0 0 100%; }
  #coi-infolinks { font-size: 10pt; }
  #coi-form { padding-top: 10px; }
  #coi-infotext-mobile { display: block; }
  #coi-infotext { display: none; }
  #coi-center { padding-top: 0; }
}





/* Consent Banner */
#consent-banner { position: fixed; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.85); z-index: 5000; color: #fff; font-size: 11pt; }
#consent-banner, #consent-banner * { box-sizing: border-box; }
#consent-banner-center { max-width: 1000px; padding: 10px; display: flex; gap: 35px; margin: 0 auto; }
#consent-banner-left { flex-grow: 1; }
#consent-banner-right { flex: 0 0 175px; }

#content-banner-buttons { display: flex; flex-direction: column; gap: 25px; }
.consent-banner-button > button { width: 100%; }

#consent-banner-text { padding-bottom: 10px; }
#consent-banner-links { display: flex; gap: 20px; }
/*#consent-banner-links a { text-decoration: underline; font-weight: bold; }*/

#consent-banner-checkboxen { display: flex; gap: 30px; padding-top: 10px; flex-wrap: wrap; }

.cb-btn { background-color: #386549; color: #fff; border: 0; border-radius: 3px; padding: 6px; cursor: pointer; }
.form-check { display: flex; gap: 5px; }


/*.consent-banner-unblock-info { background-color: rgb(54 54 54 / 75%); color: #fff; font-size: 11pt; text-align: center; padding: 15px; }
.consent-banner-unblock-info-text p { padding-bottom: 0; margin-bottom: 0; }
.consent-banner-unblock-info-link { padding-top: 10px; }
.consent-banner-unblock-info-button { padding-top: 15px; }*/

@media screen and (max-width: 1024px){
  #consent-banner-center { flex-direction: column; gap: 15px; }
  #consent-banner-left { flex: 0 0 100%; }
  #consent-banner-right { flex: 0 0 auto; }
  #content-banner-buttons { flex-direction: row; justify-content: center; }
  .consent-banner-button { flex: 0 0 175px; }
}

@media screen and (max-width: 450px){
  #content-banner-buttons { flex-direction: column; gap: 10px; }
  .consent-banner-button { flex: 0 0 auto; }
}
/* Consent Banner */






#designbody													{ background: none; background-color: #fff; color: #000; font-size: 14px; font-family: Arial,Verdana,Helvetica; }
#designbody html                    { background: none !important; background-color: #fff; }
#designbody ul,ol             			{ padding-left: 21px; }
#designbody p                 			{ padding-bottom: 17px; }
.mceContentBody 										{ padding-top: 0px !important; background: none; background-color: #fff; }
td.mceIframeContainer iframe html		{ background: none; background-color: #fff; }