/* cmsms stylesheet: safari 25 modified: Dienstag, 25. Februar 2025 21:40:24 */
@font-face{font-family:"Folio W01 Book"; src:url("/fonts/c8a1e156-b67d-4bc5-b3d3-457c75208e56.woff2") format("woff2"), url("/fonts/a75e08d6-c97b-4c90-8757-d1b3d0aa1380.woff") format("woff"); font-display:swap }

@font-face{font-family:"Folio Medium"; src:url("/fonts/db857aa663411a402d353cf90bce65a6.woff2") format("woff2"), url("/fonts/db857aa663411a402d353cf90bce65a6.woff") format("woff"); font-display:swap }

	
::selection { background-color: white; color:#4A5450 }
::-moz-selection { background-color: white; color:#4A5450 }


html { background: #4A5450 }
body { font-family:"Folio W01 Book"; font-size:32px; color:#4F1C08; line-height:120% }
h1 { font-family:"Folio Medium"; color:#4F1C08; font-weight:normal; font-size:5.6vw; line-height:120%; margin: 0 }
a, a:hover { color:#4F1C08; text-decoration: none }   
strong { font-family: "Folio Medium"; font-weight: normal }


.oben, .unten { padding: 20px; padding-right: 0 }
.berlin-mitte { padding: 70px 20px 20px 20px }
.berlin-mitte p { text-indent: -1.5em; margin: 0; margin-left: 1.5em }
}

.berlin-mitte img { width:100%; max-width: 400px }
/* .unten { position: absolute; bottom: 0; width:calc(100% - 40px); background: #4A5450 } */
.unten { width:calc(100% - 40px) }

.logo { width: 360px; height:84px }






@media screen and (max-width:520px) {
body { font-size: 5.6vw }
h1 { font-size:10vw; line-height:100%; margin: 5px 0 }
.oben, .unten { padding: 10px; padding-right: 0 }
.berlin-mitte { padding: 40px 10px 20px 10px }
.berlin-mitte img { width:100%; max-width: 222px }
.logo { width:70vw; height: auto }
}

@media screen and (max-height:500px) {
.berlin-mitte { display:none }
}