/* --------------------------------------------------------------------------------
Website www.veloerlebnis.ch / erstellt von Tourdata AG
----------------------------------------------------------------------------------- */

@font-face {
    font-family: "FontBU";
    src: url('../fonts/Hind-Light.ttf') format('truetype');
    font-style: normal;
}

.prx_wrapper * {
    max-width: 100% !important;
}

body {
    width: 100%;
    background: #FFF;
    font-size: 16px;
    font-family: FontBU, sans-serif;
    font-weight: normal;
    color: #3E3E3E;
}

* {
    margin: 0px;
    padding: 0px;
    color: #696969;
    line-height: 125%; /*ALT line-height löschen */
    box-sizing: border-box;
}

    *::-moz-placeholder {
        transition: all 0.25s ease 0s;
    }

a:link, a:visited {
    color: inherit;
}

a:hover {
    color: inherit;
    text-decoration: none;
}

a:active {
    color: inherit;
}

p {
    margin: 0;
}

l, m, s {
    text-decoration: none;
}

td {
    padding: 6px;
}




#coockies-banner-container {
    position: fixed;
    bottom: 0;
    z-index: 1000;
    background: white;
    padding: 15px;
    width: 100%;
    box-shadow: 0 0 5px 0px rgba(0,0,0,0.2);
}

    #coockies-banner-container button {
        outline: none;
        padding: 10px;
        border: none;
        display: block;
        background: #0069a6;
        width: 150px;
        color: white;
    }


@media only screen and (max-width: 940px) {
    .coockies-banner-content {
        flex-wrap: wrap;
    }
}

.coockies-banner-content .flex-item-2 {
    display: flex;
}

.coockies-banner-content .flex-item-1 p{
    margin-left: 10px;
}


.coockies-banner-content .flex-item-2 button {
    margin: 5px;
}

.coockies-banner-content {
    max-width: 1270px;
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
}

    .coockies-banner-content .flex-item-1 {
        width: 100%;
        padding-top: 22px;
    }

    .coockies-banner-content .flex-item-2,
    .coockies-banner-content .flex-item-3 {
        margin: 5px;
    }

/* --------------------------------------------------------------------------------
   Überschriften, Titel, Untertitel, etc.
-------------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
}

.prx_wrapper h1 {
    padding: 0;
}

h1 {
    font-size: 200%;
    color: #0069A6;
    margin: 0;
    padding: 5px 0 0 15px;
    text-align: left;
    width: 100%;
    /*border-bottom: 1px dotted #0069A6;*/
}

h2 {
    font-size: 150%;
}

h3 {
    font-size: 120%;
    color: #0069a6;
    line-height: 2.25em;
    margin: 0;
    padding: 0;
}

h4 {
    font-size: 100%;
    color: #0069A6;
    line-height: 1.8em;
    margin: 0;
    padding: 0;
}

h5 {
    color: #0069A6;
    margin: .5em 0;
    font-size: inherit;
}


/* --------------------------------------------------------------------------------
   Layout
-------------------------------------------------------------------------------- */

#Container {
    width: 100%;
    text-align: center;
}

#Logo {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: left;
    z-index: 999;
}

    #Logo div {
        width: 85%;
        position: absolute;
        top: 0;
        left: 5%;
    }

    #Logo img {
        width: 90%;
        height: 80px;
        margin: 12px auto;
    }

#Banner {
    width: 100%;
    height: 180px;
    overflow: hidden;
    position: relative;
    top: 90px;
}

    #Banner .Bild {
        width: 100%;
        height: 100%;
        /*position: relative; right: -50%;*/
        z-index: 0;
    }

    #Banner img {
        width: 100%;
        height: 100%;
        /*position: relative; left: -50%;*/
    }

#Topangebot {
    height: 300px;
    overflow: hidden;
    position: relative;
    /*top: -50px;*/
    width: 100%;
}

    #Banner section,
    #Topangebot section {
        display: block;
        width: 100%;
        height: 100%;
    }

        #Banner section ul,
        #Banner section ul li {
            display: block;
            margin: 0;
            padding: 0;
            width: 100%;
            height: 180px;
        }

        #Topangebot section ul,
        #Topangebot section ul li {
            display: block;
            margin: 0;
            padding: 0;
            width: 100%;
            height: 250px;
        }

        #Topangebot section ul {
            /*overflow: hidden;*/
        }

    #Banner ul li,
    #Topangebot ul.slides li {
        position: relative;
    }

        #Banner ul li a,
        #Topangebot ul.slides li a {
            text-decoration: none;
        }

        #Banner ul li span,
        #Topangebot ul.slides li span {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            display: block;
        }

            #Topangebot ul.slides li span:last-child {
                position: relative;
                top: -5px;
                margin: 0 auto;
                width: 100%;
                height: 200px;
                background-color: #FFF;
                opacity: 0.7;
                line-height: 1.5em;
                text-align: center;
                color: #696969;
                padding-top: 25px;
            }

    #Topangebot section ul li.Topangebot a b.ribbon {
        background: #EA4335;
        background-color: rgba(234, 67,53,1);
        color: #fff !important;
        padding: 4px 30px;
        position: absolute;
        bottom: 5px;
        right: -1px;
        width: 225px;
    }

        #Topangebot section ul li.Topangebot a b.ribbon:before {
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            left: -15px;
            content: '';
            border-top: 18px solid transparent;
            border-right: 15px solid #EA4335;
            border-bottom: 18px solid transparent;
            width: 0;
        }

    #Topangebot .TopAngebotDetails {
        padding: 5px 0 0;
        font-size: 110%;
        position: relative;
    }

    #Topangebot .Banner .TopAngebotDetails {
        display: none;
    }

    #Topangebot ul li span:last-child h2 {
        color: #0069A6;
        font-size: 120%;
        margin: 0.2em 0;
        height: auto;
        line-height: normal;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    #Topangebot .TopAngebotDetails .TopangebotRAIcon {
        position: absolute;
        bottom: 30px;
        right: 95px;
        height: 45px;
    }

    #Topangebot .flex-control-nav {
        display: none;
    }

    #Topangebot .flex-direction-nav {
        height: 45px;
        display: inline-block;
        position: absolute;
        z-index: 900;
        top: 25%;
        left: 0;
    }

#Suchen {
    width: 100%;
    height: 50px;
    background-color: #fcfa29;
}

    #Suchen div {
        width: 100%;
        max-width: 1300px;
        margin: 0 auto;
        text-align: left;
    }

    #Suchen span {
        color: White;
        font-size: 20px;
        letter-spacing: 2px;
        float: left;
        margin-right: 25px;
        line-height: 2.5em;
    }

    #Suchen input {
        background-color: #f0f0f0;
        background-image: none;
        border: 1px solid #b2b2b1;
        border-radius: 0;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
        color: #0069A6;
        font-weight: normal;
        display: block;
        font-size: 18px;
        height: auto;
        padding: 3px 15px;
        transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
        width: 200px;
        position: relative;
        top: 10px;
    }

/*#Aktuell {
    width: 100%;
    height: 500px;
    overflow: hidden;
    position: relative;
    margin: 55px 0;
}
#Aktuell .Bild {
    width: 100%;
    position: relative; right: -50%;
    z-index: 0;
}
#Aktuell img {
    width: 100%;
    min-height: 500px;
    position: relative; left: -50%;
}*/


.header {
}

.footer {
}


/* --------------------------------------------------------------------------------
   Formulare
-------------------------------------------------------------------------------- */

fieldset {
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

    fieldset p {
        margin: 2px 12px 10px 10px;
    }

    fieldset.login label, fieldset.register label, fieldset.changePassword label {
        display: block;
    }

    fieldset label.inline {
        display: inline;
    }

legend {
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}
/* --------------------------------------------------------------------------------
   Buttons
-------------------------------------------------------------------------------- */

.btn {
    font-size: 0.8em;
    font-weight: bold;
    height: auto;
    letter-spacing: 0;
    line-height: 15px;
    margin-top: 5px;
    padding: 7px 0;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

.btn-OnlineBuchen {
    background-color: #fcfa29;
    border: 1px solid #bbbbbb;
    border-radius: 0;
    color: #0069a6;
}

.btn-Reiseart {
    background-color: #FFF;
    border: 1px solid #EFEFEF;
    border-radius: 0;
    color: #0069A6;
}

/* --------------------------------------------------------------------------------
   Reisekalender
-------------------------------------------------------------------------------- */

#InhaltAlle.reisekalender #Standardreisen {
    display: table;
    position: relative;
    top: 25px;
}


#InhaltAlle.reisekalender .IndexStandardreise {
    display: table-row;
    float: none;
    box-shadow: none;
}

#InhaltAlle.reisekalender .keineAngebote {
    display: block;
    margin: 15px 15px 30px;
}

#InhaltAlle.reisekalender div.suchen {
    float: left;
    width: auto;
    margin: 25px 0 0 15px;
}

#InhaltAlle.reisekalender .IndexStandardreise div {
    display: table-cell;
}

