body {
font-family: "roboto",sans-serif;
margin:0;
padding:0;
font-size:14pt;
line-height:1.5em;
font-size-adjust: none;
-webkit-font-size-adjust: none;
letter-spacing: .03em;

}
p, ul, li {
font-size-adjust: none;
-webkit-font-size-adjust: none;
}
html, body{
  height:100%
}

div.obenmehr article {
margin-top:150px;

}

.dreieckle {
position:relative;
background-image:url(../../media/dreieckle-rose.svg);
width:100%;
height:64px;
top:-50px;
background-position: center;
background-repeat: no-repeat;
background-size:110%;
z-index:999;
}

.textRahmen ul {
width:40%;
margin:0 auto;
font-size:1.0em;
}

.textRahmen ul li {

font-size:0.9em;
}




footer .textRahmenVB3sp {
border-top: 1px solid #58595b;
width: 88%;
padding-left: 6%;
padding-right: 6%;
height: auto;
position: relative;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: flex-start;
background-color: #fff;
color: #7e7e7e;
padding-bottom: 50px;
padding-top: 20px;
font-size: 0.90em;
letter-spacing: 0.03em;
line-height: 1.6em;
}

footer .textRahmenVB3sp p {
color: #7e7e7e;
}

footer .textRahmenVB3sp a {
color: #7e7e7e;
}

footer .textRahmenVB3sp .iconsumgebend {
position: relative;
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
align-items: center;
margin-top: 80px;
}

footer .textRahmenVB3sp .iconsumgebend img {
height: 25px;
width: auto;

}
footer .textRahmenVB3sp h3 {
font-family: roboto-condensed, sans-serif;
color: #7e7e7e;
font-size: 1.5em;
line-height: 1.2em;
letter-spacing: .03em;
font-weight: 300;
}

footer a {
text-decoration: none;
}

a.consent_manager-show-box {
cursor: pointer;
}

div.sprache {
position: fixed;
right: 0;
z-index: 10000;
display: block;
width: 50px;
height: auto;
padding-top: 10px;
padding-bottom: 10px;
background-color: rgba(126,126,126,1)!important;
text-align: center;
vertical-align: middle;
}

div.sprache a {
color: #fff;
text-decoration: none;
}

#d21-scroll img {
width: 17px;
height: auto;
margin-right: 5px;
position: relative;
top: 1px;
}

#d21-scroll2 img {
width: 17px;
height: auto;
margin-right: 5px;
position: relative;
top: 2px;
}

@media screen and (min-width:1600px)  {
article > div {
max-width: 1600px;
margin: 0 auto;
}

article div.startHintergrund {
max-width: unset;
}

article div.dreieckle {
max-width: unset;
}

footer {
max-width: 1600px;
margin: 0 auto;
}

}


@media screen and (min-width:800px)  {
.buttonanmenuauf #d21-scroll.d21-button-scroll2 {
position:relative;
}

#d21-scroll,
#d21-scroll2,
#d21-scroll3 {
border:0!important;
border-radius:0!important;
padding:12px 15px 12px 12px !important;
background-color:rgba(126,126,126,1)!important;
color:#fff!important;
position: relative !important;

width:115px;
cursor:pointer;
}
#d21-scroll.d21-button-scroll2,
#d21-scroll2.d21-button-scroll2,
#d21-scroll3.d21-button-scroll2 {
border:0!important;
border-radius:0!important;
padding:12px 15px 12px 12px !important;
background-color:rgba(126,126,126,1)!important;
color:#fff!important;
position: relative !important;


width:115px;
cursor:pointer;
}

#d21-scroll {
margin-top:20px;

}

}

h1 {
font-family: roboto-condensed, sans-serif;

color:#7e7e7e;
font-size:2.5em;
line-height:1.2em;
letter-spacing: .03em;
font-weight:300;
}
h1::after {
content:" ";
width:120px;
height:1px;
background-color:#eee;
position:relative;
display:block;
margin:20px auto 20px auto;
}
article div h1 {
margin-bottom:30px;
}


span.raqolaquo {
font-size:2.5em;
}
h2 {
font-weight:normal;
font-family: roboto-condensed, sans-serif;
color:#7e7e7e;
font-size:2.5em;
line-height:1.2em;
letter-spacing: .03em;
font-weight:300;
}

