/*!*
 * Angepasste Styles
 *
 * Angepasste Styles für Unhide
 *
 * @author     www.tangram.de
 * @version    16.02.2022 08:42:39
 * @since      1.0
 * @deprecated 
 */
/**
 * Farben
 * Schwarz #000000
 * Blau #7adcef
 * Orange #efbf7a
 * Gelb #daea33
 * Pink #fd5b82
 * Navi #6f6f6f
 */


/**



 * Breakpoints FD



 */



/*40em 640px 640-1023



@media screen and (min-width: 40em) { /*640*/



/*64em 1024px 1024-1199



@media screen and (min-width: 64em) { /*1024*/



/*75em 1200px



@media screen and (min-width: 75em) { /*1200*/



/*87.5em 1400px



@media screen and (min-width: 87.5em) { /*1400*/



/*119em 1920px



@media screen and (min-width: 119em) { /*1920*/







/* Icons */



@font-face {



    font-family:'mfn-icons';



    src:url(../fonts/mfn-icons.eot?31690507);



    src:url(../fonts/mfn-icons.eot?31690507#iefix) format("embedded-opentype"),url(../fonts/mfn-icons.woff?31690507) format("woff"),url(../fonts/mfn-icons.ttf?31690507) format("truetype"),url(../fonts/mfn-icons.svg?31690507#mfn-icons) format("svg");



    font-weight:400;



    font-style:normal}







[class^="icon-"]:before,



[class*=" icon-"]:before {



    display:inline-block;



    font-family:"mfn-icons";



    font-style:normal;



    font-variant:normal;



    font-weight:400;



    line-height:1em;



    margin-left:.2em;



    margin-right:.2em;



    speak:none;



    text-align:center;



    text-decoration:none!important;



    text-transform:none;



    width:1em;



}







.icon-acrobat:before{content:'\e800'}.icon-address:before{content:'\e801'}.icon-adjust:before{content:'\e802'}.icon-aim:before{content:'\e803'}.icon-air:before{content:'\e804'}.icon-alert:before{content:'\e805'}.icon-amazon:before{content:'\e806'}.icon-android:before{content:'\e807'}.icon-angellist:before{content:'\e808'}



.icon-appnet:before{content:'\e809'}.icon-appstore:before{content:'\e80a'}.icon-archive:before{content:'\e80b'}.icon-arrow-combo:before{content:'\e80c'}.icon-arrows-ccw:before{content:'\e80d'}.icon-attach:before{content:'\e80e'}.icon-attach-line:before{content:'\e80f'}.icon-attention:before{content:'\e810'}.icon-back:before{content:'\e811'}



.icon-back-in-time:before{content:'\e812'}.icon-bag:before{content:'\e813'}.icon-basket:before{content:'\e814'}.icon-battery:before{content:'\e815'}.icon-beaker-line:before{content:'\e816'}.icon-bell:before{content:'\e817'}.icon-bitbucket:before{content:'\e818'}.icon-bitcoin:before{content:'\e819'}.icon-block:before{content:'\e81a'}



.icon-blogger:before{content:'\e81b'}.icon-book:before{content:'\e81c'}.icon-book-open:before{content:'\e81d'}.icon-bookmark:before{content:'\e81e'}.icon-bookmarks:before{content:'\e81f'}.icon-box:before{content:'\e820'}.icon-briefcase:before{content:'\e821'}.icon-brush:before{content:'\e822'}.icon-bucket:before{content:'\e823'}



.icon-buffer:before{content:'\e824'}.icon-calendar:before{content:'\e825'}.icon-calendar-line:before{content:'\e826'}.icon-call:before{content:'\e827'}.icon-camera:before{content:'\e828'}.icon-camera-line:before{content:'\e829'}.icon-cancel:before{content:'\e82a'}.icon-cancel-circled:before{content:'\e82b'}.icon-cancel-squared:before{content:'\e82c'}



.icon-cart:before{content:'\e82d'}.icon-cc:before{content:'\e82e'}.icon-cc-by:before{content:'\e82f'}.icon-cc-nc:before{content:'\e830'}.icon-cc-nc-eu:before{content:'\e831'}.icon-cc-nc-jp:before{content:'\e832'}.icon-cc-nd:before{content:'\e833'}.icon-cc-pd:before{content:'\e834'}.icon-cc-remix:before{content:'\e835'}



.icon-cc-sa:before{content:'\e836'}.icon-cc-share:before{content:'\e837'}.icon-cc-zero:before{content:'\e838'}.icon-ccw:before{content:'\e839'}.icon-cd:before{content:'\e83a'}.icon-cd-line:before{content:'\e83b'}.icon-chart-area:before{content:'\e83c'}.icon-chart-bar:before{content:'\e83d'}.icon-chart-line:before{content:'\e83e'}



.icon-chart-pie:before{content:'\e83f'}.icon-chat:before{content:'\e840'}.icon-check:before{content:'\e841'}.icon-clipboard:before{content:'\e842'}.icon-clock:before{content:'\e843'}.icon-clock-line:before{content:'\e844'}.icon-cloud:before{content:'\e845'}.icon-cloud-line:before{content:'\e846'}.icon-cloud-thunder:before{content:'\e847'}



.icon-cloudapp:before{content:'\e848'}.icon-code:before{content:'\e849'}.icon-cog:before{content:'\e84a'}.icon-cog-line:before{content:'\e84b'}.icon-comment-fa:before{content:'\e84c'}.icon-comment-line:before{content:'\e84d'}.icon-compass:before{content:'\e84e'}.icon-credit-card:before{content:'\e84f'}.icon-cup:before{content:'\e850'}



.icon-cup-line:before{content:'\e851'}.icon-cw:before{content:'\e852'}.icon-database-line:before{content:'\e853'}.icon-delicious:before{content:'\e854'}.icon-desktop-line:before{content:'\e855'}.icon-diamond-line:before{content:'\e856'}.icon-digg:before{content:'\e857'}.icon-direction:before{content:'\e858'}.icon-disqus:before{content:'\e859'}



.icon-doc:before{content:'\e85a'}.icon-doc-landscape:before{content:'\e85b'}.icon-doc-line:before{content:'\e85c'}.icon-doc-text:before{content:'\e85d'}.icon-doc-text-inv:before{content:'\e85e'}.icon-docs:before{content:'\e85f'}.icon-dot:before{content:'\e860'}.icon-dot-2:before{content:'\e861'}.icon-dot-3:before{content:'\e862'}



.icon-down:before{content:'\e863'}.icon-down-bold:before{content:'\e864'}.icon-down-circled:before{content:'\e865'}.icon-down-dir:before{content:'\e866'}.icon-down-open:before{content:'\e867'}.icon-down-open-big:before{content:'\e868'}.icon-down-open-mini:before{content:'\e869'}.icon-down-thin:before{content:'\e86a'}.icon-download:before{content:'\e86b'}



.icon-drive:before{content:'\e86c'}.icon-droplet:before{content:'\e86d'}.icon-drupal:before{content:'\e86e'}.icon-duckduckgo:before{content:'\e86f'}.icon-dwolla:before{content:'\e870'}.icon-ebay:before{content:'\e871'}.icon-email:before{content:'\e872'}.icon-erase:before{content:'\e873'}.icon-eventasaurus:before{content:'\e874'}



.icon-eventbrite:before{content:'\e875'}.icon-eventful:before{content:'\e876'}.icon-export:before{content:'\e877'}.icon-eye:before{content:'\e878'}.icon-eye-line:before{content:'\e879'}.icon-fast-backward:before{content:'\e87a'}.icon-fast-forward:before{content:'\e87b'}.icon-feather:before{content:'\e87c'}.icon-fire-line:before{content:'\e87d'}



.icon-fivehundredpx:before{content:'\e87e'}.icon-flag:before{content:'\e87f'}.icon-flash:before{content:'\e880'}.icon-flashlight:before{content:'\e881'}.icon-flight:before{content:'\e882'}.icon-floppy:before{content:'\e883'}.icon-flow-branch:before{content:'\e884'}.icon-flow-cascade:before{content:'\e885'}.icon-flow-line:before{content:'\e886'}



.icon-flow-parallel:before{content:'\e887'}.icon-flow-tree:before{content:'\e888'}.icon-folder:before{content:'\e889'}.icon-food-line:before{content:'\e88a'}.icon-forrst:before{content:'\e88b'}.icon-forward:before{content:'\e88c'}.icon-gauge:before{content:'\e88d'}.icon-globe:before{content:'\e88e'}.icon-globe-line:before{content:'\e88f'}



.icon-gmail:before{content:'\e890'}.icon-googleplay:before{content:'\e891'}.icon-gowalla:before{content:'\e892'}.icon-graduation-cap:before{content:'\e893'}.icon-graduation-cap-line:before{content:'\e894'}.icon-grooveshark:before{content:'\e895'}.icon-guest:before{content:'\e896'}.icon-hackernews:before{content:'\e897'}.icon-heart-empty-fa:before{content:'\e898'}



.icon-heart-fa:before{content:'\e899'}.icon-heart-line:before{content:'\e89a'}.icon-help:before{content:'\e89b'}.icon-help-circled:before{content:'\e89c'}.icon-home:before{content:'\e89d'}.icon-hourglass:before{content:'\e89e'}.icon-html5:before{content:'\e89f'}.icon-ie:before{content:'\e8a0'}.icon-inbox:before{content:'\e8a1'}



.icon-inbox-line:before{content:'\e8a2'}.icon-infinity:before{content:'\e8a3'}.icon-info:before{content:'\e8a4'}.icon-info-circled:before{content:'\e8a5'}.icon-in´ll:before{content:'\e8a6'}.icon-instapaper:before{content:'\e8a7'}.icon-intensedebate:before{content:'\e8a8'}.icon-itunes:before{content:'\e8a9'}.icon-key:before{content:'\e8aa'}



.icon-key-line:before{content:'\e8ab'}.icon-keyboard:before{content:'\e8ac'}.icon-klout:before{content:'\e8ad'}.icon-lamp:before{content:'\e8ae'}.icon-language:before{content:'\e8af'}.icon-lanyrd:before{content:'\e8b0'}.icon-layout:before{content:'\e8b1'}.icon-leaf:before{content:'\e8b2'}.icon-left:before{content:'\e8b3'}



.icon-left-bold:before{content:'\e8b4'}.icon-left-circled:before{content:'\e8b5'}.icon-left-dir:before{content:'\e8b6'}.icon-left-open:before{content:'\e8b7'}.icon-left-open-big:before{content:'\e8b8'}.icon-left-open-mini:before{content:'\e8b9'}.icon-left-thin:before{content:'\e8ba'}.icon-lego:before{content:'\e8bb'}.icon-level-down:before{content:'\e8bc'}



.icon-level-up:before{content:'\e8bd'}.icon-lifebuoy:before{content:'\e8be'}.icon-light-down:before{content:'\e8bf'}.icon-light-up:before{content:'\e8c0'}.icon-lightbulb-line:before{content:'\e8c1'}.icon-link:before{content:'\e8c2'}.icon-list:before{content:'\e8c3'}.icon-list-add:before{content:'\e8c4'}.icon-lkdto:before{content:'\e8c5'}



.icon-location:before{content:'\e8c6'}.icon-location-line:before{content:'\e8c7'}.icon-lock:before{content:'\e8c8'}.icon-lock-line:before{content:'\e8c9'}.icon-lock-open:before{content:'\e8ca'}.icon-login:before{content:'\e8cb'}.icon-logout:before{content:'\e8cc'}.icon-loop:before{content:'\e8cd'}.icon-macstore:before{content:'\e8ce'}



.icon-magnet:before{content:'\e8cf'}.icon-mail:before{content:'\e8d0'}.icon-mail-line:before{content:'\e8d1'}.icon-map:before{content:'\e8d2'}.icon-meetup:before{content:'\e8d3'}.icon-megaphone:before{content:'\e8d4'}.icon-megaphone-line:before{content:'\e8d5'}.icon-menu:before{content:'\e8d6'}.icon-mic:before{content:'\e8d7'}



.icon-minus:before{content:'\e8d8'}.icon-minus-circled:before{content:'\e8d9'}.icon-minus-squared:before{content:'\e8da'}.icon-mobile:before{content:'\e8db'}.icon-mobile-line:before{content:'\e8dc'}.icon-money-line:before{content:'\e8dd'}.icon-monitor:before{content:'\e8de'}.icon-moon:before{content:'\e8df'}.icon-mouse:before{content:'\e8e0'}



.icon-music:before{content:'\e8e1'}.icon-music-line:before{content:'\e8e2'}.icon-mute:before{content:'\e8e3'}.icon-myspace:before{content:'\e8e4'}.icon-network:before{content:'\e8e5'}.icon-newspaper:before{content:'\e8e6'}.icon-ninetyninedesigns:before{content:'\e8e7'}.icon-note:before{content:'\e8e8'}.icon-note-beamed:before{content:'\e8e9'}



.icon-note-line:before{content:'\e8ea'}.icon-openid:before{content:'\e8eb'}.icon-opentable:before{content:'\e8ec'}.icon-palette:before{content:'\e8ed'}.icon-paper-plane:before{content:'\e8ee'}.icon-paper-plane-line:before{content:'\e8ef'}.icon-params-line:before{content:'\e8f0'}.icon-pause:before{content:'\e8f1'}.icon-pencil:before{content:'\e8f2'}



.icon-pencil-line:before{content:'\e8f3'}.icon-phone:before{content:'\e8f4'}.icon-photo-line:before{content:'\e8f5'}.icon-picture:before{content:'\e8f6'}.icon-pinboard:before{content:'\e8f7'}.icon-plancast:before{content:'\e8f8'}.icon-play:before{content:'\e8f9'}.icon-plurk:before{content:'\e8fa'}.icon-plus:before{content:'\e8fb'}



.icon-plus-circled:before{content:'\e8fc'}.icon-plus-squared:before{content:'\e8fd'}.icon-pocket:before{content:'\e8fe'}.icon-podcast:before{content:'\e8ff'}.icon-popup:before{content:'\e900'}.icon-posterous:before{content:'\e901'}.icon-print:before{content:'\e902'}.icon-progress-0:before{content:'\e903'}.icon-progress-1:before{content:'\e904'}



.icon-progress-2:before{content:'\e905'}.icon-progress-3:before{content:'\e906'}.icon-publish:before{content:'\e907'}.icon-quora:before{content:'\e908'}.icon-quote:before{content:'\e909'}.icon-record:before{content:'\e90a'}.icon-reddit:before{content:'\e90b'}.icon-reply:before{content:'\e90c'}.icon-reply-all:before{content:'\e90d'}



.icon-resize-full:before{content:'\e90e'}.icon-resize-small:before{content:'\e90f'}.icon-retweet:before{content:'\e910'}.icon-right:before{content:'\e911'}.icon-right-bold:before{content:'\e912'}.icon-right-circled:before{content:'\e913'}.icon-right-dir:before{content:'\e914'}.icon-right-open:before{content:'\e915'}.icon-right-open-big:before{content:'\e916'}



.icon-right-open-mini:before{content:'\e917'}.icon-right-thin:before{content:'\e918'}.icon-rocket:before{content:'\e919'}.icon-rss:before{content:'\e91a'}.icon-search:before{content:'\e91b'}.icon-search-line:before{content:'\e91c'}.icon-share:before{content:'\e91d'}.icon-shareable:before{content:'\e91e'}.icon-shop-line:before{content:'\e91f'}



.icon-shuffle:before{content:'\e920'}.icon-signal:before{content:'\e921'}.icon-smashmag:before{content:'\e922'}.icon-songkick:before{content:'\e923'}.icon-sound:before{content:'\e924'}.icon-sound-line:before{content:'\e925'}.icon-stackoverflow:before{content:'\e926'}.icon-star:before{content:'\e927'}.icon-star-empty:before{content:'\e928'}



.icon-star-line:before{content:'\e929'}.icon-statusnet:before{content:'\e92a'}.icon-stop:before{content:'\e92b'}.icon-suitcase:before{content:'\e92c'}.icon-switch:before{content:'\e92d'}.icon-t-shirt-line:before{content:'\e92e'}.icon-tag:before{content:'\e92f'}.icon-tag-line:before{content:'\e930'}.icon-tape:before{content:'\e931'}



.icon-target:before{content:'\e932'}.icon-thermometer:before{content:'\e933'}.icon-thumbs-up:before{content:'\e934'}.icon-thumbs-down:before{content:'\e935'}.icon-thumbs-up-line:before{content:'\e936'}.icon-ticket:before{content:'\e937'}.icon-to-end:before{content:'\e938'}.icon-to-start:before{content:'\e939'}.icon-tools:before{content:'\e93a'}



.icon-traffic-cone:before{content:'\e93b'}.icon-trash:before{content:'\e93c'}.icon-trash-line:before{content:'\e93d'}.icon-trophy:before{content:'\e93e'}.icon-truck-line:before{content:'\e93f'}.icon-tv-line:before{content:'\e940'}.icon-up:before{content:'\e941'}.icon-up-bold:before{content:'\e942'}.icon-up-circled:before{content:'\e943'}



.icon-up-dir:before{content:'\e944'}.icon-up-open:before{content:'\e945'}.icon-up-open-big:before{content:'\e946'}.icon-up-open-mini:before{content:'\e947'}.icon-up-thin:before{content:'\e948'}.icon-upload:before{content:'\e949'}.icon-upload-cloud:before{content:'\e94a'}.icon-user:before{content:'\e94b'}.icon-user-add:before{content:'\e94c'}



.icon-user-line:before{content:'\e94d'}.icon-users:before{content:'\e94e'}.icon-vcard:before{content:'\e94f'}.icon-viadeo:before{content:'\e950'}.icon-video:before{content:'\e951'}.icon-videocam-line:before{content:'\e952'}.icon-vk:before{content:'\e953'}.icon-volume:before{content:'\e954'}.icon-w3c:before{content:'\e955'}



.icon-wallet-line:before{content:'\e956'}.icon-water:before{content:'\e957'}.icon-weibo:before{content:'\e958'}.icon-wikipedia:before{content:'\e959'}.icon-window:before{content:'\e95a'}.icon-wordpress:before{content:'\e95b'}.icon-xing:before{content:'\e95c'}.icon-yahoo:before{content:'\e95d'}.icon-yelp:before{content:'\e95e'}



.icon-youtube:before{content:'\e95f'}.icon-menu-fine:before{content:'\e960'}.icon-bag-fine:before{content:'\e961'}.icon-search-fine:before{content:'\e962'}.icon-cancel-fine:before{content:'\e963'}.icon-plus-fine:before{content:'\e964'}.icon-minus-fine:before{content:'\e965'}.icon-gplus-circled:before{content:'\f059'}.icon-github-circled:before{content:'\f09b'}



.icon-gplus:before{content:'\f0d5'}.icon-comment-empty-fa:before{content:'\f0e5'}.icon-instagram:before{content:'\f16d'}.icon-tumblr:before{content:'\f173'}.icon-windows:before{content:'\f17a'}.icon-foursquare:before{content:'\f180'}.icon-google:before{content:'\f1a0'}.icon-behance:before{content:'\f1b4'}.icon-steam:before{content:'\f1b6'}



.icon-spotify:before{content:'\f1bc'}.icon-database:before{content:'\f1c0'}.icon-qq:before{content:'\f1d6'}.icon-paypal:before{content:'\f1ed'}.icon-stripe:before{content:'\f1f5'}.icon-whatsapp:before{content:'\f232'}.icon-medium:before{content:'\f23a'}.icon-tripadvisor:before{content:'\f262'}.icon-chrome:before{content:'\f268'}.icon-scribd:before{content:'\f28a'}



.icon-github:before{content:'\f300'}.icon-flickr:before{content:'\f303'}.icon-flickr-circled:before{content:'\f304'}.icon-vimeo:before{content:'\f306'}.icon-vimeo-circled:before{content:'\f307'}.icon-twitter:before{content:'\f309'}.icon-twitter-circled:before{content:'\f30a'}.icon-facebook:before{content:'\f30c'}.icon-facebook-circled:before{content:'\f30d'}



.icon-facebook-squared:before{content:'\f30e'}.icon-pinterest:before{content:'\f312'}.icon-pinterest-circled:before{content:'\f313'}.icon-tumblr-circled:before{content:'\f316'}.icon-linkedin:before{content:'\f318'}.icon-linkedin-circled:before{content:'\f319'}.icon-dribbble:before{content:'\f31b'}.icon-dribbble-circled:before{content:'\f31c'}.icon-stumbleupon:before{content:'\f31e'}



.icon-stumbleupon-circled:before{content:'\f31f'}.icon-lastfm:before{content:'\f321'}.icon-lastfm-circled:before{content:'\f322'}.icon-rdio:before{content:'\f324'}.icon-rdio-circled:before{content:'\f325'}.icon-spotify-circled:before{content:'\f328'}.icon-dropbox:before{content:'\f330'}.icon-evernote:before{content:'\f333'}.icon-flattr:before{content:'\f336'}



.icon-skype:before{content:'\f339'}.icon-skype-circled:before{content:'\f33a'}.icon-renren:before{content:'\f33c'}.icon-sina-weibo:before{content:'\f33f'}.icon-picasa:before{content:'\f345'}.icon-soundcloud:before{content:'\f348'}.icon-mixi:before{content:'\f34b'}.icon-google-circles:before{content:'\f351'}.icon-vkontakte:before{content:'\f354'}



.icon-smashing:before{content:'\f357'}.icon-db-shape:before{content:'\f600'}.icon-sweden:before{content:'\f601'}.icon-logo-db:before{content:'\f603'}.icon-houzz:before{content:'\f27c'}.icon-snapchat:before{content:'\f2ac'}



/*Prevent FOUC*/



.no-js .top-bar {



  display: none;



}





/*Schriften*/



@font-face {



  font-family: "Raleway SemiBold";



  src: url("../fonts/Raleway-SemiBold.woff2") format("woff2"),



       url("../fonts/Raleway-SemiBold.woff") format("woff");



}







@font-face {



  font-family: "Raleway Black";



  src: url("../fonts/Raleway-Black.woff2") format("woff2"),



       url("../fonts/Raleway-Black.woff") format("woff");



}







/*temp*/



@media screen and (max-width: 63em) { /*1024*/



    /*header {*/



        /*display: none!important;*/



    /*}*/



}



/*HTML Hintergrund Schriften Höhe*/



html, body {



    background: #f8fbfa url(../img/background.jpg);



    color: #000000;



    height: 100%; /* Hundert Prozent für Full Container */



    font-family: 'Raleway SemiBold', 'Arial', 'sans-sarif';



}



/*Body Schriftgröße*/



@media screen and (min-width: 64em) { /*1024*/



    body {



        font-size: 1.25rem;



    }



}







@media screen and (min-width: 119em) { /*1920*/



    body {



        font-size: 1.5rem;



    }



}



/*Linkfarbe schwarz*/



a,



a:visited,



a:hover,



a:active {



    color:  #000000;



}



/*Hover unterstreichen*/



a:hover:not(.icons) {



    text-decoration: underline;



}







/*Navigation*/



@media screen and (min-width: 40em) {



  .no-js .top-bar {



    display: block;



  }







  .no-js .title-bar {



    display: none;



  }



}







header {



    position: relative;



}



/*Logo absolut TODO*/



.menu-logo {



    color: #6f6f6f;



    font-size: 1rem;



    left: .5rem;



    position: absolute;



    top: .5rem;



    z-index: 2;



}



.menu-logo.mobil img {

    width: 30vw;

}



@media screen and (min-width: 40em) { /*640*/

    .menu-logo.mobil img {

        width: 20vw;

    }

}

/*Logo Mobil ausblenden*/

@media screen and (min-width: 64em) { /*1024*/

    .menu-logo.mobil {

        display: none !important;

    }

}

/*Table quer*/

@media screen and (min-width: 64em) { /*1024*/

    .menu-logo.desktop img {

        width: 75%;

        /*height:  140px;*/

    }

}

/*Logo Desktop*/

@media screen and (min-width: 75em) { /*1200*/

    .menu-logo.desktop {

        left: 2vw;

        position: absolute;

        top: 1rem;

    }



    .menu-logo.desktop img {

        width: 200px;

        height:  124px;

    }

}



@media screen and (min-width: 87.5em) { /*1400*/

    .menu-logo.desktop {

        left: 5vw;

        position: absolute;

    }

}



@media screen and (min-width: 119em) { /*1920*/

    .menu-logo.desktop {

        left: 8vw;

        position: absolute;

    }



}



.menu-icon {



    position: absolute;



    right: .6375rem;



}



.menu-icon:after {

     transition: all 0.3s ease;

}

 .menu-icon:before {

     transition: all 0.3s ease;

}

 .menu-icon.active {

     transition: all 0.3s ease;

}

/*Schließen Kreuz*/

.menu-icon.active:after {

    /*background: #0a0a0a;*/

    box-shadow: none;

    top: 6px;

    transform: rotate(45deg);

    transition: all 0.3s ease;

}

.menu-icon.active:before {

    background: #fefefe;

    box-shadow: none;

    content: "";

    display: block;

    height: 2px;

    left: 0;

    position: absolute;

    top: 6px;

    transform: rotate(-44deg);

    transition: all 0.3s ease;

    width: 100%;

}



.title-bar {



    background: #6f6f6f;



}



.top-bar, 



.top-bar ul {

    background: #6f6f6f;

    font-family: 'Raleway SemiBold', 'sans-serif';

    font-size: 1.25rem;

    font-weight: 600;

    text-transform: uppercase;

}







@media screen and (min-width: 64em) { /*1024*/



    .top-bar, 



    .top-bar ul {



        font-size: 1.0rem;



    }



}







/*Farben*/



.top-bar a, 



.top-bar  a:visited, 



.top-bar  a:hover, 



.top-bar  a:active {



    color:  #ffffff;



}







.top-bar .dieag a {



    color: #daea33;



}







/*CSS3 Sticky*/



/*.sticky {



  font-size: 1.2em;



  font-weight: 400;



  height: 45px;



  position: -webkit-sticky;



  position: sticky;



  top: 0;



  width: 100%;



  z-index: 9;



}*/



/**

 * Note: I have omitted any vendor-prefixes for clarity.

 * Adding them is left as an exercise for the reader.

 */

/* 

.header--fixed {

  position: fixed;

  z-index: 10;

  right: 0;

  left: 0;

  top: 0;

  transition: all 0.25s ease-in-out;    

}

*/

/*.headroom {

  will-change: transform;

  transition: transform 200ms linear;

}*/



/*.headroom--pinned {*/

  /*transform: translateY(0%);*/

  /*display: block;*/

/*}*/



/*.headroom--unpinned {*/

  /*transform: translateY(-100%);*/

  /*display: none;*/

/*}*/



.headroom {

position: fixed;

top: 0;

left: 0;

right: 0;

transition: all .5s ease-in-out;

z-index: 2;

}

.headroom--unpinned {

    transform: translateY(-500%);

}

.headroom--pinned {

    transform: translateY(0%);

}



html,

body {

    scroll-padding-top: 65px; /* set to the height of your header */

}



/*Contain to Grid Hack Rechtsbündig*/



.row {



    display:  flex;



    width: 100%;



    position: relative;



}



/*Mobile Rechtsbündig*/



.menu.vertical {



    text-align: right;



}







@media print, screen and (min-width: 1200px) {



.row {



    display:  flex;



    margin-left: auto;



    margin-right: auto;



    width: 62em;



    }



}



/*Alle Bilder Abstand unten*/



figure {



    margin-bottom:  1.7rem;



}







figcaption {



    text-transform: uppercase;



    font-size: 1.0rem;



    margin-top: 1.0rem;



}







@media screen and (min-width: 40em) { /*640*/



    figure {



        margin-bottom:  1.5rem;



    }



/*    figcaption{



        font-size: 1.0rem;



        margin-top: 1.0rem;



    }*/



}



/*Standard Absatz*/



p,



.accordion-title,



.accordion-content {



    text-transform: uppercase;



    overflow-wrap: break-word;



    word-wrap: break-word;



    -webkit-hyphens: auto;



    -ms-hyphens: auto;



    -moz-hyphens: auto;



    hyphens: auto;



}



ul.accordion li {

    margin-bottom:  1rem;

}



@media screen and (min-width: 75em) { /*1200*/



    p {



        /*line-height: 2;*/



        margin-bottom: 3rem;



    }







}



/*Grid Container anderes Padding*/

/*Start Container kein padding für Video*/
#start.grid-container.full {
    padding: 0;
}

