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

body                                { background-color: #fff;
                                      font-family: Arial, Helvetica, Sans-serif;
                                      font-size: 11pt;
                                      color: #777777;
                                      background-image: url(/static/ulw/hg-page.jpg);
                                      background-repeat: no-repeat;
                                      background-attachment: fixed;
                                      background-position: top center;
                                      background-size: cover;
                                    }
                                    
/*#startseite                         { background-image: url(/static/ulw/hg-startseite.jpg); }*/
#startbild                          { display: none; padding-top: 68px; }
#startbild img                      { width: 100%; }

a:focus                             { outline:none; }
a                                   { color:#8bc53e; }
a:link                              { text-decoration:none; }
a:visited                           { text-decoration:none; }
a:active                            { text-decoration:none; }
a:hover                             { color:#8bc53e; text-decoration:none; }

[placeholder]:focus::-webkit-input-placeholder  { transition: opacity 0.5s 0.5s ease; opacity: 0; }
::-webkit-input-placeholder                     { /* WebKit browsers */ color: #636363; }
:-moz-placeholder                               { /* Mozilla Firefox 4 to 18 */ color: #636363; opacity: 1; }
::-moz-placeholder                              { /* Mozilla Firefox 19+ */ color: #636363; opacity: 1; }
:-ms-input-placeholder                          { /* Internet Explorer 10+ */ color: #636363; }

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


#wrap-head                          {  }
#head                               { max-width: 1200px; margin: 0 auto; position: relative; }
#logo                               { padding-top: 22px; padding-left: 23px; padding-bottom: 17px; float: left; }
#logo img                           { display: block; }
#claim                              { font-family: Verdana, Arial, Helvetica; font-size: 26pt; color: #89443b; font-style: italic; float: left; padding-left: 133px; padding-top: 52px; }
#suche                              { float: right; padding-right: 49px; padding-top: 24px; position: absolute; right: 0; }


#wrap-navigation                    { height: 50px; border-top: 1px solid #8bc53e; background-color: #8bc53e; }
#navigation                         { max-width: 1180px; margin: 0 auto; padding: 0 10px; }


#suche-lupe                         { float: right; padding-right: 15px; cursor: pointer; }
#suche-slider                       { float: left; overflow: hidden; width: 0px; padding-top: 2px; }
#suche-form                         { width: 244px; }
#suche-eingabe                      { float: left; margin: 0 10px; }
#suche-eingabe input                { padding: 4px; border: 1px solid #8bc53e; }
#suche-senden                       { width: 23px; height: 23px; float: left; border: 1px solid #8bc53e; cursor: pointer; }
#suche-pfeil                        { width: 0; height: 0; margin-left: 9px; margin-top: 5px; border: 7px solid #8bc53e; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 7px solid transparent; }


#nav                                {  }
#nav a                              { display: block; float: left; color: #fff; font-size: 12pt; padding: 17px 0 15px 0; text-transform: uppercase; letter-spacing: 1px; }
#nav ul                             { list-style:none; text-align: justify; }
#nav li                             { height: 33px; padding-bottom: 6px; text-align: -webkit-match-parent; display: inline-block; }
#nav li ul li                       { padding-right:0px; }
#nav li ul li a                     { padding-right:20px !important; }
#nav .last-li                       { padding-right:0; }

#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 a                        {  }
#nav ul li a.maintext               { padding-top: 17px; padding-bottom: 15px; padding-right: 10px; padding-left: 10px; }
#nav ul li ul li a.subtext          { float:left; border-bottom:1px solid #63a346; background-color:#8bc53e; display:block; width:255px; height:17px; padding:12px 5px 12px 29px; color: #fff; letter-spacing: 1px; font-size: 10pt; }
#nav ul li ul li ul li a.subtext    { float:left; border-bottom:1px solid #63a346; background-color:#8bc53e; display:block; width:210px; height:17px; padding:12px 5px 12px 5px; color: #fff; }
#nav ul li ul li ul li ul li a.subtext { float:left; border-bottom:1px solid #63a346; background-color:#8bc53e; display:block; width:210px; height:17px; padding:12px 5px 12px 5px; color: #fff; }

#nav ul li ul                       { position: absolute; z-index: 1000; left: 0; top: 50px; border: 1px solid #63a346; border-top: 0; background-color: #72c04e; }
#nav ul li ul li ul                 { position: absolute; z-index: 900; left: 284px; top: 0; }
#nav ul li ul li ul li ul           { position: absolute; z-index: 800; border-top: 1px solid #d3d3d3; left: 215px; top: 0; }

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

.mainliclick                        { float:left; padding: 0 !important; width: 31px; height: 50px; background-image:url(/static/ulw/nav-btn-open-v.png); background-position: 0px 8px; background-repeat:no-repeat; }
.sub1liclick                        { position:absolute; top:5px; right:5px;  display:block; float:left; width:31px; height:31px; background-image:url(/static/ulw/nav-btn-open-h.png); background-position:top right; background-repeat:no-repeat; }
.sub2liclick                        { position:absolute; top:5px; right:5px;  display:block; float:left; width:31px; height:31px; background-image:url(/static/ulw/nav-btn-open-h.png); background-position:top right; background-repeat:no-repeat; }

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

.submenuleft                        { left: -215px !important; }

.mainli:hover .mainliclick          { background-image:url(/static/ulw/nav-btn-close-v.png); }
.sub1li:hover .sub1liclick          { background-image:url(/static/ulw/nav-btn-close-h.png); background-position: top right; }
.sub2li:hover .sub2liclick          { background-image:url(/static/ulw/nav-btn-close-h.png); background-position: top right; }


#nav100                             { padding: 0; margin: 0; padding-left: 100%; height: 1px !important; }

#nav a:focus                        { outline:none; }
#nav a                              { color:#fff; }
#nav a:link                         { text-decoration:none; }
#nav a:visited                      { text-decoration:none; }
#nav a:active                       { text-decoration:none; }
#nav a:hover                        { color:#fff; text-decoration:none; }


#wrap-head-mobile                   { display: none; height: 68px; background-color: #fff; position: fixed; width: 100%; z-index: 150; }
#head-mobile                        { height: 61px; }
#nav-mobile-button                  { float: right; cursor: pointer; padding: 29px 7px 19px 7px; width: 25px; }
.menu-line                          { width: 25px; height: 3px; margin-bottom: 3px; background-color: #8bc53e; }
#head-mobile-zusatz                 { float: left; }
#head-mobile-logo                   { float: left; }
#head-mobile-logo img               { float: left; border: 0; height: 47px; padding: 10px 5px 0px 10px; display: block; }

#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; background-color: #fff; overflow-y: auto; }
#ios-menu-korrektur                 { width: 100%; height: 70px; }
#mnav-head                          { position: relative; text-align: center; padding-top: 15px; color: #89443b; font-size: 18pt; 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                          {  }
#mnav-body a                        { text-decoration: none; color: #fff; }
#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 #63a346; display: block; }
#mnav-body ul li                    {  }
.manv0                              { padding-left: 20px; background-color: #8bc53e; color: #fff; }
.manv1                              { padding-left: 40px; background-color: #fff; color: #e60007; }
.manv2                              { padding-left: 60px; }
.manv3                              { padding-left: 80px; }
#mnav-body a.manv1                  { color: #474747; }
#mnav-body a.manv2                  { color: #474747; }
#mnav-body a.manv3                  { color: #474747; }
.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 #fff; 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: #fff; }
.show-sub-nav.isclicked             { top: -2px; padding-top: 0; padding-bottom: 12px; }
.mnavul1                            { display: none; }
.mnavul2                            { display: none; }
.mnavul3                            { display: none; }
.mnavli1 .marrow                    { border: 6px solid #2B54A0; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; }
.mnavli1 .isclicked .marrow         { border-top-color: transparent; border-bottom-color: #2B54A0; }
#claim-text                         { float: left; font-size: 18pt; padding-top: 24px; padding-left: 20px; color: #89443b; width: 193px; }
#claim-text img                     { width: 100%; }



#content-wrap                       { max-width: 1200px; margin: 0 auto; padding: 25px 0 0 0; }
#content                            {  }
#content h2                         { font-weight: normal; padding-bottom: 15px; font-size: 16pt; }
#content p                          { padding-bottom: 20px; }
#content ul                         { padding-left: 17px; }
#content ol                         { padding-left: 34px; }
#content-inner                      { padding: 0 30px 15px 30px; }
#seitentitel                        { padding-bottom: 25px; }
#seitentitel h1                     { font-size: 18pt; /* font-family: 'Julius Sans One';*/ font-weight: normal; text-transform: uppercase; word-break: break-word; }
.content-trenner                    { width: 100%; height: 15px; }

.show-ifb                           { float: left; width: 870px; }
#infoboxen                          { float: right; width: 300px; padding-right: 30px; padding-top: 51px; }
.infobox                            { padding-bottom: 40px; }


#wrap-boxen-unten                   { max-width: 1200px; margin: 0 auto; }
.sboxen                             { padding-top: 600px; }
.box                                { /*-webkit-box-shadow: 0px 6px 18px 0px rgba(137,68,59,1); -moz-box-shadow: 0px 6px 18px 0px rgba(137,68,59,1); box-shadow: 0px 6px 18px 0px rgba(137,68,59,1);
                                      -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
                                      background-color: #fff;*/ width: 348px;
                                    }
.box-inner                          { padding: 10px; }
.box-titel                          { text-transform: uppercase; color: #89443b; padding-bottom: 8px; padding-top: 3px; /*font-family: 'Julius Sans One';*/ font-size: 12pt; }
.box-bild                           {  }
.box-bild a                         { display: block; position: relative; }
.box-bild img                       { display: block; }
.box-button                         { position: absolute; bottom: 8px; right: 8px; width: 23px !important; }
#box1                               { float: left; }
#box2                               { float: left; margin-left: 82px; }
#box3                               { float: right; }


#wrap-fusszeile                     { max-width: 1200px; margin: 0 auto; padding-bottom: 20px; padding-top: 42px; }
#fusszeile                          {  }
#fusszeile ul                       { list-style: none; text-align: justify; }
#fusszeile ul li                    { text-align: -webkit-match-parent; display: inline-block; position: relative; text-transform: uppercase; }
#fusszeile ul li a                  { color: #8bc53e; }
#fuss100                            { padding-left: 100%; }
#copyright                          { text-align: center; color: #A2A2A2; font-family: Verdana, Arial, Helvetica; font-size: 10pt; }



.ifb                                { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #e4e4e4;
                                      background-color: #fff; width: 300px;
                                    }
.ifb-inner                          { padding: 10px; }
.ifb-titel                          { text-transform: uppercase; color: #8bc53e; padding-bottom: 8px; padding-top: 3px; /*font-family: 'Julius Sans One';*/ font-size: 12pt; }
.ifb-bild                           {  }
.ifb-bild a                         { display: block; }
.ifb-bild a img                     { width: 100%; display: block; }
.ifb-text                           { padding-top: 15px; }



#kontaktform                        {  }
#kontakt                            {  }
.form-feld                          { margin-bottom: 10px; }
.feld-name                          { padding-bottom: 5px; }
.feld-input                         {  }
label                               { display: block; padding-bottom: 5px; }
.formlist                           { list-style: none; padding: 0 !important; margin: 0; }
.formlist li                        { float: left; width: 50%; margin-bottom: 10px; }
.smalllist li                       { width: 33.33%; }
#nachricht                          { height: 110px; width: 94%; }
.ffeld                              { width: 88%; padding: 6px; border: 1px solid #8bc53e; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: Arial, Verdana, Sans-serif; }
.btn                                { padding: 5px; width: 125px; }


.akt-meldung                        { padding-bottom: 20px; }
.akt-bild                           { float: left; padding-right: 20px; width: 25%; max-width: 150px; }
.akt-bild img                       { width: 100%; }
.mehrlink                           { padding-top: 10px; text-align: right; padding-right: 20px; }
.newsBackLink                       { padding-top: 10px; text-align: right; padding-right: 20px; }


#angebote-suche                     { padding-bottom: 30px; padding-top: 15px; }

#angebote-liste                     {  }
.wag                                { margin-bottom: 25px; float: left; width: 50%; }
.wag-inner                          { padding: 0 15px; }
.wag-inner a                        { display: block; padding: 10px; border: 1px solid #72C04E; transition: background-color 0.5s ease; color: #777777 !important; min-height: 130px; }
.wag-inner a:hover                  { background-color: rgba(114, 192, 78, 0.1); border-color: #63a346; }
.wag-bild                           { display: block; float: left; width: 150px; padding-right: 25px; }
.wag-bild img                       { display: block; max-width: 150px; }
.wag-no-pic                         { min-height: 1px; }
.wag-infos                          { display: block; float: left; width: 66%; }
.wag-adresse                        { display: block; padding-bottom: 15px; }
.wag-zimmer                         { display: block; float: left; width: 50%; }
.wag-flaeche                        { display: block; float: left; width: 50%; }
.wag-etage                          { display: block; float: left; width: 50%; padding-top: 15px; }
.wag-balkon                         { display: block; float: left; width: 50%; padding-top: 15px; }
.wag-clear                          { display: block; clear: both; }



#wl-infos-left                      { float: left; width: 70%; }
#wl-infos-right                     { float: right; width: 30%; text-align: right; }
.wd-inner                           { padding: 10px; }

#wd-info-left                       { width: 60%; float: left; }
#wd-info-right                      { width: 40%; float: left; }

.wd-info                            { margin-bottom: 10px; }
.wd-info::after                     { content: ''; display: block; clear: both; }
.wd-info-left                       { float: left; width: 40%; }
.wd-info-right                      { float: left; width: 60%; }
.wd-preis                           { width: 100px; text-align: right; }

#wd-texte                           { padding-top: 15px; }
.wd-text                            { padding-bottom: 25px; }
.text-head                          { font-weight: bold; padding-bottom: 8px; }
#wd-pic                             { padding-bottom: 25px; }
#wd-links                           {  }
#wd-links a                         { display: block; margin-bottom: 15px; }

.new-start-box                      { width: 300px; margin: 0 auto; }

#mobile-footer-nav                  { text-align: center; padding: 12px 0 20px 0; }
#mobile-footer-nav a                { color: #8bc53e; }


#head-wihnachten                    { /*background-image: url(/static/ulw/hg-head.jpg); background-position: top center; background-repeat: no-repeat;*/ }
#image-weihnachten                  { background-position: top center; background-repeat: no-repeat; }
/*#footer-weihnachten                 { background-image: url(/static/ulw/hg-footer.jpg); background-position: top center; background-repeat: repeat-y; }*/


#cookie-info                        { position: fixed; bottom: 10px; z-index: 10000; width: 100%; }
#cookie-info-content                { max-width: 625px; margin: 0 auto;  background-color: rgb(242, 240, 242); color: #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; padding: 10px; border: 2px solid #8bc53e; }
#cookie-info-text                   { font-size: 9pt; }
#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: #8bc53e; margin-top: 10px; cursor: pointer; }
#cookie-info-spacer                 { height: 105px; width: 100%; }


#social-links                       { position: absolute; right: 55px; top: 60px; }
#social-links a                     { display: inline-block; padding: 5px 3px; font-size: 23pt; color: #474747; }
#social-links a:hover               { color: #8bc53e;
                                      -webkit-transition: color 250ms linear; -moz-transition: color 250ms linear;
                                      -o-transition: color 250ms linear; transition: color 250ms linear;
                                    }
#social-links-mobile                { display: none; text-align: center; padding-bottom: 10px; }
#social-links-mobile a              { display: inline-block; color: #474747; font-size: 23pt; }



.suche-slider { box-sizing: border-box; padding: 22px 0 0 0; }
.suche-slider.start-slider { padding: 0; }
.slider-table { display: table; width: 100%; padding-bottom: 15px; }
.last-slider .slider-table { padding-bottom: 5px; }
.slider-td { display: table-cell; vertical-align: top; }
.slider-left { width: 70px; }
.slider-right { width: 70px; }
.slider-td span { display: block; text-align: center; font-size: 12pt; }
.slider-inner { padding: 0 18px; position: relative; }
.slider-titel { position: absolute; width: 100%; text-align: center; top: -22px; left: 0; font-size: 11pt; font-weight: bold; }
.noUi-horizontal { margin-top: 2px; height: 10px; }
.noUi-target { background: rgb(208, 208, 208); box-shadow: none; }
.noUi-handle { box-shadow: none; background: #72c04e; }
.noUi-horizontal .noUi-handle { height: 22px; top: -7px; }
.noUi-handle:after, .noUi-handle:before { height: 9px; }

.area-headline { font-weight: bold; padding-bottom: 8px; }

#objekttyp { padding-bottom: 25px; }
.objtyp { float: left; padding-right: 60px; box-sizing: border-box; }
.objtyp label { display: inline-block; padding-left: 5px; }

#wwslider { padding-bottom: 25px; }
.slider { float: left; width: 50%; box-sizing: border-box; }
.slider:nth-child(odd) { padding-right: 25px; clear: both; }
.slider:nth-child(even) { padding-left: 25px; }


#wgebiete { padding-bottom: 25px; }
.wgebiet { float: left; width: 25%; padding-right: 20px; box-sizing: border-box; }
.wgebiet label { display: inline-block; padding-left: 5px; }

#wwbalkon { padding-bottom: 25px; }
.balkon { float: left; padding-right: 60px; box-sizing: border-box; }
.balkon label { display: inline-block; padding-left: 5px; }


.formlist-date { list-style: none; padding: 0 !important; margin: 0; }
.formlist-date li { float: left; width: 150px; margin-bottom: 10px; box-sizing: border-box; padding-right: 25px; }
.formlist-date li .ffeld { width: 100%; box-sizing: border-box; text-align: center; }

#wwzeitraum { padding-bottom: 25px; }

.ui-datepicker-prev { display: none; }
.ui-datepicker-next { display: none; }

#ww-besonders { padding-bottom: 25px; }
#ww-besonders .ffeld { width: 100%; }

.kal_tag_termin                               { background-color: #72c04e; color: #a03422; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 2px 2px 3px 2px; }
.kal_tag_termin_vorbei                        { background-color: #dedede; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 2px 2px 3px 2px; }
.kal_tag_termin_havetermin                    { background-color: #a03422; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 2px 2px 3px 2px; }
.kal_tag_termin_gebucht                       { background-color: #ff0000; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 2px 2px 3px 2px; }
.calendarbox                                  {  }
.calendarbox a                                { color: #000; display: block; }
.calendarbox a:hover                          { color: #000; display: block; }
.calendarbox a:visited                        { color: #000; display: block; }
.kal_tag_termin a                             { color: #474747; }
.kal_tag_termin a:hover                       { color: #474747; }
.kal_tag_termin a:visited                     { color: #474747; }
.kal_tag_termin_havetermin a                  { color: #fff; }
.kal_tag_termin_havetermin a:hover            { color: #fff; }
.kal_tag_termin_havetermin a:visited          { color: #fff; }
.kal_tag_termin_gebucht a                     { color: #fff; }
.kal_tag_termin_gebucht a:hover               { color: #fff; }
.kal_tag_termin_gebucht a:visited             { color: #fff; }
.kal_titel_gr                                 { padding: 15px 0; font-size: 12pt; }
.cal-controls i                               { font-size: 15pt; }
.cal-titel                                    { font-size: 12pt; text-align: center; }

.d-none { display: none!important; }
#gwpreise { padding: 30px 0; }
#gwpreise table th.text-left { text-align: left; }
#gwpreise table th.text-right { text-align: right; }
#gwpreise table td.text-right { text-align: right; }











.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: #8bc53e; 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: #8bc53e; 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; }
#designbody ul,ol                   { padding-left: 21px; }
#designbody p                       { padding-bottom: 17px; }
.mceContentBody                     { padding-top: 0px !important; }