@font-face {
    font-family: "DIN Next W01 Light";
    src: url(../Fonts/3e0b2cd7-9657-438b-b4af-e04122e8f1f7.eot?#iefix);
    src: url(../Fonts/3e0b2cd7-9657-438b-b4af-e04122e8f1f7.eot?#iefix) format("eot"), url(../Fonts/de1216be-00c2-43c0-9c45-3e7f925eb519.woff2) format("woff2"), url(../Fonts/bc176270-17fa-4c78-a343-9fe52824e501.woff) format("woff"), url(../Fonts/3516f91d-ac48-42cd-acfe-1be691152cc4.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: "DIN Next W01 Medium";
    src: url(../Fonts/324dee78-6585-4c13-8ca3-5817cc600d84.eot?#iefix);
    src: url(../Fonts/324dee78-6585-4c13-8ca3-5817cc600d84.eot?#iefix) format("eot"), url(../Fonts/be607c9f-3c81-41b4-b7ad-17af005c80bb.woff2) format("woff2"), url(../Fonts/4bf0ead4-e61b-4992-832b-6ff05828d99f.woff) format("woff"), url(../Fonts/73713a0b-8f6a-4c4e-b8a8-7cf238e632f6.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: "DIN Next W01 Bold";
    src: url(../Fonts/b32ab78b-6c51-4bd3-bc37-4edcec0331f8.eot?#iefix);
    src: url(../Fonts/b32ab78b-6c51-4bd3-bc37-4edcec0331f8.eot?#iefix) format("eot"), url(../Fonts/121784c1-863c-4e49-b682-625ea7de55b0.woff2) format("woff2"), url(../Fonts/9949035f-6226-4080-a14a-bf7d94ffb1e1.woff) format("woff"), url(../Fonts/6241bd09-15c2-485e-9796-9db8d0aa6974.ttf) format("truetype");
    font-display: swap
}

@font-face{
    font-family:"DIN Next W01 Regular";
    src:url(../Fonts/21633fa6-1990-48b9-99b4-c8b26d501fbe.woff2) format("woff2"),url(../Fonts/9b336552-06ab-47a1-8681-4271cfcd8879.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: "BrushUp";
    src: url(../Fonts/brushup.ttf) format("truetype");
    font-display: swap;
}

@font-face{
    font-family:"test";
    src:url(../Fonts/856654e6-f00f-40f2-a279-d283048b89ff.woff2) format("woff2"),url(../Fonts/c86a3b5d-9b9a-477d-991a-1816d6e11dba.woff) format("woff");
}


#c2017 .col-xs-12 {
    width: 25%;
}
#c2017 .visible-xs-block {
    display: none!important;
}

#c336 {
    width: 100%;

}

#c336 .ytvideo, #c336 #vid4262 {
    width: 100%;
    height: 100vh;
}

.brushup,
.brushup strong,
#accordion-3724 strong {
    font-family: "BrushUp";
    font-size: 60px;
    line-height: 30px;
    padding-right: 2px;
}

.holderpmlink {
    margin-top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    justify-content: center;
    display: flex;
}



video {
    max-width: 100%;
}



/*HAPPY*/

.custom3488,
.custom3563 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dadada+0,e1e1e1+100 */
    background: #dadada;
    /* Old browsers */
    background: -moz-linear-gradient(top, #dadada 0%, #e1e1e1 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #dadada 0%, #e1e1e1 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #dadada 0%, #e1e1e1 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#dadada', endColorstr='#e1e1e1', GradientType=0);
    /* IE6-9 */
}

#carousel-glueck {
    text-align: center;
}

.carousel-glueck_indicator.carousel-indicators li {
    text-indent: 0px;
    width: auto;
    font-size: 30px;
    display: inline-block;
    background-image: none;
    margin: 15px !important;
    height: auto;
    padding: 10px 10px 3px 10px;
    line-height: 30px;
    position: relative;
    transition: all 0.5s;
    font-family: 'DIN Next W01 Medium';
}

.carousel-glueck_indicator.carousel-indicators li:hover {
    color: #fff;
}

.carousel-glueck_indicator.carousel-indicators li.active {
    text-indent: 0px;
    background-color: transparent;
    height: auto;
    width: auto;
    color: #fff;
}

.carousel-glueck_indicator.carousel-indicators {
    height: 60px !important;
}

#carousel-glueck .carousel-control span {
    top: 60%
}

.carousel-glueck_indicator.carousel-indicators li.active::before,
.carousel-glueck_indicator.carousel-indicators li:hover::before {
    width: 100%;
    height: 100%;
    bottom: 0;
    margin: 0;
    left: 0;
    z-index: -1;
    background-color: #e3001b;
    opacity: 1;
}

.carousel-glueck_indicator.carousel-indicators li:before {
    height: 4px;
    width: 100%;
    background-image: none !important;
    background-color: #000;
    bottom: 0;
}

.carousel-glueck_indicator.carousel-indicators {
    position: relative;
    left: auto;
    margin: 0px auto 120px auto;
    width: auto;
    padding: 0;
    text-align: center;
    list-style: none;
}

.glueckL::before {
    content: "L"
}

#carousel-glueck h3 {
    font-family: "BrushUp";
    font-size: 140px;
    margin-bottom: 30px;
}

#carousel-glueck p {
    font-size:24px;
}

#carousel-glueck .carousel-indicators li.active:before .custom3507 p {
    font-size: 45px !important;
}

@media (max-width: 768px) {
    .custom3507 p {
        font-size: 34px !important;
    }
}

@media (max-width: 500px) {
    .custom3507 p {
        font-size: 24px !important;
    }
    .katze img {
        width: 200px;
    }
}

#ajaxcontent {
    overflow-x: hidden;
}

#p229 #contentload {
    overflow: hidden;
    text-align: center !important;
}

#p231 {
    text-align: center !important;
}

#p231 .container-fluid p {
    font-size: 45px;
}

.textboxgestrichen {
    background-image: url(/fileadmin/img/startseite/happy/bg_gepunktet.png);
    background-size: 100% 100%;
    padding: 100px;
    margin: 50px 0;
}

#c3436.row,
#c3479.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}




#c3436 .col-sm-4:first-child {
    background-image: url(/fileadmin/user_upload/bg_links.jpg);
    background-size: contain;
}

#c3436 .col-sm-4:last-child {
    background-image: url(/fileadmin/user_upload/bg_rechts.jpg);
    background-size: contain;
}

#c3479 .col-md-2:first-child {
    background-image: url(/fileadmin/img/startseite/happy/faces_left.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}

#c3479 .col-md-2:last-child:after {
    content: "";
    width: 250%;
    height: 100%;
    background-image: url(/fileadmin/img/startseite/happy/faces_right.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    position: absolute;
    left: -60px;
    z-index: -1;
}

.sternerechts::before {
    content: "";
    position: absolute;
    right: -35%;
    top: 20%;
    background-image: url(/fileadmin/img/startseite/happy/sterne.png);
    background-size: contain;
    display: inline-block;
    width: 30%;
    min-height: 30%;
    background-repeat: no-repeat;
    max-width: 250px;
    max-height: 200px;
}

.holderpmlink a {
    font-size: 20px;
}

@media (max-width: 470px) {
    .holderpmlink {
        display: block;
    }
    .holderpmlink a {
        font-size: 1.4em !important;
    }
}

.opacityimportant {
    opacity: 1 !important;
}

.displayimportant {
    display: flex !important;
}

.cc-window.cc-floating,
.row-eq-height .col-md-6 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.abbinderover,
.hoverlogo,
.trenner,
footer,
h1 {
    text-align: center
}

#ajaxloadanimation.active:before,
.butterbutton::before,
.navilink::before {
    content: ""
}

#dcsns-filter.filter li a,
.btndown.collapsed svg,
.butterbutton,
.cc-btn,
.cc-close,
.cc-link,
.cc-revoke,
.funkybutton,
.gftoggle,
.toggle-button {
    cursor: pointer
}

.cc-btn,
.herotext {
    white-space: nowrap
}

a:focus,
a:hover,
button:focus {
    outline: 0;
    text-decoration: none
}

a,
button::-moz-focus-inner {
    border: 0;
    outline: 0
}

::-moz-selection {
    background: #e3001b
}

::selection {
    background: #e3001b
}

::-moz-selection {
    background: #e3001b
}

#ajaxloadanimation,
.bar,
.butterberlin::before,
.butterhaltung::before,
.headerimage,
.smlogos div:before {
    background-repeat: no-repeat
}

.cc_container .cc_btn,
.cc_container .cc_btn:visited {
    background-color: transparent !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #000 !important;
    max-width: 180px !important;
    border-bottom: 5px solid #e3001b;
    font-weight: bolder;
    text-transform: uppercase
}

.cc_container a,
.cc_container a:visited {
    text-decoration: none;
    color: #000 !important;
    display: block
}

#cookierow {
    display: none
}

.cc-window.cc-floating {
    max-width: 100% !important
}

strong {
    font-family: 'DIN Next W01 Medium'
}

.btn-link {
    font-weight: bolder;
    color: #000
}

.btn-link:focus,
.btn-link:hover {
    color: #e3001b
}

body,
html {
    font-family: 'DIN Next W01 Light', Verdana, sans-serif;
    font-size: 18px;
    color: #000;
}

h1,
h2 {
    font-family: 'DIN Next W01 Medium';
    color: #000;
    text-transform: uppercase;
    margin-top: 10px;
    overflow-wrap: break-word;
}

body.noscroll {
    position: fixed;
    -webkit-transition: all 1s;
    transition: all 1s
}

.rot header,
header {
    position: relative
}

#c1708 .headerimage {
    background-position: bottom left;
}

.butterbutton,
.butterbutton::before {
    -webkit-transition: all .3s ease-in-out
}

h1 {
    font-size: 1.8em;
    line-height: normal;
    margin-top: 0px;
}

@media (max-width: 500px) {
    h1 {
        font-size: 1.6em;
    }
}

h2 {
    font-size: 1.2em
}

h4,
h6 {
    font-family: 'DIN Next W01 Light'
}

h4,
p {
    font-size: 18px
}

.text-center h1 {
    padding-bottom: 20px;
    text-transform: uppercase
}

.ce-815 .text-center h1 {
    padding-bottom: 0
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: none
}

p {
    margin: 0
}