#start.grid-container.full.fullheight,
#start .grid-x.fullheight {
    min-height: 100vh;
}



#start.grid-container .grid-x {



    justify-content: center;



}






@media screen and (max-width: 39.9em) { /*640*/
    .grid-container.full.orbit-fact {
        padding-top: 30vh;
    }
}
@media screen and (max-width: 28em) { /*450*/
    .grid-container.full.orbit-fact {
        padding-top: 20vh;
    }
}
.grid-container.full {



    /*min-height: 50%;*/ /* Hundert Prozent für Full Container */



    padding-bottom: 2.5rem;

    padding-left: 5%;

    padding-right: 5%;

    padding-top: 2.5rem;



}



.owl-carousel {

    padding-bottom: 1.25rem;

    padding-top: 1.25rem;

}



.grid-container.full.fact-mobile {



    min-height: auto; /* Hundert Prozent für Full Container */



}







@media screen and (min-width: 40em) { /*640*/



    /*Facts höher ziehen*/



    .grid-container.full.fact {



        min-height: 50vh; /* Hundert Prozent für Full Container */



    }



}







@media screen and (min-width: 64em) { /*1024*/



    .grid-container.full {



        /*min-height: 100%;*/ /* Hundert Prozent für Full Container */

        padding-bottom: 5rem;

        padding-left: 5%;

        padding-right: 5%;

        padding-top: 5rem;



    }







    /*Facts höher ziehen*/



    .grid-container.full.fact {



        min-height: 90vh; /* Hundert Prozent für Full Container */



    }



}



