/* Minification failed. Returning unminified contents.
(95,19): run-time error CSS1030: Expected identifier, found '#divGenListe'
(95,31): run-time error CSS1031: Expected selector, found ')'
(95,31): run-time error CSS1025: Expected comma or open brace, found ')'
(165,27): run-time error CSS1030: Expected identifier, found '.'
(165,40): run-time error CSS1031: Expected selector, found ')'
(165,40): run-time error CSS1025: Expected comma or open brace, found ')'
 */
@font-face { font-family: 'BMWGroup_Cond'; src: url('../fonts/BMWGroup_Cond_Regular.ttf') format('truetype'); }
@font-face { font-family: 'BMWGroup_CondBold'; src: url('../fonts/BMWGroup_Cond_Bold.ttf') format('truetype'); }

body { margin:0 ; padding:0 ;font-family: BMWGroup_Cond, Arial, helvetica, Sans-Serif;
       font-size:1em;color:#000000; overflow:auto; min-height:200px}

a {text-decoration: underline;color:#444}
a:hover {text-decoration: underline;color:#000}

img {border:0px; -ms-interpolation-mode: bicubic } 
/*******************  Globales Layout - Header *******************/

.ContHeader {position:sticky;top:0;left:0;right:0;height:125px;z-index:5;border-bottom:5px solid #b2b2b2;padding:0 100px;background-color:#fff}
.HeadlineBar {height:30px;padding-top:6px;margin:auto}
.PortalHeadline {font-family: BMWGroup_CondBold, Arial, helvetica, Sans-Serif;font-size:18px;color:#b2b2b2;text-align:center}

.HeadLogos {position:absolute;top:30px;left:0;z-index:0;padding-left:20px}
.HeadLogos > img {-ms-interpolation-mode: bicubic !important}
.HeadLogos > img:first-child {margin-right:50px}

.InnerHead {position:relative;margin:auto;padding-top:30px;height:125px;max-width:1280px;box-sizing:border-box}

/********** Top Menu ***************/
.MenuBar {position:absolute;left:0;bottom:-5px;z-index:20;transition: all 0.5s}
.MenuBar a {text-decoration: none;}

.MenuItem {display:inline-block;position:relative;max-width:280px;float:left;background-color:#fff;
           border-left:1px solid #fff; border-right:1px solid #fff;}
.MenuItem:first-child {border-left:2px solid #fff}
.MenuItem:last-child {border-right:2px solid #fff}

.MenuItem>a {color:#000000;display:block;padding:10px 20px 0 20px; height:45px;cursor:pointer; border-bottom:5px solid #b2b2b2;
            font-family: BMWGroup_CondBold, Arial, helvetica, Sans-Serif ;font-size: 15px; box-sizing:border-box; transition: all 0.33s;}

.SubMen {position:absolute;font-size:15px;background-color:#f2f2f2;z-index:10;display:none;min-width:100%;border:1px solid #92a2bd;text-align:left;
         box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.25);box-sizing:border-box}

.MenuItem:hover>a, .MenuItem>a:active, .MenuItem>a:focus {border-bottom-color:#92a2bd; border-bottom-width:8px;text-decoration: none}

.MenuItemSubDn > a:after {content: url(../img/arrow_down.png); vertical-align:middle -2px;margin-left:5px}
.MenuItemSubUp > a:after {content: url(../img/arrow_up.png); vertical-align:middle -2px;margin-left:5px}

a.TopMenuSelected{border-bottom:8px solid #92a2bd ;cursor:default !important;}


.SubMen a {color:#444;display:block;padding:10px 15px 10px 20px;background-color:#f2f2f2;cursor:pointer;
           transition: all 0.33s;}
.SubMen a:hover {color:#000000}

.SubMenSelected{font-weight:bold;cursor:default !important;}

.SubSide+div {position:absolute;left:100%;margin:-2.9em 0 0 0;background-color:#f2f2f2;border:1px solid #92a2bd;min-width:18em;box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.25)}

.SubSideRe:before {content: url(../img/arrow_right.png);margin-left:-14px;padding-right:4px;display:inline-block;transform:scale(0.75);
                 vertical-align:middle} 
.SubSideDn:before {content: url(../img/arrow_down.png);margin-left:-18px;padding-right:0px;display:inline-block;transform:scale(0.75);
                 vertical-align:middle} 

.MenuSwipeBar {position:absolute;top:0px;left:-40px;bottom:0px;width:40px;display:none;z-index:9;}
.MobilMenuOpen {left:calc(100% - 260px) !important}

.SperrDiv{position:fixed;top:90px;left:0px;bottom:0px;right:0px;z-index:1;background-color: rgba(255, 255, 255, 0.75);display:none;}

/*******************  Header - Top User Menu *******************/

.HeadNavBar {position:absolute;top:30px;right:0;font-size:15px;color:#c2c2c2;}
.HeadNavBar > div {display:inline-block;height:30px;padding:6px 15px 0 15px;border-left:2px solid #ececec;box-sizing:border-box;transition: all 0.33s}
.HeadNavBar > form {display: inline-block;}
.HeadNavBar > div:first-child {border-left:2px none #c2c2c2}
.HeadNavBar a {font-family: BMWGroup_CondBold, Arial, helvetica, Sans-Serif;color:#b2b2b2;text-decoration:none;transition: all 0.33s}
.HeadNavBar a:hover {color:#000000;text-decoration:underline}

.HeadNavBar a>img {vertical-align:middle;width:18px;display:none;transition: all 0.33s}
.HeadNavBar a:hover>img {filter:brightness(0.5)}

.HeadNavBar > div.MobilMenuButton {display:none;} /* fuer mobil */
.HeadNavBar div.SubMen a {color:#444;}

a.HeadNav:link, a.HeadNav:active,a.HeadNav:visited {text-decoration: none;color:#FFFFFF;padding:2px 3px 2px 2px;}
a.HeadNav:hover {text-decoration: none;color:#cccccc;}

a.HeadNavSelected:link, a.HeadNavSelected:active,a.HeadNavSelected:visited {text-decoration: none;color:#FFFFFF;padding:2px 3px 2px 2px}
.HeadNavSelected {font-weight:bold;cursor:default}

/* Head Nav mit Submenu */
.HeadNavDiv > div {position:absolute;background-color:#ffffff;z-index:5;width:99%;display:none;margin:-1px 0 0 -2px;box-sizing:border-box;box-shadow: 1px 1px 3px 1px #999}
.HeadNavDiv > div a {display:block;text-decoration:none;padding:6px 3px;}

a.HeadNavDrop:link, a.HeadNavDrop:active, a.HeadNavDrop:visited {background-repeat:no-repeat;background-position: right 2px center;padding-right:10px}
a.HeadNavDrop:hover  {background-image:url(../img/ico_pfeil_dn_lo.gif) !important}

/*******************  Globales Layout - Main Content *******************/
.ContStandard {padding-left:20px;max-width:1280px;margin:auto;overflow:auto;box-sizing:border-box;}
.OuterStandard {padding:0 100px;margin-bottom:50px;position:relative}
.ContStandard:has(#divGenListe) {
    max-width: 1620px
}
/*******************  Globales Layout - Footer *******************/
footer {
    background-color: #aaa48e;
    padding: 0 100px;
    width: 100%;
    box-sizing: border-box
}
footer > div {min-height:35px;max-width:1280px;font-size:13px; color:#fff;margin:auto;box-sizing:border-box}
footer > div > a {color:#fff;font-size:15px;padding:9px 20px;text-decoration:none;display:inline-block}
footer > div > a:hover {color:#f2f2f2;text-decoration:none}

footer > div > span {padding:11px 20px}

/********* Big Img ************/
.BigImgOuter{position:relative;margin-bottom:20px}
.BigImg {max-height:600px;overflow:hidden;position:relative;}
.BigImg > img {width:100%;}
.BigImgContainer {position:absolute;left:0;top:0;width:100%; height:100%;padding:0px 120px; z-index:1;box-sizing:border-box}
.BigImgText {margin:0 auto;max-width:1240px; height:93%;padding-top:40px; position:relative;
             -moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;box-sizing:border-box}

h1.BigImgHeadBottom {position:absolute;bottom:0px;left:0;right:0;word-wrap:break-word}
div.BigImgContainer h1 {font-family: BMWGroup_CondBold, Arial, helvetica, Sans-Serif; font-size: 3.125rem;color:#fff;text-transform:uppercase;
        padding-right:125px;font-weight:normal;text-shadow: 0px 0px 1px #333; }

div.BigImgContainer h1.NoAp {padding-right:0px}
div.BigImgContainer h1.BigImgHeadBlack {color:#000; text-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff}

.ApContainer {position:absolute;right:20px; top:20px;width:210px; height:325px; background-color:#ffffff;
            border:1px solid #c2c2c2; padding:5px 10px;z-index:2;
            transform-origin: top right;box-shadow:2px 2px 3px 0px rgba(0,0,0, 0.25);transition:all 0.33s}

.ApContainer h4 {margin:0}
.ApContainer img {width:120px}
.ApContainer label {font-family: BMWGroup_CondBold, Arial, helvetica, Sans-Serif}
.ApContainer p {margin:0.5em 0;word-wrap:break-word}

/********* Image Links *********/
.ImageLink {width:23%;float:left;box-sizing:border-box;margin:20px 2% 20px 0; min-width:280px}
.ImageLink > div:last-child {font-size:1.1rem;}
.ImageLink > a {position:relative;display:block;box-sizing:border-box;overflow:hidden;border-bottom:5px solid #b2b2b2;margin-bottom:5px;padding-bottom:-3px}
.ImageLink > a > img {width:100%;transition: transform 0.5s;margin-bottom:-5px}
.ImageLink > a > div {position:absolute;top:0;left:0;width:100%;height:100%;}
.ImageLinkHead {margin:20px;color:#000; text-transform:uppercase;text-shadow: 0px 0px 1px #92a2bd}
.ImageLinkHeadWhite {color:#fff; text-shadow: 0px 0px 1px #000}

.ImageLinkTodo, .ImageLinkDone {padding:10px 20px;color:#fff;background-color:#cc3333;font-size:0.9rem;position:absolute;top:80px;width:100%}
.ImageLinkTodo {background-color:#cc3333;}
.ImageLinkDone {background-color:#119911}
.ImageLinkTodoInfo {border:1px solid #fff; display:inline-block; border-radius:50%; width:25px; height:25px; text-align:center;padding-top:3px; box-sizing:border-box;margin-left:7px}
.ImageLink > a:hover > img {transform: scale(1.1)}

.BigImageLink {position:relative;display:block;box-sizing:border-box;overflow:hidden;cursor:pointer;}
.BigImageLink > img {width:100%;transition: transform 0.5s;margin-bottom:-5px}
.BigImageLink:hover > img {transform: scale(1.05)}

.ImageNews { max-width:1260px;max-height:580px; }

.VideoImgLink {box-sizing:border-box;overflow:hidden;cursor:pointer;}
.VideoImgLink > img {width:100%;transition: transform 0.5s;margin-bottom:-5px}
.VideoImgLink:hover > img {transform: scale(1.1)}

.VideoViewer {position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;display:none;background-color:rgba(255,255,255,0.8);box-sizing:border-box}
.VideoViewer > video{margin:auto;max-width:98%;max-height:98%;position:absolute;top:1%;left:1%;bottom:1%;right:1%;box-sizing:border-box;
                     border:1px solid #b2b2b2;box-shadow:2px 3px 4px 0px rgba(0,0,0,0.33)}
.VideoViewer > video::cue{font-size:1.25em;background-color:rgba(0,0,0,0.66);}

.VideoViewer > video::cue(.subtitletext) {color:#ffee33;}

.VideoViewerClose {position:fixed;right:5%;top:5%;background-color:#f2f2f2;border:1px solid #b2b2b2;z-index:10; cursor:pointer;font-size:0;
                   padding:5px;transition: all 0.25s;box-shadow:1px 2px 3px 0px rgba(0,0,0,0.33)}
.VideoViewerClose:hover {background-color:#666}

/****************************** Pdf Container *****************************/
.PdfContainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 25%;/* Anzeige Hohe */
    margin-bottom:1rem;
}

.PdfEmbed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/********************** Formularelemente **************************************************************************************************/
input[type=text], input[type=password], input[type=file], input[type=date], input[type=datetime], input[type=email], input[type=number], textarea, select {font-size:1rem;border:1px solid #999;padding:0.75rem 0.5rem 0.75rem 1rem;
                  margin:1px 0px 1px 0px;background-color:#FFFFFF; width:100%;box-sizing: border-box}

input[readonly], textarea[readonly], select[disabled] /*, input[disabled]*/ { background-color: #eeeeee !important }
	              
input[type=text]:focus, input[type=password]:focus, input[type=file]:focus, input[type=email]:focus:focus, textarea:focus, select:focus {background-color:#f9fcff;border-color:#6699CC; box-shadow:0 0 3px 1px #6699CC}

textarea {font-family: BMWGroup_Cond, Arial, helvetica, Sans-Serif; resize:none}

input[type=checkbox]:focus+label, input[type=radio]:focus+label {background-color:#ddeeff}

span.CenterField > input, img.CenterField {margin:0 auto}

div[class*=ContFeld] >label {overflow:hidden;font-size:1rem;}
div.FormFeld {margin-bottom:0.25rem}

.InputField12{width:49% !important}
.InputField13{width:33% !important}

.DatumsFeld {min-width:6.5rem;max-width:7.5rem;width:6.5rem;}
.DatumsFeld input {padding-left:0.5rem;}
.NumberFeld {max-width:5rem;}
.ContFeld11 {width:98%}
.ContFeld12 {width:48%}
.ContFeld14 {width:23%}
.ContFeld34 {width:73%}
.ContFeld13 {width:31%}
.ContFeld23 {width:65%}

div[class*=ContFeld] {float:left;box-sizing:border-box;margin-right:2%;margin-bottom:40px;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;}

.FeldFloatLeft {float:left}
.FeldFloatRight {float:right }

.FlexImg {width:100%}

/************ Controls **************/
.LoginBox {border:1px solid #999;padding:20px;}

/********** Suchbereich  url(../img/loader_bl.gif) **********/
.SearchContent{margin-bottom:10px;padding:10px 10px 10px 10px;background-color:#F0F0F0;position:relative}
.SearchContent > input[type=text] {background: url(../img/ico_search.png) #FFFFFF right 10px center no-repeat ;}
.SearchLoader {position:relative; left:96.75%;top:-36px;display:none}

/*********** Formtable ***************/
.FormTable {padding:0;margin:auto;border-spacing:0;border-collapse:collapse;width:100%;box-sizing:border-box;}
.FormTable td {min-width:250px;width:40%;padding:10px 0px;vertical-align:middle}
.FormTable tr td:first-child {width:250px}
.FormTable tr td:last-child {width:auto;min-width:100px}
.FormTable tr td div[class*=ContFeld] {margin-bottom:10px;}

.dstable { padding:0;margin:auto;border-spacing:0;border-collapse:collapse;width:100%;box-sizing:border-box;}
.dstable td {width:25%;padding:10px 0 0 0;vertical-align:text-top;}

/*
.FormTable td select, .FormTable td input[type=text], .FormTable td input[type=password],  .FormTable td input[type=tel], .FormTable td input[type=email],
          .FormTable td input[type=file], textarea{width:calc(100% - 10px);border:none;font-size:16px;padding:12px 10px;
            float:left;margin-right:10px;
          box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.FormTable td select {background-color:#F2F2F2;border:2px solid #0062FF;padding:9px 10px;}
*/
/****** Pager ******/
.Pager {margin: 10px 0;}
.Pager > span {margin: 0 5px}
.Pager > .PageNr {vertical-align: 6px }


/******** Links mit Pfeil ***********/
.LinkItem {font-family: BMWGroup_CondBold, Arial, helvetica, Sans-Serif; color:#444;text-decoration:none;cursor:pointer;
               display:inline-block; margin:5px 0;transition:all 0.33s;text-indent:-15px; padding-left:15px;}
.LinkItem::before {content:url('../img/arrow_right.png');margin-right:5px; vertical-align:middle;transition:all 0.33s;height:32px;}
.LinkItem:hover{color:#000;text-decoration:none}

.LinkItem:hover::before {filter: brightness(0)}

/******************* LinkButton *********************************************************************************************************/

.LinkButton{font-family: BMWGroup_CondBold, Arial, helvetica, Sans-Serif; font-size : 16px; color: #FFFFFF; display:inline-block;
        background-color:#666666;text-decoration:none; padding:17px 25px 19px 21px;margin:30px 0px 0px 0px; cursor:pointer;
		 transition: all 0.25s;}
.LinkButton:hover{background-color:#000;text-decoration:none; color: #FFFFFF}

.LinkButton:disabled, .LinkButton[disabled] {opacity:0.33;cursor:default}
.LinkButton:disabled:hover ,  .LinkButton[disabled]:hover {background-color:#666666}

.ImportantLinkButton{font-family: BMWGroup_CondBold, Arial, helvetica, Sans-Serif; font-size : 16px; color: #FFFFFF; display:inline-block;
        background-color:#003399;text-decoration:none; padding:17px 25px 19px 21px;margin:30px 0px 0px 0px; cursor:pointer;
		 transition: all 0.25s;}
.ImportantLinkButton:hover{background-color:#3366cc;text-decoration:none; color: #FFFFFF}

/******************* SubmitButton *********************************************************************************************************/
input[type=submit] { border: none;}

.SubmitButton {
    font-family: BMWGroup_CondBold, Arial, helvetica, Sans-Serif;
    font-size: 16px;
    color: #FFFFFF;
    display: inline-block;
    background-color: #666666;
    text-decoration: none;
    padding: 17px 30px 19px 21px;
    margin: 30px 0px 0px 0px;
    transition: all 0.25s;
    border:1px solid transparent;
}

.SubmitButton:hover {
    background-color: #000;
    text-decoration: none;
    color: #FFFFFF
}

.SubmitButton:disabled, .LinkButton[disabled] {
    opacity: 0.33;
    cursor: default
}

.SubmitButton:disabled:hover, .SubmitButton[disabled]:hover {
    background-color: #666666
}

/************** Normale Image Buttons *************************************************************************************************/

.ImageButton {outline:none !important;margin:2px;padding:0;cursor:pointer}
.ImageButton > img {width:24px;height:24px;-ms-interpolation-mode: bicubic;transition: all 0.33s}
.ImageButton:hover > img {filter:brightness(0.5)}

.ImageButton:disabled {margin:1px;opacity:0.66;cursor:default}

/****************************** allg. Texte, Ueberschriften, Labels ... ******************************************************************************/
h1, h2, h3, h4, h5, h6 {font-family: BMWGroup_CondBold, Arial, helvetica, Sans-Serif;font-weight:normal;margin:0.25em 0 0.25em 0}

h1 {font-size:2.5rem;} 
h2 {font-size:2.25rem;} 
h3 {font-size:2rem;} 
h4 {font-size:1.5rem} 
h5 {font-size:1.25rem} 
h6 {font-size:1rem} 

/********* Texte ****************/
.TextFehler {color:#CC3333 !important;margin-left:2px;}

.TextDezent {color:#666666}
.TextHinweis {color:#336699}

.TextKlein{font-size:0.7em !important}
.TextMittel {font-size:0.8em !important}
.TextNormal {font-size:0.9em !important}
.TextNeutral {font-size:1em !important}
.TextLarge {font-size:1.1em !important}
.TextXLarge {font-size:1.2em !important}

.LabelCont {float:left;padding-top:2px} /** Container fuer freien Text**/
.LabelText {margin:0px 0px 1px 7px;font-size: 0.85em} 

.LiteralText {margin:0px 0px 2px 7px;padding:2px 4px 1px 4px ;background-color:#EEEEEE !important}
.LiteralText:empty { height:16px; }

.FliessText {line-height:1.3em}
.TextKlein, .TextMittel, .TextNormal, .TextNeutral, .TextLarge, .TextXLarge {line-height:1.5em}

.List li {margin:0.5em 0}

/******************************************* Datagrid ***************************************************************/
.DataGrid { font-size: 0.9rem; width:100%; border-collapse:collapse !important;padding:0;border-spacing:0px;box-sizing:border-box;margin-right:20px}
.DataGrid td {border-bottom: 1px solid #cccccc; padding:5px 10px }
.DataGrid th {border-bottom: 1px solid #cccccc; padding:5px 10px; background-color:#e2e2e2 }
.DataGrid tr:nth-child(odd){background-color:#f2f2f2}

.FilterHead th {vertical-align:top}
.FilterHead select,.FilterHead input[type=text] {padding:0 0.1rem;font-size:0.8rem}

.InfoHeader, .DataGrid th.InfoHeader  {position:relative;padding-right:24px}
.InfoHeader > img.icoPopInfo {position:absolute;top:7px;right:4px}

/********** Fixed Table Header ***********/
.FixedHeaderTable {border-spacing: 0; border-collapse: collapse;width: 100%}
.FixedHeaderTable thead {display: block;position: relative;width: 100%}
.FixedHeaderTable tbody {overflow: auto;display: block;width: 100%}

/******************************************* TabStrips ***************************************************************/
.TabStripBar{margin-bottom:-1px;z-index:1;position:relative;border-bottom:1px solid #999999} /** Container fuer TabButtons **/
/** Tabbuttons **/
.TabStripBar > a, .TabButton {padding:3px 10px 1px 5px; font-size:0.85em; background-color:#EEEEEE;background-image:url(../img/tab_eck.gif);background-position: right top;
                            margin-right:7px;margin-bottom:-1px;float:left;border-left:1px solid #999999;border-bottom:1px solid #999999;text-decoration:none;
                            box-sizing:border-box;color:#666666 }
.TabStripBar > a:link, a.TabButton:link, a.TabButton:visited {color:#666666 !important}
.TabStripBar > a:hover, a.TabButton:hover {color:#000000 !important}

.TabButton {top:2px;position:relative}

.TabStripSelected, .TabstripSelected {background-color:#FFFFFF !important;color:#000000 !important;cursor:default;border-bottom:1px solid #FFFFFF !important}
.TabContent {border:1px solid #999999;border-top:none;background-color:#FFFFFF;z-index:0;overflow:auto !important;position:relative} /** Inhalt der TabElemente **/

/********** CardView in Row **********/
.CardViewRow {width:100%;overflow:auto;white-space:nowrap;box-sizing:border-box;padding:10px 0}
.CardViewRow div {display:inline-block;margin-right:40px;min-width:250px;max-width:275px;font-size:0.9rem;box-sizing:border-box;white-space:normal;vertical-align:top}


/******************************************* Teaser (Links mit Bilder auf Startseite) **********************************************

.TeaserContent {padding:0px 5px 0px 0px;border:1px solid #cccccc;text-overflow:ellipsis;box-sizing:border-box;overflow:hidden;
       -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;
        -moz-transition: all 0.25s; -webkit-transition: all 0.25s; transition: all 0.25s;}
.TeaserContent:hover {background-color:#EEEEEE;}

.TeaserContentDisabled {padding:0px 5px 0px 0px;border:1px solid #cccccc;text-overflow:ellipsis;box-sizing:border-box;overflow:hidden;
       -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;filter:Alpha(opacity=33);opacity:0.33 }
.TeaserContentDisabled:hover {cursor:default !important; text-decoration:none !important; color:#000000 !important}

div[class*="TeaserContent"] img {margin:0px 7px 0px 0px; float:left;box-sizing:border-box;z-index:1;}
div[class*="TeaserContent"] div {padding:7px 0px 0px 0px; font-weight:bold;display:block;font-size:0.9em;z-index:0;width:120px;float:left}
**********/
/**** sonstiges *****/
/**.ScrollDiv {overflow:auto;position:absolute;left:0px;right:0px;min-height:75px}  Hoehe im div jetzt manuell angeben, mit Pos.absolute, da dehnbar!  ***/
.ClearFloat {clear:both !important}
.ClearMargin {margin:0px !important}
.ClearPadding {padding:0px !important}
.AddMargin {margin:0px 0px 0px 7px !important}
.AddMargins {margin:0px 7px 0px 7px !important}
.Margins {margin:0.15rem}
.DivWhiteSpaceNowrap {min-width:150px;}
.WhiteSpaceNowrap {white-space:nowrap;}
/**** Toggles ****/
.DsToggleText  p, .DsToggleText  h6 {margin-left:30px}/** Datenschutztexte **/
.DsToggleText  ul {margin-left:10px}

.ToggleHead {border-top:1px solid #e6e6e6; padding:0.75em 1em 0.75em 0; margin:0.5em 0;font-size:1rem;cursor:pointer}
.ToggleHead ~ div {padding-bottom:1em}

.IcoArrDn, .IcoArrRt {display:inline-block;width:20px;height:20px;background-position:center center;background-repeat:no-repeat;vertical-align:bottom;margin-right:10px}
.IcoArrDn {background-image:url(../img/arrow_down.png)}
.IcoArrRt {background-image:url(../img/arrow_right.png)}

/******** Acordeon ***********/
.AcordeonHead {cursor:pointer}
.AcordeonHead::before {content:url('../img/arrow_right.png');margin:0 5px 0 5px; vertical-align:0.1rem;transition:all 0.33s;display:inline-block}
.AcordeonHeadOpen::before {transform:rotateZ(90deg)}

/*******************EWE Texte ************/
.icoPopInfo { width:16px; height:16px; vertical-align:-2px; cursor:pointer; }
.infoPop {position:absolute; background-color:#fff;width:33%; min-width:300px; border:1px solid #cccccc;padding:7px 10px 7px 10px;font-size:12px;line-height:18px; display:none; box-shadow:1px 2px 3px 0 rgba(0,0,0, 0.25)}
a.linkPopInfo { text-decoration: none; color: #0070c0; }
div.helper {overflow:hidden;display:inline;float:left;min-height:20px}
div.ImgHelper {overflow:hidden;display:inline;float:left;min-height:20px;font-size:0}

.loader {padding:15px;border:1px solid #999999;background-color:#ffffff !important;position:absolute;top:50%;left:40%;z-index:9000;
         -moz-box-shadow: 2px 2px 8px 0px #999 ; -webkit-box-shadow: 2px 2px 8px 0px #999 ; box-shadow: 2px 2px 8px 0px #999 ;}
.loader > img {margin-right:5px}

.MarkerFeld {border:1px solid #CC6666 !important;background-color:#FFf6f6 !important}

.Border01 {border:1px solid #999999}
.Border01Bottom {border-bottom:1px solid #999999}
.Border01Top {border-top:1px solid #999999}
.Border01Left {border-left:1px solid #999999}
.Border01Right {border-right:1px solid #999999}

.Space1px, .space1px {font-size:1px;}

#ContainerFlyerDesktop {display:block}
#ContainerFlyerMobile {display:none}
#iFlyerMini {width:100%; height:620px; overflow: hidden;}

/********* Statusfarben ***************/
.ColRot{color:#CC3333}
.ColGelb{color:#CCBB00}
.ColGruen{color:#339933}
.ColSchwarz{color:#000000}

/******************* Autocomplete Suchfeld ***********************/
.SearchFieldTop {width:250px !important;position:absolute;left:710px}
div[class=SearchFieldTop] > div {-moz-box-shadow: none !important;
	       -webkit-box-shadow:  none !important;
	       box-shadow:  none !important;}
	       
/******** styles von jQuery UI Ueberschreiben damit Feld ab 300 px scrollt ***********/
* html .ui-autocomplete {height: 300px;overflow: auto} /* Fuer IE 6***/
.ui-autocomplete { max-height: 300px;overflow: auto; padding-right: 20px;
		-moz-box-shadow: 2px 3px 6px 0px #333 ;
	       -webkit-box-shadow: 2px 3px 6px 0px #333  ;
	       box-shadow: 2px 3px 6px 0px #333;
	}

ul.ui-autocomplete> li.ui-menu-item> div.ui-menu-item-wrapper {padding:0.75rem 0.5rem 0.75rem 1rem;}

.QRCode {max-width:150px;margin:0 20px 10px 0;}
.Themenkachel {max-width:150px;margin:0 10px 10px 0;}

.CategoryIcon {
    max-width: 100px;
    max-height: 100px;
    margin-bottom: 5px;
}

.LinkIcon {
    max-width: 100px;
    max-height: 100px;
    margin-bottom: 5px;
}

.h2rahmen { padding: 10px 0; border-bottom: 4px solid #dadada; }

#ZeigeVideo {
    position: absolute;
    left: 25%;
    top: -50%;
    min-width: 50%;
    min-height: 50%;
    width: 50%;
    height: auto;
    z-index: 999;
    background-color: rgba(92, 92, 92, .92);
    overflow: hidden;
}

.VideoStyle {
    width: 90%;
    display: table;
    margin: auto auto;
}

.VideoStyle a {
    color: White;
    font-weight: bold;
    text-decoration: none;
}

    .VideoStyle a:hover {
        color: Tomato;
    }

.VideoStyle .Beenden {
    float: right;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.VideoStyle video {
    width: 100% !important;
    height: auto !important;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

/****************** Hilfsklassen Breite, Größe etc. *****************/
.WidthMax3rem { max-width:3rem;}
.WidthMax4rem { max-width:4rem;}
.WidthMax5rem { max-width:5rem;}
.WidthMax7_5rem { max-width:7.5rem;}
.WidthMax8rem { max-width:8rem;}
.WidthMax9rem { max-width:9rem;}
.WidthMax10rem { max-width:10rem;}
.Width100 {width:100%;}
.Width7_5rem { width:7.5rem;}
.FloatLeft {float:left;}
.FloatRight {float:right;}
.DisplayNone {display:none;}
.BorderNone {border:none;}
.IconDiv > img {width:24px;height:24px;}
.MarginTop1rem {margin-top:1rem;}
.MarginTop2rem {margin-top:2rem;}
.MarginRight1rem {margin-right:1rem;}
.CursorPointer {cursor:pointer;}
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) { /* Tablet/Pad Version (hoch)  */
    .ContHeader {height:90px;padding:0 10px}
    .InnerHead {height:90px;padding-top:55px}
    .MenuBar {position:fixed;width:260px;left:100%;top:95px;bottom:5px;
            background-color:#f2f2f2;text-align:left;
                padding-right:0;margin-top:0;box-shadow: -2px 1px 2px 0 rgba(0,0,0,0.25)}
    .MenuBar>div:first-child{overflow:auto;height:100%}
    .MenuItem{display:block;float:none;background-color:#f2f2f2;border:none;margin:2px 0}
    .MenuItem:first-child, .MenuItem:last-child {border:none}
    .MenuItem>a {border-bottom:none;height:40px;border-left:5px solid #b2b2b2}

    .TopMenuSelected{border-left:5px solid #92a2bd !important;}

    .MenuItemSubDn > a:after, .MenuItemSubUp > a:after {float:right}
    .SubMen {position:relative;box-shadow: none;margin-left:15px;border:none;}
    .SubMen a {margin:1px 0 1px 1px}
    .SubSide+div {position:relative;left:0;margin:0 0 0 15px ;box-shadow: none;box-sizing:border-box;min-width:200px;border:none}
    .HeadNavBar > div.MobilMenuButton, .MenuSwipeBar {display:inline-block}
    .HeadNavBar a>img {display:block}
    .HeadNavBar a>span {display:none}
    .OuterStandard {padding:0 10px}

    footer {padding: 0 0px; position:relative}

    .BigImgContainer {padding:0 10px 0 30px}
    div.BigImgContainer h1 {font-size: 2.5rem; padding-right:170px}
    .ApContainer {transform:scale(0.75);top:10px;height:207px; overflow:hidden;}
    .ApContainer:active, .ApContainer:hover {transform:scale(1);height:initial}

    .ImageLink {width:48%}
    .ImageNews { max-width:720px;max-height:480px; }
    .ContFeld14 {width:48%}
    .ContFeld34 {width:98%}
    .ContFeld13 {width:48%}
    .ContFeld23 {width:98%}

    #ContainerFlyerDesktop {display:none}
    #ContainerFlyerMobile {display:block}
    #iFlyerMini {height:775px;}

    .icoPopInfo {width:20px; height:20px;vertical-align:-3px;}
}

@media only screen and (max-width: 600px), only screen and (max-device-width: 600px) { /* Mobil (hoch)  */
    .InnerHead {padding-top:50px}
    .HeadLogos {top:10px;}
    .HeadLogos > img:first-child {margin-right:30px}
    .HeadNavBar {top:50px;}
    .PortalHeadline  {text-align:left;padding-left:20px}
    footer {padding:30px 0}
    footer > div > a {padding:6px 20px;text-decoration:none;display:block}

    div.BigImgContainer h1 {font-size: 1.66rem;padding-right:120px}
    .BigImgText {padding-top:0px}
    .BigImgText p {margin:0.2rem 0; padding:0.05rem 0.1rem 0.1rem 0.1rem; font-size:0.8rem; background-color:rgba(255,255,255,0.5);display:inline-block}
    .ApContainer {transform:scale(0.5)}

    .ImageLink {width:98%}
    .ImageNews { max-width:98%;max-height:420px; }

    .ContFeld11, .ContFeld12, .ContFeld14, .ContFeld34, .ContFeld13, .ContFeld23 {width:100%}

    .FormTable td {display:block;padding:1px 0px 1px 0;width:auto;}
    .FormTable td:empty {display:none}
    .FormTable td:last-child {padding-top:40px}
    .FormTable tr td:nth-child(2) {max-width:none}
    .FormTable tr td:first-child {padding-left:0px;padding-top:10px}

    #iFlyerMini {height:920px;}
    .icoPopInfo {width:24px; height:24px;vertical-align:-6px;}
    .VideoViewer > video::cue{font-size:0.75rem;}
}