/* lora-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lora-v37-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lora-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/lora-v37-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lora-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/lora-v37-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lora-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/lora-v37-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lora-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/lora-v37-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lora-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/lora-v37-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lora-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lora-v37-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lora-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/lora-v37-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font: inherit;
	vertical-align: baseline;
	font-family: 'Lora', serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;  font-size: 1.05em;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';	content: none;}
a:focus {outline: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {	border-collapse: collapse; border-spacing: 0;}
td, th {padding:0 1em 0.3em 0; text-align:left; vertical-align:top;}

/* general */
a {text-decoration:underline; color:#666;}
a:hover {text-decoration: none;}
p { margin: 0; padding: 0 0 0.8em 0;}
strong, b {font-weight:bold;}
italic, i {font-style:italic;}
img {max-width: 100%; height:auto;}

/* schriften */
h1, h2, h3, h4, h5, h6 {color: #666; margin: 0 0 0.3em 0; line-height:1.2em; font-weight: 700;}
h1 {font-size: 1.8em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1em;}
h4, h5, h6 {font-size: 1em;}
h1 + p, h2 + p, h3 + p, h4 + p, h1 + h2, h2 + h3, h3 + h4, h4 + h5, h5 + h6 {padding-top: 0 !important;}
.zusatz {font-size:62%; margin-top:-20%;}

.floatLeft, .rechtsUmfliessen, .rechtsumfliessen {clear: left; float: left; margin: 0 1em 0.6em 0;}
.floatRight, .linksUmfliessen, .linksumfliessen {clear: left; float: right; margin: 5px 0 0.6em 1em; text-align: right;}
hr {background: #004589; size:1px; border:none; border-top: 1px solid #004589; margin:1.5em 0;}

/* clearfix */
.clearfix:after, .absatz:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both; height: 0;}
.clearfix, .absatz { display: inline-block; }
.clearfix, .absatz { display: block; }

/* BASIC */
html {width:100%; height:100%;}
body {background-color:#fff; width:100%; min-height:100%; font-family: 'Lora', serif; font-size: 97.5%; line-height:1.6em; color: #666; position:relative;}
#tr {position:fixed; top:0; right:0; width:212px; height:215px; z-index:5; background-image:url(../images/tr.png); background-position:top right; background-repeat:no-repeat;}
#bl {position:fixed; bottom:0; left:0; width:196px; height:234px; z-index:6; background-image:url(../images/bl.png); background-position:bottom left; background-repeat:no-repeat;}
#content {max-width:770px; margin:5% auto 10px auto; text-align:center; padding-bottom:8em; z-index: 20; position: relative;}
#footer {background-color:#868889; color:#fff; position:fixed; bottom:0; left:196px; right:196px; padding:19px 20px 9px 20px; font-weight:700; text-align:center; z-index:22;}
#impressum {position:fixed; z-index: 23; right:0; bottom:10px; font-weight:700; width:196px; text-align:center;}
#impressum a {text-decoration:none; background-color: #fff; padding: 0 0.3em;}
#impressum a:hover {color:#97be0d;}

p {margin:0 0 0.5em 0; padding:0;}
.absatz {padding: 0; margin:0 0 1.2em 0;}
.bg1, .bg2 {padding: 12px 20px 3px 20px; margin:0 0 0.5em 0;}
.mobi {background-image:url(../images/mobi.png); background-position:left center; background-repeat:no-repeat; padding-left:26px; min-height:20px;}
.fest {background-image:url(../images/fest.png); background-position:left center; background-repeat:no-repeat; padding-left:26px; min-height:20px;}
.fett {font-weight:700;}
.fc1 {color:#272262;}
.bg1 {background-color:#97be0d; color:#fff;}
.bg1 h1, .bg1 h2, .bg1 h3, .bg1 h4, .bg1 h5, .bg1 h6 {color:#fff;}
.bg2 {background-color:#f1f1f1; text-align:left;}
.ecke {color:#97be0d;}

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width:auto;
  max-width: 700px;
  margin: 20px auto;
	color:#272262;
	font-weight:700;
	font-size:0.9em;
}
.white-popup {background-image:url(../images/tr-i.png); background-position:top right; background-repeat:no-repeat;}
.white-popup p {margin-bottom:1em;}
.white-popup h2 {color:#272262; background-color:#f1f1f1; padding: 12px 20px 10px 20px;}
.white-popup h3 {font-size:1.2em; margin-bottom:0.8em;}
.white-popup .bg2 {color:#666; font-weight:normal;}
.white-popup .bg0 {padding: 12px 20px 3px 20px;}
.mfp-close-btn-in .mfp-close {font-weight:700; font-size:3em; color:#272262 !important; position:absolute; top:20px; right:20px;}

.galerie {
  max-width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center; gap:5px;
}
.galerie img {
      height: auto;
    max-height: 160px;
    width: auto;
    max-width: 100%;
}

@media only screen and (max-width: 880px) {
	#footer, #impressum {position:relative; left:0; right:0; bottom:inherit; width:auto;}
  #footer {margin-top:-5em;}
	#impressum {padding:0.5em;}
	#bl {position:absolute; bottom:4em;}
	#tr {position:absolute;}
}
@media only screen and (max-width: 520px) {
	#tr {display:none;}
}