/*
/*
Theme Name: Storefront Child
Version: 1.0
Author: website-ux.com
Author URI: http://website-ux.com
Template: storefront

Description:  	Gartenbau Lüders Style
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout,
This theme, like WordPress, is licensed under the GPL.
*/

/*
 * Add your own custom css below this text.
 */

/* Colors Settings */
/* box-shadow: 0.5em 0.5em 1em rgb(230,230,230);
background: rgb(246, 182, 0);
background:rgba(97, 153, 59,.8);


/* START WOOCOMMERCE Auskommentierung  */



/* /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}













/* //#######################################  NORMALIZE CSS*/


* {
     box-sizing: unset;
}
a{
  color:unset;
}

@media (min-width: 768px)
{
.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
    padding: unset;
  }

.main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children {
  background-color: none;
}
.site-header {
    border-bottom-color: none;
}

.storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
    width: unset;
    float: unset;
    margin-right: unset;
    position: unset;
}

.storefront-secondary-navigation .site-header .site-branding {
    width: unset;
    float: unset;
    margin-right: unset;
}
.woocommerce-active .site-header .site-branding {
    width: unset;
    float: none;
    margin-right: unset;
}

.main-navigation ul.menu, .main-navigation ul.nav-menu {
    max-height: none;
    overflow: unset;
    margin-left: unset;
    -webkit-transition: unset;
    transition: unset;
}

.main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children {
    background-color: white;
}

.main-navigation ul.menu ul a:hover, .main-navigation ul.menu ul li:hover > a, .main-navigation ul.menu ul li.focus, .main-navigation ul.nav-menu ul a:hover, .main-navigation ul.nav-menu ul li:hover > a, .main-navigation ul.nav-menu ul li.focus {
    background-color: white);
}

.woocommerce-active .site-header .main-navigation {
    width: 85em;
    float: none;
    margin-right: none;
    clear: both;
    margin: 0 auto;
    margin-bottom:1em;
}

.main-navigation, .secondary-navigation {
    /* display: block; */
    max-width: 55em;
}



 } /*ende des at Media 768p */

/*
 article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
     display: block;
     position: sticky;
 } */


/*START Woocommerce Shop-Seite CSS */




ul.products li.product, ul.products .wc-block-grid__product, .wc-block-grid__products li.product, .wc-block-grid__products .wc-block-grid__product {
    list-style: none;
    margin-bottom: 4.235801032em;
    text-align: center;
    position: relative;
    border-radius: 1em;
    box-shadow: 5px 5px 18px rgb(230,230,230);
}


 h1.woocommerce-products-header__title, .page-title,
 .storefront-full-width-content.woocommerce-cart .entry-header h1:last-child, .storefront-full-width-content.woocommerce-checkout .entry-header h1:last-child, .storefront-full-width-content.woocommerce-account .entry-header h1:last-child, .storefront-full-width-content .woocommerce-products-header h1:last-child {
     margin-bottom: 0;
     font-family: handlee;
     padding: 2em 0 0 0;
     color:#5f9a34;
 }

img{
   border-radius: 1em 1em 0 0;
   display: block;
  width: 100%;
 }
 .information-service{
   border-radius: 1em 1em 0 0;
   display: flex;
  width: 100%;
 }
 /* .woocommerce-LoopProduct-link .woocommerce-loop-product__link img{
   border-radius:1em;
 } */

 ul.products li.product h2, ul.products li.product h3, ul.products li.product .woocommerce-loop-product__title, ul.products li.product .wc-block-grid__product-title, ul.products .wc-block-grid__product h2, ul.products .wc-block-grid__product h3, ul.products .wc-block-grid__product .woocommerce-loop-product__title, ul.products .wc-block-grid__product .wc-block-grid__product-title, .wc-block-grid__products li.product h2, .wc-block-grid__products
 li.product h3, .wc-block-grid__products li.product .woocommerce-loop-product__title, .wc-block-grid__products li.product .wc-block-grid__product-title, .wc-block-grid__products .wc-block-grid__product h2, .wc-block-grid__products .wc-block-grid__product h3, .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__title, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title {
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 0.5407911001em;
    margin: 1em 0;
    font-family: ProzaLibre-Bold;
}