@media screen and (min-width: 87.5em) { /*1400*/

    .grid-container.full.fact {



        min-height: 100vh; /* Hundert Prozent für Full Container */



    }



    .grid-container.full {



        /*min-height: 100%;*/ /* Hundert Prozent für Full Container */

        padding-bottom: 7.5rem;

        padding-top: 7.5rem;



    }





}



/*Überschriften*/



h1, .h1, 



h2, .h2,



h3, .h3, 



h4, .h4, 



h5, .h5,



.fact p {



    color:  #000000;



    font-family:  'Raleway Black', 'Arial Bold', 'sans-serif';

    line-height: 1.2;



}



/*Autor*/



p.author {



    font-size: 1.5rem;



    line-height: 1;



    margin-top:  1rem;

    margin-bottom:  0;



    text-transform: uppercase;



}



/*Überschriften*/



/*Phone*/



/*h1 100% 5.5*/



/*h2 */



/*h3 50% 3.125*/



h1, .h1 {



    /*line-height: 1.1;*/



    font-size: 2.25rem;



    text-transform: uppercase;



    margin-bottom: 1.5rem;



}



#blogs h1, #blogs  .h1,

#blogs p {



    margin-bottom: 0;



}







h2, .h2 {



    /*line-height: 1.1;*/



    font-size: 1.5rem;



    text-transform: uppercase;



}







