/*Banner*/
/*#banner{*/
/*height:300px;*/
/*width:980px;*/
/*background-color:lightblue;*/
/*    background: url("../img/180606_DB_ST_bahn.deKeyvisual_Skyline_980x300.jpg") no-repeat;
    background-size: cover;
}*/

/*Template Korrekturen*/

.hovernochange:hover {
    color: white !important;
    text-decoration: none !important;
}


.icon-zahlung {
    background-image: url(../img/icon-se530d055c2.png);
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 56px;
    height: 56px;
}

.icon-icon_paypal_large {
    background-position: 0 -1984px;
}

.icon-icon_sofort_ueberweisung_large {
    background-position: 0 -2928px;
}

.icon-icon_kreditkarte_large {
    background-position: 0 -1640px;
}


.linkfooter .faq>div {
    margin-top: 30px;
}

.linkfooter .faq>div a {
    color: #333;
}

.linkfooter .faq>div a:hover,
.tabletNav-content li a:hover,
.meta li a:hover {
    text-decoration: none;
}

#header-elements .burger,
#nav-back {
    color: #333;
}

.tabletNav-content li a,
.meta li a {
    color: #333;
}

h2.light {
    font-size: 20px;
}

@media only screen and (min-width:767px) {
    .modul.social-media-leiste.clearfix {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .linkfooter {
        background: #626973;
        padding-top: 26px;
    }
}

@media only screen and (max-width: 980px) {

    #sidebar,
    nav {
        display: none;
    }

    #mobileLogout {
        display: block !important;
    }
}

body>div.container-fluid {
    padding: 0px;
}

.breadcrumb {
    margin-bottom: 0px;
}

/*allgemein*/
form label {
    width: inherit;
}

.font-db-red {
    color: #cc0000;
}

a.link {
    color: #333;
    display: initial;
}

.link:hover {
    color: #c00;
    text-decoration: underline;
}

a.inactive {
    cursor: initial;
}

a.inactive:hover {
    text-decoration: none;
    color: #333;
}

.eingabeflaeche {
    background-color: white;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.349);
    padding: 0px;
}

.padding-Eingabeboxen {
    padding: 20px 77px;
}

@media only screen and (max-width:567px) {
    .padding-Eingabeboxen {
        padding: 20px 20px;
    }
}


.paddingNormal_15 {
    padding: 15px;
}

.abtrenner {
    margin: 0px;
    padding: 0 0 0 0;
    border-top: 1px solid lightgray;
}

.zusendungGreyBackground {
    color: #646973;
    padding: 15px;
    background-color: #f5f5f5;
    margin-top: 30px;
    margin-bottom: 5px;
}


.widthFull {
    width: 100%;
}

div.custom-select {
    margin: 0;
}


.backgroundWhitesmoke {
    background-color: #F5F5F5;
}


.icon-icon_tickets_medium-db-sprite {
    background-position: 0 -2984px;
    width: 40px;
    height: 40px;
    bottom: 10px;
}

.icon_kreditkarte_medium {
    background-position: 0 -1696px;
    width: 40px;
    height: 40px;
}

.ico-db-sprite {
    position: relative;
    background-image: url(../img/icon-se530d055c2.png);
    text-indent: 9999em;
    display: inline-block;
}



/*Startseite Sommer-Ticket*/

.boxPanel {
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.349019607843137);
    border-color: lightgrey;
}

.boxPanelText {
    background: rgba(0, 0, 0, 0.4);
    color: white;
    padding: 0 20px;
    display: block;
    position: relative;
}

#startColumnBuchung {
    margin-bottom: 15px;
}

#startBuchungLoginImage {
    background-image: url('../img/loginTickets.jpg');
    border-bottom: #f01414 solid 6px;
    height: 191px;
    background-size: cover;
}

#startBuchungPanel {
    background-image: url('../img/zurBuchung.jpg');
    background-size: cover;
    min-height: 285px;
}

#startLoginPanel {
    min-height: 285px;
}

