body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../../files/content/css/webfonts/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lujVj9_mf.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../../files/content/css/webfonts/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7lujVj9w.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../../files/content/css/webfonts/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRdu3cOWxy40.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../../files/content/css/webfonts/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu3cOWxw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../../files/content/css/webfonts/4iCs6KVjbNBYlgoKcQ72nU6AF7xm.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../../files/content/css/webfonts/4iCs6KVjbNBYlgoKfw72nU6AFw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

h1,
h2,
h3 {
    font-family:'Ubuntu',sans-serif;
    font-weight:normal;
    color:#004996;
}
h1 {
    margin-top:0;
    font-size:1.4rem;
}
h2 {
    font-size:1.1em;
}
h3 {
    font-size:.95rem;
}
#right h1 {
    font-size:1rem;
}
#right .ce_text {
    padding-top:1rem;
    border-top:1px solid #F2BB90;
    border-top:1px solid rgba(230,120,33,.5);
}
#right .ce_text:first-of-type {
    padding-top:0;
    border-top:0;
}
#right .ce_text p,
#right .ce_text li {
    font-size:.9rem;
    color:#000;
}
#right li {
    margin-bottom:.3rem;
    background-position:0 0.3rem;
}
#right .ce_text.adresse p {
    font-size:1rem;
    color:#004996;
}
#main #index .ce_text {
    max-width:50%;
    float:left;
}
#main #index .ce_text.first {
    padding-right:18px;
    border-right:1px solid #E67821;
}
#main #index .ce_text.last {
    padding-left:18px;
}
#main #index .ce_text.first.last {
    width:100%;
    max-width:100%;
    float:none;
    padding:0;
    border: none;
}
.mod_article strong {
    font-weight: 600;
}
.mod_article a {
    padding-left:.7rem;
    background-image:url("../../files/content/img/logo_icons/link.svg");
    background-position:left center;
    background-repeat:no-repeat;
    text-decoration:none;
    color:#BC6300;
    background-size: 8px;
    background-position: 1px center;
}
.mod_article a:hover,
.mod_article a:focus {
    background-image:url("../../files/content/img/logo_icons/link-hover.svg");
    text-decoration:underline;
}
.mod_article li {
    padding-left:18px;
    background-image:url("../../files/content/img/logo_icons/listenpunkt.svg");
    background-position:left center;
    background-repeat:no-repeat;
}
.mod_article .linksfloat {
    max-width:263px;
    float:left;
}
.mod_article .abstandrechts-18 {
    margin-right:18px;
}
.mod_article.ansprechpartner .ce_headline {
    clear:left;
    display: block;
}
.mod_article.ansprechpartner .ce_text + .ce_headline {
    padding-top: 1em;
}

/* Kein Hintergrundbild für verlinkte Bilder */
.publikation1 h2 + p a,
.publikation2 h2 + p a,
.publikation3 h2 + p a,
.mod_article figure > a {
    padding-left:0;
    background-image: none;
}

/* Kein Hintergrundbild für verlinkte Bilder */
.publikation1 h2 + p a:hover,
.publikation1 h2 + p a:focus,
.publikation2 h2 + p a:hover,
.publikation2 h2 + p a:focus,
.publikation3 h2 + p a:hover,
.publikation3 h2 + p a:focus,
.mod_article figure > a:hover,
.mod_article figure > a:focus {
    padding-left:0;
    background-image: none;
}
.mod_article figure a::before {
    content:none;
}
.mod_article .clear_left {
    clear:left;
    display:block;
}
.zweispaltig {
    -moz-column-count: 2;
            -webkit-column-count: 2;
            column-count: 2;
            -moz-column-gap: 20px;
            -webkit-column-gap: 20px;
            column-gap: 20px;
}
.nobreak {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}
.linieoben {
    margin-top:1rem;
    padding-top:1rem;
    border-top:1px solid #CCC;
}
.notopmargin {
    margin-top:-0.7rem;
}
.keinabstandoben {
    margin-top:0;
}
.vorspann p {
    font-size:105%;
    color:#666;
    font-weight:600;
}
.caption {
    font-size:.85rem;
    color:#666;
}
.linkliste li {
    margin-bottom:.3rem;
    padding-left:0;
    background-image: none;
}

/* Wohnungsbestand: Map für Desktop */
#desktop {
    width:1080px;
    height:720px;
    margin:0;
    padding:0;
    border:0;
    margin-left: -1rem;
    scrolling="no";
}

