html {
    position: relative;
    scrollbar-color: #149CD8 #47B048;
    text-size-adjust: none; 
}

body{
    font-size: 20px;
    font-family: 'fira_sansregular';
/*    background-image: url(../../pix/tmp/pattern.jpg);*/
    color: #20282D;
    -ms-hyphens: auto;
        hyphens: auto;
    -webkit-hyphens: auto;
    overflow-x: hidden;
    margin: 0;
    background-color: #20282D;
    text-size-adjust: none; 
}

body.menu_open{
    overflow: hidden;
}

:root{
    --thewidth: 1280px;
}

*{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
/*    text-rendering: geometricPrecision;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a{
    text-decoration: none;
    color: inherit;
}

b, strong{
    font-weight: normal;
    font-family: 'fira_sansbold';
/*
    color: #245824;
    color: #47B048;
*/
}

h1,h2,h3,h4,h5{
    font-family: 'fira_sanslight';
    font-weight: normal;
}

h1 b,
h1 strong,
h2 b,
h2 strong,
h3 b,
h3 strong,
h4 b,
h4 strong,
h5 b,
h5 strong{
    color: #47B048;
}



.hl_tagline{
    display: block;
    font-family: 'fira_sanslight';
}

h1{
    font-size: 42px;
}
h2{
    font-size: 32px;
}
.focustext{
    font-size: 32px;
    font-family: 'fira_sanslight';
    margin: 0;
}

h3{
    font-size: 24px;
}


hr{
    border: 0;
    background-color: #E8F5FB;
    margin: 40px 0;
    height: 4px;
}

table,
table tr,
table tr td{
    font-size: inherit;
    color: inherit;
}

.centerbox{
    position: relative;
    height: 100%;
    width: 100%;
}

.addblur{
    -webkit-transition: -webkit-filter 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    transition: -webkit-filter 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    -o-transition: filter 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    transition: filter 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    transition: filter 0.6s cubic-bezier(0.25, 1, 0.5, 1), -webkit-filter 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.blur{
    -webkit-filter: blur(40px);
            filter: blur(40px);
}

.center{
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

.vcenter{
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.vcenter p:FIRST-OF-TYPE{
    margin-top: 0;
}

.vcenter p:LAST-OF-TYPE{
    margin-bottom: 0;
}

.thewidth{
    width: var(--thewidth);
}

.halfwidth{
    width: calc(var(--thewidth) / 2);
}

.themargin{
    width: 20px;
}

.half{
    width: calc(50% - 10px);
}

.third{
    width: calc(33.333% - 40px/3);
    margin-right: 20px;
}

.onethird{
    min-width: 500px;
}

.fourth{
    width: calc(25% - 60px/4);
    margin-right: 20px;
}

.last{
    margin-right: 0;
}

.left{
    float: left;
}

.right{
    float: right;
}

.clear{
    clear: both;
}

#helper{
    display: none;
}
#gettheheight{
    height: 100vh;
}

#edit_this{
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999999;
}

.mobile #edit_this{
    top: auto;
    bottom: 80px;
}


#edit_this a{
    -webkit-transform: rotate(90deg) translateY(50%);
        -ms-transform: rotate(90deg) translateY(50%);
            transform: rotate(90deg) translateY(50%);
}

#carouselwidth{
    width: 1320px;
}

.imgfit{
    width: 100%;
    height: auto;
    display: block;
}

.textbox{
    position: absolute;
    z-index: 2;
    width: 100%;
}

.ni_button{
    position: relative;
    background-color: #149CD8;
    padding: 12px 20px 10px 52px;
    margin-top: 20px;
    text-decoration: none;
    color: #fff;
    font-family: 'fira_sansbold';
    display: inline-block;
    cursor: pointer;
    -webkit-transition: padding 0.3s cubic-bezier(0.33, 1, 0.68, 1);
    -o-transition: padding 0.3s cubic-bezier(0.33, 1, 0.68, 1);
    transition: padding 0.3s cubic-bezier(0.33, 1, 0.68, 1);
    overflow: hidden;
    border: 0;
    min-height: 42px;
    line-height: 1;
    
}

.ni_button:before{
    position: absolute;
    top: 0;
    left: 0;
    height: 101%;
    width: 42px;
    -webkit-transform-origin: center right;
        -ms-transform-origin: center right;
            transform-origin: center right;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.33, 1, 0.68, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.33, 1, 0.68, 1);
    -o-transition: transform 0.3s cubic-bezier(0.33, 1, 0.68, 1);
    transition: transform 0.3s cubic-bezier(0.33, 1, 0.68, 1);
    transition: transform 0.3s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 0.3s cubic-bezier(0.33, 1, 0.68, 1);
    background-color: rgba(0,0,0,0.3);
    line-height: 42px;
    text-align: center;
    color: #fff;
    font-size: 80%;
}

/*
.ni_button:HOVER:before{
    background-color: #FECD03;
}

.ni_button:HOVER{
    padding-left: 67px;
    transform: translateX(-50%);
}

 .ni_button:HOVER:before{
    transform: translate3d(0,0,0);
}
*/


.qt{
    position: relative;
    display: inline-block;
    color: #107DAD!important;
    font-family: inherit;
    border: 0!important;
}

.tooltip_link{
}

.tooltip_icn{
    font-size: 80%;
    vertical-align: baseline;
    color: #47B048;
    margin-right: 4px;
}

.tooltip_img{
    position: relative;
    width: 120px;
    height: 100%;
    overflow: hidden;
    display: block;
}

.tooltip_c2a{
    color: #aaa;
    font-family: "fira_sansbold";
    display: block;
    position: absolute;
    bottom: 9px;
    right: 10px;
}

.tooltip{
    position: absolute;
    display: inline-block;
    width: 400px;
    height: 120px;
    background-color: #E8F5FB;
    top: -125px;
    left: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
            box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    z-index: 9999;
    display: none;
    overflow: hidden;
}

/*
.qt:HOVER .tooltip{
    display: block;
}
*/

/*
.tooltip:after{
    content: '';
    position: absolute;
    bottom: -10px;
    left: 40%;
    width: 0px;
    height: 0px;
    -webkit-transform:rotate(360deg);
    transform: rotate(180deg) translateX(-50%);
    border-style: solid;
    border-width: 0 15px 10px 15px;
    border-color: transparent transparent #eee transparent;
    z-index: 1;
}
*/

.flexchild .tooltip_img img,
.tooltip_img img{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    -o-object-fit: cover;
       object-fit: cover;
}

.tooltip_text{
    position: absolute;
    top: 0;
    left: 120px;
    display: inline-block;
    font-size: 12px;
    padding: 10px;
    font-family: 'fira_sanslight';
    color: #20282D;

}

#qt{
    position: absolute;
    z-index: 9999999;
    width: 400px;
    height: 120px;
    background-color: #ff5500;
    top: 0;
    left: 0;
    display: none;
}

#qt .tooltip{
    display: block;
    top: 0;
}

section{
    position: relative;
    width: 100%;
}


section:after{
    content: '';
    clear: both;
}


h3{
    font-family: 'fira_sansbold';
}


h1,h2,h3,h4,h5,
ol,
ul,
p{
    margin: 0 auto;
    padding: 0;
    max-width: var(--thewidth);
}

main ol,
main ul{
    -webkit-transform: translateX(40px);
        -ms-transform: translateX(40px);
            transform: translateX(40px);
    margin: 30px auto;
    padding-right: 40px;
}

main ul li{
    margin-bottom: 5px;
}

main hr{
    border: 0!important;
    height: 4px;
    background-color: #ccc;
    width: calc(var(--thewidth) - 200px);
    margin: 100px auto;
}

h1,
h2{
    position: relative;
    padding: 0;
    margin-bottom: 20px;
}


#hl_tagline{
    font-size: 28px;
    margin-top: 10px;
    color: #0A4E6C;
}

.explainer{
    margin: 30px 50px;
}

.absolutebox{
    position: absolute;
    top: 0;
}

.flexbox{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.flexreverse{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}

.flexchild{
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: auto;
    z-index: 1;
}

.flexchild .halfwidth{
    height: 100%;
    padding-left: 20px;
}

.flexreverse .flexchild .halfwidth{
    position: absolute;
    right: 0;
    padding-right: 20px;
    padding-left: 0;
}

.focusblock .flexchild{
    margin-right: 20px;
}

.flexrow{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    height: 50%;
}

.focusbox .flexchild:last-of-type,
.flexbox .flexchild:last-of-type{
    margin: 0;
}

.flexrow:last-of-type .flexchild{
    margin-top: 20px;
}

.flexchild img{
    position: relative;
    width: 100%;
    min-height: 100%;
    height: auto;
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    z-index: 1;
}

.flexchild_hl{
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 4;
    padding: 10px;
    color: #fff;
    margin: 0;
    text-shadow: 0px 0px 19px rgba(0,0,0,0.5);
}

.textbox h3{
    position: relative;
    text-align: center;
    padding: 0;
}

.flexchild_hl span{
    font-family: 'fira_sanslight';
    font-size: 20px;
    display: block;
}

.datebox{
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: rgba(255,255,255,0.5);
    color: #111;
    font-size: 16px;
    z-index: 2;
    padding: 5px 10px;
}


.newsteaserbox{
    margin-top: 20px;
}

.newsbox{
    position: relative;
    background-color: #E5F5FB;
}

.newsbox:last-of-type{
    margin-bottom: 0;
}

.newsimg{
    position: relative;
    width: 100%;
    overflow: hidden;
    border-bottom: 2px solid #fff;
}

.newsimg img{
    width: 100%;
    height: auto;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    left: 0;
}

.newstext{
    position: relative;
    padding: 0 10px 35px 10px;
}

.newstext h3 {
    position: relative;
    color: #111;
    margin: 15px 0 10px 0;
    text-shadow: none;
    padding: 0;
    
}

.newstext h3 span{
    display: block;
    font-family: 'fira_sanslight';
    font-size: 20px;
}

.newslink{
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #149CD8;
    padding: 5px 50px 5px 15px;
    color: #fff;
    border: 2px solid #fff;
    border-bottom: 0;
    border-right: 0;
}

.newslink:before{
    position: absolute;
    right: 0px;
    height: 100%;
    width: 35px;
    line-height: 32px;
    top: 0px;
    font-size: 70%;
    background-color: rgba(0,0,0,0.3);
    text-align: center;
    border-left: 2px solid #fff;
}

.bgbox{
    position: relative;
    width: 100%;
    height: 450px;
    background-color: #ff5500;
    overflow: hidden;
}

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

.shadowbox{
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 110%;
    height: 100%;
    z-index: 2;
    -webkit-box-shadow: inset 0px -5px 10px 0px rgba(0,0,0,0.5); 
    box-shadow: inset 0px -5px 10px 0px rgba(0,0,0,0.5);
    text-align: center;
}

.shadowbox .center{
    height: 100%;
}

.newsletterbox input{
    background-color: rgba(255,255,255,0.5);
    padding: 10px 20px;
    border: 0px;
    line-height: inherit;
}

input.newsletter_input{
    width: 500px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    padding: 10px;
}

input.newsletter_input:FOCUS{
    background-color: rgba(255,255,255,0.8);
    border: 0;
    outline: 0;
}

input.newsletter_submit{
    margin-left: 2px;
    background-color: #149CD8;
    color: #fff;
}
input.newsletter_submit:HOVER{
    color: #111;
    background-color: #FECD03;
}


#newsletter_box.hl{
    background-color: #E5F5FB;
    padding: 20px;
}


