Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

HTML

              
                <style>
    @import url('https://fonts.googleapis.com/css?family=Oswald:500,600" rel="stylesheet');
    @import url('https://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet');
    .ebb-18-main-container {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    .ebb-18-main-container img {
        max-width: 100%;
        height: auto;
        vertical-align: middle;
    }
    .ebb-18-main-container *, .ebb-18-main-container *:before, .ebb-18-main-container *:after {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
    }
    .ebb-18-main-container {
        font-family:"Oswald", Verdana, Arial, sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 1.3;
        margin-bottom: 40px;
    }
    .ebb-18-main-container a {
        display: block;
        text-decoration: none;
    }
    .ebb-18-main-container .ebb-18-main-logosilver {
        max-width: 70px;
        width: 100%;
        vertical-align: middle;
        margin: 0 auto;
    }
    .ebb-18-main-container .ebb-18-main-logogold {
        max-width: 90px;
        width: 100%;
        vertical-align: middle;
        margin: 0 auto 0 0;
        padding-bottom:.2em;
    }
    .ebb-18-silver-spots .ebb-18-small-container {
        padding-right: 2em !important;
        padding-left: 2em;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
    }
    .ebb-18-main-container .ebb-18-small-container {
        padding-right: 4em;
        padding-left: 2em;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
    }
    .ebb-18-btn {
        display: inline-block;
        vertical-align: middle;
        background: none;
        outline: 0 none;
        border: 0 none;
        border-radius: 0;
        padding: 8px 25px;
        background-color: #000;
        text-transform: uppercase;
        color: #fff;
    }
    .ebb-18-gold-spot-exposition {
        width: 58%;
        max-height: 670px;
        /**Styles for sliders**/
        /*first slider*/
        /**second slider**/
        /**tui slider**/
        /**p&0 slider**/
        /**lufthansa slider**/
        /**europecar slider**/
    }
    .ebb-18-gold-spot-exposition .slider {
        position: relative;
        width: 100%;
        height: 100%;
    }
    .ebb-18-gold-spot-exposition .slider input[name="switch"], .ebb-18-gold-spot-exposition .slider input[name="second-switch"], .ebb-18-gold-spot-exposition .slider input[name="third-switch"], .ebb-18-gold-spot-exposition .slider input[name="fourth-switch"], .ebb-18-gold-spot-exposition .slider input[name="fifth-switch"], .ebb-18-gold-spot-exposition .slider input[name="sixth-switch"] {
        display: none;
    }
    .ebb-18-gold-spot-exposition .ebb-18-gold-spot-exposition__switch, .ebb-18-gold-spot-exposition .ebb-18-gold-spot-exposition__second-switch {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: -45px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .ebb-18-gold-spot-exposition .ebb-18-gold-spot-exposition__switch .ebb-18-gold-spot-exposition__label, .ebb-18-gold-spot-exposition .ebb-18-gold-spot-exposition__second-switch .ebb-18-gold-spot-exposition__label {
        display: inline-block;
        width: 8px;
        height: 72px;
        cursor: pointer;
        margin: 11px 20px;
        background-color: rgba(255, 86, 92, 0.5);
        position: relative;
        -webkit-transition: 0.5s ease-out;
        transition: 0.5s ease-out;
        font-size: 0;
    }
    .ebb-18-gold-spot-exposition #ebb-18-btn1:checked ~ .switch label[for="ebb-18-btn1"], .ebb-18-gold-spot-exposition #ebb-18-btn2:checked ~ .switch label[for="ebb-18-btn2"], .ebb-18-gold-spot-exposition #ebb-18-btn3:checked ~ .switch label[for="ebb-18-btn3"], .ebb-18-gold-spot-exposition #ebb-18-btn4:checked ~ .second-switch label[for="ebb-18-btn4"], .ebb-18-gold-spot-exposition #ebb-18-btn5:checked ~ .second-switch label[for="ebb-18-btn5"], .ebb-18-gold-spot-exposition #ebb-18-btn6:checked ~ .second-switch label[for="ebb-18-btn6"], .ebb-18-gold-spot-exposition #ebb-18-btn3-1:checked ~ .switch label[for="ebb-18-btn3-1"], .ebb-18-gold-spot-exposition #ebb-18-btn3-2:checked ~ .switch label[for="ebb-18-btn3-2"], .ebb-18-gold-spot-exposition #ebb-18-btn3-3:checked ~ .switch label[for="ebb-18-btn3-3"], .ebb-18-gold-spot-exposition #ebb-18-btn4-1:checked ~ .second-switch label[for="ebb-18-btn4-1"], .ebb-18-gold-spot-exposition #ebb-18-btn4-2:checked ~ .second-switch label[for="ebb-18-btn4-2"], .ebb-18-gold-spot-exposition #ebb-18-btn4-3:checked ~ .second-switch label[for="ebb-18-btn4-3"], .ebb-18-gold-spot-exposition #ebb-18-btn5-1:checked ~ .switch label[for="ebb-18-btn5-1"], .ebb-18-gold-spot-exposition #ebb-18-btn5-2:checked ~ .switch label[for="ebb-18-btn5-2"], .ebb-18-gold-spot-exposition #ebb-18-btn5-3:checked ~ .switch label[for="ebb-18-btn5-3"], .ebb-18-gold-spot-exposition #ebb-18-btn6-1:checked ~ .second-switch label[for="ebb-18-btn6-1"], .ebb-18-gold-spot-exposition #ebb-18-btn6-2:checked ~ .second-switch label[for="ebb-18-btn6-2"], .ebb-18-gold-spot-exposition #ebb-18-btn6-3:checked ~ .second-switch label[for="ebb-18-btn6-3"] {
        background-color: #ff565c;
    }
    .ebb-18-gold-spot-exposition .ebb-18-slider-inner {
        overflow: hidden;
        height: 670px;
        background-color: #000000;
    }
    .ebb-18-gold-spot-exposition .ebb-18-slides {
        height: 100%;
        -webkit-transition: all 1s;
        transition: all 1s;
        position: relative;
    }
    .ebb-18-gold-spot-exposition .ebb-18-slides .slide {
        width: 100%;
        height: 100%;
        position: absolute;
        opacity: 0;
        -webkit-transition: opacity 1s ease-out 0.1s;
        transition: opacity 1s ease-out 0.1s;
    }
    .ebb-18-gold-spot-exposition .ebb-18-slides .slide.slide1 {
        -webkit-animation: slideVisible 21s linear infinite -1s;
        animation: slideVisible 21s linear infinite -1s;
    }
    .ebb-18-gold-spot-exposition .ebb-18-slides .slide.slide2 {
        -webkit-animation: slideVisible 21s linear infinite 6s;
        animation: slideVisible 21s linear infinite 6s;
    }
    .ebb-18-gold-spot-exposition .ebb-18-slides .slide.slide3 {
        -webkit-animation: slideVisible 21s linear infinite 13s;
        animation: slideVisible 21s linear infinite 13s;
    }
    .ebb-18-gold-spot-exposition #ebb-18-btn1:checked ~ .ebb-18-slider-inner .ebb-18-slides .slide.slide1 {
        opacity: 1;
        -webkit-transition: opacity 1.5s ease-out 0.1s;
        transition: opacity 1.5s ease-out 0.1s;
    }
    .ebb-18-gold-spot-exposition #ebb-18-btn2:checked ~ .ebb-18-slider-inner .ebb-18-slides .slide.slide2 {
        opacity: 1;
        -webkit-transition: opacity 1.5s ease-out 0.1s;
        transition: opacity 1.5s ease-out 0.1s;
    }
    .ebb-18-gold-spot-exposition #ebb-18-btn3:checked ~ .ebb-18-slider-inner .ebb-18-slides .slide.slide3 {
        opacity: 1;
        -webkit-transition: opacity 1.5s ease-out 0.1s;
        transition: opacity 1.5s ease-out 0.1s;
    }
    .ebb-18-gold-spot-exposition #ebb-18-btn4:checked ~ .ebb-18-slider-inner .ebb-18-slides .slide.slide1 {
        opacity: 1;
    }
    .ebb-18-gold-spot-exposition #ebb-18-btn5:checked ~ .ebb-18-slider-inner .ebb-18-slides .slide.slide2 {
        opacity: 1;
    }
    .ebb-18-gold-spot-exposition #ebb-18-btn6:checked ~ .ebb-18-slider-inner .ebb-18-slides .slide.slide3 {
        opacity: 1;
    }
    .ebb-18-gold-spot-exposition #ebb-18-btn3-1:checked ~ .ebb-18-slider-inner .ebb-18-slides .slide.slide1 {
        opacity: 1;
    }
    .ebb-18-gold-spot-exposition #ebb-18-btn3-2:checked ~ .ebb-18-slider-inner .ebb-18-slides .slide.slide2 {
        opacity: 1;
    }
    .ebb-18-gold-spot-exposition #ebb-18-btn3-3:checked ~ .ebb-18-slider-inner .ebb-18-slides .slide.slide3 {
        opacity: 1;
    }
    .ebb-18-gold-spot-exposition #ebb-18-btn4-1:checked ~ .ebb-18-slider-inner .ebb-18-slides .slide.slide1 {
        opacity: 1;
    }
    .ebb-18-gold-spot-exposition #ebb-18-btn4-2:checked ~ .ebb-18-slider-inner .ebb-18-slides .slide.slide2 {
        opacity: 1;
    }
    .ebb-18-gold-spot-exposition #ebb-18-btn4-3:checked ~ .ebb-18-slider-inner .ebb-18-slides .slide.slide3 {
        opacity: 1;
    }
    .ebb-18-gold-spot-exposition #ebb-18-btn5-1:checked ~ .ebb-18-slider-inner .ebb-18-slides .slide.slide1 {
        opacity: 1;
    }
    .ebb-18-gold-spot-exposition #ebb-18-btn5-2:checked ~ .ebb-18-slider-inner .ebb-18-slides .slide.slide2 {
        opacity: 1;
    }
    .ebb-18-gold-spot-exposition #ebb-18-btn5-3:checked ~ .ebb-18-slider-inner .ebb-18-slides .slide.slide3 {
        opacity: 1;
    }
    .ebb-18-gold-spot-exposition #ebb-18-btn6-1:checked ~ .ebb-18-slider-inner .ebb-18-slides .slide.slide1 {
        opacity: 1;
    }
    .ebb-18-gold-spot-exposition #ebb-18-btn6-2:checked ~ .ebb-18-slider-inner .ebb-18-slides .slide.slide2 {
        opacity: 1;
    }
    .ebb-18-gold-spot-exposition #ebb-18-btn6-3:checked ~ .ebb-18-slider-inner .ebb-18-slides .slide.slide3 {
        opacity: 1;
    }
    /***Banner slider***/
    .ebb-18-banner {
        /**Banner slider - styles for moving ebb-18-slides - responsive  **/
    }
    .ebb-18-banner .ebb-18-ebb-18-banner-slider {
        position: relative;
        z-index: 99;
        width: 100%;
        height: 100%;
        -webkit-animation: moveInBottom 0.5s ease-out;
        animation: moveInBottom 0.5s ease-out;
        margin: -270px 30px 0 auto;
    }
    .ebb-18-banner .ebb-18-ebb-18-banner-slider input, .ebb-18-banner .ebb-18-ebb-18-banner-slider .ebb-18-banner-switch {
        display: none;
    }
    .ebb-18-banner .ebb-18-ebb-18-banner-slider input[name="ebb-18-banner-switch"] {
        display: none;
    }
    .ebb-18-banner .ebb-18-banner-switch {
        position: absolute;
        z-index: 9;
        width: 100%;
        bottom: 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .ebb-18-banner .ebb-18-banner-switch label {
        display: inline-block;
        width: 25%;
        height: 10px;
        cursor: pointer;
        margin: 0 8px;
        background-color: rgba(255, 86, 92, 0.5);
        position: relative;
    }
    .ebb-18-banner #ebb-18-btn-1b:checked ~ .ebb-18-banner-switch label[for="ebb-18-btn-1b"], .ebb-18-banner #ebb-18-btn-2b:checked ~ .ebb-18-banner-switch label[for="ebb-18-btn-2b"], .ebb-18-banner #ebb-18-btn-3b:checked ~ .ebb-18-banner-switch label[for="ebb-18-btn-3b"], .ebb-18-banner #ebb-18-btn-4b:checked ~ .ebb-18-banner-switch label[for="ebb-18-btn-4b"], .ebb-18-banner #ebb-18-btn-5b:checked ~ .ebb-18-banner-switch label[for="ebb-18-btn-5b"], .ebb-18-banner #ebb-18-btn-6b:checked ~ .ebb-18-banner-switch label[for="ebb-18-btn-6b"] {
        background-color: #ff565c;
    }
    .ebb-18-banner .ebb-18-ebb-18-banner-ebb-18-slider-inner {
        overflow: hidden;
        width: 100%;
    }
    .ebb-18-banner .ebb-18-animation-wrap {
        width: 100%;
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
        -webkit-transition: 5s;
        transition: 5s;
    }
    .ebb-18-banner .ebb-18-banner-ebb-18-slides {
        width: 100%;
        -webkit-transition: all 1s;
        transition: all 1s;
    }
    .ebb-18-banner .ebb-18-banner-ebb-18-slides .ebb-18-banner-slide {
        width: 100%;
        height: 100%;
    }
    .ebb-18-banner-switch label[for="ebb-18-btn-1b"] {
        -webkit-animation: slideZone 21s infinite -1s;
        animation: slideZone 21s infinite -1s;
    }
    .ebb-18-banner-switch label[for="ebb-18-btn-2b"] {
        -webkit-animation: slideZone 21s infinite 5s, slideZone 21s infinite 15s;
        animation: slideZone 21s infinite 5s, slideZone 21s infinite 15s;
    }
    .ebb-18-banner-switch label[for="ebb-18-btn-3b"] {
        -webkit-animation: slideZone 21s infinite 10s;
        animation: slideZone 21s infinite 10s;
    }
    /*Animation for cards in banner*/
    @-webkit-keyframes moveInBottom {
        0% {
            -webkit-transform: translateY(5%);
            transform: translateY(5%);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: 1;
        }
    }
    @keyframes moveInBottom {
        0% {
            -webkit-transform: translateY(5%);
            transform: translateY(5%);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: 1;
        }
    }
    @-webkit-keyframes bullet {
        2%, 24% {
            background-color: #ff565c;
        }
        0%, 25%, 100% {
            background-color: rgba(255, 86, 92, 0.5);
        }
    }
    @keyframes bullet {
        2%, 24% {
            background-color: #ff565c;
        }
        0%, 25%, 100% {
            background-color: rgba(255, 86, 92, 0.5);
        }
    }
    @-webkit-keyframes slideZone {
        2%, 24% {
            background-color: #ff565c;
        }
        0%, 25%, 100% {
            background-color: rgba(255, 86, 92, 0.5);
        }
    }
    @keyframes slideZone {
        2%, 24% {
            background-color: #ff565c;
        }
        0%, 25%, 100% {
            background-color: rgba(255, 86, 92, 0.5);
        }
    }
    @-webkit-keyframes cardMove {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
        20% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
        25% {
            -webkit-transform: translateX(-376px);
            transform: translateX(-376px);
        }
        45% {
            -webkit-transform: translateX(-376px);
            transform: translateX(-376px);
        }
        50% {
            -webkit-transform: translateX(-752px);
            transform: translateX(-752px);
        }
        70% {
            -webkit-transform: translateX(-752px);
            transform: translateX(-752px);
        }
        75% {
            -webkit-transform: translateX(-376px);
            transform: translateX(-376px);
        }
        95% {
            -webkit-transform: translateX(-376px);
            transform: translateX(-376px);
        }
    }
    @keyframes cardMove {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
        20% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
        25% {
            -webkit-transform: translateX(-376px);
            transform: translateX(-376px);
        }
        45% {
            -webkit-transform: translateX(-376px);
            transform: translateX(-376px);
        }
        50% {
            -webkit-transform: translateX(-752px);
            transform: translateX(-752px);
        }
        70% {
            -webkit-transform: translateX(-752px);
            transform: translateX(-752px);
        }
        75% {
            -webkit-transform: translateX(-376px);
            transform: translateX(-376px);
        }
        95% {
            -webkit-transform: translateX(-376px);
            transform: translateX(-376px);
        }
    }
    @-webkit-keyframes smallCardMove {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
        20% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
        25% {
            -webkit-transform: translateX(-320px);
            transform: translateX(-320px);
        }
        45% {
            -webkit-transform: translateX(-320px);
            transform: translateX(-320px);
        }
        50% {
            -webkit-transform: translateX(-640px);
            transform: translateX(-640px);
        }
        70% {
            -webkit-transform: translateX(-640px);
            transform: translateX(-640px);
        }
        75% {
            -webkit-transform: translateX(-320px);
            transform: translateX(-320px);
        }
        95% {
            -webkit-transform: translateX(-320px);
            transform: translateX(-320px);
        }
    }
    @keyframes smallCardMove {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
        20% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
        25% {
            -webkit-transform: translateX(-320px);
            transform: translateX(-320px);
        }
        45% {
            -webkit-transform: translateX(-320px);
            transform: translateX(-320px);
        }
        50% {
            -webkit-transform: translateX(-640px);
            transform: translateX(-640px);
        }
        70% {
            -webkit-transform: translateX(-640px);
            transform: translateX(-640px);
        }
        75% {
            -webkit-transform: translateX(-320px);
            transform: translateX(-320px);
        }
        95% {
            -webkit-transform: translateX(-320px);
            transform: translateX(-320px);
        }
    }
    @-webkit-keyframes slideVisible {
        0% {
            opacity: 0;
        }
        8% {
            opacity: 1;
        }
        30% {
            opacity: 1;
        }
        40% {
            opacity: 0;
        }
        100% {
            opacity: 0;
        }
    }
    @keyframes slideVisible {
        0% {
            opacity: 0;
        }
        8% {
            opacity: 1;
        }
        30% {
            opacity: 1;
        }
        40% {
            opacity: 0;
        }
        100% {
            opacity: 0;
        }
    }
    /**Animation for sliders dots**/
    .switch label[for="ebb-18-btn1"], .second-switch label[for="ebb-18-btn4"], .switch label[for="ebb-18-btn3-1"], .second-switch label[for="ebb-18-btn4-1"], .switch label[for="ebb-18-btn5-1"], .second-switch label[for="ebb-18-btn6-1"] {
        -webkit-animation: bullet 21s ease-out infinite 0s;
        animation: bullet 21s ease-out infinite 0s;
    }
    .switch label[for="ebb-18-btn2"], .second-switch label[for="ebb-18-btn5"], .switch label[for="ebb-18-btn3-2"], .second-switch label[for="ebb-18-btn4-2"], .switch label[for="ebb-18-btn5-2"], .second-switch label[for="ebb-18-btn6-2"] {
        -webkit-animation: bullet 21s ease-out infinite 7s;
        animation: bullet 21s ease-out infinite 7s;
    }
    .switch label[for="ebb-18-btn3"], .second-switch label[for="ebb-18-btn6"], .switch label[for="ebb-18-btn3-3"], .second-switch label[for="ebb-18-btn4-3"], .switch label[for="ebb-18-btn5-3"], .second-switch label[for="ebb-18-btn6-3"] {
        -webkit-animation: bullet 21s ease-out infinite 14s;
        animation: bullet 21s ease-out infinite 14s;
    }
    /**Reset for animation**/
    #ebb-18-btn-1b:checked ~ .ebb-18-ebb-18-banner-ebb-18-slider-inner .ebb-18-animation-wrap, #ebb-18-btn-2b:checked ~ .ebb-18-ebb-18-banner-ebb-18-slider-inner .ebb-18-animation-wrap, #ebb-18-btn-3b:checked ~ .ebb-18-ebb-18-banner-ebb-18-slider-inner .ebb-18-animation-wrap, #ebb-18-btn-4b:checked ~ .ebb-18-ebb-18-banner-ebb-18-slider-inner .ebb-18-animation-wrap, #ebb-18-btn-5b:checked ~ .ebb-18-ebb-18-banner-ebb-18-slider-inner .ebb-18-animation-wrap, #ebb-18-btn-6b:checked ~ .ebb-18-ebb-18-banner-ebb-18-slider-inner .ebb-18-animation-wrap {
        -webkit-animation-play-state: paused !important;
        animation-play-state: paused !important;
        -webkit-animation: none;
        animation: none;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: 5s;
        transition: 5s;
    }
    input:checked ~ .ebb-18-banner-switch label, input:checked ~ .switch label, input:checked ~ .second-switch label {
        -webkit-animation-play-state: paused !important;
        animation-play-state: paused !important;
        -webkit-animation: none;
        animation: none;
    }
    #ebb-18-btn1:checked ~ .ebb-18-slider-inner .ebb-18-slides .slide, #ebb-18-btn2:checked ~ .ebb-18-slider-inner .ebb-18-slides .slide, #ebb-18-btn3:checked ~ .ebb-18-slider-inner .ebb-18-slides .slide, #ebb-18-btn4:checked ~ .ebb-18-slider-inner .ebb-18-slides .slide, #ebb-18-btn5:checked ~ .ebb-18-slider-inner .ebb-18-slides .slide, #ebb-18-btn6:checked ~ .ebb-18-slider-inner .ebb-18-slides .slide, #ebb-18-btn3-1:checked ~ .ebb-18-slider-inner .ebb-18-slides .slide, #ebb-18-btn3-2:checked ~ .ebb-18-slider-inner .ebb-18-slides .slide, #ebb-18-btn3-3:checked ~ .ebb-18-slider-inner .ebb-18-slides .slide, #ebb-18-btn4-1:checked ~ .ebb-18-slider-inner .ebb-18-slides .slide, #ebb-18-btn4-2:checked ~ .ebb-18-slider-inner .ebb-18-slides .slide, #ebb-18-btn4-3:checked ~ .ebb-18-slider-inner .ebb-18-slides .slide, #ebb-18-btn5-1:checked ~ .ebb-18-slider-inner .ebb-18-slides .slide, #ebb-18-btn5-2:checked ~ .ebb-18-slider-inner .ebb-18-slides .slide, #ebb-18-btn5-3:checked ~ .ebb-18-slider-inner .ebb-18-slides .slide, #ebb-18-btn6-1:checked ~ .ebb-18-slider-inner .ebb-18-slides .slide, #ebb-18-btn6-2:checked ~ .ebb-18-slider-inner .ebb-18-slides .slide, #ebb-18-btn6-3:checked ~ .ebb-18-slider-inner .ebb-18-slides .slide {
        -webkit-animation-play-state: paused !important;
        animation-play-state: paused !important;
        -webkit-animation: none !important;
        animation: none !important;
        -webkit-transition: opacity 1.5s ease-out;
        transition: opacity 1.5s ease-out;
    }
    .ebb-18-main-container .ebb-18-banner {
        color: #fff;
        background-color: #f9fafc;
    }
    .ebb-18-main-container .ebb-18-banner .ebb-18-banner--bg-image {
        min-height: 730px;
        padding: 45px 20px 0 20px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .ebb-18-main-container .ebb-18-banner .ebb-18-banner__title {
        max-width: 640px;
        font-size: 5em;
        font-weight: 500;
        text-transform: uppercase;
        padding-bottom: 32px;
        margin-bottom: 32px;
        position: relative;
        color: #fff;
        line-height: 1em;
    }
    .ebb-18-main-container .ebb-18-banner .ebb-18-banner__title:after {
        content:"";
        display: inline-block;
        width: 77px;
        height: 2px;
        background-color: #ff565c;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .ebb-18-main-container .ebb-18-banner .ebb-18-banner__description {
        max-width: 786px;
        font-family:"Lato", Verdana, Arial, sans-serif;
        font-size: 24px;
        margin: 0;
    }
    .ebb-18-main-container .ebb-18-banner .ebb-18-banner-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-bottom: 56px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .ebb-18-main-container .ebb-18-banner .ebb-18-banner-list__item {
        width: 16.666666%;
        max-width: 178px;
    }
    .ebb-18-main-container .ebb-18-banner .ebb-18-banner-list__item:hover {
        -webkit-box-shadow: 0 20px 50px -10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 20px 50px -10px rgba(0, 0, 0, 0.2);
        -webkit-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: 350ms;
        transition-duration: 350ms;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease;
        -webkit-transition-delay: initial;
        transition-delay: initial;
    }
    .ebb-18-main-container .ebb-18-banner .ebb-18-banner-list__item:hover .ebb-18-banner-list__explore {
        opacity: 1;
        -webkit-transition: .5s;
        transition: .5s;
    }
    .ebb-18-main-container .ebb-18-banner .ebb-18-banner-list__link {
        color: #fff;
        background-repeat: no-repeat;
        padding: 16px;
        text-transform: uppercase;
        font-weight: 500;
        min-height: 316px;
        position: relative;
        margin:3px;
        background-size: cover;
        background-position: center;
    }
    .ebb-18-main-container .ebb-18-banner .ebb-18-banner-list__company-name {
        display: inline-block;
        font-size: 14px;
        letter-spacing: 2px;
        padding-bottom: 4px;
    }
    .ebb-18-main-container .ebb-18-banner .ebb-18-banner-list__title {
        display: inline-block;
        font-size: 20px;
        line-height: 1.25;
        margin: 0;
    }
    .ebb-18-main-container .ebb-18-banner .ebb-18-banner-list__explore {
        display: inline-block;
        color: #ff565c;
        font-weight: 600;
        letter-spacing: 1px;
        position: absolute;
        bottom: 16px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        padding-bottom: 15px;
        background-repeat: no-repeat;
        background-position: bottom center;
        opacity: 0;
    }
    .ebb-18-gold-spots {
        padding-bottom: 1em;
        background-color: #f9fafc;
    }
    .ebb-18-gold-spots .ebb-18-gold-spot-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 56px;
        margin-bottom: 72px;
    }
    .ebb-18-gold-spots .ebb-18-gold-spot-row .ebb-18-gold-spot-text {
        padding-right: 50px;
    }
    .ebb-18-gold-spots .ebb-18-gold-spot-row:nth-of-type(even) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    .ebb-18-gold-spots .ebb-18-gold-spot-row:nth-of-type(even) .ebb-18-gold-spot-text {
        padding-right: 0;
        padding-left: 70px;
    }
    .ebb-18-gold-spots .ebb-18-gold-spot-text {
        width: 50%;
        color: #1d1f24;
    }
    .ebb-18-gold-spots .ebb-18-gold-spot-text__logo {
        width: 100px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 2px solid #ff565c;
    }
    .ebb-18-gold-spots .ebb-18-gold-spot-text__title {
        display: inline-block;
        text-transform: uppercase;
        font-size: 40px;
        font-weight: 500;
        line-height: 1.2;
        margin: 32px 0 24px;
    }
    .ebb-18-gold-spots .ebb-18-gold-spot-text__description, .ebb-18-gold-spots .ebb-18-gold-spot-text__offers {
        display: inline-block;
        font-family:"Lato", Verdana, Arial, sans-serif;
        line-height: 1.5;
        color: #1d1f24;
        opacity: 0.7;
    }
    .ebb-18-gold-spots .ebb-18-gold-spot-text__description {
        margin-bottom: 40px;
    }
    .ebb-18-gold-spots .ebb-18-gold-spot-text__offers {
        font-weight: 600;
    }
    .ebb-18-gold-spots .ebb-18-gold-spot-text__button {
        display: inline-block;
        font-weight: 600;
        letter-spacing: 1px;
        text-align: center;
        color: #ff565c;
        text-transform: uppercase;
        padding: 16px 72px;
        border: 2px solid #ff565c;
        margin-top: 16px;
        margin-bottom: 31px;
        -webkit-transition: .5s;
        transition: .5s;
    }
    .ebb-18-gold-spots .ebb-18-gold-spot-text__button:hover {
        background-color: #ff565c;
        color: #fff;
    }
    .ebb-18-gold-spots .ebb-18-gold-spot-exposition {
        -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.3);
        box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.3);
    }
    .ebb-18-gold-spots .ebb-18-gold-spot-exposition .ebb-18-gold-spot-exposition-slide {
        background-color: #000000;
        background-position: center;
        background-size: cover;
        padding: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .ebb-18-gold-spots .ebb-18-gold-spot-exposition .ebb-18-gold-spot-exposition-slide__headline {
        position: relative;
        z-index: 1;
    }
    .ebb-18-gold-spots .ebb-18-gold-spot-exposition .ebb-18-gold-spot-exposition-slide__slide-number {
        font-size: 120px;
        font-weight: 600;
        line-height: 1;
        letter-spacing: -2px;
        color: rgba(225, 225, 225, 0.2);
        position: absolute;
        top: -62px;
        left: -32px;
        z-index: -1;
        margin-top: 20px;
    }
    .ebb-18-gold-spots .ebb-18-gold-spot-exposition .ebb-18-gold-spot-exposition-slide__title {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 2px;
        color: #ff565c;
        text-transform: uppercase;
        margin: 0;
    }
    .ebb-18-gold-spots .ebb-18-gold-spot-exposition .ebb-18-gold-spot-exposition-slide__subtitle {
        font-family:"Lato", Verdana, Arial, sans-serif;
        font-size: 32px;
        line-height: 1.25;
        color: #fff;
        margin: 10px 0 16px;
    }
    .ebb-18-gold-spots .ebb-18-gold-spot-exposition .ebb-18-gold-spot-exposition-slide p {
        font-family:"Lato", Verdana, Arial, sans-serif;
        color: rgba(255, 255, 255, 0.7);
        line-height: 1.5;
    }
    .ebb-18-main-container .ebb-18-silver-spots-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .ebb-18-main-container .ebb-18-silver-spots {
        background-color: #f9fafc;
        padding-bottom: 2em;
    }
    .ebb-18-main-container .ebb-18-silver-spots__header {
        border-top: 1px solid rgba(128, 151, 177, 0.4);
        padding-top: 25px;
        margin-bottom: 48px;
    }
    .ebb-18-main-container .ebb-18-silver-spots__section-title {
        font-size: 42px;
        font-weight: 500;
        text-transform: uppercase;
        margin: 0;
    }
    .ebb-18-main-container .ebb-18-silver-spots__item {
        -ms-flex-preferred-size: calc(50% - 1em);
        flex-basis: calc(50% - 1em);
        padding: 24px 24px 30px;
        background-color: #fff;
        -webkit-box-shadow: 0 20px 50px -10px rgba(0, 0, 0, 0.1);
        box-shadow: 0 20px 50px -10px rgba(0, 0, 0, 0.1);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin:.4em;
        max-width: 583px;
    }
    .ebb-18-main-container .ebb-18-silver-spots__headline {
        background-repeat: no-repeat;
        background-position: left center;
        padding: 14px 0;
        margin-bottom: 16px;
    }
    .ebb-18-silver-spots__1st {
        display: inline-block;
        width: 18%;
    }
    .ebb-18-silver-spots__2nd {
        display: inline-block;
        width: 80%;
    }
    .ebb-18-main-container .ebb-18-silver-spots__title {
        color: #ff565c;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 2px;
        line-height: 19px;
        margin-bottom: 0;
        display: inline-block;
        padding-left: 10px;
    }
    .ebb-18-silver-spots__headline img {
        width: 100%;
        display: inline-block;
        max-width: 50px;
    }
    .ebb-18-main-container .ebb-18-silver-spots__subtitle {
        font-family:"Lato", Verdana, Arial, sans-serif;
        font-size: 32px;
        line-height: 1.25;
        letter-spacing: normal;
        color: #1d1f24;
        margin-bottom: 24px;
    }
    .ebb-18-main-container .ebb-18-silver-spots__description-list {
        padding-left: 65px;
        list-style: none;
        margin-bottom: 16px;
    }
    .ebb-18-main-container .ebb-18-silver-spots__description-item {
        font-family:"Lato", Verdana, Arial, sans-serif;
        color: rgba(29, 31, 36, 0.4);
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 16px;
        position: relative;
    }
    .ebb-18-main-container .ebb-18-silver-spots__description-item:before {
        content:"";
        width: 8px;
        height: 8px;
        background-color: #ff565c;
        position: absolute;
        left: -26px;
        top: 10px;
    }
    .ebb-18-main-container .ebb-18-silver-spots__partners-title {
        font-family:"Lato", Verdana, Arial, sans-serif;
        color: rgba(29, 31, 36, 0.7);
        font-size: 16px;
        font-weight: 600;
        border-top: 1px solid #e9e9e9;
        padding-top: 12px;
        margin-bottom: 24px;
        margin-top: auto;
    }
    .ebb-18-main-container .ebb-18-silver-spot-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .ebb-18-main-container .ebb-18-silver-spot-action {
        width: 25%;
        padding: 0 5px;
        text-align: center;
        cursor: pointer;
    }
    .ebb-18-main-container .ebb-18-silver-spot-action:hover .ebb-18-silver-spot-logo {
        opacity: 1;
    }
    .ebb-18-main-container .ebb-18-silver-spot-action:hover .ebb-18-silver-spot-values {
        border-color: #ff565c;
    }
    .ebb-18-main-container .ebb-18-silver-spot-logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .ebb-18-main-container .ebb-18-silver-spot-logo img {
        opacity: 0.5;
    }
    .ebb-18-main-container .ebb-18-silver-spot-values {
        display: inline-block;
        color: #ff565c;
        padding-bottom: 1px;
        border-bottom: 2px solid transparent;
        -webkit-transition: .7s;
        transition: .7s;
        margin-top: 20px;
        font-size: .9em;
    }
    .ebb-18-main-container {
        font-family:"Oswald", Verdana, Arial, sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 1.3;
        margin-bottom: 40px;
    }
    .ebb-18-vouchertitle {
        border-top: 1px solid rgba(128, 151, 177, .4);
        padding-top: 25px;
        margin-bottom: 48px;
        padding-right: 4em;
        padding-left: 2em;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
    }
    .ebb-18-vouchertitle h2 {
        font-size: 42px;
        font-weight: 500;
        text-transform: uppercase;
        margin: 0;
    }
    @media screen and (max-width: 1280px) {
        .ebb-18-main-container .ebb-18-small-container {
            padding-right: 40px;
            padding-left: 10px;
        }
    }
    @media screen and (max-width: 1200px) {
        .ebb-18-main-container .ebb-18-banner .ebb-18-banner__title {
            font-size: 76px;
        }
        .ebb-18-main-container .ebb-18-banner .ebb-18-banner-list {
            padding-bottom: 44px;
        }
        .ebb-18-gold-spots .ebb-18-gold-spot-row {
            margin-bottom: 50px;
        }
        .ebb-18-main-container .ebb-18-silver-spots__section-title {
            font-size: 40px;
        }
        .ebb-18-main-container .ebb-18-silver-spots__subtitle {
            font-size: 30px;
        }
    }
    @media screen and (max-width: 1190px) {
        .ebb-18-banner .ebb-18-ebb-18-banner-slider {
            width: 376px;
            margin: -217px 25px 0 auto;
        }
        .ebb-18-banner .ebb-18-ebb-18-banner-slider input, .ebb-18-banner .ebb-18-ebb-18-banner-slider .ebb-18-banner-switch {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }
        .ebb-18-banner .ebb-18-animation-wrap {
            -webkit-animation: cardMove 21s ease-out infinite;
            animation: cardMove 21s ease-out infinite;
        }
        .ebb-18-banner #ebb-18-btn-1b:checked ~ .ebb-18-ebb-18-banner-ebb-18-slider-inner .ebb-18-banner-ebb-18-slides {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
        .ebb-18-banner #ebb-18-btn-2b:checked ~ .ebb-18-ebb-18-banner-ebb-18-slider-inner .ebb-18-banner-ebb-18-slides {
            -webkit-transform: translateX(-376px);
            transform: translateX(-376px);
        }
        .ebb-18-banner #ebb-18-btn-3b:checked ~ .ebb-18-ebb-18-banner-ebb-18-slider-inner .ebb-18-banner-ebb-18-slides {
            -webkit-transform: translateX(-752px);
            transform: translateX(-752px);
        }
        .ebb-18-main-container .ebb-18-banner .ebb-18-banner-list {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }
        .ebb-18-main-container .ebb-18-banner .ebb-18-banner-list__item {
            width: 188px;
            max-width: 188px;
            padding: 0 5px;
            margin: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
        }
        .ebb-18-main-container .ebb-18-banner .ebb-18-banner-list__explore {
            opacity: 1;
        }
    }
    @media screen and (max-width: 1100px) {
        .ebb-18-gold-spots .ebb-18-gold-spot-row .ebb-18-gold-spot-exposition {
            margin-left: 40px;
        }
        .ebb-18-gold-spots .ebb-18-gold-spot-row:nth-of-type(even) .ebb-18-gold-spot-exposition {
            margin-right: 40px;
            margin-left: 0;
        }
    }
    @media screen and (max-width: 1024px) {
        .ebb-18-gold-spots .ebb-18-gold-spot-exposition .ebb-18-gold-spot-exposition-slide__subtitle {
            font-size: 30px;
        }
    }
    @media screen and (max-width: 992px) {
        .ebb-18-gold-spot-exposition {
            width: 100%;
            max-width: 685px;
        }
        .ebb-18-gold-spots .ebb-18-gold-spot-text {
            width: 100%;
        }
        .ebb-18-banner .ebb-18-banner-switch {
            bottom: -36px;
        }
        .ebb-18-main-container .ebb-18-banner .ebb-18-banner--bg-image {
            min-height: 700px;
        }
        .ebb-18-main-container .ebb-18-banner .ebb-18-banner--bg-image {
            padding-top: 100px;
            min-height: 670px;
        }
        .ebb-18-main-container .ebb-18-banner .ebb-18-banner__title {
            font-size: 70px;
        }
        .ebb-18-main-container .ebb-18-banner .ebb-18-banner-list {
            padding-bottom: 0;
        }
        .ebb-18-gold-spots .ebb-18-gold-spot-row {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            margin-bottom: 0;
        }
        .ebb-18-gold-spots .ebb-18-gold-spot-row .ebb-18-gold-spot-exposition {
            margin-left: 0;
        }
        .ebb-18-gold-spots .ebb-18-gold-spot-row .ebb-18-gold-spot-text {
            padding-right: 0;
        }
        .ebb-18-gold-spots .ebb-18-gold-spot-row:nth-of-type(even) {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }
        .ebb-18-gold-spots .ebb-18-gold-spot-row:nth-of-type(even) .ebb-18-gold-spot-exposition {
            margin-right: 0;
        }
        .ebb-18-gold-spots .ebb-18-gold-spot-row:nth-of-type(even) .ebb-18-gold-spot-text {
            padding-left: 0;
        }
        .ebb-18-gold-spots .ebb-18-gold-spot-text {
            max-width: 685px;
        }
        .ebb-18-gold-spots .ebb-18-gold-spot-text__title {
            font-size: 50px;
        }
        .ebb-18-gold-spots .ebb-18-gold-spot-text__button {
            padding: 14px 60px;
        }
        .ebb-18-gold-spots .ebb-18-gold-spot-exposition .ebb-18-gold-spot-exposition-slide__subtitle {
            font-size: 28px;
        }
        .ebb-18-main-container .ebb-18-silver-spots-row {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }
        .ebb-18-main-container .ebb-18-silver-spots__section-title {
            font-size: 36px;
            text-align: center;
        }
        .ebb-18-main-container .ebb-18-silver-spots__item:nth-of-type(odd) {
            margin-right: auto;
        }
        .ebb-18-main-container .ebb-18-silver-spots__item {
            display: block;
            max-width: 583px;
            margin: 0 auto 40px;
        }
        .ebb-18-main-container .ebb-18-silver-spots__subtitle {
            font-size: 28px;
        }
    }
    @media screen and (max-width: 768px) {
        .ebb-18-main-container .ebb-18-banner .ebb-18-banner--bg-image {
            padding-top: 70px;
            min-height: 600px;
        }
        .ebb-18-main-container .ebb-18-banner .ebb-18-banner__title {
            font-size: 64px;
        }
        .ebb-18-main-container .ebb-18-banner .ebb-18-banner__description {
            font-size: 18px;
        }
        .ebb-18-gold-spots .ebb-18-gold-spot-text__title {
            font-size: 46px;
        }
        .ebb-18-gold-spots .ebb-18-gold-spot-exposition .ebb-18-gold-spot-exposition-slide__slide-number {
            font-size: 110px;
            top: -56px;
            left: -28px;
        }
        .ebb-18-main-container .ebb-18-silver-spots__section-title {
            font-size: 34px;
        }
        .ebb-18-main-container .ebb-18-silver-spots__subtitle {
            font-size: 26px;
        }
    }
    @media screen and (max-width: 640px) {
        .ebb-18-main-container .ebb-18-banner .ebb-18-banner--bg-image {
            padding-top: 50px;
        }
        .ebb-18-main-container .ebb-18-banner .ebb-18-banner__title {
            font-size: 48px;
        }
        .ebb-18-gold-spots .ebb-18-gold-spot-text__title {
            font-size: 42px;
        }
        .ebb-18-gold-spots .ebb-18-gold-spot-exposition .ebb-18-gold-spot-exposition-slide {
            padding: 30px;
        }
        .ebb-18-gold-spots .ebb-18-gold-spot-exposition .ebb-18-gold-spot-exposition-slide__slide-number {
            font-size: 100px;
            top: -56px;
            left: -28px;
        }
        .ebb-18-gold-spots .ebb-18-gold-spot-exposition .ebb-18-gold-spot-exposition-slide__subtitle {
            font-size: 26px;
        }
        .ebb-18-gold-spots .ebb-18-gold-spot-exposition .ebb-18-gold-spot-exposition-slide p {
            font-size: 14px;
            line-height: 1.3;
        }
        .ebb-18-main-container .ebb-18-silver-spots__section-title {
            font-size: 32px;
        }
        .ebb-18-main-container .ebb-18-silver-spots__subtitle {
            font-size: 24px;
        }
        .ebb-18-main-container .ebb-18-silver-spots__description-list {
            padding-left: 35px;
        }
        .ebb-18-main-container .ebb-18-silver-spot-values {
            font-size: 14px;
        }
    }
    @media screen and (max-width: 500px) {
        .ebb-18-main-container .ebb-18-silver-spots__item {
            padding-bottom: 10px;
        }
        .ebb-18-main-container .ebb-18-silver-spots__partners-title {
            text-align: center;
        }
        .ebb-18-main-container .ebb-18-silver-spot-action {
            width: 50%;
            max-width: 148px;
            margin-bottom: 20px;
        }
        .ebb-18-main-container .ebb-18-silver-spot-values {
            margin-top: 5px;
        }
    }
    @media screen and (max-width: 440px) {
        .ebb-18-banner .ebb-18-ebb-18-banner-slider {
            margin: -190px auto 0 auto;
        }
    }
    @media screen and (max-width: 400px) {
        .ebb-18-banner .ebb-18-ebb-18-banner-slider {
            width: 320px;
        }
        .ebb-18-banner .ebb-18-animation-wrap {
            -webkit-animation: smallCardMove 21s ease-out infinite;
            animation: smallCardMove 21s ease-out infinite;
        }
        .ebb-18-banner #ebb-18-btn-1b:checked ~ .ebb-18-ebb-18-banner-ebb-18-slider-inner .ebb-18-banner-ebb-18-slides {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
        .ebb-18-banner #ebb-18-btn-2b:checked ~ .ebb-18-ebb-18-banner-ebb-18-slider-inner .ebb-18-banner-ebb-18-slides {
            -webkit-transform: translateX(-320px);
            transform: translateX(-320px);
        }
        .ebb-18-banner #ebb-18-btn-3b:checked ~ .ebb-18-ebb-18-banner-ebb-18-slider-inner .ebb-18-banner-ebb-18-slides {
            -webkit-transform: translateX(-640px);
            transform: translateX(-640px);
        }
        .ebb-18-main-container .ebb-18-banner .ebb-18-banner--bg-image {
            padding-top: 32px;
            min-height: 580px;
        }
        .ebb-18-main-container .ebb-18-banner .ebb-18-banner-list__item {
            width: 160px;
        }
        .ebb-18-main-container .ebb-18-banner .ebb-18-banner-list__link {
            min-height: 260px;
        }
        .ebb-18-main-container .ebb-18-banner .ebb-18-banner-list__title {
            font-size: 20px;
        }
        .ebb-18-main-container .ebb-18-banner .ebb-18-banner-list__explore {
            font-size: 14px;
        }
    }
    @media screen and (max-width: 380px) {
        .ebb-18-main-container .ebb-18-banner .ebb-18-banner__title {
            font-size: 42px;
        }
        .ebb-18-main-container .ebb-18-banner .ebb-18-banner__description {
            font-size: 20px;
        }
        .ebb-18-gold-spots .ebb-18-gold-spot-text__title {
            font-size: 32px;
        }
        .ebb-18-gold-spots .ebb-18-gold-spot-text__description, .ebb-18-gold-spots .ebb-18-gold-spot-text__offers {
            font-size: 14px;
        }
        .ebb-18-gold-spots .ebb-18-gold-spot-exposition .ebb-18-gold-spot-exposition-slide {
            padding: 15px;
        }
        .ebb-18-gold-spots .ebb-18-gold-spot-exposition .ebb-18-gold-spot-exposition-slide__slide-number {
            font-size: 90px;
            top: -51px;
            left: -22px;
            color: rgba(225, 225, 225, 0.4);
        }
        .ebb-18-main-container .ebb-18-silver-spots__section-title {
            font-size: 30px;
        }
        .ebb-18-main-container .ebb-18-silver-spots__subtitle {
            font-size: 22px;
        }
        .ebb-18-main-container .ebb-18-silver-spots__description-list {
            padding-left: 25px;
        }
        .ebb-18-main-container .ebb-18-silver-spots__partners-title {
            margin-bottom: 10px;
        }
        .ebb-18-main-container .ebb-18-silver-spot-action {
            padding: 0 10px;
        }
    }
    @media screen and (max-width: 340px) {
        .ebb-18-gold-spots .ebb-18-gold-spot-exposition .ebb-18-gold-spot-exposition-slide__slide-number {
            font-size: 80px;
            top: -34px;
            left: -20px;
        }
    }
    @media screen and (max-width: 320px) {
        .ebb-18-gold-spots .ebb-18-gold-spot-text__button {
            padding: 12px 46px;
        }
        .ebb-18-main-container .ebb-18-silver-spots__description-item {
            font-size: 14px;
            line-height: 1.3;
        }
        .ebb-18-main-container .ebb-18-silver-spots__description-item:before {
            width: 6px;
            height: 6px;
            left: -20px;
            top: 6px;
        }
    }
