/* Hintergrund Menueleiste */


#menu1 {
display : table;
z-index : auto;
width : 0%;
position : fixed;
top : 0%;
left : 0%;
height : 100vh;
margin-top : 0;
margin-left : -120vw;
background-color: 
  /* ff 3.6+ */
    background:-moz-linear-gradient(0deg, rgba(28, 28, 28, 1) 0%, rgba(255, 193, 7, 1) 51%, rgba(28, 25, 14, 1) 100%); 

    /* safari 5.1+,chrome 10+ */
    background:-webkit-linear-gradient(0deg, rgba(28, 28, 28, 1) 0%, rgba(255, 193, 7, 1) 51%, rgba(28, 25, 14, 1) 100%);

    /* opera 11.10+ */
    background:-o-linear-gradient(0deg, rgba(28, 28, 28, 1) 0%, rgba(255, 193, 7, 1) 51%, rgba(28, 25, 14, 1) 100%);

    /* ie 6-9 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1C1C1C', endColorstr='#1C190E', GradientType=1 );

    /* ie 10+ */
    background:-ms-linear-gradient(0deg, rgba(28, 28, 28, 1) 0%, rgba(255, 193, 7, 1) 51%, rgba(28, 25, 14, 1) 100%);

    /* global 94%+ browsers support */
    background:linear-gradient(0deg, rgba(28, 28, 28, 1) 0%, rgba(255, 193, 7, 1) 51%, rgba(28, 25, 14, 1) 100%);
padding : 0;
text-align : center;
transition : all 1s ease-out;
}
#menu1 ul {
display : table-cell;
vertical-align : middle;
margin : 0;
padding : 0;
}
#menu1 li {
list-style-type : none;
display : block;
margin : 0 2rem 0 0;
text-align : left;
text-align : right;
padding : 0;
}
 #menu1 li a {
display : inline-block;
text-align : left;
text-decoration : none;
font-size : 3.6rem;
letter-spacing : 1px;
padding : 0.4rem 1rem;
margin : 0;
text-shadow : none;
text-transform : uppercase;
}
#menu1 li a:hover {
background : transparent;
background-color : #fff;
}
input[type="checkbox"] {
display : none;
}
#menu1 #aktuell a {
background : transparent;
color : #000;
font-weight : bold;
}
label.button-open .fas {
display : inline-block;
text-align : center;
z-index : auto;
position : fixed;
top : 0.1rem;
left : 0.1rem;
margin-left : 0;
margin-top : 0;
background : #fff;
color : #000;
cursor : pointer;
height : 3.6rem;
line-height : 3.6rem;
width : 3.6rem;
font-size : 3.9rem;
border-radius : 0.4rem;
transition : all 1s;
text-transform : uppercase;
}
input[type="checkbox"] {
display : none;
}
input#open:checked ~ #menu1 {
margin-left : 0;
}
@media (min-width: 600px) {
#menu1 {
width : 50%;
}
}
@media (min-width: 1024px) {
label.button-open {
display : none;
}
#menu1 {
position : static;
height : 0%;
width : 100%;
margin-top : 0;
margin-left : 0;
padding : 0.3rem;
box-shadow : none;
}
#menu1 ul {
margin : 0;
padding : 1rem;
text-align : center;
}
#menu1 li {
display : inline-block;
margin : 0;
padding : 0 0.5rem;
}
#menu1 li a {
text-decoration : none;
font-size : 1.8rem;
height : 2.8rem;
line-height : 2.8rem;
letter-spacing : 0.2rem;
padding : 0.2rem 0.2rem;
margin : 0;
color : #fff;
transition : all 0.2s ease-out;
}
#menu1 li a:hover {
background : transparent;
color : #000;
}




/* Einstellung-schalter */
label.button-open .fas {display:inline-block;
text-align:center;
z-index:auto;
position: fixed;
top:.1rem;left:.1rem;
margin-left:0rem;
margin-top:0rem;
background:#fff;
color:#000;
cursor:pointer;
height:3.6rem;
line-height:3.6rem;
width:3.6rem;
font-size:3.9rem;
border-radius: .4rem;
transition:all 1s;
text-transform:uppercase;
}




