* { margin:0; padding:0; }
*:focus { outline: 0; }

/* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('/static/td/fonts/oswald-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Oswald Regular'), local('Oswald-Regular'),
       url('/static/td/fonts/oswald-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/static/td/fonts/oswald-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/static/td/fonts/oswald-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/static/td/fonts/oswald-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/static/td/fonts/oswald-v16-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}

html, body                     { background-color: #f8f5f0; color: #717171; font-size: 11pt; font-family: 'Oswald', sans-serif; }
html.touch #bildgala           { position: relative; }
a:focus                     	 { outline:none; }
a                           	 { color:#9dca52; }
a:link                      	 { text-decoration:none; }
a:visited                   	 { text-decoration:none; }
a:active                     	 { text-decoration:none; }
a:hover                     	 { color:#9dca52; text-decoration:none; }

.imgleft                            { float: left; margin-right:30px; margin-bottom:20px; }
.imgright                           { float: right; margin-left:30px; margin-bottom:20px; }

#preload                       { display: none; }
header                         { display: block; margin-left: -8px; }
#page                          { position: relative; }
#linke-seite                   { position: fixed; width: 339px; left: 0; top: 0; height: 100%; z-index: 100; overflow: hidden; background-color: #fff; z-index: 500; }
#linke-seite-scroll            { overflow-y: scroll; width: 360px; overflow-x: hidden; }
#content                       { height: 100%; /*overflow: auto;*/ position: relative; background-color: #f8f5f0; }
#scrolling-content             { box-sizing: border-box; margin-left: 339px; position: relative; }
#images-loading                { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; padding-left: 339px; z-index: 700; background-color: #ffffff; }
#flexcenter                    { height: 100%; justify-content: center;
                                 display: -webkit-flexbox; display: -ms-flexbox; display: -webkit-flex; display: flex; 
                                 -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
                               }
#bildgala                      { position: fixed; }
#slide-2                       { position: relative; z-index: 50; background-color: #f8f5f0; }

#main-content                  { position: relative; z-index: 350; }

#gala-text-responsive          { display: none; }

#logo                          { padding-top: 35px; text-align: center; }
#logo a                        { display: inline-block; }
#logo a img                    { display: block; }
#claim                         { text-align: center; font-weight: 300; padding-top: 16px; color: #989f91; font-size: 16pt; letter-spacing: 5.5px; }
#logos                         {  }
.logo-element                  { text-align: center; padding-bottom: 30px; }
.logo-element:last-child       { padding-bottom: 0; }
.logo-element a                { display: inline-block; }
.logo-element a img            { display: block; margin: 0 auto; }
#logo-mig img                  { max-height: 204px; height: 160px; }
#logo-vdzi img                 { height: 75px; }
#logo-dgzi img                 { height: 75px; }

#bewerbung-mobile              { display: none; padding-bottom: 40px; padding-top: 15px; }
#bewerbung-mobile img          { width: 100%; max-width: 246px; }

/*
#logo-vdzi                     { float: left; width: 50%; }
#logo-vdzi img                 { display: block; width: 50%; margin: 0 auto; }
#logo-dgzi                     { float: left; width: 50%; }
#logo-dgzi img                 { display: block; width: 50%; margin: 0 auto; }
*/

#logo-bewerbung img            { height: 220px; }

#navigation                    { text-transform: uppercase; text-align: center; padding: 35px 20px 55px 20px; color: #989f91; }
#navigation a                  { color: #989f91; font-size: 12pt; }
/*#navigation a:hover            { color: #9dca52; }*/
#navigation a.active           { color: #9dca52; }
.nav0                          { padding-top: 22px; }
.nav1                          { padding-top: 7px; font-size: 10pt; }
.nav0submenu                   { padding-bottom: 10px; }

#pagescroll                    { position: fixed; right: 50px; bottom: 50px; z-index: 600; }
#pagescroll div                { cursor: pointer; }