#startBuchungButtonZurbuchung {
    color: #fff;
    bottom: 42px;

    width: 220px;
    position: absolute;
}

#startBuchungZugangscode {
    margin: 10px 0px 10px 10px;
}

#startBuchungPasswort {
    margin: 0px 0px 10px 10px;
    display: block;
    max-width: 100%;
}

@media only screen and (max-width: 767px) {
    #loginButton {
        width: 215px !important;
        margin: 5px 10px 10px 10px !important;
    }

    #startLoginDatenVergessen {
        margin: 15px;
    }

    #startBuchungButtonZurbuchung {
        left: 20px;
    }

    #startBuchungZugangscode,
    #startBuchungPasswort {
        width: 215px;
    }

    #forwardButton {
        margin: 0 10px 20px !important;
        width: 215px !important;
    }

}

@media only screen and (min-width: 768px) {
    #startBuchungZugangscode {
        max-width: 100%;
    }

    #loginButton {
        width: 94% !important;
        margin: 10px 10px 10px 0px !important;
    }

    #startLoginDatenVergessen {
        margin: 0 0 0 5px;
    }

    #startBuchungButtonZurbuchung {
        right: 10px;
    }

    #forwardButton {
        max-width: 94%;
        margin: 52px 10px 10px 0px !important;
        width: 200px !important;
    }
}


/*Seite Ticket*/

.marginContainer {
    margin: 20px 20px 30px 20px;
}


#ticketContainerAdresse label {
    display: block;
    margin-bottom: 0px;
    margin-top: 5px
}

#ContainerAdresse label {
    margin-bottom: 0px;
    margin-top: 5px;
}

#ContainerAdresse input {
    font-family: DBSansBold !important;
    font-size: 14px !important;
    line-height: 20px;
}

/*AGB checkbox*/
#ticketContainerAdresseAGB [type="checkbox"]+label:before,
#buchungUeberpruefenContainerAGB [type="checkbox"]+label:before {
    top: 2px;
}

#ticketContainerAdresseAGB [type="checkbox"]+label:after,
#buchungUeberpruefenContainerAGB [type="checkbox"]+label:after {
    top: 3px;
    left: 2px;
}



#adresseAnredeSelect,
#adresseAnredeSelect:focus {
    border: 1px solid #878c96;
    height: 30px;
    outline-color: #878c96;

}

#BahnbonusDatenForm table tr:nth-child(odd) {
    background: none;
}

#BahnbonusDatenForm tr td:first-child {
    width: 73px;
}

#BahnbonusDatenForm label {
    display: block;
}

#BahnbonusDatenForm input {
    font-family: DBSansBold !important;
    font-size: 14px !important;
    line-height: 20px;
}


/*ticket Fahrten Übersicht*/


#ticketFahrtenUebContainer {
    padding: 0 20px 20px 20px;
}

.ticketFahrtenUebTicket {
    display: inline-block;
    border: 2px solid #d5d5d5;
    position: relative;
    width: 227px;
    margin-top: 15px;
    background-color: #fff;
}

.ticketFahrtenUebHeadingDark {
    background-color: #646973;
    color: #fff;
    padding: 7px 10px 5px 10px;
    margin: -2px -2px 0px -2px;
}

.ticketFahrtenUebHeadingLight {
    background-color: #d5d5d5;
    color: #000;
    padding: 5px 8px;
}

.ticketFahrtenUebContent {
    padding: 18px 8px 0px 8px;
    height: 246px;
}

.ticketFahrtenUebCircleLeft {
    border: 2px solid #d5d5d5;
    width: 8px;
    height: 16px;
    border-radius: 0 8px 8px 0;
    border-left: 0;
    padding: 0;
    background-color: #f2f2f2;
    position: absolute;
    left: -2px;
    z-index: 9;
}

.ticketFahrtenUebCircleRight {
    border: 2px solid #d5d5d5;
    width: 8px;
    height: 16px;
    border-radius: 8px 0 0 8px;
    border-right: 0;
    padding: 0;
    background-color: #f2f2f2;
    position: absolute;
    right: -2px;
    z-index: 9;
}

