/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/*Coorperate Design - 212322 schwarz, c69c6d beige ,001f3f blau, 98662d dunkel- beige*/
html, body {
    overflow-x: hidden;
}
ul{margin-bottom:20px;}
.postid-58 a {
    color: #98662d !important; /*Normal Link Color*/
}
.elementor-78 .elementor-element.elementor-element-634d0e3 ul.sub-menu {
    width: 240px;
}
.postid-58 a:active, .postid-58 a:hover {
    color: #001f3f !important; /*Hover and Active satet color*/
}
.page-content a{
    color: #98662d;/*Hover and Active satet color*/
}
.header a{
    color: #fff; /*Normal Link Color*/
}
.page-id-3 .entry-title, .page-id-383 .entry-title{margin-top:100px;}

.header a:active, .header a:hover {
    color: #c69c6d !important; /*Hover and Active satet color*/
	border-bottom: 1px solid #c69c6d;
}
.header.hfe-sub-menu-item a{
    color: #98662d !important; /*Normal Link Color*/
}
.elementor-78 .elementor-element.elementor-element-634d0e3 div.hfe-nav-menu-icon {
    margin-right: 20px;
}
/*-----------*/
/* Header mit Schräge */
.header {
  position: relative;
  height: 170px;
  background-color: #001f3f;
  z-index: 10;
  clip-path: polygon(0 0, 100% 0, 100% 55%, 0 100%); /* Schräge */
  overflow: hidden; /* Verhindert, dass der Inhalt außerhalb des Headers sichtbar wird */
}
#masthead > div > div.elementor-element.elementor-element-07900ab.header.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded > div > div.elementor-element.elementor-element-b988d3b.e-con-full.e-flex.e-con.e-child > div > div > a:hover{    border-bottom: none;}
/* Allgemeines Styling */
.wpcf7-form {
  max-width: 600px;
  margin: 0 auto;
  font-family: Arial, sans-serif;
  color: #212322; /* Schwarz für den Text */
}

/* Label- und Placeholder-Farben */
.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder {
  color: #001f3f; /* Dunkelbeige */
  opacity: 0.8;
}

/* Eingabefelder */
.wpcf7-form input,
.wpcf7-form textarea {
  width: 100%;
  padding: 10px;
  border: 2px solid #001f3f; /* Dunkelbeige Rand */
  border-radius: 5px;
  font-size: 16px;
  background-color: #f9f9f9; /* Leichtes Grau als Hintergrund */
}

.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
  outline: none;
  border-color: #001f3f; /* Blau als Fokus-Farbe */
}

/* Checkbox (Datenschutz) */
.wpcf7-acceptance {
  display: flex;
  align-items: center;
  gap: 10px;
}
.wpcf7-acceptance a{
color:#c69c6d;
}

.wpcf7-acceptance label {
  font-size: 14px;
}

.wpcf7-acceptance input {
  width: 16px;
  height: 16px;
  accent-color: #c69c6d; /* Beige */
}

/* Submit-Button */
.wpcf7-submit {
  background-color: #001f3f !important; /* Blau */
  color: white;
  padding: 10px 20px;
  border: none !important;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.wpcf7-submit:hover {
  background-color: #98662d !important; /* Dunkelbeige */
}

/* Fehlermeldungen */
.wpcf7-response-output {
  color: #c69c6d; /* Beige */
  font-weight: bold;
  margin-top: 10px;
}