ul.products li.product .button, ul.products .wc-block-grid__product .button, .wc-block-grid__products li.product .button, .wc-block-grid__products .wc-block-grid__product .button {
     margin-bottom: unset;
     /* display: block; */
     border-radius: 2em;
     background-color: #5f9a34;
     margin-bottom: 2em;
}

.added_to_cart.alt, .added_to_cart, .widget a.button.checkout {
    background-color: #f8b701;
    border-color: #333333;
    color: #ffffff;
    border-radius: 2em;
    margin-bottom: 2em;
}

.added_to_cart.alt:hover, .added_to_cart:hover, .widget a.button.checkout:hover {
    background-color: #ebebe5;
    border-color: #c70f0f;
    color: #ffffff;
}

.widget_price_filter .ui-slider .ui-slider-range, .widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #f8b701;
}

button, input[type="button"], input[type="reset"], input[type="submit"], .button, .widget a.button {
    background-color: #f8b701;
    border-color: #f8b701;
    color: #fff;
    border-radius: 2em;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .widget a.button:hover {
    background-color: #f8b701;
    border-color: #f8b701;
    color: #333333;
}

.widget .widget-title, .widget .widgettitle {
    font-size: 1.41575em;
    letter-spacing: 0;
    border-bottom: unset;
    padding: 0 0 1em;
    margin-bottom: 1em;
    font-weight: 300;
}

.widget_search form input[type=text], .widget_search form input[type=search], .widget_product_search form input[type=text], .widget_product_search form input[type=search] {
    padding-left: 2.617924em;
    border-radius: 2em;
    background-color: #f8b701;
  }
 /*ENDE Woocommerce Shop-Seite CSS */


 a:focus, button:focus,
 .button.alt:focus,
 input:focus,
 textarea:focus,
  input[type="button"]:focus,
  input[type="reset"]:focus,
  input[type="submit"]:focus,
  input[type="email"]:focus,
  input[type="tel"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus {
     outline-color: none;
 }

 a:focus,
 button:focus,
 .button.alt:focus,
 input:focus,
 textarea:focus,
 input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus {
    outline-color: none;
}

a:focus, input:focus, textarea:focus, button:focus {
    outline: unset;
}

 a:focus, input:focus, textarea:focus, button:focus {
     outline: 2px solid none;
 }

 li > ul, li > ol {
     margin-bottom: 0;
     margin-left: unset;
 }


.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6, .site-footer .widget .widget-title, .site-footer .widget .widgettitle {
    color: rgb(97, 153, 59);
}

.main-navigation ul li a {
    padding: 0.5em 0;
    display: inline;
    width:inherit;
}


/* .custom-logo-link {
    position: relative;
    height: 150px;
    margin: 0 auto;
    z-index: -1;
} */

.woocommerce-active .site-branding {
    float: unset;
}


.site-header .site-logo-anchor img, .site-header .site-logo-link img, .site-header .custom-logo-link img {
    max-width: 150px;
}

.hentry {
    margin: unset;
}

#primary-menu .sub-menu li a {
    margin-top: 0.5em;
    color:gray;
}

ul, ol {
    margin: unset;
    /* padding: 0; */
}

.site-header .site-logo-anchor, .site-header .site-logo-link, .site-header .custom-logo-link {
    display: block;
    margin-bottom: unset;
}

  .main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-title a:hover, .site-header ul.menu li.current-menu-item > a {
      color: #5f9a34;
  }


.main-navigation ul.menu > li > a,
.main-navigation ul.nav-menu > li > a {
padding: unset;
color: rgb(69,73,79);
}

.site-header .site-branding {
    display: unset;
    width: 150px;
    float: none;
    margin-left: unset;
    margin-right: unset;
    clear: unset;
}
.page-template-template-homepage .type-page {
    padding-top: unset;
    padding-bottom: unset;
    position: unset;
}

.site-header {
    padding-top: unset;
    padding-bottom: unset;
    background-color: unset;
    padding-top: unset;
    padding-bottom: unset;
    color: unset;
    background-position: center;
    position: unset;
    /* z-index: -9; */
    border-bottom: unset;
}

footer .widget {
    margin:1em;
}

.site-footer {
    background-color: rgb(235, 235,229);
    color: unset;
}
/* ENDE WOOCOMMERCE Auskommentierung */

body{
font-family: ProzaLibre,arial,helvetica,sans-serif;
margin:0 auto;
/* margin:1em 1.5em; */
line-height: 1.25em;
color: rgb(69,73,79);
/* max-width:98vw; */
}

.wrapper{
  padding: 0 1em;
  margin:0 auto;
}

@font-face {
  font-family: handlee;
  src: url(css/Handlee-Regular.ttf);
  font-weight:normal;
  font-style:normal;
}

@font-face {
   font-family: ProzaLibre;
   src: url(css/ProzaLibre-Regular.ttf);
   font-style:normal;
}

@font-face {
   font-family: ProzaLibre-Medium;
   src: url(css/ProzaLibre-Medium.ttf);
   font-style:normal;
}

@font-face {
   font-family: ProzaLibre-Bold;
   src: url(css/ProzaLibre-Bold.ttf);
   font-style:normal;
}

.site-title{
color:rgb(95, 154, 52);
font-size: 2em;
}
/*
.site-branding{
width: 150px;
margin: 0 auto;
height: 150px;
position: unset;
top: -60px;
} */

.custom-logo   {
  width: 150px;
  height: 150px;
}

a:-webkit-any-link {
 color: rgb(69,73,79);
 cursor: pointer;
 text-decoration: none;
}

/* select current menu item */
a[aria-current='page']{
  color:rgb(97, 153, 59);
}
/*MENU ANFANG
*/
.selected a{
  color:rgb(97, 153, 59);
}

nav a {
    font-size: 1.25em;
  }

#primary-menu{
  padding-inline-start: 0;
  display: none; //scripte.js steuert sichtbarkeit der Navigation
  list-style:none;
}