.ticketFahrtenUebContainerBereitsEin {
    border-top: 1px solid #d5d5d5;
    padding: 20px 8px 24px 8px;
    margin-top: 6px;
    text-align: center;
}

.ticketFahrtenUebContainerFahrtHin {
    border-top: 1px solid #d5d5d5;
    padding: 15px 8px;
    margin-top: 6px;
}


.ticketFahrtenUebFahrtHinButton {
    float: none !important;
}

@media only screen and (max-width: 767px) {
    input.ticketFahrtenUebFahrtHinButton {
        float: none !important;
        margin: 0 0 5px 20px !important;
        width: auto !important;

    }
}


#ticketFahrtenUebTicketFahrt1 {
    margin-right: 10px;
}

#ticketFahrtenUebTicketFahrt2 {
    margin-right: 6px;
}

#ticketFahrtenUebTicketFahrt3 {
    margin-right: 10px;
}

@media only screen and (max-width: 531px) {
    #ticketFahrtenUebTicketFahrt4 {
        margin-right: 6px;
    }
}

/*ticket Fortschrittsanzeige */
#ticketContainerFortschrittsanzeige,
#buchungFortschrittsanzeige {
    margin-bottom: 20px;
}

/*ticket Reiseauskunft*/
#quickfinder {
    max-width: 780px;
    min-height: 295px;
    margin: 20px auto;
    border: 2px solid #878C96;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
    background: #f2f2f2;
    border-top: solid 4px #f01414;
    padding: 10px;
}

#quickfinder input.button-db {
    margin: 10px 10px 10px 0 !important;
}

@media only screen and (min-width: 768px) {
    #quickfinderContainer {
        padding: 0 10px 0 30px;
    }

    #quickfinderContainer {
        margin-top: 15px;
    }

    .ticketZielbahnhofMessage {
        margin-left: 23px;
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    #quickfinder {

        border: 0;
        -webkit-box-shadow: 0 0 0 0;
        box-shadow: 0 0 0 0;
        border-top: 0;
        padding: 0 0 20px 0;

    }

    #quickfinderContainer {
        max-width: 350px;
        padding: 20px 10px 0 10px;
    }

}

@media only screen and (min-width:768px) and (max-width:820px) {
    #quickfinder {
        margin: 20px 20px;
    }

    #quickfinderContainer {
        padding: 0 10px 0 10px !important;
    }
}

@media only screen and (max-width: 380px) {

    #startbahnhof,
    #zielbahnhof {
        width: 204px !important;
    }

    #quickfinderBahnhofstauschColumn {
        margin: 0px;
        padding-left: 0px !important;
    }
}



#startbahnhof,
#zielbahnhof {

    border: solid 1px #878c96;
    border-left: solid 0px #878c96;
    width: 251px;
    height: 32px;
}

#startbahnhof-label,
#zielbahnhof-label {
    border-right: 0px !important;
    border-left: 1px solid #878c96 !important;
    border-top: 1px solid #878c96 !important;
    border-bottom: 1px solid #878c96 !important;
    padding-left: 6px;
    width: 100%;
    height: inherit;
    position: inherit;
    line-height: 16px;
    color: #878c96;
    line-height: 16px;
    color: #878c96;
    top: 0px;
    width: 20px;
    width: 37px;
    height: 32px;
    background-color: white;
    margin-right: 0px;
}


#quickSwitchColumnDesk {
    width: 11.67%;
    text-align: center;
}


svg.icon-swap {
    position: relative;
    height: 32px;
    width: 32px;
    top: 0;
    left: 0;
    padding: 4px;
    fill: #878c96;
    border: solid 1px #878c96;
    background: #fff;
}

svg.icon-swap:hover {
    cursor: pointer
}

#js-auskunft-timeinput {
    min-width: 127px;
}

@media only screen and (max-width: 767px) {
    form #quickfinder label {
        padding-top: 7px;
    }
}