#InhaltAlle.reisekalender .IndexStandardreiseTitel {
    width: auto;
    height: auto;
    background-color: transparent;
    position: relative;
}

#InhaltAlle.reisekalender .IndexStandardreise div {
    display: table-cell;
}

#InhaltAlle.reisekalender div.suchen span {
    width: 75px;
    display: block;
    float: left;
    line-height: 35px;
}

#InhaltAlle.reisekalender select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: white;
    background-image: url(https://to.reisemarkt.ch/tournet/_daten/bu/img/select-arrow.png);
    background-position: right 0 bottom 50%;
    background-repeat: no-repeat;
    padding: .5em .75em;
    text-indent: 1px;
    line-height: 1;
    padding-right: 45px;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 3px;
    border: 1px solid rgb(216, 222, 228);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 1px rgba(255, 255, 255, 0.3) inset;
    margin: 0 0 15px;
    width: 100%;
}

#InhaltAlle.reisekalender .IndexStandardreiseTitel h3 {
    color: #696969;
    font-size: inherit;
}

#InhaltAlle.reisekalender .standardreisePreis span:first-child {
    width: 65px;
    display: inline-block;
}

#InhaltAlle.reisekalender .standardreisePreis {
    margin: auto;
    position: relative;
    left: 0;
    padding: 5px 15px 5px 10px;
}


/* --------------------------------------------------------------------------------
   AGBs
-------------------------------------------------------------------------------- */

.agb_pdf {
    display: block;
    margin-top: 20px;
}

    .agb_pdf img {
        height: 30px;
        margin-right: 8px;
        transform: translateY(7px);
    }


/* --------------------------------------------------------------------------------
  Formular
-------------------------------------------------------------------------------- */
input, textarea {
    background-color: white;
    border: 1px solid #0069a6;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 1px rgba(255, 255, 255, 0.3) inset;
    padding: 0.5em 1em 0.5em;
    margin: 0 auto 5px auto;
    width: 100%;
}

select {
    background-color: white;
    border: 1px solid #0069a6;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 1px rgba(255, 255, 255, 0.3) inset;
    float: left;
    margin-right: 5%;
    max-width: 100%;
    padding: 0.4em 30px 0.4em 1em;
    text-overflow: ellipsis;
    width: 35%;
}

fieldset label {
    width: 165px;
    display: inline-block;
}

fieldset input.TextKlein {
    width: 95px;
}

fieldset span.AbstandRe {
    margin-left: 165px;
}

input.checkbox1 {
    width: auto;
}

fieldset {
    border: none;
}

.BoxInhaltNewsletter .name-input {
    float: left;
    width: 60%;
}

.BoxInhaltNewsletter .email-input {
    float: left;
    margin-right: 5%;
    width: 60%;
}

input[type="button"] {
    float: left;
    width: 35%;
}

input[type="button"] {
    background-color: #0069A6;
    border: 1px solid #0069a6;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 1px rgba(255, 255, 255, 0.3) inset;
    color: #FFF;
}

.TeamHomeBild {
    height: auto;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 2;
}

    .TeamHomeBild img {
        height: auto;
        width: 100%;
    }


/* Inhalt NEWS-Seite */

#InhaltSeite .NewsBeschreibung span {
    width: 100%;
    float: left;
}

#InhaltSeite .NewsDatum {
    font-style: italic;
    margin-bottom: 5px;
}

.NewsBild img {
    width: 50%;
    height: auto;
}



/* --------------------------------------------------------------------------------
   Navigation
-------------------------------------------------------------------------------- */
.menuspez {
    display: block;
}

header {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,105,166,0.9);
    width: 100%;
    z-index: 500;
}

#Steuerung {
    float: left;
    width: 100%;
    display: none;
    margin: 1em 0;
}

    #Steuerung ul {
        margin: 0 15px;
        padding: 0;
        text-align: left;
    }

    #Steuerung li, #Steuerung li ul li {
        list-style: none;
        float: left;
        width: 100%;
        border-bottom: 1px dotted silver;
    }

    #Steuerung a {
        display: block;
        height: 100%;
        width: 100%;
        padding: 0.3em 0;
        text-decoration: none; /* keine Unterstreichung */
        color: white; /* Schriftfarbe weiß */
        font-size: 1em;
    }

    #Steuerung li ul {
        display: block;
        background-color: #999;
        height: auto;
        width: 100%;
        margin: 0 15px 5px 15px;
        z-index: 200;
    }

    #Steuerung ul ul ul li {
        font-weight: normal;
        display: none;
    }

    #Steuerung li ul li {
        border: none;
        height: auto;
    }

.menue-button {
    display: block;
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 0.5em;
    color: white;
    cursor: pointer;
    text-decoration: none;
}

    .menue-button img {
        height: 2em;
    }

    .menue-button:hover {
        /*color: black;
	background: orange;*/
    }

#nav-menue:target #Steuerung {
    display: block;
}

#nav-menue:target .menue-button-beschr-open {
    display: none;
}

#Topnav {
    display: none;
}

/* Bewertung von mykom.com via Script einbinden*/
#Top .bewertung #klara-review-widget-003761-LOC_1_003761 {
    float: right;
    position: relative;
    right: 15px;
    top: 105px;
    display: none;
}

    #Top .bewertung #klara-review-widget-003761-LOC_1_003761 > div {
        float: left;
        margin: 5px auto;
    }

#Top .bewertung .klara-review-widget > div > div {
    height: 35px;
    width: auto;
    float: left;
    margin-right: 10px;
    color: #0069A6;
}


/* Anzeige Reisearten / Standardreisen */
.ausgebucht {
    font-weight: bold;
    color: #FF0000;
    width: 100%;
    display: block;
}

.IndexStandardreiseBeschreibung .ausgebucht {
    color: #FF0000;
    font-weight: normal;
    margin: 0.5em;
    left: calc(100% - 105px);
    position: absolute;
    bottom: 40px;
}
/* Stärkeklassen bei Standardreisen Bilder und Tooltip mit Erklärung */
.IndexStandardreise .IndexStandardreiseBeschreibung l:after {
    content: url("https://www.veloerlebnis.ch/images/velo-klasse1-NEU.png");
    display: inline-block;
    position: absolute;
    right: -35px;
    bottom: -30px;
    transform: scale(0.3);
}
/*.IndexStandardreise .IndexStandardreiseBeschreibung l:hover:before {
    content: 'leichte Tour ohne grosse Anstrengungen – meist flach';
    position: relative; top: -45px;
    height: auto; width: auto;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #0069a6;
    border-radius: 2px;
    color: #0069a6;
    z-index: 500;
    white-space: nowrap;
}*/
.IndexStandardreise .IndexStandardreiseBeschreibung m:after {
    content: url("https://www.veloerlebnis.ch/images/velo-klasse2-NEU.png");
    display: inline-block;
    position: absolute;
    right: -35px;
    bottom: -30px;
    transform: scale(0.3);
}
/*.IndexStandardreise .IndexStandardreiseBeschreibung m:hover:before {
    content: 'mittlere Tour mit leichten Anforderungen – leicht hügelig';
    position: relative; top: -45px;
    height: auto; width: auto;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #0069a6;
    border-radius: 2px;
    color: #0069a6;
    z-index: 500;
    white-space: nowrap;
}*/
.IndexStandardreise .IndexStandardreiseBeschreibung s:after {
    content: url("https://www.veloerlebnis.ch/images/velo-klasse3-NEU.png");
    display: inline-block;
    position: absolute;
    right: -35px;
    bottom: -30px;
    transform: scale(0.3);
}
/*.IndexStandardreise .IndexStandardreiseBeschreibung s:hover:before {
    content: 'anspruchsvolle Tour mit grösseren Anforderungen – stark hügelig';
    position: relative; top: -45px;
    height: auto; width: auto;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #0069a6;
    border-radius: 2px;
    color: #0069a6;
    z-index: 500;
    white-space: nowrap;
}*/


#HomeReisearten,
#Standardreisen {
    width: 90%;
    margin: 80px auto 0;
}

.HomeReiseart,
.IndexStandardreise {
    width: 100%;
    height: auto;
    margin: 0 0 15px;
    float: left;
    position: relative;
    -webkit-box-shadow: 0px 2px 3px rgba(000,000,000,0.2), inset 0px 0px 1px rgba(255,255,255,0.3);
    -moz-box-shadow: 0px 2px 3px rgba(000,000,000,0.2), inset 0px 0px 1px rgba(255,255,255,0.3);
    box-shadow: 0px 2px 3px rgba(000,000,000,0.2), inset 0px 0px 1px rgba(255,255,255,0.3);
}

.HomeReiseartBild,
.IndexStandardreiseBild {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    top: 0;
    z-index: 2;
}

    .HomeReiseartBild img,
    .IndexStandardreiseBild img {
        width: 100%;
        height: auto;
    }

.HomeReiseartIcon {
    position: absolute;
    right: 5px;
    top: 5px;
    width: auto;
    height: 33px;
}

    .HomeReiseartIcon img {
        height: 100%;
        width: auto;
    }

