.mobile-only,
#main .mobile-only.vc_btn3-container {
    display: none;
}

.element-nur-mobil {
    display: none;
}


/* =========================================
   ÜBERSICHT ALLER MEDIA QUERIES (von/bis)
   =========================================

   1) Mobile / kleine Screens
   -----------------------------------------
   - max-width: 900px
       -> 0px  bis  900px

   - max-width: 979px
       -> 0px  bis  979px
       (überlappt mit: max-width: 900px)


   2) Tablet / kleine Laptops
   -----------------------------------------
   - min-width: 980px and max-width: 1079px
       -> 980px bis 1079px

   - min-width: 980px and max-width: 1278px
       -> 980px bis 1278px
       (überlappt mit: 980–1079px)


   3) Mittlere Laptops / Standard-Desktop
   -----------------------------------------
   - max-width: 1300px
       -> 0px   bis 1300px
       (gilt zusätzlich zu allen kleineren Breakpoints)

   - min-width: 1279px and max-width: 1364px
       -> 1279px bis 1364px

   - max-width: 1400px
       -> 0px    bis 1400px
       (gilt zusätzlich zu allen kleineren Breakpoints)

   - min-width: 1365px and max-width: 1534px
       -> 1365px bis 1534px


   4) Größere Desktops / Wide Screens
   -----------------------------------------
   - max-width: 1600px
       -> 0px    bis 1600px

   - min-width: 1535px and max-width: 1919px
       -> 1535px bis 1919px

   - max-width: 1800px
       -> 0px    bis 1800px

   - max-width: 1900px
       -> 0px    bis 1900px

   - max-width: 2000px
       -> 0px    bis 2000px


   5) Extra Wide / Ultrawide
   -----------------------------------------
   - min-width: 1640px
       -> 1640px bis unendlich
       (2x verwendet:
          * .zeile-text-links
          * div#spalte-mietflaechen-header div.h1-gruen)

   - min-width: 1921px
       -> 1921px bis unendlich


   HINWEIS:
   - Die max-width-Queries (z.B. 1300, 1400, 1600, 1800, 1900, 2000)
     gelten immer kumulativ nach unten (also auch für alle kleineren Viewports).
   - Die min/max-Kombinationen (z.B. 980–1278, 1279–1364, 1365–1534, 1535–1919)
     bilden echte, klar begrenzte Bereiche.
*/



/* =========================================
   <= 900px
   ========================================= */
@media all and (max-width: 900px) {
    #main div#zeile-header-kontakt h1 {
        font-size: 36px;
        line-height: 1.1;
    }
}


/* =========================================
   <= 979px
   ========================================= */
