/* cmsms stylesheet: Bauatelier 2024 – Fonts modified: Mittwoch, 18. September 2024 15:34:09 */
/* @import must be at top of file, otherwise CSS will not work */
@import url("https://cdn.fonts.net/t/1.css?apiType=css&projectid=e5c9d999-5629-421b-832a-70368d1546fa");

@font-face {
  font-family: "Avenir"; font-weight:300;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
  src: url('/fonts/Avenir/Avenir35Light_normal_normal_subset1.woff2') format('woff2'), url('/fonts/Avenir/Avenir35Light_normal_normal_subset1.woff') format('woff');
  unicode-range: U+0020-0024,U+0026-003b,U+003d,U+003f-005b,U+005d-005e,U+0060-007b,U+007d-007e,U+00a3,U+00a5,U+00a7,U+00ab,U+00b4,U+00b7,U+00bb,U+00c0-00cf,U+00d1-00d4,U+00d6,U+00d8-00dc,U+00df-00ef,U+00f1-00f4,U+00f6,U+00f8-00fc,U+00ff-0103,U+010d,U+0112-0115,U+011e-011f,U+012a-012d,U+0130-0131,U+0142,U+014c-014f,U+0152-0153,U+015e-015f,U+016a-016d,U+0178,U+0440,U+060b,U+09f3,U+0e3f,U+17db,U+1e9e,U+2010-2011,U+2013-2014,U+2018-201a,U+201c,U+201e,U+2026,U+2039-203a,U+20a1,U+20a6-20a7,U+20a9-20ae,U+20b1-20b2,U+20b4-20b5,U+20b8-20ba,U+20bd-20be,U+2191;
}

@font-face {
  font-family: "Avenir"; font-weight:400;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
  src: url('/fonts/Avenir/Avenir45Book_normal_normal_subset1.woff2') format('woff2'), url('/fonts/Avenir/Avenir45Book_normal_normal_subset1.woff') format('woff');
  unicode-range: U+0020-0024,U+0026-003b,U+003d,U+003f-005b,U+005d-005e,U+0060-007b,U+007d-007e,U+00a3,U+00a5,U+00a7,U+00ab,U+00b4,U+00b7,U+00bb,U+00c0-00cf,U+00d1-00d4,U+00d6,U+00d8-00dc,U+00df-00ef,U+00f1-00f4,U+00f6,U+00f8-00fc,U+00ff-0103,U+010d,U+0112-0115,U+011e-011f,U+012a-012d,U+0130-0131,U+0142,U+014c-014f,U+0152-0153,U+015e-015f,U+016a-016d,U+0178,U+0440,U+060b,U+09f3,U+0e3f,U+17db,U+1e9e,U+2010-2011,U+2013-2014,U+2018-201a,U+201c,U+201e,U+2026,U+2039-203a,U+20a1,U+20a6-20a7,U+20a9-20ae,U+20b1-20b2,U+20b4-20b5,U+20b8-20ba,U+20bd-20be,U+2191;
}

@font-face {
  font-family: "Avenir"; font-weight:500;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
  src: url('/fonts/Avenir/Avenir55Roman_normal_normal_subset1.woff2') format('woff2'), url('/fonts/Avenir/Avenir55Roman_normal_normal_subset1.woff') format('woff');
  unicode-range: U+0020-0024,U+0026-003b,U+003d,U+003f-005b,U+005d-005e,U+0060-007b,U+007d-007e,U+00a3,U+00a5,U+00a7,U+00ab,U+00b4,U+00b7,U+00bb,U+00c0-00cf,U+00d1-00d4,U+00d6,U+00d8-00dc,U+00df-00ef,U+00f1-00f4,U+00f6,U+00f8-00fc,U+00ff-0103,U+010d,U+0112-0115,U+011e-011f,U+012a-012d,U+0130-0131,U+0142,U+014c-014f,U+0152-0153,U+015e-015f,U+016a-016d,U+0178,U+0440,U+060b,U+09f3,U+0e3f,U+17db,U+1e9e,U+2010-2011,U+2013-2014,U+2018-201a,U+201c,U+201e,U+2026,U+2039-203a,U+20a1,U+20a6-20a7,U+20a9-20ae,U+20b1-20b2,U+20b4-20b5,U+20b8-20ba,U+20bd-20be,U+2191;
}

