/* roboto-300 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url('../_fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
src: local(''),
url('../_fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../_fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
url('../_fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
url('../_fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
url('../_fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* open-sans-300 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: url('../_fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
src: local(''),
url('../_fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../_fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
url('../_fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
url('../_fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
url('../_fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
*, *:before, *:after {-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;}
html, body {font-family:'Roboto',sans-serif;font-size:62.5%;line-height:1.5;font-weight:normal;height:100%;}
body {color:#0F0F0F;font-size:1.7rem;margin: 0 auto;}
h1,
h2,
h3,
h4,
h5 {text-align:left;letter-spacing:0px;font-weight:bold;text-transform:none;}
h1 {font-size:3.2rem;line-height: 3.1rem;margin-top: 0rem;margin-bottom: 3rem;}
h2 {font-size:2.1rem;line-height: 3rem;margin-top: 1.2rem;margin-bottom: 1.5rem;}
h3 {font-size:1.8rem;line-height: 2.3rem;margin-top: 2.1rem;margin-bottom:1rem;letter-spacing:0rem;}
h4 {font-size:1.2rem;line-height: 1.3rem;margin-top: 1rem;margin-bottom:1rem;letter-spacing:0rem;}
a {background-color:transparent;color:#2f2f2f;text-decoration: underline;}
a:hover {color:#2f2f2f;text-decoration:none;}
img , a img {max-width: 100%;height: auto;margin:0 auto;}
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Kopfbereich */
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
header {background:transparent;}
#headerContainer {display:table;border-spacing:2rem 1.5rem;width:100%;max-width:2000px;height:auto;margin:0 auto;padding:0rem;}
.headerLeft {display:table-cell;height:30rem;padding:0;width:50%;background-image:url("../img/header/img1.jpg");background-repeat:no-repeat;
background-position:50% 50%;background-size:cover;border-radius:1.5rem;border:solid 1px rgba(0,0,0,.05);}
.headerRight {display:table-cell;width:50%;height:30rem;padding:0;border-radius:1.5rem;border:solid 1px rgba(0,0,0,.1);vertical-align:middle;}
.name {text-transform:uppercase;display:inline-block;color:#fff;font-weight:bold;margin:0 auto;padding:2rem 3rem;
font-size:2.3rem;line-height:2.6rem;border-radius:6px;text-align:center;}
.name span {display:block;font-weight:normal;letter-spacing:4px;font-size:1.5rem;line-height:2.6rem;}
#flipcountdownbox {margin-top:8px;display:block;}
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Content */
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
#content {width:100%;min-height:500px;margin:0 auto;padding:3rem 4.5rem;}
#content br {line-height:.7;}
#content .Gebet {font-family:'Open Sans';padding-left:20px;font-style:italic;width:70%;margin:2rem 1rem;}
#content ul,
#content ol {margin-left:3rem;}
#content h1 {margin-bottom:1.5rem;}
#content h2 {margin-bottom:0.4rem;}
#content h3 {margin-bottom:0.4rem;}
#content h4 {margin-bottom:0.4rem;}
#content p {line-height: 2rem;margin:0 0 1.2rem;}
#content .image {margin-top:0.4rem;}
#content .image img {max-width:245px;width:100%;height:auto;border:1px solid #CCCCCC;border-radius:4px;}
#content .image h4 {margin-top:0;}
#content article {margin-bottom:3rem;}
#content article:last-of-type {margin-bottom:0;}
#content section {display:inline-block;}
#content section::before {content: "";clear:both;}
#content section h2 {margin-top: 2.1rem;}
#content section.address {margin-top:2rem;}
#content section.openHours {display:block;}
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Footer */
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
footer {background-color:#DDDBDB;text-align:center;position:sticky;bottom:0;padding-top:5px;}
#fuss {margin-bottom: -5px;}
#fuss ul {padding:0rem;margin:0;}
#fuss li {display:inline;list-style:none;padding:0rem 0rem;margin:0;}
#fuss li a {text-decoration : none;font-size:1.4rem;height:2.4rem;line-height:2.4rem;letter-spacing:0rem;padding:.3rem .5rem .3rem .5rem;margin: 0;
color:#000000;background:transparent;}
#fuss li a:hover {text-decoration:none;}
.fussname {display:inline-block;font-weight:normal;color:#000000;text-shadow:none;margin:0 auto;font-size:1.2rem;letter-spacing:1px;}
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Tabellen */
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
table.tblPretty {border: 1px solid #cccccc;border-collapse: collapse;box-shadow:10px 10px 15px #bbb;margin-bottom:2rem;width:85%;}
table.tblPretty tr {font-size:14px;border-bottom:1px solid #eeeeee;border-right:1px solid #eeeeee;}
table.tblPretty th {width:40%;padding:4px;font-size:1.6rem;font-weight:bold;background-color:#eeeeee;text-align: left;padding-left: 12px;}
table.tblPretty td {padding:8px;font-size:1.4rem;line-height:20px;}
table.tblPretty td a {text-decoration:none;}
table.tblPretty .TDGsmall {font-weight: normal!important;font-size:1.4rem!important;}
.tblSize25 {width:25%!important;}
.tblSize35 {width:35%!important;}
.tblSize50 {width:50%!important;}
.tblSize75 {width:75%!important;}
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Lightbox */
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
.LBox {clear:both;margin-top:1rem;}
.LBox a {margin-right:1rem;}
.LBox a:hover {background:none;}
.LBox img {max-width:100px;height:auto;border:1px solid #CCCCCC;border-radius:4px;margin-right:1rem;}
.LBox.right {float:right;margin-left:8px!important;}
.LBox.left {float:left;margin-right:8px!important;}
.LBox.center {clear:both;display:block;margin:0 auto;}
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Formular (Kontakt) */
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
.Kontakt {margin:1rem auto;padding-bottom:0.5rem;padding-left:10px;border-radius:4px;}
.Kontakt form {width:100%;margin:24px 0 0;padding:10px;}
.Kontakt form p {margin-top:8px;}
.Kontakt form label {width:25%;float:left;margin-right:10px;text-align:left;display:inline-flex;}
.Kontakt form label[for="captcha_code"] {width:100%;margin-top:2rem;}
.Kontakt form input,
.Kontakt form select,
.Kontakt form textarea {width:67%;padding:2px; border:1px solid #999999;border-radius:4px;margin-bottom:0.5rem;}
.Kontakt form input[type="radio"] {width:auto;}
.Kontakt form input[type="checkbox"] {width:auto;}
.Kontakt form textarea {border-radius:4px;}
.Kontakt form input[type=submit] {width:100px;display:block;font-size:1.2em;margin:2rem auto;padding:5px 15px;background:#777777;
color:white;border:0 none;cursor:pointer;border-radius:4px;}
.Message {border:1px solid #999999;border-radius:4px;padding:10px;width:94%;}
.Message.Sent {background-color:#CCCCCC;}
.Message.Error {color:#FF0000;}
.captchaArea {width:250px;margin-bottom:2rem;margin:0 auto;}
.captchaArea p {}
.captchaArea img {margin:1rem auto;width:100%;}
.captchaArea input[type="text"] {display:block;width:100%;}
.captchaArea h6 {font-weight:bold;font-size:16px;margin-top:24px;letter-spacing:0.1em;}
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Text */
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
p.ToDo {background-color: #E1D52C;color:red; padding:10px;border-radius:4px;}
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Hinweise */
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
.Hinweis {display:block;margin: 1.2rem;overflow:auto;padding: 0.6rem;background-color: #ff9;border: 1px solid #DDD;
box-shadow: 2px 2px 2px rgba(0,0,0, .4);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.Hinweis a {color:#666666;}
.Hinweissmall {font-size:0.85rem;font-style:italic;}
.Zitat {margin:10px 30px; font-style:italic;font-size:0.9em;line-height:1.6em; letter-spacing:1.6px;}
.ZitatNoMargin {font-style:italic;font-size:0.9em;line-height:1.6em; letter-spacing:1.6px;}
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Ratsmitglieder */
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
.RM {display:block!important;}
.RM:first-of-type {border-bottom:1px solid #CCCCCC;padding-bottom:3rem;}
.RM h2 {font-size:2.3rem;}
[class~='RM']:last-of-type {margin-top:5rem;}
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Sonstige Klassen */
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
.clear {clear:both;}
.flRight {float:right;margin-left:8px!important;}
.flLeft {float:left;margin-right:8px!important;}