/*
Theme Name: tk
Theme URI: https://www.thomaskugel.de
Author: TK
Author URI: https://www.thomaskugel.de
Version: 1.1
Template: Impreza

*/


  @font-face {
    font-family: 'Interstate';
    src: url('fonts/Interstate-Light.eot');
    src: local('Interstate Light'), local('Interstate-Light'),
        url('fonts/Interstate-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Interstate-Light.woff2') format('woff2'),
        url('fonts/Interstate-Light.woff') format('woff'),
        url('fonts/Interstate-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Interstate';
    src: url('fonts/Interstate-Regular.eot');
    src: local('Interstate Regular'), local('Interstate-Regular'),
        url('fonts/Interstate-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Interstate-Regular.woff2') format('woff2'),
        url('fonts/Interstate-Regular.woff') format('woff'),
        url('fonts/Interstate-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Interstate';
    src: url('fonts/Interstate-Bold.eot');
    src: local('Interstate Bold'), local('Interstate-Bold'),
        url('fonts/Interstate-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Interstate-Bold.woff2') format('woff2'),
        url('fonts/Interstate-Bold.woff') format('woff'),
        url('fonts/Interstate-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'InterstateBlack';
    src: url('fonts/InterstateBlack.eot');
    src: local('InterstateBlack'),
        url('fonts/InterstateBlack.eot?#iefix') format('embedded-opentype'),
        url('fonts/InterstateBlack.woff2') format('woff2'),
        url('fonts/InterstateBlack.woff') format('woff'),
        url('fonts/InterstateBlack.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


section.parallax_fixed .l-section-img {

    /* opacity: .5 !important; */
  }

  /* @media (max-width: 767px) {
    .l-canvas {

      margin-bottom: -4rem !important;
    }
  } */


  body {
    font-family: 'Interstate', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif !important;
    font-weight: 300!important; 
}

strong, b, .w-btn, .paypal_btn {
    font-weight: bold!important;
}

.ush_menu_1 {
    font-size: clamp(16px, 15px + 0.25vw, 19px) !important;
    letter-spacing: -0.01em !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
  }

  .small {
    font-size: .8rem !important;
    line-height: 1.2rem !important;
  }
 
 

/* typography
==================================================*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal !important;
  
    /* font-weight: bold !important;
    /* text-transform: uppercase !important; 
    letter-spacing: -0.02em !important; */
}

h1 {
    font-size: clamp(30px, 24px + 2vw, 48px) !important;
    line-height: 1.15 !important;
    letter-spacing: -0.02em !important;
    font-weight: bold!important;
  }
  h2 {
    font-size: clamp(24px, 20px + 1.5vw, 38px) !important;
    line-height: 1.2 !important;
    letter-spacing: -0.02em !important;
  }
  h3 {
    font-size: clamp(20px, 16px + 1vw, 30px);
    line-height: 1.25;
    letter-spacing: -0.01em;
  }
  h4 {
    font-size: clamp(18px, 15px + 0.75vw, 26px);
    line-height: 1.3;
  }
  h5 {
    font-size: clamp(17px, 14px + 0.5vw, 21px);
    line-height: 1.35;
  }
  h6 {
    font-size: clamp(15px, 13px + 0.4vw, 18px);
    /* Optional: als „Label" im Stil der Navigation:  */
    /* text-transform: uppercase; letter-spacing: -0.02em; font-weight: 700; */
  }

  h1.post_title,
h2.w-text span { 
    background: var(--color-content-primary);
    color: #000;
    display: inline-block;
    padding: .1em .3em 0 .3em !important;
    border-radius: 15px 225px 15px 255px/255px 15px 225px 15px !important;
    margin-left: -0.3em !important;
}

.w-tabs-section-header.active {
    background: var(--color-content-primary) !important;
    font-weight: bold!important;
}

/* .page-top .page-title {
    font-size: 60px;
    text-transform: uppercase;
    font-weight: 400;
    color: #393939;
    line-height: 50px;
  
} */

h3 {
    color: #393939;
}

/* h5 {
    color: #ffbf00;
} */

#header.sticky-header .header-main.sticky {
    border-top: 0 solid #08c;
}


.dialog.dialog-lg {
    max-width: 80% !important;
}



h1.w-text {
    text-align: center;
}

p {
    line-height: 1.8 !important;
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14 !important;
    background: #fff !important;
    font-weight: 600;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #398f14;
    font-size: 1.3rem;
    background: rgba(57, 143, 20, 0.4);
  }

  .wpcf7 p {
    line-height: 1.2 !important;
  }

.single-event li#nav-menu-item-2999 a {
    background-color: #000000 !important;
    color: #ffffff !important;
}



h2.w-text {
    border-bottom: 1px solid#212529;
    margin-bottom: 2rem!important;

}

.l-main .wpb_wrapper ul li:not(.page-id-3768 li):before,
.list.list-icons.list-icons-style-3 li {
    /* padding-top: 5px; */
    padding-left: 1.5rem;
    padding-right: 0;
    margin-left: 0 !important;

  }
  .l-main .wpb_wrapper ul li:not(.page-id-3768 li):before,
  .list.list-icons.list-icons-style-3 li:before {
    font-family:fontawesome;
    font-weight: 900!important;
  content: '\f138';
  font-size: 1.2rem !important;
  color: #ffbf00;
  padding-right: .5rem !important;
  margin-left: -1.7rem !important;
  }


  .l-main .wpb_wrapper ul,
  .list.list-icons {
    list-style: none;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0 !important;
  }

  .w-iconbox {
    padding: 1rem;
    border: 2px solid rgba(232, 232, 232,1);
    border-radius: .7rem;
    box-shadow: rgba(0, 0, 0, 0.19) 0 0 8px 0;
  }

  blockquote::after {
    content: attr(cite);
    display: block;
    text-align: left;
    font-size: .7rem;
    font-style: normal;
    padding-top: .5em;
    margin-top: 1rem;
        color: rgba(0,0,0,1);
        border-top: rgba(0,0,0,1) 1px solid;
  }

  blockquote::before
  {
    content: '\201C';
    content: '';
    display: block;
    font-size: 6rem;
    line-height: 0.8;
    /* font-family: 'd-dindin-bold', sans-serif; */
    position: absolute;
    left: -20px;
    color: rgb(0,0,0);

  }

  blockquote  {
    font-style: italic;
      text-align: left;
      color: #15141A;
      padding: 0 2rem;
      padding: 1.5rem;
      border-top-right-radius: 255px 15px;
      border-top-left-radius: 15px 225px;
      border-bottom-left-radius: 225px 15px;
      border-bottom-right-radius:15px 255px;
      background:rgba(255,191,0, 0.5);
  }



  ol {
  margin-left: 1rem;
  }

  blockquote p {
      font-size: 1rem;

  }

  /* Schraege Buttons + aside */
.ush_menu_1 .w-nav-item.level_1.current-menu-item > a:not(.w-btn),
  .bmc-btn,
.paypal_btn,
  .us-btn-style_1,
  .aside,
  .zitat {

      border-radius: 255px 15px 225px 15px/15px 225px 15px 255px !important;
    }

    .schmuck img {
        border-radius: 15px 225px 15px 255px/255px 15px 225px 15px !important;

      border-radius: 225px 35px 205px 35px/35px 205px 35px 25px !important;

    }
.schmuck img {
        filter: sepia(.4);
      }

    /* img.schmuck,
    img:not(.single-post img, .single-event img, .em-item-image  img, footer img, .page-id-3032 img, .page-id-3600 img, .page-id-3093 img, .page-id-3812 img, .page-id-3768 img, .page-id-3838 img, .parent-pageid-3600 img, .page-id-5018 img, img[src*=".svg"], .w-grid-list img) {
        border-radius: 15px 225px 15px 255px/255px 15px 225px 15px !important;

      border-radius: 225px 35px 205px 35px/35px 205px 35px 25px !important;

    }
img.schmuck,
    img:not(.single-post img, .single-event img, .em-item-image  img, footer img, .page-id-3032 img, .page-id-3600 img, .page-id-3597 img, .page-id-3602 img, .page-id-3093 img, .page-id-3812 img, .page-id-3768 img, .page-id-3838 img,.parent-pageid-3600 img, .page-id-5018 img,img[src*=".svg"], .w-grid-list img) {
        filter: sepia(.4);
      } */




    .email,
    .home .w-btn-wrapper:nth-child(2) .us-btn-style_1,
    .home .w-btn-wrapper:nth-child(4) .us-btn-style_1,
    .home .w-btn-wrapper:nth-child(6) .us-btn-style_1 {
      border-radius: 15px 225px 15px 255px/255px 15px 225px 15px !important;
    }

    .aside {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        background:rgba(232, 232, 232,1)

      }








        .email {
          max-width: 20rem;
          margin: 0 auto;
                  padding: .5rem 1.5rem;
          background:rgba(255,191,0, 0.3);

          text-align: center;
        }
        @media (max-width: 47.99em) {

          p, #page-content ol, .post_content ul, blockquote p {
              font-size: 1rem;

          }

          footer p {
              font-size: .9rem;
          }

          .aside {
              margin: 0 1.5rem !important;
            }
        }

        .w-iconbox-icon svg, .w-iconbox-icon img {
            width: 3em !important;
          }


/* .head-angebote .porto-u-main-heading:before {
        content: "";
        display: block;
        position: absolute;
        left: -1.25em;
        top: .65em;
        width: 1em;
        height: 2px;
        background: #ffbf00;
        transform: rotate(-65deg);
    }

    .head-angebote:after {
        left: -2.3em;
        top: 1.2em;
        width: 3em;
    }
    .head-angebote .porto-u-main-heading:after {
        content: "";
        display: block;
        position: absolute;
        left: -3.5em;
        top: 2em;
        width: 5em;
        height: 2px;
        background-color: #dee2e6;
        transform: rotate(-65deg);
    } */

    .mfp-figure {
        background: #fff !important;
    }

.mfp-content a,
.single-event .main-content a:not(.btn),
.wpb_wrapper a:not(.w-btn, .page-id-3812 a, .page-id-3595 a, .page-id-5 a, .page-id-3905 a, .page-id-3032 a, .page-id-4599 a),
#angebote a,
#einzelbegleitung a,
#trauerbegleitung a,
#walklifebalance a,
#ueber-mich a {
    transition: background-size .4s ease;
    background: linear-gradient(to bottom, transparent 62%, #ffbf00 0) center center/0% 75% no-repeat;
    background-size: 0% 75%;
    cursor: pointer !important;
    font-weight: 400 !important;
    text-decoration: underline !important;
}

.mfp-content a:hover,
.single-event .main-content a:not(.w-btn):hover,
.wpb_wrapper a:not(.w-btn,.w-iconbox-link, .page-id-3812 a, .page-id-3595 a, .page-id-5 a, .page-id-3905 a, .page-id-3032 a, .page-id-4599 a):hover,
#angebote a:not(.w-btn):hover,
#buch-shop a:not(.w-btn):hover,
.w-iconbox-link:hover,
#einzelbegleitung a:hover,
#trauerbegleitung a:hover,
#walklifebalance a:hover,
#ueber-mich a:hover {
    background-size: 100% 100%;
    text-decoration: none !important;
}

