body                    {font-family: "Arial",Geneva,Verdana,Helvetica,Sans-serif; font-size: 8pt; color: #000000;
                        background-color="#FCF3E6";
                        scrollbar-base-color:#F7F2EE;
                        scrollbar-track-color:#F7F2EE;
                        scrollbar-face-color:#F7F2EE;
                        scrollbar-highlight-color:#F7F2EE;
                        scrollbar-3dlight-color:#DBD7D3;
                        scrollbar-darkshadow-color:#F7F2EE;
                        scrollbar-shadow-color:#DBD7D3;
                        scrollbar-arrow-color:#DBD7D3;}

A.                      { font-family: "Arial",Geneva,Verdana,Helvetica,Sans-serif; font-size: 9pt; color: #0100A9; text-decoration: none; font-weight: bold;}
A.:link                 { font-family: "Arial",Geneva,Verdana,Helvetica,Sans-serif; font-size: 9pt; color: #0100A9; text-decoration: none; font-weight: bold;}
A.:visited              { font-family: "Arial",Geneva,Verdana,Helvetica,Sans-serif; font-size: 9pt; color: #0100A9; text-decoration: none; font-weight: bold;}
A.:active               { font-family: "Arial",Geneva,Verdana,Helvetica,Sans-serif; font-size: 9pt; color: #0100A9; text-decoration: none; font-weight: bold;}
A.:hover                { font-family: "Arial",Geneva,Verdana,Helvetica,Sans-serif; font-size: 9pt; color: #0100A9; text-decoration: underline; font-weight: bold;}

A.nav                   { font-family: "Arial",Geneva,Verdana,Helvetica,Sans-serif; font-size: 12pt; color: #0100A9; text-decoration: none; font-weight: bold;}
A.nav:link              { font-family: "Arial",Geneva,Verdana,Helvetica,Sans-serif; font-size: 12pt; color: #0100A9; text-decoration: none; font-weight: bold;}
A.nav:visited           { font-family: "Arial",Geneva,Verdana,Helvetica,Sans-serif; font-size: 12pt; color: #0100A9; text-decoration: none; font-weight: bold;}
A.nav:active            { font-family: "Arial",Geneva,Verdana,Helvetica,Sans-serif; font-size: 12pt; color: #000000; text-decoration: none; font-weight: bold;}
A.nav:hover             { font-family: "Arial",Geneva,Verdana,Helvetica,Sans-serif; font-size: 12pt; color: #000000; text-decoration: none; font-weight: bold;}

A.subnav                { font-family: "Arial",Geneva,Verdana,Helvetica,Sans-serif; font-size: 10pt; color: #0100A9; text-decoration: none; font-weight: normal;}
A.subnav:link           { font-family: "Arial",Geneva,Verdana,Helvetica,Sans-serif; font-size: 10pt; color: #0100A9; text-decoration: none; font-weight: normal;}
A.subnav:visited        { font-family: "Arial",Geneva,Verdana,Helvetica,Sans-serif; font-size: 10pt; color: #0100A9; text-decoration: none; font-weight: normal;}
A.subnav:active         { font-family: "Arial",Geneva,Verdana,Helvetica,Sans-serif; font-size: 10pt; color: #000000; text-decoration: none; font-weight: normal;}
A.subnav:hover          { font-family: "Arial",Geneva,Verdana,Helvetica,Sans-serif; font-size: 10pt; color: #000000; text-decoration: none; font-weight: normal;}

A.kopfzeile             { font-family: "Arial",Geneva,Verdana,Helvetica,Sans-serif; font-size: 11pt; color: #0100A9; text-decoration: none; font-weight: bold;}
A.kopfzeile:link        { font-family: "Arial",Geneva,Verdana,Helvetica,Sans-serif; font-size: 11pt; color: #0100A9; text-decoration: none; font-weight: bold;}
A.kopfzeile:visited     { font-family: "Arial",Geneva,Verdana,Helvetica,Sans-serif; font-size: 11pt; color: #0100A9; text-decoration: none; font-weight: bold;}
A.kopfzeile:active      { font-family: "Arial",Geneva,Verdana,Helvetica,Sans-serif; font-size: 11pt; color: #000000; text-decoration: none; font-weight: bold;}
A.kopfzeile:hover       { font-family: "Arial",Geneva,Verdana,Helvetica,Sans-serif; font-size: 11pt; color: #000000; text-decoration: none; font-weight: bold;}

A.fusszeilevss          { font-family: "Arial",Geneva,Verdana,Helvetica,Sans-serif; font-size: 9pt; color: #0100A9; text-decoration: none; font-weight: bold;}
A.fusszeilevss:link     { font-family: "Arial",Geneva,Verdana,Helvetica,Sans-serif; font-size: 9pt; color: #0100A9; text-decoration: none; font-weight: bold;}
A.fusszeilevss:visited  { font-family: "Arial",Geneva,Verdana,Helvetica,Sans-serif; font-size: 9pt; color: #0100A9; text-decoration: none; font-weight: bold;}
A.fusszeilevss:active   { font-family: "Arial",Geneva,Verdana,Helvetica,Sans-serif; font-size: 9pt; color: #000000; text-decoration: none; font-weight: bold;}
A.fusszeilevss:hover    { font-family: "Arial",Geneva,Verdana,Helvetica,Sans-serif; font-size: 9pt; color: #000000; text-decoration: none; font-weight: bold;}

table                   { font-family: "Arial",Geneva,Verdana,Helvetica,Sans-serif; font-size: 9pt; color: #000000; text-decoration: none;}
td                      { font-family: "Arial",Geneva,Verdana,Helvetica,Sans-serif; font-size: 9pt; color: #000000; text-decoration: none;}
p                       { font-family: "Arial",Geneva,Verdana,Helvetica,Sans-serif; font-size: 9pt; color: #000000; text-decoration: none;}

.textvss                { font-family: "Arial",Geneva,Verdana,Helvetica,Sans-serif; font-size: 12px; color: #0100A9; text-decoration: none;font-weight: bold;}
.infoboxtitel           { font-family: "Arial",Geneva,Verdana,Helvetica,Sans-serif; font-size: 12pt; color: #FFFFFF; text-decoration: none;}
.infoboxinhalt          { font-family: "Arial",Geneva,Verdana,Helvetica,Sans-serif; font-size: 8pt; color: #FFFFFF; text-decoration: none;}
.seitentitel            { font-family: "Arial",Geneva,Verdana,Helvetica,Sans-serif; font-size: 10pt; color: #F99200; text-decoration: none;  font-weight: bold;}
.ticker                 { font-family: "Arial",Geneva,Verdana,Helvetica,Sans-serif; font-size: 8pt; color: #ffffff; text-decoration: none;}
.titel                  { font-family: "Arial",Geneva,Verdana,Helvetica,Sans-serif; font-size: 9pt; color: #CEA65A; text-decoration: none; font-weight: bold; }
.fusszeile              { font-family: "Arial",Geneva,Verdana,Helvetica,Sans-serif; font-size: 7pt; color: #999999; text-decoration: none; font-weight: bold; }
.fusszeilevss           { font-family: "Arial",Geneva,Verdana,Helvetica,Sans-serif; font-size: 11pt; color: #0100A9; text-decoration: none; font-weight: bold;}
.kopfzeile              { font-family: "Arial",Geneva,Verdana,Helvetica,Sans-serif; font-size: 11pt; color: #0100A9; text-decoration: none; font-weight: bold;}
.suche                  { font-family: "Arial",Geneva,Verdana,Helvetica,Sans-serif; font-size: 9pt; color: #0100A9; text-decoration: none; font-weight: bold;}
.text_weiss_fett        { font-family: "Arial",Geneva,Verdana,Helvetica,Sans-serif; font-size: 9pt; color: #FFFFFF; text-decoration: none; font-weight: bold;}

hr                      { height:1px; color:#C6C3C6; }

input                   { color:#000000;font-size:8pt;font-family:Verdana,Helvetica,Verdana;
                        BORDER-LEFT:#C6C3C6 1px solid;
                        BORDER-RIGHT:#C6C3C6 1px solid;
                        BORDER-TOP:#C6C3C6 1px solid;
                        BORDER-BOTTOM:#C6C3C6 1px solid;}

.inputsuche             { color:#0100A9; font-size:12pt; font-family:Arial,Verdana,Helvetica,Verdana; font-weight: bold;
                        BORDER-LEFT:#C6C3C6 0px solid;
                        BORDER-RIGHT:#C6C3C6 0px solid;
                        BORDER-TOP:#C6C3C6 0px solid;
                        BORDER-BOTTOM:#C6C3C6 0px solid;}

.inputsuche             { color:#0100A9; font-size:12pt; font-family:Arial,Verdana,Helvetica,Verdana; font-weight: bold;
                        BORDER-LEFT:#FFFFFF 0px solid;
                        BORDER-RIGHT:#FFFFFF 0px solid;
                        BORDER-TOP:#FFFFFF 0px solid;
                        BORDER-BOTTOM:#FFFFFF 0px solid;}

.noborder               { BORDER-LEFT:0px;
                        BORDER-RIGHT:0px;
                        BORDER-TOP:0px;
                        BORDER-BOTTOM:0px;}

.button                 { color:#B5BAC6;font-size:8pt;font-family:Verdana,Helvetica,Verdana;
                        BORDER-LEFT:#C6C3C6 1px solid;
                        BORDER-RIGHT:#C6C3C6 1px solid;
                        BORDER-TOP:#C6C3C6 1px solid;
                        BORDER-BOTTOM:#C6C3C6 1px solid;}

textarea                { color:#000000;font-size:8pt;height:45px;width:254px;font-family:Verdana,Helvetica,Verdana;
                        BORDER-LEFT:#C6C3C6 1px solid;
                        BORDER-RIGHT:#C6C3C6 1px solid;
                        BORDER-TOP:#C6C3C6 1px solid;
                        BORDER-BOTTOM:#C6C3C6 1px solid;
                        background-color="#ffffff";
                        scrollbar-base-color:#ffffff;
                        scrollbar-track-color:#ffffff;
                        scrollbar-face-color:#ffffff;
                        scrollbar-highlight-color:#ffffff;
                        scrollbar-3dlight-color:#C6C3C6;
                        scrollbar-darkshadow-color:#ffffff;
                        scrollbar-shadow-color:#C6C3C6;
                        scrollbar-arrow-color:#C6C3C6;}

#orangeborder           { border-color:#F99302;}
#blauborder             { border-color:#0100A9;}
#grauborder             { border-color:#E3E3E3;}


ul                      { margin-left: 20px; list-style-position:outside;}
li                      { list-style-image: url(/static/linienverkehr/aufzpunkt.gif)
 }
 
#cookie-info                        { position: fixed; bottom: 10px; z-index: 10000; width: 100%; }
#cookie-info-content                { max-width: 625px; margin: 0 auto;  background-color: #fff; color: #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; padding: 10px; border: 2px solid #0200a9; }
#cookie-info-text                   { font-size: 9pt; }
#cookie-info-button									{  }
#cookie-info-button span            { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; padding: 5px 10px; color: #fff; background-color: #0200a9; margin-top: 10px; cursor: pointer; font-size: 10pt; }
#cookie-info-spacer                 { height: 105px; width: 100%; }



.cookie-informationen { display: table; box-sizing: border-box; padding-bottom: 25px; }
.cookie-informationen * { box-sizing: border-box; }
.cookie-informationen p { margin-top: 0; }
.cookie-row { display: table-row; }
/*.cookie-row:nth-child(odd) .cookie-info-name { background-color: #d3d3d3; }
.cookie-row:nth-child(odd) .cookie-info-text { background-color: #d3d3d3; }*/
.cookie-info-name { display: table-cell; vertical-align: top; white-space: nowrap; padding: 0 0 5px 0; font-weight: bold; font-style: italic; }
.cookie-info-text { display: table-cell; vertical-align: top; padding: 0 0 5px 10px; }




#cookie-opt-in { position: fixed; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.85); z-index: 3500; color: #fff; padding: 10px; box-sizing: border-box; font-size: 11pt; }
#cookie-opt-in * { box-sizing: border-box; }
#coi-center {  max-width: 900px; margin: 0 auto; }
#coi-infotext { /*text-align: justify;*/ }
#coi-infotext p { margin-bottom: 0; padding-bottom: 0; }
#coi-infotext a, #coi-infotext a:hover { color: #f99200; }
#coi-infolinks { padding: 10px 0 5px 0; }
#coi-form { padding-top: 10px; }
#coi-form button { border: 1px solid #d3d3d3; cursor: pointer; background-color: #d1710b; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#cookie-opt-in label { display: inline-block; }
#coi-cookies { display: flex; flex-wrap: wrap; }
.coi-cookie {  }
.coi-checkbox { padding-right: 20px; }

.iframe-daten-info { background-color: rgba(0,0,0,0.7); color: #fff; padding: 50px 10px; text-align: center; }
.idi-text {  }
.idi-text p { padding-bottom: 0; margin-bottom: 0; }
.idi-form { padding-top: 20px; }
/*.idi-button { border: 1px solid #d3d3d3; cursor: pointer; background-color: #d1710b; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; padding: 6px 10px; }*/

#coi-shor-tbl { display: table; width: 100%; }
#coi-short-text { display: table-cell; vertical-align: top; }
#coi-short-close { display: table-cell; vertical-align: top; text-align: right; width: 100px; }
#coi-short-close div { padding: 6px 10px; background-color: #f99200; display: inline-block; font-size: 10pt; cursor: pointer; }

@media screen and (max-width: 768px){
  .coi-cookie { flex: 0 0 100%; }
  #coi-infolinks { font-size: 10pt; }
}


/* für neue Startseite */
body          { margin:0; padding:0; }
#wrap         { margin:0; padding:0; }
#inhalt       { border:1px solid #F99302; margin-left:auto; margin-right:auto; width:973px; position:relative; background-image:url(/static/linienverkehr/hg_full.jpg); background-position:bottom; background-color:#fff; background-repeat:no-repeat;}
#logo         { margin-top:29px; margin-bottom:20px; position:relative; }
#navigation   { margin-left:10px; border:2px solid #0100A9; background-color:#fff; width:173px; margin-bottom:29px; }
#subnav       { position:absolute; left:205px; top:15px; }
#startText    { position:absolute; left:265px; top:45px; }
#suche        { position:absolute; left:790px; top:0px; font-size:9pt; }
#boxen        { position:absolute; left:710px; top:60px; width:176px; }
#wannWohin    { padding-bottom:2px; background-color:#f99200; }















/* Consent Banner */
#consent-banner { position: fixed; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.85); z-index: 5000; color: #fff; font-size: 11pt; }
#consent-banner, #consent-banner * { box-sizing: border-box; }
#consent-banner-center { max-width: 1000px; padding: 10px; display: flex; gap: 35px; margin: 0 auto; }
#consent-banner-left { flex-grow: 1; }
#consent-banner-right { flex: 0 0 175px; }

#content-banner-buttons { display: flex; flex-direction: column; gap: 25px; }
.consent-banner-button > button { width: 100%; }

#consent-banner-text { padding-bottom: 10px; }
#consent-banner-links { display: flex; gap: 20px; }
#consent-banner-links a, #consent-banner-links a:hover { color: #f99200; }

#consent-banner-checkboxen { display: flex; gap: 30px; padding-top: 10px; flex-wrap: wrap; }

.cb-btn { background-color: #f99200; color: #fff; border: 0; border-radius: 3px; padding: 6px; cursor: pointer; }
/*.form-check { display: flex; gap: 5px; }*/


/*.consent-banner-unblock-info { background-color: rgb(54 54 54 / 85%); color: #fff; font-size: 11pt; text-align: center; padding: 15px; }
.consent-banner-unblock-info-text p { padding-bottom: 0; margin-bottom: 0; }
.consent-banner-unblock-info-link { padding-top: 10px; }
.consent-banner-unblock-info-button { padding-top: 15px; }*/

@media screen and (max-width: 1024px){
  #consent-banner-center { flex-direction: column; gap: 15px; }
  #consent-banner-left { flex: 0 0 100%; }
  #consent-banner-right { flex: 0 0 auto; }
  #content-banner-buttons { flex-direction: row; justify-content: center; }
  .consent-banner-button { flex: 0 0 175px; }
}

@media screen and (max-width: 450px){
  #content-banner-buttons { flex-direction: column; gap: 10px; }
  .consent-banner-button { flex: 0 0 auto; }
}
/* Consent Banner */
