* {	font-family: arial; }
body {
	position: relative;
	margin: 0;
	padding: 0;
}
#header, #body, #footer, #shadow, #menum, #logo-img-cnt {
	max-width: 1200px;
	min-width: 300px;
}
#shadow, #menum, #logo-img-cnt {
	width: 92%;
}

/* ***** Header ***** */
#header {
	display: block;
	margin: 0 auto;
	padding: 0;
}
#logo-cnt {
	margin: 0;
	padding: 0;
	height: 260px;
}
#logo-img-cnt {
	position: fixed;
	margin: 25px auto 0 auto;
	height: 200px;
}
#logo-img-cnt2 {
	position: absolute;
	margin: 0 0 10px; 0;
	width: 20px;
	height: 250px;
}
#logo-img {
	position: absolute;
	top: 0;
	left: 60px;
	height: 200px;
}
#logo-img2 {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: -25px;
	height: 290px;
}
/* ***** /Header ***** */

/* ***** Nav ***** */
#menu-cnt {
	position: sticky;
	top: 0;
	margin: 0;
	padding: 0;
	z-index: 100;
}
#menu {
	display: flex;
	padding: 10px 0px;
	flex-flow: row wrap;
	justify-content: space-between;
	align-content: center;
	font-size: smaller;
}
#menum {
	display: none;
	position: fixed;
	top: 0;
	margin: 0;
	padding: 0;
	z-index: 8;
}
#menum div {
	padding: 8px;
}
.me, .fme {
	margin: auto;
	padding: 6px;
	font-weight: bold;
}
.me {
	border-right: solid 1px lightblue;
	position: relative;
}
.msub {
	display: none;
	position: absolute;
	background: #2799D1;
	margin: 5px 0;
	padding: 20px;
	min-width: 150px;
	right: -21px;
	border: solid 1px;
	border-radius: 0 0 10px 10px;
}
.me:hover .msub {
	display: block;
}
.me a {
	text-decoration: none;
}
#kontakt-cnt {
	width: 30px;
	position: absolute;
	top: 5px;
	right: -50px;
	padding: 0;
}
#kontakt-cnt > a > img  {
	width: 30px;
	height: 30px;
}
/* ***** /Nav ***** */

/* ***** Footer ***** */
#footer {
	padding: 10px;
}
#footer a {
	text-decoration: none;
}
#kontakt2-cnt {
	display: none;
}
/* ***** /Footer ***** */

/* ***** Content ***** */
#body {
	position: relative;
	margin: 0 auto;
	padding: 0;
	opacity: 0.95;
}
#initiatoren-cnt,#vertrauenspersonen-cnt,#aufruf-cnt,#material-cnt,#unterschriften-cnt,#spenden-cnt {
	position: relative;
	display: block;
}
.cont {
	margin: 0 50px 30px 50px;
	padding: 15px 0;
}
.cheader {
	margin: 0;
	padding: 6px;
	text-align: center;
	font-size: x-large;
}
.ccontent {
	margin: 0;
	padding: 0 40px;
}
.dist {
	margin-top: -50px;
	position: absolute;
}
.cgrid {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fill, 300px);
}
.sp3 {
	grid-column-start: span 2;
}
.sp2 {
	grid-column-start: span 2;
}
.news {
	border: 0;
	border-bottom: solid 1px #0C7BA3;
	padding-bottom: 16px;
	margin-bottom: 10px;
}
.news2 {
	display: grid;
	grid-template-columns: 1fr 45px;
}
.inlink {
	float: left;
	margin: 25px 50px 0 0;
	padding: 0;
	text-transform: uppercase;
}
.inlink img {
	max-height: 80px;
}
.nul {
	border-bottom: solid 1px #0C7BA3;
	padding-bottom: 10px;
	margin-bottom: 3px;
}
h3.newsH {
	margin-bottom: 0;
}
.newsmetasmall {
	font-size: smaller;
	margin-bottom: 15px;
	direction: rtl;
}
.newsmetasmall > span {
	width: 33%;
}

 .flextable {
	display: grid;
	grid-template-columns: repeat( auto-fit, minmax(300px, auto) );
 }
 .flexcol-ctn {
	margin: 0;
	padding: 0;
	min-width: 300px;
 }
 .flexcol {
	margin: 10px 35px;
 }
 .flexcol ul {
	margin-left: 0;
	padding-left: 10px;
 }

/* ***** /Content ***** */
.hlogo{
background: lightblue;
padding: 2px;
margin: -2px;
}

