body {
font-family: 'FrutigerLTStd-LightCn';
margin:0;
padding:0;
font-size:13pt;
line-height:1.3em;
font-weight:200;
background-color:#fff;
overflow-x:hidden;
width:100wh;
height:auto;
display:block;
}



html, body{
  height:100%
}

h1 {
font-weight:normal;
}

.header {
width:84%;
height:240px;
background-color:#fff;
position:relative;
color:#79766f;
padding:0 0%;
vertical-align: top;
text-align:center;
transition:1s ease all;
-webkit-transition:1s all ease;
margin:0 auto;
}

.auf .header {
width:84%;
height:139px;
background-color:#fff;
position:relative;
color:#79766f;
padding:0 0%;
vertical-align: top;
text-align:center;
transition:1s ease all;
-webkit-transition:1s all ease;
margin:0 auto;
}

@media all and (min-width:840px) {
.untermenu .header {
width:84%;
height:139px;
background-color:#fff;
position:relative;
color:#79766f;
padding:0 0%;
vertical-align: top;
text-align:center;
transition:1s ease all;
-webkit-transition:1s all ease;
margin:0 auto;
}

}

a {
text-decoration: none;
color:#79766f;
}

.header div {
display:inline-block;
position:relative;
text-align:center;
vertical-align: top;
}

.header div.addresse {
width:24.9%;
height:auto;
text-align:center;
position:relative;
padding-top:60px;
font-size:10pt;
line-height:1.5em;
letter-spacing: 0.02em;
}

.header div.logo {
width:100%;
text-align:center;
position:relative;
padding-top:30px;
font-size:13pt;
letter-spacing: 0.05em;
display:inline-block;
transition:1s ease all;
-webkit-transition:1s all ease;
height:200px;
margin:0 auto;
display:block;
overflow:hidden;
}

.header span.strich {
letter-spacing: 0.01em;
width:45px;
position:relative;
color:#898989;
height:1.0px;
margin:6px 0;
background-color:#898989;
display:block;
}
.header span.backstube {
top:-4px;
position:relative;
}
.header div.logo img {
width:310px;
height:auto;
position:relative;
max-width:310px;
margin-bottom: 10px;
}

.header div.logo#menu img {
width:60px;
margin-bottom:0;
left:7px;
}


body.auf .header div.logo#logo {
height:0;
overflow:hidden;
padding-top:0px;
}
@media all and (min-width:840px) {
body.untermenu .header div.logo#logo {
height:0;
overflow:hidden;
padding-top:0px;
}
}

body.auf .header br.blockbr {
display:none;
}
@media all and (min-width:840px) {
body.untermenu .header br.blockbr {
display:none;
}
}
body.auf .header div.logo#logo {
display:block;

}

@media all and (min-width:840px) {
body.untermenu .header div.logo#logo {
display:block;
}
}
.content {
text-align:center;
background-color:#fff;
padding:110px 0 90px 0;
margin:0;
width:100%;
height:auto;
position:relative;
overflow-x: hidden;
}

.content p {
width:50%;
position:relative;
color:#79766f;
margin:0 auto;
padding:20px 0;
line-height:1.7em;
letter-spacing: 0.04em;
font-size:1.1em;
}
.content .textRahmenabs {
z-index:200;

}
.content .textRahmenabs p {
text-align:left;
margin:0;
padding:0;
height:0;
width:100%;
}


.footer p {
color:#79766f;
line-height:1.5em;
line-height:1.7em;
letter-spacing: 0.03em;
font-size:.90em;
}

.content p img {

height:auto;
position:relative;
}

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

.content .textRahmen {
padding:90px 0 80px 0;

}
.content .textRahmen:first-of-type {
padding:0px 0 80px 0;

}
.menubutton {

}

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

.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;
-ms-grid-column: 1 / 3;

grid-column: 1 / 3;

}

.vollebreite .bild span {
transform-origin: 0 0;
transform: rotate(270deg);
position:absolute;
left:101.2%;
bottom:0;
height:3%;
width:55%;
text-align: center;
color:#79766f;
display:block;
z-index:1000;
font-size:0.8em;
letter-spacing:.06em;
}

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