#primary-menu li {
display:inline;
list-style:none;
margin: .25em 0;
}

#primary-menu .sub-menu li a{
  margin-top: 0.5em;
}

#primary-menu a:hover,
#primary-menu .sub-menu li a:hover
{
color: rgb(248, 183, 0);
}

.sub-menu{
padding-inline-start: unset;
}
.sub-menu li{
padding-left: .5em;
}

.sub-menu li a{
color: rgb(128,128,128);
}

/*MENU ENDE */
.menu-toggle{
  display:block;
}

.contact {
  float: right;
  max-width: 24em;
  font-weight: 600;
  background: #f8b700;
  border-radius: 2em;
  margin: 0 auto;
  /* margin-top: 1em; */
  padding: .25em;
  display: flex;
  height: 2.2em;
  margin-top: .5em;
}
.contact-phone{
  display:inline;
  padding: 0 .75em;
}
.contact img{
background-color: #fff;
width: 1.15em;
display: inline;
border-radius: 1em;
padding: .5em;
margin: 0 0 0 .15em;


}
.contact form{
display:inline-table;

}
input[type='search']{
    padding: 01em 1em 0 1em;
    background-color: #ffffff;
    color: black;
    border: 0;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: normal;
    box-shadow: none;
    border-radius:2em;
    width:10em;
    height: 2.2em;

}
.logo-nav{
    padding:.75em .25em;
}
.logo-nav:after{
  content:"";
  display:table;
  clear:both;
}

 /* hamburger menu beginn*/
 .hamburger {
display: block;
cursor: pointer;
/* float: right; */
margin: .5em 1.15em .5em 0;
 }

 .bar1, .bar2, .bar3 {
     width: 30px;
     height: 3px;
     background-color: rgb(69,73,79);
     margin: 4px 0;
     transition: 0.1s;
 }

/* Rotate first bar */
.change .bar1 {
 -webkit-transform: rotate(-45deg) translate(-6px, 6px) ;
 transform: rotate(-45deg) translate(-2px, 2px) ;
}

