legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%}
*,html {
	margin: 0;
	padding: 0;
}

@font-face {
  font-family: open-sans-condensed;
  font-style: normal;
  font-weight: 600;
  src:	url('/files/fonts/light.eot'),
		url('/files/fonts/light.woff') format("woff"),
}
@font-face {
  font-family: Bitter-Bold;	
  font-style: bold;
  font-weight: 600;
  src:	url('/files/fonts/Bitter-Bold.woff') format("woff"),
}
@font-face {
  font-family: Bitter-Regular;	
  font-style: bold;
  font-weight: 400;
  src:	url('/files/fonts/Bitter-Regular.woff') format("woff"),
}

body {
	font-family: open-sans-condensed, arial, helvetica, sans-serif;
	font-size: x-large;
	background-color: #D9D0C7;
	background-color: #FFFFFF;
	background-color: rgba(22, 56, 45, 0.87);
	background-color: #335148;
oo	background-color: rgba(40, 82, 96, 1)
}
h2 {
	font-family: Bitter-Regular;
	font-size: 150%; 
	font-weight: normal;
	margin-bottom: 0.5em;
	line-height:110%;
oo	color: #f3090e;
oo	color: #eb7ceb;
}
h3 {
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 0.5em;
}
.content-text {
	margin-bottom: 2em;
}
.content-text p {
	margin-bottom: 1em;
}
.content-text ul {
	margin-left: 1.5em;
	margin-bottom: 1em;
}
.content-text ul ul {
	margin-left: 1em;
	margin-bottom: 0;
}
.content-text a {
	font-weight: bold;
	text-decoration: underline;
	color: #ffffff;
}
.content-text a:hover {
	background-color: #ffffff;
	color: #335148;
}
abbr[title] {
  position: relative;

  /* ensure consistent styling across browsers */
  text-decoration: underline dotted;
}

abbr[title]:hover::after,
abbr[title]:focus::after {
  content: attr(title);

  /* position tooltip like the native one */
  position: absolute;
  left: 0;
  bottom: -30px;
  width: auto;
  white-space: nowrap;

  /* style tooltip */
  background-color: #1e1e1e;
  color: #fff;
  border-radius: 3px;
  box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.4);
  font-size: 14px;
  padding: 3px 5px;
}

#container {
	anchor-name: --anc-container;
	max-width: 880px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
oo	border: 1px solid #000000;
	padding-left: 1em;
	padding-right: 1em;
oo	background-color: #FFFFFF;
oo	background-color: #f2f5f6;

	color: #FFFFFF;
oo	box-shadow: 0px 5px 10px hsla(0,0%,0%,0.5);
	
}
h1#Kopf {
	
	background-position: 10px;
	width: auto;
	height: 100px;
	text-indent: -10000000px;
	margin-top: 0;
	margin-bottom: 1em;
	background-image: url(/files/images/logo/Johannes_Babanis_Logo.svg);
	background-color: rgba(222, 215, 208, 1);

	background-repeat: no-repeat;
	background-size: 257px auto;

oo	margin-left: auto;
oo	margin-right: auto;
	border-radius: 8px;
	box-shadow: 0px 5px 10px hsla(0,0%,0%,0.5);

}

div.kopfbild {
	height: 184px;
	text-align: right;
	/*background-color: #e0d7cf;*/
	margin-left: -2em;
	margin-right: -2em;
	margin-bottom: 1em;
}

div.quicknavigation {
	position-anchor: --anc-container;
	top: anchor(top);
	text-align: center;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	font-size: 70%;
}

div.quicknavigation a {
	background-color: #D90000;
	color: #FFFFFF;
	width: 9em;
	display: inline-block;
	oopadding: 30px 10px 5px 10px;
	text-align: center;
	border-radius: 8px;
	padding: 0.5em;
	text-decoration: none;
}

a.toplink {
	position: fixed;
	text-indent: -9812px; 
	background: url(/files/images/menu/nachoben5.png);
	display: inline-block;
	border-radius: 8px;
	width: 44px;
	height: 44px;
	right: anchor(--anc-container right);
	bottom: 5px;
	margin-right: 10px;
}

.aktuell {
	border-radius: 8px;
	margin: 0,5em;
	padding: 0.5em;
	background-color: #503d3a;
	margin-bottom: 2em;
}


.content-text table {
	margin-bottom: 1em;
	border: none;
	width:100%;
}

/*table.rahmen1 {
	border: 1px solid #AAAAAA;
}*/


	
	
.content-text table td {
	width: 10em;
	border: none;
	vertical-align: top;
	padding: 0.25em;
	width: 25%;
}

table {

	margin-right: auto;
	width: 50%;
}

.content-text table td + td{
	width: 75%;
}
.content-text table.rahmen1 td {
	/*border-bottom: 1px dotted #AAAAAA;*/
	width: 25%; 
}
.content-text table.rahmen1 td+td {
		width: 75%;
}
.content-text table.rahmen1 {
		border-bottom: 1px dotted #FFFFFF;
		margin-bottom: 1em;
		padding-bottom: 1em;
}

.nav-toggler {
		float: right;
		position: fixed;
oo		position: sticky;
		
		position-anchor: --anc-container;
		right: anchor(--anc-container right);
		top: 30px;
		border-radius: 8px;
		margin-right: 40px;
		box-shadow: 0px 0px 11px 5px rgba(255,255,255,0.39);

	}
	.nav-toggler__button {
		background: #555555 url(/files/images/menu/menu1.png) no-repeat;
		border-radius: 8px;
		border: none;
		outline: none;
		color: #FFFFFF;
		oopadding: 30px 10px 5px 10px;
		display: inline-block;
		height: 55px;
		width: 55px;
		text-indent: -1000000px;
		
		
	}
	.nav--mobile {
		max-height: 0;
		visibility: hidden;
		transition: max-height 0s 3s, background 0.3s;
		background: transparent;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
	}
	.offcanvas--active .nav--mobile {
		z-index: 1;
	}




  .nav--mobile ul.level_1 {
    position: relative;
    top: 250px;
	left: -1em;
	margin-top: 100px;
    transform: translateY(-80%);
	text-align: center;
  }
	.nav--mobile--active {
		max-height: 100%;
		transition: max-height 0s, background 0.3s;
		background: rgba(0, 0, 0, 0.9);
		visibility: visible;
		padding-left: 1em;
	}
	.nav--mobile--active li,
	.nav--mobile--active li a{
		opacity: 1;
		color: #FFFFFF;
		list-style-type: none;
		text-decoration: none;
		line-height: 2em;
	}
	.nav--mobile--active li {
		border-bottom: 1px dotted #666666;
	}
	.nav--mobile--active li a:hover
	{
		color: #FFBD29;
	}
	.mod_navigation li .active 
	{
		color: #FFDE94;
	}
	
img.qr1 {
	display: none;
}	
.qr2 {
	display: block;
}		
	
@media (min-width: 580px) {
		img.qr1 {
			display: inline;
		}
		.qr2 {
			display: none;
		}
}	
@media (min-width: 900px) {
	h1#Kopf {
		background-position: center;
	}