a.card,
a.card:hover {
    transition: none !important;
    background: none !important;
    background-size: 0;
    text-decoration: none !important;
}

html .w-btn,
html .btn-primary,
html .btn-primary:hover,
html .btn-primary:focus,
html .btn-primary:active {
    color: #000 !important;
    background-color: #ffbf00 !important;
    border-color: #ffbf00 !important;
    font-weight: 700 !important;
}

.wpb-js-composer .vc_tta-color-white.vc_tta-style-modern .vc_tta-tab>a {
    background-color: #f0f0f0 !important;
    color: #393939 !important;
}

.vc_tta-tab .vc_active {
    background: #ffbf00 !important;
}

.wpb-js-composer .vc_tta-color-white.vc_tta-style-modern .vc_tta-tab>a:hover,
.wpb-js-composer .vc_tta-color-white.vc_tta-style-modern .vc_tta-tab.vc_active>a {
    border-color: #ffbf00 !important;
    background-color: #ffbf00 !important;
    /* color: #fff !important; */
}

.wpb-js-composer .vc_tta-color-white.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body {
    border-color: #ffbf00 !important;
}

#footer .footer-ribbon {
    font-size: 2em;
    color: #000 !important;
}

/* #header .logo img {
    top: 5px;
    position: absolute;
    height: 90px !important;
    width: 90px !important;
} */

