@font-face {
	font-family: 'opensans';
	src: url('../fonts/opensans-regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'opensans';
	src: url('../fonts/opensans-semibold.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
:root {
	--red: #E2000E;
	--weiss: #ffffff;
	--black: #000;
	--light: #ccc;
	--gelb_dark: #fbbb32;
	--gelb: #ffdd00;
}
::-moz-selection {
    background: var(--light);
    color: var(--weiss);
    text-shadow: none;
}

::selection {
    background: var(--light);
    color: var(--weiss);
    text-shadow: none;
}

::-moz-selection {
    background: var(--light);
    color: var(--weiss);
    text-shadow: none;
}

::-webkit-selection {
    background: var(--light);
    color: var(--weiss);
    text-shadow: none;
}
html {
    width: 100%;
    height: 100%;
}
body {
    width: 100%;
    height: 100%;
	font-family: 'opensans';
    line-height: 1.5em;
    font-size: 16px;
    font-weight: 400;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale;
	color: var(--black);
	background-color: var(--gelb_dark);
}
header {
	background: var(--weiss);
}

.bg-weiss { padding: 2em; background: var(--weiss); }
.bg-weiss ,
.bg-weiss p,
.bg-weiss a
	{ color: var(--black); }
	
.hinweis { background: var(--red); padding: 2em; color: var(--weiss); }
.hinweis p { color: var(--weiss) !important; }
.startText { margin: 3em 0; }
hr { background-color: var(--red); opacity: 1; margin: 1.25rem 0 .75rem; }
.btn { font-family: 'tuna'; }
.btn.btn-editor {
	font-size: .7em; border: solid 1px #aaa;  padding: 2px 10px; border-radius: 0; margin: 3px 2px;
}
.btn-info { border: none; background-color: var(--gelb_dark); border-radius: 0; font-weight: 600; }
.btn-primary { border: none; background-color: var(--red); border-radius: 0; font-weight: 600; }
.btn-info:hover,.btn-info:focus, .btn-info.active { border: none; background-color: var(--red); color: var(--weiss); }
.btn-primary:hover,.btn-primary:focus, .btn-primary.active { border: none; background-color: var(--gelb); color: var(--black); }
.btn-filter { width: auto; color: var(--weiss); position: absolute; bottom: 0; right: 0;  }
.btn-box { position: relative; }
.editor {
	border: solid 1px var(--light); background: var(--light);
}
.savebtn .fa, .prevbtn .fa { 
	color: var(--weiss); font-size: 2em;  
	line-height: 50px;
}
.savebtn, .prevbtn { 
	position: fixed; right: 0; width: 50px; height: 50px; top: 50%; background: red; 
	box-shadow: -3px 3px 13px 1px rgba(0,0,0,0.37);
	text-align: center; 
	transition: 1s; cursor: pointer;
}
.prevbtn { 
	width: 50px; height: 65px; top: 40%; background: green; 
}.savebtn:hover, .prevbtn:hover { 
	background: #9f0606; 
	transition: 1s; opacity: .8;
}
.btn-save { background: transparent; border: none; width: 100%; height: 100%; }
.warn.hide { display: none; transition: 1s; } 
.warn { 
	background: #aaa; width: 300px; height: 100px; text-align: center; padding: 2em; position: fixed; top: 50%; left: 50%; margin: -50px 0 0 -150px; color: var(--weiss); font-weight: 600; 
	box-shadow: -3px 3px 13px 1px rgba(0,0,0,0.37);
	background: var(--red); 
}
label { 
	/* font-size: .8em;  */
	/* font-weight: bold;  */
	/* line-height: 1.4em;  */
}
label span { font-weight: normal; font-style: italic; }
/* .eintrag label { margin-top: 2em; } */

#message {
	position: fixed; display: block; width: 400px; background: #efefef; border: solid 1px var(--red); height: auto; color: var(--black); right: 0; top: 30%; 
	/* font-size: .8em; */
}
.pg7 #message {
	position: relative; display: block; width: 100%; background: #efefef; border: none; height: auto; color: var(--black); right: 0; top: 0; 
	/* font-size: .8em; */
}
::placeholder { color: var(--light) !important; } :-ms-input-placeholder { color: var(--light) !important; } ::-ms-input-placeholder { color: var(--light) !important; }

h1, h2, h3, h4 {
	font-family:"tuna";
	color: var(--red); font-weight: bold;
}
.eintrag h1, 
.eintrag h2, 
.eintrag h3, 
.eintrag h4 
	{ margin: 2em 0 0; }
h2 { margin-top: 0; font-size: 1.35rem !important; }
h4 { display: block; margin-top: 2em; }
header h1 { position: absolute; margin: 60px 0 0 360px !important; }
.startText h1, .startText h2 { color: var(--red); }
.startText h2 { margin-bottom: 2em; }
.startText p, .startText a { color: var(--black); }
th { font-weight: 600; }
.bg-yellow {  font-weight: 600; }
.bg-yellow div { background: var(--gelb); padding-top: 6px; padding-bottom: 6px; margin-bottom: 10px; }
/* PDF Format */
/* PDF Format */
/* PDF Format */
.lh2 { line-height: 2em; }

.navbar { height: 170px; }
.navbar-nav { flex-direction: row; text-align: left; }
/* #navbarScroll { margin-top: -100px; } */
.navbar-brand { position: absolute; width: 200px; margin-left: -200px; }
.navbar-nav .nav-link { color: var(--black); padding: 0 20px; }
.navbar-meta { margin-top: -50px; }

.logo1 { max-height: 80px; }
.logo2 {  }
header h1 { position: absolute; margin-left: 160px; margin-top: 60px; }
.filter { background: var(--gelb); text-align: right; padding: 10px 0; }
.filter-section {
	/* background: var(--weiss); */
	/* border-radius: 10px; */
	/* padding: 2em; */
	padding: 1em 0 2em; 
}
.doku { margin: 2em 0 3em; }
.event {
	background: var(--gelb);
	padding: 1em 1em 4em ;
	border-radius: 0;
	margin-bottom: 3em;
}
.section.gelb_dark { background: var(--gelb_dark); }
.home .event { background: transparent; }
.card { background: transparent; border: none; }
.event .card { border-radius: 0; margin-bottom: 1.5em; }
.card-body { background: #fff; height: 300px; overflow-y: scroll;  }
.card-footer { background: var(--weiss); border: none; height: 60px; }
.title { font-weight: 600; margin-bottom: 6px; font-family: 'tuna';}

.check { background: var(--weiss); padding: 10px; border-radius: 10px; display: inline-block; width: 30px; height: 30px; }
.check1:before { content: "\f00c"; font-family: 'FontAwesome'; position: absolute; font-size: 1.2em; margin-left: -4px; margin-top: -6px; color: var(--red); }
.title .cb { position: absolute; margin-top: 6px; margin-left: 12px; }
.description {
	background: var(--weiss); padding: 10px; border-radius: 10px;
}
.half .description { 
	width: 50%;
}
.btn-detail { position: absolute; bottom: 1em; }
.datum { font-size: 1.25em; font-weight: 600; color: var(--red); }


.btn-success {
	color: var(--weiss);
	background-color: var(--red);
	border-color: var(--red);
}
.btn-success:hover {
	color: var(--weiss);
	background-color: #a1060f;
	border-color: #a1060f;
}
.PDF p { margin: 4px 0; font-size: 14px; }
p.box { background: #efefef; padding: 10px; display: block; width: 100%; margin: 0 0 1em; }
p.hl { font-weight: bold; 
	/* font-size: .9em;  */
	margin: 20px 0 0; }
p.hl span { font-weight: normal; }
.checkbox { background: #efefef; padding: 2px 2px 0; display: block; width: 20px; height: 20px; line-height: 14px; margin-right: 10px; float: left; text-align: center; font-weight: bold; font-size: 14px; }
.einzug { padding-left: 30px; }

.PDF table { width: 100%; margin-top: 20px; border: solid 1px var(--light); }
.PDF .bg-var(--gelb) th,.PDF .bg-weiss th { padding: 10px 10px; }
.PDF td { padding: 5px 10px; font-size: 14px; }
.PDF th { font-size: 15px; }
.PDF td label { font-size: 14px; }
.PDF td, .PDF th { border-bottom: solid 1px var(--light); border-right: solid 1px var(--light);  }
.tra { padding-right: 30px; text-align: right; }
.PDF h2 { font-size: 26px; }
.prevText { color: #444; margin-top: 2em; }
.prevText:before { content: 'Beispiel: '; font-weight: 600; border-bottom: solid 1px #000; display: block; width: 100%; margin-bottom: 10px; }
label.nml { font-weight: 400; }
.multi-select label { display: block; }
.filter-hl { font-size: 1em; }
/* input[type="checkbox"] { background: var(--light); margin-right: 10px; } */

.form-control { 
	/* background: #efefef;  */
	margin-bottom: 1em; 
	/* display: inline-block; width: auto; */
}
.pg7 .form-control { margin-bottom: .5em; }
textarea { width: 100%; display: block; }
textarea#abstract { height: 120px; }
.form-group  { margin-bottom: 2em; }
.pg7 .form-group  { margin-bottom: 0; }
.form-group.multi p {margin-bottom: 0; font-weight: 600; }
.form-group.multi {
	display: inline-block;
	clear: both; background: var(--gelb); width: 100%; padding: 15px; margin-bottom: 2em;
}
.form-group.multi.kinderrechte-thema .form-check { float: none; }
.pg7 .lb { display: block; font-size: .9em; line-height: 1.1em !important; }
#datenschutz { margin-right: 10px; float: left; }
#eintrag .row {
	background: var(--gelb); padding: 15px; margin-bottom: 2em;
}
.form-check { float: left; padding-left: 0; padding-right: 1em; cursor: pointer; }
.form-check .checkval { margin-right: 5px; }
.form-check .form-check { margin-right: 5px; }
.form-search { border: none; border-radius: 0; height: 32px; }
.filter-text { margin: 0 30px; font-family: 'tuna'; font-size: 1.25em; }
select {
	-webkit-appearance: listbox !important;
}
.textfeld {
	/* border: 1px solid var(--light); */
	min-height: 50px;
	padding: 10px;
	font-size: 14px;
	line-height: 1.5; background: var(--weiss);
}

.pretty  { width: 100%; }
.pretty .state label { line-height: inherit; }
.pretty.p-default input:checked~.state label:after {
	background-color: #a1060f !important;
}
.pretty.p-default .state label:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.filter_btn .pretty .state label:after, 
.filter_btn .pretty .state label:before {
	left: inherit; right: 0;
}	
.filter_btn .pretty .state label { text-indent: 0; }	
.filter_btn { background: var(--weiss); padding: 10px; border-radius: 10px; display: inline-block; width: 100%; position: relative; }
.filter_btn2 { 
	
}
.filter_box { 
	
}
.filter-hl, 
.multi-select 
	{
		background: var(--weiss); border-radius: 10px; padding: 10px;
	}
.filter-hl { margin-bottom: 1px; position: relative; }
.filter-hl:after { 
	content: ''; position: absolute; width: 20px; height: 20px; right: 15px; background-size: contain; transform: rotate(180deg); background-repeat: no-repeat; margin-top: -5px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='20' viewBox='0 0 50 20'%3E%3Cpolygon points='5,20 45,20 25,0' fill='%23000'/%3E%3C/svg%3E%0A");
}
/* ______________  PDF Format */
/* ______________  PDF Format */

.btn-search { display: inline-block; width: 40px; height: 30px; background: var(--weiss); position: absolute; margin-left: -46px; }
.btn-search:before {
	content: ''; display: block; width: 22px; height: 22px; top:4px; background-repeat: no-repeat; background-size: contain; position: absolute; margin: 0 auto;
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 41.2 41.2' style='enable-background:new 0 0 41.2 41.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23000;%7D%0A%3C/style%3E%3Crect x='27.5' y='21' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -12.8581 31.0422)' class='st0' width='7' height='20.1'/%3E%3Cg%3E%3Cpath class='st0' d='M16.5,7.5L16.5,7.5c2.4,0,4.7,0.9,6.4,2.6c1.7,1.7,2.6,4,2.6,6.4s-0.9,4.7-2.6,6.4s-4,2.6-6.4,2.6 c-2.4,0-4.7-0.9-6.4-2.6c-1.7-1.7-2.6-4-2.6-6.4c0-2.4,0.9-4.7,2.6-6.4C11.9,8.5,14.1,7.5,16.5,7.5 M16.5,0.5 c-4.2,0-8.3,1.7-11.3,4.7c-3,3-4.7,7.1-4.7,11.3c0,4.2,1.7,8.3,4.7,11.3s7.1,4.7,11.3,4.7c4.2,0,8.3-1.7,11.3-4.7s4.7-7.1,4.7-11.3 c0-4.2-1.7-8.3-4.7-11.3C24.8,2.2,20.8,0.5,16.5,0.5L16.5,0.5z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.img-dd { width: 200px; height: 50px; border: solid 1px #aaa; float: left; margin-right: 30px; }
.uploadifive-button {  display: block; width: 150px !important; border-radius: 4px; margin-bottom: 2em; text-transform: none; }
.uploadify { display: block; width: 100%; }
.imgCol { display: inline-block; }
.btn-danger .fa { color:var(--weiss); }
.btn-back { font-family: 'tuna'; font-size: 1.25em; padding: 0; }
input[type="file"] { text-transform: none !important; }

.foto span { font-size: .8em; }
.foto { margin-bottom: 1em; }

.hide { display: none; }
.pg7 .hide { display: none !important; }

.main:before { content: ''; background: url(../images/Fuzzy01.svg) no-repeat; position: absolute; left: 2%; display:block; top:60%; width: 250px; height: 300px; z-index: -1; }
.main:after { content: ''; background: url(../images/Fuzzy02.svg) no-repeat; position: absolute; right: 0; display:block; top:40%; width: 260px; height: 340px; z-index: -1; }
.pad0 { padding: 0; margin-left: -10px; }
.mt0 { margin-top: 0px !important; } .mt1 { margin-top: 10px; } .mt2 { margin-top: 20px; } .mt3 { margin-top: 30px; } .mt4 { margin-top: 40px; } .mt5 { margin-top: 50px; } .mt6 { margin-top: 60px; } .mt7 { margin-top: 70px; } .mt8 { margin-top: 80px; } .mt9 { margin-top: 90px; } .mt10 { margin-top: 100px; }  .mb0 { margin-bottom: 0px; }  .mb1 { margin-bottom: 10px; }  .mb2 { margin-bottom: 20px; }  .mb3 { margin-bottom: 30px; }  .mb4 { margin-bottom: 40px; }  .mb5 { margin-bottom: 50px; }  .mb6 { margin-bottom: 60px; }  .mb7 { margin-bottom: 70px; }  .mb8 { margin-bottom: 80px; }  .mb9 { margin-bottom: 90px; }  .mb10 { margin-bottom: 100px; }  .pad0 { padding: 0px; }  .pad1 { padding: 10px; }  .pad2 { padding: 20px; }  .pad3 { padding: 30px; }  .pad4 { padding: 40px; }  .pad5 { padding: 50px; }  .pad6 { padding: 60px; }  .pad7 { padding: 70px; }  .pad8 { padding: 80px; }  .pad9 { padding: 90px; }  .pad10 { padding: 100px; }  .pt0 { padding-top: 0px; }  .pt1 { padding-top: 10px; }  .pt2 { padding-top: 20px; }  .pt3 { padding-top: 30px; }  .pt4 { padding-top: 40px; }  .pt5 { padding-top: 50px; }  .pt6 { padding-top: 60px; }  .pt7 { padding-top: 70px; }  .pt8 { padding-top: 80px; }  .pt9 { padding-top: 90px; }  .pt10 { padding-top: 100px; }  .pb0 { padding-bottom: 0px; }  .pb1 { padding-bottom: 10px; }  .pb2 { padding-bottom: 20px; }  .pb3 { padding-bottom: 30px; }  .pb4 { padding-bottom: 40px; }  .pb5 { padding-bottom: 50px; }  .pb6 { padding-bottom: 60px; }  .pb7 { padding-bottom: 70px; }  .pb8 { padding-bottom: 80px; }  .pb9 { padding-bottom: 90px; }  .pb10 { padding-bottom: 100px; }


.stoerer_2024 { position: fixed; display: block; width: 600px; height: auto; left: 50%; top: 50%; transform: translate(-50%,-50%); border: solid 5px var(--yellow); background: #fff; text-align: center; padding: 1em;
	-webkit-box-shadow: 3px 3px 14px 3px rgba(0,0,0,0.5); 
	box-shadow: 3px 3px 14px 3px rgba(0,0,0,0.5);
	transition: .5s; border-radius: 20px; z-index: 9999;
 }
.stoerer_2024 img { margin-bottom: 2em; }
.close_stoerer { position: absolute; right: 0; top: 0; background: var(--yellow); padding: 2px 6px 2px 8px; cursor: pointer; border-radius: 10px; }
.stoerer_2024.close { transition: .5s; width: 1px; height: 1px; overflow: hidden; top: 95%; left: 15px; transform: translate(0,0); border-radius: 50%; border: none; }
.stoerer_2024.close .close_stoerer { display: none; }
.stoerer_2024.close .open_stoerer { line-height: 2.2em; position: absolute; top: 0; left: 0; background: var(--yellow); width: 100%; height: 100%; }
.stoerer_2024 .open_stoerer { display: none; }
.stoerer_2024.close .stoerer_body { display: none; }
.stoerer_2024.close .open_stoerer { display: block; cursor: pointer; }

@media (max-width: 992px) {
	.stoerer_2024 { width: 90vw; }
}
@media (max-width: 600px) {
	.stoerer_2024 { top: inherit; bottom: 0; transform: translate(-50%, -5%); }

}