nav {
    z-index: 9000;
}

main{
    position: relative;
    z-index: 998;
    background-color: #fff;
    width: 100%;
    margin-top: 542px;
    min-height: 100vh;
    line-height: 1.3;
}


article{
    padding-top: 100px;
    padding-bottom: 100px;
}

nav li{
    -webkit-hyphens: none;
        -ms-hyphens: none;
            hyphens: none;
}

#mainnavbox{
    position: absolute;
    top: 500px;
    left: 0;
    height: 44px;
    width: 100%;
    background-color: #47B048;
    border-top: 2px solid #fff;
    background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAMBAMAAABRpcpkAAAAJFBMVEULDAsdHh0yNDJFSEVbX1ttcW1/hX+WnJaor6i7w7vP2M/j7OOZLGsJAAAADHRSTlNIQzw2LykjHBYQCgP9WW4FAAAAEklEQVQI12PYwPQBHTIIMDAAAH7ECUMq5Ha3AAAAAElFTkSuQmCC');
    background-position: bottom;
    background-repeat: repeat-x;
    z-index: 8000;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
}

#mainnavbox .center{
    height: 100%;
}

#mainnavbox .sharebox{
    display: none;
}

.morebuttonfixed,
.morebuttonmobile{
    display: none;
}

#mainnav{
    position: relative;
    text-align: right;
    height: 100%;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.37, 0, 0.63, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.37, 0, 0.63, 1);
    -o-transition: transform 0.3s cubic-bezier(0.37, 0, 0.63, 1);
    transition: transform 0.3s cubic-bezier(0.37, 0, 0.63, 1);
    transition: transform 0.3s cubic-bezier(0.37, 0, 0.63, 1), -webkit-transform 0.3s cubic-bezier(0.37, 0, 0.63, 1);
}

#mainnav li{
    position: relative;
}

#mainnav li:NTH-CHILD(1){
    position: absolute;
    left: 0;
}

#mainnav li:NTH-CHILD(1) a,
#mainnav li:NTH-CHILD(2) a{
    border-left: 2px solid #fff;
}

#mainnav li a{
    position: relative;
    display: inline-block;
    padding: 10px 30px 9px 30px;
    border-right: 2px solid #fff;
    color: #fff;
    font-family: "fira_sansmedium";
    width: 100%;
    white-space: nowrap;
}
#mainnav li a.active{
    background-color: #fff;
    color: #111;
}

#mainnav li:HOVER ul li:HOVER a,
#mainnav li:HOVER ul li a:HOVER,
#mainnav li:HOVER a{
    background-color: #149CD8;
}

#mainnav li:HOVER ul li:HOVER ul li a{
    background-color: #47B048;
}
#mainnav li:HOVER ul li:HOVER ul li a:HOVER{
    background-color: #149CD8;
}



#mainnav .icon:before{
    position: absolute;
    margin: -2px 0 0 -25px;
}

#mainnav .search:before{
    margin: 0;
    -webkit-transform: translateX(-40%);
        -ms-transform: translateX(-40%);
            transform: translateX(-40%);
}

#mainnav .home{
    padding-left: 50px;
}

#mainnav .more:before{
    position: absolute;
    font-size: 12px;
    right: 10px;
    margin-top: 4px;
    opacity: .7;
}

#mainnav li ul{
    position: absolute;
    top: 42px;
    left: -2px;
    text-align: left;
    display: none;
}

#mainnav li:NTH-CHILD(2) ul{
    left: 0px;
}

#mainnav li:HOVER ul{
    display: block;
}

#mainnav li ul li{
    display: block;
}

#mainnav li:HOVER ul li a,
#mainnav li ul li a{
    background-color: #47B048;
    border: 2px solid #fff;
    border-bottom: 0px;
    font-family: "fira_sanslight";
}
#mainnav li ul li:LAST-CHILD a,
#mainnav li ul li ul li:LAST-CHILD a,
#mainnav li ul li:LAST-CHILD ul li:LAST-CHILD a{
    border-bottom: 2px solid #fff;
}

#mainnav li ul li:LAST-CHILD ul li a{
    border-bottom: 0;
}

#mainnav li ul li:nth-child(1){
    position: relative;
}

#mainnav li ul li:HOVER,
#mainnav li ul li:HOVER a.more{
    width: 100%;
}


#mainnav li:HOVER ul li ul,
#mainnav li ul li ul{
    position: absolute;
    left: calc(100% - 2px);
    top: 0;
    white-space: nowrap;
    display: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

#mainnav li ul li:HOVER ul{
    display: block;
}

#mainnav li ul li ul li,
#mainnav li ul li ul li a{
    display: block;
/*    border-bottom: 0px!important;*/
}

.mobile #mainnavbox,
.fixednav #mainnavbox{
    position: fixed;
    height: 100vh;
    top: 0;
    background-color: rgba(255,255,255,0.5);
    -webkit-transform: translate3d(0,calc(-100% - 42px),0);
            transform: translate3d(0,calc(-100% - 42px),0);
    background-image: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    overflow: hidden;
}

.css_no_backdrop.mobile #mainnavbox,
.css_no_backdrop.fixednav #mainnavbox{
    background-color: rgba(255,255,255,0.9);
}

.mobile #mainnavbox,
#mainnavbox.fixedtrans{
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    transition: -webkit-transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    -o-transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.fixednav #mainnavbox.show{
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
}

.fixednav #mainnavbox ul{
    width: calc(100% - 12px);
    text-align: left;
}

.fixednav #mainnavbox ul li{
    display: block;
}

.fixednav #mainnav li ul{
    top: 0;
}

.fixednav #mainnavbox ul li ul,
.fixednav #mainnavbox ul li ul li ul{
    position: relative;
    display: block;
    width: 100%;
    left: 0;
    height: 0;
    overflow: hidden;
}



.fixednav #simplebar{
    position: relative;
    top: 100px;
    max-height: calc(100% - 100px);
    width: 40%;
}

.mobile #simplebar{
    max-height: 100%;
}

.mobile #simplebar{
    top: 42px;
}


.fixednav #mainnav li a,
.fixednav #mainnav li ul li a,
.fixednav #mainnav li ul li ul li a,
.fixednav #mainnav li:HOVER ul li a,
.fixednav #mainnav li:HOVER ul li:HOVER ul li a{
    background-color: rgba(229,245,251,0.7);
    margin-bottom: 4px;
    border: 0;
    color: #111;
}

.fixednav #mainnav li .menu_suche{
    display: none;
}

.mobile #mainnav li .menu_suche{
    display: block;
}

.fixednav #mainnav li .home{
    padding-left: 30px;
}
.fixednav #mainnav li .home:BEFORE{
    position: absolute;
    right: 12px;
}



.fixednav #mainnav li a:HOVER,
.fixednav #mainnav li ul li a:HOVER,
.fixednav #mainnav li ul li ul li a:HOVER,
.fixednav #mainnav li ul li:HOVER ul li a:HOVER{
    background-color: rgba(20,156,216,0.5);
}

.fixednav #mainnav li ul li a{
    padding-left: 50px;
}
.fixednav #mainnav li ul li ul li a{
    padding-left: 70px;
}

.fixednav #mainnav .menu_count{
    position: relative;
    vertical-align: top;
}

.fixednav #mainnav li:nth-child(1){
    position: relative;
    left: auto;
}

.fixednav #mainnavbox .sharebox{
    display: block;
    position: absolute;
    top: 239px;
    left: calc(40% + 20px);
    color: #149CD8;
    width: calc(60% - 20px);
    text-align: right;
}

.mobile #mainnavbox .sharebox{
    display: none;
}

.mobile .morebuttonfixed{
    display: none!important;
}

.mobile #simplebar{
    width: 100%;
}

.fixednav #mainnavbox .sharebox ul{
    width: 100%;
    margin-bottom: 20px;
    text-align: right;
}
.fixednav #mainnavbox .sharebox ul li{
    display: inline-block;
}

.fixednav #mainnavbox .sharebox ul li a{
    padding-left: 10px;
    padding-right: 0;
}
.fixednav #mainnavbox .shareheadline{
    font-family: 'fira_sanslight';
    color: #20282D;
}


.css_no_backdrop.mobile #mainnavbox{
    background-color: rgba(255,255,255,.95);
}

.mobile #mainnav{
    position: relative;
    width: 300vw!important;
/*    top: 42px;*/
    padding-bottom: 20px!important;
}

.mobile .navul{
    width: 100vw;
    top: 0;
    left: 0;
}

.mobile #mainnav li{
    position: unset;
    width: 100vw;
}

.mobile .menu_count{
    font-size: 12px;
    vertical-align: top;
    font-family: 'fira_sansbold';
    margin-left: 5px;
    color: #47B048;
}

.mobile .back{
    margin-bottom: 15px;
}

.mobile #mainnav li:hover ul li a,
.mobile #mainnav li ul li a{
    background-color: transparent;
}

.mobile #mainnav .ullvl2 li a,
.mobile #mainnav .ullvl3 li a,
.mobile #mainnav li a{
    font-family: "fira_sansregular";
    font-size: 20px;
}

.mobile #mainnav ul{
    overflow: visible!important;
    top: 0;
    height: auto!important;
    position: absolute!important;
}

.mobile #mainnav ul.ullvl2{
    left: 100vw;
/*    display: none;*/
}

.mobile #mainnav ul.ullvl3{
    left: 100vw;
/*    display: none;*/
}

.mobile #mainnav li a:HOVER,
.mobile #mainnav li a{
    padding: 15px!important;
    background-color: transparent!important;
    margin-bottom: 0!important;
}


#mainnav .menu_count{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    font-family: "fira_sansbold";
    padding: 5px;
}

#mainnav li a.menu_home{
    padding-left: 40px;
}

.menu_home:before{
    position: absolute;
    left: 12px;
    top: 7px;
}

.menu_icon:before{
    position: absolute;
}

.menu_suche:before{
    -webkit-transform: translateX(-45%);
        -ms-transform: translateX(-45%);
            transform: translateX(-45%);
}

.mobile .menu_suche::before{
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}

.mobile a.back{
    font-family: "fira_sanslight"!important;
}

.mobile .menu_icon:before,
.mobile .back:before,
.mobile .morebuttonmobile,
.fixednav .morebuttonfixed{
    display: block;
    position: absolute;
    top: 5px;
    right: 10px;
    height: 42px;
    width: 42px;
    background-color: #149CD8;
    color: #fff;
    text-align: center;
    line-height: 40px;
}

