/*
Theme Name: hello-elementor-child
Description: hello-elementor-child
Theme Author: WpProgrammierer
Author URI: https://wpprogrammierer.de
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

.flow-content strong {
	background: #dddddd;
	padding: 8px;
	border-radius: 2px;
}

.flow-content.headline-white h2 {
	color: white;
}

.flow-content a {
	color: white;
    font-weight: 600;
    text-decoration: underline;
    font-size: 1.1em;
}

.paypal-logo {
	margin-bottom: -10px;
}
.wpcf7-form-control.wpcf7-payment {
	display: none;
}

[type=submit]:focus,
[type=submit]:hover {
	background: #10B981!important;
	color: white!important;	
}

input.wpcf7-form-control[type="submit"]:hover {
    color: #10b981!important;
} 


.notfall-form label,
.notfall-form .wpcf7-form-control.wpcf7-submit,
.projektanfrage-form label,
.projektanfrage-form .wpcf7-form-control.wpcf7-submit {
	width: 100%;
	font-size: 18px;
	font-family: "IBM Plex Sans", sans-serif;
}

.notfall-form .wpcf7-form-control.wpcf7-submit,
.projektanfrage-form .wpcf7-form-control.wpcf7-submit {
	border: 2px solid #10b981;
	color: #10b981;
}

.notfall-form [type=submit]:hover,
.projektanfrage-form [type=submit]:hover{
	background-color: unset!important;
}

.text-white h2,
.text-white h3{
	color: white;
}

.headline-space h3 {
	padding-top: 32px;
}


/* Container als Klickfläche vorbereiten */
.wpcf7-form-control-wrap[data-name="thema"] .wpcf7-list-item {
  position:relative; display:inline-block; margin:0 .6rem .6rem 0;
}

/* Der sichtbare "Button" */
.wpcf7-form-control-wrap[data-name="thema"] .wpcf7-list-item-label {
  position:relative; z-index:1; display:inline-block;
  padding:.6rem .9rem; border:1px solid #d0d7de; border-radius:.6rem; background:#fff;
  cursor:pointer; user-select:none; transition:background .15s, border-color .15s, color .15s, box-shadow .15s;
}

/* WICHTIG: Input über die ganze Fläche legen (unsichtbar) */
.wpcf7-form-control-wrap[data-name="thema"] .wpcf7-list-item input[type="radio"] {
  position:absolute; inset:0; width:100%; height:100%; margin:0;
  opacity:0; z-index:2; cursor:pointer;
}

/* Hover/Focus/Checked-Zustände via Nachbar-Selektor */
.wpcf7-form-control-wrap[data-name="thema"] .wpcf7-list-item:hover .wpcf7-list-item-label {
  background:#f7f8fa; border-color:#9aa4ae;
}
.wpcf7-form-control-wrap[data-name="thema"] .wpcf7-list-item input[type="radio"]:focus-visible + .wpcf7-list-item-label {
  outline:2px solid #10B981; outline-offset:2px;
}
.wpcf7-form-control-wrap[data-name="thema"] .wpcf7-list-item input[type="radio"]:checked + .wpcf7-list-item-label {
  background:#10B981; color:#fff; border-color:#10B981; box-shadow:0 0 0 2px rgba(15,98,254,.15);
}


.dsgvo-auth {
	margin-top: 48px;
}


.wpcf7-form-control-wrap[data-name="your-message"] textarea {
  box-sizing: border-box;
  height: auto;          
  max-height: 125px;     
  overflow-y: auto;     
  resize: vertical;  
}

.lineheighth3 h3 {
	margin: 24px 0 8px!important;
}

.wp-steps strong{
	display: block;
	width: 100%;
}

.wpp-categories {
	display: flex;
	align-items: center;
}

.wpp-categories p {
	margin: 0;
}

.projektanfrage-form .wpcf7-list-item-label {
	font-size: 18px;
}
.gewusst-wie-content code {
    background: #000;
	color: white;
    padding: 2px 6px;
    border-radius: 4px;
    font-family: monospace;
}

.gewusst-wie-content h2 {
	margin: 36px 0 4px 0;
}
.gewusst-wie-content h3,
.gewusst-wie-content h4 {
	margin: 16px 0 4px 0;
}

.gewusst-wie-content li {
	padding-bottom: 16px;
}