/*#cookie-opt-in { height: 50vh; overflow-y: scroll; }*/
#coi-cookies { display: block; }
.coi-cookie { padding-bottom: 10px; }
.coi-cookie:last-child { padding-bottom: 0; }

#navigation                 { display: none; }
#mobile-menu-button         { display: block; }
#start-boxen                { width: auto; position: static; height: auto; left: 0; margin-left: 0; padding-top: 20px; }
.start-box                  { position: relative; }
#sb1                        { top: auto; left: auto; float: none; width: auto; margin: 0 auto 20px auto; }
#sb2                        { top: auto; left: auto; float: none; width: auto; margin: 0 auto 20px auto; }
#sb3                        { bottom: auto; left: auto; float: none; width: auto; margin: 0 auto 20px auto; }
#sb4                        { bottom: auto; left: auto; float: none; width: auto; margin: 0 auto 20px auto; }
.start-box-clear            { clear: both; width: 100%; height: 0px; }
#footer                     { padding-left: 10px; padding-right: 10px; }
#footer-navigation          { display: none; }
#footer-nav-mobile          { display: block; }
#websuche                   { right: 17px; }
#mobile-menu-button         { right: 9px; }
#gw-buchung-form            { padding-bottom: 25px; }
#preise-links                       { float: none; width: auto; }
#preise-rechts                      { float: none; width: auto; }

.formlist li                { width: auto; float: none; }

.foot-box                   { float: none; width: auto; }
#footer-open                { padding-bottom: 15px; }
#footer-anschrift           { padding-bottom: 12px; }
#footer-notdienst           { padding-bottom: 12px; }
.foot-box-area              { padding-bottom: 12px; margin-bottom: 0; }

#inhalt-text.text-left      { float: none; width: auto; }
#infoboxen                  { float: none; width: auto; padding-top: 25px; }
.ifb                        { margin: 0 auto 20px auto; }

#copyright                  { padding-left: 10px; padding-right: 10px; }


#inhalt-text .inh-abs-bild-gala ul li { width: 150px; height: 150px; padding-right: 50px; margin-bottom: 25px; margin-top: 25px; }
#inhalt-text .inh-abs-bild-gala ul li a { width: 150px; height: 150px; }

#inhalt-text.text-left .inh-abs-bild-gala ul li { width: 150px; height: 150px; padding-right: 50px; margin-bottom: 25px; margin-top: 25px; }
#inhalt-text.text-left .inh-abs-bild-gala ul li a {  width: 150px; height: 150px; }

.asp                        { width: auto; float: none; }
#inhalt-text.text-left .asp { width: auto; }


#inhalt-text .marker-kats li { width: 50%; }
#inhalt-text.text-left .marker-kats li { width: 50%; }






.immo 															{ float: none; width: auto; }

#immo-suche-parameter 							{ display: none; }
#immo-suche-show-mobile             { display: block; }
.immo-s-param                       { width: auto; float: none; }
.immo-param-field input             { width: 83%; }
#immo-suche-button                  { margin: 0 auto; }


.immo-details-area 									{ float: none; width: auto; }
#immo-details-area2 .immo-details-inner { padding: 5px; }
#immo-details-area2                 { padding-top: 20px; }
#immo-nummer                        { display: none; }
#immo-werbung                       { float: none; width: auto; }
#immod-areas 												{ float: none; width: auto; }
#immod-bilder-und-links             { float: none; width: auto; }
#immo-energie-grafik 								{ display: none; }
#immo-energie-text                  { padding: 15px 0 0 5px; float: none; width: auto; }
.energiew-left                      { width: 22%; }
#immod-expose-link 									{ display: none; }
#immod-grundriss                    { text-align: center; }
#immod-grundriss img 							  { float: none; display: inline-block; }
#immod-grund-pdf                    { text-align: center; }
#immod-google-maps-link             { float: none; text-align: center; padding-bottom: 30px; }
#immod-bilder                       { float: none; width: auto; }
#immod-bilder ul li.lileft          { padding: 10px; }
#immod-bilder ul li.liright         { padding: 10px; }
#immo-nummer-mobile                 { display: block; }
#immod-expose-link-mobile           { display: block; }
.mobile                             { display: block; }
.energiew-left                      { width: 40%; }
.energiew-right                     { width: 60%; }
.immo-liste-werbung-label           { top: 18px; }


#gw-belegung                 				{ float: none; width: auto; padding-bottom: 20px; }
#gw-info                     				{ float: none; width: auto; }