@media all and (max-width: 979px) {

    #main #primary #content .zusatz-padding-bottom-mobil {
        padding-bottom: 35px;
    }

    #main div#kontakt-download-btn-zeile .kontakt-download-btn {
        float: unset;
    }

    /*
    div#zeile-bedeutende-namen div.textbereich-bedeutende-namen-geboxt {
        margin-bottom: 80px;
    }
	*/

    #main div#lage-box {
        padding: 0;
    }

    #main p.fenster-container-ueberschrift-oben,
    #main #zeile-inspiration-gut-versorgt p {
        font-size: 32px;
    }

    #main h2#absofortverfuegbar-startseite-mobil {
        font-size: 22px;
    }

    #main #primary li {
        /*color: pink !important;*/
        font-size: 18px;
    }

    #lage-box .lage-head .taxi,
    #lage-box .lage-rows .row .taxi {
        padding-left: 0;
    }

    .mieten-tabelle tbody td.highlight-cell {
        font-weight: 600;
    }

    .poi-liste-wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    #site-header {
        padding-top: 20px;
    }

    #site-header-inner img.custom-logo {
        width: 60px;
        background-color: var(--farbe-dunkelblau);
        padding: 10px;
    }

    #site-header-inner a.custom-logo-link {
        padding-left: 20px;
    }

    body.default-breakpoint .oceanwp-mobile-menu-icon {
        position: fixed;
        right: 30px;
        float: none;
        top: 0;
    }

    div#zeile-sektion-bespielungsvarianten p#bespielungsvarianten-ueberschrift,
    #main div#zeile-sektion-bespielungsvarianten p#bespielungsvarianten-unterueberschrift,
    div#zeile-sektion-nutzungsmix p#nutzungsmix-ueberschrift,
    div#zeile-sektion-nutzungsmix p#nutzungsmix-unterueberschrift,
    #main h1,
    #main p.startseite-ehem-h1 {
        font-size: 30px;
        line-height: 1.2;
    }

    #main h2 {
        font-size: 26px;
    }

    #main .white-headline h2 {
        color: var(--farbe-weiss);
    }

    #main .text-infobox-gruen ul li,
    #main .text-infobox-gruen p,
    #main .text-infobox-gruen h1 {
        color: var(--farbe-dunkelblau);
    }

    #main .text-infobox-gruen ul li:first-child {
        margin-top: 0px;
    }

    #main .text-infobox-gruen ul li {
        margin-top: 10px;
    }

    #main .text-infobox-gruen ul li p {
        padding-bottom: 10px;
    }

    #main p {
        font-size: 18px;
    }

    div#baut-saeulen-row,
    div#small-picture-content,
    div#zukunftsweisende-ziele,
    div#sektion-anspruchsvolle-bueroflaechen {
        display: none;
    }

    #main div.fenster-container-ueberschrift-oben p,
    #main div.fenster-container-ueberschrift-unten p,
    #main p.ueberschrift-imfenster,
    p.fenster-container-ueberschrift-oben {
        font-size: 22px;
        font-weight: bold;
    }

    div.drei-saeulen-textbereich {
        max-width: auto;
    }

    div.drei-saeulen-textbereich h2 {
        width: auto;
        line-height: 1.2;
    }

    #main div#spalte-drei-saeulen-header div.h1-gruen {
        margin-top: 10%;
        width: auto;
    }

    #main #keyfacts-liste p.keyfacts-liste-fakten-eingerueckt {
        margin-left: 7px;
    }

    #zukunftsweisende-ziele:after,
    #baut-saeulen-row:after {
        display: none;
    }

    #main .element-nur-mobil {
        display: block;
    }

    #main .element-mobil-ausblenden {
        display: none;
    }

    #main h1,
    #main h2,
    #main h3,
    #main h4,
    #main h5 {
        hyphens: none;
    }

    #main div#zeile-sektion-nutzungsmix {
        padding-top: 25px;
    }

    #main .bespielungsvarianten__btn {
        font-size: 20px;
        line-height: normal;
        margin-bottom: 5%;
        text-align: left;
    }

    #main .nutzungsmix__controls {
        padding: 0;
        text-align: center;
        display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap;
    }

    #main .nutzungsmix__btn {
        font-size: 16px;
        line-height: normal;
        margin-bottom: 5%;
        text-align: center;
        min-width: 170px;
    }

    #stackingplan div.button,
    #button-section div.button {
        text-align: left;
        width: 100%;
        margin-bottom: 5%;
        font-size: 20px;
        line-height: normal;
    }

    #button-section div.button.aktiv,
    .bespielungsvarianten .btn-option.aktiv {
        width: 100%;
        margin-bottom: 5%;
        text-align: left;
    }

    .mietflaechen-wrapper {
        display: flex;
        overflow: auto;
    }

    div#stackingplan {
        margin-top: 0;
    }

    div#bespielungsvarianten-text-unten,
    div#stackingplan div.textbereich-stackingplan-einleitungstext {
        width: fit-content;
        font-weight: 300;
    }

    div#bespielungsvarianten-text-unten p,
    div#stackingplan div.textbereich-stackingplan-einleitungstext p {
        font-size: 18px;
        font-weight: 300;
    }

    #zeile-sektion-nutzungsmix,
    #zeile-sektion-bespielungsvarianten {
        display: flex;
        flex-direction: column;
    }

    #zeile-sektion-nutzungsmix .vc_col-sm-4,
    #zeile-sektion-bespielungsvarianten .vc_col-sm-4 {
        order: 1;
    }

    #zeile-sektion-nutzungsmix .vc_col-sm-8,
    #zeile-sektion-bespielungsvarianten .vc_col-sm-8 {
        order: 2;
    }

    #main #zeile-sektion-bespielungsvarianten .mobile-only {
        display: block;
    }

    #main .mobile-only.nutzungsmix-ueberschrift p,
    #main .mobile-only.bespielungsvarianten-unterueberschrift p {
        font-size: 22px;
        color: var(--farbe-weiss);
        font-weight: bold;
        line-height: 1.4;
    }

    #main .mobile-only.bespielungsvarianten-ueberschrift p {
        color: var(--farbe-dunkelblau);
        font-size: 25px;
        font-weight: 700;
    }

    #nutzungsmix-unterueberschrift,
    #nutzungsmix-ueberschrift,
    div#zeile-fenstercontainer-arbeitswelt div.fenstersektion-bild-gebaeude,
    div#zeile-fenstercontainer-arbeitswelt #spalte-fenstercontainer-hintergrundbild-arbeitswelt,
    .desktop-only.vc_btn3-container,
    #bespielungsvarianten-unterueberschrift,
    #bespielungsvarianten-ueberschrift,
    #zeile-fenstercontainer-arbeitswelt,
    .zeile-saeule-infobox {
        display: none;
    }

    .mobile-only.vc_btn3-container {
        margin-top: 20%;
        margin-bottom: 0px;
    }

    div#zeile-sektion-bespielungsvarianten {
        margin-bottom: 0;
    }

    #main div.vc_btn3-container.button-dunkelblau.buttonmitpfeil button,
    #main div.vc_btn3-container.button-dunkelblau.buttonmitpfeil a,
    div.vc_btn3-container.button-dunkelblau.buttonmitdownloadsymbol button {
        font-size: 18px;
    }

    .well-building,
    .well-building h1,
    .well-building h2 {
        color: var(--farbe-dunkelblau);
    }

    #lage-box .lage-head .oev,
    #lage-box .lage-head .taxi {
        min-width: unset;
    }

    .mieten-tabelle {
        white-space: nowrap;
    }

    .bespielungsvarianten__btn,
    .nutzungsmix__btn {
        padding: 5px 10px;
    }

    .poi-liste-wrapper.is-visible {
        margin-bottom: 0;
    }

    .kontakt-left-col {
        padding-top: 120px;
    }

    div#zeile-header-kontakt div#kontakt-vermietung-logo-celexis {
        margin-bottom: 35px;
    }

    #maplayers .maplayers__stage {
        overflow: scroll;
        /* nicht auto – damit mobile immer beide Richtungen erlaubt */
        touch-action: pan-x pan-y;
        /* wichtig für gleichzeitiges Scrollen */
        -webkit-overflow-scrolling: touch;
        /* für sanftes Scrollen auf iOS */
    }

    .home-h1-mobile {
        margin-top: 35px;
    }

    .vc_custom_1761645210999 {
        padding-bottom: 5px;
    }

    #lage-box {
        width: 100%;
        margin-top: 0;
        left: unset;
        height: auto;
        padding: 10px 20px;
        position: relative;
        top: unset;
        margin-right: unset;
    }

    .lage-fussgaenger-list {
        column-gap: 15px;
    }

    .lage-fuss-row .zeit,
    .lage-fuss-row .ziel {
        font-size: 18px;
    }

    .lage-fussgaenger-list {
        margin-right: 0;
    }

    .lage-fussgaenger-wrapper {
        gap: 10px;
    }

    #lage-fussgaenger-box {
        padding: 0;
    }

    .poi-liste-wrapper,
    div.poi-liste-wrapper.liste-restaurants {
        width: 100%;
    }

    #zeile-sektion-maplayers #zeile-sektion-poi.has-active-list {
        margin-top: 0;
    }

    #zeile-fahrradraum-logo {
        text-align: center;
    }

    div#zeile-fenstercontainer-fahrradraum #spalte-fenstercontainer-hintergrundbild-fahrradraum {
        min-height: 700px;
    }

    #maplayers .maplayers__img {
        transform-origin: top left;
        transform: scale(2.2);
    }

    div#zeile-fenstercontainer-garage #spalte-fenstercontainer-hintergrundbild-garage {
        min-height: 400px;
    }

    #maplayers .maplayers__controls {
        bottom: unset;
        left: unset;
        margin-top: 0;
        display: grid;
        grid-template-columns: auto auto;
        padding: 15px 10px;
    }

    #maplayers .toggle {
        gap: 5px;
    }

    #lage-box .lage-rows .row .cell {
        padding-top: 10px;
        padding-bottom: 10px;
        min-width: unset;
    }

    #main #lage-box .taxi {
        min-width: unset;
        /*border-left: 0;*/
    }

    #lage-box .lage-head,
    #lage-box .lage-rows .row {
        column-gap: 20px;
    }

    #lage-box .lage-rows .cell.taxi {
        padding-left: 10px;
    }

    #mobile-fullscreen ul li a:hover,
    #mobile-fullscreen ul li a:focus {
        color: var(--farbe-dunkelblau) !important;
    }

    .mieten-tabelle tbody td,
    .mieten-tabelle thead th {
        padding: 5px 10px;
    }

    .mieten-tabelle tbody tr td:last-child {
        padding-right: 40px;
    }

    #maplayers .toggle__label {
        font-size: 14px;
    }

    div#zeile-fenstercontainer-fahrradraum div.fenster-container-ueberschrift-unten {
        top: unset;
        margin-left: unset;
        position: relative;
    }

    div#zeile-lage-fussgaenger {
        top: unset;
    }

    div#zeile-header-lage div.h1-dunkelblau {
        margin-top: 100px;
    }

    div#zeile-fenstercontainer-fahrradraum div#zeile-fahrradraum-logo img {
        width: 250px;
        position: relative;
    }

    #box-hero-gols,
    #box-hero-arbeitswelt,
    #box-hero-dachterrasse,
    #box-hero-lobby,
    #box-hero-garage,
    #box-hero-fahrradraum {
        width: 100%;
        height: auto;
        bottom: 0;
        left: 0;
        transform: unset;
    }

    #lage-box .label,
    #lage-box .time {
        font-size: 15px;
    }

    #lage-box .lage-head img {
        height: 40px;
    }

    .lage-head>div.col {
        padding-bottom: 5px;
        margin-bottom: 0;
    }

    div.zeile-mit-sektion-festercontainer .spalte-fenstercontainer-textbereich-mitborder {
        padding-top: 35px;
    }

    div#zeile-sektion-bespielungsvarianten {
        padding-bottom: 35px;
    }

    .bespielungsvarianten__controls,
    .nutzungsmix__controls {
        padding-top: 0;
    }

    div#zeile-fenstercontainer-garage div.fenstersektion-bild-gebaeude img {
        margin-left: 0;
        margin-top: 0;
        max-width: 100%;
    }

    div#zeile-inspiration-erholung-logo img {
        width: 250px;
        top: unset;
    }

    div.vc_custom_1760360071028 {
        margin-top: 0 !important;
    }

    div#zeile-fenstercontainer-fahrradraum div.fenster-container-ueberschrift-unten {
        width: auto;
    }

    body.seite-gruen img.custom-logo {
        filter: unset;
    }

    #zeile-sektion-bespielungsvarianten .vc_btn3-container {
        text-align: right;
    }

    div.bespielungsvarianten__controls {
        padding-bottom: 0;
    }

    #bespielungsvarianten-text-unten {
        display: none;
    }

    #footer-logo {
        text-align: center;
    }

    #footer-logo img {
        max-width: 180px;
        height: auto;
    }

    #site-header #site-header-inner #site-navigation-wrap {
        display: none;
    }

    body.home .custom-logo-link {
        display: none;
    }

    div#zeile-header-kontakt div#textbereich-kontakt-kommenwirinsgespraech,
    div#zeile-header-kontakt div.button-dunkelblau {
        max-width: 100%;
    }

    div#zeile-header-kontakt h2 {
        font-size: 26px;
    }
}