.fixednav .morebuttonfixed{
    top: 0;
    right: 0;
}

.fixednav .morebuttonfixed.open{
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.mobile .menu_icon:before{
    background-color: rgba(0,0,0,0.1);
    color: #20282D;
}

.mobile .back:before{
    background-color: #47B048;
}


#subnavbox{
    position: fixed;
    top: 0;
    left: 0;
    height: 42px;
    width: 100%;
    background-color: rgba(255,255,255,0.5);
    z-index: 9000;
    text-align: right;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

#subnavboxbg{
    position: fixed;
    top: 0;
    left: 0;
    height: 42px;
    width: 100%;
    background-color: #fff;
    z-index: 800;
}

#subnav{
    position: relative;
    vertical-align: top;
    top: 0;
    display: inline-block;
    margin-right: -2px;
}

#subnav .icon{
    position: absolute;
    margin-left: -30px;
    margin-top: -2px;
}

#subnav li{
    vertical-align: top;
}

#subnav_mobile li a,
#subnav li a{
    display: block;
    padding: 14px 30px 14px 30px;
    background-color: #ccc;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #47B048;
    border: 2px solid #fff;
    border-top: 0px;
    color: #fff;
    -webkit-box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
            box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	-webkit-transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
	-o-transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
	transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

#subnav_mobile li a{
    border: 0;
}

#subnav li a.c2a{
    padding-left: 50px;
}

#subnav_mobile li:NTH-CHILD(2) a,
#subnav li:NTH-CHILD(2) a{
    background-color: #149CD8;
    margin-left: 4px;
}

#subnav li a:HOVER{
    padding: 25px 30px 14px 50px;
}


#subnav_mobile li a{
    position: relative;
    border-radius: 0;
    margin: 0!important;
    color: #fff!important;
    padding: 15px;
    padding-left: 65px;
    font-size: 20px;
}

#subnav_mobile li:NTH-CHILD(2) a{
    padding-bottom: 50px;
}

#subnav_mobile li a .icon{
    position: absolute;
    width: 52px;
    height: 100%;
    left: 0;
    top: 0;
    margin-right: 5px;
    background-color: rgba(0,0,0,0.3);
    text-align: center;
    line-height: 50px;
}

#subnav2box{
    top: 0;
    height: 42px;
    display: inline-block;
    vertical-align: top;
    margin: 14px 20px 0 0;
    font-size: 15px;
    color: #149CD8;
}

#subnav2 li{
    border-right: 2px solid #ccc;
    padding-right: 5px;
    margin-right: 5px;
}

#subnav2 li a:HOVER{
    color: #20282D;

}

#subnav2 li:LAST-CHILD{
    border-right: 0;
    padding-right: 0;
    margin-right: 0;
}

#subnav_mobile{
    position: absolute;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.4);
            box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.4);
    top: 100%;
    -webkit-transition: top .3s cubic-bezier(0.34, 1.56, 0.64, 1) 1000ms;
    -o-transition: top .3s cubic-bezier(0.34, 1.56, 0.64, 1) 1000ms;
    transition: top .3s cubic-bezier(0.34, 1.56, 0.64, 1) 1000ms;
}

/*
.menu_open #subnav_mobile{
    transform: translate3d(0,0,0);
}
*/

#navbutton_box{
    display: inline-block;
    width: 0;
    overflow: hidden;
    -webkit-transition: all 500ms cubic-bezier(0.690, 0.155, 0.185, 1.650);
    -o-transition: all 500ms cubic-bezier(0.690, 0.155, 0.185, 1.650);
    transition: all 500ms cubic-bezier(0.690, 0.155, 0.185, 1.650); /* custom */
}



#navbutton{
    position: relative;
    display: block;
    height: 42px;
    width: 55px;
/*    border-bottom: 11px solid rgba(255,255,255,0.5);*/
    background-color: transparent;
}

#navbutton span{
    position: absolute;
    top: 19px;
    left: 15px;
    display: block;
    width: 25px;
    height: 3px;
    background-color: #111;
    display: block;
}

#navbutton span,
#navbutton span:nth-child(1),
#navbutton span:nth-child(3){
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0.75, 0);
    -o-transition: all 0.2s cubic-bezier(0.5, 0, 0.75, 0);
    transition: all 0.2s cubic-bezier(0.5, 0, 0.75, 0);
}

#navbutton span:nth-child(1){
    margin-top: -6px;
}
#navbutton span:nth-child(3){
    margin-top: 6px;
    width: 17px;
}

#navbutton:HOVER span{
    width: 25px;
}

#navbutton_box.open span:nth-child(2){
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
}

#navbutton_box.open span:nth-child(1){
    margin-top: 0;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
#navbutton_box.open span:nth-child(3){
    margin-top: 0;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    width: 25px;
}


#navbutton_box:after{
    content: 'Menü';
    position: absolute;
    right: -55px;
    top: 16px;
    font-family: fira_sanslight;
    font-size: 12px;
    width: 55px;
    opacity: 0;
    -webkit-transition: all 500ms cubic-bezier(0.690, 0.155, 0.185, 1.650);
    -o-transition: all 500ms cubic-bezier(0.690, 0.155, 0.185, 1.650);
    transition: all 500ms cubic-bezier(0.690, 0.155, 0.185, 1.650); /* custom */
    -webkit-transition-delay: 500ms;
         -o-transition-delay: 500ms;
            transition-delay: 500ms;
    text-align: left;
}

#navbutton_box:hover:after{
    content: 'öffnen';
}

#navbutton_box.open:hover:after{
    content: 'schließen';
}


.mobile #navbutton_box,
#navbutton_box.show{
    width: 55px;
}
#navbutton_box.show:after{
    opacity: 1;
}
#navbutton_box.out:after{
    -webkit-transition-delay: 0ms;
         -o-transition-delay: 0ms;
            transition-delay: 0ms;
}

nav ul,
nav ul li{
    padding: 0;
    margin: 0;
    list-style: none;
}

nav ul li{
    display: inline-block;
}


#logobox{
    position: fixed;
    z-index: 900;
    top: 0;
}

#logo{
    position: fixed;
    left: 0;
    top: 42px;
    width: 170px;
    height: 170px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: rgba(255,255,255,1);
    text-align: center;
}

#logo img{
    width: 140px;
    height: auto;
}

#logo_klein{
    position: absolute;
    left: 0;
    height: 42px;
    width: auto;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
	transition: -webkit-transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
	-o-transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
	transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
	transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), -webkit-transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);

}
#logo_klein.show{
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

#topbutton{
    position: fixed;
    bottom: 0;
    width: 42px;
    height: 42px;
    background-color: #47B048;
    z-index: 7999;
    text-align: center;
    line-height: 42px;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}
#topbutton:HOVER{
    font-size: 30px;
}

.carousel{
    position: relative;
/*    width: 100vw;*/
    overflow: hidden;
/*
    left: 50%;
    transform: translateX(-50%);
*/
    white-space: nowrap;
}

#carouselbox{
    width: 100vw;
    overflow: hidden;
}

.carouselbox{
    position: relative;
    display: inline-block;
    overflow: hidden;
    float: left;
}

.carousel_meta_box{
    position: relative;
    width: 100%;
}

.carousel_button{
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,0.85);
    height: 100%;
    cursor: pointer;
    z-index: 100;
}

.carousel_button:before{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    color: #149CD8;
    font-size: 42px;
	-webkit-transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
	-o-transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
	transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.carousel_button:HOVER:before{
    font-size: 52px;
}

.carousel_button_left{
    left: 0;
}
.carousel_button_right{
    right: 0;
}

header{
    position: absolute;
    top: 0;
    width: 100%;
    height: 500px;
    background-color: #fff;
;
    z-index: 800;
    top: 42px;
}


#carousel_header .carousel_button{
    background-color: transparent;
    height: 100%;
}

#carousel_header .carousel_button:before{
    color: #fff;
}

#carousel_header{
    position: absolute;
    overflow: hidden;
    display: none;
}

#carousel_header,
#carousel_header .carouselbox{
    height: 100%;
}

#carousel_header .carousel{
    position: absolute;
    height: calc(100% - 40px);
}

.carousel_indicator_box{
    position: absolute;
    bottom: 55px;
    text-align: right;
    z-index: 4;
}


#carousel_projekte .carouselbox{
    min-height: 380px;
}

.carousel_overflow{
    position: relative;
    width: 100vw;
    height: auto;
    overflow: hidden;
}

.carousel_indicator{
    position: relative;
    right: 0;
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.progress_box{
    position: relative;
    display: inline-block;
    width: 100%;
    width: 300px;
}

.progress{
    content: '';
    position: relative;
    top: 11px;
    left: 0;
    width: 0;
    height: 3px;
    background-color: rgba(255,255,255,0.5);
}

.carousel_indicator_li{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    position: relative;
    padding: 0;
    margin: 0;
    display: inline-block;
    height: 4px;
    margin-right: 5px;
    -webkit-transition: all 0.5s cubic-bezier(0.12, 0, 0.39, 0);
    -o-transition: all 0.5s cubic-bezier(0.12, 0, 0.39, 0);
    transition: all 0.5s cubic-bezier(0.12, 0, 0.39, 0);
    background-color: rgba(255,255,255,0.5);
}

.carousel_indicator_li.active{
    background-color: #fff;
    width: 40px;
    -webkit-box-flex: 1.5;
        -ms-flex: 1.5;
            flex: 1.5;
}

.carousel_indicator_li:last-of-type{
    margin-right: 0px;
}

.carousel_center{
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 2;
}
.carousel_topbox{
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    overflow-x: hidden;
    overflow-y: visible;
}

.carousel_topbox_textbox{
    position: relative;
    width: 100%;
    height: 100%;
    margin-right: -20px;
    overflow: hidden;
}

.carousel_topbox_text{
    position: relative;
    margin: 0;
    text-align: right;
    padding: 20px;
    font-size: 42px;
    color: #fff;
    font-family: "fira_sansbold";
	-webkit-transition: all 1s cubic-bezier(0.65, 0, 0.35, 1);
	-o-transition: all 1s cubic-bezier(0.65, 0, 0.35, 1);
	transition: all 1s cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transform-origin: right;
        -ms-transform-origin: right;
            transform-origin: right;
    -webkit-transform: translate3d(100%,0,0);
            transform: translate3d(100%,0,0);
    z-index: 2;
    text-shadow: 0px 0px 19px rgba(0,0,0,0.5);
    right: -20px;
}

.out .carousel_topbox_text,
.active .carousel_topbox_text{
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
}

.carousel_topbox .lwn_button{
    position: relative;
    right: 0;
    margin-top: -65px;

    opacity: 0;
    -webkit-transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1) 1s, margin-top 0.6s cubic-bezier(0.22, 1, 0.36, 1) 1s;
    -o-transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1) 1s, margin-top 0.6s cubic-bezier(0.22, 1, 0.36, 1) 1s;
    transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1) 1s, margin-top 0.6s cubic-bezier(0.22, 1, 0.36, 1) 1s;
