@import url('/city_data/css/dwa/228/228_0000-0480.css');
@import url('/city_data/css/dwa/228/228_0481-0768.css');
@import url('/city_data/css/dwa/228/228_0769-1024.css');
@import url('/city_data/css/dwa/228/228_1025-1200.css');
@import url('/city_data/css/dwa/228/228_1201-xxxx.css');

#content #kacheln .menucontainer ul li a { background-color: #ed6114; }

/* Megamený */
#logo #submenu_top #sub_1,
#logo #submenu_top #sub_2,
#logo #submenu_top #sub_3,
#logo #submenu_top #sub_4,
#logo #submenu_top #sub_5 { clear: both; display: none; }

#logo #submenu_top:hover .mega { display: inline-block; }

#logo #submenu_top .mega { position: absolute !iportant; margin: 0 !important; left: 0 !important; width: 100% !important;}

#logo #submenu_top .mega { display: none; }

#logo #submenu_top .mega .menucontainer { position: absolute; width: 75%;
 max-width: 110.25em;
 margin: 0 !important; display: inline-block;  background-color: #eee !important;}

#logo #submenu_top .mega .menucontainer span.bild { display: none; }

#logo #submenu_top .mega .menucontainer ul { display: flex; flex-wrap: wrap; width: 100%; margin: 1.5em 0.5% 0 !important; }

#logo #submenu_top .mega .menucontainer ul li { width: 29%; margin: 1% 1% 1.8em !important; padding: 1em 1% !important; background-color: #fff; }

#logo #submenu_top .mega .menucontainer ul li a { width: 100%; background: #fff !important; color: #cf0404; border-bottom: 1px solid #ccc; margin: 0 !important; padding: 0 0 0.5em !important; text-align: left; font-size: 1.6em !important}

#logo #submenu_top .mega .menucontainer ul li a:focus,
#logo #submenu_top .mega .menucontainer ul li a:hover { color: #cf0404 !important; }

#logo #submenu_top .mega .menucontainer ul li .item_description { font-size: 1.3em; margin-top: 0.5em; display: inline-block; width: 100%;}


@media (min-width: 1024px) {
div#center { 
 width: 100%;
 text-align: center;
 margin: 0 auto;
 padding: 0;
}

div#inner_center {
 width: 100%;
 max-width: 150em;
 margin: 0 auto;
 padding: 0;
 display: flex;
 flex-direction: row;
}

div#wrapper_links {
 width: 75%;
 max-width: 112.5em;
 margin: 0 2% 0 auto;
 padding: 0;
 display: flex;
 flex-direction: column;
}

div#wrapper_links div#logo {
 width: 100%;
 min-height: 35em;
 margin: 0;
 padding: 0;
 display: inline-block;
}

div#wrapper_links div#content_wrapper {
 width: 100%;
 margin: 0;
 padding: 0;
 min-height: 30em;
 display: flex;
}

div#wrapper_links div#content_wrapper div#content {
 width: 100%;
 padding: 0;
 margin: 0;
}
div#wrapper_links div#content_wrapper div#content .bf_wrapper {
 width: 94%;
 padding: 1em 3%; 
}

div#wrapper_links div#content_wrapper div#rechts {
display: none
}
/*
div#wrapper_links div#content_wrapper div#rechts .Beschreibungen > * {
 padding: 0.5em 5%;
}
*/

div#wrapper_links div#footer {
 width: 100%;
 padding: 0;
 margin: 0;
 display: inline-block;
 min-height: 15em; border-top: 2px solid #cfcfcf
}

div#links {
 width: 25%;
 max-width: 30em;
 padding: 0;
 margin: 0 auto;
 background-color: #fff
}

div#links .Beschreibungen > * {
 padding: 0.5em 5%;
}

}