html,
body {
    background: #fff;
    color: #000;
    padding-bottom: 0;
}
#frnMain #contentblatt,
#mainwrapper_m,
#mainwrapper_l,
#contentpart {
    margin: 0;
    padding: 0;
    background: none;
}

body {
    font-size: 18px;
    font-family: "Helvetica Neue", "Helvetica", Arial, "Nimbus Sans L", sans-serif;
    color: #333;
    line-height: 1.4;
    transition: font-size .3s ease-in-out;
    min-width: 42.22222222222222em; /* 760px */
    *font-size: 16px;
}

.din { letter-spacing: -1px; }

fieldset { margin: 0; }

h1, h2, h3,
.h1, .h2, .h3 {
    line-height: 1;
}

h1, .h1 {
    font-size: 4em; /* 72px */
    font-weight: bold;
}

h2, .h2 {
    font-size: 2.444444em; /* 44px */
    font-weight: bold;
    margin-bottom: 0.681818em; /* 30px */
}

h3, .h3 {
    font-size: 1.555555em; /* 28px */
    font-weight: bold;
    margin-bottom: 0.285714em; /* 8px */
}

p + p {
    margin-top: 1.111111em; /* 20px */
}

p a { color: #4b5b6b; }

a:hover { color: #333 !important; }

/**
 * overwriting some defaults
 */

.din .btn {
    font-family: inherit;
}

.btn {
    text-transform: none;
    letter-spacing: normal;
    white-space: nowrap;
}

.btn-large {
    font-weight: bold;
    font-size: 1.2222222em; /* 22px */
}

.btn-direction-right.btn-large {
    padding-left: 2.5em; /* 35px */
    margin-right: 1.944444em; /* 25px */
    padding-right: 1.944444em; /* 25px */
}
/**
 * some cols
 */

.col {
    width: 50%;
    float: left;
    margin: 0 !important;
}

/* complicated written because of ie7 */

.col .col-inner {
    padding-left: 0;
    padding-right: 1.388888em; /* 25px */
    min-height: 1px;
}

.col + .col .col-inner {
    padding-left: 1.388888em; /* 25px */
    padding-right: 0;
}

.col .col-inner.box {
    background-color: rgb(238,238,238);
    padding: 20px;
}
.left { float: left; }
.right { float: right; }
.section {
    padding-left: 1.111111em;
    padding-right: 1.111111em;
}

.section .inner-wrapper {
    margin: 0 auto;
    max-width: 52.22222222222222em; /* 940px */
    min-width: 17.777777em; /* 320px */
    border-top: 1px solid #adadad;
    position: relative;
    *width: 836px;
}
.section .inner {
    padding: 8.555555em 0;
    position: relative;
}

.section .inner:after {
    content: "";
    clear: both;
    display: table;
}

.section-separator {
    width: 4.444444444444444em; /* 80px */
    height: 4.444444444444444em; /* 80px */
    background: #fff;
    display: block;
    position: absolute;
    left: 50%;
    top: -2.222222em; /* 40px */
    margin-left: -2.222222em; /* -40px */
    cursor: pointer;
    font-size: bold;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    overflow: hidden;
    font-weight: bold;
    z-index: 4;
}

.section-separator img {
    width: 100%;
    height: auto;
}

/**
 * head
 */

.section-head {
    position: relative;
    overflow: hidden;
    /*background: #040517 url(/img/local/onepager/rettungsgasse/header/real.png) right center no-repeat;*/
}
.section-head .parallax-layer1 {
    background: #05081a url(/img/local/onepager/rettungsgasse/header/header.jpg) no-repeat right 40%;
    position: absolute;
    top: -55%;
    left: 0;
    width: 100%;
    height: 1280px;
}
html.mt-no-svg .section-head .parallax-layer1 {
    background-image: url(/img/local/onepager/rettungsgasse/header/Car.png);
}

.section-head .parallax-layer2 {
    background: url(/img/local/onepager/rettungsgasse/header/Truck.svg) no-repeat center -40% fixed;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
html.mt-no-svg .section-head .parallax-layer2 {
    background-image: url(/img/local/onepager/rettungsgasse/header/Truck.png);
}

html.mt-no-csstransforms3d.mt-csstransforms .section-head .parallax-layer2 {
    -webkit-transform: translate(150px, -200px);
    -moz-transform: translate(150px, -200px);
    -ms-transform: translate(150px, -200px);
    -o-transform: translate(150px, -200px);
    transform: translate(150px, -200px);
}
html.mt-no-csstransforms .section-head .parallax-layer2 {
    margin-top: -200px;
    margin-left: 150px;
}

.section-head .inner,
.section-head + .section .inner {
    border-top: 0;
}

.section-head .inner {
    position: relative;
    height: 15.388888em; /* 385px */
    z-index: 4;
}

.section-head .headline {
    top: 12.222222em;
    left: 0;
    position: absolute;
}

.section-head .h1 {
    color: #fff;
    line-height: 1;
    max-width: 720px;
}

.section-head .subtitle {
    display: block;
    color: #f1b91c;
    font-weight: bold;
    font-size: 2.222222em; /* 40px; */
    margin-bottom: .25em;
}

/**
 * intro
 */

.section-intro .section-separator {
    width: 6.69em; /* 120px */
    height: 6.69em; /* 120x */
    top: -3.333333333333333em; /* -60px */
    margin-left: -3.333333333333333em; /* -60px */
    background-color: transparent;
}

.section-intro .section-separator img { width: 98%; }

.section-intro .section-separator i {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    font-style: normal;
    line-height: 2.5em; /* 80px */
    z-index: 2;
    font-size: 2em; /* 32px */
}

.section-intro p img {
    float: right;
    margin: 0em 2em 4em 2em;
}

/**
 * scenarios
 */
.section-scenario .inner {
    margin-bottom: -150px;
}
.section-scenario .teaser {
    margin-bottom: 100px;
    position: relative;
    margin-top: -50px;
}
.section-scenario .limg,
.section-scenario .limg .wrapper {
    float: left;
}
.section-scenario .rimg,
.section-scenario .rimg .wrapper {
    float: right;
}
.section-scenario .teaser .content {
    float: left;
    width: 100%;
}
.section-scenario .teaser strong {
    margin-bottom: 30px;
}
.section-scenario .teaser .wrapper {
    position: relative;
    overflow: hidden;
    background: #6cb5d9;
    margin-top: -70px;
}
.section-scenario .teaser .intersector {
    width: 100%;
    height: 100%;

    margin: 0;
    position: absolute;
    border: 0px solid white;
    border-radius: 50%;
    margin-top: -50%;
    margin-left: -50%;

    -webkit-transition: width        500ms ease-out 0s, height       500ms ease-out 0s, border-width 500ms ease-out 0s;
       -moz-transition: width        500ms ease-out 0s, height       500ms ease-out 0s, border-width 500ms ease-out 0s;
        -ms-transition: width        500ms ease-out 0s, height       500ms ease-out 0s, border-width 500ms ease-out 0s;
         -o-transition: width        500ms ease-out 0s, height       500ms ease-out 0s, border-width 500ms ease-out 0s;
            transition: width        500ms ease-out 0s, height       500ms ease-out 0s, border-width 500ms ease-out 0s;
}
html.mt-csstransitions .section-scenario .teaser .intersector {
    width: 0%;
    height: 0%;
}
html.mt-csstransitions .section-scenario .teaser.active .intersector {
    width: 100%;
    height: 100%;
}
.section-scenario .teaser .car-holder,
.section-scenario .teaser .truck-holder{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

/* variant1 */
.section-scenario .variant1 {
    padding-left: 330px;
    margin-top: 80px;
    width: 430px;
}
.section-scenario .variant1 .wrapper {
    margin-left: -330px;
    width: 280px;
    height: 280px;
}
.section-scenario .variant1 .car-holder {
    background: transparent url(/img/local/onepager/rettungsgasse/2lane/Car.svg) center no-repeat;
}
html.mt-no-svg .section-scenario .variant1 .car-holder {
    background-image: url(/img/local/onepager/rettungsgasse/2lane/Car.png);
}
.section-scenario .variant1 .truck-holder {
    background: transparent url(/img/local/onepager/rettungsgasse/2lane/Truck.svg) center 40% no-repeat fixed;
}
html.mt-no-svg .section-scenario .variant1 .truck-holder {
    background-image: url(/img/local/onepager/rettungsgasse/2lane/Truck.png);
}
html.mt-csstransitions.mt-no-csstransforms .section-scenario .variant1 .wrapper:hover .truck-holder {
    margin-top: -280px;
}
html.mt-csstransitions .section-scenario .variant1 .intersector {
    border-width: 280px;
}
html.mt-no-csstransitions .section-scenario .variant1 .intersector,
html.mt-csstransitions .section-scenario .variant1.active .intersector{
    border-width: 140px;
}

/* variant2 */
.section-scenario .variant2 {
    padding-right: 330px;
    width: 340px;
}
.section-scenario .variant2 .wrapper {
    margin-right: -330px;
    width: 280px;
    height: 280px;
}
.section-scenario .variant2 .car-holder {
    background: transparent url(/img/local/onepager/rettungsgasse/multilane/Car.svg) center no-repeat;
}
html.mt-no-svg .section-scenario .variant2 .car-holder {
    background-image: url(/img/local/onepager/rettungsgasse/multilane/Car.png);
}
.section-scenario .variant2 .truck-holder {
    background: transparent url(/img/local/onepager/rettungsgasse/multilane/Truck.svg) center 40% no-repeat fixed;
}
html.mt-no-svg .section-scenario .variant2 .truck-holder {
    background-image: url(/img/local/onepager/rettungsgasse/multilane/Truck.png);
}
html.mt-csstransitions .section-scenario .variant2 .intersector {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
    border-width: 280px;
}
html.mt-no-csstransitions .section-scenario .variant2 .intersector,
html.mt-csstransitions .section-scenario .variant2.active .intersector{
    border-width: 140px;
}

/* variant 3 */
.section-scenario .variant3 {
    padding-left: 270px;
    width: 340px;
    margin-left: 100px;
}
.section-scenario .variant3 .wrapper {
    margin-left: -270px;
    width: 220px;
    height: 220px;
    margin-top: -10px;
}
.section-scenario .variant3 .car-holder {
    background: transparent url(/img/local/onepager/rettungsgasse/entry/Car.svg) center no-repeat;
}
html.mt-no-svg .section-scenario .variant3 .car-holder {
    background-image: url(/img/local/onepager/rettungsgasse/entry/Car.png);
}
.section-scenario .variant3 .truck-holder {
    background: transparent url(/img/local/onepager/rettungsgasse/entry/Truck.svg) center bottom no-repeat fixed;
}
html.mt-no-svg .section-scenario .variant3 .truck-holder {
    background-image: url(/img/local/onepager/rettungsgasse/entry/Truck.png);
}
html.mt-csstransitions .section-scenario .variant3 .intersector {
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -ms-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms;
    border-width: 220px;
}
html.mt-no-csstransitions .section-scenario .variant3 .intersector,
html.mt-csstransitions .section-scenario .variant3.active .intersector{
    border-width: 110px;
}

/* variant 4 */
.section-scenario .variant4 {
    padding-right: 250px;
    width: 340px;
    margin-right: 100px;
}
.section-scenario .variant4 .wrapper {
    margin-right: -250px;
    width: 200px;
    height: 200px;
    margin-top: 0;
}
.section-scenario .variant4 .car-holder {
    background: transparent url(/img/local/onepager/rettungsgasse/crossing/Car.svg) center no-repeat;
}
html.mt-no-svg .section-scenario .variant4 .car-holder {
    background-image: url(/img/local/onepager/rettungsgasse/crossing/Car.png);
}
.section-scenario .variant4 .truck-holder {
    background: transparent url(/img/local/onepager/rettungsgasse/crossing/Truck.svg) center no-repeat fixed;
}
html.mt-no-svg .section-scenario .variant4 .truck-holder {
    background-image: url(/img/local/onepager/rettungsgasse/crossing/Truck.png);
}
html.mt-csstransitions .section-scenario .variant4 .intersector {
    -webkit-transition-delay: 750ms;
    -moz-transition-delay: 750ms;
    -ms-transition-delay: 750ms;
    -o-transition-delay: 750ms;
    transition-delay: 750ms;
    border-width: 200px;
}
html.mt-no-csstransitions .section-scenario .variant4 .intersector,
html.mt-csstransitions .section-scenario .variant4.active .intersector{
    border-width: 100px;
}

/**
 * request
 */
.section-request strong {
    margin-bottom: 20px;
    font-size: 24px;
    text-transform: none;
}
.section-request small {
    display: block;
    font-size: 14px;
    margin-top: 20px;
    line-height: 1.3;
    color: #888;
}
/**
 * faqs
 */
.section-faq .faqs > li {
    background-color: #eee;
    padding: 0.833333em 1.944444em 0.833333em 3.333333em; /* 15px 35px 15px 60px */
    cursor: pointer;
    position: relative;
}

.section-faq .faqs > li.opened { height: auto; }

.section-faq .faqs > li:hover { background-color: #e1e1e1; }

.section-faq .faqs > li + li { margin-top: 6px; }

.section-faq .faqs > li p + p { margin-top: 12px; }

.js-on .section-faq .faqs > li.closed .title { margin-bottom: 0; }

.js-on .section-faq .faqs > li.closed .din.title { margin-bottom: -2px; /* din line-height correction */ }

.js-on .section-faq .faqs > li.closed p { display: none; }

.section-faq .icon {
    position: absolute;
    top: 0.6666666666666667em; /* 12px */
    left: 0.833333em; /* 15px */
    width: 1.777777777777778em; /* 32px */
    overflow: hidden;
    display: block;
}

.section-faq .icon img {
    position: relative;
    width: 200%;
    height: auto;
}

.section-faq .opened .icon img { left: -100%;  }
.section-faq .closed .icon img { left: 0; }

/* Share */
.section-share .inner { height: 16.66666666666667em; /* 300px */ }

.section-share .bubble {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -1.931818181818182em; /* -85px */
    margin-left: -2.5em; /* -110px */
    font-size: 2.444444em; /* 44px */
    line-height: 1;
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
    background-color: #f1b91c;
    color: #fff;
}

.section-share .bubble-inner {
    position: relative;
    z-index: 2;
    padding: 1.590909em 0.454545em 0; /* 70px 20px 0 */
    height: 3.409090em; /* 150px */
    width: 4.090909em; /* 180px */
    background-color: #f1b91c;
    border-radius: 50%;
}

#IE7 .section-share .bubble-inner,
#IE8 .section-share .bubble-inner {
    background-color: transparent;
}

.section-share .bubble img {
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    width: 100%;
    z-index: 1;
    *height: 100%;
    *width: auto;
}

.section-share .share-option {
    width: 1.454545em; /* 64px */
    height: 1.454545em; /* 64px */
    /*    border-radius: 50%;*/
    display: block;
    position: absolute;
    bottom: 50%;
    margin-bottom: -0.727272em; /* -32px */
    left: 50%;
    margin-left: -0.727272em; /* -32px */
    z-index: 1;
}
.section-share .twitter { bottom: 120%; left: 50%; }
.section-share .facebook { bottom: 111%; left: 84%; }
.section-share .pinterest { bottom: 87%; left: 110%; }
.section-share .email { bottom: 53%; left: 120%; }

.section-share .share-option.minimized {
    bottom: 50%;
    left: 50%;
}
.section-share .transition .share-option {
    -webkit-transition: bottom .6s cubic-bezier(.75,1.88,.79,.72), left .6s cubic-bezier(.75,1.88,.79,.72);
    -moz-transition: bottom .6s cubic-bezier(.75,1.88,.79,.72), left .6s cubic-bezier(.75,1.88,.79,.72);
    -ms-transition: bottom .6s cubic-bezier(.75,1.88,.79,.72), left .6s cubic-bezier(.75,1.88,.79,.72);
    -o-transition: bottom .6s cubic-bezier(.75,1.88,.79,.72), left .6s cubic-bezier(.75,1.88,.79,.72);
    transition: bottom .6s cubic-bezier(.75,1.88,.79,.72), left .6s cubic-bezier(.75,1.88,.79,.72);
}

.section-share .share-option:hover img { margin-top: -3px; }

.section-share .share-option img {
    width: 100%;
    height: auto;
}

#IE7 .section-share .share-option.twitter { top: -45px !important; left: -20px !important; }
#IE7 .section-share .share-option.facebook { top: -45px !important; left: 40px !important; }
#IE7 .section-share .share-option.pinterest { top: -45px !important; left: 100px !important; }
#IE7 .section-share .share-option.email { top: -45px !important; left: 160px !important; }

/**
 * footer
 */

.section-foot {
    color: #999;
    font-weight: bold;
    text-align: right;
}

.section-foot .inner {
    padding-top: 1.7777777777777778em; /* 21px */
    padding-bottom: 0;
}

.section-foot .section-separator { z-index: 1; }

.section-foot .section-separator:after {
    margin-left: -0.8333333333333333em; /* -15px */
    margin-top: -0.8333333333333333em; /* -15px */
    content: "";
    left: 50%;
    width: 1.666666666666667em; /* 30px */
    height: 1.666666666666667em; /* 30px */
    display: block;
    position: absolute;
    z-index: 3;
    background:
    url("/img/local/onepager/thumbs-up.png")
    50% 50%
    no-repeat;
    background-size: 4.444444444444444em; /* 80px */
    top: 50%;
    -webkit-transition: margin .1s ease-out;
    -moz-transition: margin .1s ease-out;
    -ms-transition: margin .1s ease-out;
    -o-transition: margin .1s ease-out;
    transition: margin .1s ease-out;
}

.section-foot .section-separator:hover:after { margin-top: -1em; }

.section-foot .left,
.section-foot .right {
    z-index: 2;
    position: relative;
    font-size: 11px;
}

.section-foot a,
.section-foot .a {
    color: inherit;
    background:
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAQAAAAua3X8AAAAbklEQVR42mNgIBbMtJh5dWY0LkmOmd0z/878D8TR2PXeAEpCIDYlMz1nfoYrwKHEYOZjQkqkZp4jpIR75iYkJf9nTsNUwjxzAgElQEXZM//hNwWfAgJWEHAkAW8SCCiCQT3TkkBkEYxuIhIMPgAANYDCSLgqW1QAAAAASUVORK5CYII=)
    no-repeat
    0 48%; /* Inlined from /img/local/onepager/arrow-gray.png */
    background-size: .5em .625em; /* 8px 10px */
    display: inline-block;
    *display: inline;
    padding-left: 0.625em; /* 10px */
}

#IE7 .section-foot a,
#IE8 .section-foot a,
#IE7 .section-foot .a,
#IE8 .section-foot .a {
    background-image: url("/img/local/onepager/lowie-arrow-gray.png");
    background-position: 0 50%;
    padding-left: 14px;
}

.section-foot a + .a,
.section-foot .a + .a,
.section-foot a + a { margin-left: 1em; }

.section-foot .socialcounts {
    background-color: #eee;
    clear: both;
    margin-top: 1.11111111111111em; /* 20px */
    padding: 1.11111111111111em 1.11111111111111em 0.55555555555556em; /* 20px 20px 10px */
    height: 25px; /* 25px */
}

.section-foot #twitter-widget-0 {
    position: absolute;
    bottom: 1.11111111111111em; /* 10px */
    left: 150px; /* 20px */
}

.section-foot .fb_iframe_widget {
    bottom: 1.11111111111111em; /* 10px */
    left: 1.11111111111111em; /* 20px */
    position: absolute;
}

/**
 * section-logo
 */

.section-logo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
}

.section-logo .inner {
    border: none;
    padding: 0;
}

.section-logo .logo {
    position: absolute;
    top: 3.055555em; /* 55px */
    left: 0;
}

.section-logo .logo img {
    width: 11.722222em; /* 211px */
    height: auto;
}

/**
 * admin
 */

.admin {
    position: relative;
    display: inline-block;
    *display: inline;
    width: 100%;
}

h1 .admin,
h2 .admin,
h3 .admin,
h1 .admin,
span > .admin {
    width: auto;
}


.admin .edit {
    opacity: .4;
    position: absolute;
    width: 25px;
    height: 25px;
    overflow: hidden;
    background:
    rgba(255,0,0,.5)
    url("/net/motortalk/cosmos/customerservices/server/fireservice/img/admin/pen.png")
    50% 6px
    no-repeat;
    color: transparent;
    font: 0/0 a;
    border-radius: 5px;
    right: -35px;
    top: 0;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition:
    background-color .2s ease-in,
    opacity .2s ease-in;
    -moz-transition:
    background-color .2s ease-in,
    opacity .2s ease-in;
}

.admin:hover .edit,
.admin .edit:hover {
    opacity: 1;
}

.admin .edit:hover { background-color: #f00; }

.section-foot .admin {
    position: relative;
    cursor: pointer;
    width: auto;
    margin-left: 0.625em; /* 10px */
}

.section-foot .admin .menu { display: none; }

.section-foot .admin:hover .menu {
    display: block;
    position: absolute;
    bottom: 100%;
    right: -10px;
    white-space: nowrap;
    background-color: #eee;
    padding: 10px;
}

.section-foot .admin:hover .menu a {
    float: right;
    clear: both;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}


.feedback-switch {
    position: fixed;
    right: 0;
    top: 50%;
    height: 420px;
    margin-top: -291px;
    z-index: 232;
    font-size: 12px;
    width: 0;
    padding-left: 30px;
    padding-bottom: 8px;
    -webkit-transition: width .3s ease-out;
    -moz-transition: width .3s ease-out;
    -ms-transition: width .3s ease-out;
    transition: width .3s ease-out;
}
.feedback-switch.opened {
    width: 310px;
    z-index: 234;
}
.feedback-switch .hanger {
    opacity: 1;
    visibility: visible;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -50px;
    z-index: 2;
    background: #f1b91c url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAACYCAQAAABD7HFiAAAChElEQVR42u1Xu43cMBBlahs2lDhxtCWoBAavAJWgElSCSrgSWIJKUGocDOs6UGY4Y3IO7gDTAanh8H8L7K5x9nGSE/WWFN+8ecMTwg38wAfRGjD4jndtkMETPrdBBo/V1RzI4B7v2yCDp+IRGKh8hABk8DW7aQQyuG+DvuFTC/QLH1vf9IwvtdP9hsFDYRW20nMF4kD5zw1AD9VVhBACP5uQt/E2XulAX317wiKEgMZYAHSYoWGOipsykAG7LVlfuyraZPXuIITA5h42dLSJt48VvZ1c3MSO3m8Cgx0DX35OnE5jTj9zhGYQZbfO8EUbqRpxHR0ihmEOQtNZaS5nzkm8GLS24kzBdBhwCrI3BFwdkoBkc9KyTkBiJwYZGGxh3jTXKHpibLbKzGYLHZT9sUDv/sgfR8PAHHsXuLD6PEBbAbSFaRmypUBpWUhoIyTF6D7b2Lo7BZpMZXw6iNNFiAwTswZQjZUl5UaO02Gsig7DQUKpAu/4IVLLmkhdhpHJCn1JeBq9MiVUROdiS96vsEevR3Qkksx9Z/EMl0EGGsqKJgalJ9JQJLcaNy76KsvMN++K+YpcpdguJmb29b4DVarJaPvyKwmZWs/urYbZq0qt53DdkIJOCIGpYawzZQkbJAbuSdSYNp/gkxMesw90kY8HJriGCrkCyBnORIewcV5vuRjob91+JCbWiyfejixgylqrZhedpIx4qLCzGeys83obkb4jbLy5uqLafEfQcdeMuqeOVJD/5+kKoOhac8QV9HThC01LIpUl6V3IE93iamQWnl45iJKQebqsCuZWXFYF51dLKJz/SwW3ahvs5lyIMzpBG/2ym02Fp38FFF4XEsZvqYI/q0RreIqlQvwAAAAASUVORK5CYII=) 11px 50% no-repeat; /* Inlined from /img/local/onepager/feedback.png */
    background-size: auto 80%;
    text-transform: uppercase;
    box-shadow: -1px 2px 4px rgba(0, 0, 0, .2);
    -webkit-transition: all .3s ease-out, width .1s ease-out, left .1s ease-out;
    -moz-transition: all .3s ease-out, width .1s ease-out, left .1s ease-out;
    -ms-transition: all .3s ease-out, width .1s ease-out, left .1s ease-out;
    cursor: pointer;
    font-weight: bold;
    width: 30px;
    height: 100px;
    overflow: hidden;
    text-indent: -3000px;
}
.feedback-switch .hanger:hover{
    width:35px;
    left:-5px;
}
.feedback-switch.opened .hanger:before {
    content: "x";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 5px;
    left: 5px;
    background: #f1b91c;
    text-indent: 0;
    text-align: center;
    font-size: .9em;
    line-height: 19px;
}
.feedback-switch.opened .feedback-inner {
    box-shadow: -3px 5px 5px rgba(0, 0, 0, .2);
}
.feedback-inner {
    overflow: hidden;
    background-color: #f5f5f5;
    width: 260px;
    z-index: 3;
    position: relative;
    padding: 15px 25px 20px;
}
.feedback-inner strong {
    font-size: 1.65em;
    display: block;
}
.feedback-inner form {
    background-color: transparent;
    padding: 0;
}
.feedback-inner form .buttonline {
    width: 100%;
    padding: 10px 0 0;
}
.feedback-inner form input[type=text] {
    width: 96%;
    height: auto;
    line-height: 1.7em;
    margin-bottom: 11px;
}
.feedback-inner form textarea {
    width: 94.5%;
}

/**
 * depending on screenres:
 */

@media only screen and (max-width: 1090px) { body { font-size: 16px; } }
@media only screen and (max-width: 990px) { body { font-size: 14px; } }
@media only screen and (max-width: 820px) {
    body {
        font-size: 12px;
    }

    .page-content-inner form .buttonline {
        width: 75%;
    }
    .section-scenario .inner {
        margin-bottom: 0;
    }
    .section-scenario .teaser {
        margin: 0 0 30px;
        width: 100%;
        box-sizing: border-box;
    }
    .section-scenario .teaser .wrapper {
        margin-top: 0;
    }
}

@media only screen and (max-width: 720px) {
    .section-foot #twitter-widget-0,
    .section-foot .fb_iframe_widget {
        display: none;
    }

}

@media only screen and (max-width: 640px) {
    body {
        font-size: 12px;
        min-width: 320px;
    }

    h1, .h1 {
        font-size: 38px;
    }

    p {
        font-size: 1.166666em; /* 14px */
    }

    .section-head .headline {
        padding-right: 35%;
    }

    .section-head .bg img {
        position: absolute;
        left: 50%;
    }

    .section-head .clock img { margin-left: -380px; }
    .section-head .hand img { margin-left: 0; }
    .section-head .fireman img { margin-left: -435px; }

    .section-foot .inner {
        padding-top: 30px;
        text-align: center;
    }

    .section-foot .left,
    .section-foot .right {
        float: none;
        display: inline-block;
    }

    .section-foot .left {
        display: block;
        margin-top: 5px;
    }

    .section-foot .right {
        margin-left: 0;
    }

    .section-foot a,
    .section-foot .a {
        background: none;
        padding-left: 0;
    }
}

@media only screen and (max-width: 600px) {
    .section-scenario .teaser {
        padding-left: 0;
        padding-right: 0;
        float: none;
        width: 100%;
        margin-bottom: 40px;
    }
    .section-scenario .teaser .wrapper {
        float: none;
        margin: 0 auto 20px;
    }
    .section-scenario .teaser .content {
        float: none;
    }

    .section-scenario .teaser strong {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 530px) {
    .section-foot {
        padding: 0;
    }

}

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

    .col {
        width: 100%;
        float: none;
    }
    .section-head .headline {
        top: 5.5em;
        padding-right: 0;
    }

    .section-head .headline br {
        display: none;
    }

    .section-intro p img {
        float: none;
        display: block;
        margin: 0 0 1em;
        max-width: 100%;
        height: auto;
    }

    .section-logo .logo {
        top: 2.055555em;
    }
}

.socialcounts .mt-icon-oba {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-top: -2px;
    margin-left: 5px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSItNDcxIDI3MyAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtNDcxIDI3MyAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgaWQ9IkFzc2V0cyI+PHBhdGggZmlsbD0iIzA5QUNDQiIgZD0iTS00NzEsMjg3LjR2LTEyLjljMCwwLDAuMS0xLjUsMS40LTEuNWMwLjgsMCwxLjQsMC40LDEuNCwwLjRsMTEuMyw2LjJjMCwwLDAuOSwwLjYsMC45LDEuNHMtMC42LDEuMS0wLjYsMS4xbC03LjIsMy45YzAsMC0wLjksMC42LTEuNSwwLjJjLTAuNi0wLjQtMC42LTAuOS0wLjYtMC45bDAtNC4xYzAsMCwwLjItMC45LDAuOS0wLjljMC43LDAsMC44LDAuOCwwLjgsMC44bDAsMy4xbDQuNy0yLjVjMCwwLDAuNS0wLjQsMC41LTAuN2MwLTAuNC0wLjQtMC43LTAuNC0wLjdsLTguMy00LjdjMCwwLTAuOC0wLjMtMS4xLTAuMWMtMC4zLDAuMy0wLjMsMC42LTAuMywwLjZ2OS4zYzAsMC0wLjEsMC41LDAuMywwLjhjMC40LDAuMiwwLjksMCwwLjksMHMwLjktMC40LDEuMywwLjNjMC40LDAuNy0wLjQsMS4yLTAuNCwxLjJsLTIsMS4zYzAsMC0wLjcsMC4zLTEuMywwQy00NzEsMjg4LjYtNDcxLDI4Ny40LTQ3MSwyODcuNHoiLz48Y2lyY2xlIGZpbGw9IiMwOUFDQ0IiIGN4PSItNDY1IiBjeT0iMjc4LjgiIHI9IjEiLz48L2c+PGcgaWQ9IkxhYmVscyI+PC9nPjwvc3ZnPg==);
}