/*** Grund-Style sf Menue ***/
@media screen {
.sf-menu li.level1 > a {
    width: 250px;
}
.sf-menu li:hover > a,
.sf-menu li.openfs > a {
    color: initial;
}
.sf-menu li a.sub:before,
.sf-menu li.active1 > a:before,
.sf-menu li.active2 > a.sub:before {
    position: absolute;
    display: block;
    content: '>';
    font-size: 30px;
    right: 30px !important;
    opacity: 0.6;
}
.sf-menu li:hover a.sub:before,
.sf-menu li.active1 > a:before,
.sf-menu li.active2 > a.sub:before {
    opacity: 1;
}
.sf-menu li:hover ul.sf-submenu {
    display: block !important;
    position: fixed !important;
    z-index: 200;
    top: 158px;
    width: auto;
    /*min-height:50%;
    min-height: 35%;*/
  	min-height: 360px;
    left: 690px;
    margin: 0px !important;
    padding: 1em 2.5em 1em 0.3em !important;
    /*ransform: translateX(100%) !important;*/
    transition: height 2s;
}
ul.sf-submenu li {
    padding: 0px;
    margin: 0px;
}
.sf-menu > li:hover > a.sub,
.sf-menu > li.openfs > a.sub,
.sf-menu li.openfs a {
    color: #86bc22 !important;
}
.sf-menu li ul.sf-submenu li {
    min-width: 250px;
}

/***********
Typo Script Menue
***********/
    nav.einzelseite ul a[href^="http"]:after {
        display: inline-block;
        position: relative;
        content: '';        
        width: 15px;
        height: 15px;
        margin-left: 5px;
    }
nav.einzelseite ul.seitenmenu {
    position: relative;
    float: left;
    clear: left;
    width: 100%;
    font-size: 1.1em;
    font-weight: normal;
    width: auto;
    margin: 0px 0px 0px 420px;
    padding: 0px;
    text-align: left;
}
nav.einzelseite ul li {
    position: relative;
    display: block;
    float: left;
    clear: left;
    width: 100%;
    margin: 0px 0px 0px 0px;
    /*! padding: 10px 0px 10px 8%; */
    cursor: pointer;
    border-radius: 45px 0px 0px 45px;
    padding: 0px 0px 0px 8%;
}
nav.einzelseite ul li a {
    position: relative;
    display: block;
    color: #303030 !important;
    text-decoration: none;
    width: 100%;
    margin: 0px !important;
    /*padding: 0px 0px 0px 0px;*/
    padding: 10px 0px 10px 0px;
}
nav.einzelseite li.level2 a {
    color: #fff !important;
}
nav.einzelseite ul li a:hover,
nav.einzelseite ul li a:active {
    color: #86bc22 !important;
    background-image: none !important;
    margin: 0px !important;
}
nav.einzelseite ul li.level1:hover,
nav.einzelseite li.active1:hover {
    /* background-color: rgba(0, 104, 180, 0.9); */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#35338b+0,1d4b9e+100 */
    background: #35338b; /* Old browsers */
    background: -moz-linear-gradient(
        left,
        #35338b 0%,
        #1d4b9e 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
        left,
        #35338b 0%,
        #1d4b9e 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to right,
        #35338b 0%,
        #1d4b9e 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35338b', endColorstr='#1d4b9e',GradientType=1 ); /* IE6-9 */
}
nav.einzelseite ul li:hover ul.sf-submenu {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1d4b9e+0,0068b4+100 */
    background: #1d4b9e; /* Old browsers */
    background: -moz-linear-gradient(
        left,
        #1d4b9e 0%,
        #0068b4 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
        left,
        #1d4b9e 0%,
        #0068b4 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to right,
        #1d4b9e 0%,
        #0068b4 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d4b9e', endColorstr='#0068b4',GradientType=1 ); /* IE6-9 */
}
nav.einzelseite ul li:hover ul.sf-submenu {
    /*padding-right: 3% !important;*/
    border-radius: 25px;
}
nav.einzelseite li.active1 > a,
nav.einzelseite li.active2 > a {
    color: #86bc22 !important;
    background-image: none !important;
    margin: 0px !important;
}
#descmenuon {
    position: absolute;
    line-height: 70px;
    color: #0068b4;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-style: italic;
    z-index: -1;
    overflow: hidden;
    display: block;
    width: 200px;
    top: 70px;
    height: 70px;
    left: 370px;
    padding: 0px;
    background-color: rgba(239, 239, 239, 0.9);
    border-radius: 0px 90px 90px 0px;
}

#descmenuon a.show {
    position: absolute;
    display: block;
    content: 'menu';
    width: 80px;
    height: 80px;
    right: 0px;
    top: -5px;
    z-index: 200;
    background-image: url(/fileadmin/template/images/SWN_Icon_Menu.svg);
    background-repeat: no-repeat;
    background-position: top right -5px;
    background-attachment: scroll;
    background-size: 100% auto;
}
#descmenuon a.close {
    position: absolute;
    display: block;
    visibility: hidden;
    content: 'menu';
    width: 80px;
    height: 80px;
    right: 0px;
    top: -5px;
    z-index: 200;
    background-image: url(/fileadmin/template/images/SWN_Icon_Menu_Closed_01.svg);
    background-repeat: no-repeat;
    background-position: top right -5px;
    background-attachment: scroll;
    background-size: 100% auto;
}