/*    transition-delay: 1s;*/
    z-index: 1;
}

.active .carousel_topbox .lwn_button{
    margin-top: -15px;
    opacity: 1;
}


.carousel_img{
    
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    
/*
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: auto;
    height: auto;
    min-width: 110%;
    min-height: 110%;
    z-index: 1;
    transition: filter 0.8s cubic-bezier(0.33, 1, 0.68, 1);
    transform-origin: center center;
     object-fit: cover;
*/
}


.carousel_textbox{
    position: absolute;
    width: 100%;
    height: 0px;
    bottom: 0;
    z-index: 10;
	-webkit-transition: all 500ms cubic-bezier(0.33, 1, 0.68, 1);
	-o-transition: all 500ms cubic-bezier(0.33, 1, 0.68, 1);
	transition: all 500ms cubic-bezier(0.33, 1, 0.68, 1);
}

.carouselbox:hover .carousel_textbox{
    height: 100%;
}

.carousel_headline{
    position: relative;
    top: 0;
    margin: 0;
    padding: 20px;
    color: #fff;
    font-family: 'fira_sansbold';
    text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	-webkit-transition: all 500ms cubic-bezier(0.33, 1, 0.68, 1);
	-o-transition: all 500ms cubic-bezier(0.33, 1, 0.68, 1);
	transition: all 500ms cubic-bezier(0.33, 1, 0.68, 1);
    -webkit-transform: translateY(calc(-100% + 3px));
        -ms-transform: translateY(calc(-100% + 3px));
            transform: translateY(calc(-100% + 3px));
    border-bottom: 3px solid #fff;
    display: inline-block;
    white-space: normal;
}

.carouselbox:hover .carousel_headline{
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    padding: 20px;
    margin-bottom: 20px;
}

.tagline{
    display: block;
    font-family: 'fira_sanslight';
    font-size: 20px;
    border-bottom: 2px solid #fff;
    margin-bottom: 10px;
}

.carouselbox:hover .tagline{
    display: none;
}

.carousel_text{
    color: #fff;
    padding: 0 20px;
    width: 100%;
    white-space: normal;
    font-size: 18px;
	-webkit-transition: all 500ms cubic-bezier(0.33, 1, 0.68, 1);
	-o-transition: all 500ms cubic-bezier(0.33, 1, 0.68, 1);
	transition: all 500ms cubic-bezier(0.33, 1, 0.68, 1);
    opacity: 0;
}

.carouselbox:hover .carousel_text{
    opacity: 1;
}

.carousel_button_small{
    position: absolute;
    display: inline-block;
    background-color: #149CD8;
    color: #fff;
    font-size: 18px;
    padding: 5px 10px;
    bottom: 20px;
    right: 20px;
    -webkit-transition: color 100ms cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 500ms cubic-bezier(0.33, 1, 0.68, 1);
    transition: color 100ms cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 500ms cubic-bezier(0.33, 1, 0.68, 1);
    -o-transition: transform 500ms cubic-bezier(0.33, 1, 0.68, 1), color 100ms cubic-bezier(0.33, 1, 0.68, 1);
    transition: transform 500ms cubic-bezier(0.33, 1, 0.68, 1), color 100ms cubic-bezier(0.33, 1, 0.68, 1);
    transition: transform 500ms cubic-bezier(0.33, 1, 0.68, 1), color 100ms cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 500ms cubic-bezier(0.33, 1, 0.68, 1);
    -webkit-transform: translateX(200px);
        -ms-transform: translateX(200px);
            transform: translateX(200px);
}

.carouselbox:hover .carousel_button_small{
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
}

.carousel_button_small:HOVER{
    background-color: #FECD03;
}

#carousel_news .carouselbox .carousel_img,
#carousel_projekte .carouselbox .carousel_img{
    width: auto;
    height: auto;
    min-width: 110%;
    min-height: 110%;
}

#carousel_news .carouselbox:HOVER .carousel_img,
#carousel_projekte .carouselbox:HOVER .carousel_img{
    -webkit-filter: blur(20px);
            filter: blur(20px);
}

#carousel_news .carouselbox .datebox{
    -webkit-transition: opacity 500ms cubic-bezier(0.33, 1, 0.68, 1);
    -o-transition: opacity 500ms cubic-bezier(0.33, 1, 0.68, 1);
    transition: opacity 500ms cubic-bezier(0.33, 1, 0.68, 1);
}
#carousel_news .carouselbox:HOVER .datebox{
    opacity: 0;
}

#carousel_news .carouselbox{
    min-height: 350px;
}

#carousel_news .progress_box,
#carousel_projekte .progress_box{
    bottom: 0;
}

#carousel_news .carousel_indicator_li,
#carousel_projekte .carousel_indicator_li{
    background-color: #ccc;
}

#carousel_news .carousel_indicator_li.active,
#carousel_projekte .carousel_indicator_li.active{
    background-color: #47B048;
}

#carousel_projekte .carousel_indicator_box,
#carousel_news .carousel_indicator_box{
    bottom: auto;
    top: -15px;
    text-align: right;
}

.nimagazintext{
    height: 100%;
    -webkit-transform: translateX(calc(-50% - 10px));
        -ms-transform: translateX(calc(-50% - 10px));
            transform: translateX(calc(-50% - 10px));
}

.nimagazintext .half{
    height: 100%;
}

.nimagazintext ul{
    margin: 0;
}

.nimagazintext ul li{
    list-style: none;
}


#autorpage .lwn_imgbox, 
#autorpage .lwn_cutclass, 
#autorpage .lwn_cutclass .lwn_imgbox{
    height: 100%;
}

#autorpage .flexbox{
    gap: 20px;
}

#user_info .flexbox{
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#user_info .flexchild{
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(33.333% - (40px / 3));
            flex: 1 1 calc(33.333% - (40px / 3));
    margin-right: 20px;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    background-color: #E8F5FB;
    margin-bottom: 20px;

}

#user_info h3{
    margin-bottom: 20px;
}

#user_info .flexchild:NTH-CHILD(3n){
    margin-right: 0;
}

#user_info .singleauthor{
    gap: 20px;
}

#user_info .singleauthor .flexchild{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
}
#user_info .singleauthor .flexchild:NTH-CHILD(2){
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
    margin: 0;
}

#user_info .singleauthor .user_text{
    border: 0;
}

.user_img img{
    top: auto;
    left: auto;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    display: block;
}

.user_text{
    border-top: 4px solid #fff;
    padding: 20px;
    padding-bottom: 42px;
}

.user_name{
    margin-bottom: 20px;
    font-size: 20px;
}

.user_kontakt{
    padding-left: 20px;
    line-height: 1.5;
}

.autortext p:FIRST-OF-TYPE{
    margin-top: 0;
}

.user_kurzvita{
    padding: 20px 0;
}

#user_info .flexchild .ni_button{
    position: absolute;
    bottom: 0;
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
}

#user_info .singleauthor .ni_button{
    left: auto;
    right: 0;
    border-right: 0;
    border-left: 4px solid #fff;
}

#mehr_zum_thema h3{
    margin-bottom: 20px;
}

#mehr_zum_thema_box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

#mehr_zum_thema_box .card{
    -ms-flex-preferred-size: calc(25% - (60px / 4));
        flex-basis: calc(25% - (60px / 4));
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}

.card .lwn_copy_box{
    height: 100%;
}

.card h2{
    margin-top: 5px;
    font-size: 24px;
    margin-bottom: 20px;
}

.search_result{
    padding: 0;
    margin: 0;
    list-style: none;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    border-top: 2px solid #E8F5FB;
    padding-top: 20px;
    margin-top: 20px;
}

.search_result_li{
    margin: 0;
    padding: 0;
    margin-bottom: 30px;
}

.search_result_li a{
    color: #149CD8;
}

.search_result_li p{
    margin-top: 5px;
}

.search_hl{
    font-size: 32px;
    margin-bottom: 5px;
    line-height: 1.1;
}

#birdsearch{
    margin-bottom: 20px;
}

#birdsearch,
#navsearchbox .searchform,
#searchpage .searchform{
    position: relative;
    padding: 30px;
    background-color: #EDF7ED;
}

#birdsearch input,
#navsearchbox input,
#searchpage input{
    position: relative;
    padding: 9px 15px 8px 15px;
    border: 2px solid #fff;
    font-size: inherit;
    font-family: inherit;
}

#birdsearch #searchsubmit,
#navsearchbox #searchsubmit,
#searchpage #searchsubmit{
    width: 145px;
    text-align: center;
    border: 0;
    margin: 0;
    white-space: nowrap;
    padding: 12px 15px 12px 60px;
}

#birdsearch #searchsubmit:before,
#navsearchbox #searchsubmit:before,
#searchpage #searchsubmit:before{
    width: 47px;
    line-height: 47px;
}

#birdsearch #s,
#navsearchbox #s,
#searchpage #s{
    position: relative;
    z-index: 1;
    width: calc(100% - 145px);
}

#searchloading{
    position: absolute;
    right: 170px;
    top: 30px;
    height: 47px;
    width: 47px;
    z-index: 2;
    display: none;
}

#birdsearch #s:FOCUS,
#navsearchbox #s:FOCUS,
#searchpage #s:FOCUS{
    outline: none;
    border: 2px solid #149CD8;
    border-right: 0px;
}

.search_cat{
    color: #47B048;
}

#navsearchbox{
    right: 0;
    top: 100px;
    display: none;
    width: calc(60% - 20px);
    position: absolute;
}

.fixednav #navsearchbox{
    display: block;
}

.search_ajax{
    position: absolute;
    display: inline-block;
    background-color: #EDF7ED;
    margin: 0;
    list-style: none;
    left: 0;
    top: 112px;
    padding: 30px;
    z-index: 100;
    display: none;
    -webkit-transform: none!important;
        -ms-transform: none!important;
            transform: none!important;
    width: 100%!important;
}

.search_ajax li{
    margin-bottom: 5px;
    list-style: none;
    overflow: hidden;
}


.searchlink{
    position: relative;
    padding: 10px 15px;
    background-color: #ccc;
    margin-bottom: 5px;
    display: inline-block;
    background-color: #fff;
    color: #041F2B!important;
    border: 0!important;
    white-space: nowrap;
}

.searchlink span{
    color: #47B048!important;
}

.searchlink.search_icon{
    padding-left: 52px;
}

.searchlink:HOVER,
.searchlink:HOVER span,
.searchlink.active,
.searchlink.active span{
    background-color: #149CD8;
    color: #fff!important;
}

.search_link_more{
    white-space: nowrap;
}

.sharebox{
    color: #fff;
}

.mobile .sharebreak{
    display: none;
}

.sharelist,
.sharelist li{
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0;
}
.sharelist li a{
    font-size: 48px;
}

.sharelist li{
    opacity: .7;
}

.sharelist a{
    display: block;
    line-height: 1;
    padding-right: 10px;
}

.sharelist li:HOVER{
    opacity: 1;
}



.tnp.tnp-subscription{
    background-color: #EDF7ED;
}