article p {
font-size:0.90em;
letter-spacing: 0.03em;
line-height:1.6em;
}
p strong,
.yform strong {
font-weight:normal;
color:#7e7e7e;
}
span.braunCaslon,
span.braunCaslon a {
color:#7e7e7e;
font-family: "roboto",sans-serif;
letter-spacing: 0.04em;
line-height:1.6em;
}
.enger {
width:90%;
margin-left:auto;
margin-right:auto;
}
.startHintergrund {
width:100%;
position:relative;
background-position: center;
background-size:cover;
}

.logo {
position:fixed;
top:0px;
right:10%;
width:250px;
height:150px;
padding:20px;
background-image:url(../../media/logo-rose-herztal.png);
z-index:20;
display:block;
background-size:90%;
background-repeat:no-repeat;
background-color:#fff;
background-position: center;
z-index:2000;
}

.logo::after {
content:' ';
background-image:url(../../media/raute.png);
width:20%;
position:relative;
background-size:100%;
margin:-7px auto 0 auto;
display: block;
background-position:center;
background-repeat: no-repeat;
height:45px;
}

.logo a {
width:100%;
height:100%;
display:block;
cursor: pointer;
}

.logobraun {
position:fixed;
top:0px;
width:250px;
height:150px;
padding:20px;
background-image:url(../../media/logo-rose-herztal.png);
z-index:20;
background-size:90%;
background-repeat:no-repeat;
background-color:#fff;
background-position: center;
}

.content button.menubutton {
width:40px;
height:40px;
background-image:url(../../media/menu-button.png);
background-size:100%;
border:0;
background-color:transparent;
padding:0;
margin:0;
display:none;
z-index:20;
outline:0;
}

.content.buttonan button.menubutton {
display:block;
z-index:20;
position:fixed;
top:50px;
left:5%;
}
div.menu {
position:absolute;
top:0px;
left:0%;
width:300px;
height:auto;
z-index:20;
color:#fff;
height:85%;
font-size:12pt;
letter-spacing: 0.05em;
font-family: 'roboto';
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
padding-left:5%;
padding-top:0%;
font-size-adjust: none;
-webkit-font-size-adjust: none;
}
div.obenmehr div.menu {

background:none;
}

.menu ul {
list-style: none;
margin:0;
padding:0;
margin-top:40%;
position:relative;

}

.menu ul li {
list-style: none;
margin:0;
padding:5px 0px;
position:relative;

}

.menu ul li a {
list-style: none;
margin:0;
padding:0;
text-decoration: none;
color:#fff;
text-transform: uppercase;

}

.menu ul li.rex-current {
left:-20px;
position:relative;
}

.menu ul li.rex-current a:before {
background-image:url(../../media/strich_w-k.png);
content:" ";
width:50px;
height:14px;
margin-right:12px;
background-size: 45px 15px;
background-repeat:no-repeat;
display:inline-block;
top:3px;
position: relative;
font-size:1.0em;
}
.content.menubraun .menu ul li.rex-current a:before,
.content.buttonanmenuauf .menu ul li.rex-current a:before {
background-image:url(../../media/strich_b-k.png);
content:" ";
width:50px;
height:14px;
background-size:41px 12px;
margin-right:10px;

display:inline-block;
top:3px;
position: relative;
}

.content .menu ul li.rex-article-28 {
margin-top:20px;
}
.content .menu ul li.rex-article-29 {
margin-bottom:20px;
}

div.content.buttonan .menu {
position:fixed;
top:90px;
left:5%;
width:300px;
height:auto;
z-index:20;
color:#7e7e7e;
height:85%;
background:transparent;
padding-left:0%;
padding-top:0%;
}
.content.buttonan div.menu ul {
display:none;
opacity:0;
transition: opacity 1s;
top:0%;
left:0%;
position:relative;
}

div.content.buttonanmenuauf div.menu ul {
display:block;
margin-top:20px;
opacity:1;
letter-spacing: 0.02em;
top:0%;
}
.content.buttonanmenuauf div.menu ul a {
color:#7e7e7e;
font-family: "roboto",sans-serif;

}
.content.menubraun div.menu ul a {
color:#7e7e7e;
font-family: "roboto",sans-serif;

}
.content.menubraun {
background:transparent;

}


