/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */





:root {
    --accent: #13AFF0;
    --secondary: #cccccc;
    --textGrau: #4A4A4A;
    --green: #3fc893;
    --hover: #0B7CAC;
    --textPreis: #333;
  }
  
  /*
  Style für Schriftauswahl
  
    */
  /*@import url('lib/prettydropdowns.css'); -> geht nicht... warum ? */
  
  
  /*
  #wunschtext {
      font-size: 13px;
  }
  */
  
  #schriftart_field .thwepo-select-field .select2-container {
      display: none;
  }
  
  #schriftart_field .thwepo-select-field {
      height: 50px;
  }
  
  #schriftart_field .thwepo-select-field .prettydropdown {
      position: static;
  }
  
  #schriftart_field .thwepo-select-field .prettydropdown > ul {
      overflow: hidden;
  }
  
  #schriftart_field .thwepo-select-field .prettydropdown > ul > li {
      height: auto !important;
  }
  
  
  
  /* Nur für eine Auswahl */
  
   .thwepo-select-field .select2-container {
      display: none;
  }
  
   .thwepo-select-field {
      height: 50px;
  }
  
   .thwepo-select-field .prettydropdown {
      position: static;
  }
  
  .thwepo-select-field .prettydropdown > ul {
      overflow: hidden;
  }
  
  .thwepo-select-field .prettydropdown > ul > li {
      height: auto !important;
  }
  
  
  @font-face {
    font-family: 'Arial Rounded MT';
    src: 
         url('fonts/ARLRDBD.TTF')  format('truetype')
  }
  
  @font-face {
    font-family: 'Berlin Sans FB Demi';
    src: 
         url('fonts/BRLNSR.TTF')  format('truetype')
  }
  
  @font-face {
    font-family: 'Deutsch Gothic';
    src: 
         url('fonts/Deutsch.ttf')  format('truetype')
  }
  
  @font-face {
    font-family: 'Forte';
    src: 
         url('fonts/FORTE.TTF')  format('truetype')
  }
  
  @font-face {
    font-family: 'Lucida Calligraphy';
    src: 
         url('fonts/LCALLIG.TTF')  format('truetype')
  }
  
  @font-face {
    font-family: 'Metal Lord';
    src: 
         url('fonts/metal_lord.ttf')  format('truetype')
  }
  
  
  .radio{
    position: relative;
    padding-left: 18px;
    padding-right: 3px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  .radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  
  .tebbs-checkmark{
    position: absolute;
    top: 2px;
    left: 0;
    height: 14px;
    width: 14px;
    background-color: #ddd;
    border-radius: 50%;
  }
  
  /* On mouse-over, add a grey background color */
  .radio:hover input ~ .tebbs-checkmark {
    background-color: #a9a9a9;
  }
  
  /* When the checkbox is checked, add a blue background */
  .radio input:checked ~ .tebbs-checkmark {
    background-color: var(--accent);
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .tebbs-checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .radio input:checked ~ .tebbs-checkmark:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .radio .tebbs-checkmark:after {
    top: 4px;
    left: 4px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: white;
  }
  
  
  
  
  /*
  .product_box {
      -webkit-box-shadow: 0px 0px 8px 1px rgba(133, 133, 133, 0.5);
      -moz-box-shadow: 0px 0px 8px 1px rgba(133, 133, 133, 0.5);
      box-shadow: 0px 0px 8px 1px rgba(133, 133, 133, 0.5);
      border-radius: 2px;
      padding: 15px;
      box-sizing: initial;
      margin-bottom: 10px;
      margin-top: 10px;
    }
    
  
  
    @media (min-width: 668px) {
      .product_box {
        margin: 10px;
      }
    }
    
    @media (min-width: 1025px) {
      .product_box {
        margin: 10px;
      }
    
      .product_box:first-child {
        margin-left: 0;
      }
    
      .product_box:last-child {
        margin-right: 0;
      }
    }
  
    */
  
    .product_box {
      margin: 10px;
      padding: 30px;
      border: 5px solid var(--accent);
      overflow: hidden;
      position: relative;
      text-align: center;
    }
  
    .product_box:first-child {
      border-color: var(--secondary) !important;
    }
  
    .product_box:last-child {
      border-color: var(--secondary) !important;
    }
  
    .product_button a{
      border-radius: 20px !important;
      width: 90% !important;
    }
  
    .tebbs_ribbon_ecke{
      background-color: var(--green);
      position: absolute !important;
      top: -50px;
      left: -50px;
      color: white;
      font-weight: 900;
      font-size: 12px;
      width: 50px !important;
      line-height: 40px;
    }
  
    .tebbs_ribbon_diagonal {
      top: -50px;
      right: -50px;
    }
  
    .tebbs_ribbon_rotate{
      right: -55px;
      -webkit-transform: rotate(
  45deg
  );
      -ms-transform: rotate(45deg);
      transform: rotate(
  45deg
  );
  position: absolute;
      background-color: var(--green);
      color: #fff;
      top: 30px;
      z-index: 10;
      font-size: 12px;
      font-weight: 600;
      text-transform: uppercase;
      width: 200px;
      padding: 7px 0;
      white-space: nowrap;
    }
  
    .tebbs-oew-pricing-table-original-price{
      color: var(--accent) !important;
    }
  
  
    .tebbs-oew-pricing-table-price{
      font-size: 40px;
      display: inline-block;
    }
  
    .tebbs-oew-pricing-table-currency{
      position: relative;
      font-size: 0.5em;
      vertical-align: super;
    }
  
    .tebbs-oew-pricing-table-details{
      display: inline-block;
      color: var(--textGrau)
  
    }
  
  
  
    .widget-title
    {
      font-size: 16px;
    }
  
  /*MinimalHöhe*/
  
  .content-full-width .content-area, 
  body.content-full-screen #content-wrap {
  min-height: calc(100vh - 900px);
  }
  
  @media (min-width: 767px) {
    .content-full-width .content-area, 
  body.content-full-screen #content-wrap {
  min-height: calc(100vh - 540px);
  }
  }
  
  @media (min-width: 959px) {
    .content-full-width .content-area, 
  body.content-full-screen #content-wrap {
  min-height: calc(100vh - 450px);
  }
  }
  
  
  
  /*
  ###############################
  Beitrag / Artikel Styling
  ###############################
  */
  
  .single .entry-title {
    border-bottom: 3px solid var(--accent);
  }
  
  .single-post.content-max-width .entry-content ul {
    list-style-type: none ;
    padding-left: 20px ;
    padding-right: 20px ;
  
  }
  
  .single-post.content-max-width .entry-content ul a {
    font-weight: 400;
  } 
  
  #related-posts .related-posts-title .text{
    display: none;
  }
  
  @media (max-width: 600px) {
    .ARTIST-BILD{
      padding: 20px;
    }
  
  }  
  
  
  
  
  #related-posts .related-posts-title::before{
    content: '\f105';
    font-family: 'Font Awesome 5 Free';
    font-size: 18px;
    font-weight: 600;
    color: var(--accent);
    padding-right: 6px;
  }
  
  #related-posts .related-posts-title::after{
    content: 'Weitere Artists';
  }
  
  
  #related-posts .related-posts-title .text::after{
    content: 'whatever it is you want to add';
  }
  
  #related-posts .published {
    display: none;
  }
  
  
  .blog .page-header.centered-minimal-page-header {
    border-bottom: 0px;
    text-transform: uppercase;
  }
  
  .blog .page-header nav{
    display: none;
  }
  
  
  .blog #blog-entries .blog-entry-inner {
    border: 0px;
  }
  
  
  
  
  
  
  
  /*
  ###############################
  Shop Styling
  ###############################
  */
  
  /*Streichpreis*/
  .variation_modified del {
      color: #ff0000 !important;
    }
  
  
  .woocommerce div.product div.summary .price del{
    color: #ff0000 !important;
  }
  
  /*Schriftgröße Preis Variation*/
  #german-market-variation-price .price{
    font-size: 36px;
    font-weight: 400;
    }
  
  /*ProductPage*/
  .single-product #content-wrap{
    padding-bottom: 0 !important;
  }
  
  .single-product .content-area.clr{
    margin-bottom: 0;
  }
  
  .tebbs-price-reduction{
    font-weight: 500;
   
  }
  
  .tebbs-price-original{
    font-weight: 500;
    text-decoration: line-through;
    color: #ff0000;
  
  }
  
  
  
  
    /*Warenkorb*/
  
  .woocommerce-page table.shop_table .product-name .variation{
    color: #929292;
    font-weight: normal;
  
   }
  
  
   .woocommerce-page table.shop_table .product-name a, .woocommerce-page table.shop_table td.product-name {
    color:var(--textPreis);
    font-weight: 700 ;
   }
  
   .woocommerce-page table.shop_table .wc-item-meta {
    color:#929292 !important;
    font-weight: normal;
   }
  
  
  
   .woocommerce-page table.shop_table dd.variation-Logo  a , .woocommerce-page table.shop_table td.product-name .wc-item-meta a{
    color: var(--accent) ;
    font-weight: normal ;
  }
  
  .woocommerce-page table.shop_table dd.variation-Logo  a:hover , .woocommerce-page table.shop_table td.product-name .wc-item-meta a:hover {
    color: var(--hover) ;
    font-weight: normal ;
  }
  
  
  
  
  
  @media only screen and (max-width: 767px)
  {
      .woocommerce-page.woocommerce-cart .cart_totals  table.shop_table tr:last-child td::before, .woocommerce-page.woocommerce-cart .cart_totals table.shop_table_responsive tr:last-child td::before {
      content: none !important;
  
  }
  
  .woocommerce-page  table.shop_table td.product-name::before, .woocommerce-page .cart_totals table.shop_table_responsive td.product-name::before {
    color: #929292;
  
  }
  
  }
  
  .woocommerce-cart table.cart td.actions input{
  
    margin: 5px;
  }
  
  @media only screen and (max-width: 767px)
  {
    .woocommerce-cart table.cart td.actions button{
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 5px;
      
    }
    
  }
  
  .owp-grid.content{
  
    padding-top: 5px;
    padding-bottom: 5px;
  }
  
  .jde_hint {
    padding: 5px;
  }
  
  
  
  /*Produkt floating Warenkorb*/
  
  @media only screen and (max-width: 767px)
  {
    button.floating_add_to_cart_button.button.alt {
      height: 36px;
      padding: 0 10px;
  }
    
  }
  
  .owp-floating-bar .price{
    color: #929292;
  }
  
  
  /* CheckOut*/
  
  
  .woocommerce .woocommerce-checkout #customer_details p.form-row label
  {
    display: inline;
  }
  
  ul#shipping_method li label{
    padding-left: 0px;
  }
  
  .woocommerce-page.woocommerce-checkout
  
  @media only screen and (max-width: 767px)
  {
      .woocommerce-page.woocommerce-checkout table.shop_table td::before, .woocommerce-page.woocommerce-checkout table.shop_table_responsive td::before {
      content: none !important;
  }
  
  }
  
  @media only screen and (max-width: 767px)
  {
      .woocommerce-page.woocommerce-checkout table.shop_table td, .woocommerce-page.woocommerce-checkout table.shop_table_responsive td {
      display: table-cell !important;
  }
  }
  
  
  @media only screen and (max-width: 767px)
  {
      .woocommerce-page.woocommerce-checkout table.shop_table td.product-name, .woocommerce-page.woocommerce-checkout table.shop_table_responsive td.product-name {
      text-align: left !important;
  }
  }
  
  @media only screen and (max-width: 767px)
  {
      .woocommerce-page.woocommerce-checkout table.shop_table td.product-total, .woocommerce-page.woocommerce-checkout table.shop_table_responsive td.product-total {
      vertical-align: top !important;
  }
  }
  
  
  /* Shop Page */
  /* Shop Page Button */
  .woocommerce ul.products li.product .button{
    color: white;
    border-color: var(--accent);
    background-color: var(--accent);
  }
  .woocommerce ul.products li.product .button:hover{
    color: white;
    border-color: var(--hover);
    background-color: var(--hover);
  }
  
  /* Abstand zwischen Produkten */
  .woocommerce ul.products .product{
    padding-bottom: 50px;
  }
  
  
  
  /* Search Blog */
  .wp-block-search__label{
    display: none;
  }
  
  
  /*
  ###############################
  Tebbs Family
  ###############################
  */
  /* RegistrierFormular */
  
  .ur-frontend-form .ur-button-container .ur-submit-button {
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
  }
  
  .ur-frontend-form button, .ur-frontend-form button[type=submit], .ur-frontend-form input[type=submit]{
  
    width: 100%;
    font-size: 1em;
  
  }
  
  
  /*
  ###############################
  Kontakt Formular
  ###############################
  */


  .wpforms-form button[type=submit] {
    background-color: var(--accent) !important;
    border-color: var(--accent) !important;
    color: #fff !important;
    transition: background 0.3s ease-in-out;
}
 
.wpforms-form button[type=submit]:hover {
    background-color: var(--hover) !important;
    border-color: var(--hover) !important;
}

  
  div.wpforms-container-full .wpforms-form .wpforms-field-label{
    font-weight: 400;
  }
  
  .KF_light label {
      color: #fff !important;
  
  }
  
  .KF_light a{
  color: #b3b3b3 !important;
  }
  
  
  .KF_button{
    width: 100% !important;
    font-size: inherit !important;
  }
  
  .KF_button:hover{
    transition: none !important;
    -webkit-transition: none !important;
    border: none !important;
  }

  /*
###############################
WPML Translate
###############################
*/

.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
  margin-bottom: 0px;
}