<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/******************************************************************
09.07.2018 style-einspaltig.css
******************************************************************/

/*html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
html .home {background: url("../img/hintergrund/Peene-2_2018-06-30_14-56-39.jpg") no-repeat center center fixed;
-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;
background-size: cover;}*/
html {background: #FFF;}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;
padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;}
body {line-height: 1;width:100%;height:100%;overflow-x: hidden;overflow-y: scroll;text-rendering: optimizeLegibility;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
/* Clear Floated Elements */
.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clear:after {clear:both;content:' ';display:block;font-size:0;
line-height:0;visibility:hidden;width:0;height:0;}
* html .clear {height:1%;}
.hide, .invisible {display: none;}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 18, 2018 */

@font-face {
    font-family: 'asapbold';
    src: url('asap-bold-webfont.woff2') format('woff2'),
         url('asap-bold-webfont.woff') format('woff'),
         url('asap-bold-webfont.ttf') format('truetype'),
         url('asap-bold-webfont.svg#asapbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'asapbold_italic';
    src: url('asap-bolditalic-webfont.woff2') format('woff2'),
         url('asap-bolditalic-webfont.woff') format('woff'),
         url('asap-bolditalic-webfont.ttf') format('truetype'),
         url('asap-bolditalic-webfont.svg#asapbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'asapitalic';
    src: url('asap-italic-webfont.woff2') format('woff2'),
         url('asap-italic-webfont.woff') format('woff'),
         url('asap-italic-webfont.ttf') format('truetype'),
         url('asap-italic-webfont.svg#asapitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'asapregular';
    src: url('asap-regular-webfont.woff2') format('woff2'),
         url('asap-regular-webfont.woff') format('woff'),
         url('asap-regular-webfont.ttf') format('truetype'),
         url('asap-regular-webfont.svg#asapregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bradley_hand_itc_ttregular';
    src: url('bradhi-webfont.woff2') format('woff2'),
         url('bradhi-webfont.woff') format('woff'),
         url('bradhi-webfont.ttf') format('truetype'),
         url('bradhi-webfont.svg#bradley_hand_itc_ttregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bradley_hand_itc_ttbold';
    src: url('bradley_hand_itc_tt_bold-webfont.woff2') format('woff2'),
         url('bradley_hand_itc_tt_bold-webfont.woff') format('woff'),
         url('bradley_hand_itc_tt_bold-webfont.ttf') format('truetype'),
         url('bradley_hand_itc_tt_bold-webfont.svg#bradley_hand_itc_ttbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

.achtung p, .footer-area .achtung p {color:#EC1C23;}
/* Toplink */
#footer .nach_oben_link{position:fixed;bottom:93px;right:33px;z-index:15;opacity:0.9}
#footer a .nach_oben_link .fas {color:#005200;background-color:transparent;height:40px;width:40px;display:block;font-size:4.8em;text-align:center;text-decoration:none}
#footer a:hover .nach_oben_link,
#footer a:focus .nach_oben_link{text-decoration:none;}
#footer a:hover .nach_oben_link .fas {color:#666666;}
#footer .nach_oben_link a:before{font-family:'Font Awesome 5 Free';content:" \f139";}

.leaflet-pane &gt; svg path.leaflet-interactive {
fill-opacity: 0.07 !important;}
.sprung {visibility: hidden; height: 0px !important; position: absolute; margin: -100px;}

.hf_tourismus h1:before {content: url("../img/icon_peenetal.png"); 
line-height: 1em; color: transparent;}
.hf_kultur h1:before {content: url("../img/icon_kultur.png"); 
line-height: 1em; color: transparent;}
.hf_natur h1:before {content: url("../img/icon_natur.png"); 
line-height: 1em; color: transparent;}
.hf_erleben h1:before {content: url("../img/icon_erleben.png"); 
line-height: 1em; color: transparent;}

/* StandardStyle HTML Tags */
body {background:transparent;color:#333;font-family:"asapregular", sans-serif;
font-size:1em;line-height:1.62em;}
a {color:#EC1C23;text-decoration:underline;
-moz-transition: color .25s ease, margin .25s ease;
-webkit-transition: color .25s ease, margin .25s ease;
-o-transition: color .25s ease, margin .25s ease;
-ms-transition: color .25s ease, margin .25s ease;
transition: color .25s ease, margin .25s ease;}
a:hover {color:#999;}
h1, h2, h3, h4, h5, h6 {margin-bottom:18px;font-weight:600;line-height:1.62em;letter-spacing:-1px;color:#005200;}
h1 + h3, h1 + h2 {margin-top:-18px;}
h1 {font-size:1.8em;}
.home h1 {/*color:#05bbee;*/color:#05bbee;position: absolute;right: 5%;top: 50%;font-family:"bradley_hand_itc_ttbold", sans-serif;font-size:40px;}
h2 {font-size:28px;}
.home h2 {color:#FFF;position: absolute;right: 15%;top: 20%;}
h3 {font-size:20px;color:#FFF;font-weight:400;}
h4 {font-size:18px;}
h5 {font-size:16px;}
h6 {font-size:15px;}
em.zitat {font-size:11px;text-align: right;color: #666;margin-top: 0;font-family:"asapregular";}
.zitat {color: #666; text-align:center;margin-bottom: 0;font-family:"asapregular";}
p {margin-bottom:16px;color:#333;}
blockquote {position:relative;color:#444;margin:0 30px 0 60px;
font-family:Georgia, "URW Bookman L", serif;font-style:italic;}
blockquote:before {position:absolute;top:30px;left:-75px;
content:"\201C";color:#3d3d3d;font-family:serif;font-size:96px;}
table {width:100%;border-collapse:collapse;margin-bottom:24px;}
table th,table td {padding:16px 6px;line-height: 1.5em;vertical-align: top;}
table th {font-weight:600;text-align:left;}
caption {font-variant: small-caps;}
th *:first-child,td *:first-child {margin-top: 0;}
thead th {text-align: left;color: #000;border-bottom: 1px #000 solid;}
tbody th, td {text-align: left;border-top: 1px solid #ccc;}
tbody tr:hover th,tbody tr:hover td {background: #f8f8f8;}
tfoot {border-top: 4px solid #ccc;}

.projekte td:nth-child(1) {width:6%;}
.projekte td:nth-child(2) {width:16%;}
.projekte td:nth-child(3) {width:10%;}
.projekte td:nth-child(4) {width:6%;}
.projekte td:nth-child(5) {width:12%;}
.projekte td:nth-child(6) {width:45%;}
.projekte td:nth-child(7) {width:6%;}

.projektuebersicht td:nth-child(1) {width:10%;}
.projektuebersicht td:nth-child(2) {width:20%;}
.projektuebersicht td:nth-child(3) {width:20%;}
.projektuebersicht td:nth-child(4) {width:50%;}

.projekte img {height: 100px;width: 100px;border-radius: 50%;
-webkit-border-radius: 50%;max-width: 100px;object-fit: cover;}
.projektuebersicht img {height: 100px;width: 100px;border-radius: 50%;
-webkit-border-radius: 50%;max-width: 100px;object-fit: cover;}


.projekte .tab {width: 100%;}
.projekte .tabkopf {border-bottom: 1px #000 solid;padding:16px 6px;
line-height: 1.5em;font-weight:600;float: left;}
.projekte .tabkopf.tab1 {width:18%;}
.projekte .tabkopf.tab2 {width:18%;}
.projekte .tabkopf.tab3 {width:16%;}
.projekte .tabkopf.tab4 {width:42%;}
.projekte .tabspalte {border-top: 1px solid #ccc;padding:16px 6px;
line-height: 1.5em;display: table-cell;vertical-align: middle;}
.projekte .tabspalte.tab1 {width:18%;}
.projekte .tabspalte.tab2 {width:18%;}
.projekte .tabspalte.tab3 {width:16%;}
.projekte .tabspalte.tab4 {width:42%;}

.ce_leaflet {position: relative; width: 100%; padding-bottom: .25%; overflow: hidden;}

.regionalbudget table td, .regionalbudget table th {border: 1px #333 solid;}

form {padding-left:16px;}
fieldset {border:#EEE 0px solid;padding:2% 0;}
input[type="text"],input[type="password"], input[type="checkbox"], input[type="email"],textarea {font-size:13px;
box-shadow:inset 1px 1px 5px rgba(0, 0, 0, .05);background:#FCFCFC;
border:#EEE 1px solid;color:#999;font-family:"Droid Sans", sans-serif;margin-bottom: 2px;padding: 1.5%;}
input, textarea {width: 40%;}
label {display: block;float: left;position: relative;width: 35%;}
.captcha_text {display: flex;height: 3em;margin-left: 35%;margin-top: 16px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus {
background:#FFF;border:#ddd 1px solid;color:#333;outline: none;}
textarea {font-size:15px;}
input[type=submit],input[type=reset],input[type=button] {padding:4px 15px;margin-left: 35%;
border-radius:5px;box-shadow:0 0 5px rgba(0, 0, 0, .1);background:#EC1C23;
background:linear-gradient(#ef6368, #EC1C23);
border:none;border-bottom:#DDD 1px solid;color:#FFF;
font-family:"Open Sans", sans-serif;font-size:13px;}
button[type="submit"] {width: auto;padding: 4px 15px;border-radius: 5px;background: #005200;background: linear-gradient(#005200, #017401);border-bottom: #DDD 1px solid;color: #FFF;box-shadow: 0 0 5px rgba(0, 0, 0, .1);font-size: 1em;}
button[type=submit]:hover,button[type=reset]:hover,button[type=button]:hover {
box-shadow:#aaa 0 0 5px;}
button[type=submit]:focus,button[type=reset]:focus,button[type=button]:focus {
box-shadow:#aaa 0 0 5px;
background:linear-gradient(#ef6368, #EC1C23);}
input.checkbox {float: left;width: 5%;}
.checkbox_container label {width: 90%;}
.checkbox_container legend {display:none;}

hr {border:none;border-top:#EEE 1px solid;}
dt {font-weight:600;margin-bottom:24px;}
dd {margin-left:30px;margin-bottom:24px;}
ul {list-style-type:disc;margin-left:30px;margin-bottom:24px;}
ul li {margin-top:4px;}
ul ul {list-style-type:square;margin-bottom:0;}
ul ul ul {list-style-type:circle;}
ol {list-style-type:decimal;margin-left:30px;margin-bottom:24px;}
ol ol {list-style: upper-alpha;margin-bottom:0}
ol ol ol {list-style: lower-roman;}
ol ol ol ol {list-style: lower-alpha;}
address {font-size:14px;font-style:italic;margin-bottom:16px;}
abbr,acronym {border-bottom:#999 1px dotted;cursor:help;}
big {font-size:1.3em;}
em {font-style:italic;}
strong {font-weight:600;}
sup,sub {height:0;line-height:1;vertical-align:baseline;position:relative;font-size:10px;}
sup {bottom:1ex;}
sub {top:.5ex;}
img,video {max-width:100%;height:auto;}
iframe {max-width:100%;width:100%;height:auto;}
#article-71 iframe {height:486px !important;}
figure img {display:block;margin:0 auto;}
video,iframe {display:block;}
.ce_youtube {
 position: relative;
 padding-bottom: 56.25%;
 max-width: 100%;
 height: 0;overflow: hidden;
 margin: 0 auto;
 width:1100px;
}
 
.ce_youtube iframe {
 position: absolute;
 top: 0; left: 0; right: 0; bottom: 0;
 width: 100%;
 height: 100% ;
}
.ce_youtube a {color: #333; text-decoration: none;}
.playbutton {
    color: #fe0000;
    font-size: 50px;
    left: 50%;
    margin: -73px 0 0 -31px;
    position: absolute;
    text-shadow: 0 0 8px rgba(0,0,0,0.5);
    top: 50%;
    cursor: pointer;
    z-index: 10;
}
.dsgvotext {
    color: #000;
    font-size: 16px;
    left: 0;
    right: 0;
    width: 80%;
    margin: 0 auto;
    padding: 2em;
    position: absolute;
    background-color: rgba(255,255,255,0.7);
    top: 10%;
}

audio {max-width:100%;}
.entry-content a img {max-width: 98.5%;padding:0.8%;
box-shadow:0 0 3px #EEE;background:#FFF;border:#EEE 1px solid;}
.entry-content a:hover img {background:#F0F0F0;}

.embed-container {position: relative; 
padding-bottom: 56.25%; /* ratio 16x9 */
height: 0; overflow: hidden; width: 100%;/*height: auto;*/}
.embed-container iframe {position: absolute; top: 0; left: 0; 
width: 100%; height: 100%; }
/* ratio 4x3 */
.embed-container.ratio4x3 {padding-bottom: 75%;}

/* Grid */
.column {float:left;}
.onecol {width:100%;}
.twocol_links {width:82%;}
.twocol_rechts {width:14%;}
.twocol_contentlinks {width:18%;}
.twocol_contentrechts {width:79.9%;}
.threecol {width:31%;}
.fourcol {width:30%;}
.fifecol {width:19.2%;}
.sixcol {width:8%;}
.twofirstcol {width:70%;}
.twolastcol {width:22%;}
.threefirstcol {width:70%;}
.threetwocol {width:26%;}
.threelastcol {width:7%;float:right;margin-top: -42px;}
.logincol {width:45%;}

/* Eigene Tags */
.aligncenter {display:block;	margin:10px auto;text-align: center;}
.alignleft {float:left;margin:10px 10px 10px 0;}
.alignright {float:right;margin:0 0 10px 10px;}
.threeonecol h1, .threeonecol h3 {margin-bottom:0;}
.threeonecol h1 {margin-top:-28px;}

.hellblau, .csslider1 &gt; .cs_description &gt; label.hellblau {color:#22BBEA;}
.hellgruen, .csslider1 &gt; .cs_description &gt; label.hellgruen {color:#97BF0D;}
.dunkelgruen, .csslider1 &gt; .cs_description &gt; label.dunkelgruen {color:#005200;}
.gelb,.csslider1 &gt; .cs_description &gt; label.gelb {color:#FFDD00;}
.grau, .csslider1 &gt; .cs_description &gt; label.grau {color:#C5C7C8;}
.rot, .csslider1 &gt; .cs_description &gt; label.rot {color:#B94941;}
.weiss, .csslider1 &gt; .cs_description &gt; label.weiss {color:#FFFFFF;}
.dunkelblau, .csslider1 &gt; .cs_description &gt; label.dunkelblau {color:#000066;}

/*--- Sprachwahl ----------------------------------------------------------- */
nav#sprachwahl {float:right;width: 50%;margin-right: 16px;}
nav#sprachwahl ul {float: left;margin-top:0px;list-style-type:none;
position: relative;display:block;width: 90%;}
nav#sprachwahl ul li {float:right;position: relative;display:block;margin-top: 0;}
nav#sprachwahl ul li a {text-align:center;display:block;color:#333;
text-decoration:none;font-weight:bold;}
nav#sprachwahl ul li a:hover {color:#666;font-weight:bold;}
nav#sprachwahl ul li.active {font-weight:bold;color:#666;text-align:center;}
nav#sprachwahl .lang-en, nav#sprachwahl .lang-de, nav#sprachwahl .lang-se {width:26px;}

#content {position:relative; display:block;overflow:visible;}
#inhalte {padding-left:16px;-webkit-box-shadow:inset 2px 0px 0px 0px rgba(0,0,0,0.25);
-moz-box-shadow:inset 2px 0px 0px 0px rgba(0,0,0,0.25);
box-shadow:inset 2px 0px 0px 0px rgba(0,0,0,0.25);}
.peenetal #inhalte {-webkit-box-shadow:inset 2px 0px 0px 0px rgba(34,187,234,0.25);
-moz-box-shadow:inset 2px 0px 0px 0px rgba(34,187,234,0.25);
box-shadow:inset 2px 0px 0px 0px rgba(34,187,234,0.25);}
.natur #inhalte {-webkit-box-shadow:inset 2px 0px 0px 0px rgba(151,191,13,0.25);
-moz-box-shadow:inset 2px 0px 0px 0px rgba(151,191,13,0.25);
box-shadow:inset 2px 0px 0px 0px rgba(151,191,13,0.25);}
.leader #inhalte {-webkit-box-shadow:inset 2px 0px 0px 0px rgba(0,82,0,0.25);
-moz-box-shadow:inset 2px 0px 0px 0px rgba(0,82,0,0.25);
box-shadow:inset 2px 0px 0px 0px rgba(0,82,0,0.25);}
.erleben #inhalte {-webkit-box-shadow:inset 2px 0px 0px 0px rgba(255,221,0,0.25);
-moz-box-shadow:inset 2px 0px 0px 0px rgba(255,221,0,0.25);
box-shadow:inset 2px 0px 0px 0px rgba(255,221,0,0.25);}
.kulturschock #inhalte {-webkit-box-shadow:inset 2px 0px 0px 0px rgba(197,199,200,0.25);
-moz-box-shadow:inset 2px 0px 0px 0px rgba(197,199,200,0.25);
box-shadow:inset 2px 0px 0px 0px rgba(197,199,200,0.25);}
.aktionen #inhalte {-webkit-box-shadow:inset 2px 0px 0px 0px rgba(185,73,65,0.25);
-moz-box-shadow:inset 2px 0px 0px 0px rgba(185,73,65,0.25);
box-shadow:inset 2px 0px 0px 0px rgba(185,73,65,0.25);}

.entry {margin:0.5%;background:#fff;min-height:210px;}
.ce_text, .ce_gallery {padding:16px;}
.ce_headline, .mod_newsreader h1 .mod_newslist h2 {padding:0 16px;}
.mod_newslist h2 {font-size: 22px;}
.mod_newslist .info, .mod_newslist .more, .mod_newsreader .info, 
.mod_newsreader .back {text-align:right;padding:0 16px;}
.mod_newslist .layout_latest {border-bottom:1px dashed #999;}
.first {margin-right:0.5%;margin-left:0;}
.ce_image {padding:0;margin-left:0;}
.ce_video {padding:0;margin-left:0.5%;margin-top:0.5%}
.last  {margin-right:0;}
a.pfeillink {text-decoration: none;display: block;}
.ce_text h3 {margin-bottom:0;line-height: 1.28em;}
.last:after {clear:both;}
.ce_gallery:after {clear:both;content:' ';display:block;font-size:0;
line-height:0;visibility:hidden;width:0;height:0;}
/*.ce_text.last {padding-left:0;padding-right:0;}*/
#footer .threelastcol p {vertical-align:bottom;}
.rund img {height: 390px;width: 390px;margin-right: 16px;
border-radius: 218px;-webkit-border-radius: 218px;}
.imglinks img {float:left;}
.ce_image.rund.imglinks {position: relative;display: block;overflow: visible;float: left;}
.caption {font-size:12px;text-align:center;}

.tooltiptabelle {position: relative;display: inline-block;width: 50%;}

/* Tooltip */
.tooltip h4 {margin-bottom: 4px; margin-top: 12px;}
.tooltip {position: relative;display: inline-block;border-bottom: 1px dotted black;width: 56%;}
.tooltip .tooltiptext {visibility: hidden;width: 60%;background-color: #fff;color: #333;
border-radius: 6px;padding: 16px;position: absolute;z-index: 3;bottom: -24%;left: 50%;
margin-left: -60px;-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);
/* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
opacity: 0;transition: opacity 1s;}
.tooltip:hover {cursor: help;}
.tooltip:hover .tooltiptext {visibility: visible;opacity: 1;}
.tooltip.last {margin-bottom:16px;}

/* Design, Layout and Typography */
.home #page {position: absolute;/*position:relative;*/top:0;max-width:100%;margin:0 auto;
background:transparent;overflow:hidden;z-index: 99;width:100%;left:50%;margin-left:-50%; /* die halbe Breite */}

#page {position:relative;max-width:100%;margin:0 auto;
background:transparent;overflow:hidden;}
.page-title {margin:0;font-family:"bradley_hand_itc_ttbold", sans-serif;font-size:44px;
font-style:italic;font-weight:300;letter-spacing:normal;}
#container {display: block;position: relative;overflow: visible;max-width: 1180px;margin: 280px auto 1.6% auto;}
.home #container {/*height: 54em;*/margin: 4% 0.5%;display:block;position:relative;overflow:visible;}
.home #header {background: transparent;max-width: 1180px;margin: 0 auto;text-align: center;height: 16px;}
#header {/*max-width: 1180px;*/margin: 0 auto;text-align: center;width: 100%;z-index: 999;display: block;
position: fixed;overflow: visible;background: #FFF;height: 290px;}
#header-image {display:block;max-width:99.1%;padding:0.45%;
margin-bottom:1.76%;box-shadow:0 0 3px #999;background:#fff;}
#header h1 {padding:6% 0 2% 0;font-family:"bradley_hand_itc_ttbold", sans-serif;font-size:44px;}
#header .ce_image {width:100%;height:240px;overflow:hidden;}
#header .ce_image img {margin-top:-30%;width: 100%;}
#header .ce_image .caption {width: 100%;text-align: center;position: absolute;top: 0.2em;
font-size:40px;/*text-shadow: 0 0 4px #FFF;*/color:#FFF;margin-bottom: 0;font-weight:600;font-family:"bradley_hand_itc_ttbold", sans-serif;}
#header a, #header a:hover {color:#FFF;text-decoration:none;}
#header figcaption.caption a {height:100%;width:100%;display: block;padding: 5% 0;/*margin-top: -11.5em;*/
position: absolute;top: 0.2em;}

/* Icons */
.icon {border: 1px solid #8A8A8A;border-radius:50%;color:#8A8A8A;display: flex;flex-wrap: wrap;
flex-direction: column;align-items: center;width:100px;height:100px;float: left;margin-right: 12%;}
.icon a {color:#8A8A8A;text-decoration:none;}
.fas {font-weight: 600;font-size: 4.5em;color:#8A8A8A;line-height: 1;display: inline-block;padding-top: 0.26em;}

.widget-area li {list-style-position: outside;list-style-type: square;padding: 2px 0;}
.widget-area ul {overflow:visible;padding:6px 15px;}
.widget-area #s {padding: 3%;margin: 0;width: 94%;}
.time {float: right;}
/*  SLIDER  */
#slider {position: relative;overflow: visible;display: block;width:100%;background-color:#E1E1E1;}
#slider-img {max-width: 1180px;margin:0 auto;}
#slider-img img {width:1180px; height:auto;margin-bottom: -6px;}
.navigation {margin:35px 0;}

.ce_gallery figcaption {display:none;font-size:11px;line-height: normal;}
figcaption p {margin-bottom: 0;}
.ce_gallery ul, .ce_gallery ul li {margin: 0 8px 8px 0;padding: 0;list-style-type: none;display: inline; float: left;}
.image_container.float_right {float:right;margin-left:16px;}
.image_container.float_left  {float:left;margin-right:16px;}

/* Main menu */
nav {z-index:1;overflow: visible;position: relative;margin: 0 auto;/*float: left;*/width: 100%;max-width: 1180px;}
#navmobile, #navmobil {display:none;}
#navdesktop {width: 100%;margin: -60px 0 0 0;padding:0;
list-style: none; background: transparent;border-radius: 0px;}
#navinhalt {width: 100%;margin: -24px auto 0 auto;padding:0;
list-style: none; background: transparent;border-radius: 0px;}
#navinhalt li {float: left;padding:2px 0;position: relative;line-height: 0;}
#navinhalt li.first {margin-right: 0;}
#navinhalt a {float: left;height: 25px;padding: 16px 0;color: #8A8A8A;text-decoration: none;font-size:1.6em;text-transform:uppercase;font-weight:600;}
#navinhalt ul {list-style: none;margin:0 auto;padding:0;left: 50%;position: relative;float: left;}
#navinhalt li {content: "";position: relative;width: 16% /*auto*/;transform: rotate(0deg);-webkit-transform: rotate(0deg);float:left;right: 50%;}
#navinhalt a {color: #333;text-decoration: none;font-size:1.6em;text-transform:uppercase;font-weight:600;position: relative;text-align: center;hyphens: none;-webkit-hyphens: none;line-height: 1.8em;margin-top: -80px;padding-top: 100px;}
#navinhalt li:before {background-repeat: no-repeat;background-position: top center;background-size: contain;background-color: transparent;content: "";height: 78px;width: 78px;line-height: 1.6em;display: inline-block;margin-top:-110px;margin-left:-100%;}
#navinhalt li.start {display:none;}
#navinhalt li.peenetal:before {transform: rotate(0deg);-webkit-transform: rotate(0deg);background-image: url(../img/leaderkreis_hblau.svg);}
#navinhalt li.peenetal a:hover,#navinhalt li.peenetal a.active,#navinhalt li.peenetal a.trail{color:#22BBEA;}
#navinhalt li.natur:before {transform: rotate(-80deg);-webkit-transform: rotate(-80deg);background-image: url(../img/leaderkreis_hgruen.svg);}
#navinhalt li.natur a:hover,#navinhalt li.natur a.active,#navinhalt li.natur a.trail{color:#97BF0D;}
#navinhalt li.leader:before {transform: rotate(-40deg);-webkit-transform: rotate(-40deg);background-image: url(../img/leaderkreis_dgruen.svg);}
#navinhalt li.leader a:hover,#navinhalt li.leader a.active,#navinhalt li.leader a.trail{color:#005200;}
#navinhalt li.erleben:before {transform: rotate(10deg);-webkit-transform: rotate(10deg);background-image: url(../img/leaderkreis_gelb.svg);}
#navinhalt li.erleben a:hover,#navinhalt li.erleben a.active,#navinhalt li.erleben a.trail{color:#FFDD00;}
#navinhalt li.kulturschock:before {transform: rotate(40deg);-webkit-transform: rotate(40deg);background-image: url(../img/leaderkreis_hgrau.svg);}
#navinhalt li.kulturschock a:hover,#navinhalt li.kulturschock a.active,#navinhalt li.kulturschock a.trail{color:#C5C7C8;}
#navinhalt li.aktionen:before {transform: rotate(60deg);-webkit-transform: rotate(60deg);background-image:url(../img/leaderkreis_rot.svg);}
#navinhalt li.aktionen a:hover,#navinhalt li.aktionen a.active,#navinhalt li.aktionen a.trail{color:#B94941;}

#navinhaltleft ul {list-style-type: none;
margin-left: 0;margin-bottom: 0;margin-top:4px;}
#navinhaltleft ul li {padding:8px 0;}
#navinhaltleft ul li a {text-decoration: none;font-size: 1.2em;color: #333;font-weight: 600;}
ul li.peenetal.trail ul li a.active, ul li.peenetal.trail ul li a:hover {color:#22BBEA;}
#navinhaltleft ul li a.peenetal.active,#navinhaltleft ul li a.peenetal:hover {color:#22BBEA;}
ul li.natur.trail ul li a.active, ul li.natur.trail ul li a:hover {color:#97BF0D;}
#navinhaltleft ul li a.natur.active,#navinhaltleft ul li a.natur:hover {color:#97BF0D;}
ul li.leader.trail ul li a.active, ul li.leader.trail ul li a:hover {color:#005200;}
#navinhaltleft ul li a.leader.active,#navinhaltleft ul li a.leader:hover {color:#005200;}
ul li.erleben.trail ul li a.active, ul li.erleben.trail ul li a:hover {color:#FFDD00;}
#navinhaltleft ul li a.erleben.active,#navinhaltleft ul li a.erleben:hover {color:#FFDD00;}
ul li.kulturschock.trail ul li a.active, ul li.kulturschock.trail ul li a:hover {color:#C5C7C8;}
#navinhaltleft ul li a.kulturschock.active,#navinhaltleft ul li a.kulturschock:hover {color:#C5C7C8;}
ul li.aktionen.trail ul li a.active, ul li.aktionen.trail ul li a:hover {color:#B94941;}
#navinhaltleft ul li a.aktionen.active,#navinhaltleft ul li a.aktionen:hover {color:#B94941;}

#navloginleft ul {list-style-type: none;
margin-left: 0;margin-bottom: 0;margin-top:4px;}
#navloginleft ul li {padding:8px 0;}
#navloginleft ul li a {text-decoration: none;font-size: 1.2em;color: #333;font-weight: 600;}
ul li.peenetal.trail ul li a.active, ul li.peenetal.trail ul li a:hover {color:#22BBEA;}
#navloginleft ul li a.peenetal.active,#navloginleft ul li a.peenetal:hover {color:#22BBEA;}
ul li.natur.trail ul li a.active, ul li.natur.trail ul li a:hover {color:#97BF0D;}
#navloginleft ul li a.natur.active,#navloginleft ul li a.natur:hover {color:#97BF0D;}
ul li.leader.trail ul li a.active, ul li.leader.trail ul li a:hover {color:#005200;}
#navloginleft ul li a.leader.active,#navloginleft ul li a.leader:hover {color:#005200;}
ul li.erleben.trail ul li a.active, ul li.erleben.trail ul li a:hover {color:#FFDD00;}
#navloginleft ul li a.erleben.active,#navloginleft ul li a.erleben:hover {color:#FFDD00;}
ul li.kulturschock.trail ul li a.active, ul li.kulturschock.trail ul li a:hover {color:#C5C7C8;}
#navloginleft ul li a.kulturschock.active,#navloginleft ul li a.kulturschock:hover {color:#C5C7C8;}
ul li.aktionen.trail ul li a.active, ul li.aktionen.trail ul li a:hover {color:#B94941;}
#navloginleft ul li a.aktionen.active,#navloginleft ul li a.aktionen:hover {color:#B94941;}

/* Clear floated elements */
.home nav {width: 80%;}
.home #navdesktop {width: 80%;margin: 0;padding:0;
list-style: none; background: transparent;border-radius: 0px;}
/** Kreise 4,0 cm **/
.home #navdesktop li {height: 149px;width: 152px;position: absolute;list-style: none;}
.home #navdesktop li {content: "";position: absolute;height: 149px;width: 152px;z-index: -1;}
/** Kreise 3,6 cm **/
/*.home #navdesktop li {height: 136px;width: 139px;position: absolute;list-style: none;}
.home #navdesktop li {content: "";position: absolute;height: 136px;width: 139px;z-index: -1;}*/
.home #navdesktop a {color: #333;text-decoration: none;font-size:1.25em;text-transform:uppercase;font-weight:600;position: relative;top: 35.4%;left: 4.5%;padding: 40% 24%;text-align: center;hyphens: none;}

.home #navdesktop {width: 50em;display: block;height: 25em;}
.home #navdesktop li:nth-child(1) {display:none;}
.home #navdesktop li:nth-child(2) {top: 5.5em; left: 6em;}
.home #navdesktop li:nth-child(3) {top: -4em; left: 1.5em;}
.home #navdesktop li:nth-child(4) {top: -3em; left: 13.5em;}
.home #navdesktop li:nth-child(5) {top: 7em; left: 16.5em;}
.home #navdesktop li:nth-child(6) {top: 15em; left: 9.5em;}
.home #navdesktop li:nth-child(7) {top: 13em; left: -0.6em;}
.home #navdesktop aside {position: absolute;background: rgba(135, 69, 125, .7);}
.home #navdesktop aside:last-of-type {top: 8em; right: 0;}

.home #navdesktop li.peenetal {transform: rotate(0deg);-webkit-transform: rotate(0deg);}
.home #navdesktop li.peenetal{background: url(../img/leaderkreis_hblau.svg) no-repeat 6px 50%;
background-size:contain;}
.home #navdesktop li.peenetal a {left: -3%;}

.home #navdesktop li.natur {transform: rotate(-80deg);-webkit-transform: rotate(-80deg);}
.home #navdesktop li.natur {background: url(../img/leaderkreis_hgruen.svg) no-repeat 6px 50%;
background-size:contain;}
.home #navdesktop li.natur a {left: 5.5%;}

.home #navdesktop li.leader {transform: rotate(-40deg);-webkit-transform: rotate(-40deg);}
.home #navdesktop li.leader {background: url(../img/leaderkreis_dgruen.svg) no-repeat 6px 50%;
background-size:contain;}
.home #navdesktop li.leader a {color:#FFF;left: 1.5%;}

.home #navdesktop li.erleben {transform: rotate(10deg);-webkit-transform: rotate(10deg);}
.home #navdesktop li.erleben {background: url(../img/leaderkreis_gelb.svg) no-repeat 6px 50%;
background-size:contain;}
.home #navdesktop li.erleben a {left: 1%;}

.home #navdesktop li.kulturschock {transform: rotate(40deg);-webkit-transform: rotate(40deg);}
.home #navdesktop li.kulturschock {background: url(../img/leaderkreis_hgrau.svg) no-repeat 6px 50%;
background-size:contain;}
.home #navdesktop li.kulturschock a {left: 4.5%;}

.home #navdesktop li.aktionen {transform: rotate(60deg);-webkit-transform: rotate(60deg);}
.home #navdesktop li.aktionen {background: url(../img/leaderkreis_rot.svg) no-repeat 6px 50%;
background-size:contain;}
.home #navdesktop li.aktionen a {color:#333;left: -3%;}

nav#navtop {width: 100%;}
#navtop {width: 100%;margin: 0;padding: 0;list-style: none;}
#navtop ul {list-style: none;margin: 10px 0 0 0;padding: 0;float: right;}
#navtop li {float: left;padding: 0 10px;position: relative;line-height: 0;}
#navtop a {color:#8A8A8A;text-decoration:none;font-size:0.88em;}
#navtop .fas {font-size: 1em; margin-right:4px;}

#current-location {
padding: 20px 3.1%;background: #eee;border-bottom: #e0e0e0 1px solid;
border-bottom: rgba(0, 0, 0, .055) 1px solid;font-weight: 300;}
/*#current-location {background: #ededed;}*/
#current-location {padding-top:12px;}
#current-location .prefix-text {margin:12px 0 0;color:#999;
font-family:"asapregular", sans-serif;font-size:12px;font-weight:300;
line-height:1.62em;text-transform:uppercase;}
.button {display: inline-block;padding: 5px 18px;
border-radius: 2px;box-shadow:0 0 2px rgba(0, 0, 0, .1);
color: #fff;margin: 5px;background-color:#05bbee;}
a.button:hover {color: #fff;box-shadow:0 0 5px rgba(0, 0, 0, .2);}
.widget-area {font-weight:300;}
.widget-title {margin:0;font-family:"asapregular", sans-serif;font-size:20px;
font-weight:300;letter-spacing:-1px;}
.widget-area ul {margin:0;padding:10px;list-style:none;overflow:visible;}
.widget-area li {padding:7px 0;margin:0;line-height:1.62em;}
.widget-area li li {border-bottom:none;}
.widget-area li ul {margin-left:20px;}
.widget-area a {color:#FFF;}
.widget-area a:hover {color:#EC1C23;text-decoration: underline;}
/* Fuss */
.footer-area a {color:#FFF;text-decoration: none;font-size:16px;}
.footer-area p a ,.footer-area p{color:#FFF;text-decoration: none;font-size:16px;font-family:"asapregular", sans-serif;padding-right:8px;}
.footer-area a:hover {color:#333;text-decoration: underline;}
.footer-area ul {margin:0;padding:0;list-style:none;overflow:visible;}
.footer-area li {padding:4px 0;margin:0;line-height:1.1em;/*text-align:right;*/}
#footer {clear:both;max-width:100%;margin:0 auto;/*background:#05bbee;*/background:#889ba3;color:#FFF;}
#footer .fourcol .widget {margin:0;}
#footer img {max-height: 129px; width:auto;}
#footer-area {position:relative;z-index:1;padding:0 .6%;
box-shadow:none;max-width:1180px;margin:0 auto;}
.home #footer nav {width: 18%;}
.home #footer {
    clear: both;
    max-width: 100%;
    margin: 0 auto;
    background: #05bbee;
    background: #99aeb6;
    color: #FFF;
    position: fixed;
    width: 100%;
    bottom: 64px;
}
.home #logo {
    display: block;
    height: 80px;
    padding: 8px 0 0 0;
    clear: both;
    max-width: 100%;
    margin: 0 auto;
    background: #FFF;
    color: #333;
    width: 100%;
    position: fixed;
    margin-top: 14em;
    bottom: 0;
}

.logo-area a {color:#333;text-decoration: none;font-size:16px;}
.logo-area p a ,.logo-area p{color:#333;text-decoration: none;font-size:14px;font-family:"asapregular", sans-serif;padding-right:8px;}
.logo-area a:hover {color:#666;text-decoration: underline;}
#logo{display:block;height:80px;padding:8px 0 0 0;clear:both;
max-width:100%;margin:0 auto;background:#FFF;color:#333;width: 100%;}
#logo img {vertical-align:middle;max-height:100%;height:60px;width:auto;}
#logo .fourcol .widget {margin:0;}
#logo-area {position:relative;z-index:1;float: right;box-shadow:none;max-width:1180px;margin:0 auto;width: 40%;}

.adress-area a {color:#333;text-decoration: none;font-size:16px;}
.adress-area p a ,.logo-area p{color:#333;text-decoration: none;font-size:14px;font-family:"asapregular", sans-serif;padding-right:8px;}
.adress-area a:hover {color:#666;text-decoration: underline;}
#adresse{display:block;padding:0 0 8px 0;float: left;clear:both;
max-width:100%;margin:0 auto;background:#FFF;color:#333;width: 100%;}
#adress-area {position:relative;z-index:1;padding:.6%;
box-shadow:none;max-width:1180px;margin:0 auto;}

/* Accordion */
.ui-accordion-header {cursor: pointer;display: block;position: relative;
margin-bottom: 12px;margin-top: 2px;padding: 4px;border: 1px solid #999;margin-bottom: 0px;
-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;border-top-right-radius: 4px; background:#f8f8f8;}
.ui-accordion-content {overflow: auto;padding: 1em 0.2em;
-webkit-border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;
border-width: 1px;border-color:#999;border-top-style:none;border-right-style:solid;
border-bottom-style:solid;border-left-style:solid;}
.ce_accordion {padding: 0 16px;}
.leader .ce_accordion {width: 95%;}

/* ------------- Ken Burns Effekt Slider ------------- */

.csslider1 {position: relative;width: 100vw;height: 100vh;display: inline-block;}
.csslider1,.csslider1 *,.csslider1 *:after,.csslider1 *:before {
-webkit-box-sizing: content-box;  -moz-box-sizing: content-box;  box-sizing: content-box;}
.csslider1 &gt; .cs_anchor {display: none;}
.csslider1 &gt; ul {position: relative;z-index: 1;font-size: 0;line-height: 0;margin: 0 auto;
padding: 0;height: 100%;overflow: hidden;white-space: nowrap;}
.csslider1 &gt; ul &gt; .cs_skeleton {width: 100%;visibility: hidden;font-size: 0;line-height: 0;}
.csslider1 &gt; ul &gt; .slide.img img {width: 100%;}
.csslider1 &gt; ul &gt; .slide.img a {font-size: 0;color: transparent;}
.csslider1 &gt; ul &gt; .slide {position: relative;display: inline-block;width: 100%;
height: 100%;overflow: hidden;font-size: 180%;font-size: initial;line-height: normal;
white-space: normal;vertical-align: top;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
box-sizing: border-box;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.csslider1 .cs_engine{position: absolute;top: -9999px;left: -9999px;font-size: 0;opacity: 0;
filter: alpha(opacity=0);}
.csslider1 &gt; ul &gt; li.img,
.csslider1 &gt; .cs_arrowprev,
.csslider1 &gt; .cs_arrownext,
.csslider1 &gt; .cs_bullets,
.csslider1 &gt; .cs_play_pause {-webkit-touch-callout: none;-webkit-user-select: none;
-moz-user-select: none;-ms-user-select: none;user-select: none;}

/* ------------- General Description ------------- */
.csslider1 &gt; .cs_description {z-index: 3;}
.csslider1 &gt; .cs_description a,
.csslider1 &gt; .cs_description a:visited,
.csslider1 &gt; .cs_description a:active {color: inherit;}
.csslider1 &gt; .cs_description a:hover {text-decoration: none;}
.csslider1 &gt; .cs_description &gt; label {position: absolute; word-wrap: break-word;
white-space: normal;text-align: left;max-width: 70%;left: 0;}
.csslider1 &gt; .cs_description &gt; label &gt; span {vertical-align: top;}
.csslider1 &gt; .cs_description &gt; label span {display: inline-block;}

/* ------------- Effect ------------- */
.csslider1 ul li {margin-top: 0;}
.csslider1 &gt; ul &gt; .slide {position: absolute;left: 0;top: 0;
display: inline-block;opacity: 0;z-index: 1;-webkit-transition:opacity 2000ms ease,
-webkit-transform 37500ms cubic-bezier(0.840, 0.970, 0.855, 1.000);
transition:opacity 2000ms ease,-webkit-transform 37500ms cubic-bezier(0.840, 0.970, 0.855, 1.000),
transform 37500ms cubic-bezier(0.840, 0.970, 0.855, 1.000);}
.csslider1 &gt; ul &gt; .slide.num0 {-webkit-transform: scale(1.3);transform: scale(1.3);
-webkit-transform-origin: 100% 0;transform-origin: 100% 0;}
.csslider1 &gt; ul &gt; .slide.num1 {-webkit-transform: scale(1.3);transform: scale(1.3);
-webkit-transform-origin: 0 0;transform-origin: 0 0;}
.csslider1 &gt; ul &gt; .slide.num2 {-webkit-transform: scale(1.3);transform: scale(1.3);
-webkit-transform-origin: 100% 100%;transform-origin: 100% 100%;}
.csslider1 &gt; ul &gt; .slide.num3 {-webkit-transform: scale(1.3);transform: scale(1.3);
-webkit-transform-origin: 0 100%;transform-origin: 0 100%;}
.csslider1 &gt; #cs_slide1_0:checked ~ ul &gt; .slide.num0,
.csslider1 &gt; #cs_pause1_0:checked ~ ul &gt; .slide.num0,.csslider1 &gt; #cs_slide1_1:checked ~ ul &gt; .slide.num1,
.csslider1 &gt; #cs_pause1_1:checked ~ ul &gt; .slide.num1,.csslider1 &gt; #cs_slide1_2:checked ~ ul &gt; .slide.num2,
.csslider1 &gt; #cs_pause1_2:checked ~ ul &gt; .slide.num2,.csslider1 &gt; #cs_slide1_3:checked ~ ul &gt; .slide.num3,
.csslider1 &gt; #cs_pause1_3:checked ~ ul &gt; .slide.num3 {
opacity: 1;z-index: 2;-webkit-transform: scale(1);transform: scale(1);}

@-webkit-keyframes kenburns1 {0.001%, 24.999%  { z-index: 2; }
0%, 100% {opacity: 0;-webkit-transform: scale(1);transform: scale(1);}
4%, 25% { opacity: 1 }
29%, 75% {opacity: 0;-webkit-transform: scale(1.3);transform: scale(1.3);}
25.001%, 100%  { z-index: 1; }
}
@keyframes kenburns1 {0.001%, 24.999%  { z-index: 2; }
0%, 100% {opacity: 0;-webkit-transform: scale(1);transform: scale(1);}
4%, 25% { opacity: 1 }
29%, 75% {opacity: 0;-webkit-transform: scale(1.3);transform: scale(1.3);}
25.001%, 100%  { z-index: 1; }
}

.csslider1 &gt; #cs_play1:checked ~ ul &gt; .slide.num0 {
-webkit-animation: kenburns1 50000ms infinite -2000ms linear;
animation: kenburns1 50000ms infinite -2000ms linear;}
.csslider1 &gt; #cs_play1:checked ~ ul &gt; .slide.num1 {
-webkit-animation: kenburns1 50000ms infinite 10500ms linear;
animation: kenburns1 50000ms infinite 10500ms linear;}
.csslider1 &gt; #cs_play1:checked ~ ul &gt; .slide.num2 {
  -webkit-animation: kenburns1 50000ms infinite 23000ms linear;
  animation: kenburns1 50000ms infinite 23000ms linear;}
.csslider1 &gt; #cs_play1:checked ~ ul &gt; .slide.num3 {
  -webkit-animation: kenburns1 50000ms infinite 35500ms linear;
  animation: kenburns1 50000ms infinite 35500ms linear;}

.csslider1 &gt; #cs_play1:checked ~ ul &gt; .slide,
.csslider1 &gt; .pause:checked ~ ul &gt; .slide {
-webkit-transition: none;transition: none;}

/* ------------- Template Description ------------- */
.csslider1 &gt; .cs_description &gt; label {
font-family: "bradley_hand_itc_ttbold", sans-serif;line-height: normal;
top: auto;z-index: 3;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
max-width: 90%;color: #05bbee;width: 90%;
text-align: right;bottom: auto;right: 5%;top: 70%;left: auto;font-size: 240%;}
.csslider1 &gt; .cs_description &gt; label .cs_title {
margin-bottom: 10px;font-size: 240% !important;}
.csslider1 &gt; .cs_description &gt; label .cs_descr {
text-align: left;font-size: 14px;margin-right: 5px;}

.csslider1 &gt; #cs_slide1_0:checked ~ .cs_description &gt; .num0 &gt; .cs_title,
.csslider1 &gt; #cs_slide1_0:checked ~ .cs_description &gt; .num0 &gt; .cs_descr,
.csslider1 &gt; #cs_pause1_0:checked ~ .cs_description &gt; .num0 &gt; .cs_title,
.csslider1 &gt; #cs_pause1_0:checked ~ .cs_description &gt; .num0 &gt; .cs_descr,
.csslider1 &gt; #cs_slide1_1:checked ~ .cs_description &gt; .num1 &gt; .cs_title,
.csslider1 &gt; #cs_slide1_1:checked ~ .cs_description &gt; .num1 &gt; .cs_descr,
.csslider1 &gt; #cs_pause1_1:checked ~ .cs_description &gt; .num1 &gt; .cs_title,
.csslider1 &gt; #cs_pause1_1:checked ~ .cs_description &gt; .num1 &gt; .cs_descr,
.csslider1 &gt; #cs_slide1_2:checked ~ .cs_description &gt; .num2 &gt; .cs_title,
.csslider1 &gt; #cs_slide1_2:checked ~ .cs_description &gt; .num2 &gt; .cs_descr,
.csslider1 &gt; #cs_pause1_2:checked ~ .cs_description &gt; .num2 &gt; .cs_title,
.csslider1 &gt; #cs_pause1_2:checked ~ .cs_description &gt; .num2 &gt; .cs_descr,
.csslider1 &gt; #cs_slide1_3:checked ~ .cs_description &gt; .num3 &gt; .cs_title,
.csslider1 &gt; #cs_slide1_3:checked ~ .cs_description &gt; .num3 &gt; .cs_descr,
.csslider1 &gt; #cs_pause1_3:checked ~ .cs_description &gt; .num3 &gt; .cs_title,
.csslider1 &gt; #cs_pause1_3:checked ~ .cs_description &gt; .num3 &gt; .cs_descr {
opacity: 1;visibility: visible;}
.csslider1 &gt; .cs_description &gt; label &gt; .cs_title {
opacity: 0;visibility: hidden;z-index: 2;-webkit-transition: opacity .4s, visibility .4s;
transition: opacity .4s, visibility .4s;font-size: 150% !important;}
.csslider1 &gt; .cs_description &gt; label &gt; .cs_descr {
font-size: 150% !important;opacity: 0;visibility: hidden;z-index: 1;
-webkit-transition: opacity .4s, visibility .4s;transition: opacity .4s, visibility .4s;}

@-webkit-keyframes cs_title1 {
1%, 25%  { opacity: 1; z-index: 2; visibility: visible;}
26%  { opacity: 0; z-index: 2; visibility: hidden;}
26.01%, 100%  { z-index: 0; }
}
@keyframes cs_title1 {
1%, 25%  { opacity: 1; z-index: 2; visibility: visible;}
26%  { opacity: 0; z-index: 2; visibility: hidden;}
26.01%, 100%  { z-index: 0; }
}

.csslider1 &gt; #cs_play1:checked ~ .cs_description &gt; .num0  &gt; .cs_title {
-webkit-animation: cs_title1 50000ms infinite -1400ms ease;
animation: cs_title1 50000ms infinite -1400ms ease;}
.csslider1 &gt; #cs_play1:checked ~ .cs_description &gt; .num1  &gt; .cs_title {
  -webkit-animation: cs_title1 50000ms infinite 11100ms ease;
  animation: cs_title1 50000ms infinite 11100ms ease;}
.csslider1 &gt; #cs_play1:checked ~ .cs_description &gt; .num2  &gt; .cs_title {
  -webkit-animation: cs_title1 50000ms infinite 23600ms ease;
  animation: cs_title1 50000ms infinite 23600ms ease;}
.csslider1 &gt; #cs_play1:checked ~ .cs_description &gt; .num3  &gt; .cs_title {
  -webkit-animation: cs_title1 50000ms infinite 36100ms ease;
  animation: cs_title1 50000ms infinite 36100ms ease;}
.csslider1 &gt; #cs_play1:checked ~ .cs_description &gt; .num0  &gt; .cs_descr {
  -webkit-animation: cs_title1 50000ms infinite -1400ms ease;
  animation: cs_title1 50000ms infinite -1400ms ease;}
.csslider1 &gt; #cs_play1:checked ~ .cs_description &gt; .num1  &gt; .cs_descr {
  -webkit-animation: cs_title1 50000ms infinite 11100ms ease;
  animation: cs_title1 50000ms infinite 11100ms ease;}
.csslider1 &gt; #cs_play1:checked ~ .cs_description &gt; .num2  &gt; .cs_descr {
  -webkit-animation: cs_title1 50000ms infinite 23600ms ease;
  animation: cs_title1 50000ms infinite 23600ms ease;}
.csslider1 &gt; #cs_play1:checked ~ .cs_description &gt; .num3  &gt; .cs_descr {
  -webkit-animation: cs_title1 50000ms infinite 36100ms ease;
  animation: cs_title1 50000ms infinite 36100ms ease;}

.csslider1 &gt; #cs_play1:checked ~ .cs_description &gt; label &gt; .cs_title,
.csslider1 &gt; #cs_play1:checked ~ .cs_description &gt; label &gt; .cs_descr,
.csslider1 &gt; .pause:checked ~ .cs_description &gt; label &gt; .cs_title,
.csslider1 &gt; .pause:checked ~ .cs_description &gt; label &gt; .cs_descr {
-webkit-transition: none;transition: none;}

/* hide description &amp; bullets on mobile devices */
@media
only screen and (max-width: 480px),
only screen and (-webkit-max-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (   max--moz-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (     -o-max-device-pixel-ratio: 2/1)    and (max-width: 480px),
only screen and (        max-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (                max-resolution: 192dpi) and (max-width: 480px),
only screen and (                max-resolution: 2dppx)  and (max-width: 480px) { 
.csslider1 &gt; .cs_description,.csslider1 &gt; .cs_bullets {display: none;}
}

@media only screen and (max-width: 1624px) {
.csslider1,.csslider1 &gt; ul {height: 100vh;}
.csslider1 &gt; .cs_description &gt; label {top: 50%;}
}
/* Ken Burn Effekt */
.slideshow {position: absolute;overflow: hidden;height: 100vH;}


/* media queries
*******************************************************************************/

/* (768x1024) iPad 1 &amp; 2, Portrait */
@media only screen and (min-device-width: 768px) and (orientation: portrait) {
	#container {margin: 25% auto 1.6% auto;}
	/*.home #container {height: 45em;}*/
	.home #navdesktop {height: 30em;}
	.csslider1 &gt; .cs_description &gt; label {top: 52%;}
}
@media screen and (max-width: 1152px) {

}

@media screen and (max-width : 960px) {
	#navinhalt li::before {width: 70px;height: 70px;}
	#navinhalt a {font-size: 1.1em;}
	#logo-area {width: 60%;}
	.projekte img {height: 100px;width: 100px;max-width: 100px;}
	.rund img {height: 320px;width: 320px;max-width: 320px;}
	#container {margin: 36% auto 1.6% auto;}
	.csslider1 &gt; .cs_description &gt; label {right: 1%;top:42%;}
	.ce_youtube {width: 100%;}
}

@media screen and (max-width: 760px) {
	#footer-area, .column {float: none;}
	#header {background-image: none;background-color:#FFF;height:auto;}
	.projekte img,.rund img {height: 320px;width: 320px;max-width: 320px;}
	.home #header {height: auto;}
	.onecol, .twocol_links, .twocol_rechts, .threecol, .fifecol.last, .fourcol, .sixcol, 
	.twofirstcol, .twolastcol, .threefirstcol, .threetwocol, .threelastcol, .home #footer nav, .twocol_contentrechts,
	.fifecol {float:none;width:auto;}
	.threeonecol, .threetwocol {width:93.6%;}
	.alignleft,.alignright {display: block;float: none;margin:20px auto;}
	.first, .last {margin:0;}
	.entry {margin: 0.5% 0;}
	#container {margin: 6% auto 1.6% auto;}
	.home #container {height: 16em;}
	#slider {margin-top: 0;}
	#slider img {height: auto;}
	#logo {height: auto;}
	#logo img {height: auto;}
	nav {background: rgba(0,0,0,0);height: 64px;width: 100%}
	#navdesktop, .home #navdesktop {background: #333;width: 100%;margin: 0;padding:0;}
	#navdesktop ul {margin-top:25px;}
	#navdesktop ul li {float: none;width: 100%;}
	#navdesktop ul li a {text-decoration: none;color:#FFF;}
	#navdesktop li {font-size: 1.1em;font-weight:400;}

	#navmobil {float: right;margin: 0;display: block;}
	#navmobile {float: right;margin: 0 10px 0 0;display: block;height: 0.125em;margin-top: -40px;}
	#navmobile a {color: #333;font-size: 14px;font-weight: bold;margin: 0;
	padding: 2px 0 2px 2px;text-decoration: none;}
	#navdesktop.navdesk.mod_navigation, #navinhalt.navdesk.mod_navigation, 
	#navinhaltleft.navdesk.mod_navigation {display: none;}
	.twocol_contentlinks {width: auto;padding-left: 16px;}
	#navloginleft.navdesk.mod_navigation {display: block;height: auto;}
	#navloginleft ul {list-style-type: disc;margin:4px 0 0 auto;}
	#navloginleft ul li {padding:8px 0;}
	#navloginleft ul li a {text-decoration: none;font-size: 1.2em;color: #333;font-weight: 600;}

/* All the following are for the div.menu-icon (pure CSS) */
	.icon-align-justify {font-size: 32px; /*icon size*/display: block;position: relative;
	width: 40px;height: 36px;text-align: center;cursor: pointer;
	-moz-user-select: none;-webkit-user-select: none;
	background-color: #333;border-radius: 3px;margin-bottom:2px;
/*align the icon to the left*/
	margin-left: 1px;margin-right: auto;}
	.icon-align-justify::before {content: "";position: absolute;top: 0.25em;
	left: 4px;width: 1em;height: 0.125em;border-top: 0.375em double #FFF;
	border-bottom: 0.125em solid #FFF;box-sizing: content-box;}
	#current-location,#sidebar-wide {border-top: #E0E0E0 1px solid;
	border-top: rgba(0, 0, 0, .055) 1px solid;}
	.single .format-audio object {height:24px;}
	.columns .twocol,.columns .threecol,.columns .fourcol,
	.columns .twothirdcol,.columns .threefourthcol {width: 100%;margin: 0;}
	#footer-area .widget, #footer .fourcol .widget {margin:3.4%;}
	#footer-area {padding:3.2%;}
	#footer-area nav {height: auto;}
	.entry {min-height:auto;}
	#logo .fifecol {width: 50%;display: block;overflow: visible;position: relative;height: auto;margin-top: 16px;}
	#logo-area {float: none;width: 100%;}
	#adresse .ce_text {padding: 4px 0;}
	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr, td:nth-child(n) { display: block; }
	/* Hide table headers (but not display: none;, for accessibility) */
	thead { position: absolute;top: -9999px;left: -9999px;}
	tr { border: 1px solid #ccc; margin-bottom: 20px;}
	td, .projekte td:nth-child(n) { /* Behave  like a "row" */border: none;
	/*border-bottom: 1px solid #eee; */position: relative;}
	td:before, .projekte td:nth-child(n):before { /* Label the data */content: attr(data-title);
	display: flex;width: 35%; padding-right: 10px; white-space: nowrap;}
	td {padding-left: 45%;}
	td:before, .projekte td:nth-child(n):before {width: 40%;}
	td:first-child, .projekte td:nth-child(n) {font-weight:bold;}
		td:first-child:before {font-weight:normal;}
	.projekte td:nth-child(n) {width: 90%;}
	label {float: none;width: 100%;}
	input[type="submit"], input[type="reset"], input[type="button"] {margin-left: 0;}
	input, textarea {width: 90%;}
	form {padding-left: 0;}
	#header .ce_image .caption {top:auto;position:relative;}
	#header {position: relative;}
	.ce_text.last {padding-left:16px;}
	.logincol {width: 99%;}
	.mod_login {padding: 16px;}
	.ce_youtube {width: 100%;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	#navinhalt li::before {width: 70px;height: 70px;}
	#navinhalt a {font-size: 1.1em;}
	#logo-area {width: 60%;}
	.home #navdesktop {height: 22em;}
	.csslider1 &gt; .cs_description &gt; label {top: 40%;font-size: 180%;}
	.home #navdesktop li {height: 139px;width: 142px;}
	.home #navdesktop li:nth-child(2) {top: 4.5em; left: 6em;}
	.home #navdesktop li:nth-child(3) {top: -4em; left: 1.5em;}
	.home #navdesktop li:nth-child(4) {top: -3em; left: 13.5em;}
	.home #navdesktop li:nth-child(5) {top: 6em; left: 16.5em;}
	.home #navdesktop li:nth-child(6) {top: 14em; left: 9.5em;}
	.home #navdesktop li:nth-child(7) {top: 12em; left: -0.6em;}
}

@media screen and (-webkit-min-device-pixel-ratio : 1.5), screen and (min-device-pixel-ratio : 1.5) {
}

/* jQuery.mmenu panels CSS */
.mm-menu.mm-horizontal &gt; .mm-panel {
  -webkit-transition: -webkit-transform 0.4s ease;transition: transform 0.4s ease; }
.mm-menu .mm-hidden {display: none; }
.mm-wrapper {overflow-x: hidden;position: relative; }
.mm-menu,.mm-menu &gt; .mm-panel {
width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 0; }
.mm-menu {background: inherit;display: block;overflow: hidden;padding: 0; }
  .mm-menu &gt; .mm-panel {background: inherit;-webkit-overflow-scrolling: touch;
    overflow: scroll;overflow-x: hidden;overflow-y: auto;box-sizing: border-box;
    padding: 20px;-webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);-ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);transform: translate(100%, 0); }
    .mm-menu &gt; .mm-panel.mm-opened {
      -webkit-transform: translate(0%, 0);-moz-transform: translate(0%, 0);
      -ms-transform: translate(0%, 0);-o-transform: translate(0%, 0);
      transform: translate(0%, 0); }
    .mm-menu &gt; .mm-panel.mm-subopened {
      -webkit-transform: translate(-30%, 0);-moz-transform: translate(-30%, 0);
      -ms-transform: translate(-30%, 0);-o-transform: translate(-30%, 0);
      transform: translate(-30%, 0); }
    .mm-menu &gt; .mm-panel.mm-highest {z-index: 1; }
  .mm-menu .mm-list {padding: 20px 0; }
  .mm-menu &gt; .mm-list {padding-bottom: 0; }
    .mm-menu &gt; .mm-list:after {content: '';display: block;height: 40px; }
.mm-panel &gt; .mm-list {margin-left: -20px;margin-right: -20px; }
  .mm-panel &gt; .mm-list:first-child {padding-top: 0; }
.mm-list,.mm-list &gt; li {list-style: none;display: block;padding: 0;margin: 0; }

.mm-list {font: inherit;font-size: 14px; }
  .mm-list a,.mm-list a:hover {text-decoration: none; }
  .mm-list &gt; li {position: relative; }
    .mm-list &gt; li &gt; a,.mm-list &gt; li &gt; span {
      text-overflow: ellipsis;white-space: nowrap;overflow: hidden;
      color: inherit;line-height: 20px;display: block;
      padding: 10px 10px 10px 20px;margin: 0; }
  .mm-list &gt; li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
    content: '';border-bottom-width: 1px;border-bottom-style: solid;display: block;
    width: 100%;position: absolute;bottom: 0;left: 0; }
  .mm-list &gt; li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
    width: auto;margin-left: 20px;position: relative;left: auto; }
  .mm-list a.mm-subopen {background: rgba(3, 2, 1, 0);width: 40px;height: 100%;
    padding: 0;position: absolute;right: 0;top: 0;z-index: 2; }
    .mm-list a.mm-subopen:before {content: '';border-left-width: 1px;
      border-left-style: solid;display: block;height: 100%;position: absolute;
      left: 0;top: 0; }
    .mm-list a.mm-subopen.mm-fullsubopen {width: 100%; }
      .mm-list a.mm-subopen.mm-fullsubopen:before {border-left: none; }
    .mm-list a.mm-subopen + a,
    .mm-list a.mm-subopen + span {padding-right: 5px;margin-right: 40px; }
  .mm-list &gt; li.mm-selected &gt; a.mm-subopen {background: transparent; }
  .mm-list &gt; li.mm-selected &gt; a.mm-fullsubopen + a,
  .mm-list &gt; li.mm-selected &gt; a.mm-fullsubopen + span {
    padding-right: 45px;margin-right: 0; }
  .mm-list a.mm-subclose {text-indent: 20px;padding-top: 30px;margin-top: -20px; }
  .mm-list &gt; li.mm-label {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;
    font-size: 10px;text-transform: uppercase;text-indent: 20px;line-height: 25px;
    padding-right: 5px; }
  .mm-list &gt; li.mm-spacer {padding-top: 40px; }
    .mm-list &gt; li.mm-spacer.mm-label {padding-top: 25px; }
  .mm-list a.mm-subopen:after,.mm-list a.mm-subclose:before {content: '';
    border: 2px solid transparent;display: inline-block;width: 7px;height: 7px;
    -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);
    transform: rotate(-45deg);margin-bottom: -5px;position: absolute;bottom: 50%; }
  .mm-list a.mm-subopen:after {border-top: none;border-left: none;right: 18px; }
  .mm-list a.mm-subclose:before {border-right: none;border-bottom: none;margin-bottom: -15px;left: 22px; }
.mm-menu.mm-vertical .mm-list .mm-panel {display: none;padding: 10px 0 10px 10px; }
  .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {border-color: transparent; }
.mm-menu.mm-vertical .mm-list li.mm-opened &gt; .mm-panel {display: block; }
.mm-menu.mm-vertical .mm-list &gt; li &gt; a.mm-subopen {height: 40px; }
  .mm-menu.mm-vertical .mm-list &gt; li &gt; a.mm-subopen:after {top: 16px;bottom: auto; }
.mm-menu.mm-vertical .mm-list &gt; li.mm-opened &gt; a.mm-subopen:after {
  -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg); }
.mm-menu.mm-vertical .mm-list &gt; li.mm-label &gt; a.mm-subopen {height: 25px; }
html.mm-opened .mm-page {box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }
.mm-menu {background: #333333;color: rgba(255, 255, 255, 0.6); }
  .mm-menu .mm-list &gt; li:after {border-color: rgba(0, 0, 0, 0.15); }
  .mm-menu .mm-list &gt; li &gt; a.mm-subclose {background: rgba(0, 0, 0, 0.1);color: rgba(255, 255, 255, 0.3); }
  .mm-menu .mm-list &gt; li &gt; a.mm-subopen:after, .mm-menu .mm-list &gt; li &gt; a.mm-subclose:before {
    border-color: rgba(255, 255, 255, 0.3); }
  .mm-menu .mm-list &gt; li &gt; a.mm-subopen:before {border-color: rgba(0, 0, 0, 0.15); }
  .mm-menu .mm-list &gt; li.mm-selected &gt; a:not(.mm-subopen),
  .mm-menu .mm-list &gt; li.mm-selected &gt; span {background: rgba(0, 0, 0, 0.1); }
  .mm-menu .mm-list &gt; li.mm-label {background: rgba(255, 255, 255, 0.05); }
  .mm-menu.mm-vertical .mm-list li.mm-opened &gt; a.mm-subopen,
  .mm-menu.mm-vertical .mm-list li.mm-opened &gt; ul {background: rgba(255, 255, 255, 0.05); }

/* jQuery.mmenu offcanvas addon CSS */
.mm-page {box-sizing: border-box;position: relative; }
.mm-slideout {-webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;transition: transform 0.4s ease; }
html.mm-opened {overflow: hidden;position: relative; }
  html.mm-opened body {overflow: hidden; }
html.mm-background .mm-page {background: inherit; }
#mm-blocker {background: rgba(3, 2, 1, 0);display: none;width: 100%;
height: 100%;position: fixed;top: 0;left: 0;z-index: 999999; }
html.mm-opened #mm-blocker,html.mm-blocking #mm-blocker {display: block; }
.mm-menu.mm-offcanvas {display: none;position: fixed; }
.mm-menu.mm-current {display: block; }
.mm-menu {width: 80%;min-width: 140px;max-width: 440px; }
html.mm-opening .mm-slideout {-webkit-transform: translate(80%, 0);
  -moz-transform: translate(80%, 0);-ms-transform: translate(80%, 0);
  -o-transform: translate(80%, 0);transform: translate(80%, 0); }

@media all and (max-width: 175px) {
  html.mm-opening .mm-slideout {-webkit-transform: translate(140px, 0);
    -moz-transform: translate(140px, 0);-ms-transform: translate(140px, 0);
    -o-transform: translate(140px, 0);transform: translate(140px, 0); }
}
@media all and (min-width: 550px) {
  html.mm-opening .mm-slideout {-webkit-transform: translate(440px, 0);
    -moz-transform: translate(440px, 0);-ms-transform: translate(440px, 0);
    -o-transform: translate(440px, 0);transform: translate(440px, 0); } 
}

/* jQuery.mmenu themes extension CSS */
html.mm-opened.mm-light .mm-page {box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
.mm-menu.mm-light {
  background: #f3f3f3;color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-light .mm-list &gt; li:after {border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-light .mm-list &gt; li &gt; a.mm-subclose {
    background: rgba(255, 255, 255, 0.6);color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-light .mm-list &gt; li &gt; a.mm-subopen:after, .mm-menu.mm-light .mm-list &gt; li &gt; a.mm-subclose:before {
    border-color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-light .mm-list &gt; li &gt; a.mm-subopen:before {border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-light .mm-list &gt; li.mm-selected &gt; a:not(.mm-subopen),
  .mm-menu.mm-light .mm-list &gt; li.mm-selected &gt; span {background: rgba(255, 255, 255, 0.6); }
  .mm-menu.mm-light .mm-list &gt; li.mm-label {background: rgba(0, 0, 0, 0.03); }
  .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened &gt; a.mm-subopen,
  .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened &gt; ul {
    background: rgba(0, 0, 0, 0.03); }
.mm-menu.mm-light .mm-buttonbar {
  border-color: rgba(0, 0, 0, 0.6);background: #f3f3f3; }
  .mm-menu.mm-light .mm-buttonbar &gt; * {border-color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-light .mm-buttonbar &gt; input:checked + label {
    background: rgba(0, 0, 0, 0.6);color: #f3f3f3; }
.mm-menu.mm-light label.mm-check:before {border-color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-light em.mm-counter {color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-light .mm-footer {
  border-color: rgba(0, 0, 0, 0.1);color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-light .mm-header {
  border-color: rgba(0, 0, 0, 0.1);color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-light .mm-header .mm-prev:before,
  .mm-menu.mm-light .mm-header .mm-next:after,
  .mm-menu.mm-light .mm-header .mm-close:after {border-color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-light .mm-list li.mm-label &gt; div &gt; div {background: rgba(0, 0, 0, 0.03); }
.mm-menu.mm-light .mm-search input {
  background: rgba(0, 0, 0, 0.1);color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-light .mm-noresultsmsg {color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-light label.mm-toggle {background: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-light label.mm-toggle:before {background: #f3f3f3; }
.mm-menu.mm-light input.mm-toggle:checked ~ label.mm-toggle {background: #4bd963; }
html.mm-opened.mm-white .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
.mm-menu.mm-white {
  background: white;color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-white .mm-list &gt; li:after {border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-white .mm-list &gt; li &gt; a.mm-subclose {
    background: rgba(0, 0, 0, 0.06);color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-white .mm-list &gt; li &gt; a.mm-subopen:after, .mm-menu.mm-white .mm-list &gt; li &gt; a.mm-subclose:before {
    border-color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-white .mm-list &gt; li &gt; a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-white .mm-list &gt; li.mm-selected &gt; a:not(.mm-subopen),
  .mm-menu.mm-white .mm-list &gt; li.mm-selected &gt; span {background: rgba(0, 0, 0, 0.06); }
  .mm-menu.mm-white .mm-list &gt; li.mm-label {background: rgba(0, 0, 0, 0.03); }
  .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened &gt; a.mm-subopen,
  .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened &gt; ul {background: rgba(0, 0, 0, 0.03); }
.mm-menu.mm-white .mm-buttonbar {
  border-color: rgba(0, 0, 0, 0.6);background: white; }
  .mm-menu.mm-white .mm-buttonbar &gt; * {border-color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-white .mm-buttonbar &gt; input:checked + label {
    background: rgba(0, 0, 0, 0.6);color: white; }
.mm-menu.mm-white label.mm-check:before {border-color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-white em.mm-counter {color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-white .mm-footer {
  border-color: rgba(0, 0, 0, 0.1);color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-white .mm-header {
  border-color: rgba(0, 0, 0, 0.1);color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-white .mm-header .mm-prev:before,
  .mm-menu.mm-white .mm-header .mm-next:after,
  .mm-menu.mm-white .mm-header .mm-close:after {border-color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-white .mm-list li.mm-label &gt; div &gt; div {background: rgba(0, 0, 0, 0.03); }
.mm-menu.mm-white .mm-search input {
background: rgba(0, 0, 0, 0.1);color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-white .mm-noresultsmsg {color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-white label.mm-toggle {background: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-white label.mm-toggle:before {background: white; }
.mm-menu.mm-white input.mm-toggle:checked ~ label.mm-toggle {background: #4bd963; }
html.mm-opened.mm-black .mm-page {box-shadow: none; }
.mm-menu.mm-black {
  background: black;color: rgba(255, 255, 255, 0.6); }
  .mm-menu.mm-black .mm-list &gt; li:after {
    border-color: rgba(255, 255, 255, 0.2); }
  .mm-menu.mm-black .mm-list &gt; li &gt; a.mm-subclose {
    background: rgba(255, 255, 255, 0.25);
    color: rgba(255, 255, 255, 0.3); }
  .mm-menu.mm-black .mm-list &gt; li &gt; a.mm-subopen:after, .mm-menu.mm-black .mm-list &gt; li &gt; a.mm-subclose:before {
    border-color: rgba(255, 255, 255, 0.3); }
  .mm-menu.mm-black .mm-list &gt; li &gt; a.mm-subopen:before {
    border-color: rgba(255, 255, 255, 0.2); }
  .mm-menu.mm-black .mm-list &gt; li.mm-selected &gt; a:not(.mm-subopen),
  .mm-menu.mm-black .mm-list &gt; li.mm-selected &gt; span {
    background: rgba(255, 255, 255, 0.25); }
  .mm-menu.mm-black .mm-list &gt; li.mm-label {
    background: rgba(255, 255, 255, 0.15); }
  .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened &gt; a.mm-subopen,
  .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened &gt; ul {
    background: rgba(255, 255, 255, 0.15); }
.mm-menu.mm-black .mm-buttonbar {
  border-color: rgba(255, 255, 255, 0.6);background: black; }
  .mm-menu.mm-black .mm-buttonbar &gt; * {border-color: rgba(255, 255, 255, 0.6); }
  .mm-menu.mm-black .mm-buttonbar &gt; input:checked + label {
    background: rgba(255, 255, 255, 0.6);color: black; }
.mm-menu.mm-black label.mm-check:before {border-color: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-black em.mm-counter {color: rgba(255, 255, 255, 0.3); }
.mm-menu.mm-black .mm-footer {
border-color: rgba(255, 255, 255, 0.2);color: rgba(255, 255, 255, 0.3); }
.mm-menu.mm-black .mm-header {
border-color: rgba(255, 255, 255, 0.2);color: rgba(255, 255, 255, 0.3); }
  .mm-menu.mm-black .mm-header .mm-prev:before,
  .mm-menu.mm-black .mm-header .mm-next:after,
  .mm-menu.mm-black .mm-header .mm-close:after {border-color: rgba(255, 255, 255, 0.3); }
.mm-menu.mm-black .mm-list li.mm-label &gt; div &gt; div {background: rgba(255, 255, 255, 0.15); }
.mm-menu.mm-black .mm-search input {
background: rgba(255, 255, 255, 0.3);color: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-black .mm-noresultsmsg {color: rgba(255, 255, 255, 0.3); }
.mm-menu.mm-black label.mm-toggle {background: rgba(255, 255, 255, 0.2); }
  .mm-menu.mm-black label.mm-toggle:before {background: black; }
.mm-menu.mm-black input.mm-toggle:checked ~ label.mm-toggle {background: #4bd963; }

/*------------------------------------------------*/
</pre></body></html>