.content.buttonan .menu p.adresseMenu {
display:none;
}
p.adresseMenu {
position: absolute;
bottom:-65px;
font-size:0.9em;
display:none;
}

div.lang {
position: relative;

left:0;

z-index:500;
color:#fff;
}

div.lang a {
color:#fff;
text-decoration: none;
}

#article1 p.adresseMenu {
position: absolute;
bottom:-65px;
font-size:0.9em;
display:none;
}
body#article1 .content.buttonan .menu p.adresseMenu {
display:none;
}

.menu a {

text-decoration: none;
color:#fff;
}


.menu a {

text-decoration: none;
color:#fff;
}
.footer {
width: 94%;
height: auto;
position: relative;
margin:0 0;
background-color: #ebebec;
padding-left:6%;
font-family: 'roboto';
padding-bottom:100px;
padding-top:30px;
font-size:0.9em;
line-height:1.5em;
z-index:1200;
}



.footer .kontakt {
width: 300px;
height: auto;
display: inline-block;
vertical-align: top;
}

.footer .social {
width: 300px;
height: auto;
display: inline-block;
vertical-align: top;
}

.footer .nuetzliches {
width: 300px;
height: auto;
display: inline-block;
vertical-align: top;
}

.footer ul {
margin: 0;
padding: 0; 
list-style: none;
}

.footer ul li {
margin: 0px 0;
color:#58595b;
}

.footer ul li a {
text-decoration: none;
color:#58595b;
}

.footer h4 {
color:#7e7e7e;
font-weight: normal;
margin-bottom:30px;
}

article  {
font-family:'roboto';
color:#58595b;
}

article p {
font-family:'roboto';
color:#58595b;
}

article p a {
color:#58595b;
text-decoration: none;
}

.textRahmen {
position:relative;
margin:0 auto;
padding:45px 0 45px 0;
width:96.5%;
}
.textRahmen:nth-of-type(3) {
position:relative;
margin:0 auto;
padding:0px 0 45px 0;
padding-top:0;
width:96.5%;
}
.textRahmen p {
width:650px;
height:auto;
margin-left:auto;
margin-right:auto;
}

div#texRahmen1, div#texRahmen39 {
top:75%;
left:70%;
padding:0;
margin:0;
text-align:center;
color:#fff;
width:200px;
height:200px;
position:absolute !important;
z-index:1000;
}
div#texRahmen1 img,
div#texRahmen39 img{
width:200px;
height:200px;
}

.multi {
padding:0 0 0 0;
position:relative;
}
.multi div {

border:0px solid #000;
}

.multi div.divimg {
background-size:cover;
background-position: center;
border:0px solid #000;
}
.multi div img{
visibility:hidden;
width:100%;
height:auto;
}
.inhalt2spalten {
padding:0px 0 45px 0;
width:100%;
height:auto;
margin:0 auto;
position:relative;
vertical-align: top;
}

.inhalt2spalten div.spalte1 {
padding:0 0 0 0;
width:49%;
height:auto;
margin:0;
padding:0;
display:inline-block;
position:relative;
vertical-align: top;
margin:0 0 0 0;
}

.inhalt2spalten div.spalte2 {
padding:0 0 0 0;
width:49%;
height:auto;
padding:0;
margin:0 0 0 2%;
display:inline-block;
position:relative;
float:right;
vertical-align: top;
}

.inhalt2spalten div img {
max-width:100%;
height:auto;

}

p.img {
width:100%;
}

.clr {
clear:both;
}

br.brm {
display:none;
}

iframe.tablebook {
width:40% !important;
height:500px;
margin:0 auto;
position:relative;
display:block;
border:0;
}

div#d21-quickbook {
padding:100px 0 80px 0;
display:block;
height:auto;
min-height:180px;

position:relative;
width:50%;
margin-left:auto;
margin-right:auto;
margin-bottom:100px!important;
}


#d21-headline-container {
text-align:center;

}



body.en li.rex-article-9 {
display:none!important;
}
@media all and (max-width:1230px) and (min-width:800px) {
#d21-scroll,
#d21-scroll2,
#d21-scroll3 { 
border:0!important;
border-radius:0!important;
padding:12px 15px 12px 12px !important;
background-color: rgba(255, 255, 255, 0.85);
color:#fff!important;
position: relative !important;
top:30px;
left:0;
cursor:pointer;
}