footer a,
footer a:hover {
    font-size: 1em;
    color: #fff
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.container,
.container-fluid {
    padding-left: 0;
    padding-right: 0
}

.row {
    margin-left: 0;
    margin-right: 0
}

.rot {
    background-color: #e3001b
}

.rot h1 {
    color: #fff
}

.grau {
    background-color: #EFEFEF
}

.grauteaser {
    background-color: #e3e6e8;
    color: #000
}

.whitebg {
    background-color: #fff;
    color: #000
}

.blaugrau {
    background-color: #d8d8d8
}

.rot header {
    overflow: hidden
}

footer {
    background-color: #e3001b;
    color: #fff
}

footer .container {
    min-height: 55px
}

footer .container .links {
    line-height: 55px
}

footer a:hover {
    text-decoration: underline
}

.abbinderover a {
    color: #000;
    font-weight: bolder
}

.abbinderover a:hover {
    color: #e3001b;
    font-weight: bolder
}

footer img {
    width: 100%;
    height: auto
}

footer .gwa {
    width: 170px;
    margin: 20px 0px;
}

footer iframe {
    border: 0;
    position: absolute;
    z-index: 45;
    left: 0;
    width: 100%;
    height: 100%
}

.abbinderover {
    width: 100%;
    display: table;
    padding: 30px
}

.butterbutton,
.navilink {
    border: 0;
    padding: 0 10px;
    text-transform: uppercase
}

.abbinderover div {
    display: table-cell;
    vertical-align: middle
}

.row-eq-height {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.row-eq-height .col-md-6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

footer .butterhof {
    background-image: url(/fileadmin/img/abbinder/abb_butter_800x800.jpg);
    background-size: cover;
    background-position: center center
}

footer .col-xl-3 {
    min-height: 25vw
}

@media(max-width:992px) {
    .row-eq-height,
    .row-eq-height .col-md-6,
    footer .row-eq-height .col-md-12,
    footer .row-eq-height .col-sm-6 {
        display: block
    }
    footer .col-xl-3 {
        height: 50vw
    }
    .abbinderover {
        height: 100%
    }
}

.butterbutton {
    background-color: transparent;
    font-size: 1.6em;
    font-family: 'DIN Next W01 Medium';
    position: relative;
    z-index: 1;
    margin: 15px;
    display: inline-block
}

.butterbutton.butterbuttonnormal {
    font-size: 1.15em;
    text-transform: none !important;
}

.rot .butterbutton::before,
.rot .butterbutton:hover:before {
    background-color: #fff
}

@media(max-width:767px) {
    .butterbutton {
        font-size: 20px;
        display: inline-block;
        margin-top: 10px
    }
}

.rot .butterbutton {
    color: #fff
}

.rot .butterbutton:hover {
    color: #000
}

.butterbutton.active,
.navilink.active,
.navilink:hover {
    color: #fff
}

.butterbutton::before {
    height: 4px;
    background-color: #000;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    z-index: -1;
    left: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.active::before,
.butterbutton:hover:before {
    height: calc(100% + 5px);
    background-color: #e3001b
}

.butterbutton:hover {
    color: #fff;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.butterbutton:hover:before {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.butterbutton.allekunden.active {
    color: #000
}

.navilink {
    background-color: transparent;
    font-size: 2.6em;
    margin: 0;
    line-height: unset;
    font-family: 'DIN Next W01 Bold';
    display: inline-block;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 1
}

.daszitat,
.wernerabbinder {
    font-family: 'DIN Next W01 Medium'
}

.hoverteaser,
.navilink::before,
.snapchatoverlay {
    position: absolute;
    left: 0
}

.navilink::before,
.navilink:hover {
    -webkit-transition: all .3s ease-in-out
}

.navilink::before {
    height: 0;
    background-color: #e3001b;
    width: 100%;
    display: block;
    bottom: 9px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: -1
}

.navilink.active:before,
.navilink:hover:before {
    height: calc(100% - 10px);
    background-color: #e3001b
}

.navilink:hover {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.navilink:hover:before {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media(max-width:500px) {
    .navilink::before {
        bottom: 8px
    }
}

.snapchatoverlay {
    display: none;
    top: 0;
    width: calc(100% - 40px);
    z-index: 100;
    max-width: 460px;
    margin: 0 auto;
    right: 0
}

#heronumberone,
.hoverteaser {
    display: block
}

a {
    color: #000;
    text-decoration: none
}

a:focus,
a:hover {
    color: #000;
    border-bottom: 0
}

.daszitat {
    color: #000;
    line-height: normal;
    text-transform: uppercase;
    font-size: 1.8em;
    padding: 30px 20px;
    margin: 0 15px
}

.hoverteaser h3,
.hoverteaser h4 {
    margin: 0;
    text-transform: uppercase
}

.wernerabbinder {
    font-size: 18px;
    color: #000
}

.wernerszitat img {
    max-width: 100%;
    padding: 0 50px;
    max-height: 300px
}

.col-md-3>.col-md-3,
.col-md-6>.col-md-6 {
    width: 100%
}

.teaserbild,
.teaserkachel {
    position: relative;
    overflow: hidden
}

.zweierkachel {
    max-height: 25vw !important;
}

@media (max-width: 992px) {
    .zweierkachel {
        max-height: 50vw !important;
    }
}

@media (max-width: 768px) {
    .zweierkachel {
        max-height: 100vw !important;
    }
}

.teaserbild img {
    width: 100%;
    height: auto;
    -webkit-transition: all .3s;
    transition: all .3s
}

.hoverteaser {
    background-color: rgba(227, 0, 27, .85);
    top: 100%;
    height: 100%;
    width: 100%;
    color: #fff;
    z-index: 11;
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.hoverlogo,
.hoverposition {
    position: absolute;
    height: 50%
}

.hoverposition {
    width: 100%;
    bottom: 0
}

.hoverteaser h3,
.hoverteaser h4 {
    opacity: 0;
    -webkit-transition: all .4s;
    transition: all .4s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

.hoverteaser h3 {
    font-size: 1.5em;
    font-family: 'DIN Next W01 Medium'
}

.hoverteaser h4 {
    font-size: 1em;
    font-family: 'DIN Next W01 Light'padding-top: 10px
}

#heronumberone,
#heronumbertwo,
.herotext,
.metanavi,
.socialmedia,
.trenner {
    font-family: 'DIN Next W01 Medium'
}

.hoverteaser hr {
    border-top: 2px solid #fff;
    margin: 0 auto;
    width: 0%;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    padding-bottom: 15px
}

.teaserlogo {
    opacity: 1;
    -webkit-transition: all .5s;
    transition: all .5s
}

.teaserlogo img {
    max-width: 100px;
    max-height: 50px;
    position: absolute;
    bottom: 20px;
    right: 20px;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    width: auto
}

.hoverlogo {
    top: 25%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 50px;
    width: 100%;
    z-index: 50;
    opacity: 0
}

.insideoverflowhidden,
.logohover {
    top: 0;
    position: absolute
}

.hoverlogo img {
    max-height: 90%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    padding: 20px 25%;
    max-width: 80%
}

.logohover {
    right: 5%;
    width: 35%;
    height: 100%;
    z-index: 100
}

.overflowhidden {
    position: absolute;
    height: 0%;
    width: 100%;
    background-color: #0f0;
    overflow: hidden;
    -webkit-transition: all .5s;
    transition: all .5s
}

.scroll-top,
.scroll-top:active,
.scroll-top:focus,
.scroll-top:hover {
    background-color: transparent
}

.teaserkachel:hover .overflowhidden {
    height: 100%;
    -webkit-transition: all .5s;
    transition: all .5s
}

.logohover img,
.unserekundenlogos img {
    top: 50%;
    -webkit-transform: translateY(-50%)
}

.logohover img {
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.unserekundenlogos {
    height: 150px;
    margin: 0 20px;
    position: relative
}

.unserekundenlogos img {
    height: auto;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 180px;
    max-height: 100px
}

.headercontent,
.navbar-brand {
    -webkit-transform: translateY(-50%)
}

#herocounterone,
#herocountertwo {
    text-align: center;
    overflow: hidden;
    height: 40px
}

#heronumberone,
#heronumbertwo,
.trenner {
    font-size: 60px;
    color: #000
}

.herotext {
    font-size: 60px;
    margin-left: 10px;
    text-transform: uppercase
}

#herocounterone .numelem,
#herocounterone .textelem {
    display: inline-block;
    position: relative
}

.herotexttwo.hiddentextone {
    position: absolute;
    left: -70vw;
    -webkit-transition: all .5s;
    transition: all .5s
}

.herotextfour.hiddentexttwo {
    position: absolute;
    left: 70vw;
    -webkit-transition: all .5s;
    transition: all .5s
}

.herotextone.hiddentextone {
    position: absolute;
    left: -70vw;
    -webkit-transition: all .5s;
    transition: all .5s
}

.herotextthree.hiddentexttwo {
    position: absolute;
    left: 70vw;
    -webkit-transition: all .5s;
    transition: all .5s
}

.accordionoutterwrapper {
    text-align: center;
}

.accordionbutton {
    display: none;
    margin-top: 40px;
}

@media (max-width:767px) {
    .herotexttwo.hiddentextone {
        left: -100vw
    }
    .herotextfour.hiddentexttwo,
    .herotextone.hiddentextone {
        left: 100vw
    }
    .herotextthree.hiddentexttwo {
        left: -100vw
    }
}

.herotextone.visibletextone,
.herotexttwo.visibletextone {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transition: all .5s;
    transition: all .5s;
    white-space: nowrap
}

.herotextfour.visibletexttwo,
.herotextthree.visibletexttwo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transition: all .5s;
    transition: all .5s
}

.herotextinvisible,
.herotextinvisibletwo {
    opacity: 0
}

.numbrahmen,
.textrahmen {
    height: 80px;
    overflow: hidden;
    position: relative;
    float: left;
    margin-left: 10px
}

.zweizueins .hoverlogo img {
    padding: 20px 15%
}

.zweizueins .teaserkachel:hover .teaserlogo img {
    padding: 20px 15%
}

.positionhero {
    display: inline-block
}

.positionheight {
    height: 70px
}

.teaserkachel:hover .hoverteaser {
    top: 0
}

.teaserkachel:hover .hoverteaser h3 {
    opacity: 1;
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.teaserkachel:hover h3:nth-of-type(2) {
    opacity: 1;
    -webkit-transition-delay: .85s;
    transition-delay: .85s
}

.teaserkachel:hover h4 {
    opacity: 1;
    -webkit-transition-delay: .95s;
    transition-delay: .95s
}

.teaserkachel:hover.zweierkachel hr {
    margin: 0 auto;
    width: 50%;
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.teaserkachel:hover.einerkachel hr {
    margin: 0 auto;
    width: 100%;
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.teaserkachel:hover .teaserlogo {
    position: absolute;
    height: 50%;
    top: 25%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 50px;
    width: 100%;
    z-index: 50;
    transition: none;
}

.teaserkachel:hover .teaserlogo img {
    transition: none;
    opacity: 0;
}

.teaserkachel:hover .teaserlogo img {
    max-height: 90%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    padding: 20px 25%;
    max-width: 80%;
    animation-name: test;
    animation-duration: 0.5s;
    animation-direction: alternate;
    animation-fill-mode: forwards;
    animation-delay: 0.1s;
}

@keyframes test {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}


/*
.teaserkachel:hover .hoverlogo {
    opacity: 1;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}
*/

.scroll-top {
    z-index: 990;
    background-image: url(../img/icons/sprungmarke.png);
    background-size: contain;
    background-position: center;
    width: 50px;
    height: 50px;
    right: 25px;
    bottom: 25px;
    position: fixed;
    display: none;
}


/*

.scroll-top-icon {
    display: none
}
*/

.text-center {
    padding: 0 50px
}

#c2045 .text-center,
#c2046 .text-center {
    padding: 0
}

.paddingobenunten {
    padding: 120px 0
}

.paddingobenunten10030 {
    padding-top: 100px;
    padding-bottom: 30px
}

.paddingoben {
    padding-top: 120px
}

.paddingoben60,
.paddingobenunten60 {
    padding-top: 60px
}

.paddingobenunten30 {
    padding-top: 30px;
    padding-bottom: 30px
}

.paddingunten {
    padding-bottom: 120px
}

.paddingobenunten60,
.paddingunten100,
.paddingunten60 {
    padding-bottom: 60px
}

.paddingoben100,
.paddingoben30 {
    padding-top: 30px
}

.padding50,
.padding50100 {
    padding-top: 50px
}

.paddingunten30 {
    padding-bottom: 30px
}

.padding50100 {
    padding-bottom: 120px
}

.zweizueins .col-md-6 {
    width: 25%
}

.zweizueins .col-md-6 .teaserlinks {
    width: 200%;
    margin-left: 0
}

.zweizueins .col-md-6 .teasermittelinks {
    width: 200%;
    margin-left: -30%
}

.zweizueins .col-md-6 .teasermitte {
    width: 200%;
    margin-left: -50%
}

.zweizueins .col-md-6 .teasermitterechts {
    width: 200%;
    margin-left: -80%
}

.zweizueins .col-md-6 .teaserrechts {
    width: 200%;
    margin-left: -100%
}

.zweizueins .col-md-6 .text-center {
    padding: 0 20px
}

#c2396 .col-md-4 img {
    width: 100%;
    height: auto
}

@media (max-width:992px) {
    .numbrahmen,
    .textrahmen {
        float: none
    }
    .hoverlogo img {
        max-width: 100%
    }
    .col-xs-12.zweierkachel .teaserbild .teaserlinks {
        width: 200%;
        margin-left: 0
    }
    .col-xs-12.zweierkachel .teaserbild .teasermittelinks {
        width: 200%;
        margin-left: -30%
    }
    .col-xs-12.zweierkachel .teaserbild .teasermitte {
        width: 200%;
        margin-left: -50%
    }
    .col-xs-12.zweierkachel .teaserbild .teasermitterechts {
        width: 200%;
        margin-left: -80%
    }
    .col-xs-12.zweierkachel .teaserbild .teaserrechts {
        width: 200%;
        margin-left: -100%
    }
}

.headercontent,
.navbar-brand,
.navbar-header {
    width: 100%;
    text-align: center
}

body,
html {
    height: 100%
}

header {
    height: 85vh;
    overflow: hidden
}

#c1967 header {
    height: auto;
}

#c4483 img {
    width: 80px;
    position: absolute;
    top: -245px;
    right: 0;
}

@media (max-width: 767px){
    #c4483 img {
        display: none;
    }
}

.iconscrolldown img {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-animation-name: scrolldown;
    animation-name: scrolldown;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    z-index: 100
}

@-webkit-keyframes scrolldown {
    0%,
    100% {
        bottom: 50px
    }
    50% {
        bottom: 30px
    }
}

@keyframes scrolldown {
    0%,
    100% {
        bottom: 50px
    }
    50% {
        bottom: 30px
    }
}

.headercontent {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 50px
}

.headercontent img {
    max-width: 80%;
    height: 50vh;
    display: block;
    margin: 0 auto
}

.headerimage {
    height: 100%;
    background-position-y: center;
    background-size: cover
}

.headerimage .teaserlinks {
    background-position: left
}

.headerimage.teasermittelinks {
    background-position: 25%
}

.headerimage.teasermitte {
    background-position: center center
}

.headerimage.teasermitterechts {
    background-position: 75%
}

.headerimage.teaserrechts {
    background-position: right
}

.section {
    padding-top: 0;
    padding-bottom: 0
}

.body-bg-top {
    padding-top: 75px
}

.navbar-fixed-top {
    background-color: #fff;
    border-bottom: 1px solid #efefef
}

´ .navbar-toggle {
    display: block
}

.navbar-header {
    float: left;
    padding: 15px;
    height: 75px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.navbar-brand {
    float: none;
    height: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 50px;
    margin: 0 -20px
}

.navbar-brand>img {
    display: inline;
    height: 20px
}

.main {
    margin: 0 auto
}

.relative {
    position: relative
}

.toggle-button {
    right: 20px;
    z-index: 3;
    -webkit-transition: all .5s;
    transition: all .5s;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 35px;
    text-align: center
}

.bar {
    display: block;
    width: 100%;
    height: 6px;
    border: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    background-size: auto;
}

.padding {
    padding: 70px 0
}

.bar+.bar {
    margin-top: 6px
}

.top {
    background-position: 0px -2px;
    background-image: url(../img/startseite/iconset.svg)
}

.mid {
    top: 11px;
    background-position: 0px -16px;
    background-image: url(../img/startseite/iconset.svg)
}

.bottom {
    top: 22px;
    background-position: 0px -2px;
    background-image: url(../img/startseite/iconset.svg)
}

#ajaxloadanimation,
.overlay {
    top: 0;
    left: 0;
    overflow: hidden
}

.toggle-button.toggle-nanactive:hover .top {
    -webkit-animation: burger-hover 1s infinite ease-in-out alternate;
    animation: burger-hover 1s infinite ease-in-out alternate
}

.toggle-button.toggle-nanactive:hover .mid {
    -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards .2s;
    animation: burger-hover 1s infinite ease-in-out alternate forwards .2s
}

.toggle-button.toggle-nanactive:hover .bottom {
    -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards .4s;
    animation: burger-hover 1s infinite ease-in-out alternate forwards .4s
}
.toggle-button.toggle-nanactive .top,
.toggle-button.toggle-nanactive .mid,
.toggle-button.toggle-nanactive .bottom{
    margin-left: 0;
    transition: all 1s;
}



@-webkit-keyframes burger-hover {
    0%,
    100% {
        margin-left: 0
    }
    50% {
        margin-left: -10px
    }
}

@keyframes burger-hover {
    0%,
    100% {
        margin-left: 0
    }
    50% {
        margin-left: -10px
    }
}

.toggle-active .mid {
    width: 0%;
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

.toggle-active .top {
    -webkit-transform: translateY(10px) translateX(0) rotate(45deg);
    transform: translateY(10px) translateX(0) rotate(45deg)
}

.toggle-active .bottom {
    -webkit-transform: translateY(-14px) translateX(0) rotate(-45deg);
    transform: translateY(-14px) translateX(0) rotate(-45deg)
}

#ajaxloadanimation {
    position: fixed;
    background-color: rgba(255, 255, 255, .7);
    background-position: left bottom;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
    z-index: 2000;
    pointer-events: none
}

#ajaxloadanimation.active:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(/fileadmin/img/illus/monster_animated.svg);
    background-repeat: no-repeat;
    background-position: 50% calc(100% - -30px);
    background-color: transparent;
    background-size: 250px
}

#ajaxloadanimation.active {
    pointer-events: all;
    -webkit-transition: all .5s;
    transition: all .5s;
    opacity: 1
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    #ajaxloadanimation {
        z-index: -1
    }
    #ajaxloadanimation.active {
        z-index: 2000
    }
}

