@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('/assets/fonts/roboto-v19-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Roboto'), local('Roboto-Regular'),
    url('/assets/fonts/roboto-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/assets/fonts/roboto-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('/assets/fonts/roboto-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('/assets/fonts/roboto-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/assets/fonts/roboto-v19-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
html, body {
    background: #fff;
    color: #333;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    height: 100%;
}
h1, h2, h3 {
    text-transform: uppercase;
}
a {
    color: #999;
    text-decoration: underline;
}
a:hover, a:focus {
    color: #333;
    text-decoration: none;
}
.canvas {
    position: relative;
    min-height: auto;
    top: -17px;
    z-index: 4;
}
.well {
    background: #f5f5f5;
}
.list-group-item {
    color: #333;
}
.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th,
.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
    background-color: transparent;
    color: #707070;
}
.page-content {
    margin: 0;
    padding: 10px 0 15px 0;
    min-height: inherit;
}

.SFCTeaser.to-die-for {
    margin: 30px 0 10px;
}
.SFCTeaser.to-die-for > img {
    animation: neonGlow 3s infinite;
}
@keyframes neonGlow {
    0%,12%,25%,40%,80% {
        opacity: 1
    }

    5% {
        opacity: .5
    }

    20% {
        opacity: .8
    }

    30% {
        opacity: .3
    }

    60% {
        opacity: .6
    }

    100% {
        opacity: .65
    }
}

.SFCPageHeader {
    width: 100%;
    background: #fff;
    color: #000;
    margin-bottom: 0;
    /* margin-top: 50px; */
    margin-bottom: 20px;
}

.SFCPageHeadNavigation .navbar-header {
    float: none;
}
.SFCPageHeadNavigation .navbar-body {
    position: absolute;
    right: 0;
    top: 0;
}
.SFCPageHeadNavigation .navbar-brand {
    height: auto !important;
    margin: 0;
}
.navbar-brand > img {
    display: inline-block;
}
.navbar-brand .logo.desktop {
    width: 180px;
    height: auto;
}
.navbar-brand .logo.mobile {
    width: 99%;
    height: auto;
    margin-top: 3.5%;
}
.SFCEyecatcher {
    padding: 15px 0;
}
.SFCEyecatcher a {
    display: inline-block;
}
.SFCEyecatcher,
.SFCTeaserList.row {
    margin: 0 auto;
}
.SFCNavigation .nav > li > a {
    color: #555;
    font-size: 12px;
    padding: 10px;
}
.SFCPageHeadNavigation.navbar-default {
    background: #fff;
    margin-bottom: 26px;
}
.SFCPageHeadNavigation .navbar-body {
    text-align: right;
    margin-top: 15px;
    text-transform: uppercase;
    top: 36px;
    z-index: 3;
    /* margin-bottom: 20px; */
}
.SFCPageHeadNavigation .navbar-nav {
    display: inline-block;
    float: none;
}

.SFCPageHeadNavigation .navbar-nav > li > a {
    color: #555;
}
.SFCPageHeadNavigation .navbar-nav > .active > a,
.SFCPageHeadNavigation .navbar-nav > li > a:hover,
.SFCPageHeadNavigation .navbar-nav > li > a:focus,
.SFCPageHeadNavigation .navbar-nav > .active > a:hover,
.SFCPageHeadNavigation .navbar-nav > .active > a:focus {
    color: #b94e48;
}

/*
.SFCPageMainNavigation .navbar-nav > .active > a,
.SFCPageMainNavigation .navbar-nav > .active > a:hover,
.SFCPageMainNavigation .navbar-nav > .active > a:focus {
    color: #000;
    background-color: #b94e48;
}
*/

.navbar-btn {
    font-size: 32px;
    color: #000;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {

    color: #000;
    background-color: #b94e48;
    border-color: #b94e48;
}

.SFCOffCanvasNavigation {
    background-color: #fff;
    color: #000;
    padding-top: 90px;
}
.SFCOffCanvasNavigation .nav > li > a {
    font-size: 14px;
}
.SFCOffCanvasNavigation .nav > li > a:hover,
.SFCOffCanvasNavigation .nav > li > a:focus,
.SFCOffCanvasNavigation .nav > li.active > a,
.SFCOffCanvasNavigation .nav > li.active > a:hover,
.SFCOffCanvasNavigation .nav > li.active > a:focus {
    background-color: transparent;
    color: #62676d;
}
.SFCOffCanvasNavigation .nav > li:last-child {
    border: none;
}
.SFCSubNavigation > ul > li > a {
    background: transparent;
    color: #555;
}
.SFCSubNavigation > ul > li > a:hover,
.SFCSubNavigation > ul > li > a:focus,
.SFCSubNavigation > ul > li.active > a,
.SFCSubNavigation > ul > li.active > a:hover,
.SFCSubNavigation > ul > li.active > a:focus {
    background: #DBDBDB;
    color: #62676d;
}
.SFCSubNavigation > ul > li > span.title {
    background: #555;
    color: #fff;
}
.SFCPageFooter {
    margin: 60px 0 0 0;
    padding: 0;
    background: #99988d;
    min-height: 300px;
}
.SFCPageFooter > .container {
    background-color: transparent;
    color: #555;
}
.SFCPageFooter .footer-content {
    padding: 20px 0 20px 0;
    position: relative;
    text-align: center;
}
.SFCPageFooterInfo {
    background: url('img/brav3logo.png')  no-repeat right top !important;
    position: absolute;
    top: 160px;
    left: calc(50% - 42px);
    background-size: cover !important;
    height: 85px !important;
    padding-bottom: 50px;
 }
.SFCPageFooterNavigation {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.SFCPageFooterNavigation ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.SFCPageFooterNavigation > .nav > li > a,
.SFCPageFooterNavigation > .nav > li > a:hover,
.SFCPageFooterNavigation > .nav > li > a:focus,
.SFCPageFooterNavigation > .nav > li.active > a,
.SFCPageFooterNavigation > .nav > li.active > a:hover,
.SFCPageFooterNavigation > .nav > li.active > a:focus{
    background: transparent;
    font-size: 14px;
    color: #FFF;
    line-height: 0.8;
}

.SFCPageFooterNavigation > .nav > li > a:hover,
.SFCPageFooterNavigation > .nav > li > a:focus,
.SFCPageFooterNavigation > .nav > li.active > a:hover,
.SFCPageFooterNavigation > .nav > li.active > a:focus {
    color: #62676d;
}

.SFCInfo p {
    line-height: inherit;
    text-transform: none;
}
.thumbnail {
    border: none;
}
.emblem {
    background: #000;
    color: #fff;
    padding: 5px 10px;
    text-transform: uppercase;
    border-radius: 0; 
  
}
.SFCDetail .emblem {
    bottom: 40px;
}


/* .emblem-new {display: none;} */


.emblem-soldout, .SFCDetail .emblem-soldout {
    top: 50%;
    left: 0;
    bottom: auto;
    width: 100%;
    background: rgba(146, 156, 157, 0.75);
    color: #000;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
}
.SFCProductListItem {
    background: transparent;
}
.SFCProductListItem .caption {
    text-align: center;
}
.SFCProductListItem .artist, .SFCProductListItem .title {
    font-size: 16px;
}
.SFCProductListItem .price {
    font-size: 16px;
}

.SFCDetail h2.title {
    font-size: 16px;
}

.SFCDetail .btn.variant {
    font-weight:300;
    font-size: 14px;
}

.row.social {
    display:none;
}

.btn.disabled {
    opacity: .25;
}
.btn-default
{
    color: #333;
    border-color: #333;
    background-color: #fff;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.active,
.btn-default:active,
.btn-default:active:hover,
.btn-default.active:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.btn-default:active.focus,
.btn-default.active.focus {
    color: #000;
    background-color: #b94e48;
    border-color: #b94e48;
    box-shadow: none;
}

.btn-primary {
    color: #fff;
    background-color: #b94e48;
    border-color: #b94e48;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.btn-primary:active,
.btn-primary.active {
    background: #32697f;
    border-color: #000;
    color: #fff;
}
.text-danger {
    color: #bd0d27;
}
.form-control {
    color: #555;
    background: #f9f9f9;
    border-color: #ccc;
}
.form-control:focus {
    border-color: #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(112, 112, 112, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(112, 112, 112, 0.6);
}
.label-availability {
    text-overflow: ellipsis;
    overflow: hidden;
}

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

    .SFCPageMainNavigation ul.nav {
        margin-left: -10px
    }
    .SFCTeaserList {
        width: 750px;
    }
    .SFCTeaserList.row {
        padding: 0 15px;
    }
    .SFCCartDisplay .controls .col-sm-offset-4,
    .SFCCartDisplay header.row .col-sm-offset-4 {
        margin-left: 20%;
    }
    .SFCCartDisplay .controls .col-md-3,
    .SFCCartDisplay header.row .col-md-3 {
        width: 40%;
    }
    .SFCProductListItem > .visual img {
        width: 294px;
        object-fit: cover;
        height: 408px !important;
    }
    /* Maske 
    a.art-132802.SFCProductListItem .visual .img {
        height: 300px !important;
        margin: 54px 0px;
    }
    .SFCProductListItem {
        width: 294px;
        margin: 0 auto;
    }
}
@media screen and (min-width: 992px) {
    .SFCTeaserList {
        width: 970px;
    }
    .SFCCartDisplay .controls .col-md-offset-6,
    .SFCCartDisplay header.row .col-md-offset-6 {
        margin-left: 25%;
    }
    .SFCCartDisplay .controls .col-md-3,
    .SFCCartDisplay header.row .col-md-3 {
        width: 25%;
    }
    .SFCProductList > .col-md-3 {
        width: 25%;
    }
    .SFCProductListItem > .visual img {
        width: 345px;
        object-fit: cover;
        height: 480px !important;  } /* müsste eigentlich 500px sein, aber dann skalieren wir Bilder hoch */
    
    /* Maske 
    a.art-132802.SFCProductListItem .visual .img {
        height: 300px !important;
        margin: 90px 0px;
    }

    .SFCProductListItem {
        width: 345px;
        margin: 0 auto;
    }
}
@media screen and (min-width: 1200px) {
    .SFCTeaserList {
        width: 1170px;
    }
    .SFCProductListItem > .visual img {
        width: 345px;
        object-fit: cover;
        height: 480px !important; } /* müsste eigentlich 500px sein, aber dann skalieren wir Bilder hoch */
    
    /* Maske 
    a.art-132802.SFCProductListItem .visual .img {
        height: 300px !important;
        margin: 90px 0px;
    }
    .SFCProductListItem {
        width: 345px;
        margin: 0 auto;
    }
}
@media screen and (max-width: 767px) {
    .SFCProductListItem > .visual img {
        width: calc(50vw - 30px);
        object-fit: cover;
        height: calc(75vw - 45px) !important;
    }
    /* Maske 
    a.art-132802.SFCProductListItem .visual .img {
        height: calc(50vw - 45px) !important;
        margin: 12.5vw 0;
    }
    .SFCPageFooter .container {
        padding: 0;
    }
    .SFCPageHeader {
        position: fixed;
    }
    .canvas {
        padding-top: 60px;
    }
}
@media screen and (max-width: 480px) {
    .SFCPageFooter .SFCPageFooterInfo {
        right: 15px;
    }
}
@media screen and (max-width: 467px) {
    .SFCProductListItem > .visual img {
        width: 345px;
        object-fit: cover;
        height: 480px !important;
    }
    /* Maske 
    a.art-132802.SFCProductListItem .visual .img {
        height: 300px !important;
        margin: 90px 0px;
    }
    .SFCProductListItem {
        width: 345px;
        margin: 0 auto;
    }
}


/* Startseite Logo und Produkte einblenden */
.SFPDefault div.navbar-header {
    -webkit-animation: fadein 0.8s; /* Safari, Chrome and Opera */
       -moz-animation: fadein 0.8s; /* Firefox */
        -ms-animation: fadein 0.8s; /* Internet Explorer */
         -o-animation: fadein 0.8s; /* Opera */
            animation: fadein 0.8s;
}
.SFPDefault div.SFCTeaserList.row {
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera */
       -moz-animation: fadein 1s; /* Firefox */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera */
            animation: fadein 1s;
}
.SFPDefault .SFCProductList a.thumbnail.SFCProductListItem .visual .img-container {
    -webkit-animation: fadein 1.4s; /* Safari, Chrome and Opera */
       -moz-animation: fadein 1.4s; /* Firefox */
        -ms-animation: fadein 1.4s; /* Internet Explorer */
         -o-animation: fadein 1.4s; /* Opera */
            animation: fadein 1.4s;
}
@keyframes fadein {    			from { opacity: 0.1; }    to   { opacity: 1; }}
@-moz-keyframes fadein {    	from { opacity: 0.1; }    to   { opacity: 1; }}
@-webkit-keyframes fadein {    	from { opacity: 0.1; }    to   { opacity: 1; }}
@-ms-keyframes fadein {    		from { opacity: 0.1; }    to   { opacity: 1; }}
@-o-keyframes fadein {    		from { opacity: 0.1; }    to   { opacity: 1; }}

.SFCCountdown .unit {font-weight: bold;}

/* Tabs fuer Partner Unterseite */

.warpper{
  display:flex;
  flex-direction: column;
  align-items: center;
}
.tab{
  cursor: pointer;
  padding:10px 20px;
  margin:0px 2px;
  background:#dbdada;
  display:inline-block;
  color:#fff;
  border-radius:3px 3px 0px 0px;
  box-shadow: 0 0.5rem 0.8rem #00000080;
  font-size: 10px;
}
.panels{
  background:#fffffff6;
  box-shadow: 0 2rem 2rem #00000080;
  min-height:200px;
  width:100%;
  max-width:1200px;
  border-radius:3px;
  overflow:hidden;
  padding:20px;  
}
.panel{
  display:none;
  animation: fadein .8s;
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
.panel-title{
  font-size:1.5em;
  font-weight:bold
}
.radio{
  display:none;
}
#one:checked ~ .panels #one-panel,
#two:checked ~ .panels #two-panel,
#three:checked ~ .panels #three-panel{
  display:block
}
#one:checked ~ .tabs #one-tab,
#two:checked ~ .tabs #two-tab,
#three:checked ~ .tabs #three-tab{
  background:#fffffff6;
  color:#000;
  border-top: 3px solid #000;
}

/* Lieferdatum ausblenden wegen Vorverkauf */
.SFCProductDetails .deliveryTimes {
    display: none;
}
.SFCProductDetails .material {
    margin-top: 20px;
}

/* Content Container auf Partner Seiten ausblenden */ 

.promotion-2680 .content-container { display: none; } 
.promotion-2683 .content-container { display: none; } 
.promotion-2767 .content-container { display: none; } 
.promotion-2768 .content-container { display: none; } 
.promotion-2769 .content-container { display: none; } 
.promotion-2895 .content-container { display: none; } 
.promotion-2896 .content-container { display: none; } 
.promotion-2934 .content-container { display: none; } 
.promotion-2989 .content-container { display: none; } 
.promotion-2992 .content-container { display: none; } 
.promotion-3322 .content-container { display: none; } 
.promotion-3349 .content-container { display: none; } 
.promotion-3510 .content-container { min-height: 100px; } 

/* Herkules Notification */
.SFCShopNotification .notification {background-color: #b94e48 ;border: 1px solid #000; margin-top: 0px; margin-bottom: 50px; text-align: center;}
.SFCShopNotification .notification a {color: #fff;}

.SFPDefault .SFCShopNotification .notification,
.promotion-2896 .SFCShopNotification .notification,
.promotion-2767 .SFCShopNotification .notification,
.promotion-2768 .SFCShopNotification .notification,
.promotion-2769 .SFCShopNotification .notification,
.promotion-2895 .SFCShopNotification .notification,
.promotion-2934 .SFCShopNotification .notification,
.promotion-2989 .SFCShopNotification .notification,
.promotion-2992 .SFCShopNotification .notification,
.promotion-2680 .SFCShopNotification .notification  {display: none;}

.eins_poster_in_store_banner {width: 98%; float: none; margin: auto; margin-top: 15px; }

/* Kategorie Grid mit Hover */

.eintrachtkat {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    height: 180px;
    max-height: 150px;
    grid-gap: 5px; 
    row-gap: 5px; 
  }
  
  .eintrachtkat div:nth-child(-n + 2) {
    width: 580px;
    height: 180px;
    
  }
  .eintrachtkat div:nth-child(n + 3) {
    height: 580px;
    width: calc(50% - 5px);
  }

.eintracht_spandau_kat_caps_hats {margin-top: 5px;}
.eintracht_spandau_kat_accessoires {margin-top: 5px;}

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

.eintracht_spandau_kat_accessoires, .eintracht_spandau_kat_caps_hats, .eintracht_spandau_kat_basics, .eintracht_spandau_kat_trikot
{display: none;} }

.eintracht_spandau_kat_accessoires_mobil, .eintracht_spandau_kat_caps_hats_mobil, .eintracht_spandau_kat_basics_mobil, .eintracht_spandau_kat_trikot_mobil
{margin-bottom: 5px;}

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

    .eintracht_spandau_kat_accessoires_mobil, .eintracht_spandau_kat_caps_hats_mobil, .eintracht_spandau_kat_basics_mobil, .eintracht_spandau_kat_trikot_mobil
    {display: none;} }

/* ============== */
/* TOP Navigation ganz oben eintracht-meta */

            .eintracht-meta {
                height: 36px;
                background: #b94e48;
                font-family: 'Work Sans', sans-serif;
                text-rendering: geometricPrecision;
                padding-right: 11px;
                padding-left: 11px;
                line-height: 20px;
                max-width: 100vw;
                font-size: 10px;
                /* position: fixed; */
                z-index: 99999!important;
                right: 0;
                left: 0;
                top: 0;
            }

            @media (min-width: 768px) {
                .eintracht-meta {
                    padding-left: 32px
                }
            }

            @media (min-width: 568px) {
                .eintracht-meta {
                    font-size: 12px;
                    margin-bottom: 20px;
                }
            }

            .eintracht-meta * {
                display: flex;
                flex-direction: row;
                justify-content: center
            }

            @media (min-width: 568px) {
                .eintracht-meta * {
                    display: inline-block;
                }
            }

            .eintracht-meta p {
                padding: 8px 8px 8px 0;
                color: rgba(255, 255, 255, 0.85);
                letter-spacing: 0.25px;
                font-weight: 400;
                cursor: default;
                display: none
            }

            @media (min-width: 768px) {
                .eintracht-meta p {
                    display: inline-block;
                    padding: 0 32px 0 0;
                    margin-bottom: 0;
                    margin-top: 8px
                }
            }

            .eintracht-meta ul {
                margin-top: 0;
                padding-left: 0
            }

            .eintracht-meta li a {
                display: inline-block;
                padding: 8px 6px;
                text-transform: uppercase;
                color: rgba(255, 255, 255, 0.95);
                letter-spacing: 0;
                font-weight: 600;
                text-decoration: none;
            }

            @media (min-width: 370px) {
                .eintracht-meta li a {
                    padding: 8px 14px;
                    letter-spacing: 0.5px
                }
            }

            @media (min-width: 568px) {
                .eintracht-meta li a {
                    padding: 8px 20px
                }
            }

            .eintracht-meta li a:hover {
                background-color: #182640;
                color: #fff
            }

            .eintracht-meta li.active a,
            .eintracht-meta li.active a:hover {
                background-color: white;
                color: #151f31
            }


/* 3-spaltiges Layout ganze Seite */
@media screen and (min-width: 992px) { .SFCProductList > .col-md-3 { width: 33.333333%; } } 


/* Listenitems zentriert */
.SFCProductList {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.SFCTeaserList .SFCTeaser .item img {
    margin: 0 auto;
    width: 1162px;
    margin-bottom: 5px;
}

/* TOP Navigations Bar */

.SFCPageMainNavigation {position: fixed; z-index: 101;}
.canvas {z-index: 1;}

        .SFCPageMainNavigation.navbar {
            background-color: transparent;
            text-align: center;
            width: 100%;
            background-color: #b94e48;
            color: #fff;
            position: fixed;
            left: 0;
            top: 0;
            z-index: 3;
        }

        .SFCPageMainNavigation .navbar-nav {
            float:none;
            margin-top: 5px;
            margin-bottom: -30px;
        }

        .SFCPageMainNavigation li {
            float: left;
            display: inline;
        }
        .SFCPageMainNavigation .nav > li > a {
            color: #fff;
            display: inline-block;
            letter-spacing: 1px;
            font-weight: bold;
        }

        .SFCPageMainNavigation .nav > li > a:hover {
            color: #000;
        }


    /* NEUES DROP DOWN MENU */
    
            ul li button {
            margin-top: 6px;
                font-size: inherit;
                border: none;
                background-color: transparent;
                cursor: pointer;
                width: 100%;
            }

            ul li a, ul li button {
            padding: 0.6rem 1rem;
            text-align: left;
            }

            .dropdown1 {
            padding: 2px 1.5rem;
            height: 0;
            overflow: hidden;
            transition: height ease 0.2s;
            }

            li:focus-within .dropdown1 {
            height: 200px;
            }

            .arrow {
            width: 0.5em;
            height: 0.5em;
            display: inline-block;
            vertical-align: middle;
            border-left: 0.15em solid currentColor;
            border-bottom: 0.15em solid currentColor;
            transform: rotate(-45deg);
            margin-left: 0.38em;
            margin-top: -0.25em;
            transition: transform 100ms ease-in-out;
            }

            li:focus-within > button > .arrow {
            transform: rotate(-225deg);
            margin-top: 4px;
            }

            /* MEDIA QUERIES  */
            @media (min-width: 640px) {
             
                /* 
            label, input[type="checkbox"] {
                display: none;
            } */
            
            ul li {
                position: relative;
                font-family: 'Work Sans', sans-serif;
                font-size: 12px;
                font-weight: bold;
                letter-spacing: 1px;
            }

            ul li a,
            ul li button {

               color: #fff;
            }
              
            ul li a:hover,
            ul li button:hover {
               color: #fff;
            }
            
            .dropdown1 {
                position: absolute;
                right: 30;
                left: auto;
                box-shadow: 0 10px 15px -3px rgba(46, 41, 51, 0.08),
                0 4px 6px -2px rgba(71, 63, 79, 0.16);
                z-index: 99;
                min-width: 10rem;
                padding: 0;
                background-color: rgba(51, 106, 128, 0.9);
                border-radius: 0 0 0.5rem 0.5rem;
                max-height: 155px;
            }
            
            ul li:hover .dropdown1 {
                height: 200px;
            }
            
            ul li:hover > button > .arrow {
                transform: rotate(-225deg);
                margin-top: 4px;
            }}

            
   /* NEUES DROP DOWN MENU 2 */
    
   .dropdown2 {
    padding: 2px 1.5rem;
    height: 0;
    overflow: hidden;
    transition: height ease 0.2s;        
    }

    li:focus-within .dropdown2 {
    height: 200px;
    }

    /* MEDIA QUERIES  */
    @media (min-width: 640px) {
    .dropdown2 {
        position: absolute;
        right: 30;
        left: auto;
        box-shadow: 0 10px 15px -3px rgba(46, 41, 51, 0.08),
        0 4px 6px -2px rgba(71, 63, 79, 0.16);
        z-index: 99;
        min-width: 10rem;
        padding: 0;
        background-color: rgba(51, 106, 128, 0.9);
        border-radius: 0 0 0.5rem 0.5rem; 
        max-height: 60px;
    }
    
    ul li:hover .dropdown2 {
        height: 200px;
    }
    }

    

/*
.eintracht_spandau_social_media {display: none;} */


.socialnav {
  position: absolute;
  right: 0;
  top: 0;
  text-align: right; 
  font-size: 18px;
  margin-top: 14px; 
  margin-bottom: -20px;
}

.promotion-3349 .SFCTeaserList {max-width: 99%; margin-top: 50px;}
.eintracht_spandau_nachhaltigkeit {float: none; margin: auto; max-width: 754px;}
.promotion-3349 .canvas {   padding-top: 0px!important; }