#dieklimachampions h1, #dieklimachampions .h1 {

    margin-bottom:  1rem;

    padding-bottom: 1.0rem;

}



#dieklimachampions h2, #dieklimachampions .h2 {



    /*line-height: 1.1;*/



    font-family: 'Raleway SemiBold', 'sans-serif';



    font-size: 1.5rem;



    text-transform: uppercase;

    padding: .5rem 0;



}







h3, .h3 {



    /*line-height: 1.0;*/



    font-size: 1.1rem;



    text-transform: uppercase;



}







@media screen and (min-width: 40em) { /*640*/



   #start h1, #start .h1 {



        font-size: 2.75rem;



    }



    h1, .h1 {



        font-size: 2.25rem;



    }

    .klimaschutzag h1, .klimaschutzag .h1 {



        font-size: 1.875rem;



    }

   .klimaschutzag h2, .klimaschutzag .h2 {



        font-size: 1.25rem;



    }







    h2, .h2 {



        font-size: 1.625rem;



    }







    #dieklimachampions h1, #dieklimachampions .h1 {



        font-size: 2.5rem;



    }







    #dieklimachampions h2, #dieklimachampions .h2 {



        font-family: 'Raleway SemiBold', 'sans-serif';



        font-size: 1.5rem;



        text-transform: uppercase;



    }







    #start h3, #start .h3 {



        font-size: 1.75rem;



    }



}


@media screen and (min-width: 47em) { /*752*/

    .klimaschutzag h1, .klimaschutzag .h1 {



        font-size: 2.25rem;



    }

    .klimaschutzag h2, .klimaschutzag .h2 {



        font-size: 1.875rem;



    }

}

@media screen and (min-width: 64em) { /*1024*/



    #start h1, #start .h1 {



        font-size: 3.5rem;



    }



    h1, .h1,

    .klimaschutzag h1, .klimaschutzag .h1,

    #dieklimachampions h1, #dieklimachampions .h1 {



        font-size: 2.875rem;



        text-transform: uppercase;



    }





    .klimaschutzag h2, .klimaschutzag .h2

    h2, .h2 {



        font-size: 1.75rem;



        text-transform: uppercase;



    }


    #dieklimachampions h2, #dieklimachampions .h2 {



        font-family: 'Raleway SemiBold', 'sans-serif';



        font-size: 1.5rem;



        text-transform: uppercase;



    }







    h3, .h3 {



        font-size: 1.75rem;



        text-transform: uppercase;



    }



}