#ajaxloadanimation.activeback {
    background-image: url(../img/icons/loading.gif);
    opacity: 1;
    background-color: rgba(255, 255, 255, 1)
}

.load {
    opacity: 1 !important;
    height: 100% !important
}

.overlay {
    position: fixed;
    background-color: #fff;
    width: 100%;
    height: 0;
    opacity: 1;
    -webkit-transition: opacity 1s, visibility 1s, height .7s;
    transition: opacity 1s, visibility 1s, height .7s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    z-index: 1000
}

.nav-active {
    opacity: 1;
    height: 100%
}

#naviposition {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 50px;
    width: 100%;
    text-align: center
}

.mainnavi,
.metanavi,
.socialmedia {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative
}

.metanavi,
.socialmedia {
    margin-top: 50px
}



.metanavi ul li a:hover {
    color: #e3001b;
    -webkit-transition: all .3s;
    transition: all .3s
}

.metanav-button {
    margin-bottom: 10px;
}

.socialmedia ul li a {
    width: 30px;
    height: 30px;
    background-image: url(../img/startseite/iconset.svg);
    display: block;
    background-size: auto;
}

.socialmedia .smfacebook a {
    background-position: 90px 30px;
}

.socialmedia .sminsta a {
    background-position: 60px 30px;
}

.socialmedia .smtwitter a {
    background-position: 30px 30px;
}

.socialmedia .smyt a {
    background-position: 0px 30px;
}

.socialmedia .smgwa a {
    width: 25px;
    height: 25px;
    background-image: url(../img/startseite/GWA_New-Logo_Button_navi.svg);
}

.mainnavi ul,
.metanavi ul,
.socialmedia ul {
    clear: left;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    left: 50%;
    text-align: center
}

.mainnavi ul li {
    display: block;
    position: relative;
    right: 50%
}

.metanavi ul li{
    display: block;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0 10px;
    position: relative;
    right: 50%
}

.socialmedia ul li {
    display: block;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0 20px;
    position: relative;
    right: 50%
}


.scrolling {
    height: 50px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.mobileteaser {
    display: none
}

header video,
#c2635 video {
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100
}

#c3452 video {
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    z-index: -100;
}

#c3452 header {
    height: 50vw;
}

@media (max-width:768px) {

    #c3452 header.headermobile {
        height: 100vw
    }
    #c1967 header {
        height: auto
    }

}

#c1899 header {
    background-position: center center
}

.timer {
    font-size: 32px;
    line-height: 41px;
    font-family: 'DIN Next W01 Bold'
}

@media (max-height:750px) {
    .navilink {
        font-size: 2em
    }
    .metanavi,
    .socialmedia {
        margin-top: 25px
    }
}

@media (max-height:667px) {
    .mainnavi {
        margin-top: 70px
    }
    .socialmedia ul li {
        padding: 0 10px
    }
    .metanavi ul li {
        font-size: 14px;
        padding: 4px 10px
    }
    .navilink {
        font-size: 2em;
        line-height: 1.2em
    }
    .metanavi,
    .socialmedia {
        margin-top: 30px
    }
}

@media (max-width:767px) {
    #c2635 video,
    #c643 header video {
        left: 55%
    }
    #c336 header video,
    #c97 header video {
        position: relative;
        top: auto;
        left: auto;
        width: 100vw;
        max-height: none;
        z-index: 1;
        -webkit-transform: none;
        transform: none
    }
    #c2025 {
        display: none
    }
    #c2029 video {
        width: 100%
    }
    #naviposition {
        padding: 0 20px
    }
    .metanavi ul li {
        float: left;
        border: none !important
    }
    .metanavi ul li:first-child {
        float: none;
        width: 100%
    }
    .mainnavi {
        margin-top: 70px
    }
}

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

.fluidimage.counterillu img {
    max-width: 50%
}

.flowless {
    text-align: center
}

@media (max-width: 700px) {
    .flowless {
        margin: 10px;
    }
}

#c2678 img,
.flowless img {
    max-width: 100%;
    height: auto;
    display: inline-block
}

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

.imagetextelement {
    text-align: center
}

.imagetextelement img {
    max-width: 100%;
    height: auto;
    min-width: 70%;
    margin: 0 auto;
    width: auto;
}

.caselogo {
    text-align: center
}

.caselogo img {
    max-width: 60%;
    max-height: 190px;
    margin: 0 auto
}

.mobileplay,
.fullvideo {
    width: 100%;
    padding: 10px;
    outline: 1px solid #ddd;
    outline-offset: -10px;
}

.cc-revoke {
    display: none !important
}

.cc-bottom {
    bottom: 0 !important;
    border: 1px solid #eee;
    position: absolute;
    width: 100vw
}

#c2119 video,
#c2467 .col-md-3.col-sm-3.col-xs-12 div img,
#c2467 .col-md-3.col-sm-3.col-xs-12 div video {
    border: 1px solid #ddd
}

#c2417 iframe {
    min-height: 315px
}

@media(max-width:460px) {
    #c2417 iframe {
        min-height: auto
    }
}

.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden
}

.responsive-video iframe,
.responsive-video .videoblank {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000
}

.responsive-video .html5video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.html5video {
    width: 100%;
    display: block;
}

.responsive-video-overlay-html5,
.responsive-video-overlay-yt {
    width: 101%;
    text-align: center;
    cursor: pointer;
    background-size: cover;
}

.googledatenschutz {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    font-size: 14px;
    z-index: 3;
    color: #fff;
    text-shadow: 0px 0px 5px #000;
}

.googledatenschutz a {
    color: #fff;
    text-decoration: underline;
}

.responsive-video-overlay-html5::before,
.responsive-video-overlay-yt::before {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    background-image: url(../img/icons/play_button_weiss.png);
    background-color: rgba(0, 0, 0, .4);
    cursor: pointer;
    background-size: 100px;
    background-repeat: no-repeat;
    background-position: center center;
}

.responsive-video-overlay-html5_2::before {
    content: "";
    width: 101%;
    text-align: center;
    background-image: url(../img/icons/play_button_weiss.png);
    background-color: rgba(0, 0, 0, .4);
    cursor: pointer
}

.slidervideo {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}

.video-2638 .html5video {
    background-color: #000 !important
}

#c2078 .headerimage {
    background-position: bottom center
}

#c2119 video {
    width: 100%;
    display: block;
    margin-top: 20px
}

#c2119 {
    padding: 5px
}

#c2119 .col-md-3 {
    padding: 10px
}

#c2119 frame {
    padding: 0 !important
}

.col-md-6>.imagetext--image {
    text-align: center
}

.mockupvideo {
    margin: 0 auto;
    display: block
}

.mockupvideo.floatright {
    float: right
}

.mockupvideo.floatleft {
    float: left
}

.mockupvideo.fullwidth {
    width: 100%;
    height: auto
}

.ce-2605 .fluidimage img {
    max-width: 100%;
    width: auto;
    height: auto
}

#c2467 .col-md-3.col-sm-3.col-xs-12 div,
.mockupvideo.fullwidth.videopadding {
    padding: 10px
}

@media(max-width:767px) {
    .col-md-3.galerieimage {
        width: 50%;
        float: left
    }
    .col-md-6.galerieimage {
        width: 100%;
        float: left
    }
}

.carousel-indicators {
    opacity: 1 !important
}