/* =========================================
   980px – 1079px
   ========================================= */
@media (min-width: 980px) and (max-width: 1079px) {
    div.zeile-saeule-infobox {
        padding-top: 0;
    }

    div.well-building,
    div.well-building h2 {
        color: var(--farbe-dunkelblau);
    }
}


/* =========================================
   980px – 1278px
   ========================================= */
@media (min-width: 980px) and (max-width: 1278px) {

    #main div#spalte-mietflaechen-header h1 {
        font-size: 61px !important;
        padding-left: 20px;
    }

    #main div.sellersaeule-nachhaltigkeit-mobil {
        /* Seite Nachhaltigkeit */
        margin: 0 auto !important;
        left: unset !important;
    }

    #main h1 {
        font-size: 84px !important;
    }

    #main div.lage-fuss-row span.zeit,
    #main div.lage-fuss-row span.ziel {
        font-size: 18px;
    }

    #main .lage-fussgaenger-icon img {
        height: 50px;
    }

    div#zeile-nachhaltigkeit-digitalisierung div.fenster-container-ueberschrift-oben p {
        font-size: 30px;
    }

    div#zeile-moderne-mobilitaetsraeume div.fenster-container-ueberschrift-oben {
        margin-top: -670px;
    }

    #main div#sektion-einladende-lobby div.text-infobox-gruen p {
        font-size: 31px;
    }

    #main p {
        font-size: 20px;
    }

    div#zeile-header-lage div.h1-dunkelblau h1 {
        font-size: 66px;
    }

    div#zeile-header-lage div.h1-dunkelblau {
        width: 600px;
    }

    #main #lage-box {
        width: unset;
        height: unset;
        left: unset;
        margin-top: unset;
    }

    #main #lage-box .label,
    #main #lage-box .time {
        font-size: 18px;
    }

    #main #primary div#zeile-bedeutende-namen div.textbereich-bedeutende-namen-geboxt p {
        width: unset;
    }

    #main div#zeile-fenstercontainer-fahrradraum div.fenster-container-ueberschrift-unten p,
    #main div#zeile-bedeutende-namen div.fenster-container-ueberschrift-unten div.wpb_wrapper>p {
        font-size: 44px;
    }

    #main div#zeile-inspiration-erholung div.fenster-container-ueberschrift-unten p {
        font-size: 44px;
        hyphens: auto;
    }

    #main div#zeile-fenstercontainer-fahrradraum div.fenster-container-ueberschrift-unten {
        margin-left: unset;
        top: 887px;
        position: unset;
    }

    #main div#zeile-fenstercontainer-fahrradraum div.fenster-container-ueberschrift-unten p {
        width: 960px;
    }

    #main div#zeile-bedeutende-namen div.textbereich-bedeutende-namen-geboxt {
        width: unset;
        max-width: unset;
        margin-top: 80px;
    }

    div#zeile-inspiration-erholung-logo,
    div#zeile-fenstercontainer-garage div.fenstersektion-bild-gebaeude,
    div#zeile-fahrradraum-logo {
        display: none;
    }

    #main div#zeile-inspiration-gut-versorgt p {
        font-size: 46px;
    }

    #main div#zeile-inspiration-gut-versorgt {
        max-width: unset;
    }

    #main div#zeile-fenstercontainer-fahrradraum #spalte-fenstercontainer-hintergrundbild-fahrradraum,
    #main div#zeile-fenstercontainer-garage #spalte-fenstercontainer-hintergrundbild-garage {
        min-height: 500px;
        width: 100%;
    }

    #main #box-hero-fahrradraum,
    #main #box-hero-garage {
        width: 600px;
        height: 585px;
    }

    #main div.zeile-mit-sektion-festercontainer .spalte-fenstercontainer-textbereich-mitborder p.ueberschrift-imfenster {
        font-size: 38px;
    }

    #main div#zeile-bedeutende-namen div.textbereich-bedeutende-namen-geboxt p {
        width: 960px;
    }

    #main h2 {
        font-size: 36px;
    }

    #main p.startseite-ehem-h1 {
        font-size: 56px;
    }

    #main .text-infobox-gruen ul li,
    #main .text-infobox-gruen p,
    #main .text-infobox-gruen h1 {
        color: var(--farbe-dunkelblau);
    }

    #main #zukunftsweisende-ziele:after,
    #main #baut-saeulen-row::after {
        display: none;
    }
}