@media screen and (min-width: 75em) { /*1200*/



    h1, .h1,

    .klimaschutzag h1, .klimaschutzag .h1,

    #start h1, #start .h1,



    #dieklimachampions h1, #dieklimachampions .h1 {



        font-size: 3.25rem;



        text-transform: uppercase;



    }





    .klimaschutzag h2, .klimaschutzag .h2,

    h2, .h2 {



        font-size: 2.5rem;



        text-transform: uppercase;



    }







    #dieklimachampions h2, #dieklimachampions .h2 {



        font-family: 'Raleway SemiBold', 'sans-serif';



        font-size: 1.75rem;



        text-transform: uppercase;



    }







    h3, .h3 {



        font-size: 2.125rem;



    }



    #start h3, #start .h3 {



        font-size: 1.625rem;



    }



    p.author {



        font-size: 2rem;



    }



}







@media screen and (min-width: 87.5em) { /*1400*/



    h1, .h1, 

    #start h1, #start .h1,

    .klimaschutzag h1, .klimaschutzag .h1,

    #dieklimachampions h1, #dieklimachampions .h1 {



        font-size: 3.875rem;



    }







    #dieklimachampions h1, #dieklimachampions .h1 {



        margin-left: -2.5rem;



    }





.klimaschutzag h2, .klimaschutzag .h2,

    h2, .h2 {



        font-size: 3.0rem;



    }







    #dieklimachampions h2, #dieklimachampions .h2 {



        font-family: 'Raleway SemiBold', 'sans-serif';



        font-size: 1.75rem;



    }







    h3, .h3 {



        font-size: 2.5rem;



    }



    #start h3, #start .h3 {



        font-size: 1.875rem;



    }



    p.author {



        font-size: 2rem;



    }



}







@media screen and (min-width: 119em) { /*1920*/



    h1, .h1,

    .klimaschutzag h1, .klimaschutzag .h1,

    #dieklimachampions h1, #dieklimachampions .h1 {



        font-size: 5.5rem;



    }



    #start h1, #start .h1 {



        font-size: 5rem;



    }



    #dieklimachampions h1, #dieklimachampions .h1 {



        margin-left: -3rem;



    }





    .klimaschutzag h2, .klimaschutzag .h2,

    h2, .h2 {



        font-size: 4.0rem;



    }







    #dieklimachampions h2, #dieklimachampions .h2 {



        font-family: 'Raleway SemiBold', 'sans-serif';



        font-size: 2.0rem;



    }







    h3, .h3 {



        font-size: 3.125rem;



    }



    #start h3, #start .h3 {



        font-size: 2.25rem;



    }







    p.author {



        font-size: 3rem;



    }



}



/*Gelbe Kästen*/



/*.highlight {*/



    /*margin-top: 5rem;*/



/*}*/



/*Kein Abstand*/



/*#start*/ 

.highlight p {



    line-height: 1.4;

    margin-bottom: .5rem;

    margin-top: .5rem;



}



@media screen and (min-width: 75em) { /*1200*/



   #start .highlight p {

        line-height: 1;

        margin-bottom: 1rem;

        margin-top: 1rem;

    }

    

/*    .highlight p.h1 {

        margin-bottom: 1rem;

        margin-top: 1rem;

        line-height: 1.0;

    }*/



    .highlight p.h2 {

        line-height: 1;

        /*margin-bottom: 0rem;

        margin-top: 0rem;*/

    }

}



/*Kein Abstand*/



/*.highlight p.h2 {

*/

    /*line-height: .85;*/



/*    margin-bottom: 1-0rem;

    margin-bottom: 1.5rem;

*/

/*}*/







.highlight p.h3 {



    line-height: 1.2;



}



/*schwarz, gelber Hintergrund*/



/*https://bennettfeely.com/clippy/*/



.highlight h1 span,



.highlight p span {



    color:  #000000;



    background-color:  #daea33;



    padding: .15rem .5rem;



}







.highlight p .small {



    color:  #000000;



    background-color: #daea33;



    padding: .25rem .5rem 0;



}







@media screen and (min-width: 40em) { /*640*/



    .highlight h1 span,



    .highlight p span {



        background-color:  #daea33;



        color:  #000000;



        padding: .5rem 1.0rem;



    }







    .highlight p .small {



        background-color: #daea33;



        color:  #000000;



        padding: .5rem 1.5rem;



    }



}







@media screen and (min-width: 75em) { /*1200*/



    .highlight h1 span,



    .highlight p span {



        background-color:  #daea33;



        color:  #000000;



        padding: 0.5rem 1.5rem;



    }







    .highlight p .small {



        background-color: #daea33;



        color:  #000000;



        padding: .625rem 1.0rem;



    }



}



/*Bei Moboile Block*/



@media screen and (max-width: 39.9em) { /*640*/



    .highlight h1 span,



    .highlight p span {



        display: block;



    }







    .highlight p .small {



        /*display:  block;*/



    }



    /*Todo*/



    h1, .h1 {



        font-size: 2.0rem;



    }



    



    .highlight p.h2 {



        /*line-height: 1.4;*/



        margin-bottom: 0;



    }







    h3, .h3 {



        font-size: 1.5rem;



    }







    .highlight h1 span, .highlight p span {



        padding: .15rem 1.0rem;



    }



}







/*Clip-Klassen*/



/*2 nach Rechts /-/ */



.clip-2r {



    clip-path: polygon(2% 0, 100% 0, 98% 100%, 0 100%);



}



/*1 nach Rechts |-/ */



.clip-1r-r {



    clip-path: polygon(0 0, 100% 0, 98% 100%, 0 100%);



}



/*1 nach Rechts /-| */



.clip-1r-l {



    clip-path: polygon(2% 0%, 100% 0, 100% 100%, 0% 100%);



}



/*2 nach Links \-\ */



.clip-2l {



    clip-path: polygon(0 0, 98% 0, 100% 100%, 2% 100%);



}



/*1 nach Links \-| */



.clip-1l-l {



    clip-path: polygon(0 0, 100% 0, 100% 100%, 25% 100%);



}



/*1 nach Links |-\ */



.clip-1l-r {



    clip-path: polygon(0 0, 98% 0, 100% 100%, 0 100%);



}



/*Links Rechts \-/ */



.clip-v {



    clip-path: polygon(0 0, 100% 0, 98% 100%, 2% 100%);



}



/*Links Rechts A /-\ */



.clip-a {



    clip-path: polygon(2% 0%, 98% 0%, 100% 100%, 0% 100%);



}



/*alle Fact gleich*/



.fact .h1 span {



    clip-path: polygon(0 0, 92% 16%, 100% 100%, 8% 100%);



}



/*Allgemeine Versätze*/



@media screen and (min-width: 87.5em) { /*1400*/



    .large-offset-05 {



        margin-left: 4.16665%;



    }



    .large-offset-05 {



        margin-left: calc(4.16665% + 1.875rem / 2);



    }







    .large-offset-15 {



        margin-left: 12.49995%;



    }



    .large-offset-15 {



        margin-left: calc(12.49995% + 1.875rem / 2);



    }



}



/*Allgemeine Margins*/



.m0 {



    margin-bottom: 0!important;



    margin-top: 0!important;



}



.mb0 {



    margin-bottom: 0!important;



}



.mt0 {



    margin-top: 0!important;



}



/*Allgemeine Paddings*/



.p0 {



    padding-bottom: 0!important;



    padding-top: 0!important;



}



.pb0 {



    padding-bottom: 0!important;



}



.pt0 {



    padding-top: 0!important;



}



.pt2 {



    padding-top: 1.25rem!important;



}



/*Hälfte*/



@media screen and (min-width: 40em) { /*640*/



    .medium-mb0 {



        margin-bottom: 0!important;



    }



    .medium-mb5 {



        margin-bottom: 2.5rem;



    }



    .medium-mb10 {



        margin-bottom: 5rem;



    }



    .medium-mt5 {



        margin-top: 2.5rem;



    }



    .medium-mt10 {



        margin-top: 5rem;



    }



}



/*Voll*/



/*@media screen and (min-width: 75em) { /*1200*/



@media screen and (min-width: 87.5em) { /*1400*/



    .large-mb0 {



        margin-bottom: 0!important;



    }



    .large-mb5 {



        margin-bottom: 5rem;



    }



    .large-mb10 {



        margin-bottom: 10rem;



    }



    .large-mt5 {



        margin-top: 5rem;



    }



    .large-mt10 {



        margin-top: 10rem;



    }



}



/*Großer Abstand Cell*/



@media screen and (max-width: 39.9em) { /*640*/



    #dieklimachampions .grid-padding-y > .cell + .cell {



        padding-bottom: 0;



        padding-top: 0;



    }



}



/*Verdoppeln von foundation*/



.grid-padding-y > .cell {



    padding-bottom: 1.25rem;



    padding-top: 1.25rem;



}



#blogs .grid-padding-y > .cell {



    /*padding-bottom: 1.5rem;*/



}







