Case für Wentex Pipes & Drapes, Außenmaß: 2100x610x805mm, schwarz .section1 { position: relative; margin-top: 2rem; } .section-oben-container { display: flex; justify-content: center; } .section-oben { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 65%; margin-top: 3.5rem; } .section-img-oben { width: 30%; } .section-rechts { display: flex; flex-direction: column; width: 50%; margin-left: 3rem; } .section-icon-headline { display: flex; flex-direction: row; align-items: center; margin-bottom: 1rem; } .section-icon { width: 10%; } .section-headline { font-size: 2rem; margin-left: 1rem; } .section-text { text-align: justify; } .konfigurator { position: relative; display: flex; flex-direction: column; margin-bottom: 3rem; } .icon-row { display: flex; flex-direction: row; } .icon-column { display: flex; flex-direction: column; justify-content: center; align-items: center; } .icon-column:hover { opacity: .7; color: black; } .icon-column-transparent { display: flex; flex-direction: column; justify-content: center; align-items: center; opacity: .6; } .icon-column-transparent:hover { opacity: .4; color: black; } .icon-img { width: 40%; margin-bottom: 1rem; } .icon-text { text-align: center; font-weight: bold; color: black; } a.dummerlink { display: inline-block; text-decoration: none; color: black; } a.dummerlink:hover { text-decoration: none; } .inhalt-mobile { display: none; float: left; } @media only screen and (max-width: 1100px) { .frame-body { display: none; } .inhalt-mobile { display: flex; width: 100%; float: left; flex-flow: column nowrap; padding-left: .25rem; padding-right: .25rem; } } .section1-mobil { background: white; position: relative; } .icon-row-mobil { display: flex; flex-direction: row; margin-top: 1rem; margin-bottom: 2rem; } .icon-column-transparent-mobil { display: flex; flex-direction: column; justify-content: center; align-items: center; opacity: .6; } .icon-column-mobil { display: flex; flex-direction: column; justify-content: center; align-items: center; } .icon-img-mobil { width: 70%; margin-bottom: 1rem; } .icon-text-mobil { text-align: center; font-weight: bold; color: black; } .beratungstermin { margin-bottom: 0.5rem; float: left; width: 100%; } .beratungstermin-button, .beratungstermin-button-mobil, .beratungstermin-button-mobil-inhalt { float: left; background-color: #eb6509; color: white; cursor: pointer; font-weight: bold; border: 0; padding: 0 2em; height: 2.5rem; line-height: 2.5rem; vertical-align: middle; text-align: center; border-radius: 10px; margin-top: 2em; margin-bottom: 2em; } .beratungstermin-button:hover { color: rgba(255, 255, 255, .75); } @media (max-width:776px) { .beratungstermin-button-mobil, .beratungstermin-button-mobil-inhalt { width: 100%; } .beratungstermin { display: none; } .beratungstermin-mobil, .beratungstermin-button-mobil { display: show; } } @media (min-width:777px) { .beratungstermin-mobil, .beratungstermin-button-mobil { display: none; } } @media...