/* =========================================
   <= 1300px (Footer / Header)
   ========================================= */
@media all and (max-width: 1300px) {
    footer#footer strong {
        font-size: 22px;
    }

    #footer .wpb_text_column.wpb_content_element a {
        font-size: 18px;
    }

    #main div#zeile-header-kontakt h1 {
        font-size: 40px;
        hyphens: auto;
    }

    /*#site-header #site-header-inner ul#menu-mainmenue {
        gap: 15px;
    }*/

    #site-header.full_screen-header #site-navigation-wrap #full-screen-menu #full-screen-menu-inner {
        padding: 0 10px;
    }

    #site-header #site-header-inner #site-navigation-wrap {
        margin-right: 20px;
    }
}


/* =========================================
   1279px – 1364px
   ========================================= */
@media (min-width: 1279px) and (max-width: 1364px) {
    #main h1 {
        font-size: 90px;
    }

    #main div#spalte-mietflaechen-header h1 {
        font-size: 77px;
        padding-left: 20px;
    }

    div#zeile-nachhaltigkeit-digitalisierung div.fenster-container-ueberschrift-oben p {
        font-size: 38px;
    }

    #main div#sektion-einladende-lobby div.text-infobox-gruen p {
        font-size: 38px;
    }

    #main #lage-box .label,
    #main #lage-box .time {
        font-size: 20px;
    }

    #main #primary #lage-box {
        width: 626px;
    }

    #main p {
        font-size: 18px;
    }

    div#zeile-header-lage div.h1-dunkelblau h1 {
        font-size: 72px;
    }

    #main #lage-fussgaenger-box {
        padding: 0px;
        max-width: 510px;
    }

    #main .lage-fussgaenger-icon img {
        width: 40px;
    }

    #main div.lage-fuss-row span.zeit,
    #main div.lage-fuss-row span.ziel {
        font-size: 22px;
    }

    #main div#zeile-inspiration-erholung div.fenster-container-ueberschrift-unten p,
    #main div#zeile-fenstercontainer-fahrradraum div.fenster-container-ueberschrift-unten p,
    #main div#zeile-bedeutende-namen div.fenster-container-ueberschrift-unten div.wpb_wrapper>p,
    #main div#zeile-header-lage #lage-box p.fenster-container-ueberschrift-oben,
    #main div#zeile-moderne-mobilitaetsraeume div.fenster-container-ueberschrift-oben p {
        font-size: 38px;
    }

    #zeile-header-lage #lage-box .label,
    #zeile-header-lage #lage-box .time {
        font-size: 22px;
    }

    #main #lage-box {
        width: 665px;
        height: 525px;
    }

    #main div#zeile-lage-fussgaenger {
        top: -480px;
    }

    #main #lage-box .lage-head img {
        height: 40px;
    }

    #main div#zeile-inspiration-erholung-logo img {
        top: -80px;
        width: 250px;
    }

    div#zeile-inspiration-gut-versorgt p {
        font-size: 46px;
    }

    #main div.poi-liste-wrapper p.poi-liste-ueberschrift {
        font-size: 30px;
    }

    #main div#zeile-fenstercontainer-fahrradraum div#zeile-fahrradraum-logo img {
        width: 230px;
    }

    #main div#zeile-fenstercontainer-fahrradraum #spalte-fenstercontainer-hintergrundbild-fahrradraum,
    #main div#zeile-fenstercontainer-garage #spalte-fenstercontainer-hintergrundbild-garage {
        min-height: 440px;
    }

    #main #box-hero-fahrradraum,
    #main #box-hero-garage {
        width: 455px;
        height: 515px;
    }

    #main #primary #box-hero-garage {
        bottom: -115px;
    }

    #main div#zeile-fenstercontainer-fahrradraum div.fenster-container-ueberschrift-unten {
        top: 450px;
        width: 440px;
    }

    #main div#zeile-fenstercontainer-garage div.fenstersektion-bild-gebaeude img {
        max-width: 400px;
        margin-left: -39px;
        margin-top: 50px;
    }

    #main div#zeile-moderne-mobilitaetsraeume div.fenster-container-ueberschrift-oben {
        margin-top: 30px;
    }

    #main section#maplayers .maplayers__controls {
        bottom: 222px;
        left: 816px;
        max-width: 324px;
    }

    #main #maplayers .toggle__label {
        font-size: 22px;
    }
}


