body {

font-family: trade-gothic-next, sans-serif;
margin:0;
padding:0;
font-size:13.5pt;
line-height:1.3em;
font-weight:200;
background-color:#f0f1f2;
color:#9ba5ac;
overflow-x:hidden;
width:100%;
height:auto;
display:block;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}

p, ul, li, h1, h2, a {
text-size-adjust: none;
-webkit-text-size-adjust:none;
-moz-appearance:none;
-webkit-appearance:none;
appearance:none;
outline:none;
}

a:focus {
text-size-adjust:none;
-webkit-text-size-adjust:none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
outline: none;
background-color:transparent;
}
pre {
display:none;
}

.header {
width:8%;
height:100%;
background-color:#fff;
position:fixed;
color:#cfd4d7;
padding:0 0%;
vertical-align: top;
text-align:center;
transition:1s ease width;
-webkit-transition:1s ease width;
left:0;
display:block;
z-index:200;

}
.logoMenu {
width:8%;
height:auto;
display:block;
text-align:center;
transition:0;
-webkit-transition:none;
position:fixed;
left:0;
top:0;
z-index:300;
}
@media screen and (min-width:800px) {
.auf .logoMenu {
width:8%;
text-align:center;
}
}


a {
text-decoration: none;
color:#636d75;
}

.logo {
width:78px;
height:auto;
position:relative;
display:inline-block;
margin-top:30px;
}

.logo img {
width:100%;
left:2px;
}


.content {
text-align:center;
padding:0 0 0px 0;
margin:0;
width:100%;
height:auto;
position:relative;
}
.content p,
.multitext div {
width:70%;
position:relative;
color: #8c979f;
margin:0 auto;
padding:20px 0;
line-height:1.7em;
letter-spacing: 0.05em;
font-size:1.1em;
}

#inhalt2 .content p {
padding:0 0 0 0;
}

.footer a {
color:#8c979f;
}

.footer ul {

position:relative;
color:#8c979f;

padding:40px 0 20px 0;

letter-spacing: 0.05em;
font-size:1.1em;
}
.footer strong {
color:#793448;
font-weight:normal;
letter-spacing:.06em;
font-size:1.1em;
left:-70px;
position:relative;
}
.footer p {
line-height:1.7em;
letter-spacing:.05em;
}
.footer ul {
line-height:1.7em;
letter-spacing:.05em;
}

.footer ul li {
font-size:0.9em;
}

.content h1,
.content h2 {
color:#833953;
font-size:4.2em;
width:50%;
position:relative;
margin:0 auto;
line-height:.95em;
letter-spacing: 0.06em;
}


.multi {
width:100%;
height:100vh;
position:relative;
background-color:#c9ced1;
color:#fff;
}

.multi .multitext {
width:100%;
height:auto;
position:relative;

color:#fff;

}

.multi .multitext p,
.multi .multitext h1 {
text-align: center;
position: relative;

}

.multi p,
.multi h1,
.multi h2 {
color:#fff;
width:100%;
}

.textrahmen {
padding:100px 0;
margin:0;

}

div.inhalt2spalten {
width:calc(100% - 100px);
margin-left:100px;
position:relative;
height:auto;
display:grid;
grid-template-columns: 50% 50%;
}

div.inhalt2spalten div {
position:relative;
height:auto;
display:inline-block;

}
div.inhalt2spalten div p {
width:100%;
}

div.inhalt2spalten div img {
width:100%;
height:auto;
position:relative;
}


.bilder {
width:90%;
height:auto;
position:relative;
margin-left:auto;
margin-right:auto;
text-align:center;
display:grid;
grid-template-columns:calc(50%-15px) calc(50%-15px);
grid-column-gap:30px;
z-index:10;
line-height:0;
}

.bilder.vb {
width:100%;
}

.bilder img {
width:100%;
height:auto;
position:relative;

border:0;
}
.bilder .vollebreite img {
z-index:700;
}