.icon-nav {
    background: #f5f5f5 url(../img/icon-sprite.png) no-repeat scroll 0 0;
    cursor: pointer;
    height: 29px;
    width: 30px;
}

.icon-nav:hover {
    background-color: #e1e1e1;
}

.arrow-left {
    background-position: -34px -191px;
}

.arrow-right {
    background-position: -68px -191px;
}


#ui-datepicker-div.ui-datepicker-multi {
    width: 802px !important;
}

#quickfinder div>.ui-datepicker-trigger {
    display: block;
}

#quickfinder #dateHin {
    line-height: 29px;
    min-height: 29px;
    height: 29px
}

.quickfinderRowMargin {
    margin-top: 10px;
    margin-bottom: 10px;
}

#quickAnzahlKinder,
#quickAnzahlKinder:focus {
    border: 1px solid #878c96;
    height: 30px;
    outline-color: #878c96;
    width: 110px;
}

.startbahnhofContainer,
.zielbahnhofContainer {
    width: 276px;
}

.zielbahnhofContainer {
    margin-left: 23px;
}

@media only screen and (min-width:768px) {

    #quickSwitchColumnDesk {
        padding-left: 30px;
    }

}

#searchErrorEingabeflaeche {
    margin-right: 20px;
}

#quickfinderButtonContainer {
    padding: 15px 20px 0 0;
}

@media only screen and (max-width:767px) {
    .zielbahnhofContainer {
        margin-left: 0px;
        margin-top: -14px;
    }

    #js-auskunft-timeinput {
        margin-top: 10px;
    }

    #quickSwitchColumnDesk {
        display: flex;
        margin-top: -14px;
        margin-left: 289px;
    }

    #searchErrorEingabeflaeche {
        margin-right: 5px;
    }

    #quickfinderButtonContainer {
        padding: 15px 8px 0 0;
    }

}

@media only screen and (max-width:375px) {

    .startbahnhofContainer,
    .zielbahnhofContainer {
        width: 232px;
    }

    .zielbahnhofContainer {
        width: 232px;
        margin-top: -14px;
    }

    #quickSwitchColumnDesk {
        display: flex;
        margin-top: -14px;
        margin-left: 245px;
    }

}

@media only screen and (min-width:768px) and (max-width:796px) {
    #zielbahnhofColumn {
        margin-left: -20px;
    }
}




/*ticket Reiseauskunft Übersicht*/
#reiseausHeadRow {
    margin: 0px;
    padding: 2px 0 2px 0;
    background-color: #e7e7e7;
}

#reiseaustHeadHaltestelle {
    background-color: #e7e7e7;
}

#reiseausHeadZeit {
    background-color: #e7e7e7;
}

#reiseausHeadDauer {
    background-color: #e7e7e7;
}

#reiseausHeadUmstiege {
    background-color: #e7e7e7;
}

#reiseausHeadProdukte {
    background-color: #e7e7e7;
}

#reiseausHeadAuswahl {
    background-color: #e7e7e7;
}

#reiseausHeadUmstiege {
    padding: 0px;
    text-align: center;
}


@media only screen and (min-width: 768px) {
    #reiseausHeadZeit {
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
    }

    #reiseausHeadUmstiege {
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
    }

    #reiseausHeadProdukte {
        border-right: 1px solid #fff;
        padding: 0px;
        text-align: center;
    }

    #reiseausHeadDauer {
        padding: 0px;
        text-align: center;
    }

    .reiseausVerbRow {
        margin: 20px 0px 0px 0px;
        display: flex;
    }
}

@media only screen and (max-width: 767px) {
    #ticketFahrtenFrueher {
        margin-bottom: 10px;
    }

    .reiseausVerbRow {
        margin: 10px 0 0px 0;
        padding: 10px 0px 15px 0px;
    }

    .detailsResponseHeadingColumn {
        padding-left: 56px;
    }

    .detailsHeadingContainer {
        width: 89%;
    }
}


.farhtenPrevArrow:before {
    font-family: "db-icons";
    font-size: 7px;
    content: "\f11b";
    color: #fff;
    position: absolute;
    top: 17px;
    left: 6px;
}

