html,body{
	width:100%;
	height:100%;
}

body{
	border:0;
	margin:0;
	padding:0;
	background-color:#fff;
	overflow-y: scroll;
	overflow-x: hidden;
	font-weight:300;
	font-family: Arial, sans-serif;
	font-size:1rem;
	color:#183352;
}

.noscroll{	
	overflow:hidden;
}

#root{
	width:100%;
	max-width:800px;
	margin:0 auto;
	position:relative;
}

#main{
	margin-top:90px;
	padding:0 20px;
}
#main img{
	width:100%;
	max-width:100%;
	height:auto;
}
.main-content{
	width: 100%;	
	float:left;
	padding-left: 20px; 
	padding-right: 20px; 
	box-sizing:border-box; 
	margin-top:30px;
	margin-bottom:30px;
}

#top{
	position:fixed;
	top:0;
	width:100%;
	max-width:800px;
	background:rgba(255,255,255,0.9);
	padding:15px;
	padding-left:20px;
	padding-right:20px;
	box-sizing:border-box;
	z-index:1000;
}
.top-logo{
	float:left;
	width:80%;
}
.top-logo img{
	width:100%;
	max-width:100%;
	max-width:350px;
}

.start-box{
	float:left;
	width:48%;
	color:#183352;
	box-sizing:border-box;
	padding:10px;
	padding-top:30px;
	padding-bottom:0px;
	text-align:center;
	margin-bottom:4%;
}
.start-box-bg0{
	background-color:#e9e9e9;
}
.start-box-bg1{
	background-color:#f9ef90;
}
.start-box-bg2{
	background-color:#f8ea6e;
}
.start-box-bg3{
	background-color:#f6e54d;
}
.start-box-bg4{
	background-color:#f6e54d;
}
.start-box-bg5{
	background-color:#ead727;
}
.start-box-bg6{
	background-color:#2d4c6f;
}
.start-box-bg7{
	background-color:#39597d;
}
.start-box-padding{
	margin-right:4%;
}
.register-button{
	
}
.register-form{
	display:none;
}

.btn-akkordeon{
	float:left;
	width:100%;
	line-height:3rem;
	font-size:1.5rem;
	text-align:center;
	background-color:#ffffff;
}
.btn-akkordeon-profildetails{
	float:left;
	/* margin-left:-30px; */
	width:100%;
	margin-top:40px;
	height:85px;
	background-image:URL('../images/btn-akkordeon.png');
	background-size:100% auto;
	cursor:pointer;
}
.btn-akkordeon._active{
	background-color:#f4df21;
	color:#000000;
}

.btn-akkordeon-leiste{
	float:left;
	width:100%;
	height:1px;
	background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}

.profil-content{
	float:left;
	padding-top:20px;
	padding-bottom:20px;
	width:100%;
	box-sizing:border-box;
}
.profil-content1{
	display:none;
}
.profil-content2{
	display:none;
}
.profil-content3{
	display:none;
}
.profil-content4{
	display:none;
}
.produkt-content1{
	display:none;
}
.produkt-content2{
	display:none;
}
.produkt-content3{
	display:none;
}
.delete-account{
	display:none;
}

.tab{
	float: left; 
	background-color: #cbcbcb;
	color: #6c6c6c;
	border-top-left-radius: 5px; 
	border-top-right-radius: 5px; 
	padding-left: 5%; 
	padding-right: 5%; 	
	padding-top: 2%; 
	padding-bottom: 4%; 
	margin-left: 3%;
	font-size: 1rem; 
}

.tab-active{
	background-color: #949494;
	color: #fff;
}

.tab:nth-child(1){
	margin-left: 0%; 
}

