/*
Theme Name: DriveEmotions
Theme URI: 
Author: BornDigital
Author URI: 
Description: Für Briedl Partner AG.
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 5.7
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: borndigital
Text Domain: driveemotions
Tags: 
*/

/********************************************************
*	Custom Styles
*********************************************************/
.marker {
	display: inline; /* Wichtig, damit die Farbe nur hinter dem Text ist */
	background-image: linear-gradient(120deg, #EA5B0C 0%, rgba(255, 255, 255, 0) 100%);
	background-repeat: no-repeat;
	background-size: 100% 40%; /* Die zweite Zahl (40%) bestimmt die Höhe des Markers */
	background-position: 0 80%; /* Die zweite Zahl (80%) bestimmt die vertikale Position */
}

.effect-titel a, .wp-block-navigation-item__label {
	transition: .2s ease-out;
	text-decoration: none;
}
.effect-titel a:hover, .wp-block-navigation-item__label:hover {
	color: rgb(233,91,12);
}

.wp-block-button a {
	background: linear-gradient(to left, #e95b0c 50%, black 50%) right;
    background-size: 200%;
    transition: .2s ease-out;
}

.wp-block-button a:hover {
	background-position: left;
}

/********************************************************
*	Fahrevents
*********************************************************/
.event-button {
	 /* "to left" / "to right" - affects initial color */
    background: linear-gradient(to left, #e95b0c 50%, black 50%) right;
    background-size: 200%;
    transition: .2s ease-out;
}
.event-button:hover {
	background-position: left;
}

.event-bild {
	transition: .2s ease-out;
}
.event-bild:hover {
	opacity:0.4;
}

/********************************************************
*	ContactForm7 Grid layout
*********************************************************/

.form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Zwei gleich grosse Spalten */
    gap: 0px 20px; /* Abstand zwischen den Feldern */
    margin-bottom: 20px !important;
}
.form-grid p {
	/*margin: 5px;*/
}
/* Erweitert deine bestehenden Feld-Styles */
.form-grid input, 
.form-grid textarea {
    padding-left: 20px;       /* Dein gewünschter Abstand nach rechts */
    box-sizing: border-box;   /* Verhindert das Überlappen/Ausbrechen */
    width: 100%;              /* Stellt sicher, dass sie die Spalte füllen */
}

/* Responsive: Auf Handys automatisch einspaltig */
@media (max-width: 600px) {
    .form-grid {
        grid-template-columns: 1fr;
    }
}

/********************************************************
*	ContactForm7 Style
*********************************************************/

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea
{
    background-color: #EBEBEB; /* BP light grey*/
	border: none;
    color: #000;
    width: 100%;
	padding: 20px 10px;
	box-sizing: border-box; 
}

.wpcf7 input[type="submit"] {
	padding:10px 20px;
	border: none;
	box-shadow: none;
	color: white;
	font-size: 18px;
	cursor: pointer;
	
	 /* "to left" / "to right" - affects initial color */
    background: linear-gradient(to left, rgb(233,91,12) 50%, black 50%) right;
    background-size: 200%;
    transition: .2s ease-out;
}
.wpcf7 input[type="submit"]:hover {
	background-position: left;
}

.wpcf7-form-control:focus {
	box-shadow: inset 0 0 0 2px rgb(233,91,12) !important;
	outline: none !important;
}

.wpcf7 select {
	background-color: #a3a3a338; /* leichtes grau*/
	border: none;
    color: #000;
	padding: 20px 10px;
}

.wpcf7-list-item input[type="checkbox"],
.wpcf7-list-item input[type="radio"] {
    transform: scale(1.2); /* Vergrössert die Buttons dezent */
	accent-color: #E95B0C; /* BP Orange */
}

/********************************************************
*	ContactForm7 Error Messages
*********************************************************/

.wpcf7-not-valid-tip {
    color: #821717; /* red */
    font-size: 1em;
    font-weight: normal;
    display: block;
	background-color: #fdc3c3; /* Lachs */
	border: 1px solid #821717; /* red */
	padding: 10px;
	text-align: center;
	border-radius: 5px;
}
.wpcf7 form.invalid .wpcf7-response-output {
	color: #6c5a13; /* orange */
	font-size: 1em;
    font-weight: normal;
	display: block;
	background-color: #fdeeb4; /* Light Orange */
	border: 1px solid #6c5a13; /* orange */
	padding: 10px;
	text-align: center;
	border-radius: 5px;
}

.wpcf7 form.sent .wpcf7-response-output {
	color: #485c0a; /* grün */
    font-size: 1em;
    font-weight: normal;
    display: block;
	background-color: #def0a8; /* leichtes grün */
	border: 1px solid #485c0a; /* grün */
	padding: 10px;
	text-align: center;
	border-radius: 5px;
}

/* Erzeugt ein Flex-Layout für den AWB Container */
.awb-fix, 
.awb-fix > .nk-awb-inner, 
.awb-fix .nk-awb-content {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important; /* Vertikal */
    height: 100% !important;
    min-height: 600px; /* Passen Sie diesen Wert an Ihre gewünschte Block-Höhe an */
}