/*!
Theme Name:    FK Web Theme
Author:        FK Web Consulting
Author URI:    https://www.fkwebconsulting.com/
Description:   FK Web Theme
Version:       1.0.0
License:       GNU General Public License v3 or later
License URI:   https://www.gnu.org/licenses/gpl-3.0.html
Template:      page-builder-framework
Text Domain:   page-builder-framework-child
*/

/* lato-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/lato-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/lato-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body, h1, h2, h3, h4, h5, h6, p, table, td, ul, li, a {font-family: 'Lato';}

ul.own_list {margin-top:-16px;margin-left:-20px;list-style-type: none;}
.own_list li:before { content: '-'; margin-left: -16px; margin-right: 10px; } 

.html{
   scroll-padding-top: 370px;
}

/* Table */
table, .wpbf-table {
  border: 0;
}
table th, table td, .wpbf-table th, .wpbf-table td {
  border: 0;
  vertical-align: top; 
}

table td:first-child {
    width: 10vw; 
}

/* Form */
.quform h2 {margin: 5px 0 5px 0;font-size: 40px;}
.quform h3 {margin: 30px 0 0 0;font-size: 32px;}
.quform p {margin: 0;font-size: 19px;}
.quform .quform_two_cols_custom_width {
  max-width: 420px;
  margin: 0 auto; /* Zentriert den Container horizontal */
  width: 100%; /* Stellt sicher, dass der Container 100% seiner Elternbreite einnimmt, bis zu max-width */
}

.quform-options {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* Zentriert die Boxen horizontal */
}

.quform-option {
  width: 200px !important; /* Stellt sicher, dass jede Box mindestens 200px breit ist */
  height: 180px;
  margin: 10px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s, box-shadow 0.3s, border 0.3s;
}


.quform-option-label {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  border: 2px solid #f2cccc;
  box-shadow: 0;
  background-position: center;
  background-position-x: center;
  background-position-y: center;
  background-size: auto 60px !important;
  background-repeat: no-repeat;
  background-position-y: 27%;
  transition: transform 0.3s, box-shadow 0.3s, border 0.3s; /* Übergangseffekte für hover */
}

.quform-option-label:hover {
  transform: scale(1.05);
  border: 3px solid #C10909;
  box-shadow: 0 15px 15px rgba(193, 9, 9, 0.2);
}



#review_slider .wp-gr .grw-dot.active {
  background: #000 !important;
}
#review_slider .wp-gr .grw-dot {background: rgba(17, 17, 17, 0.5) !important;}

/* Footer */
.footer p {font-size: 12px;line-height: 1.6em;}
.footer a {color: #000;}
.footer a:hover {color: #C2090A;}

@media (max-width: 767px) {
  .verkaufen p {hyphens: auto;}
}