.linkeSpalte .bild span {
transform-origin: 0 0;
transform: rotate(270deg);
position:absolute;
left:-3%;
bottom:0;
height:3%;
width:55%;
text-align: center;
color:#79766f;
display:block;
z-index:1000;
font-size:0.8em;
letter-spacing:.06em;
overflow:visible;
}

.bilder#bilder28 .bild2 span,
.bilder#bilder28 .bild1 span {
transform-origin: 0 0;
transform: rotate(270deg);
position:absolute;
left:-2.5%;
bottom:0;
height:3%;
width:55%;
text-align: center;
color:#79766f;
display:block;
z-index:1000;
font-size:0.8em;
letter-spacing:.06em;
}

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

grid-row-gap:30px;

line-height:0;
}

.rechteSpalte .bild span {
transform-origin: 0 0;
transform: rotate(270deg);
position:absolute;
left:103%;
bottom:0;
height:3%;
width:55%;
text-align: center;
color:#79766f;
display:block;
z-index:1000;
font-size:0.8em;
letter-spacing:.06em;
overflow:visible;
}





.bilder#bilder28 .bild3 span {
transform-origin: 0 0;
transform: rotate(270deg);
position:absolute;
left:102.5%;
bottom:0;
height:3%;
width:115%;
text-align: center;
color:#79766f;
display:block;
z-index:1000;
font-size:0.8em;
letter-spacing:.06em;
}


.linkeSpalte .bild.slideshow {
overflow-y:hidden;

display:block;
}

.rechteSpalte .bild.slideshow {
overflow-y:hidden;

display:block;
}





button.menubutton {
width:70px;
height:40px;
border:0;
background-color:#fff;
position:absolute;
left:0px;
top:120px;
display:block;
}

body.auf button.menubutton {
display:none;
}
@media all and (min-width:840px) {
body.untermenu button.menubutton {
display:none;
}
}

button.menubutton {
line-height:.6em;
}

ul.rex-navi1 {
list-style:none;
text-align:center;
position:relative;
margin:25px 0 0 0;
padding:0;
font-size:1.1em;
height:0;
}

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

body.untermenuauf .header, 
body.untermenuauf .header .logo#menu {
height:330px;
transition:1s ease all;
-webkit-transition:1s all ease;
}

ul.rex-navi1 ul {

margin:0;
padding:0;
list-style:none;
position:absolute;
width:100%;
height:0;
text-align:center;
transition:1s ease all;
-webkit-transition:1s all ease;
display:none;
}

ul.rex-navi1 li {
list-style:none;
display:inline-block;
width:auto;
max-width:200px;
position:relative;
}
ul.rex-navi1 li a:after {
content:"–––";
top:-3px;
display:inline-block;
position:relative;
margin-right:0px;
margin-left:30px;
letter-spacing: 0.005em;
line-height:0.4em;
position:relative;
color:#898989;
}
ul.rex-navi1 li.rex-article-3 a:after,
ul.rex-navi1 li ul li a:after {
content:"";
}

ul.rex-navi1 li ul li {
display:block;
padding:7px 0 0 0;
}
ul.rex-navi1 li a {
padding:5px 15px;

}

ul.rex-navi1 ul.auf {
display:block;
margin:0;
padding:12px 0 0 0;
list-style:none;
width:200px;
left:-35px;
position:absolute;
}

.footer {
color:#79766f;
}
.footer p,
.footer p a {
color:#79766f;
}
strong {
font-weight:normal;
color:#84194e;
}

pre {
display:none;
}


.bilder#bilder28 {
width:84%;
display: grid;

-ms-grid-template-columns: 1fr 1fr;
-ms-grid-template-rows: 1fr 1fr;
-ms-grid-template-areas: "bild1 bild3" "bild2 bild4";
-ms-grid-gap:30px;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
grid-template-areas: "bild1 bild3" "bild2 bild4";
grid-gap:30px;
}

.bilder#bilder28 .bild1 {
-ms-grid-area: bild1;
grid-area: bild1;
line-height:0;
position:relative;
}
.bilder#bilder28 .bild2 {
-ms-grid-area: bild2;
grid-area: bild2;
line-height:0;
position:relative;
}

