@font-face {font-family: 'Josefin Sans';font-style: normal;font-weight: 100;src: url('fonts/josefin-sans-v32-latin-100.woff2') format('woff2');}
@font-face {font-family: 'Josefin Sans';font-style: italic;font-weight: 100;src: url('fonts/josefin-sans-v32-latin-100italic.woff2') format('woff2');}
@font-face {font-family: 'Josefin Sans';font-style: normal;font-weight: 200;src: url('fonts/josefin-sans-v32-latin-200.woff2') format('woff2');}
@font-face {font-family: 'Josefin Sans';font-style: italic;font-weight: 200;src: url('fonts/josefin-sans-v32-latin-200italic.woff2') format('woff2');}
@font-face {font-family: 'Josefin Sans';font-style: normal;font-weight: 300;src: url('fonts/josefin-sans-v32-latin-300.woff2') format('woff2');}
@font-face {font-family: 'Josefin Sans';font-style: italic;font-weight: 300;src: url('fonts/josefin-sans-v32-latin-300italic.woff2') format('woff2');}
@font-face {font-family: 'Josefin Sans';font-style: normal;font-weight: 400;src: url('fonts/josefin-sans-v32-latin-regular.woff2') format('woff2');}
@font-face {font-family: 'Josefin Sans';font-style: italic;font-weight: 400;src: url('fonts/josefin-sans-v32-latin-italic.woff2') format('woff2');}
@font-face {font-family: 'Josefin Sans';font-style: normal;font-weight: 500;src: url('fonts/josefin-sans-v32-latin-500.woff2') format('woff2');}
@font-face {font-family: 'Josefin Sans';font-style: italic;font-weight: 500;src: url('fonts/josefin-sans-v32-latin-500italic.woff2') format('woff2');}
@font-face {font-family: 'Josefin Sans';font-style: normal;font-weight: 600;src: url('fonts/josefin-sans-v32-latin-600.woff2') format('woff2');}
@font-face {font-family: 'Josefin Sans';font-style: italic;font-weight: 600;src: url('fonts/josefin-sans-v32-latin-600italic.woff2') format('woff2');}
@font-face {font-family: 'Josefin Sans';font-style: normal;font-weight: 700;src: url('fonts/josefin-sans-v32-latin-700.woff2') format('woff2');}
@font-face {font-family: 'Josefin Sans';font-style: italic;font-weight: 700;src: url('fonts/josefin-sans-v32-latin-700italic.woff2') format('woff2');}
html {
overflow-y: scroll;
}
body {
margin:0 0 0 0;
font-family: 'Josefin Sans',sans-serif;
font-size:1.2em;
color: #000;
background-color: #fff;
background: url(../media/olive.svg) center;
background-attachment:fixed;
}
#seitenbreite {
margin:0 auto 0 auto;
max-width: 1200px;
position: relative;
}
#main {
background-color:#fff;
box-shadow:#debb57 0px 0px 5px;
border-radius: 10px;
}
#kopf {
width:auto;
text-align:center;
margin:0;
background: url(../media/akropolis.jpg) center no-repeat;
background-size: cover;
}
#kopf-logo {
padding:50px 0 50px 0;
}
#navigation,#fusszeile {
text-align:center;
padding:10px;
}
#navigation ul {margin:0;padding:0;}
#navigation ul li {
display: inline;
text-align:center;
text-decoration:none;
}
#navigation ul li a {
color: #1f3b74;
font-size: 1.2em;
line-height: 1.5em;
font-weight: 700;
margin: 0 15px 0 15px;
}
#navigation ul li a:hover,
#navigation ul li.active a,
#fusszeile a:hover  {
color: #debb57;
}
#fusszeile a {
color: #1f3b74;
font-size: 1.1em;
font-weight: 700;
padding: 10px;
}
#fusszeile img {
vertical-align: middle;
margin: 0 10px 8px 10px;
}
#unten{ text-align:center;margin:15px;}
#main {
padding: 15px 15px 10px 15px;
width: auto;
}
#main::after {
content: "";
clear: both;
display: table;
}
a {
color: #1f3b74;
font-weight:500;
text-decoration:none;
}
a:hover {
color: #debb57;
} 
h1 {
color:#1f3b74;
padding:5px 0 5px 0;
margin:0;
text-align:center;	
font-size:1.6em;
line-height: 1.2em;
font-weight: 700;
}
h2 {
color: #1f3b74;	
padding:5px 0 5px 0;
margin:0;
text-align:center;	
font-size:1.3em;
line-height: 1.3em;
font-weight: 700;
}
h3 {
color: #1f3b74;	
padding:5px 0 5px 0;
margin:0;	
font-size:1.1em;
line-height: 1.3em;
font-weight: 700;
}
p {
font-weight:400;
padding:5px 0 5px 0;
margin: 0;
line-height:1.2em;
}
strong {font-weight:700;}
#main ul {
line-height:1.4em;
margin:10px 10px 0px 40px;
padding:0;
list-style-type: disc;	
}
#main li {
margin-bottom:8px;
}
hr {
border: none;
border-top: 3px solid #1f3b74;
margin: 15px 0 15px 0;
width: auto;
clear:both;	
}
#main img {
max-width: 100%;
height: auto;
outline: 3px solid #1f3b74;
outline-offset: -3px;
border-radius: 5px;
}
#main a:hover img {
outline: 3px solid #debb57;
}
.opentablebox{
text-align:center;
background-color:#f5efda;
border-radius: 5px;
height:315px;
margin-bottom:10px;
}
/* Bild & Text */
.einzelbild {
width:50%;
text-align:center;
}
.einzelbild img{
margin: 10px 0 10px 0;
max-width:100%;
}
.pright{float: right;margin:0 0 0 15px;
}
.pleft {float: left;margin:0 15px 0 0;}
.galerie,.galerie-sp {text-align:center}
.galerie-sp img{
margin:10px;
width: 80%;
}
.galerie img{
margin:10px;
width: 30%;
}
#matomo-opt-out {
margin: 15px;
}
@media only screen and (min-width:100px) and (max-width:830px) {
body {
font-size:1.1em;
background-attachment:scroll;
}
#kopf-logo {
padding:10px 0 10px 0;
}
#kopf-logo img {
width: 50%;
}
#seitenbreite {
width:auto;
padding:0;
}
.einzelbild {
width:auto;
text-align:center;
}
.pleft, .pright, .pnormal {float: none; margin:0}
}
@media only screen and (min-width:100px) and (max-width:499px) {
.galerie img{width: 90%;}
}
@media only screen and (min-width:500px) and (max-width:830px) {
.galerie img{width: 45%;}
}