.tnp.tnp-subscription form{
    max-width: var(--thewidth);
    background-color: #EDF7ED;
    padding: 50px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

.tnp.tnp-subscription label{
    padding: 0!important;
    margin-bottom: 10px!important;
}


.tnp-subscription input[type="text"], .tnp-subscription input[type="email"], .tnp-subscription input[type="submit"], .tnp-subscription select {
    border: 2px solid #fff!important;
    background-color: #fff!important;
    font-size: inherit!important;
}

input.tnp-submit,
.tnp-subscription input.tnp-submit{
    position: relative;
    background-color: #149CD8!important;
    padding: 10px 15px 9px 52px!important;
    margin-top: 20px;
    text-decoration: none;
    color: #fff;
    font-family: 'fira_sansregular';
    display: inline-block;
    cursor: pointer;
    -webkit-transition: padding 0.3s cubic-bezier(0.33, 1, 0.68, 1);
    -o-transition: padding 0.3s cubic-bezier(0.33, 1, 0.68, 1);
    transition: padding 0.3s cubic-bezier(0.33, 1, 0.68, 1);
    overflow: hidden;
    border: 0!important;
    background-image: url(pix/form_newsletter.png)!important;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: auto 100%;
    min-height: 42px;
}

input.tnp-submit:HOVER,
.tnp-subscription input.tnp-submit:HOVER{
    background-color: #47B048!important;
}

.tnp-subscription input[type="text"]:FOCUS,
.tnp-subscription input[type="email"]:FOCUS{
    outline: none!important;
    border: 2px solid #149CD8!important;
}

.tnp.tnp-profile{
    background-color: #EDF7ED;
}

.tnp.tnp-profile form{
    width: var(--thewidth);
    position: relative;
    left: 50%;
    padding: 20px;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

.tnp-field.tnp-field-email label{
    margin-bottom: 10px;
    display: block;
}

    
.ni_newsletter_start .tnp.tnp-subscription form{
    background-color: transparent;
    padding: 0;
}
    


#paginationbox{
    border-top: 4px solid #E8F5FB;
    margin-top: 40px;
    text-align: right;
}

#paginationbox .ni_button{
    margin-left: 20px;
}

#paginationbox .pagination_back{
    margin-left: 0;
}

.container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
}

#koepfe{
    gap: 20px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

#koepfe .flexchild{
    -ms-flex-preferred-size: calc(33.333% - (40px / 3));
        flex-basis: calc(33.333% - (40px / 3));
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    background-color: #E8F5FB;
}

#koepfe .flexchild .ni_button{
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
}

.card{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background: #E8F5FB;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -ms-flex-preferred-size: calc(33.3333% - (40px / 3) );
        flex-basis: calc(33.3333% - (40px / 3) );
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}

.card .lwn_cutclass,
.card .lwn_cutclass .lwn_imgbox{
    height: 100%;
}

.container .card:nth-child(3n){
    margin-right: 0;
}

/*
.card > * {
    flex: 1 1 280px;
}
*/

.content {
    position: relative;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    padding: 20px;
    padding-bottom: 64px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
}


.media {
    width: 100%;
    position: relative;
    background: black;
    min-height: 280px;
    max-height: 280px;
    overflow: hidden;
    border-bottom: 4px solid #fff;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    
}

.media img{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover
}

.card .ni_button{
    position: absolute;
    bottom: 0;
    right: 0;
    border-top: 4px solid #fff;
    border-left: 4px solid #fff;
    margin: 0;
}

.firstletter{
    font-size: 32px;
    font-family: 'fira_sanslight';
    border-bottom: 4px solid #E8F5FB;
    display: block;
    margin-bottom: 20px;
}

.lexikon_box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0 20px;
}

.lexflex{
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.lexflex h2{
    margin-top: 20px;
}

.lexikon_box img{
    display: block;
}

.lexflex:NTH-CHILD(2){
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
}


.tierportrait_img{
    position: relative;
    margin-right: 20px;
    margin-bottom: 20px;
}

.tierportrait_img img{
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
}

.tierportrait_table{
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
    margin-bottom: 40px;
}

.tierportrait_table tr th{
    background-color: #47B048;
    color: #fff;
    padding: 10px;
}

.tierportrait_table tr td{
    padding: 10px;
    vertical-align: top;
}

.tierportrait_table tr:nth-child(odd) td{
    background-color: #E8F5FB;
}

.tierportrait_table tr td:nth-child(1){
    -webkit-hyphens: none;
        -ms-hyphens: none;
            hyphens: none;
}


#archive_feature,
.wissen_overview_box{
    margin-bottom: 70px;
    padding-bottom: 30px;
    border-bottom: 4px solid #E8F5FB;
}

#archive_feature_hl{
    margin-bottom: 20px;
}

.backbox{
    margin-bottom: 20px;
}

.wissen_overview_box img{
    width: 100%;
    height: auto;
    display: block;
}

.archive_teaser{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
    background-color: #E5F5FB;
}

.archive_teaser h2{
    margin-top: 0;
}

.archive_teaser .lwn_button{
    position: absolute;
    bottom: 0;
    right: 0;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    margin-top: 0;
}

.at_imgbox,
.at_textbox{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.at_imgbox{
    position: relative;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-preferred-size: 400px;
        flex-basis: 400px;
}

.at_imgbox img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.at_imgbox .lwn_imgbox,
.at_imgbox .lwn_cutclass,
.at_imgbox .lwn_cutclass .lwn_imgbox{
    height: 100%;
}

.at_textbox{
    position: relative;
    padding: 20px;
    border-left: 4px solid #fff;
}

.ni_magazin_box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.archive_teaser_magazin{
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -ms-flex-preferred-size: calc(33.3333% - (40px / 3));
        flex-basis: calc(33.3333% - (40px / 3));
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    padding: 20px;
    background-color: #E5F5FB;
    overflow: hidden;
}

.archive_teaser_magazin_box{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 102%;
    background-color: rgba(229,245,251,0.9);   
    padding: 10px 20px;
    padding-bottom: 50px;
    margin-bottom: -30px;
    z-index: 2;
/*    border-top: 4px solid #fff;*/
    -webkit-transform: translate3d(0, 150%, 0);
            transform: translate3d(0, 150%, 0);
/*    box-shadow: 0px 0px 10px 0px #000000;*/
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: -webkit-transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    -o-transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), -webkit-transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.archive_teaser_magazin:HOVER{
}

.archive_teaser_magazin:HOVER .archive_teaser_magazin_box{
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.archive_teaser_magazin_box b{
    display: block;
    color: #47B048;
}

.archive_teaser_magazin img{
    position: relative;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
    z-index: 1;
}

.flexmagbox{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 40px;
}

.flexmag{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

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

.flexmag ul{
    list-style: none;
    margin: 0;
    margin-top: 40px;
    padding: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}

.flexmag ul li{
    list-style: none;
    margin-bottom: 20px;
}


.wob2{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}

.wob2 .flexchild:nth-child(1){
    margin-right: 0;
    margin-left: 20px;
}

#pressebilder h3{
    margin-bottom: 10px;
}

#pressebilder h3 span{
    font-family: 'fira_sanslight';
}

#pressebilder .lwn_button{
    display: inline-block;
}

#pressebilder .flexchild{
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
}

#pressebilder .flexbox{
    margin-bottom: 20px;
}

#pressebilder .text{
    margin-left: 20px;
}

footer{
    position: relative;
    width: 100vw;
    color: #fff;
    padding-top: 10px;
    height: auto;
    padding-bottom: 90px;
    border-bottom: 2px solid #149CD8;
    border-top: 8px solid #47B048;
    z-index: 1000;
    background-color: #ccc;
    line-height: 1.35;
}

footer b,
footer strong,
#footerbottombox b,
#footerbottombox strong{
    color: #fff;
}

.footerhl{
    position: relative;
}

#footerbox .flexchild{
    overflow: visible;
    margin-right: 20px;
}

#footerbox .flexchild:LAST-OF-TYPE{
    margin-right: 0;
}

.footerhl:before{
    position: absolute;
    top: -10px;
    height: 58px;
    width: 58px;
    left: -62px;
    font-size: 55px;
}

#untenauf{
    position: absolute;
    width: 1px;
    height: 1px;
}

#footerbg{
    position: absolute;
    bottom: 0;
    left: 50%;
    min-width: 110%;
    min-height: 110%;
    height: auto;
    width: auto;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 1;
}

#footerbgbox{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#footerbox{
    position: relative;
    z-index: 2;
}

footer h3{
    margin: 40px 0 20px 0;
    color: #fff;
    font-family: "fira_sanslight";
    line-height: 1.1;
}


footer table{
    width: 100%;
    margin-top: 20px;
}

#footernavi,
#footernavi li{
    padding: 0;
    margin: 0;
    list-style: none;
}

#footernavi li,
footer table tr td{
    padding: 5px 0;
}

#footernavi a,
footer table a{
    background-color: rgba(255,255,255,0.3);
    padding: 4px 7px 2px 7px;
}

footer .ni_button{
    margin-top: 0;
    background-color: rgba(255,255,255,0.3);
}

footer .ni_button:HOVER,
#footernavi a:HOVER,
footer table a:HOVER{
    background-color: #fff;
    color: #041F2B!important;
}




#footerbottombox{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #20282D;
    color: #fff;
    text-align: center;
    padding: 15px 0;
    font-size: 16px;
    z-index: -1;
}

#footerbottombox span{
    display: block;
    padding-right: 20px;
}



#madeby{
    position: absolute;
    right: 7px;
    top: -2px;
    font-size: 24px;
    opacity: .3;
}
#madeby:HOVER{
    opacity: 1;
}


.mobile .desktoponly{
    display: none!important;
}
.desktop .mobileonly{
    display: none!important;
}

.mobile #mainnavbox ul{
    width: 100vw;
}

.mobile #mainnavbox .more:before{
    display: none;
}

.tierportraits_box{
    margin-bottom: 70px;
}

.tierportraits_box img{
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: 1;
}

.tierportraits_box h2{
    -webkit-transform: translateY(calc(-100% - 20px));
        -ms-transform: translateY(calc(-100% - 20px));
            transform: translateY(calc(-100% - 20px));
    position: absolute;
    z-index: 2;
    color: #fff;
    margin-left: 20px;
    font-family: 'fira_sansbold';
    text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
    margin-top: 0;
}



.lwn_block{
    margin-top: 20px;
    margin-bottom: 40px;
}


.lwn_block_news .lwn_flexchild{
    background-color: #E5F5FB;
    font-size: 18px;
}

.lwn_newstext{
    padding: 10px;
}

.lwn_zumthema{
    padding-bottom: 40px;
}

.media.lwn_newsimg{
    flex: none;
    -webkit-box-flex: none;
    -ms-flex: none;
    min-height: 180px;
    
}

.lwn_newstext h3{
    margin-bottom: 20px;
    letter-spacing: 0.5px;
}