.dreieckle {
position:relative;
background-image:url(../../media/dreieckle-rose.svg);
width:100%;
height:64px;
top:-40px;
background-position: center;
background-repeat: no-repeat;
background-size:150%;
z-index:999;
}

.menu ul {
top:0%;
margin-top:30%;
font-size-adjust: none;
-webkit-font-size-adjust: none;
}
#d21-scroll,
#d21-scroll2,
#d21-scroll3 {
top:0;
}
.logo {
width:150px;
height:90px;
}
}


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

div.sprache {
top: 20vh;
}

body {
font-family: "roboto",sans-serif;
margin:0;
padding:0;
font-size:14pt;
line-height:1.3em;
font-size-adjust: none;
-webkit-font-size-adjust: none;
}


footer .textRahmenVB3sp > div {
width: 100%;
margin-bottom: 20px;
}

footer .textRahmenVB3sp .iconsumgebend {
margin-top: 0;
}

div div p img {
max-width:100%;
height:auto;
}

p, ul, li {
font-size-adjust: none;
-webkit-font-size-adjust: none;
}
.textRahmen ul {
width:1000%;
margin:0 auto;
font-size:1.0em;
}

div#texRahmen1,
div#texRahmen39 {
top:75%;
left:60%;
padding:0;
margin:0;
text-align:center;
color:#fff;
width:120px;
height:120px;
position:absolute !important;
z-index:1000;
}
div#texRahmen1 img,
div#texRahmen39 img {
width:120px;
height:120px;
}

.dreieckle {
position:relative;
background-image:url(../../media/dreieckle-rose.svg);
width:100%;
height:64px;
top:-40px;
background-position: center;
background-repeat: no-repeat;
background-size:300%;
z-index:500;
}

body.menuauf {
overflow: hidden;
width:100%;
height:100%;
position: fixed;

}

#d21-scroll {
display:none;
}

#d21-scroll,
#d21-scroll2,
#d21-scroll3 {
border:0!important;
border-radius:0!important;
padding:12px 15px 8px 12px !important;
background-color:rgba(255,255,255,0.9)!important;
color:#fff!important;
position: relative !important;
height:27px;
width:120px;
cursor:pointer;
display:none;
margin:0 auto;
background-color:rgba(126,126,126,1)!important;
text-align:center;
margin-top:30px;
}
#d21-scroll.d21-button-scroll2,
#d21-scroll2.d21-button-scroll2,
#d21-scroll3.d21-button-scroll2 {
border:0!important;
border-radius:0!important;
padding:12px 15px 8px 12px !important;
background-color:rgba(255,255,255,0.9)!important;
color:#fff!important;
position: relative !important;
cursor:pointer;
display:none;
margin:0 auto;
text-align:center;
background-color:rgba(126,126,126,1)!important;
}

body.menuauf #d21-scroll,
body.menuauf #d21-scroll2,
body.menuauf #d21-scroll3 {
z-index:1000;
display:block;
}
body.menuauf #d21-scroll2,
body.menuauf #d21-scroll3 {
margin-top:0px;
}
body.menuauf #d21-scroll3 {
margin-top:40px;
}
body.menuauf #texRahmen1,
body.menuauf #texRahmen39 {
z-index:1;

}
.textRahmen p br {
display:none;
}

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

html, body{
  height:100%
}
h1 {
font-weight:300;
font-family: roboto-condensed, sans-serif;
color:#7e7e7e;
font-size:1.5em;
line-height:1.0em;
letter-spacing: .02em;

}

article div h1 {
margin-bottom:30px;
}


h2 {
font-weight:300;
font-family: roboto-condensed, sans-serif;
color:#7e7e7e;
font-size:1.5em;
line-height:1.0em;
letter-spacing: .02em;
}

article p {
font-size:0.90em;
letter-spacing: 0.03em;
line-height:1.4em;
}
p strong,
.yform strong {
font-weight:normal;
color:#7e7e7e;
}
span.braunCaslon {
color:#7e7e7e;
font-family: roboto-condensed, sans-serif;
letter-spacing: 0.04em;
line-height:1.6em;
font-size:0.9em;
}
.enger {
width:90%;
margin-left:auto;
margin-right:auto;
}
.startHintergrund {
width:100%;
position:relative;
background-position: center;
background-size:cover;
}

