.box {margin-bottom: var(--abstand);}
.anmeldungsliste .textright {padding-left: var(--abstand);}
.Fehler {color: red; margin: var(--abstand) 0px var(--abstand) 0px;}


/*
HTML
*/
body
, .body {min-height: 1200px; margin: 0px; background: #f2f4f7 url("dvv.svg") no-repeat; background-attachment: fixed; padding-bottom: 0;}
.body {background: url("cmx/ordner/stylesheets/dvv/dvv.svg"); }
a:link
, a:focus
, a:hover
, a:active {text-decoration: none; color: #365e9a;}
h1
, h2 {/*font-weight: normal;*/ color: #333;}
img
, img.big {border-radius: var(--abstand);}

/*--------Formular-----------*/
input[type=submit] {background-color: #667D9C; border: solid 1px #667D9C; color: white;}
input[type=text]
, select
, input[type=password] {border: solid 1px #667D9C;}
select {width: 100%;}
/*
Layout
*/
/*----Wrapper----*/
#wrapper {
background-color: #fff; max-width: 900px; margin: auto; overflow: hidden; border: solid 1px #667D9C; border-width: 0px 1px 0px 1px;
background: linear-gradient(left center , #F1F2F7, #FFFFFF, #FFFFFF, #FFFFFF) repeat scroll 0 0 rgba(0, 0, 0, 0);
display: flex; flex-wrap: wrap; justify-content: space-between;
}
/*----Header----*/
header {margin: 0 !important;}
#header {flex-basis: 100%;}

/*----Headerhintergrund----*/
#header_hintergrund {background-color: #ffffff; height: 150px;}

/*----header_navi----*/
#header_navi a:link
, #header_navi a:visited
, #header_navi a:focus
, #header_navi a:hover
, #header_navi a:active {color: #FFF;}
#header_navi a:hover {background-color: #B2BECD;}
#header_navi {background-color: #667D9C;}

/*----Headerbild und Text----*/
#header_logo {z-index: 1; position: absolute; left: var(--abstand); top: 40px;}
#header_text {z-index: 2; position: absolute; left: 235px; top: 35px; font-size: 2.231rem; line-height: 115%; color: #667D9C; text-shadow: 2px 2px 5px #FFFFFF;}

/*----Content----*/
#main {width: 61.8%; min-height: 1060px;}

/*----Aside----*/
#aside {width: 38.2%; overflow: visible;}
#aside #aside {padding: 0 0 5px 0 !important;}
#aside h1
, #aside h2 {font-weight: normal; background-color: #667D9C; border-radius: var(--abstand) 0px 0px var(--abstand); color: white; margin: 0px -16px var(--abstand) -15px;}
#asidecontent > .Suche  {margin-bottom: 0 !important;}

/*----Footer----*/
#footer {flex-basis: 100%; height: 165px; background: #F1F2F7 url("dvv_footer.jpg") no-repeat;}

/*----Flex----*/
.Spaltenanzahl_2>div {padding: 0px 5px 0px 5px; margin-bottom: 5px;}
.Spaltenanzahl_2>div>article {margin-bottom: 0;}
.Spaltenanzahl_2 article figure.BildTeaser {margin: 0 0 5px 0; text-align: center;}

/*----Tabelle standard----*/
table.standard {border: solid #667D9C 1px; border-spacing: 0px; background-color: #DBE5EE; border-radius: 5px; overflow: hidden;}
table.standard th {background: #667D9C; white-space: nowrap; font-weight: normal; color: white;}
table.standard table.standard {border: solid #888 0px;}
table.standard>tbody>tr:nth-child(odd)>td {background: #D4D7E3;}
table.standard>tbody>tr:nth-child(even)>td {background: #E6E6EE;}

/*
Klassen und ID
*/
/*----icon----*/
img.icon {border-radius: 0px;}

/*
Apps
*/
/*---- Suche ----*/
#suche input[type=text] {padding-left: 8px; border-color: #667D9C; border-radius: var(--abstand) 0px 0px var(--abstand);}
#suche input[type=submit] {border-color: #667D9C; border-radius: 0px var(--abstand) var(--abstand) 0px;}
.Suchparameter_option {background: #667D9C !IMPORTANT; border: 1px solid #667D9C !IMPORTANT;}
.Suchparameter_button .flex .Restbreite {border: 1px solid #667D9C !IMPORTANT;}
.Suchparameter .Suchparameter_option a {color: #FFF;}

/*
Mediaqueries
*/
@media only screen and (max-width: 1023px) {
#header_hintergrund {border-radius: 0px; top: 0px; height: 110px;}
#header_logo {top: 20px;}
#header_text {top: var(--abstand);}
#header_navi {margin-top: 0px;}
#aside {top: 0px; border-radius: 0px;}
#aside h1
, #aside h2 {border-radius: 0;}
}

@media only screen and (max-width: 598px) {
#suche input[type=text] {border-radius: 0;}
#suche input[type=submit] {border-radius: 0;}
}


@media print
{
#aside, #header {display: none;}
#contentbackground, #main {width: auto;}
#wrapper {max-width: none;}
.WebSuche form, .WebSuche input {display: none;}
#contentbackground {width: 100% !important;}
#main {width: 100% !important;}
#wrapper {width: 100% !important;}
#content {border-width: 0px !important;}
}

/* css hack für ie */
_::selection,
.ie-direction-column {
    flex-direction: column\0;
}

#Veranstaltung .Ampelbar .flex {
	gap: 15px;
}