#descmenu {
    position: relative;
    float: left;
    overflow: visible;
    right: 0px;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 4%;
    padding: 0px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    /*-webkit-box-shadow: 0px 0px 15px 2px rgba(51, 51, 51, 0.5); */
    /*-moz-box-shadow: 0px 0px 15px 2px rgba(51, 51, 51, 0.5); */
    /*box-shadow: 0px 0px 15px 2px rgba(51, 51, 51, 0.5); */
    transition: height 1s, width 1s;
    -o-transition: height 1s, width 1s;
    -moz-transition: height 1s, width 1s;
    -webkit-transition: height 1s, width 1s;
}

}
/***** Break Points ****/

/* erster Break für header und extrabreiten Content*/
@media screen and (max-width: 1400px) {
}
@media screen and (min-width: 1px) and (max-width: 1151px) {
}
/* bildschirme bis 1024 und Mobilmenue */
@media screen and (max-width: 1600px) {
    #nav {
        margin-top: 80px !important;
    }
    #descmenuon {
        line-height: 50px;
        width: 160px;
        top: 30px;
        height: 50px;
        left: 180px;
    }
    #descmenuon a.show,
    #descmenuon a.close {
        width: 60px;
        height: 60px;
    }
    nav.einzelseite ul.seitenmenu {
        margin: 10px 0px 0px 180px;
    }
    .sf-menu li:hover ul.sf-submenu {
        display: block !important;
        position: fixed !important;
        z-index: 200;
        top: 129px;
        width: auto;
        /*min-height:50%;*/
        min-height: 35%;
        left: 380px;
        margin: 0px !important;
        padding: 1em 2.5em 1em 0.3em !important;
        /* ransform: translateX(100%) !important; */
        transition: height 2s;
    }
}

/**********
 * Mobil Navigation
 ******* */