.bilder .bild {
line-height:0;
position:relative;
}
.vollebreite {
width:100%;
height:auto;
position:relative;
vertical-align:top;
grid-column: 1 / 3;
line-height:0;
}



.linkeSpalte {
width:100%;
height:auto;
position:relative;
display:inline-block;
vertical-align:top;
grid-column:1/1;
display:grid;
grid-row-gap:0px;
line-height:0;
}



.rechteSpalte {
width:100%;
height:auto;
position:relative;
display:inline-block;
grid-column:2/2;
display:grid;
grid-row-gap:0px;
line-height:0;
}


button.menubutton {
width:70px;
height:40px;
border:0;
background-color:transparent;
position:relative;
left:0px;
top:15px;
display:inline-block;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
outline: none;
display:none;
}
button.menubutton.focus {
outline: none;
}
div.menu {
top:0px;
position:relative;
height:100vh;
transition:1s ease all;

z-index:-200;

}

body.auf div.menu {
top:0;
position:relative;
height:100vh;

}

button.menubutton {
line-height:0.6em;
}
button.menubutton span.strich {
width:65px;
height:2px;
background-color:#cdd2d5;
display:inline-block;
position:relative;
left:-5px;
}

button.menubutton span.strich:nth-child(2) {
visibility:hidden;
}

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

height:0;
text-align:center;
position:relative;
margin:0px 0 0 0;
padding:0;
font-size:1.1em;

height:700px;
margin:0 auto;
text-align:center;

opacity:0;
transition:1s all ease;
-webkit-transition:1s all ease;
display:block;

}


@media screen and (min-width:800px) {
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index:-5;
}
ul.rex-navi1.menuauf {
list-style:none;
height:700px;
text-align:center;
position:relative;
margin:0px auto 0 auto;
padding:0;
font-size:1.1em;
overflow:auto;
opacity:1;


}
@media screen and (min-width:800px) {
ul.rex-navi1.menuauf {
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index:400;
}
}
body.auf .header {
width:100%;
text-align:left;
background-color:rgba(255,255,255,.8);
} 

body.auf ul.rex-navi1 {
height:700px;
transition:1s ease all;
-webkit-transition:1s all ease;
}

body.auf .logo {

}
body.auf .menubutton {
display:none;
}


ul.rex-navi1 li {
list-style:none;
display:block;
height:0;
overflow:hidden;
width:100%;
position:relative;
text-align:center;
transition:1s ease all;
-webkit-transition:1s all ease;
opacity:0;
margin-top:30px;

}

ul.rex-navi1 li.auf {
opacity:1;
list-style:none;
display:block;
margin:0;
padding-top:3px;
height:120px;
width:100%;
position:relative;
text-align:center;

}
ul.rex-navi1 li a:after {
content:url(../../media/grauer-strich.png);
top:0px;
display:block;
position:relative;
margin-right:0px;
margin-left:0px;
margin-top:25px;
letter-spacing: 0.005em;
line-height:0.4em;
position:relative;
color:#8c979f;
}



ul.rex-navi1 li:last-child a::after {
content:"";

}

ul.rex-navi1 li ul li {
display:block;
padding:7px 0 0 0;
}
ul.rex-navi1 li a {
padding:5px 0;
font-size:2.5em;
width:100%;
letter-spacing:.06em;

}


.footer {
width:90%;
padding-left:10%;
position:relative;
}

.footer {
width:90%;

padding-left:10%;
position:relative;
display:block;
line-height:1.7em;
letter-spacing:.05em;
}
.footer p {
line-height:1.7em;
letter-spacing:.05em;
}
.footer ul {
line-height:1.7em;
letter-spacing:.05em;
}
.footer ul {
list-style:none;
margin:0;
padding:10px 0 50px 0;
vertical-align:top;
}