/* Fade out the second bar */
.change .bar2 {
 opacity: 0;
}

/* Rotate last bar */
.change .bar3 {
 -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
 transform: rotate(45deg) translate(-8px, -8px) ;
}

 /* Hamburger menü ende*/

.custom-logo   {
position: unset;
width: 150px;
height: 150px;
}


.site-header .custom-logo-link {
    margin-bottom: unset;
    width: 10em;
    margin: 0 auto;
    clear: both;
    /* padding: 1em; */
}
.no-wc-breadcrumb .site-header {
    margin-bottom: 0em;
}

 /* Firmenbezeichnung im header */
.c-name {
  font-size:2em;
  font-family:handlee;
  color:rgb(97, 153, 59);
  margin: 0 auto;
  margin-bottom: .75em;
  width: 4.5em;

}
.c-name p{
  text-align: center;
  line-height: .95em;
  letter-spacing: -.03em;
}


 /* #slider versteckt den slider beim laden der -seite. onloaded slider zeigen */
#slider{
  display:block;
  /* visibility:hidden; */
}

.sliding img{
   width:100%;
   /* overflow: hidden; */
   border-radius: 10px 10px 0 0;
   display: none;
 }

.title{
  color:rgb(69,73,79);
  text-align:center;
  font-weight:600;
  padding:2em 0 2em 0;
  background:rgb(235, 235,229);
  border-radius: 0 0 15px 15px;
  margin-bottom: 3em;
}
.single-overview{
  display: flex;
  justify-content: space-evenly;
  }

  .cat-card .highlight{
    width:10em;
    text-align: initial;
    line-height: 2em;
  }
.page-intro .highlight{
    padding: unset;
    margin-bottom: unset;
}
  .cat-card .produkte-full{
    background:none;
    box-shadow: none;
  }
  .title-single {
  color: none;
  /* text-align: center; */
  font-weight: 600;
  padding: 2em 0 6em 0;
  background: none;
  border-radius: 0 0 15px 15px;
  margin-bottom: 3em;
}
.page-text{
  hyphens: auto;
  margin:0 auto;
   max-width:45em;
   font-weight:300;
   padding:0 1em 1em 1em;
   font-size: 1em;
   line-height: 1.25em;
   text-align: justify;
}


.contact  div p{
  display: inline;


}
p{
  /* display sonst rausnehmen */
  /* display: inline; */
  font-weight:300;
  /* text-align:left; */
  width:auto;
  /* margin-block-start: 0;
  margin-block-end: 0; */
  margin: 0 auto;
}

.page-intro {
  margin: 0 auto;
  font-weight: 300;
  text-align: justify;
  padding:  0em 1em;
  max-width: 600px;
  margin-bottom: 1em;
  }
  .page-intro .page-intro-img {
      width: 300px;
      float: left;
      padding: 0 1.618em 0 0;
  }

  .page-intro .page-intro-img:after {
    content: "";
    display: block;
    clear: both;
  }


.legal{
  text-align: justify;
}

.title-content, .title-content ul a{
  font-family: handlee;
  margin-block-start: 0.5em;
  margin-block-end: .5em;
  color: #5f9a34;
  margin-right: 1em;
  margin-left: 1em;
}


.anfahrt{
 font-weight:300;
 text-align:left;
 margin-bottom: 1em;
}

.servicetext{
 margin-top:0;
 line-height: 1.25em;
}

.service-block h3{
 color:unset;
 font-size: 1em;

}

.wp-block-image {
    margin: 1em 0 1em;
}

.service-block-2 {
 padding:0 1em 1em 1em;
 min-height: 15vh;
}

.service-block ul{
 color: rgb(97, 153, 59);
 font-weight: 600;
 list-style-type: none;
 padding-inline-start: 0;
 margin-block-end: 0em;
}