.lwn_button{
    position: relative;
    background-color: #149CD8;
    color: #fff;
    padding: 12px 20px 10px 52px;
    min-height: 42px;
}


.lwn_button b,
.lwn_button strong,
.ni_button b,
.ni_button strong{
    color: #fff;
}
.ni_button:HOVER,
.lwn_button:HOVER{
    background-color: #47B048;
    color: #fff!important;
}


.search_ajax .search_icon:BEFORE,
.lwn_button:BEFORE{
    position: absolute;
    width: 40px;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.3);
    text-align: center;
    line-height: 42px;
}

.lwn_newslist .lwn_flexchild .lwn_button{
    bottom: 0;
    right: 0;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
}

.lwn_newslist_event .lwn_post_date{
    display: none;
}

.ni_event_date,
.lwn_newslist_event b,
.lwn_newslist_event strong{
    color: #20282D;
}

.lwn_carousel_headline{
    color: #fff;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
    -webkit-transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
    -o-transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
    transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
    margin-bottom: 15px;
}

.lwn_carouselbox:HOVER .lwn_carousel_headline{
    text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
    
}

.lwn_carousel_indicator_li{
    background-color: #47B048;
    opacity: .3;
}
.lwn_carousel_indicator_li.active{
    background-color: #47B048;
    opacity: 1;
}

.lwn_imgbox,
.lwn_cutclass,
.lwn_cutclass .lwn_imgbox{
    height: auto;
}

.lwn_video_player_preloader{
    background: #47B048;
}

.lwn_textbox_overlay{
    background-image: none;
    -webkit-clip-path: none;
            clip-path: none;
}

.lwn_table_head{
    background-color: #47B048;
    color: #fff;
    text-align: center;
}

.lwn_table p{
    margin: 0;
}

.lwn_table tr td{
    vertical-align: top;
}

.lwn_table tr:nth-child(2n+1) td{
    background-color: #E8F5FB;
}

.lwn_video_player_preloader{
    display: none!important;
}

.lwn_vidbox.lwn_external .lwn_vcenter,
.lwn_vidbox.lwn_external .lwn_imgbox{
    height: 100%;
}

.lwn_thumbnail_consent{
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

.lwn_copy{
/*
    top: auto;
    bottom: 5px;
*/
}

.lwn_smallmedia .lwn_copy{
    right: 105px;
}

.lwn_block_repeater p{
    margin-top: 10px;
}

.lwn_block .tnp-subscription{
    background-color: transparent!important;
    padding: 20px!important;
}

.lwn_post_date{
    -webkit-transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
    -o-transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
    transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);   
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

.lwn_carousel_text{
    font-size: 16px;
}

.lwn_carousel_swipe_2{
    font-size: 26px;
    color: #fff;
    -webkit-animation-name: swipe;
            animation-name: swipe;
    -webkit-animation-duration: 3s;
            animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
}

@-webkit-keyframes swipe {
    0%{
        -webkit-transform: scale(1) translateX(20px) rotate(20deg);
                transform: scale(1) translateX(20px) rotate(20deg)
    }
    20%{
        -webkit-transform: scale(.7) translateX(20px) rotate(30deg);
                transform: scale(.7) translateX(20px) rotate(30deg)
    }
    
    80%{
        -webkit-transform: scale(.7) translateX(-20px) rotate(30deg);
                transform: scale(.7) translateX(-20px) rotate(30deg)
    }100%{
        -webkit-transform: scale(1) translateX(-20px) rotate(20deg);
                transform: scale(1) translateX(-20px) rotate(20deg)
    }
  }

@keyframes swipe {
    0%{
        -webkit-transform: scale(1) translateX(20px) rotate(20deg);
                transform: scale(1) translateX(20px) rotate(20deg)
    }
    20%{
        -webkit-transform: scale(.7) translateX(20px) rotate(30deg);
                transform: scale(.7) translateX(20px) rotate(30deg)
    }
    
    80%{
        -webkit-transform: scale(.7) translateX(-20px) rotate(30deg);
                transform: scale(.7) translateX(-20px) rotate(30deg)
    }100%{
        -webkit-transform: scale(1) translateX(-20px) rotate(20deg);
                transform: scale(1) translateX(-20px) rotate(20deg)
    }
  }

.lwn_carousel_textbox{
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.33, 1, 0.68, 1);
    transition: -webkit-transform 0.6s cubic-bezier(0.33, 1, 0.68, 1);
    -o-transition: transform 0.6s cubic-bezier(0.33, 1, 0.68, 1);
    transition: transform 0.6s cubic-bezier(0.33, 1, 0.68, 1);
    transition: transform 0.6s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 0.6s cubic-bezier(0.33, 1, 0.68, 1);
}

.lwn_carousel_swipe_indicator{
    display: none;
}
.mobile .lwn_carousel_swipe_indicator{
    display: block;
}


.lwn_carousel_textbox .lwn_button{
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.lwn_block_news .lwn_carouselbox .lwn_caption{
    display: none;
}


.small_img_right .lwn_flexparent .lwn_flexchild:NTH-CHILD(2){
    -webkit-box-flex: .5;
        -ms-flex: .5;
            flex: .5;
}

.small_img_right .lwn_flexparent .lwn_flexchild:NTH-CHILD(1) .lwn_halfwidth{
    width: 100%;
}


.small_img_left .lwn_flexparent .lwn_flexchild:NTH-CHILD(1){
    -webkit-box-flex: .5;
        -ms-flex: .5;
            flex: .5;
}

.small_img_left .lwn_flexparent .lwn_flexchild:NTH-CHILD(2) .lwn_halfwidth{
    width: 100%;
}

.lwn_question{
    font-family: 'fira_sansbold';
}

.lwn_question p{
    padding-left: 10px!important;
}

.lwn_answer{
    position: relative;
}

.lwn_answer p{
    padding-left: 30px!important;
}

.lwn_answer_icon{
    position: absolute;
    color: #245824;
    top: 0px;
    
}

.ni_partner_list img{
    -o-object-fit: initial;
       object-fit: initial;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.ni_partner_list .lwn_flexchild{
    margin-bottom: 40px;
}

/*
.ni_partner_list img:HOVER{
    filter: none;
    opacity: 1;
}
*/

.ni-gruen{
    color: #47B048;
}

.border_bottom{
    padding-bottom: 20px;
    border-bottom: 2px solid #E8F5FB;
    margin-bottom: 40px;
}

article div:not([class]), article div[class=""]{
    margin: 0 auto!important;
    padding: 0;
    max-width: var(--thewidth);
}

article p{
    margin: 20px auto!important;
}

article p a:not(.lwn_button),
article ul li a:not(.lwn_button):not(.searchlink){
    color: #149CD8;
    border-bottom: 2px solid #149CD8;
    padding: 0!important;
    line-height: 1.4;
}

article p a:HOVER:not(.lwn_button),
article ul li a:HOVER:not(.lwn_button){
    color: #47B048;
    border-bottom: 2px solid #47B048;
}

article h2{
    margin-top: 65px;
}

article h1+h2{
    margin-top: 15px;
}


.dk-speakout-petition-wrap input[type=text],
.dk-speakout-petition-wrap input[type=email]{
    margin-bottom: 20px;
}

.tnp-email,
.dk-speakout-petition-wrap input[type=text],
.dk-speakout-petition-wrap input[type=email],
.wpcf7-form select,
.wpcf7-form select option,
.wpcf7-form textarea,
.wpcf7-form input{
    padding: 10px 20px!important;
    line-height: 1!important;
    border: 2px solid #0A4E6C!important;
    background-color: transparent!important;
    font-family: 'fira_sansregular';
    max-width: 100%;
    overflow: hidden;
    min-width: 50%;
    font-size: 100%!important;
}

.tnp-email{
    width: 100%;
}

.wpcf7-form label{
    max-width: 50%;
}

.wpcf7-form textarea{
    height: 150px;
}

.wpcf7-form hr{
    margin: 50px auto;
}

.wpcf7-form select option,
.wpcf7-form select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    font-family: 'fira_sansregular';
}

#fragebogen_wildkatze_strasse p{
    margin: 5px 0;
}

#fragebogen_wildkatze_strasse div{
    margin-bottom: 30px;
}

.wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item{
    display: block;
    margin-bottom: 4px;
    padding-bottom: 1px;
}

.wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item label{
    padding-top: 7px;
}

.wpcf7-not-valid-tip{
    padding: 12px 20px;
    line-height: 1;
    background-color: #FE3303;
    color: #fff;
    margin-left: 20px;
    display: inline-block;
}

.wpcf7-form select{
    background-image: url(pix/form_arrow_down.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 44px 44px;
    padding-right: 64px;
}

.tnp-email:FOCUS,
.dk-speakout-petition-wrap input[type=text]:FOCUS,
.dk-speakout-petition-wrap input[type=email]:FOCUS,
.wpcf7-form select:FOCUS,
.wpcf7-form textarea:FOCUS,
.wpcf7-form input:FOCUS{
    border: 2px solid #149CD8!important;
    outline: none;
}

input.dk-speakout-error{
    border-color: #FE3303!important;
}

.wpcf7-form label{
    margin-bottom: 5px;
    font-family: 'fira_sansregular';
    display: block;
}

.wpcf7-checkbox input{
    min-width: 0;
}

.wpcf7-list-item{
    position: relative;
    margin: 0;
}

.wpcf7 form .wpcf7-response-output{
    background-color: #0A4E6C;
    border: 0;
    padding: 20px;
    text-align: center;
    color: #fff;
    margin: 50px 20px;
}

.dk-speakout-optin-checkbox label:BEFORE,
.dk-speakout-options-checkbox label:BEFORE,
.wpcf7-list-item-label:BEFORE{
    content: '';
    position: absolute;
    top: -2px;
    left: -44px;
    width: 24px;
    height: 24px;
    border: 2px solid #0A4E6C;
    text-align: center;
    line-height: 24px;
}


.dk-speakout-error ~ label{
    color: #FE3303;
}

.dk-speakout-optin-checkbox label,
.dk-speakout-options-checkbox label,
.wpcf7-list-item-label{
    position: relative;
    margin-left: 44px;
    display: block;
    font-family: 'fira_sansregular';
    cursor: pointer;
}

.dk-speakout-optin-checkbox input,
.dk-speakout-options-checkbox input,
.wpcf7-acceptance input,
.wpcf7-checkbox input{
    position: absolute;
    opacity: 0;
}

.dk-speakout-optin-checkbox input:checked ~ label:BEFORE,
.dk-speakout-options-checkbox input:checked ~ label:BEFORE,
.wpcf7-acceptance input:checked ~ .wpcf7-list-item-label:BEFORE,
.wpcf7-checkbox input:checked ~ .wpcf7-list-item-label:BEFORE {
    background-image: url(pix/form_check.png);
    background-position: center center;
    background-size: 100% 100%;    
}


.dk-speakout-optin-wrap,
.dk-speakout-bcc-wrap,
.dk-speakout-anonymise-wrap,
.dk-speakout-privacypolicy-wrap{
    margin-bottom: 10px;
}


.dk-speakout-options-checkbox a{
    color: #149CD8;
}

.dk-speakout-petition-wrap,
.wpcf7{
    background-color: #EDF7ED;
    padding: 50px 10px;
}

.wpcf7 h2{
    margin-top: 40px;
}


.wpcf7-validates-as-required .wpcf7-list-item-label{
    padding-right: 15px;
}

.dk-speakout-submit,
#cf7-submit{
    padding: 12px 20px!important;
    padding-left: 62px!important;
    background-color: #149CD8!important;
    border: 0!important;
    min-width: auto;
    background-image: url(pix/form_member.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: auto 100%;
    color: #fff;
    cursor: pointer;
}


#cf7-submit:disabled{
    opacity: .3;
}