/* bildschirme bis 900px */
@media screen and (min-width: 901px) {
    .headerwrapper-mobil,
    #mobilmenu,
    #headerwrapper {
        display: none !important;
    }
}
@media screen and (max-width: 900px) {
    .headerwrapper {
        display: none !important;
    }

    /** Header **/
    .headerwrapper-mobil {
        position: fixed;
        z-index: 1500;
        width: 100%;
        height: auto;
        top: -1px;
        -webkit-box-shadow: 0px 0px 15px 2px rgba(51, 51, 51, 0);
        -moz-box-shadow: 0px 0px 15px 2px rgba(51, 51, 51, 0);
        box-shadow: 0px 0px 15px 2px rgba(51, 51, 51, 0);
        background-color: rgba(53, 51, 139, 1);
        transition: all 1s ease-in-out;
        min-height: 40px;
    }
    .headerwrapper-mobil .logo {
        position: absolute;
        display: block;
        width: 180px;
        height: 80px;
        margin-top: 0px;
        background-color: #fff;
        border-radius: 0px 90px 90px 0px;
        box-shadow: none;
        z-index: 5005;
    }
    .headerwrapper-mobil .logo a.homelink {
        display: block;
        width: 100%;
        height: 100%;
        margin-left: 0px;
        margin-top: 0px;
        padding: 0px;
        background-image: url(/fileadmin/template/images/swn-logo-claim.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 72%;
    }
    .headerwrapper-mobil .headercontent-mobil {
        width: 80%;
        width: calc(95% - 250px);
        margin-left: 200px;
        padding: 10px;
        text-align: right;
        color: #fff;
        z-index: 50;
        position: relative;
        display: block;
        opacity: 1;
        transition: opacity 1s ease-in-out;
    }
    .headerwrapper-mobil .headercontent-mobil a {
        display: inline-block;
        color: #fff;
        font-weight: bold;
        font-style: italic;
        text-decoration: none;
        padding-left: 5px;
        padding-right: 10px;
        border-left: 1px solid #fff;
    }
    .headerwrapper-mobil .headercontent-mobil a:last-child {
        border-left: 1px solid transparent;
    }
    .headerwrapper-mobil .headercontent-mobil a:last-child::before {
        content: '';
        display: inline-block;
        width: 25px;
        height: 1em;
        background-image: url(/fileadmin/template/images/icon-stoerung.png);
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position: left center;
    }
    .headerwrapper-mobil #descmenuon-mobil a {
        position: absolute;
        display: block;
        content: 'menu';
        width: 40px;
        height: 40px;
        right: 0px;
        top: 1px;
        right: 2%;
        z-index: 5006;
        background-repeat: no-repeat;
        background-position: center center;
        background-attachment: scroll;
        background-size: 100% auto;
    }
    .headerwrapper-mobil #descmenuon-mobil a.show {
        background-image: url(/fileadmin/template/images/SWN_Icon_Menu.svg);
    }
    .headerwrapper-mobil #descmenuon-mobil a.close {
        background-image: url(/fileadmin/template/images/SWN_Icon_Menu_Closed_01.svg);
    }
    /** Nav */
    #mobilmenu {
        color: #fff;
        background: #35338b;
        background: -moz-linear-gradient(left, #35338b 0%, #0068b4 100%);
        background: -webkit-linear-gradient(left, #35338b 0%, #0068b4 100%);
        background: linear-gradient(to right, #35338b 0%, #0068b4 100%);
        height: 100vh !important;
        transition: left 1s ease-in-out 0s !important;
        border: 0px;
        position: fixed;
        float: none;
        height: auto;
        width: 100%;
        width: 100%;
        max-width: 450px;
        overflow: hidden;
        margin: 0px;
        margin-top: 0px !important;
        z-index: 5000;
        padding: 0px !important;
        left: 0px;
        top: 0px;
    }
    #mobilmenu .mobilmenu-background {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        right: 0px;
        width: 100%;
        height: 100%;
        opacity: 0.1;
        background-image: url(/fileadmin/template/images/mobileNav-backgroundImage.png);
        background-repeat: no-repeat;
        background-size: auto 60%;
        background-position: 100% 80%;
    }
    #mobilmenu nav {
        position: relative;
        float: left;
        overflow: hidden;
        height: auto !important;
        right: 0px;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 40px;
        border-radius: 1px;
        padding: 0px;
        height: calc(100% - 225px) !important;
        max-height: calc(100% - 150px) !important;
    }
    #mobilmenu nav ul {
        position: initial;
        float: none;
        clear: both;
        width: 100%;
        font-size: 1.1em;
        font-weight: normal;
        margin: 0px;
        padding: 0px;
        text-align: left;
    }

    #mobilmenu nav ul li {
        position: initial;
        display: block;
        float: none;
        clear: both;
        width: 88%;
        margin: 0px;
        padding: 12px 6%;
        cursor: default;
        border-radius: 0px;
        min-width: unset !important;
    }
    #mobilmenu nav ul li:hover {
        background: none !important;
    }
    #mobilmenu nav ul li:after {
        content: ' ';
        display: block;
        position: relative;
        width: 100%;
        height: 1px;
        clear: both;
        float: none;
    }
    #mobilmenu nav ul li a {
        position: relative;
        display: block;
        color: #fff !important;
        text-decoration: none;
        width: 100% !important;
        max-width: 80%;
        max-width: calc(100% - 50px);
        margin: 0px !important;
        padding: 0px 0px;
        font-weight: bold;
        float: left;
    }
    #mobilmenu nav ul li a:after,
    #mobilmenu nav .sf-menu li a.sub:before,
    #mobilmenu nav .sf-menu li.active1 > a:before,
    #mobilmenu nav .sf-menu li.active2 > a.sub:before {
        display: none;
        content: none !important;
    }
    #mobilmenu nav ul > li:hover > a,
    #mobilmenu nav .sf-menu > li:hover > a.sub,
    #mobilmenu nav .sf-menu > li.openfs > a.sub,
    #mobilmenu nav .sf-menu li.openfs a {
        color: #fff !important;
    }
    #mobilmenu nav ul > li > a:hover,
    #mobilmenu nav .sf-menu > li > a.sub:hover,
    #mobilmenu nav .sf-menu > li.openfs > a.sub:hover,
    #mobilmenu nav .sf-menu li.openfs a:hover {
        color: #86bc22 !important;
    }
    #mobilmenu nav.collapse-submenu ul li .dropdown-item,
    #mobilmenu nav.sliding-submenu ul li .dropdown-item {
        top: 0px;
        right: 0px;
        padding: 0px 15px;
        background: transparent;
        position: relative;
        font-weight: bold;
        font-size: 1em;
        color: #fff;
        display: block;
        float: right;
    }
    #mobilmenu nav ul li a,
    #mobilmenu nav.collapse-submenu ul li .dropdown-item,
    #mobilmenu nav.sliding-submenu ul li .dropdown-item {
        padding-top: 5px;
        padding-block: 5px;
    }
  	#mobilmenu nav.sliding-submenu ul li .dropdown-item {
      	padding-left: 14px;
    	border-left: 1px solid rgba(215,215,215,0.5);
  	}
    #mobilmenu nav.collapse-submenu ul li .dropdown-item:after,
    #mobilmenu nav.sliding-submenu ul li .dropdown-item:after {
        display: block;
        content: '>';
        font-size: 30px;
        right: 30px !important;
        opacity: 0.6;
        color: inherit;
        transition: all 200ms ease-in-out !important;
    }
    #mobilmenu nav.collapse-submenu ul li .dropdown-item:hover,
    #mobilmenu nav.sliding-submenu ul li .dropdown-item:hover {
        opacity: 1;
        color: #86bc22 !important;
    }
    #mobilmenu nav.collapse-submenu ul li.subopen > .dropdown-item:after,
    #mobilmenu nav.sliding-submenu ul li.subopen > .dropdown-item:after {
        transform: rotate(90deg);
    }
    #mobilmenu nav.collapse-submenu ul li > ul > li > .dropdown-item,
    #mobilmenu nav.sliding-submenu ul li > ul > li > .dropdown-item {
        right: 15px;
    }
    #mobilmenu nav.collapse-submenu ul li ul,
    #mobilmenu nav.collapse-submenu ul li:hover > ul,
    #mobilmenu nav.collapse-submenu .sf-menu li:hover ul.sf-submenu {
        display: block !important;
        position: relative !important;
        z-index: unset;
        top: 0px;
        width: auto;
        max-height: 0px;
        min-height: 0px;
        min-height: unset;
        left: 0px;
        margin: 0px !important;
        padding: 0px !important;
        transition: all 320ms ease-in-out !important;
        border-radius: unset;
        background: transparent;
        overflow-x: visible;
        overflow-y: auto;
    }
    #mobilmenu nav.sliding-submenu .sf-menu li:hover ul.sf-submenu {
        min-height: 0px;
        min-height: unset;
        padding: 0px !important;
        margin: 0px !important;
        display: none !important;
    }
    #mobilmenu nav.sliding-submenu .sf-menu li.subopen:hover ul.sf-submenu,
    #mobilmenu nav.sliding-submenu ul li.subopen:hover ul {
        display: block !important;
    }
    #mobilmenu nav.collapse-submenu ul li.subopen > ul,
    #mobilmenu nav.collapse-submenu ul li.subopen:hover > ul,
    #mobilmenu nav.collapse-submenu .sf-menu li.subopen:hover > ul.sf-submenu {
        max-height: 100vh !important;
        overflow-x: visible;
        overflow-y: auto;
    }
    #mobilmenu nav.sliding-submenu {
        position: relative;
        display: block;
        padding: 0px !important;
        overflow-x: visible !important;
        overflow-y: auto !important;
        transition: all 1s ease 0s !important;
        width: 100%;
        margin-left: 0%;
    }
    #mobilmenu nav.sliding-submenu ul li {
        overflow-x: visible;
        overflow-y: auto;
    }
    #mobilmenu nav.sliding-submenu ul li ul {
        position: absolute !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: visible !important;
        overflow-y: auto !important;
        top: 0px !important;
        left: 50%;
    }
    #mobilmenu nav.sliding-submenu ul li.subopen ul {
        display: block !important;
        max-height: 100vh !important;
        height: auto !important;
        overflow-y: auto !important;
        overflow-x: visible !important;
    }
    #mobilmenu nav.sliding-submenu ul li.subopen > .dropdown-item:after {
        transform: rotate(0deg);
    }
    #mobilmenu nav.sliding-submenu ul li.return a:before {
        display: inline;
        content: '<';
        font-size: 1em;
        margin-right: 10px;
        font-weight: 700;
        opacity: 0.8;
        color: inherit;
        transition: all 200ms ease-in-out !important;
    }
    #mobilmenu nav.sliding-submenu.sliding-pages1 {
        width: 100% !important;
    }
    #mobilmenu nav.sliding-submenu.sliding-pages2 {
        width: 200% !important;
    }
    #mobilmenu nav.sliding-submenu.sliding-pages3 {
        width: 300% !important;
    }
    #mobilmenu nav.sliding-submenu.sliding-pages4 {
        width: 400% !important;
    }
    #mobilmenu nav.sliding-submenu.sliding-pages5 {
        width: 500% !important;
    }
    #mobilmenu nav.sliding-submenu.sliding-pages6 {
        width: 600% !important;
    }
    #mobilmenu nav.sliding-submenu.sliding-pages1 ul {
        width: 100% !important;
    }
    #mobilmenu nav.sliding-submenu.sliding-pages2 ul {
        width: 50% !important;
    }
    #mobilmenu nav.sliding-submenu.sliding-pages3 ul {
        width: 33.33% !important;
    }
    #mobilmenu nav.sliding-submenu.sliding-pages4 ul {
        width: 25% !important;
    }
    #mobilmenu nav.sliding-submenu.sliding-pages5 ul {
        width: 20% !important;
    }
    #mobilmenu nav.sliding-submenu.sliding-pages6 ul {
        width: 16.66% !important;
    }
    #mobilmenu-closed-background {
        position: fixed;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: -500%;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0;
        transform: opacity 1 sease-in-out;
    }
    body.mobilenav-open #mobilmenu-closed-background {
        left: 0px;
        opacity: 0.2;
    }
    #mobilmenu .mobilmenu-header {
        display: block;
        position: absolute;
        right: 50px;
        width: 50%;
        margin-left: 50%;
        width: calc(100% - 235px);
        margin-left: calc(180px + 5px);
        text-align: center;
        z-index: 49;
    }
    #mobilmenu .mobilmenu-header a {
        display: inline-block;
        color: #fff;
        font-weight: bold;
        text-decoration: none;
        padding: 10px;
        font-size: 1em;
        letter-spacing: 0.01px;
    }

    #mobilmenu .suche-mobil {
        margin: 100px 0px 0px 0px;
        width: 90%;
        padding: 12px 5% !important;
        position: relative;
        display: block;
        z-index: 50;
    }
    #mobilmenu .suche-mobil * {
        padding: 0px;
        margin: 0px;
    }
    #mobilmenu .suche-mobil input,
    #mobilmenu .suche-mobil label {
        display: none;
    }
  /* ausblenden wärend die Suche nicht aktiv / funktionsbereit */
  #mobilmenu .suche-mobil form#tx_indexedsearch{
    display:none;
  }
    #mobilmenu .suche-mobil form {
        width: 100%;
        position: relative;
    }
    #mobilmenu .suche-mobil #tx-indexedsearch-searchbox-sword,
    #mobilmenu .suche-mobil #tx-indexedsearch-searchbox-button-submit {
        display: block;
        border: 1px solid #fff;
        background: #fff;
        padding: 10px;
        margin: 0px;
        border-radius: 6px;
    }
    #mobilmenu .suche-mobil #tx-indexedsearch-searchbox-sword {
        position: relative;
        width: 80%;
        width: calc(100% - 20px);
        margin: 0px auto;
    }
    #mobilmenu .suche-mobil #tx-indexedsearch-searchbox-button-submit {
        position: absolute;
        right: 0%;
        top: 0px;
        bottom: 0px;
        height: 100%;
        border-radius: 0px 6px 6px 0px;
        background-image: url(/fileadmin/template/images/search-icon.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 25px;
        color: transparent;
        overflow: hidden;
        width: 34px;
        background: rgga(255, 255, 255, 0.5);
    }
    #mobilmenu .mobilmenu-footer {
        position: absolute;
        display: flex;
        bottom: 0px;
        left: 0px;
        width: 88%;
        padding: 10px 6% 5px 6%;
        z-index: 25;
        border-top: 1px solid #fff;
        opacity: 0.4;
    }
    #mobilmenu .mobilmenu-footer p {
        display: flex;
    }
    #mobilmenu .mobilmenu-footer p a {
        text-align: center;
        width: 100%;
        text-decoration: none;
        color: #fff;
        font-size: bold;
    }
}
/* bildschirme bis 770px */
@media screen and (min-width: 771px) {
    #mobilmenu .mobilmenu-header {
        display: none !important;
    }
}
@media screen and (max-width: 770px) {
    body.mobilenav-open .headerwrapper-mobil .headercontent-mobil {
        opacity: 0;
    }
}
@media screen and (min-width: 1px) and (max-width: 500px) {
    .headerwrapper-mobil .headercontent-mobil {
        display: none !important;
    }
}
@media screen and (max-width: 330px) {
    #mobilmenu .mobilmenu-header {
        display: none !important;
    }
}
/* bildschirme bis 370px */
@media screen and (max-width: 374px) {
}