/* Liste für große Displays ausschalten */
#smartphone {
    display:none;
}
figure + h3 {
    margin-top:0.3em;
    margin-bottom:0;
}
#right #sperrmuell .vorspann p {
    font-size:100%;
    font-weight:normal;
    color:#004996;
}
.mod_article#service a::before {
    content:none;
}
.notdienste table {
    width:100%;
    margin-top:.5rem;
    background-color:rgba(230,120,33,.1);
    font-size:.85rem;
}
.notdienste tr:first-of-type {
    background-color:rgba(230,120,33,.7);
    color:#FFF;
}
.notdienste tr:nth-child(odd) {
    background-color:rgba(230,120,33,.2);
}
.notdienste tr:first-of-type {
    background-color:rgba(230,120,33,.7);
    color:#FFF;
}
.notdienste td {
    padding:.3rem .3rem .3rem .5rem;
    text-align:left;
    border-right:1px solid #FFF;
    border-bottom:1px solid #FFF;
}
.notdienste table p {
    margin:0;
    line-height: auto;
}
.notdienst_schmal {
    display:none;
}
.publikationen .ce_text img,
#right img[title="Prospekt »Wohnen an der Allensteiner Straße«"],
.start #right img {
    border:1px solid rgba(153,153,153,.7);
}
.publikationen li {
    margin-bottom:.5rem;
    padding-left:0;
    background-image:none;
}
div.publikation1,
div.publikation2,
div.publikation3 {
    width:250px;
    float:left;
}
div.publikation1 {
    margin-right:40px;
}
div.publikation3 {
    clear:left;
}

#footer h1 {
    margin-bottom:.2rem;
    font-size:.75rem;
    font-weight:bold;
    color:#888;
    text-transform:uppercase;
    letter-spacing:.02rem;
}

/*
::::::::::  FARBEN :::::::::::
  orange: #E67821, (230,120,33)
  orange 10%: #FCF1E9
  orange 20%: #FAE4D3
  orange 50%: #F2BB90
  orange 70%: #EDA064
  blau: #004996
*/


/* Gestaltung Suchseite */
.mod_search h3 {
    padding-top:.7rem;
    border-top:1px solid rgba(204,204,204,.8);
    color:#777;
}
.mod_search .relevance {
    font-size:.85rem;
}
.mod_search .url {
    margin-top:-0.5rem;
    color:#777;
}

/* Gestaltung Akkordeon */
.ce_accordion .toggler {
    margin-bottom:.5rem;
    padding-left:2rem;
    background-image:url("../../files/content/img/logo_icons/plus.svg");
    background-repeat:no-repeat;
    border:1px solid rgba(230,120,33,.8);
    color:#666;
    cursor: pointer;
}
.ce_accordion .toggler:hover,
.ce_accordion .toggler:focus {
    background-color:rgba(230,120,33,.1);
}
.ce_accordion .toggler.active {
    background-image:url("../../files/content/img/logo_icons/minus.svg");
}

/* Gestaltung Formular allgemein */
#formular {
    margin-top:1rem;
    padding:10px;
    background-color:#FCF1E9;
    background-color:rgba(230,120,33,.1);
    font-size:.8rem;
}
#formular label {
    display:block;
    margin-bottom:.25rem;
    cursor: pointer;
}
#formular fieldset.checkbox_container label,
#formular fieldset.radio_container label {
    display:inline-block;
    margin-right:24px;
}
#formular span.mandatory {
    color:#004996;
}
#formular fieldset legend {
    font-size:1rem;
    color:#004996;
}

/* Abstand oben */
#formular fieldset fieldset,
#formular div.widget-textarea,
#formular div.widget-captcha,
#formular fieldset.abstandoben,
#formular div.abstandoben {
    clear:left;
    margin-top:1rem;
}
#formular div.explanation {
    margin-top:.3rem;
}

/* weniger Abstand oben - Ausnahme */
#formular fieldset fieldset.checkbox_container {
    margin-top:.2rem;
}

/* kein Abstand oben - Ausnahme */
#formular fieldset fieldset.abwann {
    margin-top:0;
    margin-left:5px;
}

/* Eingabefelder nebeneinander */
#formular div.zweifelder,
#formular div.dreifelder {
    float:left;
    margin-right:11px;
}
#formular div.zweifelder:last-of-type,
#formular div.dreifelder:last-of-type {
    margin-right:0;
}

/* volle Breite */
#formular textarea,
#formular div.einfeld input {
    width:100%;
}

/* halbe Breite */
#formular div.zweifelder input,
#formular div.widget-checkbox.zweifelder {
    width:254px;
}

/* drittel Breite */
#formular div.dreifelder input {
    width:166px;
}