</style>
<!-- Main container start -->
<div class="ebb-18-main-container">
    <!-- Header starts -->
    <div class="ebb-18-banner">
        <!-- Header bg image start -->
        <div class="ebb-18-banner--bg-image" style="background-image: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)), url(https://d3i68pnuybn9g3.cloudfront.net/images/media/31/h/HeaderSand.jpg)">
            <div class="ebb-18-small-container">
                <!-- Header title start, be short: 35 characters max -->
                	<h1 class="ebb-18-banner__title">Reiseangebote 2019</h1>
                <!-- Header title end -->
                <!-- Header description starts, 200 characters max -->
                <p class="ebb-18-banner__description">Entdecken Sie die besten Last Minute Angebote und Frühbucherrabatte bei uns! Egal ob Pauschalreisen, Wellnesswochenende oder Städtereisen. Buchen Sie jetzt Ihren Urlaub 2019 und sparen Sie mit unseren Urlaubsangeboten!</p>
                <!-- Header description ends -->
            </div>
        </div>
        <!-- Header bg image end -->
        <!-- Header Cards start -->
        <div class="ebb-18-ebb-18-banner-slider">
            <!-- Don't touch, buttons -->
            <!-- radio-buttons and labels for cards slider for responsive  start-->
            <input type="radio" name="ebb-18-banner-switch" id="ebb-18-btn-1b" class="ebb-18-radio-slide">
            <input type="radio" name="ebb-18-banner-switch" id="ebb-18-btn-2b" class="ebb-18-radio-slide">
            <input type="radio" name="ebb-18-banner-switch" id="ebb-18-btn-3b" class="ebb-18-radio-slide">
            <div class="ebb-18-banner-switch">
                <label for="ebb-18-btn-1b">&nbsp;</label>
                <label for="ebb-18-btn-2b">&nbsp;</label>
                <label for="ebb-18-btn-3b">&nbsp;</label>
            </div>
            <!-- .slider-prev-next-control -->
            <!-- radio-buttons and labels for cards slider for responsive end-->
            <!-- Header Card list start -->
            <div class="ebb-18-ebb-18-banner-ebb-18-slider-inner">
                <div class="ebb-18-animation-wrap">
                    <div class="ebb-18-banner-ebb-18-slides ebb-18-banner-list">
                        <!-- Header Card 1 start -->
                        <div class="ebb-18-banner-slide ebb-18-banner-list__item">
                            <!-- Don't change link, it's connected to the section. But change logo, alt text and text -->
                            <a href="#ebb18_section1" class="ebb-18-banner-list__link" style="background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)), url(https://d3i68pnuybn9g3.cloudfront.net/images/media/31/f/Fernreisen.jpg)">
                                <!-- Brand Name --> <span class="ebb-18-banner-list__company-name">ITS Coop Travel</span> 
                                <!-- Short Title --> <span class="ebb-18-banner-list__title">Last Minute Ferien</span> 
                                <!-- Use arrow image and keep the CTA in one word --> <span class="ebb-18-banner-list__explore" style="background-image: url(https://d3i68pnuybn9g3.cloudfront.net/images/media/92/e/ebb18ion-ios-arrow.png)">mehr</span> 
                            </a>
                        </div>
                        <!-- Header Card 1 End -->
                        <!-- Header Card 2 start -->
                        <div class="ebb-18-banner-slide ebb-18-banner-list__item">
                            <!-- Don't change link, it's connected to the section. But change logo, alt text and text -->
                            <a href="#ebb18_section2" class="ebb-18-banner-list__link" style="background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)), url(https://d3i68pnuybn9g3.cloudfront.net/images/media/92/b/barcelona500x600.jpg)">
                                <!-- Brand Name --> <span class="ebb-18-banner-list__company-name">hotels.com</span> 
                                <!-- Short Title --> <span class="ebb-18-banner-list__title">Spannende Städtereisen</span> 
                                <!-- Use arrow image and keep the CTA in one word --> <span class="ebb-18-banner-list__explore" style="background-image: url(https://d3i68pnuybn9g3.cloudfront.net/images/media/92/e/ebb18ion-ios-arrow.png)">mehr</span> 
                            </a>
                        </div>
                        <!-- Header Card 2 End -->
                        <!-- Header Card 3 start -->
                        <div class="ebb-18-banner-slide ebb-18-banner-list__item">
                            <!-- Don't change link, it's connected to the section. But change logo, alt text and text -->
                            <a href="#ebb18_section3" class="ebb-18-banner-list__link" style="background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)), url(https://d3i68pnuybn9g3.cloudfront.net/images/media/92/k/Karte_Reise.jpg)">
                                <!-- Brand Name --> <span class="ebb-18-banner-list__company-name">sixt</span> 
                                <!-- Short Title --> <span class="ebb-18-banner-list__title">Mietwagen ausleihen</span> 
                                <!-- Use arrow image and keep the CTA in one word --> <span class="ebb-18-banner-list__explore" style="background-image: url(https://d3i68pnuybn9g3.cloudfront.net/images/media/92/e/ebb18ion-ios-arrow.png)">mehr</span> 
                            </a>
                        </div>
                        <!-- Header Card 3 End -->
                        <!-- Header Card 4 start -->
                        <div class="ebb-18-banner-slide ebb-18-banner-list__item">
                            <!-- Don't change link, it's connected to the section. But change logo, alt text and text -->
                            <a href="#ebb18_section4" class="ebb-18-banner-list__link" style="background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)), url(https://d3i68pnuybn9g3.cloudfront.net/images/media/92/t/Thailand_boat.jpg)">
                                <!-- Brand Name --> <span class="ebb-18-banner-list__company-name">TUI</span> 
                                <!-- Short Title --> <span class="ebb-18-banner-list__title">Entspannende Pauschalreisen</span> 
                                <!-- Use arrow image and keep the CTA in one word --> <span class="ebb-18-banner-list__explore" style="background-image: url(https://d3i68pnuybn9g3.cloudfront.net/images/media/92/e/ebb18ion-ios-arrow.png)">mehr</span> 
                            </a>
                        </div>
                        <!-- Header Card 4 End -->
                        <!-- Header Card 5 start -->
                        <div class="ebb-18-banner-slide ebb-18-banner-list__item">
                            <!-- Don't change link, it's connected to the section. But change logo, alt text and text -->
                            <a href="#ebb18_section5" class="ebb-18-banner-list__link" style="background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)), url(https://d3i68pnuybn9g3.cloudfront.net/images/media/101/c/Cuponation_Bild3.jpg)">
                                <!-- Brand Name --> <span class="ebb-18-banner-list__company-name">Lastminute.ch</span> 
                                <!-- Short Title --> <span class="ebb-18-banner-list__title">Paradiesische Reiseziele</span> 
                                <!-- Use arrow image and keep the CTA in one word --> <span class="ebb-18-banner-list__explore" style="background-image: url(https://d3i68pnuybn9g3.cloudfront.net/images/media/92/e/ebb18ion-ios-arrow.png)">mehr</span> 
                            </a>
                        </div>
                        <!-- Header Card 5 End -->
                        <!-- Header Card 6 start -->
                        <div class="ebb-18-banner-slide ebb-18-banner-list__item">
                            <!-- Don't change link, it's connected to the section. But change logo, alt text and text -->
                            <a href="#ebb18_section6" class="ebb-18-banner-list__link" style="background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)), url(https://d3i68pnuybn9g3.cloudfront.net/images/media/92/t/thailand500x600.jpg)">
                                <!-- Brand Name --> <span class="ebb-18-banner-list__company-name">booking.com</span> 
                                <!-- Short Title --> <span class="ebb-18-banner-list__title">Günstige Hotels</span> 
                                <!-- Use arrow image and keep the CTA in one word --> <span class="ebb-18-banner-list__explore" style="background-image: url(https://d3i68pnuybn9g3.cloudfront.net/images/media/92/e/ebb18ion-ios-arrow.png)">mehr</span> 
                            </a>
                        </div>
                        <!-- Header Card 6 End -->
                    </div>
                </div>
            </div>
        </div>
        <!-- Header Cards End -->
    </div>
    <!-- Header ends -->
    <!-- Gold section start -->
    <section class="ebb-18-section ebb-18-gold-spots">
        <!-- Gold section spots start -->
        <div class="ebb-18-small-container">
            <!-- Gold section 1 spots row start -->
            <div class="ebb-18-gold-spot-row" id="ebb18_section1">
                <!-- Text column starts -->
                <div class="ebb-18-gold-spot-text">
                    <!-- Logo image and alt text --> <span class="ebb-18-gold-spot-text__logo">                      <img src="https://d3i68pnuybn9g3.cloudfront.net/images/i/its-coop-travel-gutscheine_logo_9.png" alt="ITS Coop Travel logo" class="ebb-18-main-logogold">                </span> 
                    <!-- Title, keep it short -->
                    	<h2 class="ebb-18-gold-spot-text__title">Jetzt günstige Flüge buchen</h2>
                    <!-- Description -->
                    <p class="ebb-18-gold-spot-text__description">Buchen Sie jetzt eine paradiesische Destination wie Thailand, Mauritius, Dubai, etc. und sparen Sie viel Geld! mit den Last Minute Angeboten können Sie attraktive Schnäppchen ergattern! ITS Coop Travel bietet Ihnen außerdem stets tagesaktuelle
                        Promo-Tarife und somit die günstigsten Flugpreise.</p>
                    <!-- CTA. Use a line of text referring to the brand. What is the retailer offering related to the destination promoted? -->
                    <p class="ebb-18-gold-spot-text__offers">Nutzen Sie unsere aktuellen Reiseangebote und sparen Sie zusätzlich mit unseren ITS Coop Travel Gutscheinen!</p>
                    <!-- Link to RLP --> <a href="https://gutscheine.blick.ch/its-coop-travel-gutscheine" rel="nofollow" target="_blank" class="ebb-18-gold-spot-text__button see-button">zu den angeboten</a> 
                </div>
                <!-- Text column ends -->
                <!-- Inspiration column with slider starts -->
                <div class="ebb-18-gold-spot-exposition">
                    <!-- radio-buttons and labels for slider for responsive  start-->
                    <div class="ebb-18-gold-spot-exposition__slider slider">
                        <input type="radio" name="switch" id="ebb-18-btn1">
                        <input type="radio" name="switch" id="ebb-18-btn2">
                        <input type="radio" name="switch" id="ebb-18-btn3">
                        <div class="ebb-18-gold-spot-exposition__switch">
                            <label class="ebb-18-gold-spot-exposition__label" for="ebb-18-btn1">1</label>
                            <label class="ebb-18-gold-spot-exposition__label" for="ebb-18-btn2">2</label>
                            <label class="ebb-18-gold-spot-exposition__label" for="ebb-18-btn3">3</label>
                        </div>
                        <!-- radio-buttons and labels for slider for responsive end-->
                        <div class="ebb-18-slider-inner">
                            <!--Slides start -->
                            <div class="ebb-18-slides">
                                <!--First slide start -->
                                <!-- Change BG image -->
                                <section class="ebb-18-gold-spot-exposition-slide slide slide1" style="background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000 70%), url(https://d3i68pnuybn9g3.cloudfront.net/images/media/31/f/Fernreisen.jpg);">
                                    <div class="ebb-18-gold-spot-exposition-slide__headline">
                                        <!-- Keep the number --> <span class="ebb-18-gold-spot-exposition-slide__slide-number">01</span> 
                                        <!-- Tag for the 1st inspirational slide, 3 words max -->
                                        	<h3 class="ebb-18-gold-spot-exposition-slide__title">Last Minute Urlaub</h3>
                                        <!-- Title for the 1st inspirational slide. Keep it short -->
                                        	<h4 class="ebb-18-gold-spot-exposition-slide__subtitle">Die perfekten Entspannungsferien</h4>
                                    </div>
                                    <!-- To break the paragraph use 2 br tags. Maximum 800 characters -->
                                    <p>Haben Sie schon immer von romantischen Ferien zu zweit auf einer einsamen Insel geträumt? Oder von einer Abenteuertour durch Sri Lanka?
                                        <br>
                                        <br>Egal ob es Sie auf die Malediven zieht, oder gar nach Fidschi oder Hawaii: Ein Inselurlaub ist die perfekte Möglichkeit, um zu entspannen und sich von der Hektik des Alltags loszulösen. Sie können beispielsweise
                                        tolle Yoga-Retreats absolvieren oder ein super-stylisches Hotel auf dem Wasser buchen.
                                        <br>
                                        <br>Um günstige Flüge zu finden, lohnt es sich, nach attraktiven Last Minute Deals Asschau zu halten!
                                        <br>
                                        <br>Auf diese Weise können Sie sich einiges sparen und es ist bestimmt noch das ein oder andere Extra vor Ort mit drin.</p>
                                </section>
                                <!--First slide end -->
                                <!-- Second slide starts -->
                                <!-- Change BG image -->
                                <section class="ebb-18-gold-spot-exposition-slide slide slide2" style="background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000 70%), url(https://d3i68pnuybn9g3.cloudfront.net/images/media/31/i/iStock-53241gr.jpg);">
                                    <div class="ebb-18-gold-spot-exposition-slide__headline">
                                        <!-- Keep the number --> <span class="ebb-18-gold-spot-exposition-slide__slide-number">02</span> 
                                        <!-- Tag for the 1st inspirational slide, 3 words max -->
                                        	<h3 class="ebb-18-gold-spot-exposition-slide__title">Last Minute Urlaub</h3>
                                        <!-- Title for the 1st inspirational slide. Keep it short -->
                                        	<h4 class="ebb-18-gold-spot-exposition-slide__subtitle">Ferien mit Kindern</h4>
                                    </div>
                                    <!-- To break the paragraph use 2 br tags. Maximum 800 characters -->
                                    <p>Alle Eltern wissen, dass Ferien mit Kindern etwas ganz Besonderes sind. Man muss nicht nur darauf achten ein passendes Reiseziel zu wählen, sondern außerdem auch planen wie man die eigenen Interessen mit denen der Kinder
                                        unter einen Hut bekommt.
                                        <br>
                                        <br>Ideal sind zum Beispiel Freizeitparks mit Kinderanimation, bei denen die Eltern sich erholen und die Kinder mit vielen Gleichaltrigen spielen können. Oder versuchen Sie mal Paris, der Wechsel zwischen Sightseeing
                                        in der Stadt und dem Besuch des Disney-Parks ist immer ein Garant für einen tollen Familienurlaub.
                                        <br>
                                        <br>Da Ferien mit Kindern oft von den Ferienzeiten bestimmt wird, empfehlen wir Ihnen schon früh nach Frühbucherangeboten zu suchen oder Last Minute Reisen zu buchen. So finden Sie auch zu den Hauptreisezeiten Ferienangebote
                                        für Familien, die bezahlbar sind.</p>
                                </section>
                                <!-- Second slide ends -->
                                <!-- Third slide starts -->
                                <!-- Change BG image -->
                                <section class="ebb-18-gold-spot-exposition-slide slide slide3" style="background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000 70%), url(https://d3i68pnuybn9g3.cloudfront.net/images/media/31/i/iStock-479622004.jpg);">
                                    <div class="ebb-18-gold-spot-exposition-slide__headline">
                                        <!-- Keep the number --> <span class="ebb-18-gold-spot-exposition-slide__slide-number">03</span> 
                                        <!-- Tag for the 1st inspirational slide, 3 words max -->
                                        	<h3 class="ebb-18-gold-spot-exposition-slide__title">Last Minute Urlaub</h3>
                                        <!-- Title for the 1st inspirational slide. Keep it short -->
                                        	<h4 class="ebb-18-gold-spot-exposition-slide__subtitle">Ferien mit Hund</h4>
                                    </div>
                                    <!-- To break the paragraph use 2 br tags. Maximum 800 characters -->
                                    <p>Viele Hundehalter bringen es nicht übers Herz in den Urlaub zu fahren und Ihren Liebling in einer Hundepension oder bei Freunden zu lassen. Sie suchen deshalb von vornherein Reisen, die auch mit dem Vierbeiner absolviert
                                        werden können. Zum Glück hat sich die Urlaubsindustrie darauf eingerichtet und bietet mittlerweile sogar spezielle Hotels, die Hunde aufnehmen.
                                        <br>
                                        <br>Ebenso können Sie bei vielen Ferienwohnungen direkt bei der Suche nach einer möglichen Wohnung angeben, dass Sie nur nach Zielen suchen, bei denen auch Hunde willkommen sind.
                                        <br>
                                        <br>Wenn Sie eine Flugreise buchen möchten sollten Sie darauf achten, welche Airlines den Transport von Hunden erlauben. Bei Billigfluglinien kann es manchmal Probleme geben. Je nach Größe müssen Hunde dann entweder
                                        in speziellen Frachtboxen im Transportraum reisen oder dürfen mit Ihnen in die Kabine. In jedem Fall sollten Sie auch hier Zeit in Ihre Suche investieren, um günstige Flüge zu finden. Unser Tipp: Entweder Frühbucherangebote
                                        oder Last Minute Angebote ausfindig machen!</p>
                                </section>
                                <!-- Third slide ends -->
                            </div>
                            <!--ebb-18-slides end -->
                        </div>
                    </div>
                </div>
                <!-- Inspiration column with slider ends -->
            </div>
            <!-- Gold section 1 spots row end -->
            <!-- Gold section 2 spots row start -->
            <div class="ebb-18-gold-spot-row" id="ebb18_section2">
                <!-- Gold section spots item start -->
                <!-- Text column starts -->
                <div class="ebb-18-gold-spot-text">
                    <!-- Logo image and alt text --> <span class="ebb-18-gold-spot-text__logo">                        <img src="https://d3i68pnuybn9g3.cloudfront.net/images/h/hotels-gutscheine_logo_9.png" alt="hotels.com logo" class="ebb-18-main-logogold">                </span> 
                    <!-- Title, keep it short -->
                    	<h2 class="ebb-18-gold-spot-text__title">                  Erlebnisreiche Städtereisen</h2>
                    <!-- Description --> <span class="ebb-18-gold-spot-text__description">Mit dem richtigen Hotel wird Ihre Städtereise zum Erholungsurlaub. Ganz einfach günstiges Hotel buchen und ohne Stress vor Ort den Flair der Stadt genießen.                </span> 
                    <!-- CTA. Use a line of text referring to the brand. What is the retailer offering related to the destination promoted? --> <span class="ebb-18-gold-spot-text__offers">                  Wählen Sie aus zahlreichen Top Hotels ihren Favoriten aus und buchen Sie direkt über Hotels.com. Mit unseren Hotels.com Gutscheinen sparen Sie on top!               </span> 
                    <!-- Link to RLP --> <a href="https://gutscheine.blick.ch/hotels-gutscheine" rel="nofollow" target="_blank" class="ebb-18-gold-spot-text__button see-button">zu den angeboten</a> 
                </div>
                <!-- Text column wnds -->
                <!-- Inspiration column with slider starts -->
                <div class="ebb-18-gold-spot-exposition">
                    <!-- radio-buttons and labels for slider for responsive start-->
                    <div class="ebb-18-gold-spot-exposition__slider slider">
                        <input type="radio" name="second-switch" id="ebb-18-btn4">
                        <input type="radio" name="second-switch" id="ebb-18-btn5">
                        <input type="radio" name="second-switch" id="ebb-18-btn6">
                        <div class="ebb-18-gold-spot-exposition__second-switch">
                            <label class="ebb-18-gold-spot-exposition__label" for="ebb-18-btn4">1</label>
                            <label class="ebb-18-gold-spot-exposition__label" for="ebb-18-btn5">2</label>
                            <label class="ebb-18-gold-spot-exposition__label" for="ebb-18-btn6">3</label>
                        </div>
                        <!-- radio-buttons and labels for slider for responsive end-->
                        <div class="ebb-18-slider-inner">
                            <!--ebb-18-slides start -->
                            <div class="ebb-18-slides">
                                <!--First slide start -->
                                <!-- Change BG image -->
                                <section class="ebb-18-gold-spot-exposition-slide slide slide1" style="background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000 70%), url(https://d3i68pnuybn9g3.cloudfront.net/images/media/92/b/barcelona500x600.jpg);">
                                    <div class="ebb-18-gold-spot-exposition-slide__headline">
                                        <!-- Keep the number --> <span class="ebb-18-gold-spot-exposition-slide__slide-number">01</span> 
                                        <!-- Tag for the 1st inspirational slide, 3 words max -->
                                        	<h3 class="ebb-18-gold-spot-exposition-slide__title">Städtereise Barcelona</h3>
                                        <!-- Title for the 1st inspirational slide. Keep it short -->
                                        	<h4 class="ebb-18-gold-spot-exposition-slide__subtitle">Stadt und Strand kombiniert</h4>
                                    </div>
                                    <!-- To break the paragraph use 2 br tags. Maximum 800 characters -->
                                    <p>Tapas, Altstadt und Rambla, die Stadt Barcelona hat den Besuchern viel zu bieten. Von vielen deutschen Flughäfen gibt es regelmäßig günstige Flugangebote und über entsprechende Vergleichsportale für Hotels und Ferienwohnungen
                                        ist es außerdem einfach, ein günstiges Hotel in Barcelona zu finden.
                                        <br>
                                        <br>Fußballfans können die Helden des FC Barcelonas im Camp Nou Stadion spielen sehen, Kulturfans können die alten Kirchen und Kathedralen bewundern und wer die spanische Gastronomie mag findet in Barcelona von der
                                        populären Tapas-Bar bis zur Sterne-Küche alles, was das Herz begehrt.
                                        <br>
                                        <br>Erholen können Sie sich am Starnd in Barcelona ebenfalls. Ein Städte-Trip mit Kombination aus Kultur und Strand ist die perfekte Alternative zu einem reinen Strandurlaub. Buchen Sie Ihren Urlaub am besten mit lukrativen
                                        Last Minute Angeboten, dann können Sie das gesparte Geld in leckeres Essen investieren!</p>
                                </section>
                                <!--First slide ends -->
                                <!--Second slide start -->
                                <!-- Change BG image -->
                                <section class="ebb-18-gold-spot-exposition-slide slide slide2" style="background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000 70%), url(https://d3i68pnuybn9g3.cloudfront.net/images/media/92/b/berlin500x600.jpg);">
                                    <div class="ebb-18-gold-spot-exposition-slide__headline">
                                        <!-- Keep the number --> <span class="ebb-18-gold-spot-exposition-slide__slide-number">02</span> 
                                        <!-- Tag for the 1st inspirational slide, 3 words max -->
                                        	<h3 class="ebb-18-gold-spot-exposition-slide__title">Städtereise Berlin</h3>
                                        <!-- Title for the 1st inspirational slide. Keep it short -->
                                        	<h4 class="ebb-18-gold-spot-exposition-slide__subtitle">Deutschlands Metropole</h4>
                                    </div>
                                    <!-- To break the paragraph use 2 br tags. Maximum 800 characters -->
                                    <p>Berlin ist DIE Metropole in Deutschland und nicht nur bei Gästen aus dem Ausland absolut beliebt. Auch für deutsche Städtereisende ist Berlin eines der am häufigsten besuchten Ziele.
                                        <br>
                                        <br>Viele Fluglinien bieten immer wieder günstige Preise zu einem der Flughäfen in Berlin. Insbesondere im Osten der Stadt gibt es auch noch bezahlbare Unterkünfte. Egal ob Sie ein Hotel in Berlin suchen oder ein Zimmer,
                                        über Internet-Plattformen wie Hotels.com gibt es für jeden Geldbeutel die passende Unterkunft. Außerdem gibt es immer wieder tolle Reiseangebote, die man unbedingt nutzen sollte. Einmal vor Ort hat man dann die
                                        Qual der Wahl:
                                        <br>
                                        <br>Besuch der vielen Museen der Museumsinsel, Nachtleben in den zahllosen Diskotheken, deutsche Geschichte am Checkpoint Charlie oder lieber eine Bootstour auf der Spree… Sie sehen, Berlin ist immer eine Reise wert.</p>
                                </section>
                                <!--Second slide end -->
                                <!--Third slide start -->
                                <!-- Change BG image -->
                                <section class="ebb-18-gold-spot-exposition-slide slide slide3" style="background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000 70%), url(https://d3i68pnuybn9g3.cloudfront.net/images/media/92/b/budapest500x600.jpg);">
                                    <div class="ebb-18-gold-spot-exposition-slide__headline">
                                        <!-- Keep the number --> <span class="ebb-18-gold-spot-exposition-slide__slide-number">03</span> 
                                        <!-- Tag for the 1st inspirational slide, 3 words max -->
                                        	<h3 class="ebb-18-gold-spot-exposition-slide__title">Städtereise Budapest</h3>
                                        <!-- Title for the 1st inspirational slide. Keep it short -->
                                        	<h4 class="ebb-18-gold-spot-exposition-slide__subtitle">Die Vorzüge der ungarischen Hauptstadt</h4>
                                    </div>
                                    <!-- To break the paragraph use 2 br tags. Maximum 800 characters -->
                                    <p>Budapest ist längst kein Geheimtipp mehr, sehr viele Menschen lieben es einen Städtetrip nach Budapest zu unternehmen, um die Vorzüge der ungarischen Hauptstadt ein paar Tage lang zu genießen. Zwar sind die Unterkünfte
                                        nicht mehr so günstig wie noch vor einigen Jahren, aber im Vergleich zu Westeuropa kann man in Budapest nach wie vor noch sehr günstig Urlaub machen. Vor allem Last Minute Urlaube nach Budapest bieten Ihnen tolle
                                        Rabatte!
                                        <br>
                                        <br>Vergleichen Sie die oft günstigen Flugangebote nach Budapest und buchen Sie dann eine günstige Unterkunft, die ihrem Budget entspricht. Bei einem Stadtrundgang können Sie dann das Parlament besuchen oder die Burg
                                        im Stadtteil Buda besichtigen.
                                        <br>
                                        <br>Abends locken die vielen verrückten Kultur-Häuser nicht nur junge Leute in die Stadt. Von Musik und Kunst bis Gastronomie gibt es in Budapest viel zu entdecken.</p>
                                </section>
                                <!--Third slide end -->
                            </div>
                            <!--ebb-18-slides End -->
                        </div>
                    </div>
                </div>
                <!-- Inspiration column with slider ends -->
            </div>
            <!-- Gold section 2 spots row end -->
            <!-- Gold section 3 spots row start -->
            <div class="ebb-18-gold-spot-row" id="ebb18_section3">
                <!-- Gold section spots item start -->
                <!-- Text column starts -->
                <div class="ebb-18-gold-spot-text">
                    <!-- Logo image and alt text --> <span class="ebb-18-gold-spot-text__logo">                      <img src="https://d3i68pnuybn9g3.cloudfront.net/images/s/sixt-gutschein_logo_9.png" alt="sixt logo" class="ebb-18-main-logogold">                </span> 
                    <!-- Title, keep it short -->
                    	<h2 class="ebb-18-gold-spot-text__title">Billiger Mietwagen</h2>
                    <!-- Description -->
                    <p class="ebb-18-gold-spot-text__description">Sie haben bereits Ihren Sommerurlaub gebucht, möchten im Urlaub aber nicht auf den Luxus eines Autos verzichten? Entdecken Sie zum Beispiel Spaniens Traumstrände ganz einfach und bequem mit Ihrem Mietwagen von SIXT.</p>
                    <!-- CTA. Use a line of text referring to the brand. What is the retailer offering related to the destination promoted? -->
                    <p class="ebb-18-gold-spot-text__offers">Buchen Sie jetzt Ihren Mietwagen und profitieren Sie von unseren SIXT Gutscheinen</p>
                    <!-- Link to RLP --> <a href="https://gutscheine.blick.ch/sixt-gutschein" rel="nofollow" target="_blank" class="ebb-18-gold-spot-text__button see-button">zu den angeboten</a> 
                </div>
                <!-- Text column ends -->
                <!-- Inspiration column with slider starts -->
                <div class="ebb-18-gold-spot-exposition">
                    <!-- radio-buttons and labels for slider for responsive  start-->
                    <div class="ebb-18-gold-spot-exposition__slider slider">
                        <input type="radio" name="third-switch" id="ebb-18-btn3-1">
                        <input type="radio" name="third-switch" id="ebb-18-btn3-2">
                        <input type="radio" name="third-switch" id="ebb-18-btn3-3">
                        <div class="ebb-18-gold-spot-exposition__switch">
                            <label class="ebb-18-gold-spot-exposition__label" for="ebb-18-btn3-1">1</label>
                            <label class="ebb-18-gold-spot-exposition__label" for="ebb-18-btn3-2">2</label>
                            <label class="ebb-18-gold-spot-exposition__label" for="ebb-18-btn3-3">3</label>
                        </div>
                        <!-- radio-buttons and labels for slider for responsive end-->
                        <div class="ebb-18-slider-inner">
                            <!--ebb-18-slides start -->
                            <div class="ebb-18-slides">
                                <!--First slide start -->
                                <!-- Change BG image -->
                                <section class="ebb-18-gold-spot-exposition-slide slide slide1" style="background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000 70%), url(https://d3i68pnuybn9g3.cloudfront.net/images/media/92/k/Karte_Reise.jpg);">
                                    <div class="ebb-18-gold-spot-exposition-slide__headline">
                                        <!-- Keep the number --> <span class="ebb-18-gold-spot-exposition-slide__slide-number">01</span> 
                                        <!-- Tag for the 1st inspirational slide, 3 words max -->
                                        	<h3 class="ebb-18-gold-spot-exposition-slide__title">Billiger Mietwagen</h3>
                                        <!-- Title for the 1st inspirational slide. Keep it short -->
                                        	<h4 class="ebb-18-gold-spot-exposition-slide__subtitle">Road Trip</h4>
                                    </div>
                                    <!-- To break the paragraph use 2 br tags. Maximum 800 characters -->
                                    <p>Die Schweiz bietet durch seine zentrale Lage perfekte Voraussetzungen um einfach ins Auto zu steigen und drauflos zu fahren. In direkter Nachbarschaft locken Italien und Frankreich mit interessanten Städten und viel
                                        Küste.
                                        <br>
                                        <br>Im Süden kann man Kroatien sogar Spanien innerhalb von mehreren Autostunden erreichen und dort Sonne und Strand oder Gastronomie und Kultur genießen. Oder zieht es Sie eher in den Norden, nach Dänemark und Schweden,
                                        oder vielleicht in den Osten, nach Polen und Tschechien?
                                        <br>
                                        <br>Mit einem internetfähigen Handy können Sie direkt auf dem Weg die nächste Unterkunft buchen. Es gibt viele Webseiten und Apps die Ihnen helfen, günstig „on the road“ zu übernachten. Zusätzlich können Sie die besten
                                        Last Minute Angebote buchen. Lassen Sie sich treiben und entdecken Sie unterwegs Orte, von denen Sie noch nie gehört haben.</p>
                                </section>
                                <!--First slide end -->
                                <!-- Second slide starts -->
                                <!-- Change BG image -->
                                <section class="ebb-18-gold-spot-exposition-slide slide slide2" style="background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000 70%), url(https://d3i68pnuybn9g3.cloudfront.net/images/media/92/a/Autoresie.jpg);">
                                    <div class="ebb-18-gold-spot-exposition-slide__headline">
                                        <!-- Keep the number --> <span class="ebb-18-gold-spot-exposition-slide__slide-number">02</span> 
                                        <!-- Tag for the 1st inspirational slide, 3 words max -->
                                        	<h3 class="ebb-18-gold-spot-exposition-slide__title">Billiger Mietwagen</h3>
                                        <!-- Title for the 1st inspirational slide. Keep it short -->
                                        	<h4 class="ebb-18-gold-spot-exposition-slide__subtitle">Ab nach Hamburg</h4>
                                    </div>
                                    <!-- To break the paragraph use 2 br tags. Maximum 800 characters -->
                                    <p>Waren Sie schon mal „Auf der Reeperbahn nachts um halb eins“? Dann wird es höchste Zeit. Die nordische Metropole Deutschlands Hamburg ist ein perfektes Ziel für einen Kurztrip. Sie können sehr einfach mit Ihrem Miet-Auto
                                        anreisen.
                                        <br>
                                        <br>Im Internet finden Sie zusätzlich eine günstige Unterkunft in Hamburg, das Angebot an Hotels und Ferienapartments ist sehr umfangreich.
                                        <br>
                                        <br>Wenn Sie die Stadt Hamburg besuchen, sollten Sie sich auch eine Rundfahrt durch den Hamburger Hafen nicht entgehen lassen. Oder wandeln Sie im legendären Star Club auf den Spuren der Beatles. Egal ob Kultur, Entspannung
                                        oder Nachtleben, Hamburg bietet allen Besuchern den passenden Flair. Mit Hilfe von Frübucherangeboten oder Last Minute Angeboten können Sie Ihren Kurzurlaub noch mehr genießen.</p>
                                </section>
                                <!-- Second slide ends -->
                                <!-- Third slide starts -->
                                <!-- Change BG image -->
                                <section class="ebb-18-gold-spot-exposition-slide slide slide3" style="background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000 70%), url(https://d3i68pnuybn9g3.cloudfront.net/images/media/92/a/Auto_karte.jpg);">
                                    <div class="ebb-18-gold-spot-exposition-slide__headline">
                                        <!-- Keep the number --> <span class="ebb-18-gold-spot-exposition-slide__slide-number">03</span> 
                                        <!-- Tag for the 1st inspirational slide, 3 words max -->
                                        	<h3 class="ebb-18-gold-spot-exposition-slide__title">Billiger Mietwagen</h3>
                                        <!-- Title for the 1st inspirational slide. Keep it short -->
                                        	<h4 class="ebb-18-gold-spot-exposition-slide__subtitle">Unterwegs in Europa</h4>
                                    </div>
                                    <!-- To break the paragraph use 2 br tags. Maximum 800 characters -->
                                    <p>Amsterdam hat einige der bemerkenswertesten Museen Europas. Sie können hier die Werke der berühmten niederländischen Meister bewundern.
                                        <br>
                                        <br>Für viele Städtereisende ist Amsterdam ein ideales Ziel: tagsüber kann man eine Bootstour auf den Grachten der Stadt unternehmen und abends in einer der vielen Bars Musik und Kunst erleben. Oder spazieren Sie durch
                                        das legendäre Rotlichtviertel von Amsterdam.
                                        <br>
                                        <br>Viele Besucher reisen mit einem gemieteten Auto an, um sich auch noch ein paar Städte in Deutschland anzusehen. Bei den Unterkünften empfehlen wir, auch die Küstenregion zu beachten. Oft gibt es dort günstige Hotels
                                        und Pensionen, vor allem einige Last Minute Schnäppchen oder Frühbucherangebote locken mit attraktiven Preisen und mit dem Mietwagen ist man auch schnell in der Innenstadt von Amsterdam.</p>
                                </section>
                                <!-- Third slide ends -->
                            </div>
                            <!--ebb-18-slides end -->
                        </div>
                    </div>
                </div>
                <!-- Inspiration column with slider ends -->
            </div>
            <!-- Gold section 3 spots row end -->
            <!-- Gold section 4 spots row start -->
            <div class="ebb-18-gold-spot-row" id="ebb18_section4">
                <!-- Gold section spots item start -->
                <!-- Text column starts -->
                <div class="ebb-18-gold-spot-text">
                    <!-- Logo image and alt text --> <span class="ebb-18-gold-spot-text__logo">                        <img src="https://d3i68pnuybn9g3.cloudfront.net/images/t/TUI_CH_9.png" alt="tui logo" class="ebb-18-main-logogold">                </span> 
                    <!-- Title, keep it short -->
                    	<h2 class="ebb-18-gold-spot-text__title">Günstige Pauschalreisen</h2>
                    <!-- Description --> <span class="ebb-18-gold-spot-text__description">Egal ob Familienferien, Single-Urlaub oder Paarferien - bei TUI finden Sie Ihre traumhafte Pauschalreise 2019. Schlagen Sie jetzt zu und sichern Sie sich Reiseangebote, wie zum Beispiel Last Minute Schnäppchen.                </span> 
                    <!-- CTA. Use a line of text referring to the brand. What is the retailer offering related to the destination promoted? --> <span class="ebb-18-gold-spot-text__offers">                  Sparen Sie zusätzlich mit unseren TUI Gutscheinen!              </span> 
                    <!-- Link to RLP --> <a href="https://gutscheine.blick.ch/tui-gutscheine" rel="nofollow" target="_blank" class="ebb-18-gold-spot-text__button see-button">zu den angeboten</a> 
                </div>
                <!-- Text column wnds -->
                <!-- Inspiration column with slider starts -->
                <div class="ebb-18-gold-spot-exposition">
                    <!-- radio-buttons and labels for slider for responsive  start-->
                    <div class="ebb-18-gold-spot-exposition__slider slider">
                        <input type="radio" name="fourth-switch" id="ebb-18-btn4-1">
                        <input type="radio" name="fourth-switch" id="ebb-18-btn4-2">
                        <input type="radio" name="fourth-switch" id="ebb-18-btn4-3">
                        <div class="ebb-18-gold-spot-exposition__second-switch">
                            <label class="ebb-18-gold-spot-exposition__label" for="ebb-18-btn4-1">1</label>
                            <label class="ebb-18-gold-spot-exposition__label" for="ebb-18-btn4-2">2</label>
                            <label class="ebb-18-gold-spot-exposition__label" for="ebb-18-btn4-3">3</label>
                        </div>
                        <!-- radio-buttons and labels for slider for responsive end-->
                        <div class="ebb-18-slider-inner">
                            <!--ebb-18-slides start -->
                            <div class="ebb-18-slides">
                                <!--First slide start -->
                                <!-- Change BG image -->
                                <section class="ebb-18-gold-spot-exposition-slide slide slide1" style="background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000 70%), url(https://d3i68pnuybn9g3.cloudfront.net/images/media/92/t/Thailand_boat.jpg);">
                                    <div class="ebb-18-gold-spot-exposition-slide__headline">
                                        <!-- Keep the number --> <span class="ebb-18-gold-spot-exposition-slide__slide-number">01</span> 
                                        <!-- Tag for the 1st inspirational slide, 3 words max -->
                                        	<h3 class="ebb-18-gold-spot-exposition-slide__title">Pauschalreisen</h3>
                                        <!-- Title for the 1st inspirational slide. Keep it short -->
                                        	<h4 class="ebb-18-gold-spot-exposition-slide__subtitle">Fernweh nach Palmen, Strand und Meer</h4>
                                    </div>
                                    <!-- To break the paragraph use 2 br tags. Maximum 800 characters -->
                                    <p>Schon wieder Fernweh? Dann warten Sie mit der Buchung nicht mehr lange und suchen sich gleich einen günstigen Flug in Richtung Paradies. Sonne, Strand, Palmen, Meer und Ruhe – das ist Urlaub! Da brauchen Sie auch gar
                                        nicht viel. Eine Badehose und etwas Sonnencreme und die Reise kann beginnen. Zu den schönsten Zielen für Ihren Strandurlaub gehören z.B. Sardinien, Sri Lanka, Bali oder Zypern. Weiße Sandstrände mit türkisfarbenem
                                        Meer erwartet Sie hier. Aber jeder Strand ist einzigartig.
                                        <br>
                                        <br>Ob steinige Küsten oder tropischer Dschungel – überall warten neue Abenteuer auf Sie. Kleiner Tipp: Es gibt viele Aussichtsplattformen, die Sie nicht auslassen sollten. Der Blick über die Küste ist einfach unbezahlbar.
                                        Am besten zum Sonnenaufgang, wenn der Ort in ganz neuem soften Licht erstrahlt.
                                        <br>
                                        <br>Nehmen Sie Ihren Liebsten mit ins Paradies, laufen bei Sonnenuntergang an der Küste entlang und lassen den Abend an der Strandbar ausklingen. Entspannung pur – mit vielen Erinnerungen, die Ihr Leben lang bleiben.</p>
                                </section>
                                <!--First slide ends -->
                                <!--Second slide start -->
                                <!-- Change BG image -->
                                <section class="ebb-18-gold-spot-exposition-slide slide slide2" style="background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000 70%), url(https://d3i68pnuybn9g3.cloudfront.net/images/media/92/e/Explore_ThemeC2_Underwater.jpg);">
                                    <div class="ebb-18-gold-spot-exposition-slide__headline">
                                        <!-- Keep the number --> <span class="ebb-18-gold-spot-exposition-slide__slide-number">02</span> 
                                        <!-- Tag for the 1st inspirational slide, 3 words max -->
                                        	<h3 class="ebb-18-gold-spot-exposition-slide__title">Pauschalreisen</h3>
                                        <!-- Title for the 1st inspirational slide. Keep it short -->
                                        	<h4 class="ebb-18-gold-spot-exposition-slide__subtitle">Fernab vom Festland</h4>
                                    </div>
                                    <!-- To break the paragraph use 2 br tags. Maximum 800 characters -->
                                    <p>Denkt man an Inselurlaub, kommen einem gleich Stichworte wie Freiheit, Abenteuer und Ruhe in den Sinn. Eine Reise mitten aufs Meer zieht viele Naturbegeisterte an. Denn hier warten echte Erlebnisse auf Sie. Besonders
                                        schön ist die Vielfältigkeit.
                                        <br>
                                        <br>Ob Berge, Höhlen, Wasserfälle oder Dschungel – es gibt so Viel zu sehen. Geniessen Sie den warmen Sand an Ihren Füssen und schlendern an der Küste Griechenlands. Neben der Karibik gibt es noch unzählige weitere
                                        Ziele. Buchen Sie also z.B. den nächsten Flug nach Madeira, Mauritius oder auf die Seychellen. Jede Insel hat Ihren eigenen Charme, durch den Sie sofort in eine andere Welt eintauchen und jeden Moment voll und ganz
                                        wahrnehmen können. Dank tollen Reiseangeboten können Sie hier richtige Urlaubsschnäppchen abgreifen.
                                        <br>
                                        <br>Für den kleinen Geldbeutel eignen sich die deutschen (Halb-)Inseln wie Rügen oder Usedom. Etwas weiter weg geht es dann in Afrika, Mittelamerika und Asien. Wunderschöne Inseln mit kristallklarem Wasser erwarten
                                        Sie. Besonders preiswert wird es z.B. auf den thailändischen Inseln Phuket oder Ko Samui. Schnappen Sie sich hier ein schickes Hotel mitten im Meer – rundum nur Sand und Wasser. Auch hier finden Sie zahlreiche Last
                                        Minute Angebote, mit denen Sie einen unvergesslichen Urlaub in kürzester Zeit planen können.</p>
                                </section>
                                <!--Second slide end -->
                                <!--Third slide start -->
                                <!-- Change BG image -->
                                <section class="ebb-18-gold-spot-exposition-slide slide slide3" style="background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000 70%), url(https://d3i68pnuybn9g3.cloudfront.net/images/media/92/k/KinderPool.jpg);">
                                    <div class="ebb-18-gold-spot-exposition-slide__headline">
                                        <!-- Keep the number --> <span class="ebb-18-gold-spot-exposition-slide__slide-number">03</span> 
                                        <!-- Tag for the 1st inspirational slide, 3 words max -->
                                        	<h3 class="ebb-18-gold-spot-exposition-slide__title">Pauschalreisen</h3>
                                        <!-- Title for the 1st inspirational slide. Keep it short -->
                                        	<h4 class="ebb-18-gold-spot-exposition-slide__subtitle">Familienurlaub</h4>
                                    </div>
                                    <!-- To break the paragraph use 2 br tags. Maximum 800 characters -->
                                    <p>Die Schulferien stehen an und Sie wollen mal wieder Zeit gemeinsam verbringen? Dann nichts wie los! Aber wohin? Vor allem als Großfamilie kann das eine nervenaufreibende Prozedur werden. Muss es aber nicht.
                                        <br>
                                        <br>Eine besonders tolle Art von Urlaub ist eine entspannte Pauschalreise in Italien, Griechenland oder in der Türkei. Das ist genau das richtige für Klein und Groß! Während Ihre Liebsten Sandburgen bauen, können Sie
                                        sich auf der Sonnenliege entspannen. Für die ideale Unterhaltung ist auch immer gesorgt. Einige Hotels bieten Animateure oder abendliche Shows an. Ob Livebands oder Comedy Show – es ist bestimmt auch das richtige
                                        für Ihre Familie dabei.
                                        <br>
                                        <br>Das tolle an Pauschalreisen ist, dass der Flug, die Unterkunft und manchmal auch das Essen bereits im Preis mit inbegriffen sind. Sie sollten bei der Buchung aber trotzdem auf weitere Familien Rabatte achten. Denn
                                        viele Veranstalter bieten z.B. gratis Essen für Kinder unter 6 Jahren an oder ein kostenloses extra Zimmer. So wird der Ausflug mit der Familie ein voller Erfolg!</p>
                                </section>
                                <!--Third slide end -->
                            </div>
                            <!--ebb-18-slides end -->
                        </div>
                    </div>
                </div>
                <!-- Inspiration column with slider ends -->
            </div>
            <!-- Gold section 4 spots row ends -->
            <!-- Gold section 5 spots row starts -->
            <div class="ebb-18-gold-spot-row" id="ebb18_section5">
                <!-- Gold section spots item start -->
                <!-- Text column starts -->
                <div class="ebb-18-gold-spot-text">
                    <!-- Logo image and alt text --> <span class="ebb-18-gold-spot-text__logo">                      <img src="https://d3i68pnuybn9g3.cloudfront.net/150x/images/l/lastminute-deals_logo_4.png" alt="lastminute.ch logo" class="ebb-18-main-logogold">           </span> 
                    <!-- Title, keep it short -->
                    	<h2 class="ebb-18-gold-spot-text__title">Die besten Sommer Destinationen</h2>
                    <!-- Description -->
                    <p class="ebb-18-gold-spot-text__description">Reisen Sie entspannt mit den besten Angeboten zu den verschiedensten Destinationen in Europa. Machen Sie die ganze Reise zu einer einzigartigen Erfahrung und lernen Sie etwas über die verschiedenen Kulturen. Lehnen sie sich einfach
                        zurück.
                    </p>
                    <!-- CTA. Use a line of text referring to the brand. What is the retailer offering related to the destination promoted? -->
                    <p class="ebb-18-gold-spot-text__offers">Lastminute.ch bietet Ihnen attraktive Reiseangebote für den Sommer</p>
                    <!-- Link to RLP --> <a href="https://gutscheine.blick.ch/lastminute-gutscheine" rel="nofollow" target="_blank" class="ebb-18-gold-spot-text__button see-button">zu den angeboten</a> 
                </div>
                <!-- Text column ends -->
                <!-- Inspiration column with slider starts -->
                <div class="ebb-18-gold-spot-exposition">
                    <!-- radio-buttons and labels for slider for responsive  start-->
                    <div class="ebb-18-gold-spot-exposition__slider slider">
                        <input type="radio" name="fifth-switch" id="ebb-18-btn5-1">
                        <input type="radio" name="fifth-switch" id="ebb-18-btn5-2">
                        <input type="radio" name="fifth-switch" id="ebb-18-btn5-3">
                        <div class="ebb-18-gold-spot-exposition__switch">
                            <label class="ebb-18-gold-spot-exposition__label" for="ebb-18-btn5-1">1</label>
                            <label class="ebb-18-gold-spot-exposition__label" for="ebb-18-btn5-2">2</label>
                            <label class="ebb-18-gold-spot-exposition__label" for="ebb-18-btn5-3">3</label>
                        </div>
                        <!-- radio-buttons and labels for slider for responsive end-->
                        <div class="ebb-18-slider-inner">
                            <!--ebb-18-slides start -->
                            <div class="ebb-18-slides">
                                <!--First slide start -->
                                <!-- Change BG image -->
                                <section class="ebb-18-gold-spot-exposition-slide slide slide1" style="background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000 70%), url(https://d30lx6km6c3tcm.cloudfront.net/images/media/101/c/Cuponation_Bild2.png);">
                                    <div class="ebb-18-gold-spot-exposition-slide__headline">
                                        <!-- Keep the number --> <span class="ebb-18-gold-spot-exposition-slide__slide-number">01</span> 
                                        <!-- Tag for the 1st inspirational slide, 3 words max -->
                                        	<h3 class="ebb-18-gold-spot-exposition-slide__title">Sommer Destinationen</h3>
                                        <!-- Title for the 1st inspirational slide. Keep it short -->
                                        	<h4 class="ebb-18-gold-spot-exposition-slide__subtitle">Städtereisen</h4>
                                    </div>
                                    <!-- To break the paragraph use 2 br tags. Maximum 800 characters -->
                                    <p>Es gibt unzählige Gründe europäische Städte zu besuchen. Wie wäre ein romantisches Wochenende mit Ihrem Partner? Oder ein Familienurlaub mit Ihren Liebsten? Oder stehen Sie mehr auf Museen und Sehenswürdigkeiten?
                                        <br>
                                        <br>In Europa findet man ganz viele unterschiedliche Ambiente und Möglichkeiten eine tolle Zeit zu verbringen. Nicht umsonst sind die europäischen Städte die meistbesuchtesten Städte der Welt.
                                        <br>
                                        <br>Am besten bietet sich eine Reise mit unseren Angeboten an, so können sie entspannen und garantiert zum besten Preis buchen. Passend dazu finden Sie auch eine riesige Auswahl an Unterkünften, vom 5-Sterne Hotel im
                                        Stadtzentrum bis zur günstigen Ferienwohnung. Verpassen Sie auf keinen Fall unsere Reiseangebote, um immer den besten Preis zu erhalten.</p>
                                </section>
                                <!--First slide end -->
                                <!-- Second slide starts -->
                                <!-- Change BG image -->
                                <section class="ebb-18-gold-spot-exposition-slide slide slide2" style="background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000 70%), url(https://d30lx6km6c3tcm.cloudfront.net/images/media/101/c/Cuponation_Bild3.png);">
                                    <div class="ebb-18-gold-spot-exposition-slide__headline">
                                        <!-- Keep the number --> <span class="ebb-18-gold-spot-exposition-slide__slide-number">02</span> 
                                        <!-- Tag for the 1st inspirational slide, 3 words max -->
                                        	<h3 class="ebb-18-gold-spot-exposition-slide__title">Badeferien</h3>
                                        <!-- Title for the 1st inspirational slide. Keep it short -->
                                        	<h4 class="ebb-18-gold-spot-exposition-slide__subtitle">Top Strände</h4>
                                    </div>
                                    <!-- To break the paragraph use 2 br tags. Maximum 800 characters -->
                                    <p>Wer viel sehen will aber gleichzeitig die Top Strände Europas nicht verpassen will, ist hier richtig. Sammeln Sie einfach Momente und Erlebnisse an den schönsten Stränden Europas.
                                        <br>
                                        <br>Fast jeder Strand hat mindestens einen Grund um besucht zu werden. Ob Palmen, Cafes oder die besten Wellen der Welt. Jeder kennt Sie aus Filmen und Fernsehen, aber selbst davor zu stehen ist nochmal ein ganz anderes
                                        Gefühl. Erleben Sie die Massivität der Winde selbst und lassen sich von den Strandspaziergängen in den Bann ziehen. Besonders beliebt sind z.B. die Spanische Nordküste, Griechenland oder Portugal. Wie viele der
                                        schönsten Strände haben Sie schon mit eigenen Augen gesehen?
                                        <br>
                                        <br>Nehmen Sie sich Zeit und genießen Sie die schönsten Sonnenstunden am Strand. An jeder Ecke wartet ein Erlebnis, dass Sie nie vergessen werden. Es gibt so viel zu sehen. Fangen Sie gleich damit an.</p>
                                </section>
                                <!-- Second slide ends -->
                                <!-- Third slide starts -->
                                <!-- Change BG image -->
                                <section class="ebb-18-gold-spot-exposition-slide slide slide3" style="background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000 70%), url(https://d30lx6km6c3tcm.cloudfront.net/images/media/101/c/Cuponation_Bild1.png);">
                                    <div class="ebb-18-gold-spot-exposition-slide__headline">
                                        <!-- Keep the number --> <span class="ebb-18-gold-spot-exposition-slide__slide-number">03</span> 
                                        <!-- Tag for the 1st inspirational slide, 3 words max -->
                                        	<h3 class="ebb-18-gold-spot-exposition-slide__title">Griechenland Pur</h3>
                                        <!-- Title for the 1st inspirational slide. Keep it short -->
                                        	<h4 class="ebb-18-gold-spot-exposition-slide__subtitle">Ferienspaß</h4>
                                    </div>
                                    <!-- To break the paragraph use 2 br tags. Maximum 800 characters -->
                                    <p>Die Sonne lacht vom Himmel und Sie wollen sich spontan doch noch die Sonne auf den Bauch scheinen lassen?
                                        <br>
                                        <br>Für Städter bietet es sich an, aufs Land hinauszufahren und dort beispielsweise wandern zu gehen oder einen der vielen wunderschönen Seen zu besuchen. Sie wollen lieber in die Stadt? Besonders im Frühling und Herbst
                                        kann man super Tagestouren in beliebte Städte unternehmen und dort interessante Museen besuchen. Sie können auch einfach nur Shoppen und dann richtig fein Essen gehen. Im Urlaub ist für jeden etwas dabei!
                                        <br>
                                        <br>Unser Tipp für Familien mit Kinder: Die Kleinen freuen sich garantiert über einen Ausflug in den Freizeitpark oder einen Kinobesuch. So wird es definitiv keinem langweilig. Wir wünschen Ihnen wunderbare Tage!</p>
                                </section>
                                <!-- Third slide ends -->
                            </div>
                            <!--ebb-18-slides end -->
                        </div>
                    </div>
                </div>
                <!-- Part width slider end -->
            </div>
            <!-- Gold section 5 spots row ends -->
            <!-- Gold section 6 spots row starts -->
            <div class="ebb-18-gold-spot-row" id="ebb18_section6">
                <!-- Gold section spots item start -->
                <!-- Text column starts -->
                <div class="ebb-18-gold-spot-text">
                    <!-- Logo image and alt text --> <span class="ebb-18-gold-spot-text__logo">                        <img src="https://d3i68pnuybn9g3.cloudfront.net/images/b/bookingcom-gutschein_logo_9.png" alt="booking.com logo" class="ebb-18-main-logogold">                </span> 
                    <!-- Title, keep it short -->
                    	<h2 class="ebb-18-gold-spot-text__title">Abenteuer erleben</h2>
                    <!-- Description --> <span class="ebb-18-gold-spot-text__description">                  Bei Booking.com finden Sie aussergewöhnliche Abenteuerreisen. Egal ob tropische Inseln in Europa, Abenteuer für Mensch und Tier oder unvergessliche Unterwasserhotels.                </span> 
                    <!-- CTA. Use a line of text referring to the brand. What is the retailer offering related to the destination promoted? --> <span class="ebb-18-gold-spot-text__offers">                  Booking.com bietet Ihnen eine riesen Auswahl an Hotels, Ferienhäusern, Apartments und Flügen sowie Mietwagen zu günstigen Preisen. Mit unseren Last Minute Schnäppchen von Booking.com können Sie Einiges sparen.              </span> 
                    <!-- Link to RLP --> <a href="https://gutscheine.blick.ch/bookingcom-gutschein" rel="nofollow" target="_blank" class="ebb-18-gold-spot-text__button see-button">zu den angeboten</a> 
                </div>
                <!-- Text column wnds -->
                <!-- Part width slider start -->
                <div class="ebb-18-gold-spot-exposition">
                    <!-- radio-buttons and labels for slider for responsive  start-->
                    <div class="ebb-18-gold-spot-exposition__slider slider">
                        <input type="radio" name="sixth-switch" id="ebb-18-btn6-1">
                        <input type="radio" name="sixth-switch" id="ebb-18-btn6-2">
                        <input type="radio" name="sixth-switch" id="ebb-18-btn6-3">
                        <div class="ebb-18-gold-spot-exposition__second-switch">
                            <label class="ebb-18-gold-spot-exposition__label" for="ebb-18-btn6-1">1</label>
                            <label class="ebb-18-gold-spot-exposition__label" for="ebb-18-btn6-2">2</label>
                            <label class="ebb-18-gold-spot-exposition__label" for="ebb-18-btn6-3">3</label>
                        </div>
                        <!-- radio-buttons and labels for slider for responsive end-->
                        <div class="ebb-18-slider-inner">
                            <!--ebb-18-slides start -->
                            <div class="ebb-18-slides">
                                <!--First slide start -->
                                <!-- Change BG image -->
                                <section class="ebb-18-gold-spot-exposition-slide slide slide1" style="background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000 70%), url(https://d3i68pnuybn9g3.cloudfront.net/images/media/92/t/thailand500x600.jpg);">
                                    <div class="ebb-18-gold-spot-exposition-slide__headline">
                                        <!-- Keep the number --> <span class="ebb-18-gold-spot-exposition-slide__slide-number">01</span> 
                                        <!-- Tag for the 1st inspirational slide, 3 words max -->
                                        	<h3 class="ebb-18-gold-spot-exposition-slide__title">Abenteuerreisen</h3>
                                        <!-- Title for the 1st inspirational slide. Keep it short -->
                                        	<h4 class="ebb-18-gold-spot-exposition-slide__subtitle">Rundreisen</h4>
                                    </div>
                                    <!-- To break the paragraph use 2 br tags. Maximum 800 characters -->
                                    <p>Auf einer Rundreise können Sie die besten und außergewöhnlichsten Attraktionen eines Landes oder Kontinents entdecken.
                                        <br>
                                        <br>Sie wollen in Ihrem nächsten Urlaub nicht nur faul am Strand liegen? Dann reisen Sie ein wenig herum! Falls Ihre Zeit etwas knapper bemessen ist, können Sie trotzdem in nur wenigen Tagen oder Wochen ein ganzes Land
                                        und seine Facetten entdecken. Sie haben sogar einen ganzen Monat Zeit? Wie wäre es dann mit einer Reise durch Südostasien oder Australien? Tauchen Sie ein in die bunte Welt Thailands! Oder lernen Sie den typischen
                                        Aussie-Slang. G'day Mate!
                                        <br>
                                        <br>Fliegen ist Ihnen zu langweilig? Dann nehmen Sie einfach den Zug als Fortbewegungsmittel. Oder Sie fahren mit dem Rad! So erhalten Sie einen äußerst genauen Einblick in das Land Ihrer Träume.</p>
                                </section>
                                <!--First slide ends -->
                                <!--Second slide start -->
                                <!-- Change BG image -->
                                <section class="ebb-18-gold-spot-exposition-slide slide slide2" style="background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000 70%), url(https://d3i68pnuybn9g3.cloudfront.net/images/media/92/k/Kultur.jpg);">
                                    <div class="ebb-18-gold-spot-exposition-slide__headline">
                                        <!-- Keep the number --> <span class="ebb-18-gold-spot-exposition-slide__slide-number">02</span> 
                                        <!-- Tag for the 1st inspirational slide, 3 words max -->
                                        	<h3 class="ebb-18-gold-spot-exposition-slide__title">Abenteuerreisen</h3>
                                        <!-- Title for the 1st inspirational slide. Keep it short -->
                                        	<h4 class="ebb-18-gold-spot-exposition-slide__subtitle">Kulturreisen</h4>
                                    </div>
                                    <!-- To break the paragraph use 2 br tags. Maximum 800 characters -->
                                    <p>Reiner Strandurlaub und 24 Stunden am Stück faulenzen ist nichts für Sie? Wie wäre es dann mit einem aufregenden Kultur Trip?
                                        <br>
                                        <br>Besonders Städte bieten oft eine Menge an kulturellen Attraktionen und Sehenswürdigkeiten. Wenn Sie gerne Ihren Kultururlaub mit ein wenig Strand und Entspannung verbinden wollen, dann reisen Sie doch einfach in
                                        eine Traumstadt am Meer! Ein Geheimtipp ist Portugal, mit seinen altehrwürdigen Städten und dem tollen Kulturangebot. Gleichzeitig können Sie an der Algarve türkisblaues Wasser bewundern und maximal relaxen.
                                        <br>
                                        <br>Auch Asien oder Südamerika eignen sich perfekt für ausgedehnte Kulturreisen. Sie können in spannende, neue Kulturen eintauchen und einzigartige Ausflüge unternehmen. Mit attraktiven Urlaubsangeboten können Sie Ihren
                                        Urlaub noch mehr geniessen.</p>
                                </section>
                                <!--Second slide end -->
                                <!--Third slide start -->
                                <!-- Change BG image -->
                                <section class="ebb-18-gold-spot-exposition-slide slide slide3" style="background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000 70%), url(https://d3i68pnuybn9g3.cloudfront.net/images/media/92/c/china500x600.jpg);">
                                    <div class="ebb-18-gold-spot-exposition-slide__headline">
                                        <!-- Keep the number --> <span class="ebb-18-gold-spot-exposition-slide__slide-number">03</span> 
                                        <!-- Tag for the 1st inspirational slide, 3 words max -->
                                        	<h3 class="ebb-18-gold-spot-exposition-slide__title">Abenteuerreisen</h3>
                                        <!-- Title for the 1st inspirational slide. Keep it short -->
                                        	<h4 class="ebb-18-gold-spot-exposition-slide__subtitle">Ärtzlich begleitete Reisen</h4>
                                    </div>
                                    <!-- To break the paragraph use 2 br tags. Maximum 800 characters -->
                                    <p>Es zieht Sie in ferne Länder, aber Sie wollen nicht auf eine erstklassige Betreuung durch einen in Deutschland zugelassenen Arzt verzichten?
                                        <br>
                                        <br>Dann buchen Sie einfach eine ärztlich begleitete Reise! Die Auswahl ist riesig, egal ob es eine ausgedehnte Rundreise durch China oder eine Kreuzfahrt in der Karibik sein darf. Stets ist ein qualifizierter Arzt
                                        an Ihrer Seite und kümmert sich um Ihre individuellen Bedürfnisse. So wird Ihr Urlaub zum höchsten Genuss und Sie können ihn gänzlich unbeschwert genießen!
                                        <br>
                                        <br>Wie läuft die Buchung einer solchen Reise ab? Was ist mit Flug und Hotel? Keine Sorge. Spezialisierte Anbieter kümmern sich um all Ihre Bedürfnisse. Alles was Sie tun müssen, ist Ihren Koffer zu packen und dann
                                        kann es auch schon losgehen. Gute Reise!</p>
                                </section>
                                <!--Third slide end -->
                            </div>
                            <!--ebb-18-slides end -->
                        </div>
                    </div>
                </div>
                <!-- Part width slider end -->
            </div>
            <!-- Gold section 6 spots row endw -->
        </div>
    </section>
    <!-- Gold section ends -->
    <!-- Silver spots section starts -->
    <section class="ebb-18-section ebb-18-silver-spots">
        <div class="ebb-18-small-container">
            <!-- Silver section header starts -->
            <header class="ebb-18-silver-spots__header">
                <!-- Section Main title -->
                	<h2 class="ebb-18-silver-spots__section-title" id="ebb-18-silver-spots-title">Weitere hilfreiche tipps für ihre reise</h2>
            </header>
            <!-- Silver section header end -->
            <!-- Silver spots ROW start. Copy from here if you want to duplicate the row with 2 tip boxes -->
            <div class="ebb-18-silver-spots-row">
                <!-- Silver spots First box starts -->
                <div class="ebb-18-silver-spots__item">
                    <div class="ebb-18-silver-spots__headline">
                        <!-- Icon -->
                        <div class="ebb-18-silver-spots__1st">
                            <img src="https://d3i68pnuybn9g3.cloudfront.net/images/media/31/e/EBTQ1_TipsIcons_Airplane.png" alt="flugzeug">
                        </div>
                        <!-- Tag. Keep it short -->
                        <div class="ebb-18-silver-spots__2nd">
                            	<h3 class="ebb-18-silver-spots__title">Günstige Pauschalreisen &amp; Flüge</h3>
                        </div>
                    </div>
                    <!-- Main title  -->
                    	<h4 class="ebb-18-silver-spots__subtitle">Wann sollten Sie buchen?</h4>
                    <!-- List of tips starts, you can add more tips, using the whole li section. Add a min of 2 tips -->
                    <ul class="ebb-18-silver-spots__description-list">
                        <!-- Tip One -->
                        <li class="ebb-18-silver-spots__description-item">Buchen Sie Ihre Reise mit genug Vorlaufzeit, um von Frühbucherrabatten zu profitieren</li>
                        <!-- Tip Two -->
                        <li class="ebb-18-silver-spots__description-item">Wenn Sie erst kurzfristig freibekommen haben können Sie immer noch Reiseangebote entdecken! Vor allem Last Minute Angebote und super Last Minute Schnäppchen locken mit günstigen Preisen</li>
                        <!-- Tip Three -->
                        <li class="ebb-18-silver-spots__description-item">Günstige Flüge finden Sie vor allem unter der Woche, hier nimmt es sich nicht viel, ob Sie weit im Voraus buchen oder nicht. Einfach Reiseangebote verfolgen und schnell buchen!</li>
                    </ul>
                    <!-- List of tips ends -->
                    <!-- Logos at the bottom starts. Maximum 4 logos per box -->
                    <!-- Introduce them with a short title -->
                    	<h5 class="ebb-18-silver-spots__partners-title">                      Buchen Sie Ihre Pauschalreise mit einem unserer Partner</h5>
                    <div class="ebb-18-silver-spot-wrap">
                        <!-- Retailer 1 starts -->
                        <!-- Add link -->
                        <a href="https://gutscheine.blick.ch/aldi-suisse-tours-gutscheine" rel="nofollow" target="_blank" class="ebb-18-silver-spot-action"> <span class="ebb-18-silver-spot-logo">                        <!-- Add logo and alttext -->                            <img src="https://d3i68pnuybn9g3.cloudfront.net/images/a/AldiSuisseTours_Logo_9.png" alt="aldi suisse tours logo" class="ebb-18-main-logosilver">                                             </span> 
                            <!-- Add CTA text. Super short! --> <span class="ebb-18-silver-spot-values">                          ab CHF 59                        </span> 
                        </a>
                        <!-- Retailer 1 ends -->
                        <!-- Retailer 2 starts -->
                        <!-- Add link -->
                        <a href="https://gutscheine.blick.ch/swiss-gutscheine" rel="nofollow" target="_blank" class="ebb-18-silver-spot-action"> <span class="ebb-18-silver-spot-logo">                        <!-- Add logo and alttext -->                            <img src="https://d3i68pnuybn9g3.cloudfront.net/images/s/swiss-gutscheine_logo_9.jpg" alt="swiss logo" class="ebb-18-main-logosilver">                                             </span> 
                            <!-- Add CTA text. Super short! --> <span class="ebb-18-silver-spot-values">                          günstige Flüge                        </span> 
                        </a>
                        <!-- Retailer 2 ends -->
                        <!-- Retailer 3 starts -->
                        <!-- Add link -->
                        <a href="https://gutscheine.blick.ch/sixt-gutschein" rel="nofollow" target="_blank" class="ebb-18-silver-spot-action"> <span class="ebb-18-silver-spot-logo">                        <!-- Add logo and alttext -->                            <img src="https://d3i68pnuybn9g3.cloudfront.net/images/s/sixt-gutschein_logo_9.png" alt="sixt logo" class="ebb-18-main-logosilver">                                             </span> 
                            <!-- Add CTA text. Super short! --> <span class="ebb-18-silver-spot-values">                          25% Rabatt                        </span> 
                        </a>
                        <!-- Retailer 3 ends -->
                        <!-- Retailer 4 starts -->
                        <!-- Add link -->
                        <a href="https://gutscheine.blick.ch/jochenschweizer-gutscheine" rel="nofollow" target="_blank" class="ebb-18-silver-spot-action"> <span class="ebb-18-silver-spot-logo">                        <!-- Add logo and alttext -->                            <img src="https://d3i68pnuybn9g3.cloudfront.net/images/j/jochen-schweizer_9.png" alt="jochen schweizer logo" class="ebb-18-main-logosilver">                                             </span> 
                            <!-- Add CTA text. Super short! --> <span class="ebb-18-silver-spot-values">                          CHF 10 Rabatt                        </span> 
                        </a>
                        <!-- Retailer 4 ends -->
                    </div>
                    <!-- Bottom part width partners logo end -->
                </div>
                <!-- Silver spots first box ends -->
                <!-- Silver spots second box starts -->
                <div class="ebb-18-silver-spots__item">
                    <div class="ebb-18-silver-spots__headline">
                        <!-- Icon -->
                        <div class="ebb-18-silver-spots__1st">
                            <img src="https://d3i68pnuybn9g3.cloudfront.net/images/media/31/e/EBTQ1_TipsIcons_luggage.png" alt="koffer">
                        </div>
                        <!-- Tag. Keep it short -->
                        <div class="ebb-18-silver-spots__2nd">
                            	<h3 class="ebb-18-silver-spots__title">Koffer packen</h3>
                        </div>
                    </div>
                    <!-- Main title  -->
                    	<h4 class="ebb-18-silver-spots__subtitle">Was Sie auf Ihrer Reise auf keinen Fall vergessen dürfen</h4>
                    <!-- List of tips starts, you can add more tips, using the whole li section. Add a min of 2 tips -->
                    <ul class="ebb-18-silver-spots__description-list">
                        <!-- Tip One -->
                        <li class="ebb-18-silver-spots__description-item">Der richtige Koffer / Rucksack ist die halbe Miete. Achten Sie darauf, dass Ihr Gepäck robust, dennoch leicht und groß genug ist, um all Ihre Utensilien sicher zu verstauen</li>
                        <!-- Tip Two -->
                        <li class="ebb-18-silver-spots__description-item">Packen Sie klug. Es gibt einige Tipps und Tricks, die Ihnen dabei helfen, mehr Gepäck in einem kleineren Stauraum unterzubringen. Somit müssen Sie auf Ihre Favorites im Urlaub nicht verzichten</li>
                        <!-- Tip Three -->
                        <li class="ebb-18-silver-spots__description-item">Packen Sie nicht Ihren ganzen Kleiderschrank ein. Stellen Sie sicher, dass Sie nur das Wichtigste an Kleidung einstecken, somit ersparen Sie sich das schwere Tragen und haben mehr Platz für andere Must Haves, wie zum Beispiel Sonnencreme</li>
                    </ul>
                    <!-- List of tips ends -->
                    <!-- Logos at the bottom starts. Maximum 4 logos per box -->
                    <!-- Introduce them with a short title -->
                    	<h5 class="ebb-18-silver-spots__partners-title">Sichern Sie sich günstige Koffer für Ihre Reise</h5>
                    <div class="ebb-18-silver-spot-wrap">
                        <!-- Retailer 1 starts -->
                        <!-- Add link -->
                        <a href="https://gutscheine.blick.ch/expedia-gutscheine" rel="nofollow" target="_blank" class="ebb-18-silver-spot-action"> <span class="ebb-18-silver-spot-logo">                        <!-- Add logo and alttext -->                            <img src="https://d3i68pnuybn9g3.cloudfront.net/images/e/expedia_9.png" alt="expedia logo" class="ebb-18-main-logosilver">                                             </span> 
                            <!-- Add CTA text. Super short! --> <span class="ebb-18-silver-spot-values">                          bis zu 40% Rabatt                        </span> 
                        </a>
                        <!-- Retailer 1 ends -->
                        <!-- Retailer 2 starts -->
                        <!-- Add link -->
                        <a href="https://gutscheine.blick.ch/mydays-gutscheine" rel="nofollow" target="_blank" class="ebb-18-silver-spot-action"> <span class="ebb-18-silver-spot-logo">                        <!-- Add logo and alttext -->                            <img src="https://d3i68pnuybn9g3.cloudfront.net/images/m/Mydays_Logo_9.png" alt="mydays logo" class="ebb-18-main-logosilver">                                             </span> 
                            <!-- Add CTA text. Super short! --> <span class="ebb-18-silver-spot-values">                         ab CHF 65                        </span> 
                        </a>
                        <!-- Retailer 2 ends -->
                        <!-- Retailer 3 starts -->
                        <!-- Add link -->
                        <a href="https://gutscheine.blick.ch/its-coop-travel-gutscheine" rel="nofollow" target="_blank" class="ebb-18-silver-spot-action"> <span class="ebb-18-silver-spot-logo">                        <!-- Add logo and alttext -->                            <img src="https://d3i68pnuybn9g3.cloudfront.net/images/i/its-coop-travel-gutscheine_logo_9.png" alt="ITS coop travel logo" class="ebb-18-main-logosilver">                                             </span> 
                            <!-- Add CTA text. Super short! --> <span class="ebb-18-silver-spot-values">                          CHF 60 Rabatt                        </span> 
                        </a>
                        <!-- Retailer 3 ends -->
                        <!-- Retailer 4 starts -->
                        <!-- Add link -->
                        <a href="https://gutscheine.blick.ch/koffer-direkt-gutschein" rel="nofollow" target="_blank" class="ebb-18-silver-spot-action"> <span class="ebb-18-silver-spot-logo">                        <!-- Add logo and alttext -->                            <img src="https://d3i68pnuybn9g3.cloudfront.net/images/k/koffer_9.png" alt="koffer-direkt logo                            " class="ebb-18-main-logosilver">                                             </span> 
                            <!-- Add CTA text. Super short! --> <span class="ebb-18-silver-spot-values">                          10% Rabatt                        </span> 
                        </a>
                        <!-- Retailer 4 ends -->
                    </div>
                    <!-- Bottom part width partners logo end -->
                </div>
                <!-- Silver spots second box ends -->
            </div>
            <!-- Silver spots ROW ends. Copy until here if you want to duplicate the row with 2 tip boxes, and paste it after this comment -->
        </div>
    </section>
    <!-- Silver spots whole section ends -->
</div>
<!-- Main container ends -->
<!-- Title for vouchers starts -->
<div class="ebb-18-main-container">
    <div class="ebb-18-vouchertitle">
        	<h2 class="ebb-18-vouchertitle__section-title" id="ebb-18-voucher-spots">            Weitere Reiseangebote, die Ihren Urlaub zum Schnäppchen machen</h2>
    </div>
</div>
<!-- Title for vouchers ends -->
              
            
!

CSS

              
                
              
            
!

JS

              
                
              
            
!
999px

Console