div.logo {
position:fixed;
top:0px;
right:5%;
width:100px;
height:50px;
background-image:url(../../media/logo-rose-herztal.png);
z-index:20;
background-size:80%;
background-repeat:no-repeat;
background-color:#fff;
}
div.buttonanmenuauf .logo {
position:fixed;
top:20px;
right:5%;
width:50px;
height:150px;
background-image:url(../../media/logo-rose-herztal.png);
z-index:20;
background-size:100%;
background-repeat:no-repeat;
visibility: hidden;
}

.logo a {
width:100%;
height:100%;
display:block;
cursor: pointer;
}

.logobraun {
position:fixed;
top:20px;
right:5%;
width:250px;
height:150px;
background-image:url(../../media/logo-rose-herztal.png);
z-index:20;
background-size:100%;
background-repeat:no-repeat;background-color:#fff;
}

.menubraun .logo {
background-image:url(../../media/logo-rose-herztal.png);

}

div.content button.menubutton {
width:35px;
height:35px;
background-image:url(../../media/menu-button-w.png);
background-size:100%;
border:0;
background-color:transparent;
padding:0;
margin:0;
display:block;
z-index:390;
visibility: visible;
position: absolute;
top:20px;
left:5%;
}
.content.buttonan button.menubutton {
display:block;
z-index:20;
position:fixed;
top:20px;
left:5%;
}
div.content.buttonanmenuauf button.menubutton {
display:block;
background-image:url(../../media/menu-button.png);
visibility: visible;
z-index:1500;
position:fixed;
top:20px;
}

div.content.menubraun button.menubutton  {
background-image:url(../../media/menu-button.png);
display:block !important;
position:fixed;
}

div.menu {
position:absolute;
top:0px;
left:0%;
width:300px;
height:auto;
z-index:1;
color:#fff;
height:85%;
min-height:540px;
max-height:750px;
letter-spacing: 0.06em;
font-family: 'roboto';
background:transparent;
font-size-adjust: none;
-webkit-font-size-adjust: none;
}
div.menu ul {
display:none;
z-index:1;
}
div.content.buttonan .menu {
position:fixed;
top:50px;
left:5%;
width:300px;
height:auto;
z-index:1;
color:#7e7e7e;
min-height:540px;
max-height:750px;
z-index:1900;
font-size-adjust: none;
-webkit-font-size-adjust: none;
}
div.content.buttonan ul {
display:none;
opacity:0;
transition: opacity 1s;
z-index:1;
font-size-adjust: none;
-webkit-font-size-adjust: none;
}
div.content.buttonanmenuauf div.menu {
z-index:900;
position:fixed;
top:0;
left:0;
background-color:#ffffff;
background-color:rgba(255,255,255,1);
width:100%;
height:100%;
padding-left:0;
min-height:800px;
}



div.content.buttonanmenuauf div.menu ul {
margin:0;
display:block;
margin-top:0px;
opacity:1;
letter-spacing: 0.02em;
position:relative;
height:auto;
background-color:#fff;
width:60%;
padding:0 20%;
padding-top:80px;
padding-bottom:0px;
z-index:1;
text-align: center;
z-index:900;
}
div.content.buttonanmenuauf button.menubutton {
background-image:url(../../media/menu-button.png);
}
div.button {
z-index:200;

}
div.content.buttonanmenuauf ul a {
color:#fff;
font-family: "roboto",sans-serif;
line-height:1.6em;
font-size:12pt;
width:100%;
font-size-adjust: none;
-webkit-font-size-adjust: none;
}
div.content.menubraun.buttonanmenuauf ul a {
color:#7e7e7e;
font-family: "roboto",sans-serif;
line-height:1.6em;
font-size:12pt;
font-size-adjust: none;
-webkit-font-size-adjust: none;
}



div.content.buttonan p.adresseMenu {
display:none;
}
div.content ul {
list-style: none;
margin:0;
padding:0;
z-index:0;
font-size-adjust: none;
-webkit-font-size-adjust: none;
}
button {
z-index:1000;
}
div.menu ul li {
list-style: none;
margin:0;
padding:0;
position:relative;
font-size-adjust: none;
-webkit-font-size-adjust: none;
}