/* =========================================
   <= 1400px
   ========================================= */
@media all and (max-width: 1400px) {
    div#bespielungsvarianten-text-unten {
        width: unset;
    }

    #main #optimale-arbeitsflaechen p {
        font-size: 36px;
    }

    div#sektion-anspruchsvolle-bueroflaechen div#textbereich-ueberschrift-anspruchsvolle-bueroflaechen {
        width: auto;
        padding-left: 20px;
    }

    #main #baut-saeulen-row #saeulen-left h2 {
        position: relative;
        z-index: 10;
        font-size: 4rem;
    }

    #baut-saeulen-row #saeulen-right h2 {
        font-size: 6rem;
    }
}


/* =========================================
   1365px – 1534px
   ========================================= */
@media (min-width: 1365px) and (max-width: 1534px) {
    #main h1 {
        font-size: 90px;
    }

    #main div#spalte-mietflaechen-header h1 {
        font-size: 84px;
        padding-left: 20px;
    }

    div#zeile-nachhaltigkeit-digitalisierung div.fenster-container-ueberschrift-oben p {
        font-size: 40px;
    }

    #main p {
        font-size: 20px;
    }

    #main #optimale-arbeitsflaechen p {
        font-size: 48px;
    }

    div#zeile-header-lage div.h1-dunkelblau h1 {
        font-size: 80px;
    }

    #main #lage-fussgaenger-box {
        max-width: 615px;
    }

    div#lage-fussgaenger-box {
        padding: 0;
    }

    #main #lage-fussgaenger-box {
        max-width: 563px;
    }

    #main div#zeile-inspiration-erholung div.fenster-container-ueberschrift-unten p,
    #main div#zeile-fenstercontainer-fahrradraum div.fenster-container-ueberschrift-unten p,
    #main div#zeile-bedeutende-namen div.fenster-container-ueberschrift-unten div.wpb_wrapper>p,
    #main div#zeile-header-lage #lage-box p.fenster-container-ueberschrift-oben,
    #main div#zeile-moderne-mobilitaetsraeume div.fenster-container-ueberschrift-oben p {
        font-size: 44px;
    }

    #main #lage-box .lage-head img {
        height: 50px;
    }

    #main #lage-box .lage-rows .row .cell {
        padding-top: 14px;
        padding-bottom: 14px;
    }

    #main #lage-box {
        width: 666px;
        height: 550px;
    }

    #main #lage-box .label,
    #main #lage-box .time {
        font-size: 20px;
    }

    #main div#zeile-lage-fussgaenger {
        top: -520px;
    }

    #main section#maplayers .maplayers__controls {
        left: 817px;
    }

    #main div#zeile-inspiration-erholung-logo img {
        top: -90px;
        width: 290px;
    }

    #main div#zeile-inspiration-gut-versorgt {
        max-width: unset;
    }

    #main div.poi-liste-wrapper p.poi-liste-ueberschrift {
        font-size: 32px;
    }

    #main div#zeile-fenstercontainer-fahrradraum div#zeile-fahrradraum-logo img {
        width: 275px;
        margin-left: 20px;
        top: -90px;
    }

    #main div#zeile-fenstercontainer-fahrradraum div.fenster-container-ueberschrift-unten {
        top: 440px;
        width: 435px;
    }

    div#zeile-inspiration-gut-versorgt p {
        font-size: 50px;
    }

    #main div#zeile-fenstercontainer-fahrradraum #spalte-fenstercontainer-hintergrundbild-fahrradraum,
    #main div#zeile-fenstercontainer-garage #spalte-fenstercontainer-hintergrundbild-garage {
        min-height: 444px;
    }

    #main #box-hero-fahrradraum,
    #main #box-hero-garage {
        width: 500px;
        height: 600px;
    }

    #main div#zeile-fenstercontainer-garage div.fenstersektion-bild-gebaeude img {
        max-width: 400px;
        margin-left: -39px;
        margin-top: 50px;
    }

    #main div#zeile-moderne-mobilitaetsraeume div.fenster-container-ueberschrift-oben {
        margin-top: 0px;
    }
}


