/* Planet Comic FORMAT v0.8 (Stilisierungsgrundgerüst, CSS 2.1), kompiliert am 09.02.2025
   Zu verwenden mit: Planet Comic DIKTION v0.9; Planet Comic Website v0.5.
*/      
   Dieses CSS-Stildokument verwendet folgende Werke öffentlicher Domäne: 
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
/*ol, ul {
	list-style: none;
}*/

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* Abrufinformationen für Stilbestandteile */

@font-face { font-family: "Tilt-Warp";
	src: url("../fonts/Tilt-Warp.eot") format("embedded-opentype"); /* IE9+ */
	src: url("../fonts/Tilt-Warp.eot?#iefix") format("embedded-opentype"), /* IE6 */
		 url("../fonts/Tilt-Warp.woff") format("woff"), /* Sonstige */
		 url("../fonts/Tilt-Warp.ttf") format("ttf"), /* Android Browser 4.0; Sonstige */
		 url("../fonts/Tilt-Warp.svg") format("svg"); /* iOS 8 Safari und niedriger */
		 }
		 
@font-face { font-family: "HedvigLetters";
	src: url("../fonts/HedvigLetters.eot") format("embedded-opentype"); /* IE9+ */
	src: url("../fonts/HedvigLetters.eot?#iefix") format("embedded-opentype"), /* IE6 */
		 url("../fonts/HedvigLetters.woff") format("woff"), /* Sonstige */
		 url("../fonts/HedvigLetters.ttf") format("ttf"), /* Android Browser 4.0; Sonstige */
		 url("../fonts/HedvigLetters.svg") format("svg"); /* iOS 8 Safari und niedriger */
		 }
		 		 
@font-face { font-family: "Planet Comic Quirkyy";
	src: url("../fonts/PlanetComicQuirkyy2.eot") format("embedded-opentype"); /* IE9+ */
	src: url("../fonts/PlanetComicQuirkyy2.eot?#iefix") format("embedded-opentype"), /* IE6 */
		 url("../fonts/PlanetComicQuirkyy-Regular.woff") format("woff"), /* Sonstige */
		 url("../fonts/PlanetComicQuirkyy-Regular.ttf") format("ttf"), /* Android Browser 4.0; Sonstige */
		 url("../fonts/PlanetComicQuirkyy-Regular.svg") format("svg"); /* iOS 8 Safari und niedriger */
		 }
		 
/*@font-face { font-family: "Octarine";
	src: url("../fonts/Octarine-Bold.eot") format("embedded-opentype"); /* IE9+ 
	src: url("../fonts/Octarine-Bold.eot?#iefix") format("embedded-opentype"), /* IE6 
		 url("../fonts/Octarine-Bold.woff") format("woff"), /* Sonstige 
		 url("../fonts/Octarine-Bold.ttf") format("ttf"), /* Android Browser 4.0; Sonstige 
		 url("../fonts/Octarine-Bold.svg") format("svg"); /* iOS 8 Safari und niedriger 
		 }*/

/*@font-face { font-family: "Open Sans";
	src: url("../fonts/OpenSans-Regular.eot") format("embedded-opentype"); /* IE9+ 
	src: url("../fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), /* IE6 
		 url("../fonts/OpenSans-Regular.woff") format("woff"), /* Sonstige 
		 url("../fonts/OpenSans-Regular.ttf") format("ttf"), /* Android Browser 4.0; Sonstige 
		 url("../fonts/OpenSans-Regular.svg") format("svg"); /* iOS 8 Safari und niedriger 
		 }*/

/* Stilisierungssektion für allgemeine Seitenformatierung; Zusätze in der "Style"-Sektion des jeweiligen HTML-Dokumentes*/

#wrapper {width:95%; background-color:#fff; margin:0 auto;}

#logo-section img {width:20%; height:auto; text-align:left; padding:25px 0 25px 0; max-width:none;}

#nav-bar {float: left; position: relative; width:100%;}
#nav-bar-links {background-color: #00a2e8; clear:both; width:100%; margin:0 auto; padding:0px 0 5px 0; text-align:center;
				float:left; position:relative;}
#nav-bar-links ul {display:inline; padding:10px 0; margin:0 auto;}
#nav-bar-links ul li {font-family:"Tilt-Warp", Open Sans, Candara, Arial; 
						font-size:32px; line-height:100%; display:inline;}
#nav-bar-links ul li a {float:left; padding:50px 50px;  text-align:center;}

#nav-bar-links ul li a img {float:left; height:100px; width:auto; clear:right;}

#nav-bar a:link {color:#fff; background-color:#00a2e8; text-decoration:none;}
#nav-bar a:visited {color:#fff; background-color:#00a2e8; text-decoration:none;}
#nav-bar a:active {color:#00a2e8; background-color:#fff;text-decoration:blink;}
#nav-bar a:hover {color:#00a2e8; background-color:#fff; text-decoration:none;}
#nav-bar a:focus {color:#fff; background-color:#00a2e8; text-decoration:none;}

