#section-1323{ background:url(https://greenbox.winki-winki.de/wp-content/uploads/2019/04/1px.png) no-repeat scroll top left #FFFFFF; background-size:auto; color:#333333}
#section-1323 .overlay { background:url(https://greenbox.winki-winki.de/wp-content/themes/accesspress_parallax_pro/images/overlays/black-light-bg.png);}
#section-1323.parallax-section h2{ color:#333333}
#section-1323 .testimonial-listing .bx-wrapper .bx-controls-direction a{border-color:#333333;color:#333333}
#section-1323.service_template .section-wrap::after{ background-color:#FFFFFF}
#section-19{ background:url(https://greenbox.winki-winki.de/wp-content/uploads/2019/04/1px.png) repeat scroll top left #000000; background-size:auto; color:#ddccaa}
#section-19 .overlay { background:url(https://greenbox.winki-winki.de/wp-content/themes/accesspress_parallax_pro/images/overlays/black-light-bg.png);}
#section-19.parallax-section h2{ color:#ddccaa}
#section-19 .testimonial-listing .bx-wrapper .bx-controls-direction a{border-color:#ddccaa;color:#ddccaa}
#section-19.service_template .section-wrap::after{ background-color:#000000}
#section-1648{ background:url(https://greenbox.winki-winki.de/wp-content/uploads/2019/04/1px.png) no-repeat scroll top left #FFFFFF; background-size:auto; color:#ffffff}
#section-1648 .overlay { background:url(https://greenbox.winki-winki.de/wp-content/themes/accesspress_parallax_pro/images/overlays/black-light-bg.png);}
#section-1648.parallax-section h2{ color:#ffffff}
#section-1648 .testimonial-listing .bx-wrapper .bx-controls-direction a{border-color:#ffffff;color:#ffffff}
#section-1648.service_template .section-wrap::after{ background-color:#FFFFFF}
#section-1436{ background:url(https://greenbox.winki-winki.de/wp-content/uploads/2019/04/1px.png) no-repeat scroll top left #FFFFFF; background-size:auto; color:#333333}
#section-1436 .overlay { background:url(https://greenbox.winki-winki.de/wp-content/themes/accesspress_parallax_pro/images/overlays/black-light-bg.png);}
#section-1436.parallax-section h2{ color:#333333}
#section-1436 .testimonial-listing .bx-wrapper .bx-controls-direction a{border-color:#333333;color:#333333}
#section-1436.service_template .section-wrap::after{ background-color:#FFFFFF}
#section-452{ background:url(https://greenbox.winki-winki.de/wp-content/uploads/2019/04/1px.png) repeat scroll top left #2b211e; background-size:auto; color:#ddccaa}
#section-452 .overlay { background:url(https://greenbox.winki-winki.de/wp-content/themes/accesspress_parallax_pro/images/overlays/black-light-bg.png);}
#section-452.parallax-section h2{ color:#ddccaa}
#section-452 .testimonial-listing .bx-wrapper .bx-controls-direction a{border-color:#ddccaa;color:#ddccaa}
#section-452.service_template .section-wrap::after{ background-color:#2b211e}
#section-7{ background:url(https://greenbox.winki-winki.de/wp-content/uploads/2019/04/1px.png) repeat scroll top left #2b211e; background-size:auto; color:#ddccaa}
#section-7 .overlay { background:url(https://greenbox.winki-winki.de/wp-content/themes/accesspress_parallax_pro/images/overlays/black-light-bg.png);}
#section-7.parallax-section h2{ color:#ddccaa}
#section-7 .testimonial-listing .bx-wrapper .bx-controls-direction a{border-color:#ddccaa;color:#ddccaa}
#section-7.service_template .section-wrap::after{ background-color:#2b211e}
#section-2{ background:url(https://greenbox.winki-winki.de/wp-content/uploads/2019/04/1px.png) repeat scroll top left #2b211e; background-size:auto; color:#604020}
#section-2 .overlay { background:url(https://greenbox.winki-winki.de/wp-content/themes/accesspress_parallax_pro/images/overlays/black-light-bg.png);}
#section-2.parallax-section h2{ color:#604020}
#section-2 .testimonial-listing .bx-wrapper .bx-controls-direction a{border-color:#604020;color:#604020}
#section-2.service_template .section-wrap::after{ background-color:#2b211e}
#section-1515{ background:url(https://greenbox.winki-winki.de/wp-content/uploads/2019/04/transparent-640x400.png) no-repeat scroll top left #FFFFFF; background-size:auto; color:#333333}
#section-1515 .overlay { background:url(https://greenbox.winki-winki.de/wp-content/themes/accesspress_parallax_pro/images/overlays/black-light-bg.png);}
#section-1515.parallax-section h2{ color:#333333}
#section-1515 .testimonial-listing .bx-wrapper .bx-controls-direction a{border-color:#333333;color:#333333}
#section-1515.service_template .section-wrap::after{ background-color:#FFFFFF}
#section-9{ background:url(https://greenbox.winki-winki.de/wp-content/uploads/2019/04/1px.png) repeat scroll top left #2b211e; background-size:auto; color:#ddccaa}
#section-9 .overlay { background:url(https://greenbox.winki-winki.de/wp-content/themes/accesspress_parallax_pro/images/overlays/black-light-bg.png);}
#section-9.parallax-section h2{ color:#ddccaa}
#section-9 .testimonial-listing .bx-wrapper .bx-controls-direction a{border-color:#ddccaa;color:#ddccaa}
#section-9.service_template .section-wrap::after{ background-color:#2b211e}
#section-489{ background:url(https://greenbox.winki-winki.de/wp-content/uploads/2019/04/1px.png) repeat scroll top left #2b211e; background-size:auto; color:#ddccaa}
#section-489 .overlay { background:url(https://greenbox.winki-winki.de/wp-content/themes/accesspress_parallax_pro/images/overlays/black-light-bg.png);}
#section-489.parallax-section h2{ color:#ddccaa}
#section-489 .testimonial-listing .bx-wrapper .bx-controls-direction a{border-color:#ddccaa;color:#ddccaa}
#section-489.service_template .section-wrap::after{ background-color:#2b211e}
#top-header{ background:#181818;font-size:14px;font-family:Arial;font-weight:400;color:#ddccaa;line-height:38px}
#top-header a{color:#ddccaa}
#top-header a:hover{color:#ddccaa}
#main-header{ background:#272727}
#main-header{background:rgba(39,39,39,0.8)}
#main-header.no-opacity, #main-header.pos-bottom{ background:#272727}
.main-navigation{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}.main-navigation ul li a{font-size:23px;font-family:Arial;font-weight:400;color:#6d4720;text-transform:none}
.main-navigation > ul > li a:hover, .main-navigation > ul > li.current a, .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a{color:#7a3ec9}
.main-navigation .sf-arrows .sf-with-ul:after{border-color:#6d4720 transparent transparent}
.main-navigation .sf-arrows ul .sf-with-ul:after{border-left-color:#6d4720 !important}
#site-logo{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}.top-menu ul.menu ul{background:#181818;}
.top-menu .sf-arrows .sf-with-ul:after{border-color:#ddccaa transparent transparent}
.top-menu .sf-arrows ul .sf-with-ul:after{border-left-color:#ddccaa !important}
.social-icons a, .social-icons a span{background:#000000}
.social-icons a:hover{background:#8c65ab}
.social-icons.appear-left a span:after{border-right-color:#000000}
.social-icons.appear-right a span:after{border-left-color:#000000}
.social-icons.appear-top a span:after{border-bottom-color:#000000}
.social-icons.appear-bottom a span:after{border-top-color:#000000}
body, button, input, select, textarea{ font-size:21px;font-family:Arial;font-weight:400;color:#333333}
h1{ font-size:42px;font-family:Arial;font-weight:400;color:#333333;text-transform:none}
h2{ font-size:43px;font-family:'Arial';font-weight:400;color:#333333;text-transform:none}
h3{ font-size:28px;font-family:'Arial';font-weight:400;color:#333333;text-transform:none}
h4{ font-size:22px;font-family:'Arial';font-weight:400;color:#333333;text-transform:none}
h5{ font-size:18px;font-family:'Arial';font-weight:400;color:#333333;text-transform:none}
h6{ font-size:16px;font-family:'Arial';font-weight:400;color:#333333;text-transform:none}
#secondary-left .widget-title,#secondary-right .widget-title, #secondary .widget-title{ font-size:20px;font-family:'Arial';font-weight:400;color:#333333;text-transform:none}
.top-footer .widget-title{ font-size:18px;font-family:'Amaranth';font-weight:400;color:#ddccaa;text-transform:none}
.top-footer .widget-title:after{border-color:#ddccaa}
.top-footer{background:#272727;color:#ddccaa}
.top-footer h4{color:}
.top-footer a{color:#999999}
.bottom-footer{background:#181818;color:#ddccaa}
.bottom-footer a, .footer-social-icons a{color:#ddccaa}
.footer-social-icons a{border-color:#ddccaa}
.footer-social-icons a:hover{background:#ddccaa}
.single #header-wrap .entry-title, .single #header-wrap .title-breadcrumb-wrap a, .single #header-wrap .title-breadcrumb-wrap{color:#ffffff}
.page #header-wrap .entry-title, .page #header-wrap .title-breadcrumb-wrap a, .page #header-wrap .title-breadcrumb-wrap{color:#ddccaa}
.archive #header-wrap .entry-title, .archive #header-wrap .title-breadcrumb-wrap a, .archive #header-wrap .title-breadcrumb-wrap{color:#ffffff}
.error404 #header-wrap .entry-title, .error404 #header-wrap .title-breadcrumb-wrap a, .error404 #header-wrap .title-breadcrumb-wrap{color:#ffffff}
#page-overlay{background-image:url(https://greenbox.winki-winki.de/wp-content/themes/accesspress_parallax_pro/images/preloader/loader9.gif)}
body{ background-image:url(https://greenbox.winki-winki.de/wp-content/uploads/2019/04/holz3.jpg); background-repeat:repeat-y; background-position:top center;background-attachment:scroll;background-size:contain}
#ap-map-canvas{height:450px !important}
#accesspress-breadcrumb{display:none;}.main-navigation ul ul li.current_page_item > a, 
.main-navigation ul ul li.current-menu-item > a, 
.main-navigation ul ul li > a:hover,
.ap-icon-text.style3 .ap-icon-text-icon i, 
.ap-icon-text.style4 .ap-icon-text-icon i,
.bttn:after,
#go-top,
.blog-list .blog-excerpt span,
.ap-bttn:before,
.ap-bttn:after,
.ap-bttn,
.member-social-group a:hover,
.ap-progress-bar .ap-progress-bar-percentage,
.googlemap-contact-wrap li .fa,
.post-listing .posted-on,
.horizontal .ap_tab_group .tab-title.active, 
.horizontal .ap_tab_group .tab-title.hover,
.vertical .ap_tab_group .tab-title.active, 
.vertical .ap_tab_group .tab-title.hover,
#portfolio-grid.style4 h4,
.mm-menu,
.menu-toggle span,
.menu-toggle span:after,
.menu-toggle span:before,
.ap_toggle .ap_toggle_title,
.bttn:hover,
.bttn:active,
.portfolio-listing .button-group li.is-checked,
.bx-wrapper .bx-pager.bx-default-pager a:hover, 
.bx-wrapper .bx-pager.bx-default-pager a.active,
.error-404,
button,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.bttn.ap-default-bttn.ap-bg-bttn,
.bttn.ap-default-bttn.ap-outline-bttn:hover,
.ap_tagline_box.ap-bg-box,
.ap-dropcaps.ap-square,
#collapse-nav,
.woocommerce ul.products li.product .onsale, 
.woocommerce span.onsale,
.woocommerce ul.products li.product .button, 
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt,
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
 .woocommerce #respond input#submit.alt.disabled, 
.woocommerce #respond input#submit.alt.disabled:hover, 
.woocommerce #respond input#submit.alt:disabled, 
.woocommerce #respond input#submit.alt:disabled:hover, 
.woocommerce #respond input#submit.alt:disabled[disabled], 
.woocommerce #respond input#submit.alt:disabled[disabled]:hover, 
.woocommerce a.button.alt.disabled, 
.woocommerce a.button.alt.disabled:hover, 
.woocommerce a.button.alt:disabled, 
.woocommerce a.button.alt:disabled:hover, 
.woocommerce a.button.alt:disabled[disabled], 
.woocommerce a.button.alt:disabled[disabled]:hover, 
.woocommerce button.button.alt.disabled, 
.woocommerce button.button.alt.disabled:hover, 
.woocommerce button.button.alt:disabled, 
.woocommerce button.button.alt:disabled:hover, 
.woocommerce button.button.alt:disabled[disabled], 
.woocommerce button.button.alt:disabled[disabled]:hover, 
.woocommerce input.button.alt.disabled, 
.woocommerce input.button.alt.disabled:hover, 
.woocommerce input.button.alt:disabled, 
.woocommerce input.button.alt:disabled:hover, 
.woocommerce input.button.alt:disabled[disabled], 
.woocommerce input.button.alt:disabled[disabled]:hover,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, 
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce input.button,
nav.woocommerce-MyAccount-navigation ul li a,
.floating-bar ul li.current a, .floating-bar ul li:hover a,
.floating-bar ul li .ap-tooltip, .floating-bar ul li .ap-tooltip:before, .floating-bar ul li .ap-tooltip:after,
.layout2.featured_table .ap-price-box, .layout2 .ap-pricing-readmore a.bttn,
.blog_template_new .new-blog-listing .single-blog-wrapper .blog-content-wrapper .blog-date-wrap span.post-month,
.blog_template_new .new-blog-listing .single-blog-wrapper .blog-content-wrapper span.read-more a,
.googlemap_template_new .ap-contact-wrap .ap-ctn-form input[type="submit"],
.ap-pricing-table.layout3.featured_table .ap-price-box .ap-wrap, .ap-pricing-table.layout3.featured_table,
.testimonial_template_new .testimonial-listing ul li.testimonial-content h3,
.testimonial_template_new .testimonial-stage .owl-controls .owl-dots .owl-dot.active, .testimonial_template_new .testimonial-stage .owl-controls .owl-dots .owl-dot:hover{
background-color:#7a3ec9;
}

a,
.bttn,
.member-social-group a,
.ap-toggle-title .pointer span i,
.ap_toggle .ap_toggle_title:after,
.sidebar .widget-social-icons li a,
.team-tab .bx-wrapper .bx-controls-direction a,
#portfolio-grid.style2 .portfolio-link:hover,
.style1 .fancybox-gallery:hover,
.footer-social-icons a:hover,
.sidebar .menu li a:hover,
input[type="button"],
input[type="reset"],
input[type="submit"],
.sidebar ul li a:hover,
.sidebar ul li.current-menu-item > a,
.woocommerce .woocommerce-info:before,
.bttn.ap-default-bttn.ap-outline-bttn,
.layout2 .ap-pricing-readmore a.bttn:hover,
.blog_template_new .new-blog-listing .single-blog-wrapper .blog-content-wrapper span.read-more a:hover,
.woocommerce .star-rating:before, .woocommerce .star-rating span:before,
.woocommerce .star-rating:before, .woocommerce .star-rating span:before,
.mm-menu .mm-list > li:hover > a,
.mm-menu .mm-list > li:hover > a.mm-subopen:before,
.mm-menu .left-social-icons.mm-panel a:hover{
color:#7a3ec9;
}

.team_template_new .team-tab #team-arrow {
   fill: #7a3ec9;
}

.bttn,
.team-image:hover, .team-image.active,
.blog-list .blog-excerpt,
.ap-toggle-title,
.ap-toggle-title .pointer,
.ap_toggle,
.main-navigation ul ul li.current_page_item > a, 
.main-navigation ul ul li.current-menu-item > a, 
.main-navigation ul ul li > a:hover,
.menu-toggle,
.sidebar .widget-title:after,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.bttn.ap-default-bttn.ap-outline-bttn,
.ap_tagline_box.ap-top-border-box,
.ap_tagline_box.ap-left-border-box,
.ap_tagline_box.ap-all-border-box,
input[type="text"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="password"]:focus, 
input[type="search"]:focus, 
input[type="number"]:focus, 
input[type="tel"]:focus, 
input[type="range"]:focus, 
input[type="date"]:focus, 
input[type="month"]:focus, 
input[type="week"]:focus, 
input[type="time"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="color"]:focus, 
textarea:focus,
.woocommerce ul.products li.product h3,
.woocommerce .woocommerce-info,
.portfolio_masonry_template .portfolio-listing ul li.is-checked, 
.portfolio_masonry_template .portfolio-listing ul li:hover,
.blog_template_new .new-blog-listing .single-blog-wrapper .blog-content-wrapper span.read-more a,
.googlemap_template_new .ap-contact-wrap .ap-ctn-form input[type="submit"],
.action_template .call-to-action a.ap-outline-bttn:hover,
.ap-pricing-table.layout3.featured_table .ap-price-box{
border-color:#7a3ec9;
}

.mm-menu .mm-list > li:after,
.mm-menu .mm-list > li > a.mm-subopen:before,
.main-navigation > ul > li{
border-color:#6e38b5;
}

.bttn.ap-default-bttn.ap-bg-bttn:hover,
.woocommerce ul.products li.product .button:hover,
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover,
.woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button.disabled:hover, 
.woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover,
nav.woocommerce-MyAccount-navigation ul li:hover a,
nav.woocommerce-MyAccount-navigation ul li.is-active a,
.ap-pricing-table.layout3.featured_table a.bttn:before,
.ap-pricing-table.layout3.featured_table a.bttn:hover{
background:#6e38b5;
}
.ap-pricing-table.layout3.featured_table a.bttn,
.ap-pricing-table.layout3.featured_table a.bttn:hover:before {
    background:#6232a1;
}
.ap-icon-text.style3 .ap-icon-text-icon i:after, 
.ap-icon-text.style4 .ap-icon-text-icon i:after{
box-shadow: 0 0 0 1px #7a3ec9;
}

#portfolio-grid.style3 .portfolio-overlay,
#portfolio-grid.style2 .portfolio-inner,
#portfolio-grid.style1 .portfolio-overlay,
.style1.ap-team .ap-member-image:after,
.portfolio_masonry_template .mid-content div.portfolio-list .portfolio-inner a.portfolio-link:hover, 
.portfolio_masonry_template .mid-content div.portfolio-list .portfolio-inner a.fancybox-gallery:hover{
background:rgba(122,62,201,0.8)    
}
.ap-progress-bar{
background:rgba(122,62,201,0.3)    
}
.post-listing .posted-on:before{
border-color:transparent transparent #6e38b5 #6e38b5;
}

@media screen and (max-width:768px){
    .main-navigation ul ul{
        background:#7a3ec9; 
    }
    .main-navigation ul ul a,
    .main-navigation ul ul li > a:hover{
        border-color:#6e38b5;
    }
    
    }

@media screen and (max-width:1000px){
    .main-navigation > ul{
        background-color:#7a3ec9;
    }
}

/* -----------------------------------------------------------
 * FONTS
 * ----------------------------------------------------------- 
 */
@font-face {
  font-family: Pangolin;
  src: url(https://greenbox.winki-winki.de/wp-content/uploads/fonts/Pangolin-Regular.ttf);
}
@font-face {
  font-family: OpenSans;
  src: url(https://greenbox.winki-winki.de/wp-content/uploads/fonts/OpenSans-Regular.ttf);
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: OpenSans;
  src: url(https://greenbox.winki-winki.de/wp-content/uploads/fonts/OpenSans-Italic.ttf);
  font-style: italic;
  font-weight: normal;
}
@font-face {
  font-family: OpenSans;
  src: url(https://greenbox.winki-winki.de/wp-content/uploads/fonts/OpenSans-Bold.ttf);
  font-style: normal;
  font-weight: bold;
}
@font-face {
  font-family: OpenSans;
  src: url(https://greenbox.winki-winki.de/wp-content/uploads/fonts/OpenSans-BoldItalic.ttf);
  font-style: italic;
  font-weight: bold;
}
/*
@font-face {
  font-family: Amaranth;
  src: url(https://greenbox.winki-winki.de/wp-content/uploads/fonts/Amaranth-Regular.ttf);
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: Amaranth;
  src: url(https://greenbox.winki-winki.de/wp-content/uploads/fonts/Amaranth-Italic.ttf);
  font-style: italic;
  font-weight: normal;
}
@font-face {
  font-family: Amaranth;
  src: url(https://greenbox.winki-winki.de/wp-content/uploads/fonts/Amaranth-Bold.ttf);
  font-style: normal;
  font-weight: bold;
}
@font-face {
  font-family: Amaranth;
  src: url(https://greenbox.winki-winki.de/wp-content/uploads/fonts/Amaranth-BoldItalic.ttf);
  font-style: italic;
  font-weight: bold;
}
*/
@font-face {
  font-family: Kalam;
  src: url(https://greenbox.winki-winki.de/wp-content/uploads/fonts/Kalam-Regular.ttf);
  font-weight: normal;
}
@font-face {
  font-family: Kalam;
  src: url(https://greenbox.winki-winki.de/wp-content/uploads/fonts/Kalam-Light.ttf);
  font-weight: lighter;
}
@font-face {
  font-family: Kalam;
  src: url(https://greenbox.winki-winki.de/wp-content/uploads/fonts/Kalam-Bold.ttf);
  font-weight: bold;
}
/* ---------------- */
/* Font-Zuordnungen */
body, button, input, select, textarea {
  font-family: OpenSans, sans !important;
}
h2, h3, h4, h5, h6, 
section *, .main-navigation * {
  font-family: Kalam, cursive !important;
}
h1 {
  font-family: Pangolin, cursive !important;
}
/*
h1, h2, h3, h4, h5, h6, 
section *, .main-navigation * {
  font-family: Amaranth, sans !important;
}
*/
/* Kalam: bei den Tafeln */
/* Pangolin: bei den Brettern */
/* -----------------------------------------------------------
 * MENÜ
 * ----------------------------------------------------------- 
 */
#main-header {
  background: none !important;
  background: url(https://greenbox.winki-winki.de/wp-content/uploads/2019/04/header-brett-4.png) !important;
  background-position: bottom center !important;
  background-repeat: repeat-x !important;
  background-size: contain !important;
  min-height: 120px;
  padding: 0;
}
/* Verhindern dass Menü-Brett bei Mobiles schmaler wird */
@media screen and (max-width: 1170px) {
  #main-header {
    background-size: cover !important;
  }
}
#site-logo {
  margin-top: 6px;
}

.main-navigation * {
  font-family: Pangolin, cursive !important;
  font-size: 20pt !important;
  padding-top: 10px;
}
.main-navigation ul li {
  padding: 0;
  font-family: 'Pangolin', cursive, sans !important;
  font-size: 120%;
  letter-spacing: 1px;
  color: rgba(96,64,16, 0.7);
  text-shadow: 1px 4px 6px #d7c5bb, 0 0 0 #000, 1px 4px 6px #d7c5bb;
}
.main-navigation .regional { 
  display: none; 
}

/* Hamburger dicker */
.menu-toggle span, .menu-toggle span:before, .menu-toggle span:after {
  height: 3px;
}
/* -----------------------------------------------------------
 * HEADER-ANIMATIONEN
 * ----------------------------------------------------------- 
 */

#section-1323 .section-wrap {
  min-height: 500px;
  max-height: 80vh;
}

/* ----- Bei kleinen Geräten: nix! ----- */
@media screen and (max-width: 1023px) {
  .slide-einzel, .anim-slider-1, .anim-slider-2 {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) {
/* ----- kreiseln ----- */
  .anim-slider-1, .anim-slider-2 {
    position: absolute;
  }
  .anim-slider-1 {
    animation: kreisel1 13s linear infinite;
  }
  .anim-slider-2 {
    animation: kreisel2 17s linear infinite;
  }

  /* ----- slide (Reihenfolge slide - schatten = wichtig!) ----- */
  .slide-einzel {
    top: 50px;
    position: relative;
    opacity: 0;
    animation: slide 25s linear infinite;
    z-index: 3;
  }
  .schatten {
    top: 100px;
    z-index: 2;
  }
  .slide-einzel.oben {
    z-index: 5;
  }
  .schatten.oben {
    top: 130px;
    z-index: 4;
  }
  .spos1 {
    animation-delay: 0s;
  }
  .spos2 {
    animation-delay: 5s;
  }
  .spos3 {
    animation-delay: 10s;
  }
  .spos4 {
    animation-delay: 15s;
  }
  .spos5 {
    animation-delay: 20s;
  }

}

@keyframes kreisel1 {
    0%{transform: rotate(0deg);}
  100%{transform: rotate(360deg);}
}
@keyframes kreisel2 {
    0%{transform: rotate(360deg);}
  100%{transform: rotate(0deg);}
}
@keyframes slide {
  0%{
    transform: translateX(101vw); 
    opacity: 1;
  }
  100%{
    transform: translateX(-101vw);
    opacity: 1;
  }
}
/* -----------------------------------------------------------
 * BRETTER + EINGEBRANNTE SCHRIFT
 * ----------------------------------------------------------- 
 * INSET BURNED FONT found at http://jsfiddle.net/NeqCC/
 * CSS3 inset text-shadow trick written down by Jyri Tuulos
 * Effect originally found at http://timharford.com/
 * All credits for originality go to Finalised Design (http://finalisedesign.com/)
 */
/* ----- BRETTER (original planks of the store - yeah. ;) ----- */
/* Section headlines */
h1, h2.parallax-title {
  padding: 1.5em 3em !important;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
}
/* Unterschiedliche Bretter, animated (bei hover oder immer;) */
/* Brett 1 */
section:nth-child(odd) h2.parallax-title {
  background-image: url(https://greenbox.winki-winki.de/wp-content/uploads/2019/04/brett6-s-k.png);
  transform: rotate(-3deg);
  animation: swing-1 19s ease-in-out alternate infinite;
}
@keyframes swing-1 {
    0%{transform: rotate(-3deg) translate(0, 1em);}
  100%{transform: rotate(1deg) translate(0, 1em);}
} 
/* Brett 2 */
section:nth-child(even) h2.parallax-title {
  background-image: url(https://greenbox.winki-winki.de/wp-content/uploads/2019/04/brett4-s-k.png);
  transform: rotate(3deg);
  animation: swing-2 13s ease-in-out alternate infinite;
}
@keyframes swing-2 {
    0%{transform: rotate(2deg) translate(0, 1em);}
  100%{transform: rotate(-1.5deg) translate(0, 1em);}
} 
/* Langes Brett für andere Elemente */
.plank-header {
  background-image: url(https://greenbox.winki-winki.de/wp-content/uploads/2019/05/header-brett-0.png);
  transform: rotate(-1deg);
}

/* ----- EINGEBRANNTE SCHRIFT ----- */
h2.parallax-title span {
  font-family: 'Pangolin', cursive, sans !important;
  font-size: 120%;
  letter-spacing: 7px;
  color: rgba(96,64,16, 0.7);
  text-shadow: 1px 4px 6px #d7c5bb, 0 0 0 #000, 1px 4px 6px #d7c5bb;
}
/* Eingebrannte Schrift für andere Elemente */
.burnedfont * {
  font-family: 'Pangolin', cursive, sans !important;
  letter-spacing: 2px;
  color: rgba(96,64,16, 0.7);
  text-shadow: 1px 4px 6px #d7c5bb, 0 0 0 #000, 1px 4px 6px #d7c5bb;
}
/* Bretter mit Überschriften sollen responsive sein */
@media screen and (max-width: 700px) {
  h2.parallax-title {
    padding: 0.7em 1.4em !important;
  }
  h2.parallax-title span {
    font-size: 90%;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 500px) {
  h2.parallax-title {
    padding: 0.4em 0.8em !important;
  }
  h2.parallax-title span {
    font-size: 70%;
    letter-spacing: 1px;
  }
}
/* ----- h1 generell ----- */
h1 {
  padding: 1.2em 3em 1.8em 3em !important;
  font-family: 'Pangolin', cursive, sans !important;
  color: rgba(96,64,16, 0.7) !important;
  text-shadow: 1px 4px 6px #d7c5bb, 0 0 0 #000, 1px 4px 6px #d7c5bb;
  background-image: url(https://greenbox.winki-winki.de/wp-content/uploads/2019/05/header-brett-0.png);
  transform: rotate(-0.5deg);
}
/* -----------------------------------------------------------
 * TAFELN mit HOLZRAHMEN
 * CSS-Hack by Greg Sweet
 * http://codepen.io/ControlledChaos/pen/OPvrye
 * ----------------------------------------------------------- 
 */

/* ------- TAFELN ------- */
.tafel {
	position: relative;
	padding: 20px;
    box-sizing: border-box;

	background-image: 
		radial-gradient( circle at left 30%, 
			rgba(34, 34, 34, 0.2), 
			rgba(34, 34, 34, 0.2) 80px, 
			rgba(34, 34, 34, 0.3) 100px, 
			rgba(51, 51, 51, 0.3) 160px, 
			rgba(51, 51, 51, 0.3)), 
		linear-gradient( 215deg, transparent, transparent 100px, 
			rgba(34,34,34,0.4) 260px, rgba(34,34,34,0.4) 320px, transparent), 
		radial-gradient( circle at right, rgba(17,17,17,0.4), rgba(100, 100, 100, 0.5)),
		linear-gradient(0deg, rgba(80,80,80,.5) , rgba(80,80,80,.2) 70% ),
		repeating-linear-gradient(130deg, black, transparent 2px , #008020 2px ),
		repeating-linear-gradient(30deg, #001000, #004000 )
		;
	background-color: rgba(51, 51, 51, 0.8);
}

/* Ausnahmen: Tafel im Header und neben oder unter Wochenkarte-pdf */
#eingang.tafel { 
  position: absolute;
  top: 2em; 
  left: 3em;
  width: 50%;
  min-width: 20em;
  z-index: 0;
}
#ausserdem.tafel { 
  margin-top: 2em; 
  float: left; 
  width: 40%;
  min-width: 20em;
}
@media screen and (max-width: 700px) {
  #eingang.tafel { 
    width: 80%;
    min-width: initial;
  }
  #ausserdem.tafel { 
    width: 94%;
    min-width: initial;
  }
}

/* ------------- HOLZRAHMEN ---------------*/
.holzrahmen {
  border: tan solid 12px;
  border-top: #bda27e solid 12px;
  border-left: #b19876 solid 12px;
  border-bottom: #c9ad86 solid 12px;
  box-shadow: 0px 0px 6px 5px rgba(58, 18, 13, 0), 
    0px 0px 0px 2px #c2a782, 0px 0px 0px 4px #a58e6f, 
    3px 4px 8px 5px rgba(0, 0, 0, 0.5);
}
/* abwechselnd nach rechts oder links gedreht */
#content section:nth-child(odd) .holzrahmen {
  transform: rotate(0.5deg);
}
#content section:nth-child(even) .holzrahmen,
#content #section-7 .holzrahmen,
#content #section-1515 .holzrahmen,
#content #section-9 #kontakt-l {
  transform: rotate(-0.5deg);
}
#content #section-2 #ausserdem.holzrahmen {
  transform: rotate(0.5deg);
}
/* ----------------------------------------------------------- 
 * KREIDE 
 * CSS-Hack by Nicolas Kauffman
 * http://codepen.io/perfectstupid/pen/bJZYqO
 * ----------------------------------------------------------- 
 * jQuery holt den html-Inhalt aus den .kreide-Elementen und 
 * setzt den identischen Inhalt in 3 divs (.text0|1|2) wieder ein.
 * ----------------------------------------------------------- 
 */
.kreide .text0, .kreide .text1, .kreide .text2 {
  box-sizing: border-box;
}
section .kreide * {
  font-family: Kalam, cursive !important;
  font-weight: normal;
  font-size: 20pt;
  letter-spacing: 2px;
}

/*
@media (-webkit-max-device-pixel-ratio: 1.25), (max-resolution: 120dpi) { 
*/
  @media screen and (max-width: 1024px) {
    section .kreide * { font-size: 16pt; }
  }
  @media screen and (max-width: 720px) {
    section .kreide * { font-size: 12pt; }
  }
/*
}
*/

/* text0 dient mittels 'relative' der Größenbestimmung des div's */
.kreide .text0 {
	position: relative;
	color: transparent;
	margin: 0px;
}
/* text1 u. text2 müssen sich überlagern, daher 'absolute' u. Transparenz */
.kreide .text1, .kreide .text2 {
	position: absolute;
}
.kreide .text1 {
  display: inline;
  top: 21px;
  left: 24px;
  margin-right: 16px;
  color: rgba(120,120,120,0.8);
  text-shadow: -1px 0 0px white; 
}
.kreide .text2 {
  display: inline;
  top: 21px;
  left: 21px;
  margin-right: 19px;
  color: rgba(80,80,80,0.5);
  text-shadow: 1px 0 0 rgba(255,255,255,0.7) ;
}
/* Pfeilchen statt Kästchen */
.kreide ul li {
  list-style-type: none;
  padding-left: 1rem;
}
.kreide ul li::before {
  content: '→  ';
  margin-left: -2rem;
} 

.text1 img, .text2 img {
  display: none;
}

/* -----------------------------------------------------------
 * KEINE TAFELN - STATTDESSEN HINTERGRUNDBILDER
 * ----------------------------------------------------------- 
 */
.keinetafel {
  background-size: cover;
}
#greenbox.keinetafel {
  background-image: url('https://greenbox.winki-winki.de/wp-content/uploads/2019/06/greenbox-theke-willkommen.jpg');
}
#bistro.keinetafel {
  background-image: url('https://greenbox.winki-winki.de/wp-content/uploads/2019/06/greenbox-bistro-bereich.jpg');
  width: 80%;
}
#catering.keinetafel {
  background-image: url('https://greenbox.winki-winki.de/wp-content/uploads/2019/06/catering-04.jpg');
}

.keinetafel .pl-overlay {
  z-index: 2;
  padding: 1em;
  background-color: rgba(40,40,40,0.7);
  transition: background-color 1s;
}
.plate {
  z-index: 3;
  width: 85%;
  height: 90%;
  margin: auto;
  padding: 0.7em 1.5em;
  font-size: 20pt;
  color: #4D3613;
  background-color: rgba(255,255,255,0.85);
  opacity: 1;
  transition: opacity 1s;
}
/*
@media (-webkit-max-device-pixel-ratio: 1.25), (max-resolution: 120dpi) { 
*/
  @media screen and (max-width: 1024px) {
    section .plate * { font-size: 16pt; }
  }
  @media screen and (max-width: 720px) {
    section .plate * { font-size: 12pt; }
  }
/*
}
*/
.plate a:not([text]) {
  float: right;
  font-family: OpenSans, sans-serif !important;
  font-size: 50%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 1em;
  border: solid 1px #7A3EC9;
  cursor: pointer;
}

/* -----------------------------------------------------------
 * WOCHENKARTE
 * ----------------------------------------------------------- 
 */
div.pdfemb-poweredby { 
  display: none !important; 
}
div.pdfdiv {
  float: left;
  width: 50%;
  margin-right: 3em; 
}
.pdfemb-viewer {
  box-shadow: 7px 7px 20px #123;
  transform: rotate(-1deg);
}
@media screen and (max-width: 900px) { 
  div.pdfdiv { width: 94%; }
  
}
/* -----------------------------------------------------------
 * POST-IT
 * CSS-Hack by Hugo Giraudel
 * http://codepen.io/HugoGiraudel/pen/Demoq
 * ----------------------------------------------------------- 
 */
.post-it * {
  box-sizing: border-box;
}
.post-it * {
  font-family: Kalam, cursive !important;
  font-weight: normal;
  font-size: 19pt;
  letter-spacing: 1px;
}
.post-it {
  width: 250px;
  height: 240px;
  position: relative;
  background: #ffa;
  overflow: hidden;
  margin: 30px auto;
  padding: 20px;
  border-radius: 0 0 0 30px/45px;
  box-shadow:
    inset 0 -40px 40px rgba(0,0,0,0.2),
    inset 0 25px 10px rgba(0,0,0,0.2),
    0 1px 2px 3px rgba(0,0,0,0.2),
    9px 9px 20px rgba(0,0,0,0.4);
  line-height: 1.7em;
  font-size: 19px;
  color: #130d6b;
  float: left;
  transform: rotate(-9deg) translate(1em,-1em);
}
.post-it:before {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 25px;
  background: #ffa;
  box-shadow: 
    3px -2px 10px rgba(0, 0, 0, 0.2), 
    inset 15px -15px 15px rgba(0, 0, 0, 0.3);
  left: 0;
  bottom: 0;
  z-index: 2;
  transform: skewX(25deg);
}
.post-it:after {
  content: "";
  display: block;
  position: absolute;
  width: 75%;
  height: 20px;
  border-top: 3px solid #130d6b;
  border-radius: 50%;
  bottom: 0px;
  left: 10%;
}
.post-it h2 {
  font-weight: bold;
  font-size: 21pt;
}
.post-it p {
    margin-top: -10px;
    transform: rotate(-3deg);
}

.post-it:hover {
  animation: swingpostit 3s ease-in-out;
}
@keyframes swingpostit { 
  20% { transform: rotate(-6deg) translate(0.6em,-0.7em)} 
  40% { transform: rotate(-11deg) translate(1.1em,-1.2em)}
  60% { transform: rotate(-7deg) translate(0.8em,-0.8em)} 
  80% { transform: rotate(-10deg) translate(1.05em,-1.1em)} 
  100% { transform: rotate(-9deg) translate(1em,-1em)}
} 
/* -----------------------------------------------------------
 * BLOG
 * ----------------------------------------------------------- 
 */
.blog-list .blog-image img {
  -webkit-filter: grayscale(0);
  filter: transparent;
  filter: rgba(128,128,128,0);
  filter: grayscale(0);
  object-fit: cover;
  height: 200px;
}
.blog-list {
  margin-top: 1.5em;
  box-shadow: 10px 10px 30px #323, -5px -5px 15px #434;
}

.blog-listing .blog-list:nth-child(odd) {
  transform: rotate(0.3deg) translateY(-0.1em);
}
.blog-listing .blog-list:nth-child(even) {
  transform: rotate(-0.5deg) translateY(0.1em);
}

.post-listing img {
    width: auto;
    height: auto;
    max-height: 300px;
    max-width: 500px;
    overflow: hidden;
    object-fit: cover;
}
.blog-excerpt {
    font-size: 14pt;
}
.btn-wrap a.ap-bttn {
    font-size: 20pt;
    box-shadow: 10px 10px 20px rgba(0,0,0,0.5);
}
/* -----------------------------------------------------------
 * AKTIONEN [Portfolio!]
 * ----------------------------------------------------------- 
 */
 /* ----- start-page ----- */
#portfolio-grid {
  flex-flow: row wrap;
}
#portfolio-grid .portfolio-list {
  transform: rotate(-5deg);
  min-width: 13em;
  margin-left: auto;
  margin-right: auto;
}
#portfolio-grid .portfolio-list h4 {
  font-size: 28pt;
}
/* ----- single page ----- */
.single .entry-thumb {
    display: none;
}
/* -----------------------------------------------------------
 * ALLGEMEINES
 * ----------------------------------------------------------- 
 */
body {
  background-color: rgba(0,0,0,0.9);
  overflow: hidden;
  background-size: cover;
}
body.home, body.privacy-policy, body.category-regional {
  background-size: contain;  
}
/* Ganz oben: volle Breite */
.header-text { 
  width: 100%; 
}
/* Einzel-Seite und Einzel-Beitrag: weißer Hintergrund + Schatten */
.page .entry-content, 
.single .entry-content,
.post-listing .hentry {
  box-shadow: 5px 5px 20px #323;
  background: white;
  padding: 1em;
}

ul ul li {
  list-style-type: circle;
}
.parallax-section h2.parallax-title span:after {
  border-bottom: none;
}
h3 {
  padding-top: 0.4em;
}
/* Sections transparent und Abstände kleiner */
.parallax-section {
  background: none !important;
}
.parallax-section .section-wrap {
  padding: 0 0 30px 0;
}

/* ----------------------------------------------------------- */
/* Kleiner Abstand über Partner-Logos */
.client-logo-wrap {
    margin-top: 20px;
}
/* ----------------------------------------------------------- */
/* Map-section: weniger Abstand und schöner.. */
#section-489 div.section-wrap {
  padding: 0;
}
.leaflet-map {
  border: solid 1px #888;
  box-shadow: 7px 7px 20px #123;
  transform: rotate(0.1deg);
}

/* ----------------------------------------------------------- */
/* Sidebar in _posts_ ausblenden */
#primary {
    width: inherit;
    float: inherit;
}

/* ----------------------------------------------------------- */
/* Runder Icon-Kringel im Servicebereich soll v2o-Lila sein */
.service-list .service-image {
    border: 1px solid #8C65AB !important;
}
.service-list:hover .service-image {
    box-shadow: 0px 0px 0px 2px #8C65AB inset;
}

/* ----------------------------------------------------------- */
/* Social-Icons im Footer sollen v2o-Lila sein, Schrift weiss */
.apss-theme-6 .apss-single-icon a:before{
    background-color: #8C65AB;
}
.apss-theme-6 .apss-single-icon .fa{
    color: #fff;
}

/* ----------------------------------------------------------- */
/* Kontakt 2-spaltig */
#kontakt-l, #kontakt-r {
  float: left;
  width: 45%;
  min-width: 23em;
}
#content #section-9 #kontakt-r.holzrahmen {
  transform: rotate(1deg) translate(3em, 2em);
  margin-bottom: 2em;
  margin-left: 2em;
}