@charset "UTF-8";
html {
margin:0;
padding:0;
}
body {
font-family: 'Fira Sans Condensed', sans-serif;
line-height: 1.6em;
color:rgb(88,88,88);
margin:0;
padding:0;
background-color: #ededed;
}
a:link, a:visited {
color:#ea7e34;
text-decoration:none;
}
a:hover, a:focus, a:active {
color:#ea7e34;
text-decoration: underline;
}
h1 {
display:none;
}
@media only screen and (min-width: 1081px) {
html {
width: 100%; 
height: 100%;
}
body.start {
font-size: 1.2em;
display: flex;
align-items: center; /* Vertikale Zentrierung */
justify-content: center; /* Horizontale Zentrierung */
display: -webkit-flex;
align-items: -webkit-center;
box-align: -webkit-center;
display: -ms-flexbox;
flex-align: -ms-center;
width: 100%; 
height: 100%;
background-color: #ededed;
}
body {
font-size: 1.2em;
}
.content {
background-image:  url(img/raumkleid.svg);
background-repeat: no-repeat;
background-size: cover;
width:60em;
height:45em;
padding:0;
border:1px solid rgb(205,205,205);
box-shadow:6px 6px 10px #878787;
}
h2 {
font-size: 1.2em;
font-weight:400;
padding:6em 0 0.2em 0;
}
.text {
margin:3em 12em 3em 3em;
background-image: url(img/logo.svg);
background-repeat:no-repeat;
background-size: 17em;
background-position: top left;
padding:7em 0 0 0.5em;
}
.balken {
margin-top:10em;
margin-left:auto;
margin-right:auto;
margin-bottom:8em;
background-color:#e8edee;
width:60em;
border:1px solid rgb(205,205,205);
}
.balken h2 {
font-size: 1.2em;
font-weight:400;
padding:1.2em 0 0.2em 0;
}
.spalte {
background-image: url(img/unterseite.svg);
background-repeat:no-repeat;
background-size: contain;
background-position: top center;
border:5px solid #ffffff;
min-height:54em;
}
.sub {
margin:0 3em 0 3em;
font-size:0.9em;
padding:0 0 0 0.5em;
}
.sub .li {
float:left;
}
.sub .re {
float:right;
}
.sub .re span:nth-of-type(3) {
margin:0 0 0 3em;
}
.sub .re span {
color:#ea7e34;
}
}
@media only screen and (max-width: 1080px) {
html {
height:100%;
border-left: 8px solid #ffffff;
border-right: 8px solid #ffffff;
}
body.start {
font-size: 1.4em;
background-color:#e8edee;
}
body {
font-size: 1.2em;
}
.content {
border-top:8px solid #ffffff;
background-image: url(img/mobil.svg);
background-repeat:no-repeat;
background-size: 100%;
background-position: top center;
min-height:60em;
}
h2 {
font-size: 1.2em;
font-weight:400;
padding:2em 0 0.2em 0;
}
.balken h2 {
font-size: 1.2em;
font-weight:400;
padding:1em 0 0.2em 0;
}
.spalte {
background-image: url(img/unterseite.svg);
background-repeat:no-repeat;
background-size: contain;
background-position: top center;
border-top:8px solid #ffffff;
background-color: #e8edee;
}
.text {
margin:2em 3em 0 3em;
background-image: url(img/logo.svg);
background-repeat:no-repeat;
background-size: 16em;
background-position: top left;
padding:7em 0 0 0.5em;
}
.sub {
margin:0 3em 0 3em;
font-size:0.9em;
padding:1em 0 0 1em;
}
.sub .li, .sub .re {
float:left;
}
.sub .re span:nth-of-type(1), .sub .re span:nth-of-type(2) {
display:none;
}
.sub .re span {
color:#ea7e34;
}
}