@font-face {
  font-family: "Avenir"; font-weight:600;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
  src: url('/fonts/Avenir/Avenir65Medium_normal_normal_subset1.woff2') format('woff2'), url('/fonts/Avenir/Avenir65Medium_normal_normal_subset1.woff') format('woff');
  unicode-range: U+0020-0024,U+0026-003b,U+003d,U+003f-005b,U+005d-005e,U+0060-007b,U+007d-007e,U+00a3,U+00a5,U+00a7,U+00ab,U+00b4,U+00b7,U+00bb,U+00c0-00cf,U+00d1-00d4,U+00d6,U+00d8-00dc,U+00df-00ef,U+00f1-00f4,U+00f6,U+00f8-00fc,U+00ff-0103,U+010d,U+0112-0115,U+011e-011f,U+012a-012d,U+0130-0131,U+0142,U+014c-014f,U+0152-0153,U+015e-015f,U+016a-016d,U+0178,U+0440,U+060b,U+09f3,U+0e3f,U+17db,U+1e9e,U+2010-2011,U+2013-2014,U+2018-201a,U+201c,U+201e,U+2026,U+2039-203a,U+20a1,U+20a6-20a7,U+20a9-20ae,U+20b1-20b2,U+20b4-20b5,U+20b8-20ba,U+20bd-20be,U+2191;
}

@font-face {
  font-family: "Avenir"; font-weight:800;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
  src: url('/fonts/Avenir/Avenir85Heavy_normal_normal_subset1.woff2') format('woff2'), url('/fonts/Avenir/Avenir85Heavy_normal_normal_subset1.woff') format('woff');
  unicode-range: U+0020-0024,U+0026-003b,U+003d,U+003f-005b,U+005d-005e,U+0060-007b,U+007d-007e,U+00a3,U+00a5,U+00a7,U+00ab,U+00b4,U+00b7,U+00bb,U+00c0-00cf,U+00d1-00d4,U+00d6,U+00d8-00dc,U+00df-00ef,U+00f1-00f4,U+00f6,U+00f8-00fc,U+00ff-0103,U+010d,U+0112-0115,U+011e-011f,U+012a-012d,U+0130-0131,U+0142,U+014c-014f,U+0152-0153,U+015e-015f,U+016a-016d,U+0178,U+0440,U+060b,U+09f3,U+0e3f,U+17db,U+1e9e,U+2010-2011,U+2013-2014,U+2018-201a,U+201c,U+201e,U+2026,U+2039-203a,U+20a1,U+20a6-20a7,U+20a9-20ae,U+20b1-20b2,U+20b4-20b5,U+20b8-20ba,U+20bd-20be,U+2191;
}

@font-face {
  font-family: "Avenir"; font-weight:900;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
  src: url('/fonts/Avenir/Avenir95Black_normal_normal_subset1.woff2') format('woff2'), url('/fonts/Avenir/Avenir95Black_normal_normal_subset1.woff') format('woff');
  unicode-range: U+0020-0024,U+0026-003b,U+003d,U+003f-005b,U+005d-005e,U+0060-007b,U+007d-007e,U+00a3,U+00a5,U+00a7,U+00ab,U+00b4,U+00b7,U+00bb,U+00c0-00cf,U+00d1-00d4,U+00d6,U+00d8-00dc,U+00df-00ef,U+00f1-00f4,U+00f6,U+00f8-00fc,U+00ff-0103,U+010d,U+0112-0115,U+011e-011f,U+012a-012d,U+0130-0131,U+0142,U+014c-014f,U+0152-0153,U+015e-015f,U+016a-016d,U+0178,U+0440,U+060b,U+09f3,U+0e3f,U+17db,U+1e9e,U+2010-2011,U+2013-2014,U+2018-201a,U+201c,U+201e,U+2026,U+2039-203a,U+20a1,U+20a6-20a7,U+20a9-20ae,U+20b1-20b2,U+20b4-20b5,U+20b8-20ba,U+20bd-20be,U+2191;
}
/* cmsms stylesheet: Bauatelier 2024 modified: Montag, 14. Juli 2025 09:00:39 */
/* Farben */


 



/* Global */

