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%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
body {
    background-color: #ececec;
    margin: 0;
    padding-top: .5em;
    padding-bottom: .5em;
    /* color: #333333; */
    font-family: "Arimo", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    font-size: 0.875rem;           /* 16px Basis */

}

#wrapper {
    width: 880px;
    /* max-width: 100%; */
    margin: 0 auto;
    background-color: #fff;
    padding: 0 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07);
    border-radius: 4px;             /* ganz leichte Abrundung */
    overflow: hidden;               /* verhindert Ausreißer bei Kind-Elementen */
}

#right {
    width:200px;
}

#container {
    padding-right:200px;
}

#main {
    width:100%;
    position:relative;
    float:left;
    font-size:1em;
    line-height:1.5;
    font-weight:normal;
    color:#444;
}
#main .inside {
    margin-right:1.5em;
    margin-left:1.5em;
}
#footer {
    margin-top:1.5em;
    padding-top:1.5em;
    padding-bottom:1.5em;
    border-top:1px solid #d9d9d9;
    font:12px;
	color: #444;
    font-weight:normal;
    margin-left:20px;
}

/* ==================== HEADER ==================== */
#header {
	position: relative;
    padding-bottom: 0;
    width: 100%;
    max-width: 880px;
	padding-bottom: 0; 
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}
#header .inside {
	display: flex;
	flex-wrap: wrap; /* Erlaubt den Umbruch für nav_header */
    justify-content: space-between; /* richtet header_right rechts aus */
}

/* Linker Bereich (Logo) */
.header_left img{
	flex: 1; 
    width: 134px;
    height: 150px;
	padding-left: 10px;
    align-items: center;
}

/* Rechter Bereich */
.header_right{
    width: 660px;
    height: 150px;
	padding-right: 20px;
}

/* Menü im Kopfbereich */
.nav_header{
	width: 100%;
	background: #141414;
	height: 44px;
	align-items: center;
	justify-content: flex-start;
	display: flex;
	margin-top: 0;
	border-radius: 4px 4px 4px 4px;
}

.nav_header ul {
	width: auto;
	display: flex;
	justify-content: flex-start;
	list-style-type: none;
	padding: 0;
	margin: 0;
	gap: 35px;
}

.nav_header a {
	color: #ffffff;
	text-decoration: none;
	font-weight: 600;
	line-height: 28px;
	display: block;
}

.nav_header .active,
.nav_header .trail {
    color: #ffffff;
	font-weight:bold;
	display: block;
}
.nav_header a:hover,
.nav_header a:focus {
    background-color:#555450;
}
.nav_header .level_1 > li {
    width:100px;
    float:left;
    margin:0;
    text-align:center;
}

.nav_header .level_1 .active {
line-height: 28px;
display: block;
}	

.nav_header .level_2 {
    width:100px;
    height:auto;
    position:absolute;
    overflow:hidden;
    background-color:#555450;
    z-index:1001;
    visibility:hidden;
}
.nav_header .level_2 li {
    position: relative;
	clear:both;
    margin-left:0;
}
.nav_header li:hover .level_2 {
    width:100px;
    height:auto;
    left:auto;
    top:auto;
    overflow:visible;
    display:block;
    text-align:center;
    visibility:visible;
}
.nav_header .level_2 li:hover {
    background-color:#ddd;
}
.nav_header .level_2 li:hover > a,
.nav_header .level_2 li:hover > span {
    color:#666;
	background-color:#ddd;
}
.nav_header li:hover .level_2 a,
.nav_header li:hover .level_2 span {
    font-size:13px;
    font-weight:normal;
}
.nav_header .level_3 {
	width:0;
    height:0;
    margin:0;
    padding:0;
    text-align:left;
    background-color:#555450;
    visibility:hidden;
}
.nav_header .level_2 li:hover .level_3 {
    width:auto;
    height:auto;
    left:100%;
    top:0;
    position:absolute;
    display:inline-block;
    padding-right:5px;
    padding-left:5px;
    text-align:left;
    white-space:nowrap;
    visibility:visible;
}
.nav_header .level_3 li:hover {
    margin-right:-5px;
    margin-left:-5px;
    padding-left:5px;
    background-color:#ddd;
}
.nav_header .level_3 li:hover a,
.nav_header .level_3 li:hover span {
    padding-right:5px;
    color:#666;
	background-color:#ddd;
}

/* ==================== SUCHE ==================== */
/* #header .mod_search { */
    /* bottom:0; */
    /* right:5px; */
    /* position:absolute; */
    /* line-height:44px; */
/* } */
/* #header .mod_search form { */
    /* margin:0; */
/* } */
/* #header .mod_search .text { */
    /* width:140px; */
/* } */


#header .mod_search {
    position: absolute;
    width: 250px;
	top: 161px;
	right: 20px;
    vertical-align: top;
    margin: 0;
}

#header .mod_search .formbody {
    display: flex;
    align-items: center;        /* vertikale Zentrierung */
}

#header .mod_search .widget-text {
    margin: 0;                  /* eventuelle Standard-Abstände entfernen */
	width: 180px;           /* etwas breiter machen? */
    height: 44px;
    padding: 0 12px;
    box-sizing: border-box;
}