.bilder#bilder28 .bild3 {
-ms-grid-area: bild3;
grid-area: bild3;
position:relative;
line-height:0;
}

#inhalt13 div.footer {
display:none;
}
.bilder#bilder45 {
margin-top:30px;
position:relative;
}
.bilder#bilder9 .vollebreite {
margin-bottom:30px;
}

.bilder#bilder11 .vollebreite {
margin-bottom:30px;
}
.bilder#bilder17 .vollebreite {
margin-bottom:30px;
}
@media all and (max-width:1200px) {
.bilder .bild span,
.bilder div span {
display:none!important;
}
}

@media all and (max-width:840px) {

html {
-webkit-text-size-adjust: none;
}

body {
font-family: 'FrutigerLTStd-LightCn',sans-serif;
margin:0;
padding:0;
font-size:13pt;
line-height:1.3em;
font-weight:200;
}

.content .textRahmenabs {
z-index:200;

}
.content .textRahmenabs p {
text-align:left;
margin:0;
padding:0;
height:0;
width:100%;
}
.header div.logo {
width:100%;
text-align:center;
position:relative;
padding-top:30px;
font-size:13pt;
letter-spacing: 0.05em;
display:inline-block;
transition:1s ease all;
-webkit-transition:1s all ease;
height:240px;
margin:0 auto;
display:block;
overflow:hidden;
}

.header {
width:100%;
padding:0;
}

.logo {
height:160px;
}

.header div.logo img {
width:230px;
height:auto;
position:relative;
max-width:260px;
margin-bottom: 10px;
}

.header div.logo#menu img {
width:45px;
margin-bottom:0;
}

.header {
height:240px;
}

button.menubutton {
top:0px;
position:relative;
margin:0 auto;
}

.bilder .bild span,
.bilder div span {
display:none!important;
}

.bilder {
width:92%;
-ms-grid-gap:15px;
grid-gap:15px;
-ms-grid-template-columns:48% 48%;
grid-template-columns:48% 48%;
}
.bilder div.linkeSpalte,
.bilder div.rechteSpalte {
-ms-grid-gap:15px;
grid-gap:15px;
-ms-grid-row-gap: 4%;
grid-row-gap: 4%;
}
.bilder#bilder28 {
width:92%;
-ms-grid-gap:2.3% 3%;
grid-gap:2.3% 3%;
}




.bilder#bilder28 div {
line-height:0;
}

ul.rex-navi1 {
list-style:none;
text-align:center;
position:relative;
margin:25px 0 0 0;
padding:0;
font-size:1.0em;
height:0;
width:100%;
display:block;
}


ul.rex-navi1 ul {
margin:0;
padding:12px 0 0 0;
list-style:none;
position:relative;
width:100%;
height:0;
text-align:center;
transition:1s ease all;
-webkit-transition:1s all ease;
display:none;
}

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

width:100%;
max-width:800px;
position:relative;
display:block;
padding:0px 0;
margin:0;
}


ul.rex-navi1 li.rex-article-5 a.link5:after {
content:"–––";
top:-3px;
display:block;
position:relative;
margin-right:10px;
margin-left:10px;
margin-top:9px;
margin-bottom:5px;
letter-spacing: 0.005em;
line-height:0.3em;
position:relative;
color:#898989;
}
ul.rex-navi1 li a:after,
ul.rex-navi1 li ul li a:after  {
content:"";
top:-3px;
display:block;
position:relative;
margin-right:10px;
margin-left:10px;
margin-top:9px;
margin-bottom:5px;
letter-spacing: 0.005em;
line-height:0.3em;
position:relative;
color:#898989;
}
ul.rex-navi1 li.rex-article-3 a:after {
content:"";
}

ul.rex-navi1 li ul li {
display:block;
padding:0px 0 0 0;
}
ul.rex-navi1 li a {
padding:1px 0px;
display:block;
}

ul.rex-navi1 ul.auf {
display:block;
margin:0;
padding:0px 0 0 0;
list-style:none;
width:100%;
height:auto;
left:0;
position:relative;
}

