/*
Theme Name:				Wellenweg
Theme URI:				http://underscores.me/
Author:					Wellenweg Werbeagentur
Author URI:				https://www.wellenweg.de/
Description:			Wellenweg ist eine Werbeagentur, ansässig in der Hansestadt Rostock. Wir machen für Sie aus kreativen Ideen lebendiges und kundenorientiertes Design.
Version:				1.0.7
Template:				underscores
Text Domain:			wellenweg
Tags:					custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, full-width-template, theme-options
*/

.ww-anker {
	height: 0 !important;
}
@media (min-width: 1025px) {
	.ww-anker {
		margin: -130px 0 130px 0 !important;
	}
}
.ww-tabs button {
	cursor: pointer;
	padding: 15px 0 !important;
}

h1,h2,h3,h4,h5 {
	font-weight: 600 !important;
}

/* ==============================================================
   SPEZIFISCHE DESIGN-ELEMENTE & EFFEKTE
   ============================================================== */

.elementor-button-text {
	font-weight: 700;
}

/* 1. Header-Schatten */
/* Wirkt auf die spezifische Elementor-ID und die CSS-Klasse */
.elementor-element-779d725,
.ww-header-shadow {
    box-shadow: 0 5px 15px rgba(0,0,0,0.08) !important;
}

/* 2. Basis-Zustand der Wellenweg-Kachel */
.ww-kachel {
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.4s ease;
    will-change: transform; 
}

/* 3. Hover-Effekt für die Kachel */
.ww-kachel:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);
    outline: 1px solid transparent;
}

/* 4. Maskierungs-Effekt (Verlauf) für Kachel-Overlays */
.ww-kachel .e-background-overlay,
.ww-kachel > .elementor-background-overlay,
.ww-kachel::before {
    -webkit-mask-image: linear-gradient(to bottom, transparent 30%, black 49%);
    mask-image: linear-gradient(to bottom, transparent 30%, black 49%);
}