/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

html, body { overflow-x: hidden; }

/*Navigation Schatten */
.site-header {box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .2);
}
.sticky-enabled .main-navigation.is_stuck { 
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -4px rgba(0, 0, 0, 0.1); 
background-color: rgba(255,255,255,0.94);	
}
/* Header Bild */
.mygradient {
  background-image:linear-gradient(to right, 
  rgba(0, 0, 0, 0.6) 0%,  
  rgba(0, 0, 0, 0.2) 70%),
  url(https://seitenfabrik.at/wp-content/uploads/2025/12/Dr-Adamskaya-Plastische-Chirurgie-Ordination.webp);
}
.mygradient h1 {
  text-shadow: 2px 2px 0 #6656478F;
}
/* Basis für alle Buttons */
.buttonbox {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.buttonbox .derbtn, .buttonbox .bluebtn {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  border-radius: 2rem;
  transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
/* Weiße Buttons */
.buttonbox .derbtn {
  padding: 0.6rem 1rem;
  font-size: 1.125rem;
  text-decoration: none;
  background: rgba(255,255,255,0.15);
  color: #fff;
  border: 1px solid rgba(255,255,255,0.6);
}
.buttonbox .derbtn img {
  width: 1.7em;
  height: auto;
  display: block;
}
/* Hover weiße Buttons  */
.buttonbox .derbtn:not(.bluebtn):hover {
  background: rgba(255,255,255,0.25); 
  transform: translateY(-3px);
  border-color: rgba(255,255,255,0.9);
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}
/* Blauer Button oben */
.buttonbox .bluebtn {
  margin-bottom: 1.4rem;
  font-size: 20px;
  background: linear-gradient(90deg, rgba(20,80,200,0.9), rgba(60,130,255,0.9));
  color: #fff;
  border: 1px solid rgba(35,103,130,0.55);
  box-shadow: 0 4px 10px rgba(0,0,0,0.15); /* Standard-Schatten für Kontur */
}
/* Hover blauer Button */
.buttonbox .bluebtn:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 14px rgba(0,0,0,0.18); /* leicht verstärkter Schatten */
}
/* Startseite box-shaddow */
.box-schatten {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, .12); /* sehr leichter Schatten */
  transition: box-shadow .25s ease;
}
.box-schatten:hover {
  box-shadow: 3px 3px 10px rgba(0, 0, 0, .28); /* stärker & weicher */
}
/* Box volle breite */
.volle-breite {
  position: relative;
  width: 100vw;
  margin-left: -50vw;
  left: 50%;
}




/* Footer widgets */
footer .grid-container {
    border-top: 1px solid #ffffff57;
}