html, body {margin:0; color:#494949; font-family:'Open Sans', sans-serif}
html {height:100%}
body {}


@font-face{font-family:"Font Awesome 5 Free regular";font-style:normal;font-weight:400;src:url(fonts/fa-regular-400.eot);src:url(fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(fonts/fa-regular-400.woff2) format("woff2"),url(fonts/fa-regular-400.woff) format("woff"),url(fonts/fa-regular-400.ttf) format("truetype"),url(fonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-family:"Font Awesome 5 Free regular";font-weight:400}
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;src:url(fonts/fa-solid-900.eot);src:url(fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(fonts/fa-solid-900.woff2) format("woff2"),url(fonts/fa-solid-900.woff) format("woff"),url(fonts/fa-solid-900.ttf) format("truetype"),url(fonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Free";font-weight:900}



h1, h2 {font-family:'Open Sans Condensed', sans-serif; color:#D56347; font-weight:300; font-size:44px; margin:0 0 40px 0; line-height:50px}
#welcome h1 {color:#fff; font-size:30px; margin:0}
.termine h2 {margin-bottom:50px}
.legal h2 {font-size:34px; margin:50px 0 30px 0}
h3 {font-family:'Open Sans Condensed', sans-serif; font-weight:400; font-size:25px; margin:50px 0 30px 0}
h4 {font-family:'Open Sans Condensed', sans-serif; font-weight:400; font-size:22px; margin:40px 0 20px 0; color:#D56347}
p {font-weight:400; font-size:16px; line-height:34px; margin:0 0 25px 0}
a {text-decoration:none; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s}
#content p a, #content dd a {color:#D56347; border-bottom3:1px solid #D56347}
#content p a:hover, #content dd a:hover {color:#D56347; border-bottom:1px solid #D56347}
#content li a {color:#9D1A1A; border-bottom:1px solid #9D1A1A; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s}
#content li a:hover {color:#E51212; border-bottom:1px solid #E51212}
a:hover, a:active, a:focus {outline:0}
a.extern:after {content:'\279A'; border-bottom3:1px solid #fff; padding-left:3px}
img {vertical-align:middle}
strong {font-weight:600}
.clear {clear:both}
ul {margin:20px 0 40px 18px; padding:0}
li {line-height:40px; font-weight:400; font-size:16px; list-style-type:none; position:relative}
#content ul li:before {content:'\276F'; font-size:14px; margin-right:8px; position:absolute; top:0; margin-left:-18px}
.legal dl {margin:0; line-height:34px; font-size:16px}
.legal dt {margin:0; float:left; font-weight:400}
.legal dd {margin:0 0 0 90px; font-weight:400}





/* BACKGROUND */


#blurred-image-container {display:block; padding:0; position:fixed; top:0; bottom:0; left:0; right:0; z-index:-1}
.background {position:absolute; background:url(image/background.jpg) center center; background-size:cover; top:-10%; bottom:10%; left:-10%; right:10%; width:120%; height:120%}
.background.blurred-image {opacity:0; -webkit-filter:blur(10px) brightness(1.0); -ms-filter:blur(10px) brightness(1.0); -o-filter:blur(10px) brightness(1.0); filter:blur(10px) brightness(1.0)}





/* HEADER */


@media (max-width:799px) {
#header #logo {padding:20px 0 20px 0; text-align:center}
#header #navigation {text-align:center}
#header #navigation ul {margin:0; padding:0; background-color:#D56347; display:block; height:60px}
#header #navigation ul li:first-child {display:none}
#header #navigation ul li {display:inline}
#header #navigation ul li a {padding:10px 10px; color:#fff; display:inline-block}
}

.headerwrap {width:100%; background-color:#fff; background-color3:rgba(256, 256, 256, 0.90); z-index:999}
@media (min-width:800px) {
.headerwrap {position:fixed}
.headerwrap.shrink {width:100%; background-color:#fff; background-color:rgba(256, 256, 256, 1.00); position:fixed}
.headerwrap.shrink #header #navigation ul a {font-family:'Open Sans Condensed', sans-serif; color:#494949; font-size:24px; padding:25px 20px; display:block}
.headerwrap.shrink #header #logo a {font-size:32px; line-height:24px; margin:0; color:#494949}
.headerwrap.shrink #header #logo p {font-size:16px; margin:0 0 0 2px; line-height:22px}
.headerwrap.shrink #header #navigation ul a:hover {color:#D56347}
.headerwrap.shrink #header #navigation ul a.active {color:#D56347}
#header #navigation ul {float:right; margin:0; padding:0}
#header #navigation ul li {float:left}
#header #navigation ul li a {padding:37px 20px; color:#494949; display:block}
#header #logo {float:left; margin:20px 0 20px 20px}
.headerwrap #header {padding:0 3% 0 3%}
#header #navigation ul a:hover, #header #navigation ul a.active {color:#D56347}
}
.headerwrap #header {margin:0 auto; max-width:1100px}
.headerwrap #header:after {clear:both; display:block; content:"."; height:0; visibility:hidden}

#header #navigation ul li {list-style-type:none; font-weight:500}
#header #navigation ul li a {font-family:'Open Sans Condensed', sans-serif; font-size:24px}

#header #logo {font-family:'Open Sans Condensed', sans-serif}
#header #logo a {font-size:40px; line-height:40px; margin:0; color:#494949; transition:all 0.3s}
#header #logo p {font-size:20px; margin:0 0 0 2px; transition:all 0.3s}





/* WELCOME */


@media (max-height:599px) {
.welcomespace {height:40px}
}
@media (min-height:600px) and (max-height:699px) {
.welcomespace {height:60px}
}
@media (min-height:700px) and (max-height:749px) {
.welcomespace {height:80px}
}
@media (min-height:750px) and (max-height:799px) {
.welcomespace {height:100px}
}
@media (min-height:800px) {
.welcomespace {height:160px}
}

#welcome {margin:0 auto; text-align:center; margin-bottom:120px}
#welcome img {border-radius:50%; width:100%; max-width:250px; height:auto; border:10px solid #fff; border:10px solid rgba(256, 256, 256, 0.5); margin-bottom:15px}
#welcome #tk {background-color:#494949; background-color3:rgba(0,0,0,0.65); background-color:rgba(213,99,71,0.9); display:table; margin:0 auto; padding:5px 50px; border-radius:15px}
#welcome p {color:#fff; margin-bottom:12px; letter-spacing:1px; line-height:26px; font-size:14px}
#welcome p a {color:#fff}
#welcome p a:hover {color:#fff; border-bottom:1px solid #fff}





/* CONTENT */


@media (max-width:499px) {
#content {margin:0 auto; width:100%; max-width:1100px; padding:100px 0 100px 0}
}
@media (min-width:500px) {
#content {margin:0 auto; width:94%; max-width:1100px; padding:100px 3% 100px 3%}
}
@media (max-width:799px) {
#content {padding-top:0}
}

@media (max-width:799px) {
#einleitung {margin-top:190px}
#termine, #uebermich {margin-top:90px}
}
@media (min-width:800px) {
.sectionspace {height:90px}
}
.legalspace {height:70px}
#uebermich {margin-bottom:20px}


.section {background-color:#fff; background-color:rgba(256, 256, 256, 0.75); margin-bottom:0px;
-webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.2); -moz-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.2); box-shadow:0px 0px 20px 0px rgba(0,0,0,0.2)}
#legal .section {background-color:#fff; background-color:rgba(256, 256, 256, 0.9); margin-bottom:20px}
@media (max-width:499px) {
.section {padding:60px 7%}
}
@media (min-width:500px) and (max-width:899px) {
.section {padding:60px 9%; border-radius:5px}
}
@media (min-width:900px) {
.section {padding:60px 80px; border-radius:5px}
}


#zitat {margin-top:40px}
.zitat {font-family:'Open Sans Condensed', sans-serif; color:#D56347; font-weight:300; font-size:22px; margin:0 0 20px 0}
.autor {font-family:'Open Sans', sans-serif; color:#494949; font-weight:400; font-size:14px; margin-left:10px; white-space:nowrap}


.termine .termin {margin-bottom:45px}
.termine .termin p {line-height:32px; margin-bottom:8px}
.termine .termin > p:first-child {line-height:40px; margin-bottom:4px}
.termine .termin .date {font-family:'Open Sans Condensed', sans-serif; font-size:26px; border-bottom:1px solid #D56347; margin-right:10px}
.termine .termin .eintritt {font-size:14px; line-height:20px}

@media (max-width:799px) {
.termine #year {width:15%; display:table}
}
@media (min-width:800px) {
.termine #year {float:left; width:15%; display:table}
}
.termine #year p {background-color:#D56347; border-radius:50%; color:#fff; display:table; font-size:20px; line-height:30px; padding:15px 10px}

@media (max-width:799px) {
.termine #month {display:table}
.termine .day:after {content:' '; display:block}
.termine .location:before {margin:0 6px 0 0}
}
@media (min-width:800px) {
.termine #month {float:right; width:85%; display:table}
.termine .location:before {margin:0 6px 0 20px}
}
.termine .location:before {font-family:"Font Awesome 5 Free"; content:"\f3c5"; color:#D56347}


#uebermich .hinweis {background-color:#fff; background-color:rgba(256, 256, 256, 0.55); padding:20px 40px}





/* FOOTER */


#footer-wrap {width:100%; background-color:#494949; color:#fff; text-align:center}

#footer {position:relative; margin:0 auto; max-width:1100px; height:300px; padding:0 50px 0 50px; font-family: 'Open Sans Condensed', sans-serif}
@media (max-width:599px) {
#footer {display:table}
#footer #fcopy {position:relative; text-align:center; margin-top:200px; letter-spacing:0.3px}
#footer #flegal {position:relative; text-align:center; margin-top:15px; letter-spacing:0.4px}
}
@media (min-width:600px) {
#footer #fcopy {position:absolute; bottom:0; margin:0 0 50px 20px; letter-spacing:0.3px}
#footer #flegal {position:absolute; bottom:0; right:0; margin:0 60px 50px 0; letter-spacing:0.4px}
}
#footer a {color:#fff; text-decoration:none; padding:2px 1px; margin:0 9px; border-bottom:1px solid transparent}
#footer a:hover {border-bottom:1px solid #fff}