/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 07 2023 | 12:42:07 */
/*Footer Schrift-Farben-Links*/
.site-footer {
	font-family:lato;
	font-size:17px;
}
.site-footer a{
color:#fff;
border-bottom: 1px dotted #fff;
}
.site-footer :hover{
color:#74a702;
border-bottom: none;
}

/*Eisvogel Bild verschieben*/
@media only screen and (min-width: 1100px){
.bild-verschieben {
	margin-left:-250px!important;
}
}
@media only screen and (min-width: 700px) and (max-width: 1099px){
.bild-verschieben {
	margin-left:-70px!important;
}
}

/* grosse-headline */
.grosse-headline {
	font-size:12rem!important;
}

/* zoom */
.zoom {
  transition: transform .8s; 
  margin: 0 auto;
}
.zoom:hover {
  transform: scale(1.2); 
}

/* Box Schatten */
.boxshadow {
	box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.44);
}

/* Textvarianten */
.fw-700 {
	font-weight:700!important;
}

/* Textabstand Spalten */
.textabstand {
	padding: 0 15px;
}
/* Überschriften Text-Hintergrund weniger Abstand nach innen */
h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background {
    padding: 0.7em;
}

/*Bild-Text-Effekt*/
@keyframes filling {
  from{
    background-position: center 25%;
  }
  to {
    background-position: center 50%;
  }
}

.container-text {
  background-image:  url(https://wordpress-kurs2.stws.ch/wp-content/uploads/2023/04/pilze-moos.jpg);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  color:  #FFFFFF;
  padding: 25px;
  font-family: Bungee-Regular;
  animation: filling 3s ease forwards;
}


/*Schriftgrößen responsiv Bild-Text-Effekt*/
@media only screen and (min-width: 1200px){
.mein-css {
	font-size: 7rem;
}
}
@media only screen and (max-width: 1199px) {
.mein-css {
	font-size: 5rem;
}
}
@media only screen and (max-width: 921px) {
.mein-css {
	font-size: 4rem;
}
}
@media only screen and (max-width: 768px) {
.mein-css {
	font-size: 3.5rem;
}
}
@media only screen and (max-width: 544px){
.mein-css {
	font-size: 3rem;
}
}