/* Standard-Stile für Input-Felder entfernen */
#formular input[type='checkbox'],
#formular input[type='radio'],
#formular input[type="submit"] {
    margin-right:10px;
    -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          border:none;
          border-radius: 0;
          font-size: 1em;
          width: 100%;
}
#formular input[type="text"],
#formular textarea {
    padding:.25rem;
    border:1px solid #E67821;
    box-shadow:none;
}

/* für IE8 */
#formular input[type='checkbox'],
#formular input[type='radio'] {
    width:auto;
    display:inline-block;
    border:0;
    background: transparent;
}
#formular input[type='checkbox']:checked,
#formular input[type='checkbox']:not(:checked),
#formular input[type='radio']:checked,
#formular input[type='radio']:not(:checked) {
    position:relative;
    margin:0;
    padding:0;
    visibility: hidden;
    background: transparent;
}
#formular input[type='checkbox'] + label,
#formular input[type='radio'] + label {
    cursor: pointer;
}
#formular input[type='checkbox']:hover  + label::before,
#formular input[type='radio']:hover  + label::before {
    background:#ddd;
      box-shadow: inset 0 0 0 3px white;
}
#formular input[type='checkbox']:checked + label::before,
#formular input[type='checkbox']:not(:checked) + label::before,
#formular input[type='radio']:checked + label::before,
#formular input[type='radio']:not(:checked) + label::before {
    content:' ';
        display:inline-block;
        width: 17px;
        height:17px;
        position: relative;
        top:4px;
        border: 1px solid #E67821;
        background: white;
        margin-right: 0.5em;
}
#formular input[type='checkbox']:checked  + label::before,
#formular input[type='radio']:checked  + label::before {
    background:#E67821;
        box-shadow: inset 0 0 0 3px white;
}

/* Gestaltung Captcha-Feld */
#formular input.captcha {
    width:32%;
    margin-right:10px;
}

/* Gestaltung Absendebutton */
#formular button.submit {
    width:32%;
        margin-top:1rem;
        padding:.25rem;
        background-color:#FFF;
        border:1px solid #E67821;
        border-radius:10px;
        font-weight:normal;
        behavior:url('assets/css3pie/1.0.0/PIE.htc');
        cursor: pointer;
}
#gd_map_canvas22 {
    width: 780px !important;
}

/* Anfahrt: Reihenfolge beim Routenplaner ändern */
.mod_gd_googledirections {
    display:table;
}

/* Anfahrt: Eingabe Routenplaner unter Karte setzen */
.mod_gd_googledirections form {
    display:table-footer-group;
}
.mod_gd_googledirections form table {
    margin-top:1.5rem;
    margin-bottom:2rem;
}

/* Anfahrt: Routenplaner Absendefeld */
.mod_gd_googledirections input[type="submit"] {
    margin-left:8px;
    background-color:#FFF;
    border:0 #E67821;
    color:#777;
}
.mod_gd_googledirections input[type="submit"]:hover {
    text-decoration:underline;
}

/* Anfahrt: Routenplaner Eingabefeld */
.mod_gd_googledirections input[name="from"] {
    margin-left:5px;
    padding:3px;
    background-color:#FFF;
    border:1px solid rgba(E67821,.5);
    border-radius:6px;
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
}

/* Anfahrt: Schrift im Routenplaner gestalten */
.mod_gd_googledirections th {
    font-size:.95rem;
    font-weight:normal;
    color:#777;
}
#map_canvas {
    width:740px;
    height:710px;
    float:left;
}
.karte-gross #map_canvas {
    width:3000px;
    height:900px;
    float:left;
}
.bestand .mod_article a {
    text-decoration:none;
    background-image: none;
}
#side_bar {
    width:240px;
    height:710px;
    float:left;
    padding-left:14px;
    overflow-y:scroll;
}
#side_bar a {
    display:inline-block;
    padding:2px;
    border:2px solid #FFF;
    color:#333;
    background-image: none;
}
#side_bar a:hover,
#side_bar a:focus {
    background-color:rgba(230,120,33,.7);
    border:2px solid #FFF;
    text-decoration:none;
    background-image: none;
}
#side_bar::-webkit-scrollbar {
    width:1rem;
}
#side_bar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
#side_bar::-webkit-scrollbar-thumb {
    background-color: darkgrey;
      outline: 1px solid slategrey;
}