.content {
text-align:center;
background-color:#fff;
padding:40px 0 40px 0;
margin:0;
width:100%;
position:relative;
}
.content p {
width:90%;
position:relative;
color:#79766f;
margin:0 auto;
padding:20px 0;
line-height:1.4em;
font-size:.98em;
}

.content .textRahmen p img {

}

.header div.logo#menu img {
left:0;
}

.content .textRahmen {
padding:55px 0 35px 0;
}

.footer p {
color:#79766f;
line-height:1.7em;

}

.content p br {
display:none;
}

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

.content h1 {

font-size:2.2em;
width:90%;
position:relative;
margin:0 auto;
line-height:1.1em;
letter-spacing: 0.03em;
}
body.auf .header {

height:280px;
}

body.auf .header .logo#menu {
height:280px;

}

body.untermenuauf .header {
height:540px;
}
body.untermenuauf .header .logo#menu {
height:540px;

}



#inhalt13 .content p br {


}

.bilder#bilder45 {
margin-top:5px;
position:relative;
}
.bilder#bilder9 .vollebreite {
margin-bottom:5px;
}

.bilder#bilder11 .vollebreite,
.bilder#bilder17 .vollebreite{
margin-bottom:5px;
}


}




@media all and (max-width:840px) and (orientation:landscape) {

.header div.logo {
width:100%;
text-align:center;
position:relative;
padding-top:30px;
font-size:13pt;
letter-spacing: 0.05em;
display:inline-block;
transition:1s ease all;
-webkit-transition:1s all ease;
height:210px;
margin:0 auto;
display:block;
overflow:hidden;
}

.header {
width:100%;
padding:0;
}

.logo {
height:150px;
}

.header {
height:210px;
}

button.menubutton {
top:0px;
position:relative;
}
.header span.strich {
letter-spacing: 0.01em;
line-height:0.5em;
position:relative;
margin: 8px 0;
display:block;
width:45px;
height:1px;
}
.header span.backstube {
top:-4px;
position:relative;
}
.header div.logo img {
width:25%;
height:auto;
position:relative;
max-width:260px;
margin-bottom: 10px;
}

.header div.logo#menu img {
width:12%;
}


body.auf .header div.logo#logo {
height:0;
overflow:hidden;
padding-top:0px;
}

.auf .header {

height:280px;
}

.auf .logo#menu {
height:280px;

}

.untermenuauf .header {

height:420px;
}
.untermenuauf .logo#menu {
height:4200px;

}
.header div.logo#menu img {
width:8%;
}
}
@media screen and (max-width:1400px) {
.content p br {
display:none;
}
.content p br.doch {
display:block;
}

.content p br.auchm {
display: block;
}
}
@media screen and (max-width:1200px) {
.content p br {
display:none;
}

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

.content p br.auchm {
display: block;
}

}



.slideshow > img {
width:100%;
height:100%;
background-size:cover;
background-position:center;
position:absolute;
display:block;
left:100%;
top:0;
-webkit-transition: left 1s;
transition: left 1s;
}



.slideshow > img:nth-of-type(1) {
width:100%;
height:100%;
background-size:cover;
background-position:center;
position:absolute;
display:block;
left:-100%;
top:0;
-webkit-transition: left 1s;
transition: left 1s;
}

.slideshow > img:nth-of-type(2) {
width:100%;
height:100%;
background-size:cover;
background-position:center;
position:absolute;
display:block;
left:0;
top:0;

}


.slideshow#bild1 > img {
width:100%;
height:100%;
background-size:cover;
background-position:center;
position:absolute;
display:block;
left:100%;
top:0;
-webkit-transition: left 1s;
transition: left 1s;
}



.slideshow#bild1 > img:nth-of-type(1) {
width:100%;
height:100%;
background-size:cover;
background-position:center;
position:absolute;
display:block;
left:-100%;
top:0;
-webkit-transition: left 1s;
transition: left 1s;
}

.slideshow#bild1 > img:nth-of-type(2) {
width:100%;
height:100%;
background-size:cover;
background-position:center;
position:absolute;
display:block;
left:0;
top:0;

}