/* Allgemeine Styles */
* { margin:0; padding:0; }
*:focus { outline: 0; }
      
html,body                   { 
                              font-size: 12pt;
                              background-color: #fff;
                              color: #000;
                              font-family: 'Open Sans', sans-serif;
                              background-image: url(/static/rehaurd/hg-folge.jpg);
                              background-repeat: no-repeat;
                              background-position: top center;
                              background-attachment: fixed;
                            }
                            
#startseite                 {
                              background-image: url(/static/rehaurd/hg.jpg);
                              background-repeat: no-repeat;
                              background-position: top center;
                              background-attachment: initial;
														}
                            
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: #d3d3d3; }
:-moz-placeholder                               { font-size: 9pt; color: #d3d3d3; opacity: 1; }
::-moz-placeholder                              { font-size: 9pt; color: #d3d3d3; opacity: 1; }
:-ms-input-placeholder                          { font-size: 9pt; color: #d3d3d3; }
  
a:focus                     { outline:none; }
a                           { color:#b10505; }
a:link                      { text-decoration:none; }
a:visited                   { text-decoration:none; }
a:active                    { text-decoration:none; }
a:hover                     { color:#b10505; text-decoration:none; }

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


.wrap                       { max-width: 1200px; margin: 0 auto; }
#header                     { position: relative; }


#logo                       { padding-left: 38px; padding-top: 40px; height: 694px; }
#logo-mobile                { padding: 10px 0 0 10px; }
#logo-mobile img            { display: block; height: 100px; }

#navigation                         { max-width: 1113px; padding-top: 3px; padding-left: 28px; }
#head-mobile                        { display: none; }
#startbild                          { display: none; }
#startbild img                      { display: block; width: 100%; }

#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: #000; }

#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: 210px; height: 17px; padding: 12px 5px 12px 5px; font-size: 12pt; text-transform: none; padding-left: 0; text-transform: uppercase; }
#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: #000; }

#nav ul li ul                       { position: absolute; z-index: 1000; left: 0; top: 54px; padding: 10px 10px 0 10px; background: #fff; }
#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: #707b8b; }

.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: #707b8b; }

.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 #707b8b; 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%; deaktiviert da es keine weitere Sub Ebene gibt */ }
#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: #707b8b; 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: 46px; }
#mobile-menu-button span                { cursor: pointer; display: inline-block; background-color: #707c8c; color: #fff; padding: 5px 10px;
                                          -webkit-border-radius: 5px;
                                          -moz-border-radius: 5px;
                                          border-radius: 5px;
                                        }
                 
#search { position: absolute; right: 24px; top: 22px; }
#suchlupe { cursor: pointer; color: #af0202; }
#searchfield { position: absolute; top: 28px; right: 0px; width: 217px; height: 0px; background-color: #707b8b; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; }
#suchform { padding: 10px; }
#suchform input { border: none; padding: 3px; width: 191px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 4px; opacity: 0; }
                 
                                        
#startboxen                 { padding-bottom: 25px; }
#sb1                        { float: left; width: 33.33%; }
#sb2                        { float: left; width: 33.33%; }
#sb3                        { float: left; width: 33.33%; }

.infobox                    { padding: 25px 0; position: relative; }
.ifb                        {  }
.ifb a                      { display: block; }
.ifb-bild 									{ display: block; padding-bottom: 26px; }
.ifb-bild img               { display: block; margin: 0 auto; }
.ifb-titel                  { display: block; text-align: center; color: #fff; padding-bottom: 10px; font-size: 20pt; }
.ifb-text                   { display: block; text-align: center; color: #fff; padding-bottom: 10px; }
.ifb-arrow                  { display: block; width: 28px; height: 22px; margin: 0 auto; color: #fff; border: 1px solid #fff; }
.ifb-arrow-border           { display: block; text-align: center; }

.infobox .ifb-titel         { color: #707b8b; }
.infobox .ifb-text          { color: #707b8b; }
.infobox .ifb-arrow         { color: #800000; border-color: #800000; }



#logo-folge                         { float: left; width: 173px; }
#logo-folge img                     { display: block; height: 90px; }
#seitentitel 												{ float: left; width: 70%; padding-top: 33px; padding-left: 35px; }

#content                            { padding: 15px; }
#header-folge                       { padding-bottom: 30px; }
#seitentitel h1                     { font-size: 22pt; color: #800000; word-wrap: break-word; }
#inhalt-text h1                     { font-size: 22pt; padding-bottom: 25px; color: #800000; }
#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: 300px; float: right; }


                                        
                                        
#footer                             { /*background-color: #fff;*/ padding-top: 35px; padding-bottom: 22px; }
#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                  { padding-bottom: 15px; text-transform: uppercase; text-align: center; font-size: 10pt; }
#footer-nav-mobile a                { color: #000; }

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


.wohnung-titel                      { background-color: rgba(112, 124, 140, 0.61); padding: 5px; font-size: 13pt; margin-bottom: 15px; }
.wohnung-titel span                 { font-size: 10pt; }
.wohnung-content                    { padding-bottom: 30px; }
.wohnung-spalte                     { float: left; width: 33.33%; }
.info-feld                          { margin-bottom: 5px; }
.info-left                          { float: left; width: 40%; }
.info-right                         { float: left; width: 60%; }
.wohnung-text-titel                 { padding-top: 15px; padding-bottom: 5px; font-weight: bold; }
.wohnung-text                       { padding-bottom: 15px; }
.wohnung-spalte-gross               { width: 50%; }
#gspalte1                           { float: left; }
#gspalte2                           { float: right; }
#wbild1                             { float: right; width: 100px; height: 100px; }
#wbild2                             { float: right; width: 100px; height: 100px; padding-left: 15px; }
#wbild3                             { float: right; width: 100px; height: 100px; padding-left: 15px; }
#wbild1 a                           { display: block; width: 100px; height: 100px; background-size: cover; background-position: center center; border: 1px solid #a7afb8; }
#wbild2 a                           { display: block; width: 100px; height: 100px; background-size: cover; background-position: center center; border: 1px solid #a7afb8; }
#wbild3 a                           { display: block; width: 100px; height: 100px; background-size: cover; background-position: center center; border: 1px solid #a7afb8; }



.news-titel                         { background-color: rgba(112, 124, 140, 0.61); padding: 5px; font-size: 13pt; margin-bottom: 15px; }
.news-content                       { padding-bottom: 30px; }


/* 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; }


.download 									{ padding-bottom: 20px; }
.download-icon              { float: left; width: 90px; }
.download-info              { float: left; width: 80%; }
.download-info a            { color: #000; }
.download-info a:visited    { color: #000; }
.download-info a:hover      { color: #000; }


.pic-gala                   { padding-top: 25px; }
.gala-pic                   { float: left; width: 12.5%; padding-bottom: 20px; }
.gala-pic a                 { display: block; width: 100px; height: 100px; background-size: cover; background-position: center center; }
#inhalt-text.text-left .gala-pic { width: 14.28%; }



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






.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: #b10505; 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 { 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: #b10505; color: #fff; border: 0; border-radius: 5px; padding: 6px; cursor: pointer; }
.form-check { display: flex; gap: 5px; }

@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; }
}





#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; }