#start .grid-padding-y > .cell {



    /*padding-bottom: 7.5rem;*/



    padding-top: 23%;



}



/*Start Slogan Image*/

#start .grid-padding-y > .svg {

    padding-top: 15vh;

}



@media screen and (min-width: 40em) { /*640*/



    /*Start Slogan Image*/

    #start .grid-padding-y > .svg {

        padding-top: 15vh;

    }



    /*Hälfte*/



    .grid-padding-y > .cell {



        /*padding-bottom: 3.75rem;*/



        /*padding-top: 3.75rem;*/



        /*padding-bottom: 7%;*/



        /*padding-top: 7%;*/



    }







    #start .grid-padding-y > .cell {



        /*padding-bottom: 7.5rem;*/



        padding-top: 25%;





    }







    #dieklimaschutzag .grid-padding-y > .cell.ast {



        /*padding-top: 5%;*/



    }



}



@media only screen and (min-device-width: 410px) 

                   and (max-device-width: 930px) 

                   and (orientation: landscape) {



    #start .grid-padding-y > .cell {



    padding-top: 10%;



    }

}



@media screen and (min-width: 64em) { /*1024*/

    #start .grid-padding-y > .cell {



        /*padding-bottom: 7.5rem;*/



        padding-top: 15vh;





    }

}



@media screen and (min-width: 75em) { /*1200*/



    #start .grid-padding-y > .cell {



        /*padding-bottom: 3.75rem;*/



        padding-top: 15vh;



    }



}



@media screen and (min-width: 87.5em) { /*1400*/



    #start .grid-padding-y > .cell {



        /*padding-bottom: 3.75rem;*/



        padding-top: 13vh;



    }



}



/**



 * Die Klimachampions als Block-Grid



 * 



 * 



 */



/*Kein Abstand nach Überschrift*/



#dieklimachampions .grid-padding-y > .cell.waldbesitzer {



    /*padding-bottom: 0;*/



}



/*Fake Masonry Test*/



@media screen and (max-width: 63em) { /*1024*/



    #dieklimachampions .grid-padding-y > .cell {



        /*padding-bottom: 0;*/



        /*padding-top: 0;*/



    }







/*    #dieklimachampions .grid-padding-y > .cell:first-child {



        padding-top: 3.125rem;



    }*/



}



@media screen and (max-width: 39.9em) { /*640*/



/*    #dieklimachampions .grid-padding-y > .cell:first-child {



        padding-top: 0;



    }*/







    #dieklimachampions h1 {



        border-bottom:  5px solid #000000;



    }



}







@media screen and (min-width: 40em) { /*640*/



    /*Linke Splate*/



    /*tiefer*/



    #dieklimachampions .grid-padding-y > .waldbesitzer,
    #dieklimachampions .grid-padding-y > .cell.waldbesitzer {



        /*padding-bottom: 1.875rem;*/



        margin-top: 7.5rem;



    }





    #dieklimachampions .grid-padding-y > .cell.forstwissenschaft {



        /*margin-top: -29%;*/



        /*padding-bottom: 1.875rem;*/



        /*padding-bottom: 1.875rem;*/



    }







    #dieklimachampions .grid-padding-y > .cell.dfwr {



        /*margin-top: 5%;*/



        /*padding-bottom: 3.75rem;*/



        /*padding-top: 1rem;*/



    }



    /*Rechte Spalte*/



    /*höher*/



    #dieklimachampions .grid-padding-y > .cell.foerster {



        /*padding-bottom: 1.875rem;*/



        /*padding-top: 3.75rem;*/



    }







    #dieklimachampions .grid-padding-y > .cell.holzhandwerk {

            /*margin-top:  7%;*/

        /*padding-bottom: 1.875rem;*/



        /*padding-top: 1.0rem;*/



    }



}







@media screen and (min-width: 64em) { /*1024*/



    /*Linke Splate*/



    /*tiefer*/



    #dieklimachampions .grid-padding-y > .cell.waldbesitzer {



        /*padding-bottom: 1.875rem;*/



        /*padding-top: 7.5rem;*/



    }







    #dieklimachampions .grid-padding-y > .cell.forstwissenschaft {



        /*margin-top: -22%;*/



        /*padding-bottom: 3.75rem;*/



    }







    #dieklimachampions .grid-padding-y > .cell.dfwr {



        /*margin-top: -12%;*/



        /*padding-bottom: 3.75rem;*/



        /*padding-top: 3.75rem;*/



    }



    /*Rechte Spalte*/



    /*höher*/



    #dieklimachampions .grid-padding-y > .cell.foerster {



        /*padding-bottom: 1.875rem;*/



        /*padding-top: 3.75rem;*/



    }







    #dieklimachampions .grid-padding-y > .holzhandwerk,
    #dieklimachampions .grid-padding-y > .cell.holzhandwerk {



        margin-top: 8.5rem;



        /*padding-bottom: 1.875rem;*/



        /*padding-top: 7.5rem;*/



    }



}



@media screen and (min-width: 75em) { /*1200*/



    /*Linke Splate*/



    /*tiefer*/



    #dieklimachampions .grid-padding-y > .cell.waldbesitzer {



        /*padding-bottom: 1.875rem;*/



        /*padding-top: 7.5rem;*/



    }







    #dieklimachampions .grid-padding-y > .cell.forstwissenschaft {



        margin-top: -15%;



        /*padding-bottom: 3.75rem;*/



    }







    #dieklimachampions .grid-padding-y > .cell.dfwr {



        margin-top: 0;



        /*padding-bottom: 3.75rem;*/



        /*padding-top: 3.75rem;*/



    }



    /*Rechte Spalte*/



    /*höher*/



    #dieklimachampions .grid-padding-y > .cell.foerster {



        /*padding-bottom: 1.875rem;*/



        /*padding-top: 3.75rem;*/



    }







    #dieklimachampions .grid-padding-y > .cell.holzhandwerk {



        /*margin-top: 15%;*/



        /*padding-bottom: 1.875rem;*/



        /*padding-top: 7.5rem;*/



    }



}







/*Alles Reset*/



@media screen and (min-width: 87.5em) { /*1400*/



    /*Linke Splate*/



    /*tiefer*/



    #dieklimachampions .grid-padding-y > .cell.waldbesitzer {



        /*padding-bottom: 0;*/



        /*padding-top: 10rem;*/



    }







    #dieklimachampions .grid-padding-y > .cell.forstwissenschaft {



        margin-top: -30vh; /*22*/



        /*padding-bottom: 3.75rem;*/



        /*padding-top: 3.75rem;*/



    }







    #dieklimachampions .grid-padding-y > .cell.dfwr {



        margin-top: -8%; /*13*/



        /*padding-bottom: 6.25rem;*/



        /*padding-top: 3.75rem;*/



    }



    /*Rechte Spalte*/



    /*höher*/



    #dieklimachampions .grid-padding-y > .cell.foerster {



        /*padding-bottom: 3.75rem;*/



        /*padding-top: 6.25rem;*/



    }







    #dieklimachampions .grid-padding-y > .cell.holzhandwerk {



        /*padding-bottom: 3.75rem;*/



        /*margin-top: 10rem;*/



    }



}



/*Voll*/



@media screen and (min-width: 75em) { /*1200*/



    #dieklimachampions .grid-padding-y > .cell,



    .grid-padding-y > .cell {



        /*padding-bottom: 6.25rem;*/



        /*padding-top: 6.25rem;*/



    }



}



/*Video*/



.startplayvideolink {
display: flex;
justify-content: center;

    align-self: flex-end;



    /*bottom: 10%; */



    /*left: 50%;*/



    /*opacity: 1;*/



    margin: 1rem 1rem 15vh;



    /*position: absolute;*/



    /*transform: translateX(-50%);*/



    /*margin: 23vh auto 0;*/



}







@media screen and (min-width: 40em) { /*640*/



    .startplayvideolink {



        /*margin: 35vh auto 0;*/



    }



}







@media screen and (min-width: 64em) { /*1024*/



    .startplayvideolink {



        /*margin: 15vh auto 0;*/



        /*opacity: .75;*/



    }



}







.startplayvideolink:focus,



.startplayvideolink:hover {



    /*opacity: 1;*/



    /*transform: translateX(-50%)*/



}







.startplayvideolink img {



    width: 150px;



    height: 150px;



}







@media screen and (min-width: 64em) { /*1024*/



    .startplayvideolink img {



        width: 125px;



        height: 125px;



    }



}







@media screen and (min-width: 87.5em) { /*1400*/



    .startplayvideolink img {



        width: 150px;



        height: 150px;



    }



}







/* Pulse */



