/*
BESD Verlauf-Text – Frontend + Editor
- Hintergrund: Magenta → Rot → Orange
- Box 100% Breite, Inhalt zentriert, max 600px
*/


.besd-gradient-text {
  width: 100%;
  background: var(--gradienttextbox);
  color: var(--fontw);
  padding: 11px 44px 11px 44px;
  box-sizing: border-box;
	border-radius: var(--besd-radius2);
 font-family: "Roboto Slab", serif;	
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
margin:0;
box-shadow: var(--boyshadow1);
	text-shadow: var(--textshadow1);  
}

	
@media (max-width: 767px) {.besd-gradient-text {    font-size: 4vw;}}
@media (max-width: 520px) {.besd-gradient-text {    font-size: 5vw;}}


.besd-gradient-text__inner {
  max-width: 600px;
  margin: 0 auto;
	text-align:center;
}

/* Links im Text auf hellem Verlauf lesbar halten */
.besd-gradient-text__inner a {
  color: #ffffff;
  text-decoration:none !important;
width:100%;    display: block;

}

/* Editor-Hilfe (nur Optik) */
.besd-gradient-text--editor {
  outline: 1px dashed rgba(255,255,255,0.25);
}


.besd-gradient-text__inner a:hover{color:#fff !important; text-decoration:underline;}

.besd-gradient-text__inner a:visited{color:#fff !important; text-decoration:none;}



@media (max-width:768px) {
	
.besd-gradient-text {
	
}	
}