section                        { display: block; opacity: 1; }
.loaded section                { opacity: 1; -webkit-transition: opacity 300ms ease-out; -moz-transition: opacity 300ms ease-out; transition: opacity 300ms ease-out; }
.bcg                           { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; width: 100%; position: relative; }
.bcg-text                      { position: absolute; background-color: #9dca52; padding: 5px 15px; font-size: 27pt; color: #fff; font-weight: 300; }


#slides                        { margin-bottom: 200px; background-color: #f8f5f0; }
#slides                        { background-image: url(/static/td/blume-white.png);
																 background-repeat: no-repeat;
                                 background-position: right 25px top 25px;
                                 background-attachment: fixed;
                               }
#startseite #slides            { background-image: none; }
.slide-element                 { position: relative; display: block; z-index: 10; }
.normal-slide                  { background-color: #f8f5f0; }

#footer                        { background-color: #9dca52; text-align: center; color: #fff; width: 100%; z-index: 100;
                                 position: fixed; bottom: 0; left: 0; height: 200px; box-sizing: border-box; padding-left: 339px;
                               }
#foot-text                     { padding-top: 44px; font-size: 24pt; text-transform: uppercase; font-weight: 300; }
#foot-text                     { max-width: 68%; padding: 44px 30px 0 30px; }
#foot-text span                { font-weight: 400; font-style: italic; }
#copyright                     { padding: 30px 0 30px 0; font-weight: 300; font-size: 11pt; }
#copyright                     { max-width: 68%; padding: 30px; }
#footer-navigation             { display: none; text-align: center; padding-bottom: 25px; font-weight: 300; }
#footer-navigation a           { color: #fff; }
#footer-navigation a:hover     { color: #fff; }


.inh-abs-text                  { line-height: 1.8; font-size: 14pt; font-weight: 300; }
.inh-abs-text p                { padding-bottom: 17px; }
.seiten-inhalt                 {  }
#folge-inhalt                  { padding: 30px 0; max-width: 1400px; margin: 0 auto; }
#folge-inhalt h1               { text-transform: uppercase; font-weight: 300; font-size: 26pt; padding-bottom: 30px; }
#folge-inhalt h2               { text-transform: uppercase; font-weight: 300; font-size: 18pt; padding-bottom: 15px; }
#folge-inhalt ul               { padding-left: 22px; }
#folge-inhalt ol               { padding-left: 20px; }
.content-trenner 							 { width: 100%; height: 30px; }
.inhalt-standard               { padding: 0 30px; }
.inhalt-big-picture            { padding-bottom: 35px; }
.inhalt-big-picture img        { width: 100%; }

#folge-inhalt .inhalt-standard { max-width: 68%; }
.inhalt-standard.starttext     { max-width: 65%; margin: 0 auto; }


.gruener-zahn                  { padding-bottom: 35px; text-align: center; }
.gruener-zahn img              { display: inline-block; }

#start-text                    { text-align: center; padding-top: 25px; padding-bottom: 20px; max-width: 1400px; margin: 0 auto; }
#start-text h1                 { text-transform: uppercase; font-weight: 300; font-size: 26pt; padding-bottom: 30px; }
#start-text h2                 { text-transform: uppercase; font-weight: 300; font-size: 18pt; padding-bottom: 60px; }
#start-text h2 span            { display: block; }
#start-text .inhalt-standard   { padding-bottom: 25px; }