@-webkit-keyframes hvr-pulse {



  25% {



    -webkit-transform: scale(1.1);



    transform: scale(1.1);



  }



  75% {



    -webkit-transform: scale(0.9);



    transform: scale(0.9);



  }



}



@keyframes hvr-pulse {



  25% {



    -webkit-transform: scale(1.1);



    transform: scale(1.1);



  }



  75% {



    -webkit-transform: scale(0.9);



    transform: scale(0.9);



  }



}



.hvr-pulse {



  display: inline-block;



  vertical-align: middle;



  -webkit-transform: perspective(1px) translateZ(0);



  transform: perspective(1px) translateZ(0);



  box-shadow: 0 0 1px rgba(0, 0, 0, 0);



}



.hvr-pulse:hover {



  -webkit-animation-name: hvr-pulse;



  animation-name: hvr-pulse;



  -webkit-animation-duration: 1s;



  animation-duration: 1s;



  -webkit-animation-timing-function: linear;



  animation-timing-function: linear;



  -webkit-animation-iteration-count: infinite;



  animation-iteration-count: infinite;



}



/*Audio1*/



#audio1 .cell {



    position: relative;



}







#playbutton, 



#pausebutton,



#resetbutton {



    cursor: pointer;



}







#resetbutton {



    height: 30px;



    left: 16%;



    margin-left: auto;



    margin-right: auto;



    position: absolute;



    right: 0;



    text-align: center;



    width:  30px;



}



@media screen and (min-width: 64em) { /*1024*/



    #resetbutton {



        height: 40px;



        width:  40px;

        left:  14%;

    }



}



@media screen and (min-width: 87.5em) { /*1400*/



    #resetbutton {



        height: 50px;



        width:  50px;

        left:  14%;

    }



}



@media screen and (min-width: 119em) { /*1920*/



    #resetbutton {



        left:  13%;

    }



}







#resetbutton1 {



    height: 35px;



    left: 30%;



    margin-left: auto;



    margin-right: auto;



    position: absolute;



    right: 0;



    text-align: center;



    width:  35px;



}



/*Hintergründer der Sektionen*/



#start {



    background: url(../img/start_19201.jpg) no-repeat center/* 45%*/;



    background-size: cover;



}







@media screen and (max-width: 39.9em) { /*640*/



    #start {



        background: url(../img/start_6401.jpg) no-repeat center/* 45%*/;



        background-size: cover;



    }



}







#dieklimaschutzag {



    background: url(../img/kreuz.svg) no-repeat center;



    /*background-size: cover;*/



}







@media screen and (max-width: 39.9em) { /*640*/



    #dieklimaschutzag {



         background-position: 35% center;



    }







}







#klimaschutz {



    background: url(../img/kasten_orange_pink.svg) no-repeat center;



    /*background-size: cover;*/



}







@media screen and (max-width: 39.9em) { /*640*/



     #klimaschutz {



        background-size: cover;



    }



}



#audio1 {



    /*background: url(../img/kasten_orange.png) center;*/



    background: url(../img/kasten_orange.svg) center;



    /*background-size: cover;*/



    min-height: auto;



}



#wissenschaft {



    /*background: url(../img/kasten_orange.png) center;*/



    background: url(../img/kasten_blau.svg) center;



    /*background-size: cover;*/



    min-height: auto;



}



#dieklimachampions {



    background: url(../img/kasten_pink_blau.svg) no-repeat center;



    /*background: url(../img/kasten_orange_blau1.svg) no-repeat center;*/



    background-size: cover;



}



@media screen and (min-width: 87.5em) { /*1400*/

#waldpflege {



    /*background: url(../img/kasten_orange.png) center;*/



    background: url(../img/kasten_pink.svg) center;



    /*background-size: cover;*/



    min-height: auto;



}

    #dieklimachampions {

        /*background: url(../img/kasten_pink_blau.svg) no-repeat center;*/
/*todo*/
        /*background-size: 150%;*/



    }



}







#tieredeswaldes {



    background: url(../img/kasten_orange_pink_2.svg) no-repeat center;



    /*background-size: 150%;*/



    background-size: cover;



}







#wasausholzwerdenkann {



    background: url(../img/kreuz_2.svg) no-repeat center;



    background-position: 75% center;



    /*background-size: 130%;*/



}







#jetztalle {



    /*align-items: center;*/



    background: url(../img/kasten_orange_blau.svg) no-repeat center;



    background-size: cover;



    /*display: flex;*/



    /*justify-content: center;*/



    min-height: auto;



}



#jetztalle figure {

    margin-bottom: 0;

}



#blogs {



    background: url(../img/kasten_orange_footer.svg) center;



    background-size: cover;



}







/*Alle Fact Container mit Baum*/



.fact {



    align-items: center;



    background: url(../img/DFWR_Baum.svg) no-repeat center top;



    background-size: 80%;



    display: flex;



    justify-content: center;



    /*margin-bottom: 1rem;*/



    /*margin-top: 1rem;*/



    overflow: hidden !important;



}







@media screen and (min-width: 40em) { /*640*/



    /*Alle Fact Container mit Baum*/



    .fact {



        align-items: center;



        background: url(../img/DFWR_Baum.svg) no-repeat center center;



        background-size: 60%;



        display: flex;



        justify-content: center;



        /*margin-bottom: 2rem;*/



        /*margin-top: 2rem;*/



        overflow: hidden !important;



    }







    #wasausholzwerdenkann {



        background: url(../img/kreuz_2.svg) no-repeat center;



        background-position: center;



        /*background-size: 130%;*/

        /*background-size: cover;*/



    }







}







@media screen and (min-width: 75em) { /*1200*/



    /*Alle Fact Container mit Baum*/



    .fact {



        align-items: center;



        background: url(../img/DFWR_Baum.svg) no-repeat center;



        background-size: 47%;



        display: flex;



        justify-content: center;



        /*margin-bottom: 3rem;



        margin-top: 3rem;*/



        overflow: hidden !important;



    }



}







@media screen and (min-width: 87.5em) { /*1400*/



    /*Alle Fact Container mit Baum*/



    .fact {



        align-items: center;



        background: url(../img/DFWR_Baum.svg) no-repeat center;



        background-size: 50%;



        display: flex;



        justify-content: center;



        margin-bottom: 1rem;



        margin-top: 1rem;



        overflow: hidden !important;



    }



}







@media screen and (min-width: 119em) { /*1920*/



    /*Alle Fact Container mit Baum*/



    .fact {



        align-items: center;



        background: url(../img/DFWR_Baum.svg) no-repeat center;



        background-size: 40%;



        display: flex;



        justify-content: center;



        /*margin-bottom: 3rem;



        margin-top: 3rem;*/



        overflow: hidden !important;



    }



    #wasausholzwerdenkann {



    /*background: url(../img/kreuz_2.svg) no-repeat center;*/



    /*background-position: 75% center;*/



    background-size: auto;



    }





}







@media screen and (min-width: 75em) { /*1200*/



    #jetztalle,



    .audio1 {



        min-height: 50%;



    }



}



/*Elon Ast Kommentar*/



/*Eigene Abstand, nur oben und unten, nicht an .cell*/



@media screen and (min-width: 87.5em) { /*1400*/



    /*.grid-padding-y.zitat > .cell {



        padding-top: 0.625rem;



        padding-bottom: 0.625rem; 



    }*/







    /*#jetztalle .grid-x {



        padding-bottom: 4.5rem;



        padding-top: 4.5rem;



    }*/



}







.fact .h1 {



    margin-bottom: 2rem;



    font-size: 2.5rem;



}



/*Eigene Abstand, nur oben und unten, nicht an .cell*/



.fact .grid-x {



    /*padding-bottom: 4.5rem;*/



    /*padding-top: 4.5rem;*/



}







@media screen and (min-width: 64em) { /*1024*/



    .fact .h1 {



        font-size: 3rem;



    }



}







@media screen and (min-width: 75em) { /*1200*/



/*@media screen and (min-width: 87.5em) { /*1400*/



    .fact .h1 {



        margin-bottom: 2rem;



        font-size: 4rem;



        /*margin-left: 20rem;*/



    }



    /*Eigene Abstand, nur oben nd ten, nicht an .cell*/



    .fact .grid-x {



        /*padding-bottom: 10rem;*/



        /*padding-top: 10rem;*/



    }



}







@media screen and (min-width: 119em) { /*1920*/



    .fact .h1 {



        font-size: 5.5rem;



    }



}







/*



* Waldchampions Accordion



*/



.accordion {



    background: transparent;



}







.accordion-title {



    border: 0 none;



    padding: 0 2.5rem 0 0;



}







a.accordion-title:hover:not(.icons),



a.accordion-title:focus:not(.icons) {



    background: transparent;



    text-decoration: none;



}