::selection { background-color: #DAA602; color: #44443C }
::-moz-selection { background-color: #DAA602; color: #44443C }

html { background: #44443C; color: #E6E6E6; scroll-behavior: smooth;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-o-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
body { color: #E6E6E6; font-family: "Avenir"; font-size: 17px; line-height:160%; font-weight: 400 }

h1,h2,h3,h4,h5,h6 { font-family: "Avenir"; margin: 0; padding: 0; line-height:130%; font-weight: normal; font-weight: 400; color: #E6E6E6; letter-spacing: 0 }
h1 { font-size: 36px; margin: 20px 0 0 0 }
h2 { font-size: 24px; font-weight:400; margin: 10px 0 }
h4 { font-weight:800; margin: 0; padding: 0; font-size:1em; }
h5 { font-size:1em; line-height:160%; margin: 0; font-weight:800 }
h6 { font-size:1em; line-height:160%; margin: 0; font-weight:800 }

p { margin: 0 0 27px 0 }
a, a:hover { color: inherit; text-decoration: none }
strong { font-weight:800 }

.gruen { color: #5AA947 }
.gruen a { border-bottom: 1px solid #5AA947 !important }

.gelb { color: #DAA602 }
.gelb a { border-bottom: 1px solid #DAA602 !important }


/* Intro */
.intro h1, .intro h2 { font-family: "Avenir"; color: white; font-weight: 800; text-wrap:balance; font-size: clamp(16px, 4em, 5em); line-height:110%; }
.intro a, .intro a:hover { color: white; padding: 10px 8px 5px 8px; text-decoration: none }
.intro-thema { scroll-margin-top: 45vh }
.intro-thema h2 { padding: 20px 0 10px 0 }
.intro-button { margin:4vh 0 }
.intro-button a { font-size: 2em; border: 3px solid white !important; font-size: clamp(16px, 4vw, 2em); font-weight: 800; border: none!important; background: white; color: #44443C; }
.intro-button a:hover { color: #44443C }
.intro-weiter { margin-top: 30px }
.intro-weiter a { border: none!important }
.intro-weiter-pfeil { width:27px; margin-bottom:40px; color: white; }

/* Header */
header { position:absolute;top: 0; width:100%; padding: 40px 0; z-index: 2 }
.logo { width: 180px; color: #DAA602 }
.logo-standard { color: black; filter: drop-shadow(0 0 4px rgba(255,255,255,0.5)); filter:none }
.logo-architektur, .logo-nachhaltigkeit, .logo-baukultur, .logo-publikationen, .logo-aktuelles, .logo-kontakt { color: #DAA602 }
.logo-gruenraum { color: #5AA947 }



/* Navigation */
.burger { display: inline-block }
.toggle { cursor:pointer; margin:0; padding:5px; border:none;  background: none; z-index: 100; }
.insta-menu { color: #44443C; margin-top: 20px }

nav { font-family: "Avenir" }
nav a { border: none }

nav.navi { position:fixed; background: #44443C; top:99px; left: calc(50% + 350px); z-index: 20; margin: 32px 0 0 52px; font-family: "Avenir"; font-size:24px; font-weight:400; letter-spacing: 0.01em; padding: 15px 20px; z-index: 1000000 }
nav.navi ul { margin: 0; padding: 0 }
nav.navi ul li { display: block; line-height: 150%; }
nav.navi ul li:nth-child(5) { margin-top: 20px }
nav.navi ul li a { color: #E6E6E6; text-decoration: none }
nav.navi ul li a:hover { text-decoration: none }
nav.navi ul li a.currentpage, nav.navi ul li a.activeparent { color: #DAA602 }

nav.navi-architektur, nav.navi-dummy { background: #DAA602 }
nav.navi-baukultur { background: #DAA602 }
nav.navi-nachhaltigkeit { background: #DAA602 }
nav.navi-gruenraum { background: #5AA947 }
nav.navi-architektur ul li a, nav.navi-dummy ul li a, nav.navi-baukultur ul li a, nav.navi-nachhaltigkeit ul li a, nav.navi-gruenraum ul li a { color: #44443C }
nav.navi-architektur ul li a.currentpage, nav.navi-baukultur ul li a.currentpage, nav.navi-nachhaltigkeit ul li a.currentpage, nav.navi-gruenraum ul li a.currentpage { color: white }
nav.navi-dummy { background: #44443C }
nav.navi-dummy ul li a { color: #E6E6E6 }
nav.navi-dummy .insta-menu { color: #E6E6E6 }

nav.navi-aktuelles { background: #DAA602 }
nav.navi-aktuelles ul li a { color: #44443C }
nav.navi-aktuelles ul li a.currentpage { color: white }

nav.navi-home .insta-menu, nav.navi-bauatelier .insta-menu { color: #E6E6E6 }

nav.navi-publikationen { background: #DAA602 }
nav.navi-publikationen ul li a { color: #44443C }
nav.navi-publikationen ul li a.currentpage { color: white }

nav.navi-kontakt { background: #DAA602 }
nav.navi-kontakt ul li a { color: #44443C }
nav.navi-kontakt ul li a.currentpage { color: white }



/* Start-Slider */
.uk-slideshow { margin: auto }
.slider-home { height: calc(100dvh - 0px); width: 100%; }
.claim { margin: auto; position: absolute; bottom: 100px; width: 1280px; max-width: calc(100vw - 40px); }
.claim h1 { color:#44443C; background: white; box-decoration-break: clone; -webkit-box-decoration-break: clone; display: inline;
margin: 0; padding: 8px 8px 6px 8px; line-height: 135% }
.claim h1.zeile2, .zeile2 { margin-left: 56px }
.claim .weiter { margin: 0; padding: 0; color: #E6E6E6; }
.weiter { margin: auto; position: absolute; bottom: 40px; width: 1280px; max-width: calc(100vw - 40px) }
.weiter a { margin-left: 200px; border: none !important }
.weiter a svg { -webkit-filter: drop-shadow(0 0 5px rgba(0,0,0,1)); filter: drop-shadow(0 0 5px rgba(0,0,0,1)) }



.themenbild { height: 65vh; max-height: calc(100vh - 200px) }
.abstand-oben { padding-top: 30px }

.img-wrapper { display: grid; height: 100vh }
.img-wrapper div { grid-column: 1; grid-row: 1; transition: opacity 0.01s }

/* Inhalt */

.spacer { height: 150px; z-index:-10; }
.content { padding-bottom: 30px }
.content a { border-bottom: 1px solid #E6E6E6 }

.spalten ul { margin: 0; padding: 0; margin-bottom: 27px; list-style: none; }
.spalten ul li { margin: 0; padding: 0 0 0 1em }
.spalten ul li:before { margin: 0 0 0 -1em; padding: 0 0.5em 0 0; content: "–" }
.spalten ul li a { border-bottom: 1px solid #E6E6E6 }
.spalten p { max-width: 520px }

.text { padding: 68px 0 60px 0 }


.uk-modal-dialog h1 { margin: 20px 0 10px 0 }
.uk-modal-dialog h5,.uk-modal-dialog h6 { color: #44443C }

/* Galerie */
.galerie { overflow:hidden; max-width:1200px; margin: 0 auto; }
.hover-legende { margin: 10px }
.hover-legende-klein { font-size: 14px; line-height: 130% }
.uk-grid-small { margin-left: -8px }
.uk-grid-small>* { padding-left: 8px }
.uk-grid-small>.uk-grid-margin { margin-top: 8px }
.uk-lightbox-toolbar { background: none }

.uk-dotnav li a { border:1px solid white }
.uk-dotnav li a:hover { background: none; border:1px solid white }
.uk-dotnav li.uk-active a { background: white }

/*
.legende { padding: 0 0 0 6px; margin: 0 0 -8px -1px }
*/

.legende { line-height: 120%; margin: 0 0 -4px -1px }
.legende span { padding: 4px 1px 2px 4px; margin: 0 0 0 -1px; -webkit-box-decoration-break: clone; box-decoration-break: clone; background: #44443C }
.legende-unten { padding:8px 0 0 0 }

/* Projekt */
.slider-projekt { height: 100vh }
#projekt-inhalt { padding-top:20px }
#projekt-inhalt .byline { margin:0 0 50px;}
#projekt-inhalt img {max-height:600px;}
#projekt-inhalt .video {}
#projekt-inhalt .normal.uk-first-column img, #projekt-inhalt .uk-first-column .bild-rechts img {float:right;}
#projekt-inhalt .bild-links {float:none;}
#projekt-inhalt .projektbeschrieb { float:right; padding: 0 10px 40px 0 }
#projekt-inhalt .bildtext { }
#projekt-inhalt .bildtext-links { float:right; padding: 0 10px 0 0 }
#projekt-inhalt .bildtext-rechts { float:right; padding: 0 }
#projekt-inhalt .bild-zentriert img {float:none; display:block; margin:0 auto 0; max-height:none;}

#projekt-inhalt ul { margin: 0; padding: 0; margin-bottom: 22px; list-style: none; }
#projekt-inhalt ul li { margin: 0; padding: 0 0 0 1em }
#projekt-inhalt ul li:before { margin: 0 0 0 -1em; padding: 0 0.5em 0 0; content: "–" }
#projekt-inhalt ul li a { border-bottom: 1px solid white }

#backbutton {text-align:right; float:right; opacity:0;}
#backbutton.uk-sticky-fixed {opacity:100;}
#backbutton a {background:white; color:#000; padding:0; width:35px; height:35px; border-radius:50%; }
#backbutton svg {margin:8px 7.5px 0 0;}

#projekt.noslider h1, #projekt.noslider .byline {}

#panonav a {display:inline-block; padding:15px 15px 15px 0; color:white;}

.projektbeschrieb p, .bildtext p { margin:20px 0 0; }
.projektbeschrieb em { color: white }

.byline { font-weight: normal }
.byline a { border-bottom: 1px solid white }

.cv { color: #44443C }
.cv h1 { color: #44443C; margin: 0; padding: 0 }
.cv a { color: #44443C; border-bottom: 1px solid #44443C }

.cv ul { margin: 0; padding: 0; margin-bottom: 22px; list-style: none; }
.cv ul li { margin: 0; padding: 0 0 0 1em }
.cv ul li:before { margin: 0 0 0 -1em; padding: 0 0.5em 0 0; content: "–" }
.cv ul li a { border-bottom: 1px solid #44443C }
.cv a { text-decoration: none; border-bottom: 1px solid #44443C }

.cv .uk-modal-body { background: #DAA602 }
.cv .uk-close { color: #44443C }


/* Bauatelier */
#portrait { padding-top:20px }
.portrait { padding-top:34px }
#caroline-nyffeler-metzler .uk-modal-body { background: #5AA947 }
.ehemalige-ma { padding-top: 80px }
.ehemalige-ma p { margin: 0 }

/* Publikationen */
#publikationen a { border: none }
#publikationen h1 { padding: 10px 0 }
#publikationen p { margin: 0 }


/* Sammelsurium */
#aktuell p { margin: 0 0 0.5em 0 }





/* Footer */

footer { margin: 60px 0; padding: 30px 0 60px 0 }
footer a, footer a:hover { color: #E6E6E6 }
footer p { margin: 0 0 1em 0 }


.logo-unten-standard { color: #E6E6E6 !important }

nav.navi-footer { margin: 33px 0 0 63px }
.navi-footer ul { list-style: none; margin: 0; padding: 0 }
.navi-footer ul li { margin: 0; padding: 0 }
.navi-footer ul li:before { content:none }

.navi-footer ul li a { color: #E6E6E6; border: none; }

.navi-footer ul li a.currentpage, .navi-footer ul li a.activeparent { color: #DAA602 !important }
.footer-gruenraum .navi-footer ul li a.currentpage, .footer-gruenraum .navi-footer ul li a.activeparent { color: #5AA947 !important }

.kundenlogin { margin: 40px 0 0 62px }
.content footer a { text-decoration: none; border: none }


.footer-adressblock { margin-top: 50px }

.koordinaten { padding-top: 0 }
.logo-unten-home { color: #E6E6E6 }
.logo-unten-dummy { color: #DAA602 }

.footer-rauf { padding-left: 60px }
.footer-rauf-pfeil { padding:0; margin-top:20px; width: 22px; height:auto; color: #E6E6E6 !important; rotate:180deg }

.rauf { display: block; margin: 20px; }
.rauf svg { width: 30px }
a.rauf:hover { color:inherit }
a.rauf.logo-home { color: #E6E6E6 }
a.rauf.logo-architektur:hover, a.rauf.logo-dummy, a.rauf.logo-dummy:hover { color: #DAA602 !important }
a.rauf.logo-baukultur:hover {  }
a.rauf.logo-nachhaltigkeit:hover { color: #DAA602 }
a.rauf.logo-gruenraum:hover { color: #5AA947 !important }
a.rauf.logo-aktuell:hover { color: #DAA602 !important }
a.rauf.logo-publikationen:hover { color: #DAA602 !important}
a.rauf.logo-kontakt:hover { color: #DAA602 !important }

























/* Responsive */
@media screen and (max-width:1210px) {
.legende span { padding-left:3px; padding-right:3px }
.legende-unten { padding-left:3px; padding-right:3px }

}

@media screen and (max-width:959px) {
.logo { width: 150px }
.toggle { width: 49px }
.text { padding: 20px 0 }
.intro h1, .intro h2 { font-size: clamp(16px, 2.7em, 3em); line-height:110% }
.intro h2 { padding: 30px 50px 20px 50px }
.intro-thema { scroll-margin-top: 45vh }

.portrait, .ehemalige-ma { padding-top: 0 }

.uk-slidenav { display: none }

nav.navi-footer { margin-left: 52px }
.footer-adressblock { margin-top:0 }
.footer-rauf { padding-left: 0; margin-left: -10px }
.footer-rauf-pfeil { margin-top: 15px }
}

@media screen and (min-width:768px) and (max-width:1199px) {
nav.navi { left: auto; right: 30px !important }
}


@media screen and (min-width:640px) and (max-width:767px) {
nav.navi { left: 30px !important }
}

@media screen and (min-width:768px) {
.mobilehide { display: block !important }
}

@media screen and (max-width:767px) {
body { font-size: 18px; line-height: 150% }
.mobilehide { display: none }
.content { display: block; padding-bottom: 0 }
.spacer { height: 100px }

.intro-thema { scroll-margin-top: 30vh }
.intro h1, .intro h2 { font-size: clamp(16px, 1.8em, 2em); line-height:120% }
.intro h2 { padding: 20px 10px 10px 10px }
.intro-button a { font-size:1.2em }
.intro-weiter-pfeil { width:25px; margin-bottom:40px }

header { padding: 20px 0 }
nav.navi { background: none; position:absolute; padding: 0; top: 90px; left: 15px; font-size: 24px; line-height: 120%; }
nav.navi ul li a { color: #E6E6E6 }
nav.navi ul li a.currentpage { color: #DAA602 }

.mobilemenu-gelb { color: #DAA602 }

nav.navi-home ul li a.currentpage { color: #DAA602 }
nav.navi-architektur ul li a.currentpage { color: #DAA602 } 
nav.navi-baukultur ul li a.currentpage { color: #DAA602 }
nav.navi-nachhaltigkeit ul li a.currentpage { color: #DAA602 } 
nav.navi-gruenraum ul li a.currentpage { color: #5AA947 }

nav.navi-aktuell ul li a.currentpage { color: #DAA602 }
nav.navi-bauatelier ul li a.currentpage {  }
nav.navi-publikationen ul li a.currentpage { color: #DAA602 } 
nav.navi-kontakt ul li a.currentpage { color: #DAA602 }

.insta-menu { color: #E6E6E6; margin-top: 20px }

.logo { width: 150px }
.slider-home { height: calc(100svh - 0px) }
.themenbild { height: 40vh; max-height: auto }
.abstand-oben { padding-top: 80px }
h1 { font-size: 32px; padding: 0; line-height: 130%; }
h2 { font-size: 24px; padding: 4px 0; line-height: 130%; }

.claim h1.zeile2 { margin-left: 44px }
h2.zeile2 { margin-left: 0 }
.weiter a { margin-left: 100px; margin: 0; }

.legende span { padding: 3px 2px 0 4px; margin: 0 0 -4px -1px; -webkit-box-decoration-break: clone; box-decoration-break: clone; background: #44443C }
.legende-unten { padding-top:8px }

.text { padding: 20px 0 }
.portrait { padding-bottom:30px }
.footer-rauf-pfeil { margin-right: 11vw }
}