/* Gestaltung Cookie-Bar */
.contao-cookiebar h3 {
	font-size: 1.4rem;
}
.contao-cookiebar .highlight .cc-btn.success {
	background: #E67821;
	border-color: #BC6300;
}
.contao-cookiebar input:checked + label::before {
    background: #FCF1E9;
    border-color: #E67821;
}
.contao-cookiebar input:checked + label::after {
    background: #E67821;
    margin-left: 17px;
}
.contao-cookiebar input:disabled + label::before {
    background: #f4f4f4;
    border-color: #c8c7c5;
}
.contao-cookiebar input:disabled + label::after {
    background: #c8c7c5;
}
#cookiehinweis {
	width:740px;
    height:710px;
    float:left;
    background-color: #ededed;
    font-size: 160%;
    font-weight: bold;
    padding: 2em;
    color: #666;
}
.mod_cookiebarOpener {
	display: inline-block;
	border: 1px solid #E67821;
	border-radius:10px;
	background-color: white;
	padding: 5px 10px;
	font-size: 75%;
}
.mod_cookiebarOpener a {
	padding: 0;
	margin: 0;
}
.mod_cookiebarOpener:hover,
.mod_cookiebarOpener:focus {
	background-color: #FCF1E9;
}
.zusatzinfo {
	color: #999;
	font-size: 0.9em;
}
.blauspezial {
	font-family: 'Ubuntu',sans-serif;
	color: #004996;
	font-size: 0.9em;
}
.linie-oben {
	border-top: 1px solid #CCC;
	padding-top: 1em;
}
.abstand-oben-1 {
	margin-top: 1em;
}

/* Menubutton für responsive Navigation ausblenden */
div.menubutton {
    display:none;
}

/* Gestaltung Metanavigation */
#header .mod_customnav {
    float:right;
    margin-top:.8rem;
    font:.85rem 'Ubuntu',sans-serif;
    font-weight:400;
}
#header .mod_customnav ul,
#header .mod_customnav li {
    float:left;
}
#header .mod_customnav li {
    margin-left:1.4rem;
}
#header .mod_customnav a {
    text-decoration:none;
    color:#666;
}
#header .mod_customnav a:hover,
#header .mod_customnav a:focus {
    text-decoration:underline;
}

/* Gestaltung Suchformular im Kopfbereich */
#header div.mod_form {
    width:280px;
    height:28px;
    position:relative;
    float:right;
    clear:right;
    margin-top:.2rem;
    margin-bottom:1rem;
}
#header input.suchfeld {
    width:280px;
    height:28px;
    padding:1px 5px;
    border:1px solid #E67821;
}
#header input.lupe {
    right:0;
    top:0;
    position:absolute;
}
input[type="image"] {
    width:28px;
    height:28px;
}

/* Gestaltung Hauptnavi */
#header .mod_navigation {
    float:right;
    clear:right;
}
#header .mod_navigation ul,
#header .mod_navigation li {
    width:auto;
    float:left;
}
#header .mod_navigation .level_1 li {
    width:210px;
    margin-left:1rem;
    background-color:#E67821;
    border:1px solid #E67821;
}
#header .mod_navigation  a,
#header .mod_navigation  strong {
    display:block;
    padding-top:.5rem;
    padding-bottom:.5rem;
    text-align:center;
    font:1.6rem 'Ubuntu',sans-serif;
    text-decoration:none;
    color:#FFF;
}
#header .mod_navigation li:hover,
#header .mod_navigation li:focus,
#header .mod_navigation li.active,
#header .mod_navigation li.trail {
    background-color:#FFF;
    border:1px solid #E67821;
    color:#E67821;
}
#header .mod_navigation li:hover a,
#header .mod_navigation li:focus a,
#header .mod_navigation li.forward strong,
#header .mod_navigation li.trail a {
    color:#E67821;
}

/* Hauptnavi: Zweite Ebene ausblenden */
#header .mod_navigation .level_2 {
    width:0;
    height:0;
    left:-32768px;
    top:-32768px;
    position:absolute;
    overflow:hidden;
    display:inline;
    padding-top:30px;
}

/* Hauptnavi: Listenelemente 2. Ebene untereinander */
#header .mod_navigation .level_1 .level_2 li {
    clear:both;
    margin-left:0;
}