:last-child:not(.is-active)>.accordion-title {



    border-bottom: 0 none;



}



/*Nur bei Mobile*/



@media screen and (max-width: 39.9em) { /*640*/



    /*Icons*/



    .accordion-title::before {



        color: #000000;



        content: "\e867";



        font-family: "mfn-icons";



        font-size: 3rem;



        margin-top: 0 /*-0.5rem*/;



        position: absolute;



        right: 0;



        top: 0;



    }







    .is-active>.accordion-title::before {



        content:  "\e945";



    }







    ul.accordion {



        border-bottom: 4px solid #000;



    }



}



/*Inhalt reset*/



.accordion-content {



    background-color:  transparent;



    border: 0 none;



    color: #000000;



    font-size: 1.0rem;



    padding: 0;



    text-transform: uppercase;



}



/*Content offen ab Tablet*/



@media screen and (min-width: 40em) { /*640*/



    .accordion-content {



        display: block;



        /*font-size: 1.0rem;*/



    }



}







@media screen and (min-width: 75em) { /*1200*/



    .accordion-content {



        font-size: 1.25rem;



    }



}







:last-child>.accordion-content:last-child {



    border-bottom: 0 none;



}







@media screen and (min-width: 40em) { /*640*/



    .champion-text {



        margin-bottom: 0;



    }



}



@media screen and (min-width: 87.5em) { /*1400*/



    .champion-text {



        /*margin-bottom: 8rem;*/



    }



}







.champion-bild.waldbesitzer,



.champion-text.waldbesitzer {



    /*margin-left: 5.0rem;*/



}



/*Überschriften Blogs*/



#blogs h2, 



#blogs .h2 {



    font-family: 'Raleway SemiBold', 'sansserif';



    font-size: 2rem;



}







#blogs .grid-padding-x > .cell.blog-text {



    /*3 x*/



    /*padding: 0 0.625rem;*/



}



/*Social Media*/



footer i {

  color: #77B72B;

  font-size: 3rem;

}







#blogs .owl-carousel {



    /*padding-bottom: 3.75rem;*/



}







@media screen and (min-width: 40em) { /*640*/



    /*Social Media*/



    footer i {



      font-size: 3rem;



      color: #77B72B;



    }







    #blogs h2, 



    #blogs .h2 {



        font-size: 1.5rem;



    }







    #blogs .grid-padding-x > .cell.blog-text {



        /*3 x*/



        /*padding: 0 1.75rem 1.75rem;*/



    }







}







@media screen and (min-width: 75em) { /*1200*/



    /*Social Media*/



    footer i {



      font-size: 3rem;



      color: #77B72B;



    }







    #blogs h2, 



    #blogs .h2 {



        font-size: 1.75rem;



    }







    #blogs .grid-padding-x > .cell.blog-text {



        /*3 x*/



        /*padding: 1.75rem;*/



    }



}







@media screen and (min-width: 87.5em) { /*1400*/



    /*Social Media*/



    footer i {



      font-size: 4rem;



    }







    #blogs h2, 



    #blogs .h2 {



        font-size: 1.75rem;



    }







    #blogs .grid-padding-x > .cell.blog-text {



        /*3 x*/



        /*padding: 0 2.81rem 2.81rem;*/



    }



}







@media screen and (min-width: 119em) { /*1920*/



    /*Social Media*/



    footer i {



      font-size: 4rem;



      color: #77B72B;



    }







    #blogs h2, 



    #blogs .h2 {



        font-size: 2.25rem;



    }







    #blogs .grid-padding-x > .cell.blog-text {



        /*4 x*/



        /*padding: 0 3.75rem 3.75rem;*/



    }



}







footer {



    background-color: #ffffff;

    padding-bottom: 4rem;



}



footer .grid-container.full {

    padding-bottom: 0;

    padding-top: 0;

}



footer .grid-padding-y > .cell {



    padding-bottom: 2rem;



    padding-top: 2rem;



}







footer #footer1 .grid-padding-y > .cell {



    padding-bottom: 0.625rem;



    padding-top: 0.625rem;



}



footer #footer1 {



    background-color: #ededed;



}







footer #footer1 p {



    margin-bottom: 0rem;



}







@media screen and (min-width: 87.5em) { /*1400*/



    footer #footer1 p {



        margin-bottom: .639rem;



    }



}







footer #footer2 {



    border-bottom: 5px solid #ededed;



    font-size: .875rem;



}







footer #footer2 {



    border-bottom: 5px solid #ededed;



}



/*Linksektion normal breit*/



footer #footer1 .grid-x,



footer #footer2 .grid-x {



    margin: 0 auto;



    max-width: 75rem;



}



/*Owl Carousel*/



.owl-prev {



    border:0px solid black;



    display: block !important;



    height: 100px;



    margin-left: -0px;



    position: absolute;



    left: -10px;



    top: 40%;



    width: 30px;



}







.owl-next {



    width: 30px;



    height: 100px;



    position: absolute;



    top: 40%;



    right: -10px;



    display: block !important;



    border:0px solid black;



}







.owl-prev span,



.owl-next span,



.orbit-previous,



.orbit-next {



    font-size: 4rem;



    color: #000;



    font-family: "mfn-icons";



}







.orbit-next:active, 



.orbit-next:focus, 



.orbit-next:hover, 



.orbit-previous:active, 



.orbit-previous:focus, 



.orbit-previous:hover {



    background-color: transparent;



}







@keyframes fade-in {



    from {opacity: 0; transform: scale(.7,.7)}



    to {opacity: 1;}



}







.fade-in-element {



  animation: fade-in 1.4s;



}







/* Float */



.hvr-float {



  display: inline-block;



  vertical-align: middle;



  -webkit-transform: perspective(1px) translateZ(0);



  transform: perspective(1px) translateZ(0);



  box-shadow: 0 0 1px rgba(0, 0, 0, 0);



  -webkit-transition-duration: 0.3s;



  transition-duration: 0.3s;



  -webkit-transition-property: transform;



  transition-property: transform;



  -webkit-transition-timing-function: ease-out;



  transition-timing-function: ease-out;



}



.hvr-float:hover, .hvr-float:focus, .hvr-float:active {



  -webkit-transform: translateY(-8px);



  transform: translateY(-8px);



}



/*.hidden {



  opacity: 0;



}



*/

@media screen and (max-width: 39.9em) { /*640*/

    .reveal-overlay {

        /*top:  2vh;*/

    }

}



.close-button.medium, 

.close-button.medium:hover,

.close-button.medium:focus {

    color: #daea33;

    font-size: 3em;

    right: 1.0rem;

    top: 0;

}



.reveal {

  padding: .5rem;

  background: #daea33;

  border: 1px solid #daea33;

}

.flex-video.widescreen, .responsive-embed.widescreen {

    padding-bottom: 53%;

}



.responsive-embed {

    margin-bottom: 0;

}

.owl-theme .owl-dots .owl-dot span {
    width: 1.2rem;
    height: 1.2rem;
    background-color: #cacaca;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background-color: #8a8a8a;
}

/*Link YT*/
.yt a {
    color:  #77b72b;
}
.yt a[href^="http"]:not([href*="klimazukunft-wald.de"])::after {
  content: "\e877";
  font-family: "mfn-icons";
  padding-left: 2px;
  padding-right: 2px;
  white-space: nowrap;
}

.grid-item { 
    /*border: 1px solid red;*/
    padding-bottom: 0;
    padding-left: .625rem;
    padding-right: .625rem;
    padding-top: 0;
    width: 100%;
}

.grid-item--width2 { 
    width: 100%;
}

@media screen and (min-width: 40em) { /*640*/
    .grid-item { 
        padding-left: .9375rem;
        padding-bottom: 5.0rem;
        padding-right: .9375rem;
        padding-top: 1.25rem;
        width: 50%;
    }

    .grid-item--width2 { 
        width: 100%;
    }

}

@media screen and (min-width: 64em) { /*1024*/
    .grid-item { 
        width: 33.333%;
    }

    .grid-item--width2 { 
        width: 66.666%;
    }
}

.flex-video {
    height: auto;
    /*padding-top: 1rem;*/
    padding-bottom: 57%;
    width:  100%;
}

.flex-video video {
    /*height: 100vh;*/
}

@media screen and (min-width: 64em) { /*1024*/
    .flex-video {
    /*    padding-top: 0;
        height: 90vh;
        width: 100vw;*/
        /*padding-bottom: 57%;*/
    }
}

@media screen and (min-width: 119em) { /*1920*/
    .flex-video {
        padding-bottom: 53%;
    }
}

.gelb { /*grau*/
    background: #6f6f6f!important;
}