/* =========================================
   <= 1600px
   ========================================= */
@media all and (max-width: 1600px) {

    div#sektion-einladende-lobby div.text-infobox-gruen p {
        font-size: 4rem;
    }

    div#textbereich-ihre-bueroflaeche {
        left: unset;
        right: 0;
    }

    #textbereich-ihre-bueroflaeche p {
        font-size: 3rem;
    }

    #keyfacts-liste li {
        font-size: 2.5rem;
    }

    #baut-saeulen-row #saeulen-right h2 {
        font-size: 6rem;
    }

    #baut-saeulen-row #saeulen-left h2 {
        font-size: 5rem;
        position: relative;
        z-index: 2;
    }

    #keyfacts-liste li p {
        font-size: 28px;
    }

    #keyfacts-liste li::before {
        top: 2.8rem;
    }

    #small-picture-content .vc_col-sm-8 {
        padding-right
    }

    #small-picture-content>div>div>div>div:nth-child(4)>div.wpb_column.vc_column_container.vc_col-sm-8,
    #small-picture-content .vc_col-sm-8 {
        padding-right: unset;
        max-width: 600px;
    }
}


/* =========================================
   <= 1800px
   ========================================= */
@media all and (max-width: 1800px) {

    #main div.fenster-container-ueberschrift-oben p,
    #main div.fenster-container-ueberschrift-unten p,
    div.zeile-mit-sektion-festercontainer .spalte-fenstercontainer-textbereich-mitborder p.ueberschrift-imfenster,
    p.fenster-container-ueberschrift-oben {
        font-size: 40px;
    }

    div#zeile-fenstercontainer-arbeitswelt div.fenster-container-ueberschrift-unten {
        right: 1%;
        top: 690px;
        width: 416px;
    }

    #main div#zeile-fenstercontainer-highlights div.fenster-container-ueberschrift-unten {
        margin-left: 55px;
        top: 460px;
        width: 470px;
    }

    div#zeile-fenstercontainer-dachterrasse div.fenster-container-ueberschrift-unten {
        width: 410px;
    }

    div#lage-box {
        padding: 35px 35px;
        margin-right: 0px;
    }

    footer#footer strong {
        font-size: 26px;
    }

    #footer .wpb_text_column.wpb_content_element a,
    #footer .wpb_text_column.wpb_content_element p {
        font-size: 20px;
        word-break: break-word;
        hyphens: auto;
    }
}