.farhtenNextArrow:before {
    font-family: "db-icons";
    font-size: 7px;
    content: "\f11a";
    color: #fff;
    position: absolute;
    top: 17px;
    left: 6px;
}

.reiseausColHaltestelle {
    background-color: #fff;
}

.reiseausColZeit {
    background-color: #F5F5F5;
}

.reiseausColDauer {
    background-color: #fff;
}

.reiseausColUmstiege {
    background-color: #F5F5F5;
}

.reiseausColProdukte {
    background-color: #fff;
}

.reiseausColAuswahl {
    background-color: #F5F5F5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ticketDetailsLineColumn {
    display: inline-block;
    width: 66px;
    padding-left: 30px;
}

@media only screen and (max-width: 479px) {
    .hide_smaller_than480 {
        display: none;
    }

    .reiseausColAuswahl {
        width: 100%;
    }
}

@media only screen and (min-width: 479px) {
    .hide_greater_than479 {
        display: none;
    }
}



@media only screen and (max-width: 767px) {
    .reiseausColZeit {
        background-color: #fff;
    }

    .reiseausColUmstiege {
        background-color: #fff;
    }

    .reiseausColAuswahl {
        background-color: #fff;
        margin-top: 15px;
    }

}


@media only screen and (max-width: 767px) {
    .hide_smaller_than768 {
        display: none;
    }

    .ticketFahrtenRepeatContainer {
        padding-bottom: 0px;
    }

    .ticketDetailsLineColumn {
        margin-right: 15px;
        padding-left: 10px;
    }

    .auswahl_details_zugnummer_fahrplan {
        text-align: left !important;
    }

    .fahrtenPrevNextColumn {
        margin: 0 auto;
        float: none;
        width: 100px;
    }

    .ticketDetailsLineColumn {
        padding-top: 20px;
        width: 32px;
    }

    .ticketUeberpruefenResInklusive {
        padding-top: 4px;
    }
}


@media only screen and (min-width:768px) {
    .hide_greater_than767 {
        display: none;
    }

}

.textOverflowElipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



.sendungstoggleButton {
    cursor: pointer;
    width: 170px;
    margin: 15px 0;
}

.sendungsDetailsEinblendenButton:hover,
.sendungsDetailsAusblendenButton:hover {
    background: #646973;
}

.sendungsDetailsEinblendenButton,
.sendungsDetailsAusblendenButton {
    display: inline-block;
    background: #878c96;
    width: 22px;
    height: 22px;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);
    text-align: initial;
}

.sendungsDetailsEinblendenIcon,
.sendungsDetailsAusblendenIcon {
    fill: white;
    height: 11px;
    width: 11px;
    margin: 6px 0px 0px 5px;
}

einblendenIconPath {
    fill: white;
    height: 11px;
    width: 11px;
    margin: 6px 0px 0px 5px;
}

.ausblendenIconPath,
.fahrtDdetailsEinblendenContainer {
    display: none;
}

.ticketFahrtenRepeatContainer {
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
}

/*Überprüfen Sie Ihre Buchung*/
.iconSitzInkl {
    font-family: db-icons;
    color: #333333;
    font-size: 16px;
    margin-left: 4px;
}

/*Bestätigung*/

#bestaetigung_form {
    font-size: 14px;
    background: rgb(245, 245, 245);
}

#bestaetigung_content {
    padding: 20px;
}

.bestaetigung_pfeil_rechts {
    margin-top: 35px;
    height: 20px;
    width: 60px;
    background: url("../img/icon-sprite-db-new.png") 0 -2570px no-repeat #fff;
}


@media only screen and (max-width: 767px) {
    #bestaetigung_banner_wir_wuenschen {
        display: inline-block;
        margin-top: 20px;
    }

    #bestaetigung_content .bestaetigung_pfeil_rechts {
        display: none;
    }

    #bestaetigung_digital_papier_column {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #bestaetigung_banner_wir_wuenschen {
        display: inline-block;
        margin-top: 20px;
    }

    .bestaetigungMarginResp {
        margin-top: 15px;
    }

    .bestaetigungTicketConfImage {
        margin: 0 auto;
    }

    #startBuchungPanel {
        display: none;
    }
}

