body {
font-family: 'Marsden-W', sans-serif;
font-weight: 400;
font-style: normal;
margin:0;
padding:0;
border:0;
background-color:#fff;
width:100%;
height:auto;
display:block;
text-align:center;
background-attachment: fixed;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
margin:0px;
padding:0px;
letter-spacing:.045em;
font-size:16px;
-webkit-text-size-adjust: none;
text-size-adjust: none;
color: #000000;
line-height: 1.8em;
top:0 !important;
text-align:center;

}
body {
    -webkit-font-smoothing: none; /* For WebKit browsers */
    -moz-osx-font-smoothing: none;  /* For macOS on Firefox */
}

.content {
text-align:center;
z-index:10;
}

.content > div {
text-align:left;
}

.header{
background-color: transparent;
height: auto;
width: 100%;
position: fixed;
display: block;
z-index: 40;
top:0;

}
@media screen and (min-width:1050px) {
.header{
padding-top:2%;
}
}

.sticky .header {

height: auto;
width: 100%;
position: fixed;
display: block;
z-index: 40;
padding-bottom: 0px;
}





.headerinner {
height: 180px;
width: 100%;
position: relative;
display: block;
}

.menubuttonrahmen {
width: 60px;
height: 40px;
position: absolute;
display: inline-block;
vertical-align: middle;
text-align: left;
z-index: 40;
right:3%;
top:0px;
display:none;
}


.logo {
width: 180px;
height: 40px;
position: absolute;
display: inline-block;
z-index:300;
text-align:center;
background-image:url(../../media/ligno_logo.png);
background-size:180px;
background-repeat:no-repeat;
background-position:center;
left:2.9%;
top:0px;
}

.sticky .logo {
background-image:url(../../media/ligno_logo.png);
}

body#inhalt1 .logo {

}

.logo a {
display:block;
width:100%;
height:100%;
position:relative;
}

.logo img {
width: 80%;
height: auto;
position: relative;
display: block;
padding-top: 25px;
max-width: 245px;
display: inline-block;

}

.menubutton {
display:inline-block;
width:60px;
height:40px;
position:relative;

border:0;
appearance: none;
-webkit-appearance: none;
background-size:40px;
background-repeat:no-repeat;
background-position:14px 19px;
background-color:transparent;
cursor:pointer;
margin-right:0%;
vertical-align: center;
top: 6px;
z-index: 40;
outline:0;

padding:0;
}

.menubutton span {
height:2px;
background-color:#000;
width:100%;
position: relative;
margin-bottom:12px;
display:block;
}





body .menu {
display: block;
position: fixed;


background-color:#fff;
text-align: left;
z-index: 0;
-webkit-transition: 1s all ease;
transition: 1s all ease;
left:0%;


text-align:center;
width:100%;
left:0%;
height:100vh;
display:inline-block;
border-top:0vh solid #fff;

opacity:0;

}

.menuauf .menu {
left:0%;
opacity:1;
z-index: 5;
}
.menu li {
list-style: none;
-webkit-transition: 1s all ease;
transition: 1s all ease;

}

ul.rex-navi1 li {
list-style: none;

}

.menu li a {
text-decoration:none;
color: #fff4bd;
font-size: 40px;

line-height: 1.8em;
opacity:0;
letter-spacing:0.04em;
transition: 2s all ease;
}
.menu li a.sichtbar {
opacity:1;
}
.menu li a.rex-current{
color:#000000;
}
.menu li.rex-active a {
color:#000000;
}
.menu li.rex-active a:after,
.menu li a.rex-current:after{
content: " ";
display: block;
text-align: left;
width: 150px;
height: 1.5px;
background-color: #000000;
position: relative;

margin-top:10px;
margin-bottom:30px;
margin-left:auto;
margin-right:auto;
transform: rotate(0deg);
}

.menu ul {
padding-top: 20vh;
position: relative;
padding-left: 0%;
}
.alert ul {
font-size: .75em;
line-height:1.8em;

}
.footer {
font-size: 0.9em;
line-height:1.8em;
letter-spacing: .045em;
padding:1% 0% 1% 0%;
background-color:#a49f9c;
}