/* =========================================
   1535px – 1919px
   ========================================= */
@media (min-width: 1535px) and (max-width: 1919px) {
    #main div#spalte-mietflaechen-header h1 {
        font-size: 84px;
        padding-left: 20px;
    }

    #main #lage-box .label,
    #main #lage-box .time {
        font-size: 26px;
    }

    #main #lage-box p.fenster-container-ueberschrift-oben {
        font-size: 36px;
    }

    /* Seite Lage */
    div#zeile-header-lage div.h1-dunkelblau h1 {
        font-size: 96px;
    }

    #main #lage-fussgaenger-box {
        max-width: 615px;
    }

    #main div#zeile-inspiration-erholung-logo img {
        top: -160px;
    }

    #main div#zeile-inspiration-erholung-logo {
        max-height: 282px;
    }

    #main div#zeile-inspiration-erholung div.fenster-container-ueberschrift-unten p,
    #main div#zeile-fenstercontainer-fahrradraum div.fenster-container-ueberschrift-unten p,
    #main div#zeile-bedeutende-namen div.fenster-container-ueberschrift-unten div.wpb_wrapper>p {
        font-size: 54px;
    }

    #main section#maplayers .maplayers__controls {
        bottom: 240px;
        left: 970px;
    }

    #main div#zeile-fenstercontainer-fahrradraum div#zeile-fahrradraum-logo img {
        width: 350px;
        margin-left: 20px;
    }

    #main div#zeile-fenstercontainer-fahrradraum div.fenster-container-ueberschrift-unten {
        top: 780px;
        margin-left: 0;
        width: 507px;
    }

    #main div.poi-liste-wrapper p.poi-liste-ueberschrift {
        font-size: 36px;
    }

    div#seite-lage-leerbereich-unten div.vc_empty_space {
        height: 80px !important;
    }

    div#zeile-fenstercontainer-garage #box-hero-garage {
        border-bottom: 0;
    }

    body.page-id-366 footer#footer {
        margin-top: 80px;
    }

    #main div#zeile-nachhaltigkeit-digitalisierung div.fenster-container-ueberschrift-oben p {
        font-size: 37px;
    }

    div#textbereich-ihre-bueroflaeche {
        font-size: 40px;
    }
}