/* Hauptnavi: 2. Ebene bei hover einblenden */
#header .mod_navigation li:hover .level_2 {
    width:auto;
    height:auto;
    left:auto;
    top:auto;
    overflow:hidden;
    display:block;
    padding:.2rem 0 0;
    font-family:E67821;
    z-index:1000;
}
#header .mod_navigation ul.level_1 ul li {
    width:210px;
    background-image:url("../../files/content/img/logo_icons/spitze2.svg");
    background-position:center bottom;
    border:0px;
    background-color: transparent;
}
#header .mod_navigation ul.level_1 ul li:first-child {
    width:210px;
    position:relative;
    padding-top:10px;
    background-image:url("../../files/content/img/logo_icons/spitze2.svg");
    background-position:left top;
    background-repeat:no-repeat;
    border:0px;
    background-color:transparent;
}
#header .mod_navigation ul.level_1 ul li:last-child {
    border-bottom:1px solid #E67821;
}
#header ul.level_1 li.submenu:hover a {
    border:0;
    background-color:none;
}
#header .mod_navigation ul.level_1 li.submenu ul.level_2 li a,
#header .mod_navigation .level_2 strong {
    margin-left:.5rem;
    padding-right:0;
    padding-left:0;
    text-align:left;
    background-color:white;
    background-color:rgba(255,255,255,.01);
    border:0;
    font-size:1rem;
    color:#BC6300;
}
#header .mod_navigation ul.level_1 li.submenu ul.level_2 li a:hover,
#header .mod_navigation ul.level_1 li.submenu ul.level_2 li a:focus,
#header .mod_navigation ul.level_1 li.submenu ul.level_2 li strong {
    border:0;
    font-size:1rem;
    text-decoration:underline;
}

/* Gestaltung Suchformular auf Suchseite */
#main .mod_search input.text {
    padding:.25rem;
}
.mod_search .radio_container {
    margin:1rem 0;
}
.mod_search .radio_container label {
    margin-right:.5rem;
}

/* Gestaltung Breadcrumb */
#breadcrumb ul {
    height:24px;
    padding-top:.2rem;
    padding-right:.5rem;
    padding-left:.5rem;
    background-color:rgba(230,120,33,.7);
    font:.85rem 'Ubuntu',sans-serif;
    color:#FFF;
}
#breadcrumb ul:before {
    content: "Sie befinden sich hier: ";
}
.mod_breadcrumb li {
    display:inline;
}
#breadcrumb li:after {
    content: " > ";
}
#breadcrumb li.last:after {
    content:none;
}
#breadcrumb a,
#breadcrumb .active {
    text-decoration:none;
    color:#FFF;
}
#breadcrumb a:hover,
#breadcrumb a:focus {
    text-decoration:underline;
}

/* Gestaltung Subnavi linke Spalte */
#left .mod_navigation a,
#left .mod_navigation strong {
    display:block;
    margin-bottom:1rem;
    font:1rem 'Ubuntu',sans-serif;
    text-decoration:none;
    color:#BC6300;
}
#left .mod_navigation a:hover,
#left .mod_navigation a:focus {
    text-decoration:underline;
}

/* Gestaltung Navi  Footer */
#footer .mod_navigation li {
    width:auto;
    float:left;
}
#footer .mod_navigation .level_1 li,
#footer .mod_customnav .level_1 li {
    margin-right:1.4rem;
}
#footer .mod_navigation .level_2 ul,
#footer .mod_navigation .level_2 li {
    clear:both;
    margin-left:0;
}
#footer .mod_navigation a,
#footer .mod_customnav li.first a {
    font-weight:bold;
    text-decoration:none;
    color:#888;
    text-transform:uppercase;
}
#footer .mod_customnav a {
    text-decoration:none;
    color:#888;
}
#footer .mod_navigation a:hover,
#footer .mod_navigation a:focus,
#footer .mod_customnav a:hover,
#footer .mod_customnav a:focus {
    text-decoration:underline;
}
#footer .mod_navigation .level_2 a {
    font-weight:normal;
    text-transform:none;
}

/* Gestaltung Sitemap */
.mod_sitemap ul {
    margin:0;
    padding:0;
}
.mod_sitemap ul,
.mod_sitemap li {
    background-image:none;
}
.mod_sitemap li.submenu {
    width:auto;
    float:left;
    margin-right:1rem;
}
.mod_sitemap [title="Kontakt"] {
    clear:both;
}
.mod_sitemap a {
    width:10rem;
    display:block;
    margin-top:1rem;
    margin-bottom:.5rem;
    padding:.2rem .5rem;
    border:1px solid #E67821;
    font:1.2rem 'Ubuntu',sans-serif;
    font-weight:normal;
    background-image: none;
}
.mod_sitemap a:hover,
.mod_sitemap a:focus {
    margin-top:1rem;
    margin-bottom:.5rem;
    background-color:#E67821;
    border:1px solid #E67821;
    text-decoration:none;
    color:#FFF;
    background-image:none;
}
.mod_sitemap .level_2 a {
    display: block;
    width: auto;
    font-family: 'Source Sans Pro',sans-serif;
    font-size: 1em;
    border: none;
    padding-left: .7rem;
    background-image: url("../../files/content/img/logo_icons/link.svg");
    background-position: left center;
    background-repeat: no-repeat;
    text-decoration: none;
    color: #BC6300;
    background-size: 8px;
    background-position: 1px center;
    margin-top: 0;
    margin-bottom: 0;
}
.mod_sitemap .level_2 a:hover,
.mod_sitemap .level_2 a:focus {
    background-color: transparent;
    border:none;
    text-decoration: underline;
    background-image: url("../../files/content/img/logo_icons/link-hover.svg");
}

