/*
Theme Name: Hello Elementor Child
Template: hello-elementor
*/
/* ========================================
   Custom Styles – Japan Reise
   ======================================== */

html {
  scroll-behavior: smooth !important;
}
.elementor-widget-text-editor a {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.elementor-post {
  transition: box-shadow 0.3s ease;
}

.elementor-post:hover {
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

.elementor-icon-box-wrapper {
  transition: transform 0.3s ease;
}

.elementor-icon-box-wrapper:hover {
  transform: translateY(-5px);
}

/* ========================================
   Eigene Experimente
   ======================================== */

footer {
  background-color: #2c3e50 !important;
}

.elementor-button {
  transition: all 0.3s ease;
}

.elementor-button:hover {
  background-color: #c0392b !important;
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

@media (max-width: 768px) {
  h1 {
    font-size: 32px !important;
  }
  h2 {
    font-size: 24px !important;
  }
}
/* Custom Styles - Japan Reise */
/* Lakshy Talwar, 2026 */


/* 2. Bilder: abgerundete Ecken */
article img, .elementor-image img {
border-radius: 8px;
}
/* 3. Hover-Effekt: Bilder vergroessern */
.elementor-image img {
transition: transform 0.3s ease;
}
.elementor-image img:hover {
transform: scale(1.03);
}
/* 4. Blog-Karten: Schatten beim Hover */
.elementor-post {
transition: box-shadow 0.3s ease,
transform 0.3s ease;

border-radius: 8px;
}
.elementor-post:hover {
box-shadow: 0 8px 25px rgba(0,0,0,0.12);
transform: translateY(-3px);
}
/* 5. Content-Links unterstreichen */
.elementor-widget-text-editor a {
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-color: rgba(141,0,0,0.3);
}
.elementor-widget-text-editor a:hover {
text-decoration-color: rgba(141,0,0,1);
}