.dk-speakout-submit:HOVER,
#cf7-submit:HOVER{
    background-color: #47B048;
}

#cf7-submit:disabled:HOVER{
    background-color: #149CD8;
}

#cf7-submit.submit_event{
    background-image: url(pix/form_event.png);
}

.dk-speakout-progress-wrap{
    width: var(--thewidth);
    margin: 20px auto;
}

.dk-speakout-petition-wrap h3{
    margin-bottom: 30px;
}

.dk-speakout-progress{
    width: 50%!important;
}

.dk-speakout-response,
.dk-speakout-signaturelistWrapper{
    width: var(--thewidth);
    margin: 20px auto;
}

.dk-speakout-signaturelist-header{
    font-size: 24px;
    margin-bottom: 20px;
}

.dk-speakout-signaturelist{
    background-color: #E8F5FB;
    border-bottom: 2px solid #fff;
}

.dk-speakout-signaturelist span{
    padding: 3px 5px;
    opacity: .5;
}

.dk-speakout-signaturelist span.dk-speakout-signaturelist-name{
    opacity: 1;
}

.dk-speakout-signature-count span{
    color: #149CD8;
}

.dk-speakout-signaturelist-id{
    min-width: 70px;
    text-align: right;
    display: inline-block;
    color: #149CD8;
    border-right: 2px solid #fff;
}

#event_back{
    display: inline-block;
}

#frb_logo{
    display: none;
}

#fbIframeDiv{
    width: 100%!important;
    max-width: 100%!important;
    background-color: #EDF7ED;
    padding: 40px 0;
}

#fbIframe{
    display:block;
    width: var(--thewidth)!important;
    margin: auto;
}


#dynamic-ec-store{
    width: var(--thewidth);
    margin: auto;
}

.mag_link{
    border-top: 2px solid #E5F5FB;
    border-bottom: 2px solid #E5F5FB;
    padding: 20px;
}


.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
    -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
            transform: scale(.5);
    margin-left: -20px;
}
.lds-ellipsis div {
  position: absolute;
  top: 0;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #149CD8;
  -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
          animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  -webkit-animation: lds-ellipsis1 0.6s infinite;
          animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
          animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
          animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  -webkit-animation: lds-ellipsis3 0.6s infinite;
          animation: lds-ellipsis3 0.6s infinite;
}
@-webkit-keyframes lds-ellipsis1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes lds-ellipsis1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes lds-ellipsis3 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@-webkit-keyframes lds-ellipsis2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(24px, 0);
            transform: translate(24px, 0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(24px, 0);
            transform: translate(24px, 0);
  }
}



/*SHOP*/

#dynamic-ec-store-container{
    width: var(--thewidth);
    margin: 0 auto;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control__prefix, html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control__suffix {
    border: 2px solid #0A4E6C !important;
    border-radius: 0 !important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__products--appearance-frame .grid-product__wrap-inner{
    border: 0!important;
    border-radius: 0!important;
    background-color: #E8F5FB!important;
    -webkit-box-shadow: none!important;
            box-shadow: none!important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__products--appearance-frame .grid-product__wrap-inner .grid-product__image-wrap{
    border-bottom: 2px solid #fff!important;
}
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__products--appearance-frame .grid-product__wrap-inner .grid-product__image,
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__products--appearance-frame .grid-product__wrap-inner .grid-product__image:HOVER{
    border-bottom: 2px solid #fff!important;
    background-color: #EDF7ED!important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__products--appearance-frame .grid-product__wrap-inner .grid-product__bg{
    background-color: #EDF7ED!important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__products--appearance-frame .grid-product__bg, html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__products--appearance-frame .grid-product__image-wrap, html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__products--appearance-frame .grid-product__shadow{
    border-radius: 0!important;
    background-color: transparent!important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control__button {
    border: 0!important;
    background-color: #149CD8!important;
    color: #fff!important;
    border-radius: 0!important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control__button:HOVER {
    -webkit-box-shadow: none!important;
            box-shadow: none!important;
    background-color: #47B048!important;
}

html#ecwid_html body#ecwid_body div.ecwid-productBrowser {
    padding: 20px 0!important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-store__content-wrapper:not(.ec-store__content-wrapper--wide) {
    max-width: 100%!important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .details-gallery__image-wrapper {
    padding: 50px!important;
    background-color: #E8F5FB!important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control:not(.form-control--focus) .form-control__text{
    border: 2px solid #0A4E6C!important;
    border-radius: 0!important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control.form-control--focus .form-control__text{
    border: 2px solid #149CD8!important;
    border-radius: 0!important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__picture{
    width: calc(100% - 20px)!important;
    height: calc(100% - 20px)!important;
    -o-object-fit: contain!important;
       object-fit: contain!important;
    -o-object-position: center center!important;
       object-position: center center!important;
    margin-left: 10px!important;
    margin-top: 10px!important;
}


html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-category__title{
    background-color: #149CD8!important;
    color: #fff;
    min-height: auto!important;
    padding: 12px 20px 10px 20px!important;
    hyphens: none!important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-category__title:HOVER{
    background-color: #47B048!important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-category__title-inner{
    color: #fff!important;
    margin: 0!important;
    transform: none!important;
}

html#ecwid_html body#ecwid_body .grid-product__title .grid-product__price-value.ec-price-item{
    max-width: 50px!important;
}

.start_buttons_bottom .lwn_button{
    position: absolute;
    top: auto!important;
    left: auto!important;
    bottom: 0!important;
    right: 0!important;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: none!important;
        -ms-transform: none!important;
            transform: none!important;
    display: block;
}

.wp-block-quote{
    background-color: #E8F5FB;
    padding: 20px 50px;
    margin-bottom: 40px;
    border-left: 4px solid #149CD8;
}

.shareme{
    background-color: #E8F5FB;
}

.shareme .sharelist{
    transform: none;
    margin: 20px 0 10px 0;
}

.shareme a{
    border-bottom: 0px!important;
}

.autorimg img{
    display: inline;
    object-fit: cover;
}

a[x-apple-data-detectors].class-name {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

@media screen and (orientation:portrait) { 
    .carousel_img{
        width: 100%;
        height: 100%;
        min-height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
    }
}


@media only screen and (min-width: 1921px) {
     :root{
        --thewidth: 1500px;
    }
    .thewidth{
        width: 1500px;
    }

    header{
        height: 700px;
    }
    main{
        margin-top: 742px;
    }
    #mainnavbox{
        top: 700px;
    }
    
    
}
@media only screen and (max-width: 1281px) {
    body{
        font-size: 18px;
    }

    #carouselwidth{
        width: 1040px;
    }
    
    .carousel_topbox_text,
    h1{
        font-size: 38px;
    }
    h2{
        font-size: 28px;
    }
    h3{
        font-size: 22px;
    }
    .newstext h3 span{
        font-size: 18px;
    }
    
    .thewidth{
        width: 1000px;
    }
    
    .ni_button{
        padding: 11px 25px 10px 60px;
    }
    
/*
    #mainnavbox{
        height: 42px;
    }
*/
    
    #mainnav li a{
        padding: 11px 25px 10px 25px;
    }
    
    .sharelist, .sharelist li{
        font-size: 34px;
    }
    
    #carousel_projekte .carouselbox{
        min-height: 300px;
    }
    
    #navbutton_box::after {
         display: none;
     }
}

@media only screen and (max-width: 1025px) {
    
    .ec-wrapper{
        padding: 0 20px!important;
    }    
    .lwn_thewidth,
    .thewidth{
        width: 100%;
        padding: 0 20px;
    }
    
    #carouselwidth{
        width: 100%;
    }
    
    article{
        padding-bottom: 30px!important;
    }
    
    :root{
        --thewidth: 100vw!important;
    }

    h1, h2, h3, h4, h5, ol, ul, p{
        padding: 0 20px;
    }

    
    .carousel_topbox{
        right: 20px;
    }
    
        
    .lwn_block_news .lwn_flexchild{
        font-size: inherit;
    }
    
    
    .carousel_button{
        max-width: 150px;
    }
    
    .carousel_button::before {
        top: 75%;
    }
    
    .lwn_carousel_button{
        width: 30px;
    }
    .lwn_carousel_button:BEFORE{
        font-size: 24px;
    }
    
    .lwn_carousel_button_left{
        left: -20px;
    }
    .lwn_carousel_button_right{
        right: -20px;
    }
    
    #mainnav li a{
        padding: 11px 20px 10px 20px;
    }
    
    #mainnav .more::before {
        right: 5px;
    }
    
    footer h3,
    footer p{
        padding: 0;
    }
    
    #logo{
        left: 20px;
    }
    
    #subnav2box{
        display: none;
    }
    
    .footerhl::before{
        display: none;
    }
    
    #madeby{
        right: 10px;
    }
    
    article{
        padding-top: 50px;
    }
    
    .lwn_block_imgtext p,
    .lwn_newstext h3,
    .lwn_carousel_textbox h3,
    .lwn_thewidth p{
        padding: 0;
    }
    
    .card .content,
    .user_text p,
    .user_text h4{
        padding-left: 0;
        padding-right: 0;
    }
    
}

@media only screen and (max-width: 910px) {
    #mainnav li a{
        padding: 11px 20px 10px 10px;
    }
    #mainnavbox .thewidth{
        padding: 0;
    }
    
    #mainnav li a.menu_suche{
        border-right: 0;
        padding: 11px 20px 10px 20px;
    }
    
    #mainnav li a.home{
        border-left: 0;
        padding: 11px 20px 10px 40px;
    }
    
    
    .small_img_left .lwn_flexparent .lwn_flexchild:nth-child(1) {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

}


@media only screen and (max-width: 770px) {
    .lwn_flexparent{
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .lwn_flexchild{
        -ms-flex-preferred-size: calc(50% - 10px)!important;
            flex-basis: calc(50% - 10px)!important;
    }
    
    .lwn_halfwidth{
        width: 100%;
    }
    
    .user_text{
        padding-left: 10px;
        padding-right: 10px;
    }
    
    #mehr_zum_thema_box .card {
        -ms-flex-preferred-size: calc(50% - 10px);
            flex-basis: calc(50% - 10px);
    }
    
    .small_img_right .lwn_flexparent .lwn_flexchild:nth-child(2){
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        -ms-flex-preferred-size: calc(50% - 10px);
            flex-basis: calc(50% - 10px);
    }
    
    .lwn_quote{
        font-size: 32px;
    }
    .lwn_testimonial {
        padding: 0 10px 0 20px;
        display: block;
        line-height: 1.6;
    }
}