/** App-Nav **/
@media screen and (min-width: 1025px) {
    .mediafly-mobil,
    .mediafly-mobil * {
        display: none !important;
    }
}
@media screen and (max-width: 1024px) {
    .mediafly {
        display: none;
    }
    .mediafly-mobil {
        display: block !important;
        position: fixed;
        left: 0px;
        bottom: 0px;
        padding: 14px 2% 20px 2%;
        width: 96%;
        margin: 0 auto;
        box-shadow: 0px 0px 5px #ccc;
        background-color: #333;
        transition: bottom 200ms;
        z-index: 1000;
    }
    .mediafly-mobil .app-nav {
        display: block;
        position: relative;
        max-width: 900px;
        margin: 0 auto;
        transition: all ease-in-out 1s;
    }
    .app-nav .app-nav-ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .app-nav .app-link,
    .app-nav .app-nav-ul > div {
        display: flex;
        padding: 0px 10px;
        width: auto !important;
        margin: 0px !important;
    }
    .app-nav .app-link svg,
    .app-nav .app-nav-ul > div img {
        color: #fff;
        fill: currentColor !important;
        stroke: currentColor !important;
        margin: 0 auto;
        position: relative;
        display: block;
        margin-bottom: 7px;
        max-width: 100%;
        width: auto;
    }
    .app-nav .app-nav-ul > div .ce-gallery,
    .app-nav .app-nav-ul > div .ce-gallery div,
    .app-nav .app-nav-ul > div .ce-gallery figure,
    .app-nav .app-nav-ul > div .ce-gallery figure a {
        margin: 0px auto !important;
        padding: 0px !important;
        width: 100%;
        border-radius: 0px;
    }
    .app-nav .app-nav-ul > div img {
        height: 30px !important;
    }
    .mediafly-mobil .app-nav .ce-bodytext {
        display: block;
    }
    .app-nav .app-link p,
    .app-nav .app-nav-ul > div p,
    .app-nav .app-nav-ul > div a {
        color: #fff;
        margin: 0px;
        font-size: 0.85em;
        text-decoration: none;
    }
    .app-link.current *,
    .app-nav .app-nav-ul > div.current * {
        color: #fff !important;
        fill: currentColor !important;
        stroke: currentColor !important;
    }
    .app-link.active,
    .app-nav .app-nav-ul > div.active,
    .app-nav .app-nav-ul > div:active {
        animation-name: wobble;
        animation-duration: 500ms;
        animation-iteration-count: infinite;
    }
    .app-link.active *,
    .app-nav .app-nav-ul > div.active * {
        color: #0169b4 !important;
        fill: currentColor !important;
        stroke: currentColor !important;
    }
    #usercentrics-button .uc-privacy-button-wrapper {
        height: 64px !important;
        width: 64px !important;
        z-index: 1005;
    }
    #uc-btn-open-main-corner-modal {
        left: 20px !important;
        bottom: 20px !important;
    }
    .usercentrics-support.mediafly-mobil .app-nav {
        /*  calc( UC(left + width) + navli(padding-right) )  */
        padding-left: 94px;
    }
    body.scolling-direction-on .mediafly-mobil {
        bottom: -12%;
        transition: all ease-in-out 0.5s;
        opacity: 0;
    }
    body.scolling-direction-up .mediafly-mobil {
        bottom: 0%;
        opacity: 1;
    }
    body.scolling-direction-on .back-to-top {
        transition: all ease-in-out 1s !important;
        bottom: 0px;
    }
    body.scolling-direction-up .back-to-top {
        bottom: 100px;
    }
}
@media screen and (max-width: 500px) {
    #usercentrics-button .uc-privacy-button-wrapper {
        height: 40px !important;
        width: 40px !important;
    }
    #uc-btn-open-main-corner-modal {
        left: 15px !important;
    }
    .mediafly-mobil.usercentrics-support {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
    .usercentrics-support.mediafly-mobil .app-nav {
        padding-left: 64px;
    }
    .mediafly-mobil .app-nav .ce-bodytext {
        display: none;
    }
    body.scolling-direction-up .back-to-top {
        bottom: 80px;
    }
}
@media screen and (max-width: 340px) {
    .app-nav .app-nav-ul > div img {
        height: 20px !important;
    }
    #usercentrics-button .uc-privacy-button-wrapper {
        height: 30px !important;
        width: 30px !important;
    }
    #uc-btn-open-main-corner-modal {
        left: 10px !important;
        bottom: 22px !important;
    }
    .usercentrics-support.mediafly-mobil .app-nav {
        padding-left: 40px;
    }
}
@media screen and (max-width: 240px) {
    .mediafly-mobil,
    .mediafly-mobil * {
        display: none !important;
    }
    #usercentrics-button .uc-privacy-button-wrapper {
        height: 48px !important;
        width: 48px !important;
    }
}
@keyframes wobble {
    0% {
        transform: translateX(0%) rotate(0deg);
    }
    25% {
        transform: translateX(3%) rotate(-2deg);
    }
    50% {
        transform: translateX(0%) rotate(0deg);
    }
    75% {
        transform: translateX(-3%) rotate(2deg);
    }
    100% {
        transform: translateX(0%) rotate(0deg);
    }
}