.thumb-info-side-image-right .thumb-info-side-image-wrapper {
    float: none;
    margin-left: 0;
    margin-right: 0;
}

@media (min-width: 980px) {
  
}



.toggle-simple .toggle>label::before {
    left: 6px!important;
    margin-top: auto;
    margin-bottom: auto;
    height: 28px;
    font-size: 16px!important;
    bottom: 15% !important;
}

.toggle-simple .toggle>label {
    padding-left: 32px;
    margin-bottom: -10px;
    font-size: 1.2em !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

.toggle-simple .toggle>label::after {
    margin-top: -12px !important;
}


/*
TESTIMONIAL
*/

.testimonial.testimonial-with-quotes blockquote p {
    padding: 0 !important;
}

.testimonial blockquote,
.testimonial blockquote p {
    font-family: inherit !important;
}

.testimonial blockquote p {
    font-size: 1em !important;
}








/*
CARDS
*/

.materialien {
    position: relative;
    background-color: #fff;
    color: #393939;
    text-decoration: none;
    padding: 0 1rem 1rem;
    /* box-shadow: rgba(0, 0, 0, 0.19) 0 0 8px 0; */
    border-radius: .5rem;
}

.materialien .materialien-header {
    position: relative;
    height: 175px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: rgba(255, 255, 255, 0.15);
    background-blend-mode: overlay;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px;
    border-radius: 4px 4px 0 0;
}

.cards {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 15px;
    padding: 1%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.card {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 30px;
    background: #ffbf00;
    color: #fff;
    background-color: #fff;
    color: #393939;
    text-decoration: none;
    -moz-box-shadow: rgba(0, 0, 0, 0.19) 0 0 8px 0;
    -webkit-box-shadow: rgba(0, 0, 0, 0.19) 0 0 8px 0;
    box-shadow: rgba(0, 0, 0, 0.19) 0 0 8px 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.card span {
    display: block;
}

.card .card-summary {
    padding: 4% 4% 3% 4%;
    font-size: 16px;
    border-top: 1px solid #EBEBEB;
    color: #393939;
    font-weight: 200;
}

.card .card-header {
    position: relative;
    height: 175px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: rgba(255, 255, 255, 0.15);
    background-blend-mode: overlay;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px;
    border-radius: 4px 4px 0 0;
}

.css-events-list .card .card-header {
    background-position: top right;
}


/*.card .card-header:hover, .card .card-header:focus {
  background-color: rgba(0, 0, 0, 0.2);
  color: #393939;
}*/


/*.card .card-title {
  background: rgba(157, 187, 63, 0.85);
  padding: 3.5% 0 2.5% 0;
  color: white;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.card .card-title h3 {
  font-size: 1.2em;
  line-height: 1.2;
  padding: 0 3.5%;
  margin: 0;
}*/

.card .card-meta {
    max-height: 0;
    overflow: hidden;
    font-size: 1em;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    padding: 0 5%;
    background: #ffbf00;
    color: #000;
    -moz-transition-property: max-height;
    -o-transition-property: max-height;
    -webkit-transition-property: max-height;
    transition-property: max-height;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.card:hover,
.card:focus {
    color: #393939;
    background-color: #fff;
    -moz-box-shadow: rgba(0, 0, 0, 0.45) 0px 0px 20px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.45) 0px 0px 20px 0px;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 0px 20px 0px;
    text-decoration: none !important;
}


/*.card:hover .card-title, .card:focus .card-title {
  background: rgba(157, 187, 63, 0.95);
}*/

.card:hover .card-meta,
.card:focus .card-meta {
    max-height: 2em;
}

@media (max-width: 700px) {
    .card {
        width: 100%;
    }
    .card .card-meta {
        max-height: 2em !important;
    }
    .mfp-content {
        width: 98%;
        background: #fff !important;
    }
}

@media (min-width: 700px) {
    .card {
        max-width: 320px;
        width: 320px;
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .card:nth-child(even) {
        margin-right: 0;
    }
    .mfp-content {
        width: 80% !important;
        background: #fff !important;
    }
}

@media (min-width: 980px) {
    .card:nth-child(even) {
        margin-right: 20px;
        .mfp-inline-holder .mfp-content,
        .mfp-ajax-holder .mfp-content {
            width: 80%;
        }
        /* .card:nth-child(3n) {
      margin-right: 0;
    }*/
        .card {
            width: 320px;
        }
    }
    /*
TABS

.toggle.active > .toggle-content {
    padding: .5rem 1rem;
    border: 1px solid #ffbf00;
    background: #fff;
    margin-left: -15px;
}

.toggle.active {
    background:  #ffbf00;
}

.toggle-simple .toggle > label {

    margin-bottom: 1px;
}

.toggle {
    padding: 0 0 0 15px;
    position: relative;
    clear: both;
    background: rgba(245,245,245,1);


}

*/
    .mfp-inline-holder .mfp-content,
    .mfp-ajax-holder .mfp-content {
        cursor: auto;
        padding: 2rem;
        background: #fff !important;
    }
    .toggle-simple .toggle>label::before {
        left: 5px !important;
        bottom: 15% !important;
    }
    label.required::after {
        content: "*";
        font-size: 0.8em;
        margin: 0.3em;
        position: relative;
        top: -2px;
        color: #000;
    }
    .nav-tabs li .nav-link {
        font-weight: 700;
        font-size: inherit !important;
    }