﻿/*
Theme Name: Hello Child Theme
Description: Hello Child Theme
Author:  Sebastian Schmiedel
Author URI:  https://www.cayou-media.de
Template: hello-elementor
Version:  1.0
*/

body {
	  font-family:"Libre Franklin","Segoe UI",Arial,sans-serif;
}

.page-content .elementor-element.e-parent {
	padding-right: 24px !important;
	padding-left: 24px !important;
}

.page-content > .elementor > .elementor-element.e-con {
  padding-right: 24px !important;
  padding-left: 24px !important;
}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{
  color:#AF833D;
  font-weight:inherit;
}

.line-title .elementor-heading-title::after{
  content:"";
  display:block;
  width:54px;
  height:2px;
  margin-top:14px;
  border-radius:2px;
  background:#AF833D;
}

.line-title.center{
  text-align:center;
}
.line-title.center .elementor-heading-title::after{
  margin-left:auto;
  margin-right:auto;
}

.fk-block span{display:block}

.fk-eyebrow{
  font-size:.78rem;
  font-weight:500;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#AF833D;
  line-height:1.4;
  margin:0 0 14px;
}

.elementor-widget-text-editor ul {
  list-style: none;
  margin: 0 0 26px;
  padding: 0;
}

.elementor-widget-text-editor li {
  position: relative;
  padding-left: 26px;
  margin-bottom: 9px;
  font-size: 16px;
  line-height: 1.6;
}

.elementor-widget-text-editor li:last-child {
  margin-bottom: 0;
}

.elementor-widget-text-editor ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .62em;
  width: 9px;
  height: 1px;
  background: #AF833D;
}

.elementor-widget-text-editor ol {
  margin: 0 0 26px;
  padding-left: 22px;
}

.elementor-widget-text-editor ol li {
  padding-left: 4px;
}

.elementor-widget-text-editor ol li::marker {
  color: #AF833D;
  font-weight: 600;
}

.fk-dark .elementor-widget-text-editor li {
  color: #C3D2DD;
}

header .elementor-nav-menu--main .elementor-nav-menu > li:last-child > a.elementor-item,
header .elementor-nav-menu--main .elementor-nav-menu > li:last-child > a.elementor-item:hover,
header .elementor-nav-menu--main .elementor-nav-menu > li:last-child > a.elementor-item:focus,
header .elementor-nav-menu--main .elementor-nav-menu > li:last-child > a.elementor-item.elementor-item-active {
  display: inline-flex;
  align-items: center;
  color: #fff !important;
  font-family: inherit;
  font-weight: 600 !important;
  font-size: 15px !important;
  letter-spacing: .015em;
  padding: 11px 20px !important;
  border: 0;
  border-bottom: 2px solid #AF833D;
  border-radius: 2px;
  margin-left: 10px;
  text-decoration: none;
  box-shadow: none;
  transform: none;
  transition: background .22s ease;
}

header .elementor-nav-menu--main .elementor-nav-menu > li:last-child > a.elementor-item {
  background: #042034;
}

header .elementor-nav-menu--main .elementor-nav-menu > li:last-child > a.elementor-item:hover {
  background: #0A3050;
}

header .elementor-nav-menu--main .elementor-nav-menu > li:last-child > a.elementor-item::after,
header .elementor-nav-menu--main .elementor-nav-menu > li:last-child > a.elementor-item::before {
  display: none !important;
}

.e--pointer-double-line .elementor-item::after, 
.e--pointer-double-line .elementor-item::before, 
.e--pointer-overline .elementor-item::after, .e--pointer-overline .elementor-item::before, 
.e--pointer-underline .elementor-item::after, .e--pointer-underline .elementor-item::before {
  background-color: #AF833D;
}

.elementor-nav-menu--dropdown.elementor-nav-menu__container {
  top: calc(100% + 16px) !important;
  border-top: 1px solid #DCE3E9;
  box-shadow: 0 24px 60px -32px rgba(4,32,52,.5);
}

.elementor-nav-menu--dropdown .elementor-item {
  padding: 16px 24px !important;
  font-weight: 600;
  color: #042034 !important;
  border-bottom: 1px solid #EDF1F4;
  transition: background-color .18s ease;
}

.elementor-nav-menu--dropdown .elementor-item:hover,
.elementor-nav-menu--dropdown .elementor-item:focus,
.elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
.elementor-nav-menu--dropdown .elementor-item.highlighted {
  background-color: #F5F7F9 !important;
  color: #042034 !important;
}

.elementor-nav-menu--dropdown .elementor-nav-menu > li:last-child > a.elementor-item {
  color: #AF833D !important;
  font-weight: 600;
}

@media (max-width: 767px){
.elementor-nav-menu--dropdown.elementor-nav-menu__container {
  top: calc(100% + 10px) !important;
}
}