/* checkbox versteckt */
input[type=checkbox]{
display: none;
}

/* schaltet menu ein/aus */
input#open:checked ~ #menu1  {
margin-left: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;
}
#menu1 {
display : table;
z-index : auto;
width : 0%;
position : fixed;
top : 0%;
left : 0%;
height : 100vh;
margin-top : 0;
margin-left : -120vw;
background-color: 
  /* ff 3.6+ */
    background:-moz-linear-gradient(0deg, rgba(28, 28, 28, 1) 0%, rgba(255, 193, 7, 1) 51%, rgba(28, 25, 14, 1) 100%); 

    /* safari 5.1+,chrome 10+ */
    background:-webkit-linear-gradient(0deg, rgba(28, 28, 28, 1) 0%, rgba(255, 193, 7, 1) 51%, rgba(28, 25, 14, 1) 100%);

    /* opera 11.10+ */
    background:-o-linear-gradient(0deg, rgba(28, 28, 28, 1) 0%, rgba(255, 193, 7, 1) 51%, rgba(28, 25, 14, 1) 100%);

    /* ie 6-9 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1C1C1C', endColorstr='#1C190E', GradientType=1 );

    /* ie 10+ */
    background:-ms-linear-gradient(0deg, rgba(28, 28, 28, 1) 0%, rgba(255, 193, 7, 1) 51%, rgba(28, 25, 14, 1) 100%);

    /* global 94%+ browsers support */
    background:linear-gradient(0deg, rgba(28, 28, 28, 1) 0%, rgba(255, 193, 7, 1) 51%, rgba(28, 25, 14, 1) 100%);
padding : 0;
text-align : center;
transition : all 1s ease-out;
}
#menu1 ul {
display : table-cell;
vertical-align : middle;
margin : 0;
padding : 0;
}
#menu1 li {
list-style-type : none;
display : block;
margin : 0 2rem 0 0;
text-align : left;
text-align : right;
padding : 0;
}
#menu1 li a {
display : inline-block;
text-align : left;
text-decoration : none;
font-size : 3.6rem;
letter-spacing : 1px;
padding : 0.4rem 1rem;
margin : 0;
text-shadow : none;
text-transform : uppercase;
}
#menu1 li a:hover {
background : transparent;
background-color : #fff;
}
input[type="checkbox"] {
display : none;
}
#menu1 #aktuell a {
background : transparent;
color : #000;
font-weight : bold;
}
label.button-open .fas {
display : inline-block;
text-align : center;
z-index : auto;
position : fixed;
top : 0.1rem;
left : 0.1rem;
margin-left : 0;
margin-top : 0;
background : #fff;
color : #000;
cursor : pointer;
height : 3.6rem;
line-height : 3.6rem;
width : 3.6rem;
font-size : 3.9rem;
border-radius : 0.4rem;
transition : all 1s;
text-transform : uppercase;
}
input[type="checkbox"] {
display : none;
}
input#open:checked ~ #menu1 {
margin-left : 0;
}
}
@media (min-width: 600px) {
#menu1 {
width : 50%;
}
}
@media (min-width: 1024px) {
label.button-open {
display : none;
}
#menu1 {
position : static;
height : 0%;
width : 100%;
margin-top : 0;
margin-left : 0;
padding : 0.3rem;
box-shadow : none;
}
#menu1 ul {
margin : 0;
padding : 1rem;
text-align : center;
}
#menu1 li {
display : inline-block;
margin : 0;
padding : 0 0.5rem;
}
#menu1 li a {
text-decoration : none;
font-size : 1.8rem;
height : 2.8rem;
line-height : 2.8rem;
letter-spacing : 0.2rem;
padding : 0.2rem 0.2rem;
margin : 0;
color : #fff;
transition : all 0.2s ease-out;
}
#menu1 li a:hover {
background : transparent;
color : #000;
}