#shadow {
	margin: 0 auto;
	paddin: 0;
	border-left: solid 1px;
	border-right: solid 1px;
	border-bottom: solid 1px;
	box-shadow: 0 0 15px 0 #2799D1;
}
.h {
	font-size: larger;
}
.b {
	font-weight: bold;
}
.cl {
	clear: both;
}
.hide {
	display: none;
}
.imgpdf{
	float: left;
}
a:not([class="ax"],[class="littlea"]), #logo-img-cnt, .cheader {
	text-transform: uppercase;
}
.nowrap {
	white-space: nowrap;
}
.maximg {
	max-width: 50%;
}

#up {
	position: fixed;
	bottom: 2px;
	right: 25%;
}
.tsm {	display: none; }

/* ***** colors ***** */
/*	#0C7BA3 	#2799D1 */
body, #menum div, #footer {
		color: white; /*#2799D1;*/
}
body {		background-color: white; }
a {		color: lightblue; } /*#3C5Bef;*/
a:visited {		color: lightblue; }
#body, #menu, .cont:not([id="logo-cnt"]) {
		background-color: #2799D1; }
#header,#body,#shadow {
		border-color: #2799D1; }
#header {		background-color: lightblue; }
#body {		color: white; }
#menum div, .cheader, #footer {
		background-color: #0C7BA3; }
/* ***** //colors ***** */
/* ***************************************************************************************************************************************************** */
/* ***************************************************************************************************************************************************** */

/* ***** screensizes ***** */

@media only screen and (max-width: 1200px) {
#logo-img2 {
	height: 250px;
}
}
@media only screen and (max-width: 1150px) {
#logo-img2 {
	height: 240px;
}
}
@media only screen and (max-width: 1120px) {
#logo-img2 {
	height: 230px;
}
}
@media only screen and (max-width: 1110px) {
#logo-img2 {
	height: 220px;
}
}
@media only screen and (max-width: 1100px) {
#logo-img2 {
	height: 200px;
}
}
@media only screen and (max-width: 1050px) {
#logo-img2 {
	display: none;
}
}

@media only screen and (max-width: 800px) {
.sp3 {
	grid-column-start: span 1;
}
.sp2 {
	grid-column-start: span 1;
}
#kontakt-cnt {
	display: none;
 }
#kontakt2-cnt {
	display: block;
	background: white;
	padding: 4px 7px;
	margin: 0;
 }
#kontakt2-cnt > a > img  {
	width: 28px;
}
 #logo-cnt {
	height: 190px;
 }
 #logo-img,#logo-img-cnt {
	height: 150px;
 }

 #menu-cnt {
	height: 10px;
 }
 #menu {
	z-index: 10;
 }
 #logo-cnt {
	margin-top: 35px;
 }
} /* @media only screen and (max-width: 800px) */

@media only screen and (max-width: 640px) {
 #logo-cnt {
	height: 160px;
 }
 #logo-img, #logo-img-cnt {
	height: 120px;
 }
 #menu-cnt {
	height: 10px;
 }
 #logo-cnt {
	margin-top: 10px;
 }

 #menu {
	display: none;
	position: fixed;
	top: 5px;
	left: 30px;
	width: 56%;
	text-align: center;
	font-size: medium;
	border: solid 1px #2799D1;
 }
 #menum {
	display: block;
 }
.msub {
	position: relative;
	display: block;
	margin:  auto 5px auto 50px;
	padding: 0;
	right: -10px;
	border: 0;
	border-bottom: solid 1px;
	border-radius: 0;
}
 #menu-cnt:hover #menu {
	display: block;
 }
 #wbp {
	height: 40px;
 }
} /* @media only screen and (max-width: 640px) */

@media only screen and (max-width: 540px) {
.cont {
	margin: 0 	5px 20px 5px;
}
 .flextable {
	grid-template-columns: repeat( auto-fit, minmax(300px, auto) );
 }
 .flexcol-ctn {
	margin: 0;
	padding: 0;
	min-width: 300px;
 }
 .flexcol {
	margin: 5px 0;
	padding: 8px;
 }
.flexcol h2 {
	margin-bottom: 0;
}
 #logo-cnt {
	height: 140px;
 }
 #logo-img, #logo-img-cnt {
	height: 100px;
 }
 #menu-cnt {
	height: 10px;
 }
 #logo-cnt {
	margin-top: 10px;
 }
} /* @media only screen and (max-width: 540px) */

@media only screen and (max-width: 450px) {
 .tsm {
	display: inline;
 }
 #logo-cnt {
	height: 120px;
 }
 #logo-img,  #logo-img-cnt {
	height: 80px;
 }
 #menu-cnt {
	height: 10px;
 }
 #logo-cnt {
	margin-top: 20px;
 }
} /* @media only screen and (max-width: 450px) */