#InhaltReise .Reisen .ReisenBeschreibung span.ReiseartIconbu2 {
    position: absolute;
    bottom: 0;
    right: 65px;
    height: 35px;
    width: auto;
}

    #InhaltReise .Reisen .ReisenBeschreibung span.ReiseartIconbu2 img {
        height: 100%;
        width: auto;
    }

.HomeReiseartBeschreibung,
.IndexStandardreiseBeschreibung {
    width: auto;
    min-height: 160px;
    padding: 10px;
    text-align: left;
    position: relative;
}

.HomeReiseart a,
.IndexStandardreise a {
    text-decoration: none;
}

.HomeReiseartTitel,
.IndexStandardreiseTitel {
    width: 100%;
    height: auto;
    color: White;
    font-weight: 700;
    position: absolute;
    top: 0;
    z-index: 5;
    background-color: #fcfa29;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

    .HomeReiseartTitel h3,
    .IndexStandardreiseTitel h3 {
        padding: 0 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.IndexStandardreiseBeschreibung h5 {
    position: absolute;
    bottom: 0;
}

/* wenn gesuchte Standardreise nicht vorhanden ist, dann alle Felder mit Infos ausblenden */
#InhaltReise.keineAngaben #Standardreise, #InhaltReise.keineAngaben .StandardreiseBuchen, #InhaltReise.keineAngaben .StandardreiseDetail {
    display: none;
}

#InhaltReise > span {
    position: relative;
    top: 105px;
}

.StandardreiseDetail .StandardreiseTitel h3 {
    color: #0069A6;
}

.StandardreiseDetail .StandardreiseTitel h1 {
    padding: 35px 0 0 10px;
}

.StandardreiseDetail {
    margin-top: 0;
    /*position: relative; top: -100px;*/
    text-align: left;
}

.StandardreiseBuchen {
    width: 100%;
}

.StandardreiseBuchenDetail {
    width: 100%;
    margin-top: 90px;
    float: right;
    text-align: center;
    padding: 5px;
    background-color: #efefef;
    position: relative;
}

    .StandardreiseBuchenDetail span {
        width: 100%;
    }

    .StandardreiseBuchenDetail span {
        width: 100%;
        display: inline-block;
    }

        .StandardreiseBuchenDetail span.ReiseartIcon {
            position: absolute;
            right: 20px;
            top: 15px;
            width: auto;
            height: 45px;
        }

            .StandardreiseBuchenDetail span.ReiseartIcon img {
                height: 100%;
                width: auto;
            }

        .StandardreiseBuchenDetail span.StdIcon, .StandardreiseBuchenDetail span.StdIcon b, .StandardreiseBuchenDetail span.StdIcon h5,
        .standardreiseTopAngebotBeschreibung, .standardreiseTopAngebotBeschreibung b, .standardreiseTopAngebotBeschreibung h5 {
            height: 0;
            color: transparent;
            position: absolute;
            right: 5px;
            bottom: 45px;
            width: 0;
        }

            .StandardreiseBuchenDetail span.StdIcon s::after {
                content: url("https://www.veloerlebnis.ch/images/velo-klasse3-NEU.png");
                position: absolute;
                right: -25px;
                transform: scale(0.3);
                z-index: 500;
                top: -75px;
            }

            .StandardreiseBuchenDetail span.StdIcon l::after {
                content: url("https://www.veloerlebnis.ch/images/velo-klasse1-NEU.png");
                position: absolute;
                right: -25px;
                transform: scale(0.3);
                z-index: 500;
                top: -75px;
            }

            .StandardreiseBuchenDetail span.StdIcon m::after {
                content: url("https://www.veloerlebnis.ch/images/velo-klasse2-NEU.png");
                position: absolute;
                right: -25px;
                transform: scale(0.3);
                z-index: 500;
                top: -75px;
            }

            .standardreiseTopAngebotBeschreibung s::after {
                content: url("https://www.veloerlebnis.ch/images/velo-klasse3-NEU.png");
                position: absolute;
                right: -15px;
                transform: scale(0.3);
                z-index: 500;
                top: -55px;
            }

            .standardreiseTopAngebotBeschreibung label::after {
                content: url("https://www.veloerlebnis.ch/images/velo-klasse1-NEU.png");
                position: absolute;
                right: -15px;
                transform: scale(0.3);
                z-index: 500;
                top: -55px;
            }

            .standardreiseTopAngebotBeschreibung m::after {
                content: url("https://www.veloerlebnis.ch/images/velo-klasse2-NEU.png");
                position: absolute;
                right: -15px;
                transform: scale(0.3);
                z-index: 500;
                top: -55px;
            }


#InhaltHome {
    width: 100%;
    /*height: auto; min-height: 400px;*/
    margin: 120px auto 55px;
    /*position: relative; top: -350px;*/
    background-color: #FFF;
    /*opacity: 0.9;
        filter: alpha(opacity=90);*/
    z-index: 100;
}

    #InhaltHome .InhaltDiv p,
    #InhaltHome .InhaltDiv div {
        line-height: 1.3em;
        width: calc(100% - 45px);
        text-align: justify;
        margin: auto 15px;
    }

        #InhaltHome .InhaltDiv p strong,
        #InhaltAlle .InhaltDiv.AllgInfos strong,
        #InhaltHome .InhaltDiv div strong {
            color: #0069a6;
            width: 100%;
            display: inline-block;
        }

        #InhaltHome .InhaltDiv div ul {
            margin: 5px auto 15px;
            -webkit-column-count: 2;
            column-count: 2;
            background-color: rgba(252,250,041,0.7);
            /*border: 1px solid rgba(105, 105, 105, 0.1);
    -webkit-box-shadow: 0px 2px 3px rgba(000,000,000,0.2), inset 0px 0px 1px rgba(255,255,255,0.3);
    -moz-box-shadow: 0px 2px 3px rgba(000,000,000,0.2), inset 0px 0px 1px rgba(255,255,255,0.3);
    box-shadow: 0px 2px 3px rgba(000,000,000,0.2), inset 0px 0px 1px rgba(255,255,255,0.3);*/
            padding: 10px 15px 10px 25px;
        }

#InhaltAlle h1 span.ReiseartIcon {
    position: relative;
    left: 30px;
    height: 40px;
    display: inline-block;
    top: 10px;
    z-index: 999;
}

    #InhaltAlle h1 span.ReiseartIcon img {
        height: 100%;
        width: auto;
    }

#InhaltAlle .InhaltDiv.AllgInfos ul {
    margin: 0 auto 15px;
}

#InhaltAlle .InhaltDiv .karteVeloabholung {
    width: 650px;
    height: auto;
}

    #InhaltAlle .InhaltDiv .karteVeloabholung img {
        width: 100%;
        height: auto;
    }

#InhaltHome .InhaltDiv div ul li,
#InhaltAlle .InhaltDiv ul li {
    color: #0069A6;
    text-align: left;
    line-height: 1.5em;
}

    #InhaltHome .InhaltDiv div ul li span,
    #InhaltAlle .InhaltDiv ul li span {
        color: #696969;
    }

#InhaltHome .InhaltDiv p span:first-child strong,
#InhaltHome .InhaltDiv div span:first-child strong {
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
    font-size: 140%;
}

#InhaltSeite, #InhaltAlle, #InhaltReiseBuchen {
    background-color: rgba(255, 255, 255, 0.9);
    display: block;
    height: auto;
    margin: 15px auto 55px;
    max-width: 1300px;
    min-height: 350px;
    padding: 15px;
    position: relative;
    text-align: left;
    width: 100%;
    z-index: 100;
}

/* Anzeige der Reisen nach suchen im Suchfeld */
#InhaltReise .Reisen {
    /*border: 1px solid LightGray;*/
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 1px rgba(255, 255, 255, 0.3) inset;
    padding: 10px;
    text-align: left;
    position: relative;
    top: 95px;
    margin: 0 auto 15px;
    width: 95%;
}

    #InhaltReise .Reisen .ReisenBild {
        height: auto;
        margin: 10px auto 10px;
        padding: 0;
        width: 95%;
    }

        #InhaltReise .Reisen .ReisenBild img {
            height: auto;
            width: 100%;
        }

    #InhaltReise .Reisen .ReisenTitel {
        margin-top: 5px;
        font-size: 110%;
        font-weight: bold;
        color: #0069A6;
    }

    #InhaltReise .Reisen .ReisenLink {
        display: inline-block;
        text-align: right;
        width: 98%;
    }

        #InhaltReise .Reisen .ReisenLink a {
            background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #e1e1e1 100%) repeat scroll 0 0;
            border: 1px solid LightGray;
            border-radius: 0;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 1px rgba(255, 255, 255, 0.3) inset;
            display: inline-block;
            font-size: 110%;
            font-weight: normal;
            letter-spacing: 0;
            line-height: 1.925em;
            margin: 5px 0 0;
            padding: 0;
            text-align: center;
            text-decoration: none;
            text-shadow: 0 -1px 0 rgba(211, 211, 211, 0.4), 0 1px 0 rgba(255, 255, 255, 0.3);
            width: 100%;
        }

