header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%}
:root {
	--main-width: 960px;
	--main-big-width: 1280px;
	--main-padding: 1.2rem;
	--color-back: #ebedf0;
	--color-header: #dc052d;
	--color-navi: #c60428;
	--color-main: #ffffff;
	--color-box: #f2f5f8;
	--color-box-text: #002f6c;
}

html {
	height: 100%;
}

a {
	color: var(--color-navi);
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


body {
	background-color: var(--color-back);
	height: 100%;
	font-family: Helvetica, Arial, sans-serif;
}

#header {
	background-color: var(--color-header);
	display: flex; 
    justify-content: center; 
    align-items: center;
	padding-left: var(--main-padding);
	padding-right: var(--main-padding);
	/*
	background-image: url(/files/fanclub/image/head_bg_big.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	*/
}

#navigation {
	background-color: var(--color-navi);
}

#navigation.sticky {
	position: sticky;
	top: 0;
	z-index: 500;
}

#navigation .inside {
	width: var(--main-width);
	margin: 0 auto;
	max-width: 100%;
}

#navigation ul {
	display: flex; 
	justify-content: left; 
	margin-bottom: 0;
	padding-left: var(--main-padding);
}

#navigation ul li {
	padding: 0.5rem 0;
	margin: 0.2rem 1.5rem 0.1rem 0;
	font-size: 1.2rem;
	border-top: 2px solid var(--color-navi);
	border-bottom: 2px solid var(--color-navi);
}

#navigation ul li.active,
#navigation ul li:hover {
	border-bottom: 2px solid white;
	transition: border-bottom 0.2s ease-in-out;
}

#navigation ul li strong {
	font-weight: normal;
}

#navigation ul li a,
#navigation ul li.active {
	text-decoration: none;
	color: white;

}

#navigation .logo {
	width: 50px;
	position: absolute;
	top: 0px;
	right: 0px;
	display: none;
	padding-right: 0.2rem;
}


#main .inside {
	width: var(--main-width);
	margin: 0 auto;
	max-width: 100%;
	background-color: var(--color-main);
	min-height: 17rem;
	padding-bottom: 3rem;
}

#main .center_img img {
	display: block;
	margin: auto;
}

#main p.back,
#main p.more {
	margin: 1rem 0;
}

#main p.back a,
#main p.more a {
	padding: 1rem 0;
}

#main .mod_newslist .content-text,
#main .mod_newsreader .content-text,
#main .mod_eventreader .event .ce_text,
#main .mod_eventlist .event .ce_text {
	padding-top: 1rem;
}

#main .content-text p {
	line-height: 1.3;
	/* 
	hyphens: auto;
	text-align: justify;
	*/
}

#main .content-text ul {
    list-style-type: disc;
	padding-left: 1.5rem;
}

#main .content-text ul li {
	padding-bottom: 0.3rem;
}

#main .mod_eventlist .header {
	color: var(--color-box-text);
	background-color: var(--color-box);
	border-radius: 1rem;
	margin-top: 1rem;
	padding: 1rem;
}

#main .mod_eventlist .event {
	margin-bottom: 2rem;
	padding-left: 1rem;
}

#main .mod_newslist h1 {
	font-size: 1.6667rem;
}

#main .mod_newslist .arc_1 {
	margin-bottom: 2rem;
}

#main .mod_newslist .info {
	color: var(--color-box-text);
	background-color: var(--color-box);
	border-radius: 1rem;
	margin-top: 1rem;
	padding: 1rem;
}

#main .mod_newslist h2,
#main .mod_newslist p {
	padding-left: 1rem;
}


#main .content-table {
	justify-content: center;
	align-items: center;
}

#main .content-table h2 {
	font-size: 1.3rem;
	text-align: center;
}

#main .content-table table {
	margin-left: auto;
	margin-right: auto;
	background-color: var(--color-box);
	color: var(--color-box-text);
	border-radius: 1rem;
	border-collapse: separate;
	border-spacing: 1.6rem 0.6rem;
	padding: 0.8rem 0.4rem;
}

#main div.tippspieltabelle.content-table > table > tbody > tr > td:nth-child(1),
#main div.tippspieltabelle.content-table > table > tbody > tr > td:nth-child(3) {
	text-align: right;
}

#main .content-download {
	margin: 1rem 0;
}

#main .content-download a {
	background-color: var(--color-box);
	border-radius: 1rem;
	padding: 0.6rem;
}


#main .inside .mod_article {
	padding: var(--main-padding);
}

#main .inside .mod_article.artikel_startseite {
	padding-bottom: 0px;
}

#main .inside .mod_article.startseite {
	padding-top: 0px;
}


#main .inside .mod_article.startseite .content-headline {
	color: var(--color-box-text);
	margin-top: 3rem;
}