.preis-tabelle                      { width: 100%; }
.pri-mobile                         { display: inline-block; }
.prt-head                           { display: none; }
.pri-left                           { width: auto; display: block; text-align: left; }
.pri-right                          { width: auto; display: block; text-align: left; }
.pri-allgemein                      { text-align: left; }


.immos-params-left-side { float: none; width: auto; padding-right: 0; }
.immos-params-right-side { float: none; width: auto; padding-left: 0; }

#start-wrap { background: none !important; }
#start-content-wrap { padding-left: 0; }
#bl-startbild { display: block; padding-bottom: 25px; }
#boxen-links { margin: 0 auto; }


@media only screen and (max-width: 670px) {
  .immo-param-field input             { width: 82%; }
  .immos-checkbox { width: 33.33333%; }
}

@media only screen and (max-width: 625px) {
 #gwtable                             { display: block; }
 .gwt-tr                              { display: block; padding-bottom: 25px; }
 .gwt-td                              { display: block; }
 .gwtitel                             { padding-right: 0; }
 .gwgroesse                           { padding-right: 0; }
 .gwflaeche                           { padding-right: 0; }
 .gwt-mobile-name                     { display: block; width: 50%; float: left; }
 .gwt-content                         { display: block; width: 50%; float: left; }
 .gwtablehead                         { display: none; }
}

@media only screen and (max-width: 565px) {
  .immo-info                          { width: 72%; }
  .immo-info-left											{ float: none; width: auto; }
  .immo-info-right										{ float: none; width: auto; }
  #immos-param-right                  { display: none; }
  .immo-param-field select            { width: 86%; }
  .immo-liste-werbung-label           { top: 34px; }
}

@media only screen and (max-width: 510px) {
  .immo-param-field input             { width: 81%; }
}


@media only screen and (max-width: 500px) {
  #head                       { height: 110px; }
  #websuche                   { display: none; }
  #logo                       { width: 155px; }
  #mobile-menu-button         { top: 33px; }
  
  #inhalt-text .inh-abs-bild-gala ul li { width: 90px; height: 90px; padding-right: 20px; margin-bottom: 10px; margin-top: 10px; }
  #inhalt-text .inh-abs-bild-gala ul li a { width: 90px; height: 90px; }
  
  #inhalt-text.text-left .inh-abs-bild-gala ul li { width: 90px; height: 90px; padding-right: 20px; margin-bottom: 10px; margin-top: 10px; }
  #inhalt-text.text-left .inh-abs-bild-gala ul li a {  width: 90px; height: 90px; }
  
  #inhalt-text .marker-kat { width: auto; padding: 0; }
  #inhalt-text.text-left .marker-kat { width: auto; padding: 0; }
  #inhalt-text .marker-kats li { width: auto; float: none; }
  #inhalt-text.text-left .marker-kats li { width: auto; float: none; }
  
  .marker-kat-image { float: left; width: 20%; }
  .marker-kat-name { float: left; width: 80%; text-align: left; padding-top: 11px; }
}

@media only screen and (max-width: 452px) {
  #sb1                        { width: calc(100vw - 65px); margin-left: 10px; }
  #sb2                        { width: calc(100vw - 65px); margin-left: 10px; }
  #sb3                        { width: calc(100vw - 65px); margin-left: 10px; }
  #sb4                        { width: calc(100vw - 65px); margin-left: 10px; }
  .ifb                        { width: calc(100vw - 72px); margin-left: 0px; }
  .immos-checkbox { width: 50%; }
}

@media only screen and (max-width: 445px) {
  .immo-pic                           { float: none; width: auto; }
  .immo-info                          { float: none; width: auto; padding-top: 5px; }
  #immod-bilder ul li                 { width: 50%; }
  #immod-bilder ul li.lileft          { padding: 0 0 15px 0; }
  #immod-bilder ul li.liright         { padding: 0 0 15px 0; }
  #immod-bilder ul li a               { margin: 0 auto; }
  .immo-liste-werbung-label           { top: 102px; }
}

@media only screen and (max-width: 425px) {
  .immo-param-field input             { width: 80%; }
  .immod-field-left                   { width: 50%; }
  .immod-field-right                  { width: 50%; }
  .energiew-left                      { width: 50%; }
  .energiew-right                     { width: 50%; }
  .immod-preis 												{ width: 70px; }
}

@media only screen and (max-width: 350px) {
	.pri-left                           { font-size: 90%; }
  .pri-right                          { font-size: 90%; }
}

@media screen and (max-width: 340px){
  #coi-infolinks { font-size: 10pt; }
}

#gwcards {
  grid-template-columns: 1fr;
}
.gwcard-img img {
  height: auto;
}