/*
Theme Name: Ideeal Blueprint Child
Description: Schlankes, updatesicheres Divi-Child-Theme als Grundlage fuer kuenftige Kundenwebsites.
Author: Ideeal Werbung & Design
Template: Divi
Version: 1.1.1
Text Domain: ideeal-blueprint-child
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/*
 * Projektspezifische Styles werden unterhalb dieses Kommentars ergaenzt.
 * Allgemeine Divi-Einstellungen bleiben bevorzugt im Theme Customizer oder
 * Theme Builder, damit die Verantwortlichkeiten nachvollziehbar bleiben.
 */

/* Tastaturbedienung und gut sichtbarer Sprunglink. */
.ideeal-skip-link {
	position: fixed;
	top: 1rem;
	left: 1rem;
	z-index: 100000;
	padding: 0.75rem 1rem;
	background: #ffffff;
	color: #111111;
	border: 3px solid #005fcc;
	box-shadow: 0 2px 8px rgb(0 0 0 / 25%);
	font-weight: 700;
	text-decoration: none;
	transform: translateY(-200%);
}

.ideeal-skip-link:focus {
	transform: translateY(0);
}

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
	outline: 3px solid #005fcc;
	outline-offset: 3px;
}

/* Bedienbare Mindestgroessen fuer interaktive Steuerelemente. */
:where(button, input[type="submit"], input[type="button"], .et_pb_button, .ff-btn) {
	min-height: 44px;
}

/* Lesbare, neutrale Inhaltsvorlagen fuer Kontakt und Rechtstexte. */
.blueprint-content {
	width: min(90%, 1080px);
	margin-inline: auto;
	padding-block: clamp(2.5rem, 6vw, 5rem);
}

.blueprint-content :where(p, li) {
	max-width: 75ch;
}

.blueprint-content :where(h2, h3) {
	margin-top: 1.5em;
}

.blueprint-placeholder-note {
	padding: 1rem;
	border-left: 5px solid #a33a00;
	background: #fff4e5;
	color: #321500;
}

/* Formulargrundlagen, auch fuer spaeter eingefuegte Fluent-Forms-Formulare. */
:where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
	font: inherit;
}

:where(label, .ff-el-input--label) {
	font-weight: 700;
}

.ff-el-is-error .ff-el-form-control,
[aria-invalid="true"] {
	border: 2px solid #b00020;
}

:where(.error, .text-danger, .ff-el-is-error .text-danger) {
	color: #8b0000;
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}