*, *:before, *:after {
box-sizing : border-box;
}
html, body {
font-family : 'open_sanslight', georgia, tahoma, arial, Verdana, Segoe, 'Open Sans', helvetica, roboto, sans-serif;
font-size : 62.5%;
line-height : 1.5;
font-weight : normal;
height : 100%;
}
body {
font-size : 1.7rem;
margin : 0 auto;
}
.content br {
line-height : 0.7;
}
#multicolumn {
margin : 0 0 20px;
column-count : 3;
column-gap : 20px;
column-rule : 1px dotted #000;
}
.back-to-top {
background : goldenrod;
position : fixed;
bottom : 10px;
right : 20px;
padding : 1em;
z-index : 100;
}
.container_haupt {
margin : 0 auto;
padding : 0;
width : 80%;
}
img {
max-width : 100%;
height : auto;
margin : 0 auto;
}
.wrapper-box {
display : block;
text-align : center;
padding : 0;
}
.leiste-content {
width : 100%;
margin : 0 auto;
padding : 0;
}
.section-logo {
width : 100%;
background : white;
overflow : hidden;
margin : 0;
padding : 0;
}
.logo-content {
width : 100%;
height : 100%;
margin : 0 auto;
}
.name {
display : block;
color : #000;
font-size : 2.6rem;
line-height : 2.6rem;
text-align : center;
padding : 0.4rem;
text-transform : uppercase;
text-shadow : 3px 3px 4px #777;
}
#logo ul {
padding : 0;
margin : 0;
box-shadow : 3px 3px 3px gray inset;
}
#logo li {
list-style : none;
display : inline;
padding : 0;
margin : 0;
}
a {
background-color : transparent;
color : #000;
text-decoration : underline;
}
a:hover {
color : #000;
text-decoration : none;
}
#logo .wrapper-box-table {
display : table;
width : 100%;
height : 100%;
padding : 0;
background : transparent;
text-align : center;
}
#logo .box-tabcell-1a {
height : 100%;
display : table-cell;
width : 100%;
padding : 3rem 0;
vertical-align : middle;
}
#logo .box-tabcell-1b {
display : table-cell;
display : none;
width : 100%;
padding : 0;
vertical-align : middle;
text-align : right;
border-top-left-radius : 36rem;
background-image : url(../images/blume.jpg);
background-position : 50% 50%;
background-repeat : no-repeat;
background-size : cover;
box-shadow : 3px 3px 3px gray inset;
}
#logo .tabrow {
display : table-row;
}
#logo .box-tabcell-1b.back01 {
background-image : url(../images/blume.jpg);
}
.section-content {
width : 100%;
margin : 0;
padding : 0;
background : #fff;
color : #000;
box-shadow : 0 5px 29px 16px rgb(0, 0, 0, 0.53);
}
.content {
display : block;
width : 80%;
min-height : 60vh;
margin : 0 auto;
padding : 6rem 3rem;
text-align : left;
}
.fuss {
text-align : center;
margin : 0 auto;
padding : 1rem 0;
}


 @media (min-width: 360px) {
.content {
padding : 6rem 4rem;
}
}
@media (min-width: 400px) {
}
@media (min-width: 480px) {
}
@media (min-width: 600px) {
.logo-content {
height : 30rem;
}
.content {
padding : 6rem 6rem;
}
.box-1_of_1 {
width : 50%;
}
.box-1_of_2 {
width : 50%;
}
.box-1_of_3 {
width : 33.33%;
}
.box-1_of_4 {
width : 50%;
}
#logo .box-tabcell-1a, #logo .box-tabcell-1b {
width : 50%;
display : table-cell;
}
#logo .tabrow {
display : none;
}
}
@media (min-width: 640px) {
}
@media (min-width: 768px) {
html {
font-size : 70%;
}
.box-1_of_2 {
width : 50%;
}
.box-1_of_3 {
width : 33.33%;
}
}
@media (min-width: 800px) {
}
@media (min-width: 1024px) {
.name {
font-size : 3.6rem;
line-height : 3.6rem;
}
.box-1_of_4 {
width : 25%;
}
.box-1_of_5 {
width : 20%;
}
.box-1_of_1_gallery {
width : 100%;
}
.box-1_of_2_gallery {
width : 50%;
}
}
@media (min-width: 1100px) {
html {
font-size : 75%;
}
.content {
padding : 6rem 7rem;
}
pre {
width : 50vw;
}
}
@media (min-width: 1200px) {
.content .wrapper-box {
padding : 0 5rem;
}
}
@media (min-width: 1400px) {
html {
font-size : 80%;
}
.content {
padding : 6rem 9rem;
}