/*.mod_sitemap [title="Startseite"],
.mod_sitemap [title="Wohnen"],
.mod_sitemap [title="Service"],
.mod_sitemap [title="Über uns"],
.mod_sitemap [title="Impressum"],
.mod_sitemap [title="Kontakt"],
.mod_sitemap [title="Datenschutz"],
.mod_sitemap [title="Anfahrt"] {
    width:10rem;
    display:block;
    margin-top:1rem;
    margin-bottom:.5rem;
    padding:.2rem .5rem;
    border:1px solid #E67821;
    font:1.2rem 'Ubuntu',sans-serif;
    font-weight:normal;
    background-image: none;
}
.mod_sitemap [title="Startseite"]:hover,
.mod_sitemap [title="Wohnen"]:hover,
.mod_sitemap [title="Service"]:hover,
.mod_sitemap [title="Über uns"]:hover,
.mod_sitemap [title="Impressum"]:hover,
.mod_sitemap [title="Kontakt"]:hover,
.mod_sitemap [title="Datenschutz"]:hover,
.mod_sitemap [title="Anfahrt"]:hover {
    margin-top:1rem;
    margin-bottom:.5rem;
    background-color:#E67821;
    border:1px solid #E67821;
    text-decoration:none;
    color:#FFF;
    background-image:none;
}*/
.mod_sitemap .level_1 li.sibling:hover > a {
    background-color:#E67821;
    text-decoration:none;
    color:#FFF;
}
.mod_sitemap .level_2 li:hover .level_1 > li.submenu,
.mod_sitemap .level_2 a:hover .level_1 > li.submenu {
    background-color:#E67821;
}
.mod_sitemap .level_2 {
    margin-left:-0.5rem;
}
.mod_sitemap .level_2 li {
    margin-bottom:.3rem;
}

@media screen and (max-width: 767px) {
#header div.menubutton {
    width:auto;
    float:right;
    display:block;
}
#mmenu ul.level_3 {
    display:none;
}
#mmenu .level_1 li:nth-of-type(6),
#mmenu .level_1 li:nth-of-type(7) {
    display:none;
}
#mmenu .mm-listitem_selected {
        padding: 12px 10px 12px 20px;
}
#header .logo {
    float:none;
    display:block;
    margin-bottom:.1rem;
    text-align:left;
}
.logo img {
    width:80%;
    height:80%;
    float:none;
}
#header div.mod_form {
    width:100%;
    float:none;
    clear:both;
    margin-left:0;
    padding-left:0;
}
#header input.suchfeld {
    width:100%;
}
#header .mod_customnav,
#header .mod_navigation,
#left,
.nur-adresse #right,
#right .adresse,
#footer nav {
    display:none;
}
.start #left {
    float:none;
    display:block;
    padding-top:1rem;
    border-top:1px solid rgba(204,204,204,.8);
}
#main {
    margin:0;
    padding:0;
    font-size:90%;
    border: none;
}
#main .inside {
    padding:0;
}
.linksohne h1 {
    width:300px;
}
#right {
    padding-top:1rem;
    padding-left:0;
    border-top:1px solid rgba(204,204,204,.8);
}
#right .linie {
    padding-top:0;
    border: none;
}
#gd_map_canvas22 {
    width: 296px !important;
}
#gd_directionList22,
.mod_gd_googledirections table {
    width: 296px !important;
}

/* Wohnungsbestand: map für kleinere Displays */
#desktop {
    width:320px;
    height:500px;
    overflow: hidden;
}
#cookiehinweis {
	width: 100%;
	height: auto;
	padding: 10px;
}
/* Interaktive Karte für Smartphones */
#map_canvas {
    float:none;
    width: 280px !important;
    height:280px !important;
}
#side_bar {
    font-size:1.2rem;
    width: 280px !important;
    	height: 200px !important;
    	overflow-y:scroll !important;
    	float:none; 
    	padding:10px !important;
        -webkit-column-count: none !important; /* Chrome, Safari, Opera */
        -moz-column-count: none !important; /* Firefox */
        column-count: none !important;
        -webkit-column-rule: none;
        -moz-column-rule: none;
        column-rule: none;
}
#footer .adresse {
    width:auto;
    float:none;
    clear:both;
    display:block;
    margin-left:0;
}
}