.carousel-control {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.carousel .carousel-control-icon {
    background-color: transparent
}

.carousel .carousel-control-icon:before {
    content: '';
    border-top: 2px solid #e3001b;
    border-right: 2px solid #e3001b
}

.carousel-indicators .active,
.carousel-indicators li {
    margin: 0 10px;
    background-color: transparent;
}

.pswp__bg {
    background-color: rgba(0, 0, 0, .8)
}

.carousel {
    overflow: auto;
    width: 100%
}

.carousel .item {
    height: auto
}

.carousel .carousel-control {
    width: 8%;
    opacity: .3
}

.carousel-control.left {
    left: -1%
}

.carousel-control.right {
    right: -1%
}

.container .carousel {
    margin: 0 auto 30px;
    display: table
}

.container .carousel-inner .item {
    padding-left: 0;
    padding-right: 0
}

.carousel-control.left,
.carousel-control.right {
    background-image: none
}

.carousel-control.right {
    text-align: right
}

.carousel-control.left {
    text-align: left
}

.carousel-control span {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0
}

.carousel-control span img {
    max-height: 40px
}

.carousel-inner {
    width: 90%;
    max-height: 100%;
    margin: 0 auto;
    -webkit-transition: all .5s;
    transition: all .5s
}

.carousel-inner .item img {
    width: auto;
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    max-height: 85vh
}

.carousel-inner .col-md-4,
.carousel-inner .col-sm-8 {
    padding-right: 30px;
    padding-left: 30px
}

.carousel-indicators {
    bottom: -50px;
    height: 20px !important
}

.carousel-indicators li {
    border: none;
    border-radius: 0;
    width: 14px;
    height: 15px;
    margin: 0 6px;
    -webkit-transition: all 2s;
    transition: all 2s;
    overflow: hidden;
    position: relative
}

.carousel-indicators li.active,
.carousel-indicators li:before {
    border: none;
    -webkit-transition: all .5s;
    width: 14px;
    height: 15px;
    margin: 0 6px
}

.carousel-indicators li:before {
    content: "";
    background-image: url(/fileadmin/img/illus/pagination_black.svg);
    opacity: .8;
    border-radius: 0;
    left: -6px;
    position: absolute;
    -webkit-transition: all .5s;
    transition: all .5s
}

@-webkit-keyframes mymovew {
    0% {
        left: -6px
    }
    100% {
        left: 14px
    }
}

@keyframes mymovew {
    0% {
        left: -6px
    }
    100% {
        left: 14px
    }
}

.carousel-indicators li.active {
    position: relative;
    background-image: none;
    border-radius: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
    overflow: hidden
}

.carousel-indicators li.active:before {
    content: "";
    position: absolute;
    background-image: url(/fileadmin/img/illus/pagination_red.svg);
    opacity: 1;
    border: none;
    border-radius: 0;
    width: 14px;
    height: 15px;
    margin: 0 6px;
    left: -6px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.carousel-indicators .active:before {
    background-color: transparent
}

@-webkit-keyframes mymove {
    0% {
        left: -20px
    }
    100% {
        left: -6px
    }
}

@keyframes mymove {
    0% {
        left: -20px
    }
    100% {
        left: -6px
    }
}

.ce-337 h1,
.ce-99 h1 {
    font-size: 60px
}

#c378 .text-center {
    padding: 0
}

#c323.frame {
    padding: 0 !important
}

@media (max-width:767px) {
    .ce-322 .teaserkachel:last-child,
    .ce-322 .teaserkachel:nth-child(3) {
        display: none
    }
    .ce-147 .butterbutton {
        font-size: 1.2em
    }
    .ce-337 h1,
    .ce-99 h1 {
        font-size: 40px
    }
}

.datum {
    padding-bottom: 20px;
    color: #bbb
}

.filterbutton-job.active,
.filterbutton-job.gesamt,
.filterbutton.active,
.filterbutton.gesamt,
.zurich {
    color: #fff
}

.butterhaltungunterseite hr {
    margin-bottom: 20px;
    border-top: 2px solid #000
}

.butterhaltungunterseite:nth-child(odd) .butterhaltungimage {
    position: absolute;
    right: 100%
}

.butterhaltungunterseite:nth-child(even) .butterhaltungimage {
    position: absolute;
    left: 100%
}

@media (max-width:992px) {
    .butterhaltungunterseite:nth-child(odd) .butterhaltungimage {
        position: relative;
        right: auto
    }
    .butterhaltungunterseite:nth-child(even) .butterhaltungimage {
        position: relative;
        left: auto
    }
}

.butterhaltungimage img {
    max-width: 200px;
    height: auto
}

.gftoggle::before,
.smlogos div:before {
    content: "";
    height: 100%;
    width: 100%;
    background-size: contain;
    pointer-events: none
}

.smlogos {
    display: table;
    width: 100%;
    margin: 0 auto
}

.smlogos div {
    float: left;
    text-align: center;
    margin: 10px;
    min-width: 70px;
    max-width: 70px;
    position: relative
}

.cc-banner .cc-btn:last-child,
.cc-theme-classic .cc-btn:last-child {
    min-width: 140px
}

.smlogos div:before {
    position: absolute;
    opacity: 0;
    -webkit-transition: all .25s;
    transition: all .25s
}

.facebooklogo:before {
    background-image: url(../img/icons/facebook_icon_hover.png)
}

.twitterlogo:before {
    background-image: url(../img/icons/twitter_icon_hover.png)
}

.teilenlogo:before {
    background-image: url(../img/icons/email_icon_hover.png)
}

.facebooklogo:hover img,
.teilenlogo:hover img,
.twitterlogo:hover img {
    -webkit-transition: all .25s;
    transition: all .25s;
    opacity: 0
}

.facebooklogo:hover:before,
.teilenlogo:hover:before,
.twitterlogo:hover:before {
    opacity: 1
}

.gftextfrank,
.gftextoli,
.gftextrolf {
    padding-top: 60px;
    display: none
}

.gftoggle::before {
    position: absolute;
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

.gfoli::before {
    background-image: url(../img/agentur/oliver_lehnen_1000px_red.jpg)
}

.gfrolf::before {
    background-image: url(../img/agentur/rolf_schrickel_1000px_red.jpg)
}

.gffrank::before {
    background-image: url(../img/agentur/frank_stauss_1000px_bw_red.jpg)
}

.gftoggle:hover:before {
    opacity: 1;
    -webkit-transition: all .5s;
    transition: all .5s
}

.iframeoverlay,
.opacityclass {
    -webkit-transition: opacity .5s
}

.gfbutton {
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
    margin: 15px 0 0
}

.gfbutton::after {
    content: "-";
    position: absolute;
    right: 25px
}

.gfbutton.collapsed::after {
    content: "+"
}

.gfbutton:hover:before {
    height: calc(100% + 10px)
}

.ce-832 .container,
.ce-838 .container,
.ce-846 .container {
    padding-top: 30px
}

.butterberlin::before {
    content: '';
    position: absolute;
    right: -50%;
    background-image: url(../img/illus/Butterberlin.gif);
    background-size: contain;
    display: inline-block;
    width: 50%;
    min-height: 150%;
    top: -25%;
    background-position: left
}

#c1805:after,
.funkybutton:before {
    content: ""
}

@media (max-width:767px) {
    .butterberlin::before {
        position: relative;
        height: 200px;
        background-position: center;
        right: auto
    }
}

.unsereleistungen.beratung img {
    height: 370px;
    width: auto;
    left: 0;
    top: 50px;
    position: absolute
}

.unsereleistungen.netzwerk img {
    width: 220px;
    height: auto;
    bottom: 10px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto
}

.unsereleistungen.kreation img {
    height: 370px;
    width: auto;
    right: 0;
    position: absolute
}

.unsereleistungen.beratung .col-md-12,
.unsereleistungen.kreation .col-md-12 {
    height: 370px
}

.unsereleistungen.netzwerk .col-md-12 {
    height: 450px
}

.unsereleistungen {
    margin-top: -100px
}

.teamwork {
    background-color: #fff;
    padding: 20px
}

@media (max-width:992px) {
    .unsereleistungen {
        margin-top: 0
    }
    .unsereleistungen.kreation img {
        height: 320px;
        margin-left: -25%;
        position: relative
    }
    .unsereleistungen.beratung .col-md-12,
    .unsereleistungen.kreation .col-md-12 {
        height: 320px;
        top: 0
    }
    .unsereleistungen.beratung img {
        height: 300px;
        position: relative;
        top: 0
    }
}

.news img,
.newsimage {
    height: auto;
    width: 100%
}

.positionenimage {
    width: 50%;
    height: auto;
}

@media (max-width:767px) {
    .positionenimage {
        width: 100%;
    }
    .unsereleistungen.kreation img {
        margin: 0
    }
    .unsereleistungen.netzwerk img {
        position: relative
    }
    .unsereleistungen.beratung .col-md-12,
    .unsereleistungen.kreation .col-md-12,
    .unsereleistungen.netzwerk .col-md-12 {
        height: auto;
        padding-top: 55px
    }
    .news .butterbutton {
        margin-top: 20px
    }
}

.ce-355 {
    background-image: url(../img/agentur/teamwork_bg.jpg);
    padding-top: 120px;
    padding-bottom: 120px
}

.news h1 {
    padding-bottom: 0
}

.news .butterbutton {
    margin-top: 20px;
    display: inline-block
}

.specialnews {
    height: 50vh
}

.specialnews:first-child {
    /*    height: auto;*/
    height: 48vw;
}

.specialnews .responsive-video {
    height: auto
}

.specialnews .responsive-video-overlay-yt,
.specialnews .ytvideo {
    height: 100%;
    max-height: 85vh;
    position: absolute
}

.specialnews .ytvideo {
    top: 0;
    left: 0;
    width: 100%;
    background-color: #000
}

@media (max-width:767px) {
    .newsimage {
        padding: 0 20px
    }
}

.filterbutton,
.filterbutton-job {
    font-size: 20px
}

.filterbutton-job:before,
.filterbutton:before {
    height: 4px;
    background-color: #000
}

.filterbutton-tv.butterbutton:hover::before,
.filterbutton.butterbutton:hover::before {
    height: calc(100% + 4px)
}

.filterbutton-job.active::before,
.filterbutton-job.gesamt::before,
.filterbutton.active::before,
.filterbutton.gesamt::before {
    height: calc(100% + 4px);
    background-color: #e3001b
}

#c880.frame,
#c915.frame {
    padding: 0 !important
}

@media(max-width:767px) {
    #c976 .headerimage {
        background-position: left
    }
    #c476 .headerimage {
        background-position: 75%
    }
    #c495 .headerimage,
    #c521 .headerimage {
        background-position: 90%
    }
    #c535 .headerimage,
    #c817 .headerimage {
        background-position: left
    }
    #c1134,
    #c1137 {
        padding-bottom: 60px
    }
    .carousel-control {
        display: none
    }
    .paddingimage img {
        max-width: 100%;
        height: auto
    }
}

#c1867 .headerimage {
    background-position: center center
}

#p141 .fbads {
    border: 1px solid #ccc
}

@media(max-width:992px) {
    #c1192 {
        display: none
    }
}

.fbads {
    padding: 10px
}

.paddingimage {
    padding: 0 25px;
    text-align: center
}

.positioncenter {
    float: none;
    margin: 0 auto
}

.socialmediaicons {
    display: table;
    margin-right: auto;
    margin-left: auto;
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
}

.socialmediaicons li {
    float: left;
    margin: 0 10px;
    position: relative
}

.socialmediaicons img {
    max-width: 70px
}

.opacityclass {
    opacity: .2;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.mockup-down,
.mockup-up {
    height: 60px;
    position: relative
}

.mockup-down img,
.mockup-up img {
    width: 100%;
    position: absolute;
    bottom: 0
}

.caseiframe {
    overflow: hidden;
    margin: 0 auto
}

.reclinks,
.skylinks,
.skylinkswide {
    margin-right: 10px
}

.banner66sky+iframe,
.bannerplaceholder+.bannerplaceholder,
.skyrechtsswide,
iframe+.banner66sky {
    margin-left: 10px
}

.caseiframe iframe {
    border: 0;
    width: calc(100%);
    height: 667px;
    overflow: hidden;
    position: relative
}

#c2025 .caseiframe iframe {
    width: 100%
}