#main .inside .mod_article.startseite .mod_newslist .layout_full  {
	position: relative;
}

#main .inside .mod_article.startseite .mod_newslist .layout_full .ico-newspaper {
	position: absolute;
	right: 1rem;
	top: 2rem;
	width: 6rem;
    height: 6rem;
	display: block;
	opacity: 0.1;
	color: var(--color-navi);
}

#main .inside .mod_article.startseite .mod_newslist h1  {
	margin-top: 0.2rem;
}

#main .inside .mod_article.startseite .mod_newslist p  {
	padding-left: 0;
}



#main .inside .mod_article.startseite .mod_eventlist {
	display: flex;
	align-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 10px 20px;
}

#main .inside .mod_article.startseite .mod_eventlist > * {
	flex: 2 40%;
}

#main .inside .mod_article.startseite .mod_eventlist .event {
	background-color: var(--color-box);
	border-radius: 1rem;
	padding: 1rem;
	margin-bottom: 0;
	color: var(--color-box-text);
	position: relative;
}

#main .inside .mod_article.startseite .mod_eventlist .event h3 {
	margin-top: 0px;
}

#main .inside .mod_article.startseite .mod_eventlist .event a {
	text-decoration: none;
	color: var(--color-box-text);
}

#main .inside .mod_article.startseite .mod_eventlist .event a:hover {
	text-decoration: none;
}

#main .inside .mod_article.startseite .mod_eventlist .event .location {
	margin-bottom: 0px;
}

#main .inside .mod_article.startseite .mod_eventlist .event .ico-calendar-big {
	position: absolute;
	right: 10px;
	top: 10px;
	height: 84%;
    display: block;
	opacity: 0.1;
}

#main .inside .clipboard_copy {
	cursor: pointer;
}

#main .inside .clipboard_copy .copy_info {
	display: none;
	background-color: lightblue;
	padding: 5px;
    border-radius: 5px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 4px 10px 0 rgba(0, 0, 0, 0.19);
}

.blinker {
	animation: blinkor 1s ease 1;
}

@keyframes blinkor {
	0% {background-color: transparent}
	50% {background-color: lightblue;}
}

#main .pagination {
	text-align: center;
	margin: 1rem 0;
}

#main .pagination p {
	padding: 0;
	font-size: 0.8rem;

}

#main .pagination ul {
	display: flex; 
	justify-content: center; 
}

#main .pagination ul li {
	margin: 0 1rem 0 0;
	font-size: 1rem;
}


#main .ce_toplink {
    bottom: 3rem;
    right: 3rem;
    position: fixed;
    display: none;
	z-index: 500;
}

#main .ce_toplink a {
    width: 3rem;
    height: 3rem;
    display: block;
    padding: 10px;
    text-align: center;
    background-color: rgba(255,255,255,.5);
    border-radius: 1rem;
    font-size: 2.2rem;
    line-height: 3rem;
    text-decoration: none;
    color: var(--color-navi);
}


/* Footer */
#footer .inside {
	width: var(--main-width);
	margin: 0 auto;
	max-width: 100%;
	display: flex;
	align-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	background-image: linear-gradient(var(--color-main), var(--color-back));
}

#footer .inside > * {
	flex: 2 40%;
	margin: 1rem auto;

	display: flex;
	align-items: center;
	justify-content: center;
}

#footer .inside .links {
	color: var(--color-navi);
	text-align: left;
}

#footer .inside .links ul {
	margin-bottom: 0px;
}

#footer .inside .links ul li {
	padding-bottom: 0.6rem;
}

#footer .inside .info {
	color: var(--color-box-text);
	text-align: left;
	display: block;
}

#footer .inside .info  p {
	margin-bottom: 0px;
	padding-bottom: 0.6rem;
}

#footer .inside .copyright {
	font-size: 0.8rem;
	text-align: center;
}




@media screen and (min-width:1300px) {
	
	#navigation .inside,
	#main .inside,
	#footer .inside {
		width: var(--main-big-width);
	}

	#main .inside .mod_article.startseite .mod_eventlist> * {
	  flex: 3 27%;
	}	

}



@media screen and (max-width:767px) {

	#header {
		height: 100%;
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}

	#navigation ul {
		display: block; 
		padding-left: 0px;
	}

	#navigation ul li {
		padding: 1rem;
		margin-right: 0;
	}

	#main .inside .mod_article.startseite .mod_eventlist > * {
	  flex: 1 100%;
	}

	#main .mod_newslist .image_container img {
		width: 5rem;
	}

	#footer .inside > * {
	  flex: 1 100%;
	  align-items: center;
	  justify-content: center;
	}

	#footer .inside .mod_customnav ul {
		text-align: center;
	}

	#footer .inside .info {
		text-align: center;
	}

	#main .ce_toplink {
    	bottom: 1rem;
    	right: 1rem;
	}

}