.zitat{
 visibility:hidden;
 display:block;  /* auf display: none gesetzt damit beim Seitenstart nicht alle Zitate gezeigt werden. das script setzt es nach dem laden auf display block */
 background:white;
 border-radius:15px;
 padding:1em;
 max-width:15em;
 margin:0 auto;
 text-align: left;
 font-family: handlee;
 width: 170px;
}

.page-container{
 /* padding: 0 1em; */
 /* margin-bottom:2em; */
}

.photo {
margin: 0 auto;
padding-bottom:2em;
}

.information{
margin-bottom:1em;
padding: 0 1em;
/* display: flex;
justify-content: space-between;
flex-wrap: wrap; */
}

.information-table{
 background:rgb(235, 235, 229);
 display:flex;
 justify-content: space-evenly;
 background: white;
 margin: 1em;
 flex-wrap: wrap;
}
.card-wrap{
  width:100%;
}

/* .info:last-child{
 margin-bottom:2em;
} */

.prod-table{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}

.prod-overview{
  /* margin: 0 auto; */
  /* text-align: center; */
  margin: 2em 0 0 0;
}

.preis{
 color:rgb(97, 153, 59);
 text-decoration: underline;
 padding: 1em 0 .5em 0  ;
font-weight: 500;
}

.produkte {
 display: inline-block;
 background: white;
 border-radius: 15px;
 box-shadow: 5px 5px 18px rgb(230,230,230);
 max-width: 44vw;
 margin-bottom:1em;
}


.produkte-intro{
margin-bottom: 2em;
margin-top: 3em;
padding: 0 1em;
}

.overview{
margin-bottom:2em;
}



.produkte-full {
 display: inline-block;
 width:44vw;
 background: white;
 border-radius: 1em;
 box-shadow: 5px 5px 18px rgb(230,230,230);
 /* height:100%;
 width:80vw; */
 margin: 0 auto;
 margin-bottom:2em;
}

/* .produkte-full:nth-last-child(-n+2){
margin-bottom:0;
} */

.service-full {
 display: block;
 background: white;
 border-radius: 15px;
 box-shadow: 5px 5px 18px rgb(230,230,230);
 /* width: 100vw; */
 margin-bottom: 1em;
}

.service-full-wide {
 width: 100vw;
}

/* .service-full:last-child {
 margin-bottom: 0;
} */


.info,
.info-full{

  display: inline-block;
  background: white;
  border-radius: 15px;
  box-shadow: 5px 5px 18px rgb(230,230,230);
  margin-bottom:2em;
  width: 100vw;
  margin: 0 0 2em 0;
  width: 100%;
}

/* .info:last-child{
  margin-bottom:0;
} */

.sektionintro{
  margin-bottom: 1em;
  margin-top: 3em;
}

.overview .infotitel{
  color: rgb(97, 153, 59);
  font-size: 1.5em;
  font-family: handlee;

}

.sektiontitel .post-categories{
  text-align:center;
  margin-bottom:.5em;
}

.sektiontitel ul > li > a{
  color: rgb(97, 153, 59);
  font-size: 1.25em;
  font-family: handlee;
  margin-bottom: 1em;
}

.infotitel{
   color:rgb(246, 182, 0);
   text-align:center;
   font-size: 1.25em;
   font-weight:600;
   padding: 01em 0 0.25em;
 }

/* .overview .infotitel{
    color:rgb(93, 155, 43);
    font-family: handlee;

 } */

.infotitel-full{
   color:rgb(69,73,79);
   text-align:left;
   font-size: 1em;
   font-weight:600;
   padding:0em 0em 0.5em 0;
   margin: 0em;
   font-family: ProzaLibre-Bold;
 }

    .information-block .infotitel-full{
     color:rgb(69,73,79);
     text-align:left;
     font-size: 1.25em;
     font-weight:600;
     margin: 0em;
 }

.infotitel-full p{
    padding: 0 1em
}

         .smallinfo{
             overflow:hidden;
                 }

            .image {
               width:100%;
               /* height:100%; */
               border-radius: 1em 1em  0 0;
              }

            .smallinfo .image{
               padding-bottom: 1em;
               width: 100%;
               border-radius: initial;
              }

            .info .image-full{
               padding-bottom: 0;
               max-width: 100%;
               border-radius: 10px 10px 0px 0px;
              }

            .smallinfo p{
               padding: 0 .5em 1em .5em;
              }