/* Button etwas höher machen, damit er besser zum Eingabefeld passt */
#header .mod_search .widget-submit {
	margin: 0;
	width: 100px; 
	height: 44px;
    padding: 0 12px;
    white-space: nowrap;
}

/* ==================== EVENTS rechts ==================== */
#right .inside > div.block {
    margin-bottom:2em;
    border-radius:10px;
}
#right .mod_eventlist  h1 {
    margin: 0 0 0.5em 0;
    padding:0;
	font-weight: bold;
}

#right .mod_eventlist .upcoming h1 {
    margin: 0 0 0.5em 0;
    padding:0;
	font-size: 1.3em;
	font-weight: bold;
}

#right .mod_eventlist  {
    margin:2px;
    padding-top:20px;
	padding-left: 10px;
    border:1px solid #FFFFF;
    border-radius:10px;
    box-shadow: 2px 2px 3px 1px #C6C6BF;
}
#right .mod_eventlist  .info {
    margin-bottom:4px;
    font-size:1em;
}
#right .mod_eventlist  .ce_text {
    font-size:1em;
}
#right .mod_eventlist  .empty {
	padding-bottom: 10px;

}


/* ==================== NAVIGATION im Fuß ==================== */
.mod_customnav li {
    float:left;
    margin:0;
    padding:0;
    list-style-type:none;
}
.mod_customnav a,
.mod_customnav span {
    display:block;
    margin-right:12px;
    font-size:12px;
    line-height:1.7em;
    text-decoration:none;
    color:#666;
}
.mod_customnav a:hover,
.mod_customnav a:focus {
    text-decoration:underline;
}
.mod_customnav span.active {
    text-decoration:underline;
}

/* ==================== Nachrichten ==================== */
.mod_newsarchive .layout_full {
    margin:10px 2px;
    padding:5px;
    border-top:0px solid #c6c6bf;
    border-right:0px solid #c6c6bf;
    border-bottom:2px solid #c6c6bf;
    border-left:0px solid #c6c6bf;
    background: rgba(255, 255, 255, 0.749);
}
.mod_newsarchive  h1 {
    height:36px;
    float:left;
    margin-top:0;
    margin-bottom:0;
    font-size:1.2rem;
    font-weight:normal;
}
.mod_newsarchive  h2 {
    height:36px;
    float:right;
    margin-top:0;
    margin-bottom:0;
    text-align:right;
    font-size:1.2rem;
    font-weight:normal;
}
.mod_newsarchive .image_container {
    position:relative;
    clear:both;
}
.mod_newsarchive img {
    float:left;
    margin:4px 8px 2px 0;
    padding:2px;
    border:1px solid #c6c6bf;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.mod_newsarchive .ce_text {
    margin-top:40px;
    margin-right:auto;
    text-align:justify;
}
.mod_newsarchive .pagination .next,
.mod_newsarchive .pagination .previous,
.mod_newsarchive .pagination .first,
.mod_newsarchive .pagination .last {
    display:none;
}
.mod_newsarchive .pagination p,
.pagination ul li {
    float:left;display:inline;padding:0px 5px;
}
.mod_newsarchive .pagination p {
    margin-right:10px;
    display:none;
}
.mod_newsarchive .pagination {
    display:none;
    margin-right:10px;
}
.nachrichten .mod_newsarchive .pagination {
    display:block;
    margin-right:10px;
}
.nachrichten .newslink {
    display:none;
}

#main .mod_article h1 {
    margin-top:6px;
    margin-bottom:6px;
}

#main .mod_article h3 {
    margin-bottom:0;
    text-align:right;
    border-bottom:1px solid #ddd;
    font-size:12px;
}

#main .mod_article .ce_text p {
    text-align:justify;
}

.ce_table table {
    margin-bottom:1em;
    font-size:13px;
}

.ce_table tr {
    height:40px;
}

.ce_table tr.odd {
    background-color:#ddd;
}

.ce_table td {
    padding:0 1em;
    vertical-align:middle;
}

.ce_table .col_2 {
    min-width:260px;
}

/* ==================== NAVIGATION Spiele links==================== */

.nav_left {
    margin:11px 0 0;
    padding:0 0 0 35px;
}
.nav_left h1 {
    margin-top:10px;
    margin-right:auto;
}
.nav_left ul {
    margin:0;
    padding:0;
    list-style-type:none;
}
.nav_left li {
    margin:0;
    padding:0;
}
.nav_left a,
.nav_left span {
    display:block;
    margin:0 0 1em;
    padding:0;
    text-decoration:none;
    color:#444;
    outline: 0;
}
.nav_left a:hover,
.nav_left a:focus {
    text-decoration:underline;
}
.nav_left .active,
.nav_left .trail {
    font-weight:bold;
	margin: 0 0 1em;
}

/* ==================== SPIELE Tabelle Übersicht ==================== */
#main .mod_article h1 {
    margin-top:6px;
    margin-bottom:6px;
}
#main .mod_article h3 {
    margin-bottom:0;
    text-align:right;
    border-bottom:1px solid #ddd;
    /* font-size:13px; */
}
#main .mod_article . p {
    text-align:justify;
}
.content-text table {
    margin-top: 1em;
	margin-bottom:1em;
    /* font-size:13px; */
}
.content-text tr {
    height:40px;
}