.quiz-map{
	float:left;
}
.quiz-dot{
	position:absolute;
	width:16px;
	height:16px;
	background-color:#fed500;
	border-radius:16px;
	border:3px solid #004894;
	transform:scale(1);
	opacity:0.2;
}
.quiz-dot-overlay{
	transition:0.3s;
	transform:scale(1);
	opacity:1;
}
.quiz-dot-overlay._inactive{
	transform:scale(1);
}
.quiz-dot-overlay._active{
	transform:scale(1.7);
}
.quiz-overlay{
	position:absolute;
	width:80%;
	top:180px;
	right:1px;
	display:none;
	z-index:100;
}
.quiz-overlay-content{
	position:absolute;
	width:100%;
	padding:20px;
	box-sizing:border-box;
	right:5%;
	top:0px;
	border-radius:15px;
	background-color:#004894;
	opacity:0.8;
	color:#ffffff;
	font-size:0.9rem;
}
.quiz-overlay-triangle{
	position:absolute;
	width: 0px;
	height: 0px;
	-webkit-transform:rotate(360deg);
	border-style: solid;
	border-width: 30px 30px 0 30px;
	border-color: #004894 transparent transparent transparent;
	opacity:0.8;
	top:154px;
	right:70px;
}
.quiz-dot-btn{
	position:absolute;
	width:100px;
	padding:10px;
	background-color:#2f77c2;
	color:#ffffff;
	top:230px;
	border-radius:15px;
	text-align:center;
	right:40px;
}
.quiz-infofeld{
	position:absolute;
	top:530px;
	left:5%;
	font-size:0.8rem;
	color:#414141;
	opacity:0.5;
	margin-bottom:15px;
}

.quiz-karten-container{
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	height:250px;
}
.quiz-karte{
	float:left;
	width:155px;
	border-radius:10px;
	flex: 0 0 auto;
	box-sizing:border-box;
	border:2px solid #a6c0da;
	padding:8px;
	font-size:0.8rem;
	color:#4c4c4c;
	height:230px;
}
.quiz-karte-content{
	float:left;
	width:100%;
}
.quiz-karte-pic{
	float:left;
	margin-bottom:10px;
}
.quiz-karte-headline{
	float:left;
	font-size:1rem;
	color:#004894;
	margin-bottom:10px;
}
.quiz-karte-spacer{
	margin-right:10px;
}