.service-block{
/*  float:right;  */
  padding:1em 1em 1em 1em ;
  /* min-height:15vh; */
}

.service-block-1{
padding:1em;
}

.service-block-single{
padding:1em;
}

.datum{
  display: inline;
  float:right;
  padding: 1em;
  font-weight: 300;
  color:rgb(97, 153, 59);
  font-size: .75em;
  clear:both;
}

/* .datum::after {
  content: "";
  display: block;
  clear: both;
} */

.datum a{
  color:rgb(97, 153, 59);
  justify-content: center;
}

/* .pagination{
  width:100%;
} */

div.highlight{
padding-top:1em;
font-family: handlee;
}

.sektionintro,
.sektiontitel,
.textwidget{
  display:inline;
  margin:0;
  padding: 0 0 0.5em 0;
  width: 100vw;
}

.sektionintro .sektiontitel{
  width:initial;
}

/* .sektiontitel{
  width: 100%;
  display: block;
  text-align: center;
  font-size: 3em;
  padding: 1em 0 1em 0;
} */

div.highlight > li > h3{
  font-size: 2.85em;
  list-style-type: none;
   font-family: handlee;
    color: rgb(97, 153, 59);
    line-height: 1.214;

}

.highlight + .sektiontitel{
  font-weight: 300;
  font-size: 1em;
  margin:none;
  display: inline;
}

.categories{
  list-style-type:none;

}
.hightlight{
  margin-block-start: 0.5em;
  margin-block-end: .5em;
}

.highlight .categories li{
  cursor:pointer;
  display:inline;
  list-style-type: none;
}

.categories li a{
  float:left;
  font-weight: 600;
  padding: 0 .25em;

}

.sektionintro::after {
 color: blue;
}

.service-block:after{
  content: "";
  display: table;
  clear: both;
}

.one{
 min-width:auto;
}

#map{
  border-radius: 2em;
  margin:1em;
}
.cbxgooglemap_wrapper, .cbxgooglemap_embed{
  border-radius: 0 0 2em 2em;
}
/* pagination */
.pagination-table{
  display:block;
  margin: 0 auto;
  /* padding: 0 5em 2em 5em; */
}

.pagination {
  display: flex;
  justify-content: center;
  list-style-type: none;
   /* clear:both; */
   /* position:relative; */
   font-size:1.25em; /* Pagination text size */
   line-height:13px;
   /* float:right; /* Pagination float direction  #
   display: inline-flex; *
   */
}

.post-categories{
  list-style:none;
}
 .pagination a {
   /* display:block;
   padding:6px 9px 5px 9px; */
   text-decoration:none;
   width:auto;
   border-radius:1.5em;
   color:rgb(97, 153, 59); /* Pagination text color */
   padding: .5em 1em;
   transition: background .15s ease-in-out;
}

.pagination span {
   /* display:block; */
   /* background-color:rgb(97, 153, 59); */
   /* border-style: solid; */
   border-radius:1.5em;
   /* border-width: 2px; */
   /* border-color: rgb(97, 153, 59); */
   color:rgb(97, 153, 59);
}

.pagination  a:hover{
   color:rgb(250,250,250);
   background: rgb(246, 182, 0); /* Pagination background on hover */
}

.pagination .current{
   /* padding:6px 9px 5px 9px; */
   font-size: 1.25em;
   padding: .5em 1em;
   color:rgb(97, 153, 59);
   border-style: none;
   margin-top:4px;
}

a.inactive{
  margin-top: 4px;
}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
  color: rgb(97, 153, 59);
}

iframe .leaflet-touch iframe .leaflet-control-layers,iframe .leaflet-touch iframe.leaflet-bar {
  border: 2px solid black;
  background-clip: padding-box;
}

.link:hover{
 color: rgb(246, 182, 0);
}