.elementor-widget-button .elementor-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-family: inherit;
  font-weight: 600 !important;
  font-size: 16px !important;
  letter-spacing: .015em;
  line-height: 1.2;
  padding: 15px 28px !important;
  border: 1px solid transparent;
  border-radius: 2px !important;
  text-decoration: none;
  transition: background-color .22s ease, border-color .22s ease, color .22s ease;
}

.elementor-widget-button:not(.elementor-button-info):not(.elementor-button-success) .elementor-button {
  background-color: #042034;
  color: #FFFFFF !important;
  border-bottom-color: #AF833D;
}

.elementor-widget-button:not(.elementor-button-info):not(.elementor-button-success) .elementor-button:hover,
.elementor-widget-button:not(.elementor-button-info):not(.elementor-button-success) .elementor-button:focus {
  background-color: #0A3050;
  color: #FFFFFF !important;
}

.elementor-widget.elementor-button-info .elementor-button {
  background-color: #AF833D;
  border-color: #AF833D;
  color: #1A1206 !important;
}
.elementor-widget.elementor-button-info .elementor-button:hover,
.elementor-widget.elementor-button-info .elementor-button:focus {
  background-color: #9C7333;
  border-color: #9C7333;
  color: #1A1206 !important;
}

.elementor-widget.elementor-button-success .elementor-button {
  background-color: transparent;
  border-color: rgba(255,255,255,.4);
  color: #FFFFFF !important;
}
.elementor-widget.elementor-button-success .elementor-button:hover,
.elementor-widget.elementor-button-success .elementor-button:focus {
  background-color: rgba(255,255,255,.1);
  border-color: rgba(255,255,255,.7);
  color: #FFFFFF !important;
}

.elementor-widget-button .elementor-button svg {
  fill: currentColor;
  color: inherit;
}
.elementor-widget-button .elementor-button i {
  color: inherit;
}

.elementor-widget-button .elementor-button:focus-visible {
  outline: 3px solid #AF833D;
  outline-offset: 3px;
}

.fk-box {
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  color: #16202B;
  text-decoration: none;
  border: 1px solid #DCE3E9;
  border-top: 3px solid #042034;
  border-radius: 0;
  transition: border-top-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

.fk-box:hover,
.fk-box:focus-within {
  border-top-color: #AF833D;
  box-shadow: 0 18px 50px -28px rgba(4,32,52,.45);
  transform: translateY(-3px);
}

.fk-box--pad {
  padding: 34px 30px 30px;
}

.fk-box--soft {
  background: #F5F7F9;
}

.fk-box--dark {
  background: #042034;
  border-color: #042034;
  border-top-color: #AF833D;
  color: #C3D2DD;
}

.fk-box--dark .elementor-heading-title {
  color: #FFFFFF;
}

.fk-box--dark .fk-box-text {
  color: #C3D2DD;
}

.fk-box .elementor-widget-html {
  margin-bottom: 20px;
  line-height: 0;
}

.fk-box .elementor-widget-html svg {
  width: 46px;
  height: 46px;
  stroke: #042034;
  fill: none;
  transition: stroke .25s ease;
}

.fk-box:hover .elementor-widget-html svg {
  stroke: #AF833D;
}

.fk-box--dark .elementor-widget-html svg,
.fk-box--dark:hover .elementor-widget-html svg {
  stroke: #AF833D;
}

.fk-box-title .elementor-heading-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.015em;
  color: #042034;
  margin-bottom: 6px;
}

.fk-box--dark .fk-box-title .elementor-heading-title {
  color: #FFFFFF;
}

.fk-box-kicker {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.45;
  color: #AF833D;
  margin-bottom: 14px;
}

.fk-box-kicker p {
  margin: 0;
}

.fk-box-text {
  font-size: 16px;
  line-height: 1.6;
  color: #16202B;
  margin-bottom: 24px;
}

.fk-box-text p:last-child {
  margin-bottom: 0;
}

.fk-box-link {
  margin-top: auto;
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: "Libre Franklin", "Segoe UI", Arial, sans-serif !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  line-height: 1.4;
  letter-spacing: normal;
  color: #042034;
  text-decoration: none;
  border-bottom: 1px solid #AF833D;
  padding-bottom: 3px;
  transition: color .22s ease;
}

.fk-box-link p {
  margin: 0;
  font: inherit;
  color: inherit;
}

.fk-box-link a {
  font: inherit;
  color: inherit;
  text-decoration: none;
}

.fk-box-link::after {
  content: "";
  flex: none;
  width: 15px;
  height: 15px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") no-repeat center / contain;
  transition: transform .22s ease;
}

.fk-box-link:hover,
.fk-box-link:hover p,
.fk-box-link:hover a,
.fk-box:hover .fk-box-link,
.fk-box:hover .fk-box-link p,
.fk-box:hover .fk-box-link a {
  color: #AF833D !important;
}

.fk-box-link:hover::after,
.fk-box:hover .fk-box-link::after {
  transform: translateX(4px);
}