@media(max-width:767px) {
    .socialmediaicons img {
        max-width: 50px
    }
}

iframe::-webkit-scrollbar {
    display: none
}

.caseiframe.desktop {
    width: 95%;
    max-width: 1200px;
    height: 727px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.iframenopadding {
    padding-top: 30px !important
}

.caseiframe.mobile {
    width: 375px;
    height: 827px;
    -webkit-transition: all .25s;
    transition: all .25s;
    padding-top: 50px
}

.caseiframe.mobile .iframeborder {
    height: 565px
}

.iframeborder {
    position: relative
}

.caseiframe.mobile iframe {
    width: calc(100% + 17px);
    height: 560px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.caseiframe.tablett {
    width: 960px;
    height: 667px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.iframeoverlay,
.responsive-video-overlay-html5,
.responsive-video-overlay-yt {
    height: 100%;
    z-index: 2;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute
}

.iframeoverlay {
    width: 100%;
    background-color: rgba(22, 22, 22, .4);
    background-image: url(../img/icons/scrollmal.svg);
    pointer-events: none;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    opacity: 1
}

#c1115 .iframeoverlay {
    background-image: url(../img/icons/dragndropit.svg)
}

.iframeborder:hover .iframeoverlay,
.iframeoverlay:hover {
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    opacity: 0
}

.funkiwaveform {
    height: 66px;
    overflow: hidden
}

.funkybutton img {
    max-width: 70%
}

@media(max-width:767px) {
    .funkybutton img {
        width: 70px
    }
}

.funkybutton.active img {
    opacity: 0
}

.funkybutton:before {
    height: 100%;
    background-image: url(../../fileadmin/img/icons/pause_button_hover.png);
    width: 100%;
    display: block;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    background-color: transparent
}

.funkybutton.active:before,
.funkybutton:hover:after {
    opacity: 1
}

.waveform-counter {
    text-align: left
}

#c2411,
.dcsns-toolbar .filter li a,
.dcsns-wrapper,
.filter-text,
.outerwrapperbanner,
.pressebuttonwrapper,
.pressedownloads {
    text-align: center
}

.innerwrapperbanner {
    display: inline-block
}

.bannerplaceholder {
    margin-bottom: 10px
}

.banner250 {
    width: 250px;
    float: left
}

.billboardoben {
    width: 970px;
    height: 235px
}

.billboard800oben {
    width: 800px;
    height: 235px
}

.billboard800unten {
    width: 800px;
    height: 285px
}

.billboardunten {
    width: 970px;
    height: 285px
}

.skyoben {
    width: 800px;
    height: 200px
}

.skyobenwide {
    width: 800px;
    height: 185px
}

.skylinks {
    width: 490px;
    height: 600px;
    float: left
}

.skylinkswide {
    width: 630px;
    height: 600px;
    float: left
}

.skyrechtsswide {
    width: 630px;
    height: 600px;
    float: right
}

.banner66sky,
.banner700,
.reclinks {
    float: left
}

.reclinks {
    width: 500px;
    height: 250px
}

.recunten {
    width: 810px;
    height: 350px
}

.banner700 {
    width: 710px
}

.banner250 img,
.banner700 img {
    width: 100%
}

.banneriframe {
    border: none;
    outline: 1px solid #ddd;
}

.billboard {
    width: 650px
}

.superbanner {
    width: 970px
}

.microanimation {
    width: 241px;
    margin: 0 auto;
    display: block
}

.microanimationsmartphone {
    position: absolute;
    right: 0;
    left: 0;
    top: -45px;
    margin: 0 auto;
    width: 100%;
    min-height: 100%;
    text-align: center
}

@media(max-width:767px) {
    .microanimationsmartphone {
        top: -32px
    }
    .microanimation {
        width: 241px;
        margin: 0 auto;
        display: block
    }
}

.carousel .carousel-control-icon::before {
    border-top: none;
    border-right: none;
    background-image: url(../img/caseseiten/elemente/arrow_right.png);
    width: 28px;
    height: 35px;
    background-repeat: no-repeat;
    top: 0
}

#c1805:after,
#carousel-1193 .carousel-inner,
#carousel-1629 .carousel-inner,
.eizobbq .caseiframe.mobile iframe,
.eizobewerber .caseiframe.mobile iframe {
    width: 100%
}

.carousel .left .carousel-control-icon::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    position: absolute;
    margin-right: 20px
}

.carousel .right .carousel-control-icon::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(0);
    position: absolute;
    margin-left: 20px;
    right: 0;
}

#c1193,
#c1629,
.ce-810 .paddingimage img,
.ce-971 .paddingimage img {
    margin: 0 auto
}

.zurich {
    background-color: #039
}