#InhaltReise .ReisenBeschreibung {
    display: inline-block;
    width: 95%;
    position: relative;
}

    #InhaltReise .ReisenBeschreibung l::after {
        content: url("https://www.veloerlebnis.ch/images/velo-klasse1-NEU.png");
        position: absolute;
        right: -15px;
        bottom: -35px;
        transform: scale(0.3);
        width: auto;
    }

    #InhaltReise .ReisenBeschreibung m::after {
        content: url("https://www.veloerlebnis.ch/images/velo-klasse2-NEU.png");
        position: absolute;
        right: -15px;
        bottom: -35px;
        transform: scale(0.3);
        width: auto;
    }

    #InhaltReise .ReisenBeschreibung s::after {
        content: url("https://www.veloerlebnis.ch/images/velo-klasse3-NEU.png");
        position: absolute;
        right: -15px;
        bottom: -35px;
        transform: scale(0.3);
        width: auto;
    }

#InhaltReise .ReisenSuchenFehlermeldung {
    margin-top: 75px;
    font-weight: bold;
}


.TeamHome {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 0 1px rgba(255, 255, 255, 0.3) inset;
    float: left;
    height: auto;
    margin: 15px;
    position: relative;
    width: 90%;
}

.TeamHomeTitel {
    background-color: #fcfa29;
    color: White;
    font-weight: 700;
    height: auto;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    z-index: 5;
}

.GaestebuchEintrag {
    width: 100%;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 1px rgba(255, 255, 255, 0.3) inset;
    margin-bottom: 15px;
    padding: 10px !important;
    position: relative;
}

.EintragDatum,
.EintragZeit {
    font-style: italic;
    margin-right: 10px;
}

.EintragName {
    font-weight: bold;
    clear: left;
    width: 100%;
}

.EintragKommentar {
    margin-top: 5px;
}

.EintragBewertung {
    position: absolute;
    top: 35px;
    right: 10px;
}

    .EintragBewertung img {
        width: 25px;
        height: auto;
    }




#Box {
    clear: left;
    margin: 0;
    /*border-top: 1px dotted #ddd;*/
    background-color: rgb(253,252,128);
    background-color: rgba(252,250,41,0.5);
}

.BoxInhalt {
    width: 100%;
}

    .BoxInhalt section {
        width: 100%;
        height: auto;
        margin: 0 auto;
        border-bottom: 1px dotted #DDD;
        color: #0069a6;
    }

    .BoxInhalt a {
        text-decoration: none;
    }

    .BoxInhalt section:first-child {
        display: flex;
    }

    .BoxInhalt section:last-child {
        border-bottom: none;
    }

    .BoxInhalt section:nth-child(2) > div:hover {
        background-color: #FAFAFA;
    }

        .BoxInhalt section:nth-child(2) > div:hover h2,
        .BoxInhalt section:nth-child(2) > div:hover span {
            color: #0069a6;
        }

    .BoxInhalt section:nth-child(2) div {
        width: 100%;
        max-width: 650px;
        margin: 0 auto;
        padding: 1.25em 15px 2.5em;
        display: inline-block;
        text-align: left;
    }

    .BoxInhalt section .BoxKatalogbestellung {
        padding-bottom: 0 !important;
    }

    .BoxInhalt section.BoxInhaltFolgen div {
        width: 100%;
        max-width: 1300px;
        height: auto;
        float: none;
        box-sizing: border-box;
        padding: 1.25em 15px 2.5em;
        margin: 0 auto;
        text-align: left;
    }

    .BoxInhalt section.BoxInhaltFolgen {
        height: 465px;
    }

        .BoxInhalt section.BoxInhaltFolgen h2 {
            font-size: 140%;
        }

        .BoxInhalt section.BoxInhaltFolgen div span:first-child {
            margin: 0 auto 15px;
        }

        .BoxInhalt section.BoxInhaltFolgen div span:last-child {
            margin: 15px auto 0;
        }

        .BoxInhalt section.BoxInhaltFolgen div span {
            width: 100%;
            padding-left: 15px;
            float: left;
            color: #0069a6 !important;
        }

        .BoxInhalt section.BoxInhaltFolgen .BoxInhaltText a[href*="plus.google"] {
            display: none;
        }

    .BoxInhalt .BoxInhaltNewsletter form {
        padding: 0;
    }

    .BoxInhalt .BoxInhaltNewsletter div span {
        width: 100%;
        display: inline;
        float: left;
    }

    .BoxInhalt .BoxInhaltNewsletter .Newsletter {
        width: 100%;
        height: auto;
        border: 0;
        display: inline-block;
        padding: 1.25em 0 .75em;
    }

    .BoxInhalt section.BoxInhaltNewsletter > div {
        width: 100%;
        max-width: 1300px;
        height: auto;
        float: none;
        box-sizing: border-box;
        padding: .75em 15px 1.5em;
        margin: 0 auto;
        text-align: left;
    }
/*.BoxInhalt div {
    width: 50%;  max-width: 1300px; 
    padding: 1.25em 15px 2.5em;
        margin: 0 auto;
    text-align: left;
    float: left;
    box-sizing: border-box;
}*/

.BoxInhaltNewsletter input {
    background-color: white;
    border: 1px solid #0069a6;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 1px rgba(255, 255, 255, 0.3) inset;
    padding: 0.5em 1em 0.5em;
    margin: 0 auto 5px auto;
}

.BoxInhaltNewsletter .anrede-select {
    background-color: white;
    border: 1px solid #0069a6;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 1px rgba(255, 255, 255, 0.3) inset;
    float: left;
    margin-right: 5%;
    max-width: 100%;
    padding: 0.4em 30px 0.4em 1em;
    text-overflow: ellipsis;
    width: 35%;
}

.BoxInhaltNewsletter .name-input {
    float: left;
    width: 60%;
}

.BoxInhaltNewsletter .email-input {
    float: left;
    margin-right: 5%;
    width: 60%;
}

.BoxInhaltNewsletter input[type="button"] {
    float: left;
    width: 35%;
}

.BoxInhaltNewsletter input[type="button"] {
    background-color: #0069A6;
    border: 1px solid #0069a6;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 1px rgba(255, 255, 255, 0.3) inset;
    color: #FFF;
}

.BoxInhaltNewsletter .Newsletter br {
    display: none;
}

.BoxInhaltNewsletter #tdDivMessageOK div {
    color: #fff;
    border: 1px solid #fff;
    padding: 15px;
}

.BoxInhaltNewsletter #tdDivMessageError div {
    color: #0069a6;
    font-size: 120%;
}

.BoxInhaltNewsletter .tdDivMessage:before {
    /*content: "Besten Dank für Ihr Interesse!";*/
    display: flex;
}

.BoxInhaltText img {
    width: 45px;
    /*float: left;*/
    padding: 0.25em;
    margin-left: 15px;
    position: relative;
    top: 15px;
    /*border: 1px dotted #DDD;*/
}

.BoxInhaltText {
    height: 150px;
    width: 80%;
    color: #0069a6;
    font-weight: normal;
}

.BoxInhaltLinks ul {
    width: 100%;
    padding: 0;
    margin: 0;
}

.BoxInhaltLinks li {
    list-style-type: none;
    color: #0069A6;
}

.BoxInhalt h2 {
    color: #0069a6;
    font-size: 180%;
    margin: 20px 0 0;
}

.BoxInhalt span {
}

#Fusszeile {
    background-color: #fcfa29;
}

.FusszeileInhalt {
    width: 100%;
    margin: 0 auto;
    display: inline-block;
}

    .FusszeileInhalt div {
        width: 100%;
        height: auto;
        padding: 5px;
        text-align: center;
    }

        .FusszeileInhalt div span {
            width: auto;
            font-size: 80%;
            box-sizing: border-box;
            color: #0069a6;
        }
/* --------------------------------------------------------------------------------
   Diverses
-------------------------------------------------------------------------------- */

.clearfix {
    clear: both;
}