.footer ul li {
list-style:none;
margin:0;
padding:0;
display:inline-block;
width:48%;
height:auto;
vertical-align:top;
text-align:center;
border-right:2px solid #9ba5ac;
}

.footer ul li:last-child {
border-right:0px;

}

.footer ul li:nth-child(3),
.footer ul li:nth-child(4) {
width:44%;

}
span.ueberfahren {
width:1px;
height:1px;
position:relative;
}

.content img {
top:30px;
position:relative;
opacity:0;
transition:1s all ease;
-webkit-transition:1s all ease;
}

.content img.visible,
.content #bilder22 img,
.content #bilder15 img,
.content #bilder44 img
{
top:0px;
opacity:1;
transition:1s all ease;
-webkit-transition:1s all ease;
}
span.davor {
width:50px;
height:50px;
display:block;
background:transparent;
position:absolute;
z-index:20;
top:20px;
}

@media screen and (max-width:1200px) {

.logo {
width: 60px;
height: auto;
position: relative;
display: inline-block;
margin-top: 30px;
}

button.menubutton {
width:50px;
height:40px;
border:0;
background-color:transparent;
position:relative;
left:0px;
top:15px;
display:inline-block;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
outline: none;
display:none;
}
button.menubutton.focus {
outline: none;
}
div.menu {
top:0px;
position:relative;
height:100vh;
transition:1s ease all;

z-index:-200;

}

body.auf div.menu {
top:0;
position:relative;
height:100vh;

}

button.menubutton {
line-height:0.3em;
}
button.menubutton span.strich {
width:50px;
height:2px;
background-color:#cdd2d5;
display:inline-block;
position:relative;
left:-6px;
}

button.menubutton span.strich:nth-child(2) {
visibility:hidden;
}

}


@media screen and (max-width:800px) {
body {
text-size-adjust:none;
}
.content {
padding-top:70px;
}
.header {
width:100%;
height:70px;
position:fixed;
}

.auf .header {
width:100%;
height:70px;
position:fixed;
}
body.auf .header {
height:100%;
}

body .menu {
z-index:-200;

height:0;
overflow:hidden;
}
body.auf .menu {
z-index:200;
height:auto;
display:block;
}
.logoMenu {
padding-left:0%;
width:100%;
z-index:300;
}
div.inhalt2spalten {
margin-left:0;
width:100%;
display:block;
}

div.inhalt2spalten div.spalte1 {
display:block;
max-width:100%;
width:100%;
position:relative;
height:auto;
}

div.inhalt2spalten div.spalte2 {
display:block;
max-width:100%;
width:100%;
position:relative;
height:auto;
}
.textrahmen {
clear:both;
display:block;
max-width:100%;
width:100%;
position:relative;
}
.textrahmen {
padding:50px 0;
margin:0;

}
.logo {
width:45px;
height:auto;
position:relative;
display:block;
margin-top:0px;
margin:0 auto;
padding-top:11px;
}


.logo img {
width:100%;

}

button.menubutton {
width: 60px;
height: 40px;
border: 0;
background-color: transparent;
position: absolute;
left: 82%;
top: 14px;
padding:0;
display: block;
line-height:0.2em;
display:none;
}
button.menubutton span.strich {
width:40px;
height:2px;
background-color:#cdd2d5;
display:inline-block;
position:relative;
}

.content p, .multitext div,
div.inhalt2spalten div p {
width:80%;
position:relative;

line-height:1.5em;
letter-spacing: 0.05em;
font-size:1.0em;
}

body ul.rex-navi1,
body.auf ul.rex-navi1 {
padding-top:120px;
display:block;
z-index:200;
}

ul.rex-navi1 li {
list-style:none;
display:block;
height:35px;
width:100%;
position:relative;
text-align:center;
}


.auf ul.rex-navi1 li {

height:60px;

}
ul.rex-navi1 li a:after {
content:url(../../media/grauer-strich.png);
top:0px;
display:block;
position:relative;
margin-right:0px;
margin-left:0px;
margin-top:10px;
margin-bottom:10px;
letter-spacing: 0.005em;
line-height:0.4em;
position:relative;
color:#9ba5ac;
}

ul.rex-navi1 li a {
padding:1px 0;
font-size:1.4em;
width:100%;
}

.content p br {
display:none;
}
.content p br.doch {
display:block;
}

.content p br.nurmdoch {
display:block;
}
.content h1,
.content h2 {
font-size:2.2em;
width:90%;
position:relative;
margin:0 auto;
line-height:1.1em;
letter-spacing: 0.06em;
}


.footer {
width:90%;
padding-left:10%;
position:relative;

}
.footer ul {
line-height:1.7em;
}
.footer {
width:90%;

padding-left:0%;
position:relative;
display:block;
margin:0 auto;
}
.footer strong {
color:#793448;
font-weight:normal;
letter-spacing:.06em;
font-size:.9em;
left:0;
position:relative;
}
.footer ul {
list-style:none;
margin:0;
padding:0 0 50px 0;
vertical-align:top;
font-size:.9em;
line-height:1.5em;
}

.footer ul li {
list-style:none;
margin:0;
padding:0;
display:inline-block;
width:100%;
height:auto;
vertical-align:top;
text-align:center;
border-right:0px solid #9ba5ac;
padding-bottom:20px;
font-size:.9em;
}

.footer ul li:last-child {
border-right:0px;

}

.footer ul li:nth-child(3),
.footer ul li:nth-child(4) {
width:100%;


}

}