#mobile-navigation                  { display: none; height: 100vh; width: 100vw; position: fixed; top: 0; left: 0; background-color: rgba(109, 109, 109, 0.8); z-index: 2600; }
#nav-content                        { width: 90vw; height: 100vh; padding-left: 5px; padding-right: 5px; overflow-y: auto; background-color: #f8f5f0; }
#ios-menu-korrektur                 { width: 100%; height: 70px; }
#mnav-head                          { position: relative; text-align: center; padding-top: 15px; color: #717171; font-size: 18pt; border-bottom: 2px solid #a0a0a0; padding-bottom: 10px; }
#nav-close                          { position: absolute; top: 12px; right: 10px; color: #515151; width: 25px; height: 25px; border-radius: 26px; background-color: #d3d3d3; border: 1px solid grey; font-weight: bold; padding-left: 1px; padding-top: 1px; font-family: Arial; cursor: pointer; font-size: 15pt; }
#mnav-body                          { padding-top: 5px; }
#mnav-body a                        { text-decoration: none; color: #717171; }
#mnav-body ul                       { list-style: none; padding: 0; margin: 0; }
#mnav-body ul li a                  { padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #a0a0a0; display: block; }
#mnav-body ul li                    {  }
.manv0                              { padding-left: 20px; text-transform: uppercase; }
.manv1                              { padding-left: 40px; }
.manv2                              { padding-left: 60px; }
.manv3                              { padding-left: 80px; }
.mnavli0                            { position: relative; }
.mnavli1                            { position: relative; }
.mnavli2                            { position: relative; }
.mnavli3                            {  }
.show-sub-nav                       { position: absolute; top: 1px; right: 0; padding-top: 2px; padding-bottom: 8px; padding-right: 10px; padding-left: 10px; z-index: 3000; cursor: pointer; }
.marrow                             { border: 6px solid #717171; font-size: 0; line-height: 0; height: 0; padding: 0; margin: 0; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; }
.isclicked .marrow                  { border-top-color: transparent; border-bottom-color: #717171; }
.show-sub-nav.isclicked             { top: -2px; padding-top: 0; padding-bottom: 12px; }
.mnavul1                            { display: none; }
.mnavul2                            { display: none; }
.mnavul3                            { display: none; }


#mobile-head                   { display: none; width: 100%; position: fixed; z-index: 500; background-color: #f8f5f0; padding: 10px 10px 10px 10px; border-bottom: 1px solid #9dca52; }
#mobile-head-logo              { display: table-cell; vertical-align: middle; width: 220px; }
#mobile-head-logo a            { display: inline-block; }
#mobile-head-logo a img        { display: block; height: 55px; }
#mobile-head-claim             { display: table-cell; vertical-align: bottom; }
#mobile-head-claim span        { display: inline-block; font-weight: 300; color: #989f91; font-size: 16pt; letter-spacing: 4px; padding: 0 0 3px 40px; }
#mobile-head-menu              { display: table-cell; vertical-align: middle; width: 110px; text-align: right; }
#mobile-menu-button            { display: inline-block!important; padding: 5px 15px; cursor: pointer; margin-right: 15px; }
#mobile-menu-button i          { font-size: 15pt; }


#cookie-info                        { position: fixed; bottom: 10px; z-index: 550; width: 100%; box-sizing: border-box; padding-left: 339px; }
#cookie-info-content                { max-width: 625px; margin: 0 auto;  background-color: #f8f5f0; color: #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; padding: 10px; border: 2px solid #86bd28; }
#cookie-info-text                   { font-size: 9pt; font-weight: 300; }
#cookie-info-button									{  }
#cookie-info-button span            { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; padding: 5px 10px; color: #fff; background-color: #9dca52; margin-top: 10px; cursor: pointer; font-size: 10pt; font-weight: 300; }
#cookie-info-spacer                 { height: 105px; width: 100%; display: none; }


#leistungen-uebersicht         {  }
.leistung-left                 { float: left; width: 50%; }
.leistung-right                { float: right; width: 50%; }
.leistung-inner                { max-width: 500px; margin: 0 auto; box-sizing: border-box; }
.leistung-inner h3             { font-weight: 300; text-transform: uppercase; font-size: 14pt; }
.leistung-inner h3 a           { color: #717171; }
.leistung-inner h3 a:hover     { color: #717171; }
.leistung-bild                 { padding-top: 40px; }
.leistung-bild a               { display: block; }
.leistung-bild img             { display: block; width: 100%; }
.leistung-abstand              { width: 100%; height: 90px; }



#kontakt-form               {  }
.form-feld                  { margin-bottom: 20px; }
.feld-name                  { padding-bottom: 5px; }
.feld-input                 { font-family: 'Oswald', sans-serif; font-weight: 300; }
.formlist label             { display: block; padding-bottom: 5px; font-family: 'Oswald', sans-serif; font-weight: 300; }
.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 #9dca52; font-family: 'Oswald', sans-serif; font-weight: 300; box-sizing: border-box; height: 32px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #f8f5f0; }
.btn                        { padding: 5px; width: 125px; }


#kontakt-info               { float: left; width: 33.33%; }
#kontakt-asp                { float: right; width: 50%; }
#asp1                       { float: left; width: 50%; }
#asp2                       { float: right; width: 185px; }
.asp-info                   { height: 102px; box-sizing: border-box; padding-left: 10px; font-size: 13pt; }
.asp-bild                   { float: left; width: 185px; }



#footer-logos               { position: relative; }
#footer-logo-vdzi           { position: absolute; display: block; width: 195px; height: 86px; right: 65px; top: 56px; }
#footer-logo-dgzi           { position: absolute; display: block; width: 160px; height: 71px; right: 270px; top: 63px; }


/* Responsive Styles */
@media screen and (min-width: 1900px) and (max-width: 1999px){
  #folge-inhalt .inhalt-standard { max-width: 65%; }
  #foot-text                     { max-width: 65%; }
  #copyright                     { max-width: 65%; }
}

@media screen and (min-width: 1800px) and (max-width: 1899px){
  #folge-inhalt .inhalt-standard { max-width: 62%; }
  #foot-text                     { max-width: 62%; }
  #copyright                     { max-width: 62%; }
}

@media screen and (min-width: 1700px) and (max-width: 1799px){
  #folge-inhalt .inhalt-standard { max-width: 59%; }
  #foot-text                     { max-width: 59%; }
  #copyright                     { max-width: 59%; }
}

@media screen and (min-width: 1600px) and (max-width: 1699px){
  /*.asp-info                      { width: 52%; }*/
  #folge-inhalt .inhalt-standard { max-width: 56%; }
  #foot-text                     { max-width: 56%; }
  #copyright                     { max-width: 56%; }
  /*#kontakt-info                  { float: none; width: auto; }
  #kontakt-asp                   { float: none; width: auto; padding-top: 30px; }*/
  #asp1                          { width: 185px; padding-right: 30px; padding-left: 30px; }
  #asp2                          { width: 185px; }
  #kontakt-asp                   { width: 64%; }
}

@media screen and (min-width: 1500px) and (max-width: 1599px){
  /*#kontakt-info                  { width: 28%; }
  #kontakt-asp                   { width: 72%; }
  .asp-info                      { width: 52%; }*/
  #folge-inhalt .inhalt-standard { max-width: 52%; }
  #foot-text                     { max-width: 52%; }
  #copyright                     { max-width: 52%; }
  #kontakt-info                  { float: none; width: auto; }
  #kontakt-asp                   { float: none; width: auto; padding-top: 30px; }
}

@media screen and (min-width: 1400px) and (max-width: 1499px){
  /*#kontakt-info                  { width: 28%; }
  #kontakt-asp                   { width: 72%; }
  .asp-info                      { width: 47%; font-size: 12pt; }*/
  #folge-inhalt .inhalt-standard { max-width: 48%; }
  #foot-text                     { max-width: 48%; }
  #copyright                     { max-width: 48%; }
  #kontakt-info                  { float: none; width: auto; }
  #kontakt-asp                   { float: none; width: auto; padding-top: 30px; }
}

@media screen and (min-width: 0px) and (max-width: 1399px){
  #folge-inhalt .inhalt-standard { max-width: 100%; }
  #foot-text                     { max-width: 48%; }
  #copyright                     { max-width: 48%; }
}

@media screen and (min-width: 1300px) and (max-width: 1399px){
  .asp-info                      { float: none; width: auto; }
  .asp-bild                      { float: none; width: auto; }
}

@media screen and (min-width: 1201px) and (max-width: 1299px){
  .asp-info                      { float: none; width: auto; }
  #footer-logo-vdzi              { width: 150px; height: 66px; }
  #footer-logo-dgzi              { width: 150px; height: 66px; right: 225px; }
  #foot-text                     { max-width: 48%; }
  #copyright                     { max-width: 48%; }
}

@media screen and (min-width: 1200px) and (max-width: 1299px){
  .asp-info                      { float: none; width: auto; }
  .asp-bild                      { float: none; width: auto; }
}

@media screen and (min-width: 1201px) and (max-width: 1490px){
  .leistung-inner                { padding: 0 25px; }
}

@media screen and (min-width: 0px) and (max-width: 1199px){
	.inhalt-standard.starttext     { max-width: 100%; }
  #bewerbung-mobile              { display: block; }
}

@media screen and (min-width: 1100px) and (max-width: 1199px){
  #kontakt-info                  { width: 28%; }
  #kontakt-asp                   { width: 72%; }
  .asp-info                      { width: auto; font-size: 12pt; }
  #footer-logo-dgzi              { right: 0; left: 65px; }
  #foot-text                     { max-width: 50%; margin: 0 auto; }
  #copyright                     { max-width: 50%; margin: 0 auto; }
  #asp1                          { width: 245px; }
  #asp2                          { float: left; }
}

@media screen and (min-width: 1000px) and (max-width: 1099px){
  .asp-info                      { float: none; width: auto; }
  .asp-bild                      { float: none; width: auto; }
  #footer-logo-dgzi              { right: 0; left: 65px; }
  #foot-text                     { max-width: 46%; margin: 0 auto; }
  #copyright                     { max-width: 46%; margin: 0 auto; }
}

@media screen and (min-width: 1000px) and (max-width: 1200px){
	#linke-seite                   { display: none; }
  #scrolling-content             { margin-left: 0; }
  #footer                        { padding-left: 0; }
  #images-loading                { padding-left: 0; }
  #mobile-head                   { display: table; }
  #mobile-head-logo a img        { height: 35px; }
  #page                          { padding-top: 60px; }
  #footer-navigation             { display: block; }
  #footer                        { position: static; height: auto; padding: 0 15px; }
  #slides                        { margin-bottom: 0; }
  #copyright                     { padding-top: 30px; }
  #cookie-info                   { padding-left: 0; }
  #cookie-info-spacer            { display: block; }
  .leistung-inner                { padding: 0 25px; }
}

@media screen and (min-width: 765px) and (max-width: 999px){
	#linke-seite                   { display: none; }
  #scrolling-content             { margin-left: 0; }
  #footer                        { padding-left: 0; }
  #images-loading                { padding-left: 0; }
  #mobile-head                   { display: table; }
  #page                          { padding-top: 60px; }
  #footer-navigation             { display: block; }
  #footer                        { position: static; height: auto; padding: 0 15px; }
  #slides                        { margin-bottom: 0; }
  #copyright                     { padding-top: 30px; }
  #mobile-head-logo a img        { height: 35px; }
  #cookie-info                   { padding-left: 0; }
  #cookie-info-spacer            { display: block; }
  .leistung-inner                { padding: 0 25px; }
  .bcg-text                      { width: 100% !important; height: auto !important; left: 0 !important; bottom: 0px !important; right: unset !important; top: unset !important; box-sizing: border-box; text-align: center; }
  #bildgala.gala-non-mobile .bcg-text { bottom: 60px !important; }
  #pagescroll                    { display: none; }
  #kontakt-info                  { width: auto; float: none; }
  #kontakt-asp                   { width: auto; float: none; padding-top: 30px; }
  .asp-info                      { float: none; width: auto; }
  .asp-bild                      { float: none; width: auto; }
  #footer-logo-vdzi              { width: 150px; height: 66px; right: 10px; top: 115px; }
  #footer-logo-dgzi              { width: 150px; height: 66px; left: 10px; top: 115px; }
  #foot-text                     { max-width: 46%; margin: 0 auto; }
  #copyright                     { max-width: 46%; margin: 0 auto; }
  #asp2                          { float: left; }
}

@media screen and (min-width: 0px) and (max-width: 764px){
	#linke-seite                   { display: none; }
  #scrolling-content             { margin-left: 0; }
  #footer                        { padding-left: 0; }
  #images-loading                { padding-left: 0; }
  #mobile-head                   { display: table; }
  #page                          { padding-top: 60px; }
  #mobile-head-claim             { display: none; }
  #footer-navigation             { display: block; }
  #footer                        { position: static; height: auto; padding: 0 15px; }
  #slides                        { margin-bottom: 0; }
  #copyright                     { padding-top: 30px; }
  #mobile-head-logo a img        { height: 35px; }
  #cookie-info                   { padding-left: 0; }
  #cookie-info-spacer            { display: block; height: 130px; }
  .leistung-left                 { float: none; width: auto; padding-bottom: 90px; }
  .leistung-right                { float: none; width: auto; padding-bottom: 90px; }
  .leistung-abstand              { display: none; }
  .formlist li                   { float: none; width: auto; }
  .formlist li.left              { padding-right: 0; }
  .formlist li.right             { padding-left: 0; }
  .bcg-text                      { width: 100% !important; height: auto !important; left: 0 !important; bottom: 0px !important; right: unset !important; top: unset !important; box-sizing: border-box; font-size: 18pt; text-align: center; }
  #bildgala.gala-non-mobile .bcg-text { bottom: 60px !important; }
  #pagescroll                    { display: none; }
  #folge-inhalt                  { background-position: center top 94px; }
  #kontakt-info                  { width: auto; float: none; }
  #kontakt-asp                   { width: auto; float: none; padding-top: 30px; }
  #asp1                          { float: none; width: auto; }
  #asp2                          { float: none; width: auto; padding-top: 30px; }
  .asp-info                      { height: auto; }
  .asp-info                      { float: none; width: auto; }
  .asp-bild                      { float: none; width: auto; }
  #footer-logo-vdzi              { position: static; margin: 0 auto; padding-top: 30px; }
  #footer-logo-dgzi              { position: static; margin: 0 auto; padding-top: 30px; }
  #foot-text                     { max-width: 100%; margin: 0 auto; }
  #copyright                     { max-width: 100%; margin: 0 auto; }
}

@media screen and (min-width: 1200px) and (max-height: 900px){
  #logo-mig img                  { height: 140px; }
}

@media screen and (min-width: 1200px) and (max-height: 800px){
  #navigation                    { padding-bottom: 18px; }
  #logo-mig img                  { height: 120px; }
  #logo-vdzi img                 { height: 60px; }
  #logo-dgzi img                 { height: 60px; }
}

@media screen and (min-width: 1200px) and (max-height: 768px){
	#logo                          { padding-top: 25px; }
  #navigation                    { padding-top: 0px; }
}


.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 #7ead32; cursor: pointer; background-color: #7ead32; 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: #7ead32; 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: #7ead32; color: #fff; border: 0; border-radius: 3px; padding: 6px; cursor: pointer; }
.form-check { display: flex; gap: 5px; }
.form-check-input { margin-top: 4px; }


/*.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: #f8f5f0 !important; color: #1b1b1b; font-size: 10pt; font-weight: 400; }
#designbody ul, ol { padding-left: 21px; }
#designbody p { padding-bottom: 17px; }
.mceContentBody { padding-top: 0!important; }