/* 
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
*/

/* Hellblau : E7F1FF */
/* Dunkelblau : 709FD3 */

#content a
{
	color:#6e91c3!important;
	border-bottom: 1px dotted #6e91c3!important;
	text-decoration:none!important;
	padding-left:2px;
	padding-right:2px;
}

li
{
	margin-bottom:2px;
}

#content a:hover
{
	color: #FFFFFF!important;
    background-color: #6e91c3;
}


.main-menu
{
	min-width:100%!important;
}

.menu-main-container {
     padding: 0;
}


.mobile-header img
{
max-width:300px;	
}

#menu-main {
   display: flex;          
   width: 100%;     
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
	gap:0px 2px;
}

/* LI */
#menu-main li {
	   background: #7fb0d9;
	  flex: 1;
    text-align: center;  
    margin: 0;
    padding: 0;
}

/* Links */
#menu-main li a {
    display: block;
    padding: 10px 20px;
    color: #ffffff;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: 14px;
}

/* Hover-Effekt */
#menu-main li a:hover {
    background: #6a9bc4;
}

/* Aktive Seite */
#menu-main .current-menu-item > a {
    background: #6a9bc4;
    font-weight: bold;
}

.elementor-widget-navigation-menu .menu-item a.hfe-menu-item:hover, .elementor-widget-navigation-menu .sub-menu a.hfe-sub-menu-item:hover, .elementor-widget-navigation-menu .menu-item.current-menu-item a.hfe-menu-item, .elementor-widget-navigation-menu .menu-item a.hfe-menu-item.highlighted, .elementor-widget-navigation-menu .menu-item a.hfe-menu-item:focus {
    color: #7FB0D9;
}

.hfe-nav-menu-icon svg,
.hfe-nav-menu-icon i {
  fill: #7FB0D9 !important;
  color: #7FB0D9 !important;
}


h2
{
	color:#666666!important;
}

h2::before
{
  content: "»";
  position: absolute;
  left: -20px;
  top: 4px;           /* vertikale Ausrichtung */
  color: #7aa6d9;     /* Farbe anpassen */
  font-weight: 600;
  font-size: 24px;    /* Größe der »» */
  line-height: 1;
}

.datenschutz-text h2::before
{
	content:""!important;
}

h3
{
	color:#6E91C3!important;
}


.cia-btop .e-con-inner
{
		border-top:2px solid #E5E5E5!important;
}

footer .e-con-inner
{
	margin-top:30px!important;
	padding-top:30px!important;
	border-top:2px solid #E5E5E5!important;
}

footer a
{
	color:#709FD3!important;
}

footer a:hover
{
	text-decoration:underline!important;
	color:#709FD3!important;
}


.cia-img img,
img.cia-img
{
	border:1px solid #709FD3!important;
	padding:4px;
	background:#E7F1FF!important;
}


.cia-ziel
{
	text-align:center;
	color:#6E91C3!important;
	font-size:16px;
	font-weight:bold;
}

.cia-ziel div:nth-child(1)
{
padding-right:100px;
}

.cia-ziel div:nth-child(2)
{
padding-left:100px;
}


 .tbl{
      width: 100%;
      border-collapse: collapse;
      table-layout: fixed;
      margin: 0 auto;
      background:#fff;
    }


    .tbl th{
      border: 1px solid #e6e6e6;
      padding: 18px 16px;
      vertical-align: middle;
      text-align: center;
      font-size: 14px;
      line-height: 1.25;
    }

    .tbl thead th{
      background: #6f8fbe;
      color:#fff;
      font-weight:700;
      font-size: 15px;
    }

    .tbl thead th.img-head{
      background: transparent;
		border:0px!important;
       color: transparent;
    }

 .tbl td
{
	 vertical-align: middle;
      text-align: center;
	border:0px!important
}

/* Alle CF7 Felder außer textarea */
.wpcf7-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.wpcf7-form select {
    border: none;
    border-bottom: 1px solid #999;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    background: transparent;
}

/* Focus-Zustand entfernen */
.wpcf7-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,
.wpcf7-form select:focus {
    outline: none;
    box-shadow: none;
    border-bottom: 1px solid #000; /* optional: dunkler bei Focus */
}

.wpcf7-form textarea:focus {
   outline: none;
    box-shadow: none;
}

[type=button], [type=submit], button
{
    background-color: transparent;
    border: 1px solid #6497CE;
    border-radius: 3px;
    color: #6497CE;
}


[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
    background-color: #6497CE;
    color: #fff;
    text-decoration: none;
}

.wpcf7-form [type=checkbox]
{
	margin-left:-18px!important;
}

.cf7-submit
{
	text-align:center;
	margin-top:30px;
}

.product-list {
  display: grid;
  gap: 1.5rem;
  max-width: 720px;   /* optimal für Mobile + Tablet */
  margin: 0 auto;     /* zentriert */
  padding: 0 1rem;    /* Luft am Rand auf dem Handy */
}

.product-card {
	padding-top:1.25rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #0066cc; /* Blau */
}

/* Letztes Element ohne Linie */
.product-card:last-child {
  border-bottom: none;
}

.product-card {
  text-align: center;
}
.product-content p {
  margin: 0.15rem 0;
  font-size: 0.9rem;
  line-height: 1.3;
}