@media only screen and (max-width: 601px) {
    
    .ec-wrapper{
        padding: 0 10px!important;
    }    
    
    body{
        font-size: 16px;
        max-width: 100%;
        overflow-x: hidden;
    }
    
    main{
        max-width: 100%;
        overflow-x: hidden;   
        margin-top: calc(40vh + 40px);
    }
    
    main hr{
        margin: 50px auto;
    }
    
    .lwn_block_full{
        min-height: 100vw;
    }
    
    .lwn_block_full .lwn_flexparent{
        position: relative;
        margin: 20px 0;
    }
    
    .ni_newsletter_start.lwn_block_full .lwn_flexparent{
        position: absolute;
        margin: auto;
    }

    .lwn_block_full .lwn_fullimgcontainer{
        height: 100%!important;
        position: absolute;
    }
    
    
    .lwn_carouselbox:hover .lwn_carousel_textbox {
        -webkit-transform: translate3d(0,100%,0);
                transform: translate3d(0,100%,0);
    }
    .lwn_thewidth,
    .thewidth{
        width: 100%;
        padding: 0 10px;
    }
    
    #navbutton{
        position: absolute;
        top: 0;
        right: 0;
    }
    
    #archive_feature_hl,
    #mehr_zum_thema h3,
    #user_info h3{
        padding: 0;
    }
    
    #user_info .flexchild{
        margin-right: 0;
    }
    
    .archive_teaser{
        margin-bottom: 20px;
    }
    
    main ol, main ul{
        -webkit-transform: translateX(20px);
            -ms-transform: translateX(20px);
                transform: translateX(20px);
    }
    
    .wpcf7{
        padding: 25px 0;
    }
    
    
    #mehr_zum_thema_box .card {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    }

    .tnp-subscription input[type="submit"]{
        width: auto!important;
    }
    
    .lwn_button{
        padding-top: 12px;
    }
    
    .lwn_block{
        padding: 0;
    }
    
    .lwn_halfwidth{
        margin-top: 10px;
    }
    
    #carouselwidth{
        width: 100vw;
    }
    
    .lwn_flexchild{
        -ms-flex-preferred-size: 100%!important;
            flex-basis: 100%!important;
    }

    .lwn_block .tnp-subscription{
        padding: 0!important;
    }
    
    .lwn_block_imgtext p{
        padding: 0 10px;
    }
    
    #carousel_projekte .carouselbox,
    #carousel_news .carouselbox{
        height: 80vh;
    }
    
    header{
        height: 40vh;
    }
    
    .carousel_topbox_text{
        width: 100%
    }
    
    #carousel_header .carousel_indicator_box{
        bottom: auto;
        top: 0px;
        padding-right: 10px;
    }
    
    #logo{
        width: 100px;
        height: 100px;
        left: 10px;
    }
    
    #logo img{
        width: 80px;
    }
    
    #subnav2box,
    #subnav,
    .carousel_button{
        display: none;
    }
    
    .flexbox{
        display: block;
    }
    #footerbox .flexchild,
    .flexchild{
        margin-right: 0;
        margin-bottom: 20px;
    }
    
    #footerbox .flexchild{
        padding: 0px;
        margin-bottom: 0;
    }
    
    #carousel_header .progress_box{
        width: calc(100% - 120px);
        padding: 0;
    }
    
    .carousel{
        white-space: normal;
    }
    
    .carousel_topbox_text{
        margin-right: 10px;
        padding: 10px;
        right: 0;
        -webkit-hyphens: none;
            -ms-hyphens: none;
                hyphens: none;
    }
    
    .carousel_topbox .lwn_button{
        margin: 10px;
    }
    
    .lwn_carousel_button{
        display: none;
    }
    
    .lwn_block_imgtext .lwn_button.lwn_right{
        margin-right: 10px;
    }
    
    .active .carousel_topbox .lwn_button{
        margin-top: -5px
    }
    
    .carousel_topbox{
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        bottom: auto;
        top: auto;
        padding-bottom: 10px;
    }
    
    .nimagazintext,
    .flexchild img{
        top: auto;
        left: auto;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }
    
    .lwn_spenden{
        width: 100%;
    }
    
    .lwn_spenden_line{
        width: 100%;
        height: 100%;
        border: 0;
        padding: 10px;
    }
    
    .lwn_spenden_line h2 strong{
        border: 0;
    }
    
    .vcenter{
        top: auto;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }
    
    .half{
        width: 100%;
    }
    
    main{
        padding-top: 20px;
    }
    
    .nimagazintext,
    .nimagazintext .half{
        height: auto;
    }
    
    .ni_button{
        margin-right: 10px;
    }
    
    h1,h2,h3,p{
        padding: 0 10px;
    }
    
    .explainer{
        margin: 0;
        margin-bottom: 30px;
    }
    
    .carousel_topbox_text,
    h1{
        font-size: 32px;
    }
    
    #carousel_projekte .carousel_textbox,
    #carousel_news .carousel_textbox{
        height: auto;
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
    }
    
    .carousel_topbox {
        right: 0px;
    }
    
    article h2{
        margin-top: 35px;
    }
    
    .lwn_carousel_progress_box{
        right: 10px;
    }
    
    #supportbox .ni_button{
        margin-top: 10px;
    }
    
    #supportbox .vcenter{
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
    }
    
    .progress_box{
        width: 100%;
        padding: 0 10px;
    }
    
    #carousel_projekte .carousel_indicator_box,
    #carousel_news .carousel_indicator_box{
        top: 10px;
    }
    
    #carousel_news .carousel_indicator_li,
    #carousel_projekte .carousel_indicator_li{
        background-color: rgba(255,255,255,0.3);
    }
    
    #carousel_news .carousel_indicator_li.active,
    #carousel_projekte .carousel_indicator_li.active{
        background-color: #fff;
    }
    
    .carousel_headline{
        padding: 10px;
    }
    
    footer{
        padding-bottom: 40px;
    }
    
    footer table{
        width: 100%;
        margin: 20px 10px 0 10px;
    }
    
    footer .sharelist,
    #footernavi{
        margin: 0 10px;
    }
    
    .sharelist, .sharelist li{
        font-size: 52px;
    }
    
    .sharelist a{
        padding-bottom: 5px;
    }
    
    #footerbg{
        min-height: 115%;
    }
    
    #footerbottombox{
        font-size: 14px;
        padding: 10px 40px 10px 10px;
        text-align: left;
    }
    
    #madeby{
        right: -30px;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
    }
    
    #mainnavbox{
/*        display: none;*/
    }

    

    article{
        padding-top: 10px;
    }
    
    .content{
        padding: 10px;
        padding-bottom: 33px;
    }
    
    .card{
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    }
    
    .archive_teaser,
    .ni_magazin_box,
    .lexikon_box{
        display: block;
    }
    
    .archive_teaser_magazin{
        padding: 10px;
        margin-bottom: 20px;
    }
    
    .firstletter{
        padding: 0 10px;
    }
    
    .lexikon_box img{
        width: 100%;
    }
    
    .at_textbox{
        padding: 0;
        padding-bottom: 40px;
    }
    
    .tnp.tnp-subscription{
        padding: 20px;
    }
    
    #navsearchbox .searchform,
    #searchpage .searchform{
        padding: 20px;
        margin-left: -10px;
        width: calc(100% + 20px);
    }
    
    #navsearchbox #s,
    #searchpage #s{
        width: 100%;
    }
    
    #navsearchbox #searchsubmit,
    #searchpage #searchsubmit{
        margin-top: 5px;
    }
    
    #navsearchbox #s:focus,
    #searchpage #s:focus{
        border: 2px solid #149CD8;
    }
    
    .search_ajax{
        padding: 20px;
    }
    
    #searchloading{
        top: 17px;
        right: 20px;
    }
    
    #autorpage h1{
        padding: 0;
    }
    
    #footerbox .ni_button.icn-newsletter{
        margin-left: 10px;
    }

    .at_textbox h2,
    .lexflex h2{
        margin-top: 20px;
        margin-bottom: 10px;
    }
    
     .lwn_repeater_text{
        padding: 0 10px;
    }
    
    #mainnavbox .thewidth{
        padding: 0;
    }
    
    
    .dk-speakout-petition-wrap input[type="text"],
    .dk-speakout-petition-wrap input[type="email"],
    .wpcf7-form select, 
    .wpcf7-form select option, 
    .wpcf7-form textarea, 
    .wpcf7-form input,
    .wpcf7-form label{
        width: 100%;
        max-width: 100%;
    }
    
    .wpcf7-form hr{
        margin: 25px auto;
    }
    
    .lwn_block_fullmedia .lwn_vcenter,
    .lwn_block_fullmedia .lwn_imgbox,
    .lwn_block_fullmedia .lwn_cutclass{
        height: 100%;
    }
    .lwn_smallmedia .lwn_caption{
        left: 5px;
    }
    
/*
    .wissen_overview_box,
    .wissen_overview_box p,
    .wissen_overview_box h2{
        padding: 0;
    }
    
*/
    .wissen_overview_box{
        padding: 0;
        margin-bottom: 40px;
    }
    
    .wissen_overview_box .lwn_button{
        margin-bottom: 20px;
    }
    
    .tierportraits_box h2{
        width: 100%;
        margin: 0;
        text-align: center;
        -webkit-transform: translateY(calc(-100% - 40px));
            -ms-transform: translateY(calc(-100% - 40px));
                transform: translateY(calc(-100% - 40px))
    }
    
    .tierportrait_table tr td{
        display: block;
        padding: 5px 10px;
        font-size: 16px;
    }
    
    .tierportrait_table tr td:NTH-CHILD(1){
        padding-top: 10px;
        padding-bottom: 0;
        font-family: 'fira_sansbold';
    }
    .tierportrait_table tr td:NTH-CHILD(2){
        padding-bottom: 10px;
    }
    
    .flexmagbox{
        display: block;
    }
    
    .flexmag h1{
        margin-top: 20px;
    }
    
    .lwn_block_carousel .lwn_button{
        top: 0;
        left: 0;
        right: auto;
        bottom: auto;
        margin-top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    
    .lwn_block_carousel .lwn_carousel_textbox{
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        background-color: transparent;
    }
    
    .lwn_block_carousel .lwn_carousel_text{
        display: none;
    }
    .lwn_block_carousel .lwn_carousel_headline{
        position: absolute;
        bottom: 5px;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }
    
    #carousel_header .carousel{
        height: 100%;
    }

    .carousel_button{
        display: none;
    }

    .carousel_topbox{
        bottom: 5px;
    }
}

@media only screen and (max-width: 321px) {
    header {
        height: 50vh;
    }
    
    .mobile main{
        margin-top: calc(50vh + 40px)!important;
    }
    
}