footer{
font-weight: 400;
text-align: left;
/* display: flex;
flex-wrap: wrap;
justify-content: flex-start;
*/
padding: 1em 1em;
margin-bottom: 2em;
justify-content: space-evenly;
background: rgb(235, 235,229);
border-radius: 0 0 10px 10px;

}


  footer p, .gamma {
   color:rgb(97, 153, 59);
   font-weight:600;
   text-decoration:none;
   font-size: 1.25em;
   display: inline;
  }

  footer > div {
    margin: 1em 3em 0 0;
  }



.f-container .textwidget{
  color: unset;
}

.f-container .textwidget ul{
  color: unset;
  list-style-type: none;
  padding-inline-start: 0;
  margin-bottom:unset;
}

.f-container{
display:block;
margin-bottom: 1em;
padding-right: 1em;
}

/* .f-container:last-child{
padding-right:initial;
} */

footer .one{
 padding-top:.5em;
}

.site-info{
width: 100%;
}

 .bottom {
 margin: 1em 0 .5em 0;
     width:100%;
 }

.impressum a{
 display: block;
 color:rgb(69,73,79);
 font-size: 0.55em;
 text-align: center;
 }

.impressum a:hover{
color:rgb(97, 153, 59);
}




.error {
 color: rgb(246, 182, 0);
 margin-right: 7%;
 font-size: .75em;
 float:right;
 position: relative;
 top: 8px;
}

.error:after {
 content:"";
 display: table;
 clear: both;
}

#kontaktcheck{
 display: none;
 background: rgb(246, 182, 0);
 position: absolute;
 top: 235px;
 margin: 0 auto;
 right: 8%;
 left: 8%;
 border-radius: 10px;
 padding: 1em 0;
 line-height: 1.5;
}

.social-media{
  display: flex;
  justify-content: center;
}

.social-media img{
  width:30px;
}

.service-image{
  max-width: 25vw;
  border-radius: 1em 0 0 1em;
  object-fit: cover;
  }

.social-link{
  width:2em;
}

















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

  .contact-phone p{
      display: inline;
}

.produkte-full {
  width:30vw;
}

#primary-menu {
display: flex;
max-width: 45em;
margin: 0 auto;
}

#primary-menu li {
display: inline;
margin:0 auto;
}

#primary-menu > li {
display: block;
margin:0 auto;
padding: .25em .825em;
}

#primary-menu li li {
display: block;
line-height: 1.25;
}

.sub-menu li{
  padding:unset;
}

#primary-menu li a:active{
margin: 0 ;
padding: 0;
color: rgb(248, 183, 0);
}

.sub-menu {
display:none;
background-color: #fff;
padding: 0 .5em .5em .5em;
border-radius: 0 0 5px 5px;
}


/* .menu a:hover + .sub-menu  */
ul#primary-menu li:hover > ul,
 ul#primary-menu li:active > ul
{
display:block;
position: absolute;
}

*{
padding:0;
    }

div.navigation{
  margin-left:5vw;
}

/* .information-table { Eintrag ist doppelt vorhanden. Sieh 1120
    background: rgb(235, 235, 229);
    display: flex;
    justify-content: space-evenly;
    background: white;
    margin-bottom: 2em;
    flex-wrap: wrap;
} */

.service-full{
max-width: 31%;
margin-bottom:initial;
}

.service-full-wide {
 width: 100vw;
 max-width:unset;
}



/*
.contact {
width: 24em;
display: block;
float: right;
font-weight: 600;
margin-left: 57%;
border-radius: 2em;
position: absolute;
}
*/



.bar1, .bar2, .bar3 {
 display:none;
}

.information{
/* display: flex;
justify-content: space-between;
flex-wrap: wrap; */
min-width: 64em;
margin-bottom:2em;
  }

.produkte-block {
 float: right;
 width: 35%;
 padding:.5em 1em 1em 1em ;
}
             .produkte-block:after{
                 content: "";
                 display: table;
                 clear: both;
                 }