div.menu ul li a {
list-style: none;
margin:0;
padding:0;
text-decoration: none;
color:#fff;
}

div.menu ul li.rex-current {
left:-20px;
position:relative;
}

div.menu ul li.rex-current a:before {
background-image:url(../../media/strich_w-k.png);
content:" ";
width:50px;
height:14px;
margin-right:12px;
background-size: 45px 7px;
background-repeat:no-repeat;
display:inline-block;
top:3px;
position: relative;
font-size:1.0em;
}
div.menu.menubraun ul li.rex-current a:before {
background-image:url(../../media/strich_b-k.png);
content:" ";
width:50px;
height:14px;
background-size:38px 12px;
margin-right:10px;

display:inline-block;
top:3px;
position: relative;
}

div.content.buttonanmenuauf ul li.rex-current a:before {
background-image:url(../../media/strich_w-k.png);
content:" ";
width:50px;
height:14px;
background-size:41px 12px;
margin-right:10px;

display:inline-block;
top:3px;
position: relative;
}



div.content ul li.rex-article-28 {
margin-top:20px;
}
div.content .menu ul li.rex-article-29 {
margin-bottom:20px;
}
p.adresseMenu {
position: absolute;
bottom:-65px;
font-size:0.9em;
display:none;
}

#article1 p.adresseMenu {
position: absolute;
bottom:-10px;
font-size:0.9em;
display:none;
}

div.lang {
position: absolute;
bottom:40px;
right:7%;


}
body#article1 .content.buttonan p.adresseMenu {
display:none;
}

.menu a {

text-decoration: none;
color:#fff;
}


.menu a {

text-decoration: none;
color:#fff;
}
.footer {
width:95%;
height: auto;
position: relative;
margin:0 auto;
background-color: #ebebec;
padding-left:5%;
font-family: "roboto",sans-serif;
padding-bottom:100px;
padding-top:30px;
font-size:0.9em;
line-height:1.5em;
}



.footer .kontakt {
width: 300px;
height: auto;
display: inline-block;
vertical-align: top;
}

.footer .social {
width: 300px;
height: auto;
display: inline-block;
vertical-align: top;
}

.footer .nuetzliches {
width: 300px;
height: auto;
display: inline-block;
vertical-align: top;
}

.footer ul {
margin: 0;
padding: 0; 
list-style: none;
}

.footer ul li {
margin: 0px 0;
color:#454648;
}

.footer ul li a {
text-decoration: none;
color:#444;
}

.footer h4 {
color:#7e7e7e;
font-weight: normal;
margin-bottom:0px;
padding-bottom:0;
}

article  {
font-family: "roboto",sans-serif;
color:#58595b;
}

article p {
font-family: "roboto",sans-serif;
color:#58595b;

}

article p a {
color:#58595b;
text-decoration: none;
}

.textRahmen {
position:relative;
margin:0 auto;
padding:20px 0 25px 0;

height:auto;
width:100%;
}

.textRahmen:first-of-type {
position:relative;
margin:0 auto;
padding:0px 0 25px 0;

height:auto;
width:100%;
}

.textRahmen p {
width:80%;
height:auto;
margin-left:auto;
margin-right:auto;
position:relative;
padding:0 10%;
}
.textRahmen p a {
word-wrap:break-word;
}
.multi {
width:100%;
height:auto;
position:relative;
display:block;
padding:20px 0 25px 0;
}
.multi div {
width:100%;
height:auto;
border:0px solid #000;
position:relative;
display:block;
}
.multi div img{
visibility:hidden;
width:100%;
height:auto;
}

.multi div.multitext {
width:100%;
height:auto;
position:relative;
display:block;
}
.inhalt2spalten {
padding:20px 0 25px 0;
width:100%;
height:auto;
margin:0 auto;
position:relative;
vertical-align: top;
}

.inhalt2spalten div.spalte1 {
padding:0 0 0 0;
width:100%;
height:auto;
margin:0;
padding:0;
display:inline-block;
position:relative;
vertical-align: top;
margin:0 0 0 0;
}
.inhalt2spalten div.spalte1 p {

}
.inhalt2spalten div.spalte2 {
padding:0 0 0 0;
width:100%;
height:auto;
padding:0;
margin:0 0 0 2%;
display:inline-block;
position:relative;
float:right;
vertical-align: top;
}