.dasoertliche {
    color: #fff;
    background: #024f99;
    background: -webkit-linear-gradient(top, #024f99 0, #024f99 67%, #fff 67%, #fff 100%);
    background: linear-gradient(to bottom, #024f99 0, #024f99 67%, #fff 67%, #fff 100%)
}

.eizojackpot,
.eizojackpot h1,
.zvablau {
    color: #fff !important
}

.swd {
    background: #5fb300;
    background: -webkit-linear-gradient(top, #5fb300 0, #5fb300 69%, #fff 69%, #fff 100%);
    background: linear-gradient(to bottom, #5fb300 0, #5fb300 69%, #fff 69%, #fff 100%)
}

.eizojackpot {
    background: #538ac0;
    background: -webkit-linear-gradient(top, #538ac0 0, #7eedff 100%);
    background: linear-gradient(to bottom, #538ac0 0, #7eedff 100%)
}

.acvbackground {
    background: #da7529;
    background: -moz-linear-gradient(top, #da7529 0, #f4a340 70%, #fff 70%, #fff 70%);
    background: -webkit-linear-gradient(top, #da7529 0, #f4a340 70%, #fff 70%, #fff 70%);
    background: linear-gradient(to bottom, #da7529 0, #f4a340 70%, #fff 70%, #fff 70%);
    color: #fff
}

.acvbackground h1 {
    color: #fff
}

.banner1163,
.banner1168,
.banner2412,
.banner2563,
.banner2564,
.banner2969,
.banner2971 {
    display: none
}

.positionvideo-2795,
.positionvideo-943 {
    padding: 10px
}

#c2511 {
    background: #d5ad76;
    background: -webkit-linear-gradient(top, #d5ad76 0, #d5ad76 73%, #d5ad76 73%, #fff 73%, #fff 73%, #fff 100%);
    background: linear-gradient(to bottom, #d5ad76 0, #d5ad76 73%, #d5ad76 73%, #fff 73%, #fff 73%, #fff 100%)
}

.zva {
    background: #59a6b9;
    background: -webkit-linear-gradient(top, #59a6b9 0, #59a6b9 67%, #fff 67%, #fff 100%);
    background: linear-gradient(to bottom, #59a6b9 0, #59a6b9 67%, #fff 67%, #fff 100%)
}

.custom2747 {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #fff 22%, #d1d0d4 22%, #8c8f92 99%);
    background: -webkit-linear-gradient(top, #fff 0, #fff 22%, #d1d0d4 22%, #8c8f92 99%);
    background: linear-gradient(to bottom, #fff 0, #fff 22%, #d1d0d4 22%, #8c8f92 99%)
}

.custom2732 {
    background: #d1d0d4;
    background: -moz-linear-gradient(top, #d1d0d4 0, #8c8f92 60%, #fff 60%, #fff 60%, #fff 100%);
    background: -webkit-linear-gradient(top, #d1d0d4 0, #8c8f92 60%, #fff 60%, #fff 60%, #fff 100%);
    background: linear-gradient(to bottom, #d1d0d4 0, #8c8f92 60%, #fff 60%, #fff 60%, #fff 100%);
    color: #fff
}

3 .custom2732 h1 {
    color: #fff
}

.zvablau {
    background: #59a6b9
}

.dasoertliche h1,
.eizobbq,
.eizobbq h1,
.swd h1,
.swd p,
.zva h1,
.zvablau h1 {
    color: #fff
}

.zva.paddingobenunten {
    padding: 30px 0
}

#c1130,
.ce-1115 .container {
    position: relative;
    padding-bottom: 30px
}

#c1193,
#c1629 {
    max-width: 810px
}

#c1805 {
    position: relative
}

#c1805:after {
    position: absolute;
    bottom: 5px;
    height: 8px;
    background-color: #fff;
    display: inline-block
}

.item {
    background-color: transparent !important
}

#c2676 {
    background: #da7529;
    background: -moz-linear-gradient(top, #da7529 0, #f4a340 100%);
    background: -webkit-linear-gradient(top, #da7529 0, #f4a340 100%);
    background: linear-gradient(to bottom, #da7529 0, #f4a340 100%);
    padding: 120px 0;
    color: #fff
}

#c2676 h1 {
    color: #fff
}

#c2676 .paddingobenunten30 div {
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: none
}

.eizobbq {
    background: #000;
    background: -webkit-linear-gradient(top, #000 0, #4c4e9a 62%, #fff 62%, #fff 100%);
    background: linear-gradient(to bottom, #000 0, #4c4e9a 62%, #fff 62%, #fff 100%)
}

.dasoertliche button,
.eizobbq button,
.eizobewerber {
    color: #fff !important
}

.dasoertliche button:before,
.eizobbq button:before,
.eizobewerber button:before {
    background-color: #fff
}

.eizobewerber {
    background: #a4d0ff;
    background: -webkit-linear-gradient(top, #93adda 0, #d0badb 62%, #fff 62%, #fff 100%);
    background: linear-gradient(to bottom, #93adda 0, #d0badb 62%, #fff 62%, #fff 100%)
}

.collapsebutton.active,
.eizobewerber h1,
.rot .pressekontakt p {
    color: #fff
}

.vitamalz {
    background: #fff;
    background: -webkit-linear-gradient(top, #fff 0, #fff 53%, #ffd600 53%, #ffd600 100%);
    background: linear-gradient(to bottom, #fff 0, #fff 53%, #ffd600 53%, #ffd600 100%)
}

.vitamalzgeschichte {
    display: none
}

.ce-1115 .container {
    margin-top: 60px
}

#c1130 {
    margin-top: 0
}

.zurichfbspot {
    width: 100%;
    max-width: 470px
}

.ce-1115 .container::before,
.illublitzelinks:before,
.zvasocialmedia:before {
    background-repeat: no-repeat;
    max-width: 250px;
    max-height: 200px;
    content: "";
    position: absolute;
    background-size: contain;
    display: inline-block
}

.zvasocialmedia:before {
    right: -20%;
    background-image: url(../../fileadmin/img/illus/illustration_sterne_2.png);
    width: 20%;
    min-height: 100%
}

.ce-1115 .container::before {
    left: -15%;
    background-image: url(../../fileadmin/img/illus/illustration_halbmond.png);
    width: 20%;
    min-height: 30%
}

.illublitzelinks:before {
    left: -15%;
    top: 0;
    background-image: url(../../fileadmin/img/illus/illustration_blitze.png);
    width: 100%;
    min-height: 80%
}

.illusterne::before {
    content: "";
    position: absolute;
    right: -15%;
    top: 50%;
    background-image: url(../../fileadmin/img/illus/illustration_sterne.png);
    background-size: contain;
    display: inline-block;
    width: 20%;
    min-height: 30%;
    background-repeat: no-repeat;
    max-width: 250px;
    max-height: 200px
}

#c1627:before,
.illusterneswosh::before {
    background-image: url(../../fileadmin/img/illus/illustration_stern_swoosh.png);
    width: 20%;
    min-height: 20%;
    content: "";
    position: absolute;
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
    max-width: 250px;
    max-height: 200px
}

.illusterneswosh::before {
    left: -15%;
    bottom: -20px
}

@media(max-width:767px) {
    .ce-764 .illusterne::before {
        right: 30%
    }
    #c878 .illusterneswosh::before {
        width: 40%;
        left: 0;
        bottom: -60px
    }
    .custom2747 .paddingobenunten60 {
        padding-bottom: 0
    }
}

#c1165 .illusterne::before {
    content: "";
    position: absolute;
    right: -10%;
    top: -140%;
    background-image: url(../../fileadmin/img/illus/illustration_sterne.png);
    background-size: contain;
    display: inline-block;
    width: 230px;
    min-height: 200px;
    background-repeat: no-repeat;
    max-width: 250px;
    max-height: 200px
}

#c1193:before,
.ce-677 .illusterne::before {
    background-image: url(../../fileadmin/img/illus/illustration_sterne_2.png)
}

#c1193 {
    position: relative
}

#c1193:before,
.illuhalbmond::before {
    content: "";
    position: absolute;
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat
}

#c1193:before {
    left: -180px;
    top: 0;
    width: 180px;
    min-height: 200px
}

.ce-677 .illusterne::before {
    top: -50%;
    width: 20%;
    min-height: 110%
}

.illuhalbmond::before {
    left: -15%;
    background-image: url(../../fileadmin/img/illus/illustration_halbmond.png);
    width: 20%;
    min-height: 30%;
    max-width: 250px;
    max-height: 200px
}

.microanimationsmartphone.illuhalbmond::before {
    top: 70%;
    left: 0
}

@media (max-width:767px) {
    .microanimationsmartphone.illuhalbmond::before {
        display: none
    }
}

.illuregenbogen::before,
.illuregenbogenlinks::before {
    content: "";
    position: absolute;
    background-image: url(../img/illus/illustration_regenbogen.png);
    background-size: contain;
    display: inline-block;
    width: 50%;
    min-height: 70%;
    background-repeat: no-repeat;
    max-width: 250px;
    max-height: 200px
}

.illuregenbogen::before {
    right: -35%
}

.illuregenbogenlinks::before {
    left: -10%;
    top: 50%
}

.ce-662 .illuregenbogen::before {
    left: -10%;
    min-height: 80%
}

@media(max-width:1200px) {
    .illuregenbogenlinks::before {
        display: none
    }
    .illuregenbogen::before {
        width: 30%;
        right: -35%
    }
}

.pressebuttonwrapper {
    width: 100%
}

.pressedownloads {
    padding: 20px 0 16px
}

@media(max-width:767px) {
    .illuhalbmond::before,
    .illuregenbogen::before {
        content: "";
        position: relative;
        width: 100%;
        right: 0;
        left: 0;
        height: 170px
    }
    .pressedownloads {
        display: none
    }
}

.pressedownloads span {
    color: #fff;
    font-family: 'DIN Next W01 Medium'
}

.pressedownloads img {
    padding: 0 10px 5px 0
}

.pressemitteilung .butterbutton {
    margin: 10px
}

.pressemitteilung .col-md-12 {
    padding: 0 20px
}

.specialpressemitteilung {
    height: 50vh;
    margin-bottom: 30px
}

.outterjobwrapper .butterbutton,
.jobdescription .butterbutton {
    margin: 15px 0
}

.jobdescription ul {
    padding: 0 !important;
}

.nomargin {
    margin: 0
}

#dcsns-filter li {
    list-style-type: none;
    display: inline;
    background: 0 0;
    padding: 0;
    margin: 0
}

#dcsns-filter.filter li a {
    display: block;
    float: left;
    margin: 0 50px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.socicon img {
    width: 40px
}

.stream .inner {
    font-size: 18px;
    font-family: 'DIN Next W01 Light';
    line-height: normal
}

.linkcase {
    width: 70px;
    height: 70px;
    background-size: contain;
    display: block
}

.link-all.notactive,
.linkcase-alle {
    background-image: url(../img/logo/alle_icon_initial.png)
}

.link-all,
.link-all.notactive:hover,
.linkcase-alle:hover {
    background-image: url(../img/logo/alle_icon_hover.png)
}

.link-facebook.notactive,
.linkcase-facebook {
    background-image: url(../img/logo/facebook_icon_initial.png)
}

.link-facebook,
.link-facebook.notactive:hover,
.linkcase-facebook:hover {
    background-image: url(../img/logo/facebook_icon_hover.png)
}

.linkcase-twitter {
    background-image: url(../img/logo/twitter_icon_initial.png)
}

.linkcase-twitter:hover {
    background-image: url(../img/logo/twitter_icon_hover.png)
}

.link-insta.notactive,
.linkcase-insta {
    background-image: url(../img/logo/instagram_icon_initial.png)
}

.link-insta,
.link-insta.notactive:hover,
.linkcase-insta:hover {
    background-image: url(../img/logo/instagram_icon_hover.png)
}

.linkcase-youtube {
    background-image: url(../img/logo/youtube_icon_initial.png)
}

.linkcase-youtube:hover {
    background-image: url(../img/logo/youtube_icon_hover.png)
}

.linkcase-spotify {
    background-image: url(../img/logo/spotify_icon_initial.png)
}

.linkcase-spotify:hover {
    background-image: url(../img/logo/spotify_icon_hover.png)
}

@media(max-width:767px) {
    .linkcase {
        width: 50px;
        height: 50px
    }
    .stream .inner {
        font-size: 14px
    }
    #dcsns-filter.filter li a {
        margin: 0 20px
    }
    .modern .stream li {
        width: 50%
    }
    .modern .stream li .inner {
        width: 50vw;
        height: 50vw
    }
    .dcsns {
        height: calc(100vw - 1px)
    }
}

#dcsns-filter.filter li img {
    margin: 0;
    height: 70px
}

.btndown svg,
.btndown svg path,
.btndown.collapsed svg,
.btndown.collapsed svg path {
    -webkit-transition: all .5s;
    transition: all .5s
}

.btndown.collapsed svg {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.btndown.collapsed svg path {
    fill: #000
}

.btndown svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.btndown svg path {
    fill: #e3001b
}

.jobdescription b {
    font-family: 'DIN Next W01 Medium';
    color: #e3001b
}

.slick-next:before,
.slick-prev:before,
.socicon {
    color: #000
}

.outterjobwrapper .frame-layout-0 {
    border-bottom: 1px solid #e6e9ec;
    margin-bottom: 40px;
    padding-bottom: 20px
}

.trainingslager.einzeln img,
.trainingslager.montag img {
    left: 0;
    right: 0;
    margin: 0 auto;
    width: auto;
    bottom: 10px;
    position: absolute
}

.nojob {
    display: none
}

.trainingslager.montag img {
    height: 250px
}

.trainingslager.einzeln img {
    height: 340px
}

.trainingslager.mannschaft img {
    width: auto;
    height: 440px;
    bottom: 10px;
    position: absolute;
    right: 30px
}

.trainingslager.mannschaft .col-md-12,
.trainingslager.montag .col-md-12 {
    height: 340px
}

.trainingslager.einzeln .col-md-12 {
    height: 420px
}

@media(max-width:992px) {
    .trainingslager h2 {
        word-break: break-all
    }
    .trainingslager.einzeln img {
        bottom: 0
    }
    .trainingslager.montag img {
        height: auto;
        width: 100%
    }
    .trainingslager.mannschaft img {
        height: 330px;
        position: relative;
        right: auto
    }
}

@media(max-width:767px) {
    .trainingslager.einzeln .col-md-12 {
        height: 320px
    }
    .trainingslager.einzeln img {
        bottom: 0
    }
    .trainingslager.mannschaft .col-md-12,
    .trainingslager.montag .col-md-12 {
        height: auto
    }
    .ce-275 .trainingslager {
        margin-top: 60px
    }
    .trainingslager.montag img {
        position: relative
    }
    .trainingslager.mannschaft img {
        height: 330px;
        position: relative;
        right: auto
    }
}

@media(max-width:992px) {
    .zweizueins .col-md-6 {
        width: 50%
    }
    .zweizueins .col-md-6 .teaserbild a img {
        width: 100%;
        margin-left: 0
    }
    .container-fluid>.navbar-collapse,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container>.navbar-header {
        margin-right: 0;
        margin-left: 0
    }
    .navbar-brand>img {
        display: inline;
        height: 15px
    }
}

@media(max-width:767px) {
    #heronumberone,
    .jobs3 {
        text-align: center
    }
    #heronumberone,
    #heronumbertwo,
    .herotext,
    .trenner {
        font-size: 40px;
        margin: 0
    }
    .numbrahmen,
    .textrahmen {
        height: 50px;
        margin-left: 0;
        line-height: 60px
    }
    .slotwrapper {
        margin: 5px 0
    }
    .positionheight {
        height: 50px
    }
    .herotexttwo.hiddentext {
        position: absolute;
        top: 85px;
        left: 0;
        right: 0;
        -webkit-transition: all .5s;
        transition: all .5s
    }
    .herotextone.hiddentext {
        position: absolute;
        top: -85px;
        left: 0;
        right: 0;
        -webkit-transition: all .5s;
        transition: all .5s
    }
    .herotextone.visibletext,
    .herotexttwo.visibletext {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        -webkit-transition: all .5s;
        transition: all .5s
    }
    .hoverlogo img {
        padding: 20px 0;
        max-width: 60%
    }
    footer .col-md-12,
    footer .col-sm-6 {
        width: 100vw;
        height: auto
    }
    .zweizueins .col-xs-12 {
        width: 100%
    }
    .zweizueins .col-md-6 .teaserbild img {
        width: 200%;
        margin-left: -50%
    }
    .zweizueins .col-md-6 img.teaserlinks {
        width: 200%;
        margin-left: 0
    }
    .zweizueins .col-md-6 img.teasermittelinks {
        width: 200%;
        margin-left: -30%
    }
    .zweizueins .col-md-6 img.teasermitte {
        width: 200%;
        margin-left: -50%
    }
    .zweizueins .col-md-6 img.teasermitterechts {
        width: 200%;
        margin-left: -80%
    }
    .zweizueins .col-md-6 img.teaserrechts {
        width: 200%;
        margin-left: -100%
    }
    .zweizueins .col-md-6 .text-center {
        padding: 0 20px
    }
    .herotextfour.visibletexttwo,
    .herotextone.visibletextone,
    .herotextthree.visibletexttwo,
    .herotexttwo.visibletextone {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0 auto;
        right: 0;
        -webkit-transition: all .5s;
        transition: all .5s
    }
    .textrahmen {
        float: none
    }
    .text-center {
        padding: 0 25px
    }
    .butterhaltung::before {
        position: relative;
        left: 5%;
        background-size: contain;
        display: inline-block;
        width: 60%;
        min-height: 180px;
        background-repeat: no-repeat
    }
    .unserekundenlogos {
        height: 100px
    }
    .unserekundenlogos img {
        max-height: 70px
    }
    #c118 .col-xs-12 {
        width: 50%
    }
    .paddingobenunten {
        padding: 60px 0
    }
    .paddingunten60 {
        padding-bottom: 30px
    }
    .paddingoben60 {
        padding-top: 30px
    }
    .paddingobenunten10030 {
        padding-top: 50px;
        padding-bottom: 15px
    }
    .paddingoben {
        padding-top: 60px
    }
    .paddingoben30,
    .paddingobenunten30 {
        padding-top: 15px
    }
    .paddingunten {
        padding-bottom: 60px
    }
    .paddingobenunten30,
    .paddingunten30 {
        padding-bottom: 15px
    }
    .padding50,
    .padding50100 {
        padding-top: 25px
    }
    .paddingunten100 {
        padding-bottom: 30px
    }
    .padding50100 {
        padding-bottom: 60px
    }
    .filterbutton,
    .filterbutton-job {
        font-size: 20px;
        margin: 7px
    }
    .jobs3 {
        padding-top: 30px
    }
    .jobs3 .butterbutton {
        display: table;
        margin: 0 auto 50px
    }
}

.slick-slide img,
.slider {
    width: 100%
}

@media (min-width:992px) and (max-width:1200px) {
    .zweizueins .hoverteaser h3 {
        font-size: 1.2em
    }
}

.slider {
    height: 50vh;
    margin: 100px auto
}

.slick-slide {
    margin: 0;
    border: 1px solid red
}

@media(max-width:600px) {
    .slick-slide {
        margin: 0
    }
}

.clear {
    margin-bottom: 0 !important
}

.dcsns li,
.dcsns ul {
    padding: 0;
    margin: 0;
    list-style: none !important;
    background: 0 0
}

.dcsns ul {
    width: 100% !important
}

.socicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: socicon;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 20px
}

.socicon:empty {
    width: 1em
}

[class*=" socicon-"]:before,
[class^=socicon-]:before {
    font-family: socicon !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.dcsns h1,
.dcsns h2,
.dcsns h3,
.stream li {
    line-height: 1.35em
}

.dcsns-li .socicon {
    position: absolute;
    bottom: 4px;
    left: 8px;
    z-index: 3;
    top: auto
}

.dcsns {
    color: #444;
    list-style: none;
    margin: 0;
    clear: both;
    height: calc(50vw - 1px);
    overflow: hidden
}

.dcsns h1 {
    width: auto;
    position: relative
}

.dcsns-content {
    position: relative;
    padding: 0
}

.dcsns-loading {
    background: url(../images/loading_light.gif) no-repeat;
    height: 24px;
    padding: 6px 0 0 30px;
    position: absolute;
    top: 10px;
    left: 10px
}

.dcsns-toolbar .dcsns-loading {
    right: 10px;
    left: auto
}

.stream {
    margin: 0 auto !important
}

.stream p {
    margin: 0;
    padding: 0
}

.stream li a {
    color: #fff;
    width: 100%;
    height: 100%;
    display: block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.stream li .socialtextposition a {
    width: auto;
    height: auto;
    color: #fff !important;
    font-weight: bolder;
    display: inline
}

.stream li {
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    font-size: 11px;
    padding: 15px 0 35px;
    width: 224px;
    position: relative;
    margin: 0 12px 12px 0;
    font-family: Arial, sans-serif
}

.stream li .inner {
    overflow: hidden;
    padding: 0 15px
}

.stream li .icon {
    position: absolute;
    left: 3px;
    bottom: 0;
    z-index: 3
}

.stream li .section-intro {
    padding: 7px 0;
    width: 100%;
    left: 0;
    bottom: 0;
    position: absolute;
    color: #fff;
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    z-index: 2
}

.stream li .clear {
    clear: both
}

.stream li .section-intro a {
    text-decoration: underline;
    color: #fff;
    margin-left: 35px
}

.stream li .section-title {
    display: block;
    font-weight: 700;
    margin-bottom: 3px
}

.stream li .section-title a {
    color: #555
}

.stream li .section-title a:hover {
    color: #2db6e8
}

.stream li .section-thumb {
    float: left;
    margin: 0 7px 0 0
}

.stream li .section-text img,
.stream li .section-thumb img {
    display: none
}

.stream li .section-thumb img {
    border: 1px solid #ccc;
    padding: 1px;
    background: #fff
}

.stream li .section-text {
    display: block;
    margin-bottom: 3px
}

.stream li .meta span,
.stream li .section-user {
    margin: 0 8px 5px 0;
    line-height: 12px;
    float: left;
    display: block
}

.stream li .section-text br {
    display: block
}

.stream li .section-user {
    clear: both;
    font-style: italic;
    padding: 7px 0 0 15px;
    background: url(../images/profile.png) 0 7px no-repeat
}

.stream li .meta {
    display: block;
    font-size: 90%;
    color: #999
}

.stream li .meta span {
    padding: 0 0 0 15px
}

.meta span.shares {
    background: url(../images/shares.png) no-repeat;
    padding-left: 20px
}

.meta span.views {
    background: url(../images/views.png) no-repeat;
    padding-left: 18px
}

.meta span.likes {
    background: url(../images/likes.png) no-repeat;
    padding-left: 16px
}

.meta span.comments {
    background: url(../images/comments.png) no-repeat
}

.meta span.users {
    background: url(../images/users.png) no-repeat
}

.meta span.videos {
    background: url(../images/videos.png) no-repeat;
    padding-left: 16px
}

.stream li .section-meta {
    display: block;
    margin: 0;
    padding: 0;
    clear: both
}

.stream li .meta.item-comments {
    padding: 0 0 0 35px;
    margin: 0 0 5px;
    min-height: 30px;
    position: relative;
    clear: both;
    line-height: 1.3em
}

.stream li .meta.item-comments img {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px
}

.stream li .meta.item-likes {
    padding: 0;
    width: 100%;
    overflow: hidden;
    clear: both;
    line-height: 1.3em
}

.stream li .meta.item-likes img {
    float: left;
    margin: 0 5px 5px 0;
    width: 30px;
    border: 1px solid #ddd;
    padding: 1px;
    background: #fff
}

.stream li.dcsns-error {
    color: #900
}

.stream li .section-share {
    display: block;
    margin: 0 0 5px;
    padding: 4px 0 0;
    float: right
}

.stream li .section-share a {
    display: block;
    width: 16px;
    height: 16px;
    float: left;
    margin: 0 2px 0 0;
    background: url(../images/share.png) no-repeat
}

.stream li .section-share a.share-twitter {
    background-position: 0 -16px
}

.stream li .section-share a.share-reply {
    background-position: 0 -32px
}

.stream li .section-share a.share-retweet {
    background-position: 0 -48px
}

.stream li .section-share a.share-favorite {
    background-position: 0 -64px
}

.stream li .section-share a.share-google {
    background-position: 0 -80px
}

.stream li .section-share a.share-linkedin {
    background-position: 0 -96px
}

.stream li .section-share a.share-facebook:hover {
    background-position: -16px 0
}

.stream li .section-share a.share-twitter:hover {
    background-position: -16px -16px
}

.stream li .section-share a.share-reply:hover {
    background-position: -16px -32px
}

.stream li .section-share a.share-retweet:hover {
    background-position: -16px -48px
}

.stream li .section-share a.share-favorite:hover {
    background-position: -16px -64px
}

.stream li .section-share a.share-google:hover {
    background-position: -16px -80px
}

.stream li .section-share a.share-linkedin:hover {
    background-position: -16px -96px
}

.stream li.dcsns-twitter .section-share .share-facebook,
.stream li.dcsns-twitter .section-share .share-google,
.stream li.dcsns-twitter .section-share .share-linkedin,
.stream li.dcsns-twitter .section-share .share-twitter {
    display: none
}

.dcsns-toolbar {
    padding: 0;
    width: 100%;
    overflow: hidden;
    position: relative
}

#wall {
    padding-top: 15px
}

#wall .dcsns-toolbar {
    margin-bottom: 25px
}

#dcsns-filter.dc-center {
    float: none;
    padding-left: 0;
    display: none;
    margin: 0;
    padding-bottom: 40px
}

.dcsns-toolbar .filter {
    padding: 0;
    margin: 0 0 15px
}

.dcsns-toolbar .filter li {
    display: inline;
    background: 0 0;
    padding: 0;
    margin: 0
}

ul#dcsns-filter {
    margin-left: unset !important;
    text-align: initial;
    display: inline-block !important;
    padding: 0
}

.dcsns-toolbar .filter .link-all {
    color: #000;
    font-weight: 700
}

.dcsns-toolbar .filter li a {
    display: block;
    float: left;
    margin: 0 50px
}

.dcsns-toolbar .filter li img {
    margin: 0;
    height: 40px
}

.dcsns .controls {
    position: absolute;
    right: 0;
    top: 7px;
    height: 22px;
    padding: 0;
    z-index: 12
}

.dcsns .controls li {
    display: inline;
    background: 0 0
}

.dcsns .controls a {
    display: block;
    width: 22px;
    height: 22px;
    float: left;
    margin: 0 0 0 2px;
    background: url(../images/controls.png) no-repeat
}

.dcsns .controls .prev {
    background-position: -44px 0
}

.dcsns .controls .next {
    background-position: -66px 0
}

.dcsns .controls .play {
    background-position: 0 0
}

.dcsns .controls .pause {
    background-position: -22px 0
}

.dcsns .controls .prev:hover {
    background-position: -44px -22px
}

.dcsns .controls .next:hover {
    background-position: -66px -22px
}

.dcsns .controls .play:hover {
    background-position: 0 -22px
}

.dcsns .controls .pause:hover {
    background-position: -22px -22px
}

.stream li.dcsns-facebook .section-thumb img {
    max-width: 192px;
    margin-bottom: 5px
}

.stream li.dcsns-facebook .section-text img,
.stream li.dcsns-facebook .section-thumb img {
    display: block
}

.stream li.dcsns-facebook .section-text img {
    margin: 5px 7px 5px 0;
    float: left;
    border: 1px solid #ddd;
    padding: 1px;
    background: #fff;
    max-width: 192px
}

.stream li.dcsns-facebook .section-text a {
    margin-right: 4px;
    color: #444
}

.stream li.dcsns-facebook .section-text-fb a {
    display: none
}

.stream li.dcsns-facebook .meta {
    display: block;
    clear: both
}

.stream li.dcsns-facebook .meta.item-comments {
    padding: 0;
    min-height: auto
}

.stream li.dcsns-facebook .meta.item-comments a {
    display: block;
    margin: 0 0 2px
}

.stream li.dcsns-facebook .share-facebook {
    display: none
}

.stream li.dcsns-twitter .section-thumb {
    margin-top: 3px
}

.stream li.dcsns-twitter .section-thumb img {
    width: 48px;
    height: 48px;
    display: block
}

.stream li.dcsns-twitter .section-user {
    padding: 0;
    background: 0 0
}

.stream li.dcsns-twitter .section-text img {
    margin: 5px 0 0;
    border: 1px solid #ddd;
    padding: 1px;
    background: #fff;
    max-width: 192px
}

.stream li.dcsns-twitter a {
    color: #38aeae
}

.stream li.dcsns-twitter .section-intro a,
.stream li.dcsns-twitter .section-intro a:hover {
    color: #fff
}

.stream li.dcsns-twitter .section-intro span a {
    text-decoration: none;
    margin-left: 0
}

.stream li.dcsns-twitter .section-intro span a:hover {
    text-decoration: underline
}

.stream li.dcsns-twitter a:hover {
    color: #38aeae;
    text-decoration: underline
}

.stream li.dcsns-twitter .twitter-user {
    margin-bottom: 2px;
    display: block
}

.stream li.dcsns-google .section-title,
.stream li.dcsns-vimeo .section-text {
    margin-bottom: 5px
}

.stream li.dcsns-twitter .twitter-user a {
    color: #999;
    line-height: 1.35em
}

.stream li.dcsns-twitter .twitter-user a:hover {
    color: #999;
    text-decoration: none
}

.stream li.dcsns-twitter .twitter-user a strong {
    color: #444
}

.stream li.dcsns-twitter .twitter-user a:hover strong {
    color: #38aeae !important;
    text-decoration: underline
}

.dcsns .stream li.dcsns-google .section-thumb img {
    max-width: 192px
}

.stream li.dcsns-google .meta span.plusones {
    padding-left: 0
}

.stream li.dcsns-rss .section-thumb img {
    max-width: 192px
}

.stream li.dcsns-rss .section-text img {
    border: 1px solid #ddd;
    padding: 1px;
    background: #fff;
    max-width: 192px
}

.dcsns .stream li.dcsns-stumbleupon .section-title {
    display: block;
    clear: both
}

.dcsns .stream li.dcsns-stumbleupon .section-thumb img,
.stream li.dcsns-vimeo .section-thumb img,
.stream li.dcsns-youtube .section-thumb img {
    max-width: 192px
}

.dcsns .stream li.dcsns-vimeo .section-title {
    display: block;
    clear: both
}

.stream li.dcsns-vimeo .section-text .meta {
    padding-top: 5px
}

.stream li.dcsns-vimeo .logo {
    margin-bottom: 3px
}

.stream li.dcsns-flickr .section-thumb {
    margin: 0
}

.stream li.dcsns-flickr .section-thumb img {
    max-width: 192px
}

.stream li.dcsns-pinterest .section-thumb {
    display: block
}

.stream li.dcsns-pinterest .section-text {
    clear: both
}

.stream li.dcsns-pinterest .section-thumb img {
    width: 190px
}

.stream li.dcsns-dribbble .inner img {
    margin-bottom: 5px;
    max-width: 192px
}

.stream li.dcsns-lastfm .section-title {
    background: url(../images/tracks.png) no-repeat;
    padding-left: 17px;
    margin-bottom: 0
}

.stream li.dcsns-deviantart .section-thumb {
    display: block;
    float: none
}

.stream li.dcsns-deviantart .section-thumb img {
    max-width: 192px
}

.stream li.dcsns-tumblr .section-text img {
    margin: 0 7px 5px 0;
    float: left;
    border: 1px solid #ddd;
    padding: 1px;
    background: #fff;
    max-width: 192px
}

.stream li.dcsns-tumblr .track {
    display: block;
    background: url(../images/tracks.png) 0 5px no-repeat;
    padding: 5px 0 0 17px;
    margin-bottom: 0
}

.stream li.dcsns-instagram {
    padding-bottom: 40px
}

.stream li.dcsns-instagram .section-title {
    font-weight: 400;
    clear: both
}

.stream li.dcsns-instagram .section-thumb img {
    margin: 0 7px 5px 0;
    float: left;
    border: 1px solid #ddd;
    padding: 1px;
    background: #fff;
    max-width: 192px
}

.stream li.dcsns-instagram .meta {
    clear: both
}

.stream li.dcsns-instagram .section-meta .meta .comments,
.stream li.dcsns-instagram .section-meta .meta .likes {
    margin: 0 0 5px;
    padding-top: 5px;
    background-position: 0 5px;
    float: none;
    font-size: 100%;
    font-weight: 700
}

.stream li.dcsns-vine {
    padding-bottom: 40px
}

.stream li.dcsns-vine .section-title {
    font-weight: 400;
    clear: both
}

.stream li.dcsns-vine .section-thumb img {
    margin: 0 7px 5px 0;
    float: left;
    border: 1px solid #ddd;
    padding: 1px;
    background: #fff;
    max-width: 192px
}

.stream li.dcsns-vine .meta {
    clear: both
}

.stream li.dcsns-vine .section-meta .meta .comments,
.stream li.dcsns-vine .section-meta .meta .likes {
    margin: 0 0 5px;
    padding-top: 5px;
    background-position: 0 5px;
    float: none;
    font-size: 100%;
    font-weight: 700
}

.stream li.dcsns-foursquare .section-thumb img {
    max-width: 192px;
    margin-bottom: 5px;
    display: block
}

.modern .stream li {
    box-shadow: 0 0 0 rgba(0, 0, 0, .5);
    padding: 0;
    width: 25%;
    margin: 0;
    font-size: 14px;
    text-align: center;
    word-wrap: break-word
}

.modern .stream li .inner {
    padding: 0
}

.modern .stream li .section-thumb {
    margin: 0 0 20px;
    display: block;
    width: 100%;
    height: 100%
}

.modern .stream li .section-thumb img {
    max-width: 100% !important;
    width: 100% !important;
    background: 0 0;
    border: none;
    padding: 0;
    margin: 0
}

.modern .stream li.dcsns-twitter .section-thumb {
    float: left
}

.modern .stream li.dcsns-twitter .section-thumb img {
    display: block;
    height: 48px !important;
    width: 48px !important
}

.modern .twitter-user {
    margin-top: 20px
}

.modern .twitter-text {
    clear: both;
    display: block
}

.modern .stream li.dcsns-tumblr .inner {
    padding-top: 20px
}

.modern .stream li .section-title {
    font-weight: 400
}

.modern .stream li .section-text,
.modern .stream li .section-title,
.modern .stream li .section-user {
    padding: 0 20px;
    margin: 0 0 20px
}

.modern .stream li .section-text {
    padding: 0 20px;
    background-color: rgba(227, 0, 27, .8);
    height: 100%;
    margin: 0 !important;
    color: #fff;
    opacity: 0;
    width: 100%;
    pointer-events: none;
    position: relative;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.socialtextposition {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 30px;
    width: 100%;
    text-align: center;
    left: 0
}

.modern .stream li .inner:hover .section-text {
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    opacity: 1
}

.modern .stream li.dcsns-twitter .inner .section-text {
    -webkit-transition: background-color .5s;
    transition: background-color .5s;
    opacity: 1;
    background-color: transparent
}

.modern .stream li.dcsns-twitter .inner:hover .section-text {
    -webkit-transition: background-color .5s;
    transition: background-color .5s;
    background-color: rgba(227, 0, 27, .8)
}

.modern .stream li .inner {
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    width: 25vw;
    height: 25vw
}

.modern .stream li .inner .section-text .modern .stream li .section-text img {
    max-width: 100% !important;
    width: 100% !important;
    background: 0 0;
    border: none;
    padding: 0;
    float: none;
    margin: 0
}

.modern .stream li .meta {
    display: none
}

.modern .stream li .section-user {
    font-size: 12px;
    background: 0 0;
    float: none;
    text-align: center
}

.modern .stream li .section-intro {
    padding: 10px 0;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    position: relative;
    display: none
}

.modern .stream li .section-intro a {
    margin: 0;
    text-decoration: none;
    padding: 0 5px
}

.modern .stream li .section-intro span {
    font-size: 12px
}

.modern .stream li .section-intro a.link-user {
    display: block
}

.modern .stream li .section-intro a.link-user:hover {
    color: #38aeae
}

.modern .stream li .section-intro a.link-intro,
.modern .stream li .section-user {
    display: none
}

.modern .stream li .section-share {
    margin: 0 20px 20px 0;
    padding: 0
}

.modern .stream li .socicon {
    position: absolute;
    bottom: 15px;
    left: 15px;
    font-size: 24px
}

.modern .stream li.dcsns-lastfm .section-title {
    background: url(../images/tracks.png) 20px 3px no-repeat;
    padding-left: 37px
}

.modern .stream li.dcsns-instagram .section-thumb img {
    margin-bottom: 20px
}

.modern.dark .stream li,
.modern.dark .stream li .section-intro a,
.modern.dark .stream li .section-intro span,
.modern.dark .stream li .section-text a,
.modern.dark .stream li .section-user,
.modern.dark .stream li .socicon,
.modern.dark .stream li.dcsns-twitter .twitter-user a strong {
    color: #fff
}

.modern.dark .stream li .section-intro a:hover,
.modern.dark .stream li .section-text a:hover,
.modern.dark .stream li .section-title a:hover,
.stream li.dcsns-twitter .twitter-user a:hover strong {
    color: #4ec2dc
}

.modern.dark .stream li {
    background-color: #393939
}

.modern.dark .stream li .section-title a {
    color: #fff
}

.modern.dark .stream li .section-intro {
    background: #2c2c2c !important
}

.modern.light .stream li .section-intro a:hover,
.modern.light .stream li .section-text a:hover,
.modern.light .stream li .section-title a:hover,
.stream li.dcsns-twitter .twitter-user a:hover strong {
    color: #38aeae
}

.modern.light .stream li {
    background-color: #fff;
    overflow: hidden
}

.modern.light .stream li .section-intro {
    background: #ececec !important
}

.modern.light .stream li,
.modern.light .stream li .section-intro a,
.modern.light .stream li .section-intro span {
    color: #494949
}

.modern.light .stream li .socicon {
    color: #fff
}

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: .8s;
    transition-duration: .8s
}

.isotope {
    -webkit-transition-property: height, width;
    transition-property: height, width
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

.isotope .isotope-item.no-transition,
.isotope.no-transition,
.isotope.no-transition .isotope-item {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

#c2268 ul {
    padding: 0
}

#c2268 ul li {
    list-style-type: none;
    margin-bottom: 10px
}

#c2268 ul li a {
    border-bottom: 2px solid #333
}

.cc-window {
    opacity: 1;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease
}

.cc-window.cc-invisible {
    opacity: 0
}

.cc-animate.cc-revoke {
    -webkit-transition: -webkit-transform 1s ease;
    transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease, -webkit-transform 1s ease;
    transition: transform 1s ease, -webkit-transform 1s ease
}

.cc-animate.cc-revoke.cc-top {
    -webkit-transform: translateY(-2em);
    transform: translateY(-2em)
}

.cc-animate.cc-revoke.cc-bottom {
    -webkit-transform: translateY(2em);
    transform: translateY(2em)
}

.cc-animate.cc-revoke.cc-active.cc-bottom,
.cc-animate.cc-revoke.cc-active.cc-top,
.cc-revoke:hover {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.cc-grower {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 1s;
    transition: max-height 1s
}

.cc-link,
.cc-revoke:hover {
    text-decoration: underline
}

.cc-revoke,
.cc-window {
    position: fixed;
    overflow: hidden;
    box-sizing: border-box;
    font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    z-index: 9999
}

.cc-window.cc-static {
    position: static
}

.cc-window.cc-floating {
    padding: 2em;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.cc-window.cc-banner {
    padding: 1em 1.8em;
    width: 100%;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row
}

.cc-revoke {
    padding: .5em
}

.cc-header {
    font-size: 18px;
    font-weight: 700
}

.cc-link {
    opacity: .8;
    display: inline-block;
    padding: .2em
}

.cc-link:hover {
    opacity: 1
}

.cc-link:active,
.cc-link:visited {
    color: initial
}

.cc-btn {
    display: block;
    padding: .4em .8em;
    font-size: .9em;
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    text-align: center
}

.cc-highlight .cc-btn:first-child {
    background-color: transparent;
    border-color: transparent
}

.cc-highlight .cc-btn:first-child:focus,
.cc-highlight .cc-btn:first-child:hover {
    background-color: transparent;
    text-decoration: underline
}

.cc-close {
    display: block;
    position: absolute;
    top: .5em;
    right: .5em;
    font-size: 1.6em;
    opacity: .9;
    line-height: .75
}

.cc-close:focus,
.cc-close:hover {
    opacity: 1
}

.cc-revoke.cc-top {
    top: 0;
    left: 3em;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em
}

.cc-revoke.cc-bottom {
    bottom: 0;
    left: 3em;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em
}

.cc-revoke.cc-left {
    left: 3em;
    right: unset
}

.cc-revoke.cc-right {
    right: 3em;
    left: unset
}

.cc-top {
    top: 1em
}

.cc-left {
    left: 1em
}

.cc-right {
    right: 1em
}

.cc-floating>.cc-link {
    margin-bottom: 1em
}

.cc-floating .cc-message {
    display: block;
    margin-bottom: 1em
}

.cc-window.cc-floating .cc-compliance {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1
}

.cc-window.cc-banner {
    -ms-flex-align: center;
    -webkit-box-align: center;
    -ms-grid-row-align: center;
    align-items: center
}

.cc-banner.cc-top {
    left: 0;
    right: 0;
    top: 0
}

.cc-banner.cc-bottom {
    left: 0;
    right: 0;
    bottom: 0
}

.cc-banner .cc-message {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1
}

.cc-compliance {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.cc-compliance>.cc-btn {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1
}

.cc-btn+.cc-btn {
    margin-left: .5em
}

@media print {
    .cc-revoke,
    .cc-window {
        display: none
    }
}

@media screen and (max-width:900px) {
    .cc-btn {
        white-space: normal
    }
}

@media screen and (max-width:414px) and (orientation:portrait),
screen and (max-width:736px) and (orientation:landscape) {
    .cc-window.cc-top {
        top: 0
    }
    .cc-window.cc-bottom {
        bottom: 0
    }
    .cc-window.cc-banner,
    .cc-window.cc-left,
    .cc-window.cc-right {
        left: 0;
        right: 0
    }
    .cc-window.cc-banner {
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
    .cc-window.cc-banner .cc-compliance {
        -ms-flex: 1;
        -webkit-box-flex: 1;
        flex: 1
    }
    .cc-window.cc-floating {
        max-width: none
    }
    .cc-window .cc-message {
        margin-bottom: 1em
    }
    .cc-window.cc-banner {
        -ms-flex-align: unset;
        -webkit-box-align: unset;
        -ms-grid-row-align: unset;
        align-items: unset
    }
}

.cc-floating.cc-theme-classic {
    padding: 1.2em;
    border-radius: 5px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
    text-align: center;
    display: inline;
    -ms-flex: none;
    -webkit-box-flex: 0;
    flex: none
}

.cc-theme-classic .cc-btn {
    border-radius: 5px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
    display: inline-block
}

.cc-theme-edgeless.cc-window {
    padding: 0
}

.cc-floating.cc-theme-edgeless .cc-message {
    margin: 2em 2em 1.5em
}

.cc-banner.cc-theme-edgeless .cc-btn {
    margin: 0;
    padding: .8em 1.8em;
    height: 100%
}

.cc-banner.cc-theme-edgeless .cc-message {
    margin-left: 1em
}

.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn {
    margin-left: 0
}

.outterjobwrapper ul {
    padding-left: 0;
}