@media screen and (max-width:800px) and (orientation:landscape) {
body {
text-size-adjust:none;
}
div.inhalt2spalten {
margin-left:0;
width:100%;
height:auto;
display:block;
}

div.inhalt2spalten div.spalte1 {
display:block;
max-width:100%;
width:100%;
position:relative;
height:auto;
}

div.inhalt2spalten div.spalte2 {
display:block;
max-width:100%;
width:100%;
position:relative;
height:auto;
}
.textrahmen {
clear:both;
display:block;
max-width:100%;
width:100%;
position:relative;
padding:50px 0;
}

.logo {
width:45px;
height:auto;
position:relative;
display:inline-block;
margin-top:0px;

left:0%;
}

.logo img {
width:100%;

}
button.menubutton {
width: 60px;
height: 40px;
border: 0;
background-color: transparent;
position: absolute;
left: 88%;
top: 8px;
padding:0;
display: block;
line-height:0.2em;
display:none;
}
button.menubutton span.strich {
width:45px;
height:1px;
background-color:#cdd2d5;
display:inline-block;
position:relative;
}


body ul.rex-navi1,
body.auf ul.rex-navi1 {
padding-top:45px;
display:block;
z-index:200;
}

ul.rex-navi1 li {
list-style:none;
display:block;
height:60px;
width:100%;
position:relative;
text-align:center;
}

ul.rex-navi1 li.auf {
list-style:none;
display:block;
height:40px;
width:100%;
position:relative;
text-align:center;
}
ul.rex-navi1 li a:after {
content:url(../../media/grauer-strich.png);
top:0px;
display:block;
position:relative;
margin-right:0px;
margin-left:0px;
margin-top:6px;
margin-bottom:8px;
letter-spacing: 0.005em;

line-height:0.4em;
position:relative;
color:#9ba5ac;
}

ul.rex-navi1 li a {
padding:1px 0;
font-size:.9em;
width:100%;
}

}
.content p br.nurmdoch {
display:none;
}

button.menubutton {

}

span.dunkelrot {
color:#793448;
font-weight:normal;
letter-spacing:.06em;
font-size:1.0em;
position:relative;
}

span.dunkelrotnormalegroesse {
color:#793448;
font-weight:normal;
letter-spacing:.06em;
font-size:1.0em;
position:relative;
}