.footer .textRahmenVB3sp a{

text-decoration: none;
}

@media screen and (min-width:1050px) {
.footer .textRahmenVB3sp {
width:94%;
height: auto;
min-height:200px;
position: relative;
display:inline-flex;
padding:0% 3% 0% 3%;
text-align:center;
justify-content:space-between;

}
}

.footer .textSpalteLinksVB3sp {
width: 27%;
height: auto;
position: relative;
display: inline-block;
text-align: left;


}

.footer .textSpalteMitteVB3sp {
width: 27%;
height: auto;
position: relative;
display: inline-block;
text-align: left;


}
.footer .textSpalteMitteVB3sp img {
width:100%;
}


.footer .textSpalteRechtsVB3sp {
width: 27%;
padding-right: 0%;
height: auto;
position: relative;
display: inline-block;


}
@media screen and (min-width:1050px) {
.footer .textSpalteMitteVB3sp p {
position:absolute;
bottom:0;
left:0;
text-align: center;
left:150px;
}

.footer .textSpalteRechtsVB3sp p {
position:absolute;
bottom:0;
left:150px;

}
}

.footer .textSpalteRechtsVB3sp {


}

a.schliessen {
color:#000;
}

button#playani,
button#playaniB {
visibility:hidden;

}

body.menuauf #head,
body.menuauf .content,
body.menuauf .footer {
opacity:1;

}
body.menuauf #head {
z-index:200;
}

.cookies {
background-color: #eae9e8;
font-size: .9em;
line-height: 1.0em;
letter-spacing: .05em;
width: 97%;
height: 56px;
padding-left: 3%;
padding-right: 0%;
position: fixed;
bottom: 0;
vertical-align: middle;
display: block;
text-align:center;
}

.cookies div.cookietext {

display:block;
position: relative;
text-align: left;
width:100%;
height:100%;
margin:0;

}

.cookies div.cookietext span {
display: inline-block;
height:100%;
line-height: 56px;
height: 56px;
}
@media screen and (min-width:1400px) {

}
.cookies a#buttoncookies:hover {

}

.cookies.weg {
display: none;
}

@media screen and (min-width:1050px) {

}

@media screen and (max-width:1050px) { 
.menubuttonrahmen {
display:none;
}

.logo {
width: 140px;
height: 30px;
position: absolute;
display: inline-block;
z-index:300;
text-align:center;
background-image:url(../../media/ligno_logo.png);
background-size:140px;
background-repeat:no-repeat;
background-position:center;
left:4%;
top:50px;
}

.sticky .logo {
background-image:url(../../media/ligno_logo.png);
}

.content {
padding-top:120px;
}

.textRahmen {
margin-left: 0%;
margin-right: 0%;
width: 100%;
}

.footer {
padding-bottom:10px;
}

.footer .textRahmenVB3sp {
height: auto;
min-height: 200px;
position: relative;
display: block;
padding: 0% 4% 0% 4%;
text-align: left;
width:92%;

justify-content: unset;
}

.footer .textSpalteLinksVB3sp {
width:100%;
display:block;
position: relative;
}

.footer .textSpalteMitteVB3sp {
width:100%;
display:block;
position: relative;
}
.footer .textSpalteRechtsVB3sp {
width: 100%;
display:block;
position: relative;
}
.cookies {
background-color: #eae9e8;
font-size: .75em;
line-height: 1.0em;
letter-spacing: .045em;
width: 92%;
height: 72px;
padding-left: 4%;
padding-right: 4%;
position: fixed;
bottom: 0;
padding-top:10px;
vertical-align: middle;
display: block;
text-align:center;
}
.cookies div.cookietext {


position: relative;
text-align: left;

line-height: 1.0em;
margin:0;
}
.cookies div.cookietext span {
display: inline-block;
height: 100%;
line-height: 1.7em;
height: 56px;
}


.footer {
font-size: 0.75em;
line-height:1.8em;
letter-spacing: .045em;
padding:1% 0% 1% 0%;
background-color:#a49f9c;
}
}