/* Layout für Mobilgeräte: 481px bis 1080px (SamsungS4, iPhone6Plus) Portrait. */
@media only screen and (min-width: 370px) and (max-width: 1080px) and (orientation:portrait) {

    /* Stärkeklassen bei Standardreisen Bilder und Tooltip mit Erklärung */
    .IndexStandardreise .IndexStandardreiseBeschreibung l:after {
        content: url("https://www.veloerlebnis.ch/images/velo-klasse1-NEU.png");
        display: inline-block;
        position: absolute;
        right: -25px;
        bottom: -30px;
        transform: scale(0.4);
    }
    /*.IndexStandardreise .IndexStandardreiseBeschreibung l:hover:before {
    content: 'leichte Tour ohne grosse Anstrengungen – meist flach';
    position: relative; top: -45px;
    height: auto; width: auto;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #0069a6;
    border-radius: 2px;
    color: #0069a6;
    z-index: 500;
    white-space: nowrap;
}*/
    .IndexStandardreise .IndexStandardreiseBeschreibung m:after {
        content: url("https://www.veloerlebnis.ch/images/velo-klasse2-NEU.png");
        display: inline-block;
        position: absolute;
        right: -25px;
        bottom: -30px;
        transform: scale(0.4);
    }
    /*.IndexStandardreise .IndexStandardreiseBeschreibung m:hover:before {
    content: 'mittlere Tour mit leichten Anforderungen – leicht hügelig';
    position: relative; top: -45px;
    height: auto; width: auto;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #0069a6;
    border-radius: 2px;
    color: #0069a6;
    z-index: 500;
    white-space: nowrap;
}*/
    .IndexStandardreise .IndexStandardreiseBeschreibung s:after {
        content: url("https://www.veloerlebnis.ch/images/velo-klasse3-NEU.png");
        display: inline-block;
        position: absolute;
        right: -25px;
        bottom: -30px;
        transform: scale(0.4);
    }
    /*.IndexStandardreise .IndexStandardreiseBeschreibung s:hover:before {
    content: 'anspruchsvolle Tour mit grösseren Anforderungen – stark hügelig';
    position: relative; top: -45px;
    height: auto; width: auto;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #0069a6;
    border-radius: 2px;
    color: #0069a6;
    z-index: 500;
    white-space: nowrap;
}*/


}


/* Layout für Tablet-PCs: 481 bis 768 px. Erbt Stile vom: Layout für Mobilgeräte. */
@media only screen and (min-width: 481px) and (orientation:landscape) {

    #Banner ul li,
    #Topangebot ul.slides li {
        position: relative;
    }

        #Banner ul li a,
        #Topangebot ul.slides li a {
            text-decoration: none;
            position: absolute;
            bottom: -27px;
            left: 0;
            margin: 0 auto !important;
            width: 100%;
            text-align: center;
        }

        #Banner ul li span,
        #Topangebot ul.slides li span {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            display: block;
        }

            #Topangebot ul.slides li span:last-child {
                position: relative;
                top: -27px;
                margin: 0 auto;
                width: 800px;
                height: 200px;
                background-color: #FFF;
                opacity: 0.7;
                line-height: 1.5em;
            }


    .HomeReiseartIcon {
        position: absolute;
        right: 5px;
        top: 5px;
        width: auto;
        height: 33px;
    }

        .HomeReiseartIcon img {
            height: 100%;
            width: auto;
        }

    #InhaltReise .Reisen .ReisenBeschreibung span.ReiseartIconbu2 {
        position: absolute;
        top: -25px;
        right: 95px;
        height: 40px;
        width: auto;
    }

        #InhaltReise .Reisen .ReisenBeschreibung span.ReiseartIconbu2 img {
            height: 100%;
            width: auto;
        }

    #InhaltReise .ReisenBeschreibung {
        display: inline-block;
        width: 95%;
        position: relative;
    }

        #InhaltReise .ReisenBeschreibung l::after {
            content: url("https://www.veloerlebnis.ch/images/velo-klasse1-NEU.png");
            position: absolute;
            left: 85%;
            bottom: 55px;
            transform: scale(0.3);
            width: auto;
        }

        #InhaltReise .ReisenBeschreibung m::after {
            content: url("https://www.veloerlebnis.ch/images/velo-klasse2-NEU.png");
            position: absolute;
            left: 85%;
            bottom: 55px;
            transform: scale(0.3);
            width: auto;
        }

        #InhaltReise .ReisenBeschreibung s::after {
            content: url("https://www.veloerlebnis.ch/images/velo-klasse3-NEU.png");
            position: absolute;
            left: 85%;
            bottom: 55px;
            transform: scale(0.3);
            width: auto;
        }
}