@media screen and (max-width: 1023px) {
	#wrapper {
    padding-right:.8rem;
    padding-left:.8rem;
}
#headerfoto {
    height:auto;
}
#breadcrumb {
    display:none;
}
#main #index .ce_text {
    width:100%;
    max-width:100%;
    float:none;
}
#main #index .ce_text.first {
    padding-right:0;
    border: none;
}
#main #index .ce_text.last {
    padding-top:1rem;
    padding-left:0;
    border-top:1px solid #CCC;
}
.zweispaltig {
    -moz-column-count: 1;
                -webkit-column-count: 1;
                column-count: 1;
}

/* Eingabefelder untereinander volle Breite */
#formular div.zweifelder,
#formular div.dreifelder {
    width:100%;
    float:none;
    margin-right:0;
}

/* volle Breite für alle Formularfelder */
#formular div.zweifelder input,
#formular div.dreifelder input {
    width:100%;
}
.notdienst_schmal {
    display:block;
}
.notdienst_breit {
    float:none;
    display:none;
}
#footer .adresse {
    display:none;
}
}

html {
    -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        overflow-y: scroll;
}
*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}
body {
    background-color:#FFF;
    font:100% 'Source Sans Pro',sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#wrapper {
    max-width:1024px;
    margin-right:auto;
    margin-left:auto;
}
.karte-gross #wrapper {
    max-width:100%;
    margin-right:auto;
    margin-left:auto;
}
#header .logo {
    max-width:390px;
    float:left;
    margin-top:.8rem;
    text-align:right;
}
#headerfoto {
    width:100%;
    height:335px;
    position:relative;
    clear:both;
}
#headerfoto2 {
    width:100%;
    height:0px;
    position:relative;
    clear:both;
}
.bestand #headerfoto {
    height:0px;
}
#headerfoto .mod_article {
    position:relative;
}
#foto {
    height:auto;
    max-width:1024px;
    z-index:1;
}
#slogan {
    max-width:40%;
    right:2%;
    top:5%;
    position:absolute;
    z-index:2;
}
.service #slogan,
.gremien #slogan,
.genossenschaft #slogan {
    display:none;
}
#breadcrumb {
    width:auto;
    height:24px;
    bottom:0;
    left:0;
    position:absolute;
    margin-top:30px;
    z-index:3;
}
#container {
    margin:1.5rem 0 0;
}
.bestand #container {
    margin:0;
}
#main {
    padding-bottom:2rem;
    border-right:1px solid #E67821;
    border-left:1px solid #E67821;
}
.bestand #main {
    border-right:0px;
    border-left:0px;
}
.linksohne #main {
    width:100%;
    border-left:0;
}
#main .inside {
    min-height:250px;
    padding-right:18px;
    padding-left:18px;
}
.ueber-uns #main .inside {
    min-height:33rem;
}
.bestand #main .inside {
    padding-right:0;
    padding-left:0;
}
.linksohne #main .inside {
    padding-left:0;
}
#left {
    padding:0 18px 0 0;
}
#right {
    padding-left:18px;
}
#footer {
    padding-top:1rem;
    padding-bottom:2rem;
    border-top:1px solid #CCC;
    font-size:.85rem;
    color:#888;
}
#footer nav,
#footer div {
    width:auto;
    float:left;
}
#footer .adresse {
    margin-left:1rem;
}
#footer div.clear {
    width:0;
    height:0;
    clear:both;
    padding-bottom:2rem;
}

/* Seite ohne Navigation, Foto und Footer */
.sonderseite #header nav,
.sonderseite #header .mod_form,
.sonderseite #header .menubutton,
.sonderseite #header #headerfoto,
.sonderseite #footer {
    display:none;
}
.sonderseite #header .logo {
    margin-bottom:2em;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {

/* Interaktive Karte für Tablets im Hochformat */
#map_canvas,
#cookiehinweis {
    width:740px;
    height:600px;
    float:none;
}
#side_bar {
    width: 740px !important;
    	height: 780px !important;
    	overflow:hidden;
    	float:none; 
    	margin-top: 20px;
    	padding:0 10px 10px 10px;
        -webkit-column-count: 3; /* Chrome, Safari, Opera */
        -moz-column-count: 3; /* Firefox */
        column-count: 3;
        -webkit-column-rule: 1px solid #CCC; /* Chrome, Safari, Opera */
        -moz-column-rule: 1px solid #CCC; /* Firefox */
        column-rule: 1px solid #CCC;
}
}