#banner img {clear:both; width:100%; height:auto; display:block; margin:0 auto; border-bottom: 7px #ffc90e solid;}

#heading h1 {font-family:"Tilt-Warp", Open Sans, Candara; font-size:80px; text-align:center;
			padding:25px 0 20px 0; border-bottom:5px #00a2e8 dotted; clear:both; text-transform:uppercase;}

#content-section {padding:0 10px 0 10px; }
#content-section h1 {font-family:"HedvigLetters","Open Sans", Sans, Candara; font-size:40px; 
				 padding:30px 0 10px 0; line-height:120%; }

#content-section-textblock {width:auto; margin: 0 auto; font-family:"HedvigLetters", Verdana, Geneva, Tahoma, sans-serif; padding: 10px; }
#content-section-textblock h1 {font-family:"Tilt-Warp","Open Sans",Verdana, sans-serif; font-size:38px; 
								line-height:160%;}
#content-section-textblock h2 {font-family:HedvigLetters; font-size:32px; line-height:145%; font-weight:900; padding: 0 0 15px 0}
#content-section-textblock p {font-family:"HedvigLetters"; font-size:29px; line-height:130%; padding:0 0 22px 0px;}
#content-section-textblock a {font-family:inherit; color:#00a2e8; text-decoration:underline; font-size:29px;}

#content-section-textblock a:link {color:#00a2e8; text-decoration:underline;}
#content-section-textblock a:visited {color:#741cbc; text-decoration:underline;}
#content-section-textblock a:active {color:#00a2e8; text-decoration:blink;}
#content-section-textblock a:hover {color:#00a2e8; text-decoration:underline;}
#content-section-textblock a:focus {color:#00a2e8; text-decoration:underline;}

#content-section-links {display:block; width:30%; float:right; padding: 15px; margin: 15px; 
						border: 2px #fff solid; background-color:#741cbc;}
#content-section-links h2 {font-family:"Tilt-Warp", "Open Sans", Candara, Arial; font-size:30px; 
							text-decoration:none; color:#fff;}
#content-section-links ul { padding:10px 5px 10px 5px; list-style-type:none;}
#content-section-links ul li {font-family:"HedvigLetters", "Open Sans", Candara, Arial; font-size:25px; 
								line-height:160%; padding:15px 0; color:#fff; 
								border-bottom: 3px #fff solid; margin: 5px;}
								
#content-section-links ul li a:link {color:#fff; text-decoration:none;}
#content-section-links ul li a:visited {color:#fff; text-decoration:none;}
#content-section-links ul li a:active {color:#fff; text-decoration:none;}
#content-section-links ul li a:hover {color:#fff; text-decoration:underline;}
#content-section-links ul li a:focus {color:#fff; text-decoration:none;}

/*Infokästchen*/

#info hr {margin:10px 0; height:5px; clear:both; background-color:#741cbc;}

#info-text {float:right; width: 94%;}
#info-text h3 {padding:15px 0 12px 0; font-family:Tilt-Warp; font-size:23px; font-style:normal;}
#info-text p {padding:15px 0 25px 0; font-size:20px; line-height:110%; font-family:HedvigLetters;}
#info-text a {font-size:20px}

#info-text ol {font-size:20px; line-height:110%; font-family:HedvigLetters; list-style:circle inside; padding:12px 0 24px 0;}
#info-text ol li {}

#info-symbol {float:left; width:4%; min-width:45px;}
#info-symbol img {height:35px; width:35px; padding:8px 5px 8px 5px;}

/*Duplikate für Seiten mit mehreren Infokästchen*/

#info1 hr {margin:10px 0; height:5px; clear:both; background-color:#741cbc;}

#info-text1 {float:right; width: 94%;}
#info-text1 h3 {padding:15px 0 12px 0; font-family:Tilt-Warp; font-size:23px; font-style:normal;}
#info-text1 p {padding:15px 0 25px 0; font-size:20px; line-height:110%;}
#info-text1 a {font-size:20px}

#info-symbol1 {float:left; width:4%; min-width:45px;}
#info-symbol1 img {height:35px; width:35px; padding:8px 5px 8px 5px;}

#info2 hr {margin:10px 0; height:5px; clear:both; background-color:#741cbc;}

#info-text2 {float:right; width: 94%;}
#info-text2 h3 {padding:15px 0 12px 0; font-family:Tilt-Warp; font-size:23px; font-style:normal;}
#info-text2 p {padding:15px 0 25px 0; font-size:20px; line-height:110%;}
#info-text2 a {font-size:20px}

#info-symbol2 {float:left; width:4%; min-width:45px;}
#info-symbol2 img {height:35px; width:35px; padding:8px 5px 8px 5px;}

