body { width:100vw; min-width:300px; height:100vh; padding:0; border:0; margin:0; background:transparent; box-sizing:border-box; }


@font-face {
    font-family: 'comic_relief_lrsregular';
    src: url('kulfonts/comicrelieflrs.woff2') format('woff2'),
         url('kulfonts/comicrelieflrs.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	}

@font-face {
    font-family: 'taylor_sans_bold_lrsbold';
    src: url('kulfonts/taylorsansboldlrs.woff2') format('woff2'),
         url('kulfonts/taylorsansboldlrs.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	}

.kopffeld {
	background: #ffffff;
  	text-align: center;
  	width: 100vw;
	height: auto;
	max-height: 200px;
	border:0;
	margin:0;
	padding:0;
  	}

.titelbild {
  	width: 100%;
  	max-width: 1200px;
	height: auto;
	max-height: 200px;
	border: 0;
	margin: 0;
	padding: 0;
	}

.menufeld {
	width:100vw; 
	height:90px; 
	background:#406090;	  	
	display: table-cell;
  	vertical-align: middle;
  	text-align: center;
	background: #406090;
	}

.menutext {
	width: 100vw;
	height: 70px;
  	text-align: center;
	max-height: 100px;
	background: #406090;
	padding: 0px;
	margin: 0 auto;
	font-family: taylor_sans_bold_lrsbold, Verdana, Arial;
	font-size: 32px;
	color: #ffffff;
	border:0;
	}

.fussfeld {
  	display: table-cell;
  	vertical-align: middle;
  	text-align: center;
	width: 100vw;
	height: 90px;
	max-height: 100px;
	background: #406090;
	font-family: taylor_sans_bold_lrsbold, Verdana, Arial;
	font-size: 18px;
	color: #ffffff;
	}

.spruch {
	margin-top:30px;
	margin-bottom:30px;
	width:100%;
	max-width:1200px;
	height:auto;
	max-height:100px;
	margin-top:50px;
	margin-bottom:50px;
	}	

.meldung {
	width:80%;
	max-width:800px; 
	border:3px solid #000000; 
	background-color:#ffffff; 
	border-radius:10px; 
	font-family: comic_relief_lrsregular, Comic Relief LRS, Comic Sans MS, Verdana;
	font-size:18px;
    color: #406090;
    text-align: left;
    padding: 20px;
    box-shadow:3px 3px 3px #888;
    margin-left:auto;
    margin-right:auto;
	}

.zustimmung {
	width: 100%;
	height: 60px;
    color: #ffffff;
    border: 3px solid #000000;
	border-radius:5px; 
    font-family: comic_relief_lrsregular, Comic Relief LRS, Comic Sans MS, Verdana;
    text-align: center;
    font-size: 20px;
    background-color: #406090;
    padding: 10px;
    transition: all 1s ease;
    letter-spacing:3px;
	}
.zustimmung:hover {
    color: #406090;
    background-color: #D0DCE0;
    border: 3px solid #000000;
    transition: all 1.5s ease;
    text-transform: uppercase;
	cursor:pointer;
	}

.quadrat {
	width: 50px;
	height: 50px;
	background-color: #D0DCE0;
	border-radius: 5px;
	border: 2px solid #ffffff;
	margin: 10px;
	box-shadow: 2px 2px #888;
	-webkit-transition: border-radius 0.5s ease-out;
	-moz-transition: border-radius 0.5s ease-out;
	-o-transition: border-radius 0.5s ease-out;
	transition: border-radius 0.5s ease-out;
	}

.quadrat:hover {
	background-color: #D0DCE0;
	border: 2px solid #000000;
	cursor: pointer;
	border-radius: 50%;
	-webkit-transition: border-radius 0.5s ease-out;
	-moz-transition: border-radius 0.5s ease-out;
	-o-transition: border-radius 0.5s ease-out;
	transition: border-radius 0.5s ease-out;
	}

.impressum {
	width: auto;
	max-width: 1200px;
	height: auto;
	background: #D0DCE0;
	padding: 30px;
    margin-left:auto;
    margin-right:auto;	
	font-family: comic_relief_lrsregular, Comic Relief LRS, Comic Sans MS, Verdana;
	font-size: 18px;
	text-align: left;
	border: 0;
	}

.bildfeld {
	width: 100%;
	height: auto;
	background: #D0DCE0;
	margin-bottom: 50px;
	text-align: left;
	font-family: comic_relief_lrsregular, Comic Relief LRS, Comic Sans MS, Verdana;
	font-size: 18px;
	float: left;
	border: 0;	
	}

.bildrahmen {
	width: auto;
	max-width: 1200px;
	height: auto;
	background: #D0DCE0;
	padding: 30px;
    margin-left:auto;
    margin-right:auto;	
	font-family: comic_relief_lrsregular, Comic Relief LRS, Comic Sans MS, Verdana;
	font-size: 18px;
	text-align: center;
	border:0;
	}

.bilder {
	width:100px;
	height: auto;
	border: 5px solid #406090;
	background: #ffffff;
	margin:5px;
	box-shadow: 2px 2px 3px #888;
	transition: transform 1s ease;
	}	
.bilder:hover {
	border-color: #406090;
	transform: scale(1.3);
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3);
	transform-origin: center;
	transition: transform 1s ease;
	cursor:pointer;
	}	

.bilder2 {
	height: auto;
	width:50px;
	max-width:150px;
	border: 10px solid #406090;
	background: #ffffff;
	box-shadow: 2px 2px 2px #888;
	}	
.bilder2:hover {
	border-color: #406090;
	border-radius: 50%;
	cursor:pointer;
	}	

.bilder3 {
	height: auto;
	width:150px;
	border: 0;
	box-shadow: 2px 2px 2px #888;
	float:left;
	margin-right:10px;
	}	

.thema {
	width:100vw; 
	background:#D0DCE0; 
	text-align:center;
	margin-left:auto; 
	margin-right:auto; 
	height:auto;
	border:0;
	}

.buchrahmen {
	width: auto;
	max-width: 1200px;
	height: auto;
	background: #D0DCE0;
	padding: 30px;
    margin-left:auto;
    margin-right:auto;	
	text-align: left;
	font-family: comic_relief_lrsregular, Comic Relief LRS, Comic Sans MS, Verdana;
	font-size: 18px;
	text-align: left;
	border:0;
	}

.titelfeld {
	width: 100%;
	height: auto;
	background: #D0DCE0;
	margin-bottom: 20px;
	text-align: left;
	font-family: comic_relief_lrsregular, Comic Relief LRS, Comic Sans MS, Verdana;
	font-size: 18px;
	float: left;
	border: 0;	
	}

.titelzeile {
	width: 100%;
    text-align: left;
	color: #000000; 
	font-family: taylor_sans_bold_lrsbold, Taylor Sans Bold LRS, Arial Black; 
	font-size:32px; 
	text-shadow: 0px 2px 0px #ffffff, 1px 3px 1px #D0DCE0, 2px 3px 2px #888, 3px 3px 3px #406090;
	}

.titelzeile2 {
	width: 100%;
	height: 70px;
  	text-align: center;
	max-height: 100px;
	background: #D0DCE0;
	font-family: taylor_sans_bold_lrsbold, Verdana, Arial;
	text-shadow: 0px 2px 0px #ffffff, 1px 3px 1px #D0DCE0, 2px 3px 2px #888, 3px 3px 3px #406090;
	font-size: 32px;
	color: #000000;
	border: 0;
	}

.titelzeile3 {
	width: 100%;
	height: auto;
  	text-align: left;
	background: #D0DCE0;
	font-family: taylor_sans_bold_lrsbold, Verdana, Arial;
	text-shadow: 0px 2px 0px #ffffff, 1px 3px 1px #D0DCE0, 2px 3px 2px #888, 3px 3px 3px #406090;
	font-size: 32px;
	color: #000000;
	border: 0;
	}