#main {
  border: none;
}
.kartenwrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.ce_leaflet {
	width: 740px;
}
.sidebar {
	width: 236px;
}
.mod_article .ce_leaflet a,
.mod_article .sidebar a {
    padding-left:0;
    background-image:none;
    color: #333;
}
.mod_article .ce_leaflet a:hover,
.mod_article .ce_leaflet a:focus {
    background-image:none;
    text-decoration:none;
}
.mod_article .sidebar a {
	display: inline-block;
    padding: 0 2px;
    background-image:none;
    color: #333;
}
.mod_article .sidebar a:hover,
.mod_article .sidebar a:focus {
    background:orange;
    text-decoration:none;
}
.mod_article p {
	margin-bottom:0.3em;
}

.hausnummer {
	text-align: center;
	padding: 1px;
	background-color: orange;
	color: white;
	font-weight: 600;
	font-size: 10px;
	line-height: 10px;
	font-family:'Source Sans Pro', Arial, sans-serif;
}
.leaflet-pane > svg path.leaflet-interactive {
	stroke: orange;
	stroke-width: 1px;
	fill: white;
	fill-opacity: 0.3;
}
@media screen and (max-width: 1023px){
/* unter-1023.css */
#wrapper{padding-right:.8rem;padding-left:.8rem}#headerfoto{height:auto}#breadcrumb{display:none}#main #index .ce_text{width:100%;max-width:100%;float:none}#main #index .ce_text.first{padding-right:0;border: none}#main #index .ce_text.last{padding-top:1rem;padding-left:0;border-top:1px solid #CCC}.zweispaltig{-moz-column-count: 1;            -webkit-column-count: 1;            column-count: 1}#formular div.zweifelder,#formular div.dreifelder{width:100%;float:none;margin-right:0}#formular div.zweifelder input,#formular div.dreifelder input{width:100%}.notdienst_schmal{display:block}.notdienst_breit{float:none;display:none}#footer .adresse{display:none}
}
@media screen and (max-width: 767px){
/* unter-767.css */
#header div.menubutton{width:auto;float:right;display:block}#mmenu ul.level_3{display:none}#mmenu .level_1 li:nth-of-type(6),#mmenu .level_1 li:nth-of-type(7){display:none}#mmenu .mm-listitem_selected{padding:12px 10px 12px 20px}#header .logo{float:none;display:block;margin-bottom:.1rem;text-align:left}.logo img{width:80%;height:80%;float:none}#header div.mod_form{width:100%;float:none;clear:both;margin-left:0;padding-left:0}#header input.suchfeld{width:100%}#header .mod_customnav,#header .mod_navigation,#left,.nur-adresse #right,#right .adresse,#footer nav{display:none}.start #left{float:none;display:block;padding-top:1rem;border-top:1px solid rgba(204,204,204,.8)}#main{margin:0;padding:0;font-size:90%;border: none}#main .inside{padding:0}.linksohne h1{width:300px}#right{padding-top:1rem;padding-left:0;border-top:1px solid rgba(204,204,204,.8)}#right .linie{padding-top:0;border: none}#gd_map_canvas22{width: 296px !important}#gd_directionList22,.mod_gd_googledirections table{width: 296px !important}#desktop{width:320px;height:500px;overflow: hidden}#map_canvas{float:none;width: 280px !important;height:280px !important}#side_bar{font-size:1.2rem;width: 280px !important;	height: 200px !important;	overflow-y:scroll !important;	float:none; 	padding:10px !important;    -webkit-column-count: none !important; /* Chrome, Safari, Opera */    -moz-column-count: none !important; /* Firefox */    column-count: none !important;    -webkit-column-rule: none;    -moz-column-rule: none;    column-rule: none}#footer .adresse{width:auto;float:none;clear:both;display:block;margin-left:0}
}
@media screen and (min-width: 768px) and (max-width: 1023px){
/* zwischen-768-und-1023.css */
#map_canvas{width:740px;height:600px;float:none}#side_bar{width: 740px !important;	height: 780px !important;	overflow:hidden;	float:none; 	margin-top: 20px;	padding:0 10px 10px 10px;    -webkit-column-count: 3; /* Chrome, Safari, Opera */    -moz-column-count: 3; /* Firefox */    column-count: 3;    -webkit-column-rule: 1px solid #CCC; /* Chrome, Safari, Opera */    -moz-column-rule: 1px solid #CCC; /* Firefox */    column-rule: 1px solid #CCC}
}