.produkte {
 display: inline-block;
 background: white;
 border-radius: 1em;
 /*padding: 1em;
 margin-bottom: 1em; */
 box-shadow: 0.5em 0.5em 1em rgb(230,230,230);
 /* margin: 0 1em 2em 0em ; */
 max-width: 30vw;
}

.produkte-overview {

 max-width: 22.5vw;
}

.information-service{

}

.servicetext {
 margin-top: 0;
 /*min-width: 36em;
 */
 margin: 1em 0;
}

.service-block {
/* float: right;*/
/* width: 30%;*/
/*padding:1em 1em 0em 0em ; *///Funktioniert auf der Produkt Seite mit den Karten. könnte ungewollte Auswirkungen auf anderen Seiten haben
 /* margin:0 1em;  */
}



             .service-block:after{
                 content: "";
                 display: table;
                 clear: both;
             }

              .service-block-2:after{
                 content: "";
                 display: table;
                 clear: both;
             }

.information-service{
  display:flex;
}

.page-text {
 margin: 0 auto;
 max-width: 55%;
 font-weight: 300;
 padding: 0 1em 1em 6em;
 float:left;
 padding-bottom:2em;
}

.zitat{
 float: right;
 display: inline;
 margin-right: 5%;
 text-align: left;
 padding: 1em;
 position: relative;
  }

.title:after{
 content: "";
 display: table;
 clear: both;
  }

.clearfix{
 clear:both;
}

.information{
 display:flex; /* das setzen von display block sorgt dafür dass die Kacheln untereinander angeordnet sind */
 justify-content: space-evenly;
 min-width:47em;
 padding:0;
}

a.sektiontitel {
display:inline;
text-align:center;
}

.infotitel{
 font-size: 1.25em;
 font-weight:600;
 }

.card-wrap .servicetext-columns {
 -webkit-column-count: 1;
 -moz-column-count: 1;
 column-count: 1;
 column-gap: 0;
 margin-top: 0;
}


.smallinfo{
 overflow:hidden;
 }

                 .image {
                     padding-bottom: 0;
                     /* max-width: 60%; */
                     border-radius: 1em 1em 0 0;
                 }

/* Produkte Seite Elemente sind schmal und kleine Bilder    */
                   .produkte-full>.image {
                     padding-bottom: 0;
                     float: none;
                     max-width: 30vw;
                 }

                 .title-single .produkte-full,
                 .title-single .produkte-full > .image{
                   max-width: 50vw;
                 }

                 /* .produkte-full:nth-last-child(-n+2) {
                  margin-bottom: 1em;
                  }
                  */
                  .info{
                  max-width:31%;
                  }

                  .card-wrap {
                    display: flex;
                    gap:1.5em;
                    flex-wrap:wrap;
                    justify-content:flex-start;
                  }

                  /* .info-full{
                  width:100vw;
                  } */

                     .image-full{
                      padding-bottom: 0;
                      width:100%;
                    }

                  /*.smallinfo p{
                     float:right;
                     width:100%;
                     margin: 1em 0 0 0;
                     }

                 .clearfix{
                     clear:both;
                             }*/

footer {
 display: flex;
 justify-content:space-evenly;
 max-width:initial;
  }


















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

.wrapper{
max-width:75em;
}

.main-navigation {
max-width: 55em;
margin: 0 auto;
  }

nav a {
 font-size: 1.25em;
 font-weight:600;
}

.main-nav li  {
  position:relative;
}

.page-text{
 float:left;
 display: block;
 margin:0;
  }

.page-text:after{
 content:"";
 display: table;
 clear:both;
  }

.zitat{
 float:right;
 display:block;
 }

.title:after{
 content: "";
 display: table;
 clear: both;
 }

.information {
 /* min-width: 64em; */
}

/* .prod-overview{
  width:30vw;
} */

footer {
 display: flex;
 justify-content: space-evenly;
 min-width: 47em;
 /* max-width: 85.375em; */
}
} /*ende medium media querie*/
/*
@media screen and (min-width: 90em){

  body{
  max-width: 90em;
      }

}/*ende medium media querie*/ */





/* =============ENDE HIER DIE CSS FÜR DIE Medium Width VERSION==================*/