@media only screen and (min-width:768px) {

    /* Bestätigungsseite*/
    .noPaddingGreaterThan768 {
        padding: 0px;
    }

    #bestaetigung_digital_papier_column {
        width: 28%;
    }

    .bestaetigungTicketConfImage {
        float: right;
    }
}

@media only screen and (min-width:768px) and (max-width:820px) {
    .bestaetigungiPadSmallerFontSize {
        font-size: 12px !important;
    }

    .iPadPaddingZero {
        padding-right: 0px;
        padding-left: 0px;
    }
}


/*Richfaces Autocomplete*/
/* angepasst*/

#startbahnhof input.rf-au-inp,
#zielbahnhof input.rf-au-inp {
    width: 236px;
}

@media only screen and (max-width:375px) {

    #startbahnhof input.rf-au-inp,
    #zielbahnhof input.rf-au-inp {
        width: 192px;
    }

    #zielbahnhof input.rf-au-inp {
        width: 192px;
    }

}

#startbahnhofItems,
#zielbahnhofItems {
    background: white !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

#startbahnhofInput,
#zielbahnhofInput {
    line-height: 29px;
    min-height: 29px;
}


.rf-au {
    border: none !important;
}

#startbahnhof input.rf-au-inp {
    padding-left: 2px;
}

#zielbahnhof input.rf-au-inp {
    padding-left: 4px;
}

#zielbahnhofItems .rf-au-itm,
#startbahnhofItems .rf-au-itm {
    background-color: white;
    width: 286px;
    padding-left: 12px;
    font-family: DBSansRegular;
    font-size: 14px;
}

#zielbahnhofList .rf-au-itm-sel,
#startbahnhofList .rf-au-itm-sel {
    border: none;
}

#zielbahnhofList .rf-au-lst-dcrtn,
#startbahnhofList .rf-au-lst-dcrtn {
    border: none;
}


.rf-au-lst-cord {
    color: #333;
    border: none;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    font-family: DBSansRegular, Arial, Helvetica, "sans serif";
    font-weight: normal;
    padding: 0px;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}


#zielbahnhofItems .rf-au-itm:hover,
#zielbahnhofItems .rf-au-itmi:focus,
#zielbahnhofItems .rf-au-itm:active {
    border: none;
    background-color: #e7e7e7;
    color: #333;
    font-family: DBSansRegular, Arial, Helvetica, "sans serif";
    font-weight: normal;
    cursor: pointer;
}

#startbahnhofItems .rf-au-itm:hover,
#startbahnhofItems .rf-au-itmi:focus,
#startbahnhofItems .rf-au-itm:active {
    border: none;
    background-color: #e7e7e7;
    color: #333;
    font-family: DBSansRegular, Arial, Helvetica, "sans serif";
    font-weight: normal;
    cursor: pointer;
}

.rf-au-lst-cord:before {
    background: #fff;
    content: "";
    display: block;
    height: 10px;
    position: absolute;
    top: -4px;
    left: 10px;
    transform: skew(0deg) rotate(135deg);
    -webkit-transform: skew(0deg) rotate(135deg);
    -moz-transform: skew(0deg) rotate(135deg);
    -ms-transform: skew(0deg) rotate(135deg);
    -o-transform: skew(0deg) rotate(135deg);
    width: 10px;
    box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.12);
    z-index: inherit;
}

#startbahnhofItems .rf-au-itm.rf-au-opt.rf-au-fnt.rf-au-inp,
#zielbahnhofItems .rf-au-itm.rf-au-opt.rf-au-fnt.rf-au-inp {
    padding: 0px 5px
}

#startbahnhofItems,
#zielbahnhofItems {
    margin-top: 0px
}