/* Desktoplayout: 769 bis maximal 1675px (vorher 1232).  Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. */
@media only screen and (min-width: 769px) and (orientation:landscape) {

    /* --------------------------------------------------------------------------------
  Formular
-------------------------------------------------------------------------------- */
    input, textarea {
        background-color: white;
        border: 1px solid #0069a6;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 1px rgba(255, 255, 255, 0.3) inset;
        padding: 0.5em 1em 0.5em;
        margin: 0 auto 5px auto;
        width: 400px;
    }

    fieldset.Button input.forms {
        margin-left: 165px;
        width: 200px;
    }

    fieldset span.AbstandRe {
        margin-left: 165px;
    }

    /* --------------------------------------------------------------------------------
   Layout
-------------------------------------------------------------------------------- */

    #Logo {
        max-width: 1300px;
        margin: 0 auto;
    }

        #Logo div {
            width: auto;
            position: absolute;
            top: 0;
            left: auto;
        }

        #Logo img {
            width: auto;
            height: 70px;
            margin: 12px auto;
        }

    #Banner {
        height: 500px;
        z-index: 2;
        top: -60px;
        /*-webkit-box-shadow: 3px 5px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 3px 5px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 3px 5px 5px 0px rgba(0,0,0,0.25);*/
    }

    #Topangebot .flex-direction-nav {
        height: 45px;
        display: inline-block;
        position: absolute;
        z-index: 900;
        top: 45%;
        left: 0;
    }

    #Topangebot {
        height: 500px;
        overflow: hidden;
        position: relative;
        top: 0;
        width: 100%;
    }

        #Banner section,
        #Topangebot section {
            display: block;
            width: 100%;
            height: 100%;
        }

            #Banner section ul,
            #Banner section ul li,
            #Topangebot section ul,
            #Topangebot section ul li {
                display: block;
                margin: 0;
                padding: 0;
                width: 100%;
                height: 500px;
            }

        #Banner ul li,
        #Topangebot ul.slides li {
            position: relative;
        }

            #Banner ul li a,
            #Topangebot ul.slides li a {
                text-decoration: none;
                position: absolute;
                bottom: -27px;
                left: 0;
                margin: 0 auto !important;
                width: 100%;
                text-align: center;
            }

            #Banner ul li span,
            #Topangebot ul.slides li span {
                margin: 0;
                padding: 0;
                width: 100%;
                height: 100%;
                display: block;
            }

                #Topangebot ul.slides li span:last-child {
                    position: relative;
                    top: -27px;
                    margin: 0 auto;
                    width: 800px;
                    height: 200px;
                    background-color: #FFF;
                    opacity: 0.7;
                    line-height: 1.5em;
                    padding-top: 0;
                }

        #Topangebot .TopAngebotDetails {
            padding: 5px 0 0;
            font-size: 150%;
            position: relative;
        }

        #Topangebot .Banner .TopAngebotDetails {
            display: none;
        }

        #Topangebot ul.slides li span:last-child h2 {
            color: #0069A6;
            font-size: 140%;
            margin: 0.83em 0;
            height: auto;
            padding: 15px;
        }
    /*#AktuellAngebot {
            width: 100%; height: 500px;
            z-index: 10;
            margin: 0 auto;
        }
        .AktuellAngebotDetails {
            width: 100%; max-width: 1300px;
            margin: 0 auto;
            position: relative;
        }
        .AktuellAngebotDetails span {
            width: 35%; max-width: 500px;
            text-align: left;
            float: right;
            clear: both;
        }
        .AktuellAngebotDetails .AktuellAngebotTitel {
            width: 100%;
            color: White; font-weight: 700; letter-spacing: 1px;
            background-color: #0069A6;
            padding: 5px 10px;
        }
        .AktuellAngebotDetails .AktuellAngebotBeschreibung {
            width: 100%; height: 65px;
            color: White;
            background-color: Black;
            opacity: 0.6;
            filter: alpha(opacity=60);
            padding: 15px 10px;
        }
        .AktuellAngebotDetails .Pfeilrechts {
            position: absolute; right: 0; top: 95px;
        }
        #Aktuell .AktuellAngebotDetails .Pfeilrechts img {
            width: auto; height: 25px;
            min-height: 25px;
        }*/

    iframe {
        width: 100%;
        max-width: 1300px;
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

    #Banner iframe {
        width: 100%;
        max-width: 100%;
    }

    #WebShop {
        width: 100%;
        max-width: 1300px;
        margin: 0 auto;
    }

    #InhaltHome {
        width: 100%;
        max-width: 1300px;
        /*height: auto; min-height: 400px;*/
        margin: 0 auto 55px;
        /*position: relative; top: -350px;*/
        margin-top: 0;
        background-color: #FFF;
        /*opacity: 0.9;
     filter: alpha(opacity=90);*/
        z-index: 100;
    }

    #InhaltReise {
        width: 100%;
        max-width: 1300px;
        height: auto;
        min-height: 350px;
        margin: -285px auto 0;
        padding: 15px;
        position: relative; /*top: -285px;*/
        background-color: rgba(255,255,255,0.9);
        /*opacity: 0.875;
    filter: alpha(opacity=85);*/
        display: block;
        z-index: 100;
    }

    #InhaltSeite,
    #InhaltAlle {
        background-color: rgba(255,255,255,0.9);
        display: block;
        height: auto;
        min-height: 350px;
        /*opacity: 0.85;*/
        padding: 15px;
        position: relative;
        /*top: -275px;*/
        width: 100%;
        z-index: 100;
        margin: -165px auto 55px;
        max-width: 1300px;
        text-align: left;
        width: 100%;
    }

        #InhaltSeite .InhaltDiv,
        #InhaltAlle .InhaltDiv,
        #InhaltHome .InhaltDiv {
            margin: 25px 15px 55px;
            max-width: 1300px;
            width: 100%;
            text-align: left;
        }

    #InhaltHome .InhaltDiv {
        margin: -25px 15px 5px 0;
    }

        #InhaltHome .InhaltDiv p {
            line-height: 1.5em;
            width: 96.5%;
            text-align: justify;
            margin: auto 0;
        }

            #InhaltHome .InhaltDiv p span {
                width: 100%;
                padding-bottom: 15px;
                display: inline-block;
            }

                #InhaltHome .InhaltDiv p span:first-child strong {
                    width: 100%;
                    display: inline-block;
                    margin-bottom: 0;
                }

                #InhaltHome .InhaltDiv p span:nth-child(2) strong {
                    width: auto;
                    display: inline-block;
                    margin-bottom: 0;
                }

    .InhaltDiv h3 {
        color: inherit;
    }

    #InhaltAlle .InhaltDivTabs {
        margin: 0 15px 55px;
        max-width: 1300px;
        width: 100%;
        text-align: left;
    }

    #InhaltSeite + #Box,
    #InhaltAlle + #Box {
        position: relative; /*top: -225px;*/
    }

    #InhaltSeite ~ #Fusszeile,
    #InhaltAlle ~ #Fusszeile {
        margin-top: 0;
    }

    #InhaltSeite h1,
    #InhaltAlle h1 {
        margin-top: 10px;
    }

    #InhaltSeite h2,
    #InhaltAlle h2,
    #TeamSeite h2 {
        clear: both;
        color: #0069a6;
        font-size: 130%;
        padding-top: 50px;
        text-align: left;
        width: 100%;
    }

    #InhaltAlle #Standardreisen h2 {
        padding-top: 30px;
    }

    #InhaltReiseBuchen {
        width: 100%;
        max-width: 1300px;
        height: auto;
        min-height: 400px;
        margin: -285px auto 0;
        padding: 15px;
        position: relative; /*top: -275px;*/
        background-color: #FFF;
        opacity: 0.95;
        filter: alpha(opacity=95);
        display: block;
        z-index: 100;
    }

    .InhaltDiv .TextRe {
        float: right;
        width: 80%;
        position: absolute;
        top: 160px;
        left: 250px;
    }
    /* Anzeige Reisearten / Standardreisen */
    .StandardreiseBuchenDetail {
        position: relative;
    }

    .ausgebucht {
        font-weight: bold;
        color: #FF0000;
        left: calc(100% - 95px);
        position: absolute;
        top: 10px;
    }

    .HomeReiseartBeschreibung,
    .IndexStandardreiseBeschreibung {
        width: auto;
        min-height: 160px;
        padding: 10px;
        text-align: left;
    }

        .IndexStandardreiseBeschreibung .ausgebucht {
            color: #FF0000;
            font-weight: normal;
            margin: 0.5em;
            left: calc(100% - 105px);
            position: absolute;
            top: 2px; /* ALT 237px; */
        }

    #HomeReisearten,
    #Standardreisen {
        width: 100%;
        margin: 0 auto 0;
    }

    .HomeReiseart,
    .IndexStandardreise {
        width: calc(33% - 30px);
        height: auto;
        margin: 15px;
    }

        .HomeReiseart a:hover,
        .IndexStandardreise a:hover {
            text-decoration: none;
        }

            .HomeReiseart a:hover .HomeReiseartBild img,
            .IndexStandardreise a:hover .IndexStandardreiseBild img {
                -webkit-transform: scale(1.25); /* Safari and Chrome */
                -moz-transform: scale(1.25); /* Firefox */
                -ms-transform: scale(1.25); /* IE 9 */
                -o-transform: scale(1.25); /* Opera */
                transform: scale(1.25);
                -webkit-transition: all 0.7s ease;
                transition: all 0.7s ease;
            }

    .HomeReiseartBild,
    .IndexStandardreiseBild {
        width: 100%;
        height: 235px;
        overflow: hidden;
        position: relative;
        top: 0;
        z-index: 2;
    }

    .IndexStandardreiseBilder {
        width: calc(33% - 30px);
        height: 260px !important;
        overflow: hidden;
        margin: 15px;
        float: left;
    }

        .HomeReiseartBild img,
        .IndexStandardreiseBild img,
        .IndexStandardreiseBilder img {
            width: 100%;
            height: auto;
        }

    .StandardreiseDetail .StandardreiseTitel h1 {
        padding: 5px 0 0 15px;
    }

    .StandardreiseDetail .StandardreiseTitel h3 {
        color: #0069A6;
    }

    .StandardreiseDetail {
        text-align: left;
        margin-top: -100px;
        /*position: relative; top: -32px;*/
    }

    .StandardreiseBuchen {
        width: 100%;
    }

    .StandardreiseBuchenDetail {
        width: 350px;
        float: right;
        text-align: left;
        padding: 5px;
        background-color: #efefef;
        margin-top: inherit;
    }

        .StandardreiseBuchenDetail span {
            width: 100%;
            display: inline-block;
        }

            .StandardreiseBuchenDetail span.ReiseartIcon {
                position: absolute;
                right: 75px;
                bottom: 54px;
                top: auto;
                width: auto;
                height: 27px;
            }

                .StandardreiseBuchenDetail span.ReiseartIcon img {
                    height: 100%;
                    width: auto;
                }

            .StandardreiseBuchenDetail span.StdIcon, .StandardreiseBuchenDetail span.StdIcon b, .StandardreiseBuchenDetail span.StdIcon h5,
            .standardreiseTopAngebotBeschreibung, .standardreiseTopAngebotBeschreibung b, .standardreiseTopAngebotBeschreibung h5 {
                height: 0;
                color: transparent;
                position: absolute;
                right: 5px;
                bottom: 45px;
                width: 0;
            }

                .StandardreiseBuchenDetail span.StdIcon s::after {
                    content: url("https://www.veloerlebnis.ch/images/velo-klasse3-NEU.png");
                    position: absolute;
                    right: -25px;
                    transform: scale(0.3);
                    z-index: 500;
                    top: -75px;
                }

                .StandardreiseBuchenDetail span.StdIcon l::after {
                    content: url("https://www.veloerlebnis.ch/images/velo-klasse1-NEU.png");
                    position: absolute;
                    right: -25px;
                    transform: scale(0.3);
                    z-index: 500;
                    top: -75px;
                }

                .StandardreiseBuchenDetail span.StdIcon m::after {
                    content: url("https://www.veloerlebnis.ch/images/velo-klasse2-NEU.png");
                    position: absolute;
                    right: -25px;
                    transform: scale(0.3);
                    z-index: 500;
                    top: -75px;
                }

                .standardreiseTopAngebotBeschreibung s::after {
                    content: url("https://www.veloerlebnis.ch/images/velo-klasse3-NEU.png");
                    position: absolute;
                    right: -15px;
                    transform: scale(0.3);
                    z-index: 500;
                    top: -55px;
                }

                .standardreiseTopAngebotBeschreibung label::after {
                    content: url("https://www.veloerlebnis.ch/images/velo-klasse1-NEU.png");
                    position: absolute;
                    right: -15px;
                    transform: scale(0.3);
                    z-index: 500;
                    top: -55px;
                }

                .standardreiseTopAngebotBeschreibung m::after {
                    content: url("https://www.veloerlebnis.ch/images/velo-klasse2-NEU.png");
                    position: absolute;
                    right: -15px;
                    transform: scale(0.3);
                    z-index: 500;
                    top: -55px;
                }


    /* Seite mit Gästebucheinträgen (pro Standardreise und alle) */
    #Gaestebuch {
        margin: 0 0 55px;
        max-width: 1300px;
        text-align: left;
        width: 100%;
    }

    .GaestebuchEintrag {
        width: 100%;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 1px rgba(255, 255, 255, 0.3) inset;
        margin-bottom: 15px;
        padding: 10px !important;
        position: relative;
    }

        .GaestebuchEintrag h2 {
            clear: both;
            color: #0069a6;
            font-size: 130%;
            text-align: left;
            width: 100%;
            margin: 0;
        }

    .EintragDatum,
    .EintragZeit {
        font-style: italic;
        margin-right: 10px;
    }

    .EintragName {
        font-weight: bold;
        clear: none;
        width: auto;
    }

    .EintragKommentar {
        margin-top: 5px;
    }

    .EintragBewertung {
        position: absolute;
        top: 0;
        right: 10px;
    }

        .EintragBewertung img {
            width: 25px;
            height: auto;
        }

    /* Anzeige der Reisen nach suchen im Suchfeld */
    #InhaltReise .Reisen {
        /*border: 1px solid LightGray;*/
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 1px rgba(255, 255, 255, 0.3) inset;
        padding: 10px 10px 0;
        text-align: left;
        position: relative;
        margin: 0 0 15px;
    }

        #InhaltReise .Reisen .ReisenBild {
            float: left;
            height: 105px;
            margin: 10px;
            padding: 0;
            width: 160px;
        }

            #InhaltReise .Reisen .ReisenBild img {
                height: auto;
                width: 100%;
            }

        #InhaltReise .Reisen .ReisenTitel {
            margin-top: 5px;
            font-size: 110%;
            font-weight: bold;
            color: #0069A6;
        }

        #InhaltReise .Reisen .ReisenLink {
            display: inline-block;
            float: right;
            margin: 0 10px;
            text-align: right;
            width: 155px;
            position: absolute;
            bottom: 5px;
            right: 0;
        }

            #InhaltReise .Reisen .ReisenLink a {
                background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #e1e1e1 100%) repeat scroll 0 0;
                border: 1px solid LightGray;
                border-radius: 0;
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 1px rgba(255, 255, 255, 0.3) inset;
                display: inline-block;
                font-size: 110%;
                font-weight: normal;
                letter-spacing: 0;
                line-height: 1.925em;
                margin: 5px 0 0;
                padding: 0;
                text-align: center;
                text-decoration: none;
                text-shadow: 0 -1px 0 rgba(211, 211, 211, 0.4), 0 1px 0 rgba(255, 255, 255, 0.3);
                width: 100%;
            }

    #InhaltReise .ReisenBeschreibung {
        display: inline-block;
        width: calc(100% - 340px);
    }

        #InhaltReise .ReisenBeschreibung l::after {
            content: url("https://www.veloerlebnis.ch/images/velo-klasse1-NEU.png");
            position: absolute;
            right: -15px;
            top: -55px;
            transform: scale(0.4);
            width: auto;
        }

        #InhaltReise .ReisenBeschreibung m::after {
            content: url("https://www.veloerlebnis.ch/images/velo-klasse2-NEU.png");
            position: absolute;
            right: -15px;
            top: -55px;
            transform: scale(0.4);
            width: auto;
        }

        #InhaltReise .ReisenBeschreibung s::after {
            content: url("https://www.veloerlebnis.ch/images/velo-klasse3-NEU.png");
            position: absolute;
            right: -15px;
            top: -55px;
            transform: scale(0.4);
            width: auto;
        }


    #InhaltReise .ReisenSuchenFehlermeldung {
        margin-top: 75px;
        font-weight: bold;
    }

    /* Inhalt Team-Seite */
    /*#TeamSeite {
	        margin: 105px auto 55px;
           max-width: 1300px;
           width: 100%;
        }*/
    .TeamHome {
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 0 1px rgba(255, 255, 255, 0.3) inset;
        float: left;
        height: auto;
        margin: 15px;
        position: relative;
        width: calc(33% - 30px);
    }

    .TeamHomeTitel {
        background-color: rgba(252,250,41,0.7);
        color: #0069a6;
        font-weight: 700;
        height: auto;
        /*opacity: 0.7;*/
        position: absolute;
        top: 0;
        width: 100%;
        text-align: center;
        z-index: 5;
    }

    .TeamHomeBild {
        height: 280px;
        overflow: hidden;
        position: relative;
        top: 0;
        width: 100%;
        z-index: 2;
    }

        .TeamHomeBild img {
            height: auto;
            width: 100%;
        }

    .TeamHomeBeschreibung {
        height: 100px;
        padding: 10px;
        text-align: left;
        width: auto;
    }

    .Fahrer .TeamHomeBeschreibung {
        display: none;
    }

    .Person {
        width: 750px;
        height: auto;
        margin: 10px auto 0;
        padding: 10px;
        position: relative;
        display: flex;
        /*box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 0 1px rgba(255, 255, 255, 0.3) inset;*/
    }

    .PersonBild {
        float: left;
        position: relative;
        left: 0;
    }

        .PersonBild img {
            width: 300px;
            height: auto;
        }

    .PersonBeschreibung {
        width: 440px;
        height: 100%;
        text-align: left;
        margin-top: 0;
        padding: 10px;
        float: right;
    }

    /* Inhalt NEWS-Seite */

    #InhaltSeite .NewsBeschreibung span {
        width: 100%;
        float: left;
    }

    #InhaltSeite .NewsDatum {
        font-style: italic;
        margin-bottom: 5px;
    }

    .NewsBild img {
        width: 100%;
        height: auto;
    }

    .NewsBildAlbumBox {
        width: 100%;
        float: left;
    }

    .NewsBildAlbum {
        float: left;
        margin: 15px;
        overflow: hidden;
        width: calc(33% - 30px) !important;
    }

        .NewsBildAlbum img {
            height: auto;
            width: 100%;
        }

    /* --------------------------------------------------------------------------------
  Navigation
-------------------------------------------------------------------------------- */
    .menuspez {
        display: none;
    }

    #Top {
        width: 100%;
        /*background-color: #F4F4F4;*/
        height: 35px;
        z-index: 20;
    }

    #Topnav {
        display: block;
        width: 100%;
        max-width: 1300px;
        margin: 0 auto;
        text-align: right;
        height: 45px;
    }

        #Topnav a {
            text-decoration: none;
        }

        #Topnav span {
            padding: 10px 10px 0 0;
            color: #0069A6;
        }

            #Topnav span img {
                height: 30px;
                position: relative;
                top: 6px;
            }
        /* Suchfeld in der Navigation ganz oben */
        #Topnav form {
            float: right;
            margin: 10px 0 0;
        }

            #Topnav form input {
                padding: 3px;
                border: 1px solid #0069A6;
                width: 220px;
            }

            #Topnav form img {
                width: 20px;
                height: auto;
                position: relative;
                right: 30px;
                text-decoration: none;
            }


    #nav-menue {
        margin: 65px auto 0 auto;
        background-color: #fcfa29;
        height: 50px;
        width: 100%;
        position: relative;
        opacity: 0.8;
        z-index: 500;
    }

    /* Bewertung von mykom.com via Script einbinden*/
    #Top .bewertung {
        width: 100%;
        max-width: 1300px;
        margin: 0 auto;
        text-align: right;
        height: 45px;
        display: none;
        color: #0069A6 !important;
    }

        #Top .bewertung a {
            color: #0069A6;
        }

        #Top .bewertung #klara-review-widget-003761-LOC_1_003761 {
            float: right;
            position: relative;
            right: 35px;
            top: 5px;
        }

            #Top .bewertung #klara-review-widget-003761-LOC_1_003761 > div {
                float: left;
                margin: 5px auto;
            }

        #Top .bewertung .klara-review-widget > div > div {
            height: 35px;
            width: auto;
            float: left;
            margin-right: 10px;
            color: #0069A6;
        }

    #Steuerung {
        display: block;
        max-width: 1300px;
        text-align: right;
        margin: 0 auto;
        position: relative;
        right: 0;
        float: none;
    }

        #Steuerung ul {
            width: auto;
            margin: 0;
            padding: 15px 0; /*ALT padding:0 */
            float: right;
            text-align: right;
        }

        #Steuerung li {
            font-weight: bold;
            width: auto;
            margin: auto 30px;
            text-align: left;
            height: 100%;
            line-height: 50px;
            color: #FFF;
            text-align: center;
            position: relative;
            border-bottom: none;
        }

            #Steuerung li:last-child {
                padding-right: 15px;
                margin-right: 15px;
            }

        #Steuerung a {
            display: block;
            height: 100%;
            width: 100%;
            text-decoration: none;
            color: #0069a6;
        }

            #Steuerung a:hover {
                color: #0069a6;
                text-decoration: underline;
            }

        #Steuerung ul ul a:hover {
            width: auto;
        }

        #Steuerung li ul,
        #Steuerung li.Reiseangebote ul li ul {
            display: none;
            background-color: #999;
            position: absolute;
            top: 30px !important;
            left: 0;
            height: auto;
            width: 190px;
            margin: 0;
            z-index: 200;
            -moz-box-shadow: 0px 1px 6px #7d7d7d; /* Firefox */
            padding: 0;
            opacity: 0.925;
            -webkit-box-shadow: 0px 1px 6px #7d7d7d; /* Chrome, Safari */
            -khtml-box-shadow: 0px 1px 6px #7d7d7d; /* Konqueror */
            box-shadow: 0px 1px 6px #7d7d7d; /* CSS3 */
            /*border:1px solid red;*/
        }

        #Steuerung ul ul ul li {
            font-weight: normal;
            display: block;
        }

        #Steuerung li ul li {
            background-color: #fcfa29;
            border-top: 1px dotted #DDD;
            border-right: 0;
            float: left;
            width: 200px;
            height: 100%;
            padding: 10px;
            text-align: left;
            font-weight: normal;
            margin: 0;
            line-height: normal;
            background-image: none;
        }

            #Steuerung li ul li a,
            #Steuerung li ul li a:hover {
                color: #0069a6;
                /*color: #0069A6;*/
            }

                #Steuerung li ul li ul li,
                #Steuerung li ul li a:hover {
                    color: #0069A6;
                }

            #Steuerung li ul li:first-child {
                border-top: none;
            }

        #Steuerung li:hover ul {
            display: inline-block;
            position: absolute;
            top: 45px;
        }

        #Steuerung li.Reiseangebote ul li:hover ul {
            display: inline-block;
            position: absolute;
            top: 0 !important;
            left: 200px;
            z-index: 200;
        }

    .menue-button {
        display: none;
    }
    /* Fotoalbum fancybox */
    /*.InhaltDivTabs .content .sig_cont {
            float: left;
            width: 20%;
        }*/
    .fotoalbum {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .fotoalbum div.sig_cont {
            width: calc(20% - 20px);
            margin: 10px;
            -ms-flex: 1 1 auto;
        }

    #Box {
        clear: left;
        margin: 75px 0 0;
        /*border-top: 1px dotted #ddd;*/
    }

    .BoxInhalt {
        width: 100%;
    }

        .BoxInhalt section {
            width: 100%;
            height: auto;
            margin: 0 auto;
            border-bottom: 1px dotted #DDD;
            color: #fff;
        }

        .BoxInhalt a {
            text-decoration: none;
        }

        .BoxInhalt section:first-child {
            display: flex;
        }

        .BoxInhalt section:last-child {
            border-bottom: none;
        }

        .BoxInhalt section:nth-child(2) > div:hover {
            background-color: #FAFAFA;
        }

            .BoxInhalt section:nth-child(2) > div:hover h2,
            .BoxInhalt section:nth-child(2) > div:hover span {
                color: #0069a6;
            }

        .BoxInhalt section:nth-child(2) div {
            width: 50%;
            max-width: 650px;
            margin: 0 auto;
            padding: 1.25em 15px 2.5em;
            display: inline-block;
            text-align: left;
        }

        .BoxInhalt section .BoxKatalogbestellung {
            padding-bottom: 2.5em !important;
        }

        .BoxInhalt section.BoxInhaltFolgen {
            height: auto;
        }

            .BoxInhalt section.BoxInhaltFolgen div {
                width: 100%;
                max-width: 1300px;
                height: 195px;
                float: none;
                box-sizing: border-box;
                padding: 1.25em 15px 2.5em;
                margin: 0 auto;
                text-align: left;
            }

                .BoxInhalt section.BoxInhaltFolgen div span:first-child {
                    width: 23%;
                    padding-left: 0;
                    float: left;
                }

                .BoxInhalt section.BoxInhaltFolgen div span:last-child {
                    width: 17%;
                    margin: 0 auto 0;
                }

                .BoxInhalt section.BoxInhaltFolgen div span {
                    width: 20%;
                    max-width: 25%;
                    padding-left: 15px;
                    float: left;
                    color: #0069a6;
                }

                    .BoxInhalt section.BoxInhaltFolgen div span.BoxInhaltLinks {
                        width: 40%;
                        max-width: 40%;
                    }

    .BoxInhaltFolgen .BoxInhaltText {
        text-align: center;
    }

    .BoxInhalt .BoxInhaltNewsletter form {
        padding: 0 4rem 0 0;
    }

    .BoxInhalt .BoxInhaltNewsletter div span {
        width: 50%;
        display: inline;
        float: left;
        color: #0069a6;
    }

    .BoxInhalt .BoxInhaltNewsletter .Newsletter {
        width: 50%;
        height: auto;
        border: 0;
        display: inline-block;
        padding: 1.25em 15px .75em;
    }

    .BoxInhalt section.BoxInhaltNewsletter > div {
        width: 100%;
        max-width: 1300px;
        height: auto;
        float: none;
        box-sizing: border-box;
        padding: .75em 15px 1.5em;
        margin: 0 auto;
        text-align: left;
    }
    /*.BoxInhalt div {
    width: 50%;  max-width: 1300px; 
    padding: 1.25em 15px 2.5em;
        margin: 0 auto;
    text-align: left;
    float: left;
    box-sizing: border-box;
}*/

    .BoxInhaltNewsletter input {
        background-color: white;
        border: 1px solid #0069a6;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 1px rgba(255, 255, 255, 0.3) inset;
        padding: 0.5em 1em 0.5em;
        margin: 0 auto 5px auto;
    }

    .BoxInhaltNewsletter .anrede-select {
        background-color: white;
        border: 1px solid #0069a6;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 1px rgba(255, 255, 255, 0.3) inset;
        float: left;
        margin-right: 5%;
        max-width: 100%;
        padding: 0.4em 30px 0.4em 1em;
        text-overflow: ellipsis;
        width: 35%;
    }

    .BoxInhaltNewsletter .name-input {
        float: left;
        width: 60%;
    }

    .BoxInhaltNewsletter .email-input {
        float: left;
        margin-right: 5%;
        width: 60%;
    }

    .BoxInhaltNewsletter input[type="button"] {
        float: left;
        width: 35%;
    }

    .BoxInhaltNewsletter input[type="button"] {
        background-color: #0069A6;
        border: 1px solid #0069a6;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 1px rgba(255, 255, 255, 0.3) inset;
        color: #FFF;
    }

    .BoxInhaltNewsletter .Newsletter br {
        display: none;
    }

    .BoxInhaltNewsletter #tdDivMessageOK div {
        color: #0069a6;
        border: 3px solid #fff;
        padding: 15px;
        font-weight: bold;
    }

    .BoxInhaltNewsletter #tdDivMessageError div {
        color: #0069a6;
        font-size: 120%;
    }

    .BoxInhaltNewsletter .tdDivMessage:before {
        /*content: "Besten Dank für Ihr Interesse!";*/
        display: flex;
    }

    .BoxInhaltText img {
        width: 45px;
        /*float: left;*/
        padding: 0.25em;
        margin-left: 15px;
        position: relative;
        top: 15px;
        /*border: 1px dotted #DDD;*/
    }

    .BoxInhaltText {
        width: 80%;
        color: #0069a6;
        font-weight: normal;
        margin-top: auto;
    }

    .BoxInhalt h2 {
        color: #0069a6;
        font-size: 180%;
        margin: 20px 0 0;
    }

    .BoxInhalt span {
    }

    #Fusszeile {
        background-color: #fcfa29;
    }

    .FusszeileInhalt {
        width: 100%;
        max-width: 1300px;
        margin: 0 auto;
        display: inline-block;
    }

        .FusszeileInhalt div {
            width: 100%;
            height: auto;
            padding: 10px;
            text-align: center;
        }

            .FusszeileInhalt div span {
                width: auto;
                box-sizing: border-box;
                color: #0069a6;
            }

    /* grosses Bild im webshop kleiner darstellen */
    html#ecwid_html body#ecwid_body div.ecwid-productBrowser-gallery .ecwid-productBrowser-gallery-image img {
        background-color: rgba(191, 191, 191, 0.1);
        display: block;
        margin: 0 auto;
        max-height: 1500px;
        max-width: 40% !important;
    }

    /* Stärkeklassen bei Standardreisen Bilder und Tooltip mit Erklärung */
    .IndexStandardreise .IndexStandardreiseBeschreibung l:after {
        content: url("https://www.veloerlebnis.ch/images/velo-klasse1-NEU.png");
        display: inline-block;
        position: absolute;
        right: -25px;
        bottom: -30px;
        transform: scale(0.4);
    }

    .IndexStandardreise .IndexStandardreiseBeschreibung l:hover:before {
        content: 'leichte Tour ohne grosse Anstrengungen – meist flach';
        position: relative;
        top: -45px;
        height: auto;
        width: auto;
        padding: 15px;
        background-color: #fff;
        border: 1px solid #0069a6;
        border-radius: 2px;
        color: #0069a6;
        z-index: 500;
        white-space: nowrap;
    }

    .IndexStandardreise .IndexStandardreiseBeschreibung m:after {
        content: url("https://www.veloerlebnis.ch/images/velo-klasse2-NEU.png");
        display: inline-block;
        position: absolute;
        right: -25px;
        bottom: -30px;
        transform: scale(0.4);
        margin-left: 5px;
    }

    .IndexStandardreise .IndexStandardreiseBeschreibung m:hover:before {
        content: 'mittlere Tour mit leichten Anforderungen – leicht hügelig';
        position: relative;
        top: -45px;
        height: auto;
        width: auto;
        padding: 15px;
        background-color: #fff;
        border: 1px solid #0069a6;
        border-radius: 2px;
        color: #0069a6;
        z-index: 500;
        white-space: nowrap;
    }

    .IndexStandardreise .IndexStandardreiseBeschreibung s:after {
        content: url("https://www.veloerlebnis.ch/images/velo-klasse3-NEU.png");
        display: inline-block;
        position: absolute;
        right: -25px;
        bottom: -30px;
        transform: scale(0.4);
    }

    .IndexStandardreise .IndexStandardreiseBeschreibung s:hover:before {
        content: 'anspruchsvolle Tour mit grösseren Anforderungen – stark hügelig';
        position: relative;
        top: -45px;
        height: auto;
        width: auto;
        padding: 15px;
        background-color: #fff;
        border: 1px solid #0069a6;
        border-radius: 2px;
        color: #0069a6;
        z-index: 500;
        white-space: nowrap;
    }
}