.quiz-fragenanzahl{
	float:left;
	font-size:0.8rem;
	color:#8d8d8d;
	margin-bottom:5px;
}
.quiz-frage{
	float:left;
	font-size:2rem;
	color:#494949;
	margin-bottom:25px;
}
.quiz-button {
	background: #e2e2e2; /* Old browsers */
	background: -moz-linear-gradient(top,  #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:12px;
	border:1px solid #c8c8c8;
	display:inline-block;
	cursor:pointer;
	color:#3f3f3f;
	font-size:1.6rem;
	font-weight:300;
	padding:15px;
	text-decoration:none;
	text-align:center;
	width:100%;
	margin-bottom:3%;
	box-sizing:border-box;
}
.quiz-button:hover {	
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b0c475), color-stop(1, #859748));
	background:-moz-linear-gradient(top, #b0c475 5%, #859748 100%);
	background:-webkit-linear-gradient(top, #b0c475 5%, #859748 100%);
	background:-o-linear-gradient(top, #b0c475 5%, #859748 100%);
	background:-ms-linear-gradient(top, #b0c475 5%, #859748 100%);
	background:linear-gradient(to bottom, #b0c475 5%, #859748 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b0c475', endColorstr='#859748',GradientType=0);
	background-color:#b0c475;
	border:1px solid #94a957;
	color:#ffffff;
}

/**************Footer*********************/

#footer{
	position:fixed;
	width:100%;
	max-width:800px;
	bottom:0px;
	height:70px;
	background-color:#183352;
	color:#ffffff;
	z-index:10;
	text-transform:uppercase;
	font-family: Arial, sans-serif;
}
#footer a{
	font-size:0.7rem;
	color:#ffffff;
}
.footer-menubox{
	float:left;
	width:20%;
	height:100px;
}
.footer-menubox.aktiv{
	background-color:#f4df21;
}
.footer-menubox.menubox4.aktiv{
	background-color:#2d4c6f;
}
.footer-menubox-content{
	float:left;
	width:100%;
	text-align:center;
	margin-top:10px;
	color:#ffffff;
	line-height:2;
}
.footer-menubox-content.aktiv{
	color:#183352;
}
.menubox4 .footer-menubox-content.aktiv{
	color:#ffffff;
}

.suche{
	position:absolute;
	right:20px;
	top:25px;
}
img.iconsuche{
	width:30px;
	height:30px;
	padding:5px;
	border-radius:50%;
	border:2px solid #183352;
	float:right;
}
img.iconsuche._inaktiv{
	opacity:0.1;
}
.formsuche{
	float:right;
}
.formsuche input{
	width:0;
	opacity:0;
	transition:width 0.3s, opacity 0.3s;
	pointer-events:none;
	position:absolute;
	right:50px;
}
.formsuche.aktiv input{
	width:150px;
	opacity:1;
	pointer-events:auto;
}

.contentbox{
	float:left;
	width:90%;
	background-color:#ffffff;
	padding:5%;
}
.termine-list{
	margin-bottom:50px;
}
.termine-item{
	padding:15px;
}
.termine-item:nth-child(2n){
	background-color:#eeeeee;
}
.termine-item-title{
	font-weight:700;
}
.termine-mehr{
	text-align:center;
}
.eo-event-meta{
	list-style-type:none;
	padding-left:0;
}


/* Minikalender */
.minikalender-container{
	margin-bottom:40px;
}
.minikalender-container *{
	box-sizing:border-box;
}

.minikalender-box{
	width:100%;
	padding:10px;
	max-width:600px;
	margin:0 auto;
}
.minikalender-head{
	float:left;
	width:100%;
	padding:20px 0;
}
.minikalender-head-year{
	float:left;
	width:25%;
	text-align:center;
	margin-top:2px;
}
.minikalender-head-year a{
	text-decoration:none;
	color:#5f90cd;
}
.minikalender-head-year a:hover{
	text-decoration:none;
	color:#99c6ff;
}
.minikalender-head-month{
	float:left;
	width:50%;
	text-align:center;
	text-transform:uppercase;
	font-weight:600;
	font-size:1.0rem;
	color:#5f5f5f;
	margin-top:3px;
}
.minikalender-content{
	float:left;
	width:100%;
	position:relative;
}
.minikalender-day{
	float:left;
	width:14%;
	padding:2%;
	text-align:center;
	position:relative;
}
.minikalender-day._today:after{
	/* border:1px solid #aaaaaa; */
	/* background-color:#f5f5f5; */
	content:'';
	position:absolute;
    left: 0;
    right: 0;
    bottom: 10%;
    margin: auto;
    /* border-radius: 38px; */
    width: 70%;
    height: 4px;
    border-bottom: 4px solid #2d4c6f;
}
.minikalender-day-day{
	text-transform:uppercase;
	font-weight:600;
	font-size:0.9rem;
	color:#5f5f5f;
	text-align:center;
	padding-bottom:20px;
}
.minikalender-day-title{
	/* float:left; */
	display:inline-block;
	width:100%;
	max-width:30px;
	height:28px;
	text-align:center;
	color:#5f5f5f;
	font-size:0.9rem;
	border-radius: 35px;
	padding:6px 0;
	position:relative;
	z-index:2;
}
.minikalender-day-title2{
	float:left;
	width:100%;
	text-align:center;
}
.minikalender-day-title-active{
	background-color:#f4df21;
	color:#183352;
}
.minikalender-day-title-active._daycolor2{
	background-color:#2d4c6f;
	color:#ffffff;
}
.minikalender-day-off{
	opacity:0.3;
}
.minikalender-arrow-left{
	position:absolute;
	margin-top:45%;
	left:0px;

    margin-top: 0;
    left: -30px;
    top: 50%;
	
	opacity:0.5;
	cursor:pointer;
	transition:0.3s;
}
.minikalender-arrow-left:hover{
	opacity:1;
}
.minikalender-arrow-right{
	position:absolute;
	margin-top:45%;
	right:0px;
	
    margin-top: 0;
    right: -30px;
    top: 50%;
	
	opacity:0.5;
	cursor:pointer;
	transition:0.3s;
}
.minikalender-arrow-right:hover{
	opacity:1;
}
.minikalender-eventbox{
	float:right;
	width:438px;
	background-color:#dddddd;
	padding:15px;
	color:#000000;
}
.minikalender-eventbox-number{
	float:left;
	width:30px;
	background-color:#50679b;
	padding:15px;
	color:#ffffff;
	text-align:center;
}

.minikalender-overlay{
	position:absolute;
	/*right:0;
	left:0;*/
	/* height:400px;	 */
	border:1px dashed grey;
	background:rgba(255,255,255,1);
	padding:20px;
	z-index:100;
	display:none;
	
	/*top:80px;
	bottom:100px;
	width:100%;
	max-width:800px;
	box-sizing:border-box;
	margin:0 auto;
	margin-left:-20px;
	position:fixed;
	z-index:2000;
	overflow-y:auto;*/
}

.minikalender-overlay /*._own*/{
	top:0;
	bottom:0;
	width:100%;
	max-width:800px;
	box-sizing:border-box;
	margin:0 auto;
	margin-left:-20px;
	position:fixed;
	z-index:2000;
	overflow-y:auto;
}
.minikalender-overlay-hr{
	margin-top:10px; 
	margin-bottom:10px; 
	height:1px;
	background:#666666;
	border:0;
}
.minikalender-overlay-content ._title{
	margin-top:15px;
	font-weight:bold;
}
.minikalender-overlay-content ._item{
	margin-bottom:35px;
}
.minikalender-overlay-content ._link{
	text-align:center;
	margin-top:30px;
}
.minikalender-close{
	width:30px !important;
	height:30px !important;
}
/* Eigener Kalender */
.minikalender-container._own .minikalender-day{
	/* border: 1px solid #aaaaaa; */
    /* border-collapse: collapse; */
    /* margin: -1px 0 0 -1px; */
}
.minikalender-reiter{
	width:32%;
	float:left;
	box-sizing:border-box;
	padding:5px;
	padding-top:6px;
	text-align:center;
	border:2px solid #e9edf0;
	margin-bottom:20px;
}
.minikalender-reiter-aktiv{
	border:2px solid #6b88a8;
	background-color:#6b88a8;
	color:#fff;
}
.border-bottom{
	border-bottom:1px dashed #c3c3c3;
}

.ferien-day{
	position:absolute;
	left:0;
	right:0;
	height:10px;
	z-index:1;
}
.ferien-1{
	background-color:#ffaaaa;
	top:5px;
}
.ferien-2{
	background-color:#aaffaa;
	top:20px;
}
.ferien-3{
	background-color:#aaaaff;
	top:35px;
}
.feiertag-text{
	display:inline-block;
	padding:3px;
	font-size:0.8rem;
	color:#000000;
}
.feiertag-text-1{
	background-color:#ffaaaa;
}
.feiertag-text-2{
	background-color:#aaffaa;
}
.feiertag-text-3{
	background-color:#aaaaff;
}
.formneu, .formedit, .formdelete{
	display:none;
}

.formdelete{
	box-sizing:border-box;
	padding:10px;
	padding-left:20px;
	padding-right:20px;
	background-color:#a23e3e;
	color:#fff;
	border-radius:10px;
	margin-top:20px;
}

.iconneu{
	display:inline-block;
	color:#ffffff;
	border-radius:50%;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	background-color: #183352;
	font-weight:700;
}

.event-table{
	width:100%;
}
.event-table td:nth-child(1){
	width:100px;
}
.event-table td{
	padding:5px 2px;
}

.back-button{
	float:right;
	margin-bottom:6px;
}
#main .back-button img{
	width:35px;
	height:35px;
	transform-origin:center;
	transform:rotate(90deg);
	vertical-align:middle;
}
.kategorie-kachel, .kategorie-block{
	text-align:center;
	background-color:#e9e9e9;
	font-size:1.3rem;
	margin-bottom:5px;
	position:relative;
}
.kategorie-kachel:nth-child(2n), .kategorie-block:nth-child(2n), .kategorie-block:nth-child(2n) .kategorie-kachel:first-child{
	background-color:#dfdfdf;
}
.kategorie-kachel a{
	padding:10px;
	display:block;
	color:#183352;
}
.kategorie-kachel._list:after{
	display:inline-block;
	position:absolute;
	content:'';
	right:10px;
	top:13px;
	width:20px;
	height:20px;
	background-image:url('../images/btn-arrow-down.png');
	background-size:contain;
	transform:rotate(0);
	transition:transform 0.3s;
}
.kategorie-kachel._list._open:after{
	transform:rotate(180deg);
}
.kategorie-liste{
	display:none;
}
.themen-balken{
	padding:10px;
}
.themen-balken._today{
	padding-left:6px;
	border-left:4px solid #2d4c6f;
}
.minikalender-blob{
	border-radius:50%;
	float:right;
	width:24px;
	height:24px;
	line-height:24px;
	font-size:1rem;
	font-weight:400;
	text-align:center;
	color:#ffffff;
	background-color:#2d4c6f;
}
.themen-topliste{
	
}
.themen-topitem{
	background-color:#e9e9e9;
	padding:10px;
	margin-bottom:5px;
}
.themen-topitem:nth-child(2n){
	background-color:#f8f8f8;
}

.themen-topitem h4{
	margin:0;
}
.themen-topitem p{
	margin:0;
}
.themen-topitem a{
	color:#183352;
}
#main .themen-topitem img{
	/* max-width:230px; */
}
.istanzeige{
	position:relative;
	top:-20px;
	font-size:90%;
	color:#999999;
}
.anzeige{
	font-size:90%;
	color:#999999;
}
.themen-item{
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid #aaaaaa;
}
.themen-artikel img{
	width:100%;
	max-width:100%;
	/* display:none; */
}
.themen-artikel div{
	max-width:100%;
}
.themen-artikel a{
	word-break: break-all;
}
.themen-kategorie{
	display:inline-block;
}
.themen-kategorie:after{
	content:' | ';
	display:inline-block;
	margin-left:5px;
	margin-right:5px;
}
.themen-kategorie:last-child:after{
	content:'';
	display:none;
}
.error-box{
	background-color:#aa0000;
	color:#ffffff;
	padding:15px;
}
.info-box{
	background-color:#00aa00;
	color:#ffffff;
	padding:15px;
}

.itemborder{
	border:2px solid #2d4c6f;
	box-sizing:border-box;
	padding:25px;
}

a[id]{
	display:block;
	position:relative;
	top:-100px;
}

select{
	padding:10px;
	background:#eeeeee;
	border:1px solid #dddddd;
	-webkit-appearance: none;
}
.button{
	padding:10px;
	background:#eeeeee;
	border:0px solid #aaaaaa;
	display:inline-block;
	border-radius:5px;
    background: #183352;
    color: #ffffff;
	-webkit-appearance: none;
	font-weight:700;
}
.button2{
	background-color:#f4df21;
	color:#183352;
}
.textfeld{
	padding:10px;
	background:#eeeeee;
	border:1px solid #dddddd;
	font-size:1rem;
	width:100%;
	box-sizing:border-box;
	font-family:Arial;
}
textarea.textfeld{
	height:200px;
}
select.textfeld{
	background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 5px;
}
ul.minical{
	list-style-type:none;
}

.left{ 
	float:left; 
}
.right{ 
	float:right; 
}
.clear{
	clear:both;
}

.bold{
	font-weight:600;
}
.italic{
	font-weight:300;
	font-size:1rem;
	font-style:italic;
	color:#183352;
	margin-bottom:0px;
	padding-bottom:0px;
}
.red{
	color:#ca2c2c;
	font-weight:600;
}
.button-red{
	background-color:#ca2c2c;
	border:0px;
	color:#ffffff;
	width:100%;
	text-align:center;
}

hr{
	margin-bottom:30px;
	margin-top:-10px;
	padding-top:0px;
	background-color:#c3c3c3;
	width:100%;
	height:1px;
	border:0px;
}
ul{
	padding-left: 20px;
}
blockquote{
	margin:15px;
	margin-left:0;
	font-style:italic;
}
.eventlogo{
	display:none;
}

a{
	text-decoration:none;
	color:#c69644;
}
a:hover{
	text-decoration:none;
	color:#cd8a82;
}

h1{
	font-size:1.6rem;
	font-weight:700;
	color:#183352;
	margin-top:0px;
	padding-top:0px;
}
h2{
	font-size:1.2rem;
	font-weight:700;
	color:#183352;
	margin-top:0px;
	padding-top:0px;
}
h3{
	padding-top:0px;
	margin-top:0px;
	font-weight:300;
	font-size:1.3rem;
}