/* =========================================
   <= 1900px
   ========================================= */
@media all and (max-width: 1900px) {
    #landmark-office {
        margin-right: 0;
        padding: 30px;
    }

    #landmark-office p.startseite-ehem-h1 {
        font-size: 2.5em;
    }

    #keyfacts-spalte {
        margin-top: 0;
    }

    #optimale-arbeitsflaechen {
        margin-right: 0;
        margin-left: 0;
    }

    .home h1 {
        font-size: 9rem;
    }
}


/* =========================================
   <= 2000px
   ========================================= */
@media all and (max-width: 2000px) {
    .kontakt-left-col {
        padding-top: 200px;
    }
}



/* =========================================
   >= 1640px
   ========================================= */
@media all and (min-width: 1640px) {
    div#spalte-mietflaechen-header div.h1-gruen {
        padding-left: calc((100vw - 1640px) / 2) !important;
    }

    .zeile-text-links {
        padding-left: calc((100vw - 1640px) / 2) !important;
    }
}


/* =========================================
   >= 1921px
   ========================================= */
/* large screens */
@media all and (min-width: 1921px) {
    div#zeile-fenstercontainer-highlights div.fenster-container-ueberschrift-unten {
        margin-left: 467px;
    }

    div#zeile-fenstercontainer-fahrradraum div.fenster-container-ueberschrift-unten {
        margin-left: 55%;
    }

    #box-hero-fahrradraum {
        bottom: -400px;
    }

    div#zeile-inspiration-erholung div.fenster-container-ueberschrift-unten {
        /* width: 510px; */
        position: relative;
        right: 133px;
    }

    div#zeile-fenstercontainer-fahrradraum div#zeile-fahrradraum-logo img {
        margin-left: 255px;
    }

    div#spalte-mietflaechen-header div.h1-gruen {
        /* margin-top: 20%; */
        position: relative;
    }

    div#stackingplan div.textbereich-stackingplan-einleitungstext {
        width: 750px;
    }

    div#zeile-fenstercontainer-arbeitswelt div.fenstersektion-bild-gebaeude {
        right: 418px;
        margin-top: 110px;
    }

    div#zeile-fenstercontainer-arbeitswelt div.fenstersektion-bild-gebaeude img {
        max-width: 600px;
        height: auto;
    }

    div#zeile-fenstercontainer-arbeitswelt div.fenster-container-ueberschrift-unten {
        right: 48%;
        top: 716px;
    }

    div#zeile-fenstercontainer-dachterrasse div.fenster-container-ueberschrift-unten {
        margin-left: 37px;
        bottom: -300px;
        z-index: 2;
    }

    div#zeile-drei-saeulen div#spalte-drei-saeulen-header div.h1-gruen {
        max-width: 620px;
        margin-top: 167px;
    }

    div#zeile-moderne-mobilitaetsraeume div.fenster-container-ueberschrift-oben p {
        margin-right: 30px;
    }
}