#startbahnhofList .rf-au-lst-scrl,
#zielbahnhofList .rf-au-lst-scrl {
    background-color: white
}

#startbahnhofList,
#zielbahnhofList {
    margin-top: 0px
}

.rf-au-lst-dcrtn {
    padding-top: 10px;
    background-color: white;
}


/* Buchung Ticketart */

@media only screen and (max-width:768px) {
    .navigationRespons {
        margin-left: 20px;
    }
}

/*Trefferliste*/
.rf-au-lst-scrl {
    max-height: 200px !important;
}


/* Buchung Ticket Überprüfen */
table.table_zusammenfassung {
    width: 100%;
}

table.table_zusammenfassung tr {
    background: none;
}

table.table_zusammenfassung td {
    vertical-align: top;
    padding: 5px !important;
    font-family: DBSansRegular !important;
    font-size: 14px !important;
    font-weight: normal !important;
}

#package2_01_Angebot {
    height: 22px;
    width: 22px;
    color: white;
    margin-top: 2px;
}

@media only screen and (max-width:420px) {

    #package2_01_Angebot {
        width: 18px;
        height: 18px;
    }
}

@media only screen and (max-width:380px) {

    #package2_01_Angebot {
        width: 16px;
        height: 16px;
        margin-top: 4px;
    }

    #pruefenBuchenGesamtpreisContainer {
        padding: 2px !important;
    }
}

@media only screen and (max-width:350px) {

    #package2_01_Angebot {
        width: 14px;
        height: 14px;
        margin-top: 6px;
    }

    #pruefenBuchenGesamtpreisContainer {
        padding: 0px !important;
    }

    .pruefen_gesamtpreis {
        font-size: 14px !important;
    }
}

@media only screen and (max-width:480px) {
    .zahlungsartColumn {
        width: 100%;
    }

    .widthTicketGuelReise {
        width: 100%;
    }

}

.zahlungsartEntgelt {
    text-align: right;
    padding: 15px 30px;
    background-color: whitesmoke;
}

.zahlungsartPaypal {
    background-image: url(../img/icon2x-sa79d2dca33.png);
    background-position: 0 -1960px;
    width: 56px;
    height: 56px;
}

.zahlungsartKreditkarte {
    background-image: url(../img/icon2x-sa79d2dca33.png);
    background-position: 0 -1616px;
    width: 56px;
    height: 56px;
}

/*Radio Button Zahlung*/

.buchungZahlungsart input[type="radio"]:checked+label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 5px;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background-color: #c00;
}

.buchungZahlungsart [type="radio"]+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    border-radius: 22px;
    background: #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15) inset;
    border: 1px solid #878c96;
}

.buchungZahlungsart input[type='radio'] {
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
    margin: 5px 0 0 5px;
}

@media only screen and (max-width:474px) {

    #ticketContainerFortschrittsanzeige,
    #buchungFortschrittsanzeige {
        display: none;
    }

}



/*Validator*/
.fehlermeldungen-db-color-red {
    color: #CC0000 !important;
}

.fehlermeldungen-db-border-red {
    border: 1px solid #CC0000 !important;
}

.logo-inside-bahn {
    background-image: url("../img/logo-inside-bahn.svg");
}

.logo-community {
    background-image: url("../img/logo-community.svg");
}


/*Helpdesk*/
.helpdeskTable {
    line-height: 1;
}

.helpdeskTable tr td {
    padding: 0px 10px
}

.helpdeskTable tr {
    background-color: #fff !important;
}

/*Barrierefreiheit*/
div.barrierefreiheit {
    padding:0 20px;
}

.barrierefreiheit p {
    font-family: DBSansRegular !important;
    font-size: 16px !important;
}

.barrierefreiheit h1 {
    font-family: DBScreenHead !important;
    font-size: 20px !important;
    margin: 25px 0 16px 0 !important;
    padding:0  !important;
}

.barrierefreiheit h2 {
    font-family: DBScreenHead !important;
    font-size: 18px !important;
    margin: 16px 0 !important;
    padding:0  !important;
}