/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 05 2022 | 09:18:33 */
/* CSS Anpassungen Kapitel 113 */
.site-footer {
	font-family: lato;
font-size: 17px;
}

/* CSS Anpassungen Kapitel 113 */
.site-footer a {
	color:#ffffff;
}


/* CSS Anpassungen Kapitel 113 */
.site-footer :hover {
	color:#E39014;
}






/* Formular Kapitel 106 */
.formular {
color: white!important;	
	font-family: lato;
}



/* Warum kann ich die Höhe beim Footer nicht mehr einstellen ? Hat Astra was rausgenommen ? Also demfall mit CSS
 Kapitel 56 */

.site-below-footer-wrap[data-section="section-below-footer-builder"] {
  background-color: #eeeeee;
  min-height: 100px;
}


/* Rand bei der Bildergalerie wegnehmen Kapitel 98 */


.kb-gallery-ul.kb-gallery-type-carousel .kt-blocks-carousel .slick-slider .kb-slide-item, .kb-gallery-ul.kb-gallery-type-slider .kt-blocks-carousel .slick-slider .kb-slide-item, .kb-gallery-ul.kb-gallery-type-thumbslider .kt-blocks-carousel .slick-slider .kb-slide-item {
  padding: 0;
}







/* Bild Eisvogel verschieben Kapitel 92
 nur für den grossen Bildschirm */

@media only screen and (min-width: 1200px){
	.bild-verschieben{
			margin-left:-150px!important;
}
}



/* Lato Schrift bei der Icon Liste Kapitel 81 */
.lato-schrift{
			font-family:lato;
	

}




/* grosser Titel Kapitel 81 */
.headline-gross{
			font-size:8vw!important;
}


/* Bild zoomen bei Hovern Kapitel 79 */

.zoom {
  padding: 0px;
  
  transition: transform .8s; /* Animation */
 
}

.zoom:hover {
  transform: scale(1.3); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}



/* Textvarianten Kapitel 78 */
.fw700{
font-weight:700!important; 
}


/* Befehl oben keine Höhe Kaptitel 51*/

.wp-block-image {
  margin: 0;   
}
/* Kein Untersteichen
 * Kapitel 59 */
a:where(:not(.wp-element-button)) {
  text-decoration: none;
}


/* youtube Video einmitten
 * Kapitel 61 */

.youtube { 
    display: flex; 
    justify-content: center; 
    align-items: center;
}



/* Textabstand Spalten
 * Kapitel 77 */

.textabstand
{
	padding: 0 15px
}
/* Ueberschriften Text mit Hintergrund
 * Kapitel 77 */
h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background {
  padding: 0.7em;
}










.kapitel68 {
  font-size: 1rem;
	color: yellow;
	font-family:Arial black;
	letter-spacing: 5px;
	text-transform:uppercase;
	background-color: red;
	text-align: center;
	border-radius: 25px 0;
	border: 4px solid yellowgreen;
	padding: 5px;
	margin: 20px;
	
		}
.ast-single-post .entry-title, .page-title {
  font-size: 5rem;
	color: red;
	font-family:Arial black;
	letter-spacing: 5px;
	text-transform:uppercase;
	background-color: black;
	text-align: center;
	border-radius: 25px 0;
	border: 4px solid green;
	padding: 25px;
	margin: 100px;
			}


/* Codepen Bild Hintergrund
 * Kapitel 70 
 * Bild Text Effekt*/


@keyframes filling {
  from{
    background-position: center 25%;
  }
  to {
    background-position: center 50%;
  }
}

.container-text {
  background-image:
		
	
		url(http://localhost/wordpress/wp-content/uploads/2022/08/winter.jpg);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  color:  #FFFFFF;
  padding-top: 20px;
  font-size: 170px;
	text-transform:uppercase;
  font-family: 'Bungee-Regular';
  animation: filling 3s ease forwards;
}







/* allgemeine Responsive Befehle*/
@media only screen and (min-width: 1200px){
.ast-single-post .entry-title, .page-title {font-size: 9rem;}}

@media only screen and (max-width: 1199px)	{
.mein-css {
	font-size: 7rem;
	}
}
@media only screen and (max-width: 921px){
.ast-single-post .entry-title, .page-title {
	font-size: 3rem;
	}
}
@media only screen and (max-width: 768px){
.ast-single-post .entry-title, .page-title {
	font-size: 2rem;
	color:red;
	}
}
@media only screen and (max-width: 544px){
.ast-single-post .entry-title, .page-title{
	font-size: 1rem;
	color:blue;
	}
}