@charset "utf-8";
/* CSS Document */
body{margin: 0px;padding: 0px;font-family: sans-serif;font-size: 1.1em;background: url("background.png") }
body *{box-sizing: border-box}
a:focus {outline: 1px solid #000}
section p{line-height: 1.4em}
h1{font-size: 2em;color: #CC0000}
h2{color:#3794F7 }
header{text-align: center;background: #fff;padding: 0; margin:0}
nav{padding: 0em;margin: 0;text-align: center;border-bottom: 2px solid #6B037E;background: #AF04A3;color:#fff}
nav a, nav a:visited{color: #fff;margin: 0em;padding: 1em;display: inline-block;font-weight: bold}
nav a:focus, nav a:hover{;color: #ED09A5;background: #fff}
section#inhalt{padding: 1em 5em;background: #FBEE9A;width: 98%;max-width: 1200px;margin: 0 auto;background: #fff;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
section#kontakt{font-size: 0.85em;text-align: center;padding: 1em;padding-bottom:5em;;background: #ed7fd0}
footer{text-align: center;font-size: 0.95em;position: fixed;bottom: 0;width: 100%;padding: 0.5em;background: #3767fa;}
section#kontakt h2{color:#1b0290}
.roundbox{margin: 1em auto; border-radius: 25px;padding: 1em}
.roundbox h1{font-size: 1.8em}
.bg_gruen{background: #ccc}
.bg_rot{background: #ccc}

a.stck {margin: 0.75em;color:#000;display: block;box-sizing: border-box;padding:1em; background-size: contain;font-size: 1.5em;font-weight:bold;background-position: right center;background-repeat: no-repeat}

a.stck:focus{outline: 5px solid #c00}
a.stck:hover{outline: 3px solid #3794F7}
a.stck span{font-size:0.5em;font-weight: normal}
.nl{display: none}
.autor{font-size: 0.65em;color:#000}
.deko{border-bottom: 2px dotted #000;padding: 0.5em 0 0 0;margin: 0 0 1.5em 0}
.stuecke h3{margin-top: 2em;overflow:hidden}
.stck_txt{width: 58%;margin: 0 1em 0 0 ;float:left}
.stck_info{width: 30%;margin: 1em 0;float:right;text-align:right}
.stck_info img{width: 100%;height: auto}

/* FLEX `*/
.flex_container{
	display: flex;
	justify-content:  space-between;
	align-items: stretch;
	gap: 50px }
.flex_center{align-content: center}
.flex_item{flex-grow: 1;}
.w30{width: 30%}
.w40{width: 40%}
.w50{width: 50%}
.w60{width: 60%}
.w35{width: 35%}
.w45{width: 45%}
.w55{width: 55%}
.w65{width: 65%}
.flex_index{flex-direction: row-reverse;}
.karten_kaufen{text-align:center;padding: 0;box-sizing: border-box;background: rgba(5,175,103,0.25);
margin-top: 1.5em;border-radius: 25px;padding-bottom: 1.3em}
.karten_kaufen h1{font-size: 1.25em;color: #fff;margin: 0 auto;background:#004f00;padding:0.75em 0.5em;border-radius: 25px 25px 0 0}
.karten_kaufen p{;color: rgba(200,0,0,1);font-weight: bold;font-size: 1.4em;margin: 0.1em auto}
.preview{width: 100%;height: auto}

.btn_karten{display: inline-block;padding: 1em; border-radius: 25px;text-align: center;background: #c00;width: 100%;margin: 1em 0;font-weight: bold;color: #fff}
.btn_karten:hover,.btn_karten:focus{outline: 1px solid #000;border-radius: 0;background:#AF04A3; }
.news{padding: 0.5em  0.75em;box-sizing: border-box;margin: 0 0 2em 0}
.news h2{color: #300;border-bottom: 1px solid #ccc;margin: 0.3em auto}
.image100{width: 100%; height:auto}
footer a{display: inline-block;padding: 0.3em 0.7em;color: #fff;margin: 0.1em 0.7em}
footer a:hover{background: #fff;color: #D00AA4}
footer a:focus {outline: 1px solid #000;background: #fff;color: #D00AA4}
#top{position:absolute;padding: 0.3em}
.prog{padding: 1em;width: 100%;margin: 1em auto;overflow:hidden}
.prg_date{margin: 0.25em auto;padding: 0.25em;font-weight: bold}
.prog p, .prog h2{margin:0.25em auto;}
.prog h2{color:#600;padding: 0.15em 0.25em 0em }
.prog p a{display: inline-block;padding: 0.25em;color: #000}
.prog p.nach{padding: 0em 0.25em 0.25em}
.prog p a{background: rgba(255,255,255,0.4)}
.prog p a:hover{background: #fff;color: #600}
.prog p a:focus{outline:1px solid #f00;background: #fff;color: #600}
.prog_bestellen{float:right}
.soldout{background: #600;color: #fff;display: inline-block;padding: 0.25em;}
.prog_info{}
.stck_info_zstz{text-align: left}
blockquote{margin: auto;font-style: italic}
.zitat_quelle{text-align:right;margin-bottom: 1.75em}
.img_wide{width:100%;height: auto}
.fb_bottom{margin: 1em auto}
.ih{text-align:center;margin: 2em auto}
.ih img{width:60%;height: auto;max-width: 200px}
.downloads img{width: 100%;height: auto}
.downloads a img{width: 100%;height: auto}
.downloads a{margin: 2em auto;display: inline-block;border: 1px solid #ccc}
.lnk_info_stck{display: block;padding: 1em; border-radius: 25px;text-align: center;background: #5fe2dd;;font-weight: bold;color: #5f4f63;margin: 0.5em 1em 0em 1em;box-sizing: border-box;font-size:0.85em}

.lnk_buy_stck{display: block;padding: 1em; border-radius: 25px;text-align: center;background: #5fe2dd;;font-weight: bold;color: #5f4f63;margin: 0.1em 1em;box-sizing: border-box;font-size:0.85em}
.lnk_buy_stck:hover, .lnk_info_stck:hover{background: #5f4f63;color: #5fe2dd}

.foerderer h3{margin-bottom:0.24em;border-bottom: 1px solid; color:#c00;font-size:0,95em}
.appstore_link{width: 80%;height: auto;margin: auto;max-width: 250px}
.more-top{margin-top: 2em}
.small{font-size:0.85em}
.fdr{font-size: 0.95em}
.fdr img{width: 100%;height: auto;margin: auto;max-width: 250px}
.fdr a{margin-bottom: 2em;display: block}




@media screen AND (max-width: 1024px){
	.prog_bestellen{float:none;width:100%;margin: 0.4em ;padding: 0.6em}
.prog_info{width: 100%;margin: 0.4em;padding: 0.6em}
	a.stck{background-position: 2500px 2500px}
}


@media screen AND (max-width: 900px){
	header img{width: 33%;height: auto}
	nav a{padding: 0.4em}
	section#inhalt{padding: 1em}
	h1{font-size: 1.55em;color: #CC0000}
h2{font-size: 1.35em }
	h3{font-size: 1.25em }
	p{font-size: 0.95em}
	.flex_container{display: block}
.w30{width: 100%}
.w40{width: 100%}
.w50{width: 100%}
.w60{width: 100%}
.w35{width: 100%}
.w45{width: 100%}
.w55{width: 100%}
.w65{width: 100%}
	.prog{padding: 0.3em}
	footer a{display: inline-block;padding: 0.3em 0.4em;color: #fff;margin: 0.2em 0.3em}

	.stck_txt{width: 100%;margin: 0 1em 0 0 ;float:none}
.stck_info{width: 100%;margin: 5em 0;float:none;text-align: center}
	.stck_info img{max-width: 300px}
	.stck_info_zstz{width: 100%;max-width: 400px;margin: 0 auto;text-align:left}
	
}