.fk-dark .fk-box-link,
.fk-box--dark .fk-box-link {
  color: #FFFFFF;
}

.fk-dark .fk-box-link:hover,
.fk-box--dark .fk-box-link:hover {
  color: #C9A465;
}

@media (prefers-reduced-motion: reduce) {
  .fk-box { transition: box-shadow .25s ease, border-top-color .25s ease; }
  .fk-box:hover, .fk-box:focus-within { transform: none; }
  .fk-box-link::after { transition: none; }
}

.fk-dark .fk-box-text,
.fk-dark .elementor-widget-text-editor,
.fk-dark .elementor-widget-text-editor p {
  color: #C3D2DD;
}

.fk-dark .elementor-heading-title {
  color: #FFFFFF;
}

.fk-dark .fk-box-link,
.fk-dark .fk-box-link p,
.fk-dark .fk-box-link a {
  color: #FFFFFF !important;
}

.fk-dark .fk-box-link:hover,
.fk-dark .fk-box-link:hover p,
.fk-dark .fk-box-link:hover a {
  color: #C9A465 !important;
}

.fk-dark .fk-eyebrow,
.fk-dark .fk-eyebrow p {
  color: #AF833D !important;
}

svg.ico {
  width: 36px;
  height: 36px;
  color: #AF833D;  
}

/*Formular*/
.elementor-field-group {
  margin-bottom: 16px;
}

.elementor-field-group > label {
  font-weight: 600 !important;
  font-size: 12px !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
  color: #5A6B7A !important;
  margin-bottom: 7px !important;
}

.elementor-field-group .elementor-mark-required {
  color: #AF833D !important;
}

.elementor-field-group input,
.elementor-field-group textarea,
.elementor-field-group select,
.elementor-field-group .elementor-field-textual {
  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  padding: 13px 14px !important;
  border-radius: 2px !important;
  border: 1px solid #C5CFD8 !important;
  background-color: #FFFFFF !important;
  color: #16202B !important;
  box-shadow: none !important;
  transition: border-color .18s ease;
}

.elementor-field-group textarea {
  min-height: 130px;
  resize: vertical;
}

.elementor-field-group select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 40px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AF833D' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 16px 16px !important;
  cursor: pointer;
}

.elementor-field-group select:required:invalid {
  color: #6E7C89 !important;
  -webkit-text-fill-color: #6E7C89 !important;
}

.elementor-field-group .elementor-select-wrapper::before,
.elementor-field-group .elementor-select-wrapper::after,
.elementor-field-group .select-caret-down-wrapper {
  display: none !important;
}

.elementor-field-group select option {
  color: #16202B !important;
  background: #FFFFFF !important;
}

.elementor-field-group select option[value=""] {
  color: #6E7C89 !important;
}

.elementor-field-group input::placeholder,
.elementor-field-group textarea::placeholder {
  color: #6E7C89 !important;
  -webkit-text-fill-color: #6E7C89 !important;
  opacity: 1 !important;
  font-size: 16px !important;
  font-family: inherit !important;
}

.elementor-field-group input:focus,
.elementor-field-group textarea:focus,
.elementor-field-group select:focus {
  outline: 2px solid #14496F !important;
  outline-offset: 1px !important;
  border-color: #14496F !important;
  background-color: #FFFFFF !important;
  color: #16202B !important;
  box-shadow: none !important;
}

.elementor-field-type-acceptance label,
.elementor-field-type-acceptance label a {
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  color: #5A6B7A !important;
}

.elementor-field-type-acceptance a {
  color: #042034 !important;
  text-decoration: underline;
}

.elementor-field-type-acceptance input {
  margin-top: 4px !important;
  accent-color: #042034;
}

.elementor-field-option label,
.elementor-field-option label a {
  font-size: 16px !important;
  line-height: 18px !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  color: #16202B !important;
}

.elementor-widget-form .elementor-button[type="submit"],
.elementor-field-type-submit .elementor-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-family: inherit;
  font-weight: 600 !important;
  font-size: 16px !important;
  letter-spacing: .015em;
  line-height: 1.2;
  padding: 15px 28px !important;
  border: 2px solid transparent;
  border-bottom-color: #AF833D;
  border-radius: 2px !important;
  background-color: #042034 !important;
  color: #FFFFFF !important;
  text-decoration: none;
  transition: background-color .22s ease;
}

.elementor-widget-form .elementor-button[type="submit"]:hover,
.elementor-field-type-submit .elementor-button:hover {
  background-color: #0A3050 !important;
  color: #FFFFFF !important;
}

.elementor-widget-form .elementor-button[type="submit"] svg,
.elementor-field-type-submit .elementor-button svg {
  fill: currentColor;
}

.elementor-message {
  margin: 18px 0 0 0;
  font-size: 14px;
}

.elementor-message.elementor-message-success {
  color: #0A3050;
}