#info3 hr {margin:10px 0; height:5px; clear:both; background-color:#741cbc;}

#info-text3 {float:right; width: 94%;}
#info-text3 h3 {padding:15px 0 12px 0; font-family:Tilt-Warp; font-size:23px; font-style:normal;}
#info-text3 p {padding:15px 0 25px 0; font-size:20px; line-height:110%;}
#info-text3 a {font-size:20px}

#info-symbol3 {float:left; width:4%; min-width:45px;}
#info-symbol3 img {height:35px; width:35px; padding:8px 5px 8px 5px;}

#info4 hr {margin:10px 0; height:5px; clear:both; background-color:#741cbc;}

#info-text4 {float:right; width: 94%;}
#info-text4 h3 {padding:15px 0 12px 0; font-family:Tilt-Warp; font-size:23px; font-style:normal;}
#info-text4 p {padding:15px 0 25px 0; font-size:20px; line-height:110%;}
#info-text4 a {font-size:20px}

#info-symbol4 {float:left; width:4%; min-width:45px;}
#info-symbol4 img {height:35px; width:35px; padding:8px 5px 8px 5px;}

#info5 hr {margin:10px 0; height:5px; clear:both; background-color:#741cbc;}

#info-text5 {float:right; width: 94%;}
#info-text5 h3 {padding:15px 0 12px 0; font-family:Tilt-Warp; font-size:23px; font-style:normal;}
#info-text5 p {padding:15px 0 25px 0; font-size:20px; line-height:110%;}
#info-text5 a {font-size:20px}

#info-symbol5 {float:left; width:4%; min-width:45px;}
#info-symbol5 img {height:35px; width:35px; padding:8px 5px 8px 5px;}

/*Hinweiskästchen*/

#alert hr {margin:10px 0; height:5px; clear:both; background-color:#741cbc;}

#alert-text {float:right; width: 94%;}
#alert-text h3 {padding:15px 0 12px 0; font-family:Tilt-Warp; font-size:23px; font-style:normal;}
#alert-text p {padding:15px 0 25px 0; font-size:20px; line-height:110%;}
#alert-text a {font-size:20px}

#alert-symbol {float:left; width:4%; min-width:45px;}
#alert-symbol img {height:35px; width:35px; padding:8px 5px 8px 5px;}

/**/

img.pp {float:right; width:20%; height:auto; padding:22px;}

#spenden {padding: 19px 0;border-bottom:5px #f6ba87 solid; border-top:5px #f6ba87 solid; margin:5px 0;}
#spenden img {float:left; height:35px; width:35px; clear:right; padding:17px 0 0 0;}
#spenden a {font-size:35px; padding: 0 10px; line-height:175%;}
#spenden hr {margin:10px 0 10px 0; clear:both; background-color:#f08ba6; width:5px;}

#footer {clear:both; padding:5px 0; background-color:#318cff; color:#fff; text-align:center; padding: 10px 0; 
		margin:0; width:100%;}
#footer p {font-family:"HedvigLetters", Candara; font-size: 20px; font-weight:900; display:block; margin:20px; line-height:120%;}
#footer a {color:#fff; padding:10px 0 0 0;}

#alertbanner {clear:both; padding:5px 0; background-color:#000; color:#a79aff; text-align:center; padding: 10px 0; 
		margin:0 0 20px 0; width:100%;}
#alertbanner a {font-family:"Tilt-Warp", Candara; font-size: 35px; display:block; margin:10px; line-height:120%; 
				text-decoration:none; color:#a79aff;}

#icon {font-family:", Icons, "; font-size:inherit;}

#social {padding: 19px 0;border-bottom:5px #f08ba6 solid; border-top:5px #f08ba6 solid; margin:5px 0;}
#social img {float:left; height:35px; width:35px; clear:right; padding:17px 0 0 0;}
#social a {font-size:35px; padding: 0 10px; line-height:175%;}
#social hr {margin:10px 0 10px 0; clear:both; background-color:#f08ba6; width:5px;}

#helden {font-style:inherit; font-size:25px; font-family:HedvigLetters;}
#helden ul {list-style-type:disc}
#helden ul li {display:inline;padding:10px; margin:0 auto; }

#download-links a {line-height:250%;}
#download-links img {padding:25px 0 0 0;}

#info-sektion-gesindex {padding: 19px 0 0 0; border-top:3px #318cff dotted; margin: 5px 0;}
#info-sektion-gesindex img {float:left; height:35px; width:35px; clear:right; padding:25px 0 0 0;}
#info-sektion-gesindex a {font-size:40px; padding: 0 10px; line-height:200%; 
							font-family:HedvigLetters; color:#f08ba6; }
#info-sektion-gesindex hr {margin:10px 0 10px 0; clear:both; background-color:#f6ba87;}