@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 300;src: url('fonts/open-sans-v44-latin-300.woff2') format('woff2');}
@font-face {font-family: 'Open Sans';font-style: italic;font-weight: 300;src: url('fonts/open-sans-v44-latin-300italic.woff2') format('woff2');}
@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 400;src: url('fonts/open-sans-v44-latin-regular.woff2') format('woff2');}
@font-face {font-family: 'Open Sans';font-style: italic;font-weight: 400;src: url('fonts/open-sans-v44-latin-italic.woff2') format('woff2');}
@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 500;src: url('fonts/open-sans-v44-latin-500.woff2') format('woff2');}
@font-face {font-family: 'Open Sans';font-style: italic;font-weight: 500;src: url('fonts/open-sans-v44-latin-500italic.woff2') format('woff2');}
@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 600;src: url('fonts/open-sans-v44-latin-600.woff2') format('woff2');}
@font-face {font-family: 'Open Sans';font-style: italic;font-weight: 600;src: url('fonts/open-sans-v44-latin-600italic.woff2') format('woff2');}
@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 700;src: url('fonts/open-sans-v44-latin-700.woff2') format('woff2');}
@font-face {font-family: 'Open Sans';font-style: italic;font-weight: 700;src: url('fonts/open-sans-v44-latin-700italic.woff2') format('woff2');}
@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 800;src: url('fonts/open-sans-v44-latin-800.woff2') format('woff2');}
@font-face {font-family: 'Open Sans';font-style: italic;font-weight: 800;src: url('fonts/open-sans-v44-latin-800italic.woff2') format('woff2');}
@font-face {font-family: 'Courgette';font-style: normal;font-weight: 400;src: url('fonts/courgette-v19-latin-regular.woff2') format('woff2');}
html {
overflow-y: scroll;
}
body {
margin:0 0 0 0;
font-family: 'Open Sans', sans-serif;

font-size:1.2em;
color: #000;
background: url(../media/bg-drachenfels.jpg) center no-repeat;
background-position:center;
background-attachment:fixed;
background-repeat:no-repeat;
background-size: cover;
}
#seitenbreite {
margin:0 auto 0 auto;
max-width: 1200px;
position: relative;
}
#seitenbreite-buchung {
margin:0;
width: 100%;
position: relative;
}
#kopf {
width:auto;
text-align:center;
margin:0;
}
#kopf-logo {
padding:0;
}
#kopf-logo img{
max-width:500px;
}
a {
color:#366d18;
font-weight:600;
text-decoration:none;
}
a:hover {
color:#6db234;
}
#navigation, #fusszeile {
margin: 0;
padding: 0;
text-align:center;
background: #012e16;
}
#navi-mobil a#navbutton{display:none;}
#navigation ul {
margin:0;
padding: 5px 0 5px 0;
}
#navigation ul li {
display: inline;
font-weight: 600;
text-align:center;
text-decoration:none;
}
#navigation ul li a {
font-size: 1.2em;
margin: 0 15px 0 0;
padding: 4px 10px 4px 10px;
color: #fff;
}
#navigation ul li a:hover,
#navigation ul li.active a,
#fusszeile a:hover, #navi-mobil a:hover  {
color: #6db234;
}
#main {
padding: 15px 0 10px 0;
width: auto;
background-color:#FFF;
background: rgba(255,255,255,0.8);
}
#main::after {
content: "";
clear: both;
display: table;
} 
h1 {
font-family: 'Courgette';
color: #366d18;
padding:0 10px 0 10px;
margin:0;
text-align:center;	
font-size:1.5em;
line-height: 1.3em;
}
h2 {
color: #366d18;	
padding:10px 15px 10px 15px;
margin:0;
text-align:left;
font-weight: 700;	
font-size:1.1em;
line-height: 1.2em;
}
h3 {
color: #366d18;	
padding:10px 15px 5px 15px;
margin:0;
text-align:left;
font-size:1em;
font-weight: 600;
}
strong {font-weight:600;}
p {
font-weight:400;
margin: 10px 15px 15px 15px;
}
p.text-center {
text-align:center;
}
p.text-right {
text-align:right;
}
#main ul {
line-height:1.4em;
margin:10px 10px 0px 40px;
padding:10px;
list-style-type: disc;	
}
#main li {
margin-bottom:8px;
}
hr {
border: none;
border-top: 3px solid #366d18;
margin: 15px 15px 10px 15px;
clear:both;	
}
img {
max-width: 100%;
}
#main a img {
border-radius: 3px;
border: 3px solid #366d18;
}
#main a img:hover {
border: 3px solid #6db234;
}
/* Bild */
.pnormal {
width:100%;
text-align:center;
margin: 10px 0 10px 0;
}
.pleft {
float: left;
width:40%;
margin: 10px 10px 10px 0;
}
.pright {
float: right;
width:40%;
margin: 10px 0 10px 10px;
}
img {
max-width: 100%;
}
.galerie {
text-align:center;
}
.galerie img {
margin: 5px;
width:30%;
}
#fusszeile p {
font-weight: 600;
color: #fff;
margin:0;
}
#fusszeile a {
color: #fff;
}
.footer-breit p{padding:10px;}
.footer-schmal p{padding:5px;}
#partner {
text-align:center;
margin-bottom:10px;
}
#partner img {
margin: 5px 10px;
vertical-align: middle;
}
#matomo-opt-out {
margin: 15px;
}
@media only screen and (min-width:1500px) {
.footer-schmal {display:none;}
}
@media only screen and (max-width:1499px) {
.footer-breit {display:none;}
}
@media only screen and (min-width:830px) {
#navi-mobil {display:none;}
}
@media only screen and (min-width:601px) and (max-width:1200px) {
.galerie img {width:45%;}
}
@media only screen and (min-width:176px) and (max-width:600px) {
.galerie img {width:90%;}
}
@media only screen and (min-width:176px) and (max-width:800px) {
html {
background: no-repeat center bottom fixed;
background-size: cover;
height: 115%;
overflow: scroll;
background-attachment:scroll;
}
body {
font-size:1.1em;
}
#kopf-logo img{
width: 50%;
}
#seitenbreite {
width:auto;
padding:0;
}
#navi-mobil {
margin: 0;
padding: 5px;
font-size:1.2em;
background: #012e16;
text-shadow:#000 1px 1px 2px;
}
#navi-mobil a#navbutton{
display:block;
color:#FFF;
}
#navigation {
display:none;
z-index:1000;
background:none;
float:left;
bottom: auto;
top: auto;
position:absolute;
padding: 0px;
}
#navigation ul {
padding:0;}
#navigation ul li {
display: block;
background: #012e16;
border-top: #fff solid 2px;
padding:8px;
}
p {
line-height: 1.3em;
hyphens: auto;
}
.pleft , .pright {
float: none;width:100%;margin: 10px 0 10px 0; text-align:center;
}
}