.inhalt2spalten p {
text-align:center;
}


.inhalt2spalten p img {
width:100%;
}

p.img,
h1.img {
width:100%;
margin:0;
padding:0;
}
div.linie {

}
.clr {
clear:both;
}
iframe {
width:80% !important;
height:300px;
margin:0 auto;
position:relative;
display:block;
border:0;
}

.buttonan .menu {
display:none;
}

.buttonan.buttonanmenuauf .menu {
display:block;
background-color:#fff;
}


.textRahmen p br.brm {
display:block;
}
.textRahmen h1 br.brm {
display:block;
}
body.menuauf .footer {
z-index:5;
}

.mweg {
display:none;
}

.mweg:before {
content:"<br/>";
}

#article11 p br {
display:inline;
}
}



@media screen and (max-width:800px) and (orientation:landscape) {



body {
font-family: "roboto",sans-serif;
margin:0;
padding:0;
font-size:13pt;
line-height:1.3em;
font-size-adjust: none;
-webkit-font-size-adjust: none;
}
p, ul, li {
font-size-adjust: none;
-webkit-font-size-adjust: none;
}
body.menuauf {
overflow: hidden;
width:100%;
height:100%;
position: fixed;
}

#d21-scroll {
display:none;
}
#d21-scroll2 {
display:none;
}

body.menuauf #d21-scroll,
body.menuauf #d21-scroll2,
body.menuauf #d21-scroll3 {
display:inline-block;
z-index:1000;
position:relative !important;
top:0;
left:0;
margin-top:10px;
padding: 8px 15px 8px 8px !important;


}
body.menuauf #d21-scroll1
body.menuauf #d21-scroll2,
body.menuauf #d21-scroll3 {
margin-top:15px;
}
body.menuauf .menu br {
display:none;
}
div.menu {
height:auto;
height:320px;
text-align:center;
}
.mweg {
display:inline;
}

.mweg:before {
content:"";
}

div.content.buttonanmenuauf div.menu ul {
padding-top:10px;

}
div.content.buttonanmenuauf div.menu ul li {
padding-top:15px;

line-height:0.7em;
padding-top:6px;
}
div.content.buttonanmenuauf div.menu ul li a {

font-size:0.7em;
line-height:1.0em;
}

#article1 p.adresseMenu {
bottom:150px;
display:none;
}

}


li.rex-article-9 {

}
li.rex-article-9 { 

}

.rm {
display:none;
}

#yform-formular-firma {
padding-top:0 !important;
}

@media screen and (min-width:400px) and (max-width:800px) and (orientation:portrait) {
body {
-webkit-font-size-adjust: none;
}
body#article1 .menu div#d21-scroll {

}

}


p.adresseMenu {
display:none;

}
div.menubraun div.menu {


}

.overlay  {
  border-radius: 0 .5em .5em;	
  border: 1px solid;
  padding: .5em;
  margin: .5em;
} 
button { 
  padding: .5em 1em;
  margin: .5em;
  font-size: 1em;
  background: #666; 
  border: 1px solid #333;
  color: white;
  cursor: pointer; 
}
 
.overlayHidden {
  display: none;
}
 
.overlay { 

  background: rgba(0,0,0,.8); 
  border: 0px solid #e7c157;
  position: absolute;
  top: 0%;
  left: 0%;
  margin: auto;
  padding: 5%;
  z-index:1000;
  width:90%;
  height:auto;
  font-size:1.0em;
  color:#fff;
}
.overlay a,
.overlay strong {
color:#fff;
} 

.overlay ul {
  font-size:.7em;
  line-height:1.2em;
} 
#schliessen {
  position: absolute;
  margin: 0;
  right: 0;
  top: 0;
  background: #c32e04;
  color: white; 
  width:40px;
  height:40px;
  font: bold 0/0 sans-serif;
}

#schliessen::before {
  content: "X";
  font: bold 1rem sans-serif;
}

@media screen and (min-width:1000px) {
.overlay { 

  background: rgba(0,0,0,.8); 
  border: 0px solid #e7c157;
  position: absolute;
  top: 20%;
  left: 20%;
  margin: auto;
  padding: 3%;
  z-index:1000;
  width:40%;
  height:auto;
  font-size:1.2em;
  color:#fff;
}
.overlay p { 
color:#fff;
}
}