/*
 Theme Name:   2025
 Description:  twentytwentyfive-child
 Author:       Me
 Author URI:   https://iwshr.com
 Template:     twentytwentyfive
 Version:      1.0
 Text Domain:  twentytwentyfive-child
*/

/* Displaying Uploaded Picture in acceptable size */
.frm_dropzone .dz-preview .dz-image img {
    width: 200px !important;
    max-height: 250px !important;
}

@font-face {
  font-family: finger; /* set name */
  src: url(./FingerPaint-Regular.ttf); /* url of the font */
}



* {
	font-family: finger;
	/*color: gray; */
}

div.infotext p {
	font-family: Arial, sans-serif !important;
}

a {
		outline: none;
}

.frm_dropzone .dz-preview .dz-image img{
    overflow: hidden;	
	max-height: 200px;
    display: block;
    float: left;
    margin-right: 2%;
}

.frm_dropzone .dz-preview .dz-image {
    max-width: 100%;
    overflow: hidden;
}

.frm_dropzone .dz-preview {
    display: flex;
    gap: 8px;
    border-radius: 8px;
    border-radius: var(--border-radius);
    padding: 12px;
    margin-bottom: 8px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}


.frm_display_format_buttons .frm_label_button_container {
    border-radius: 30px !important;
	background-color: green; !important
    padding: 10px 20px;
}

.frm_label_button_container {
	color: white; !important   
}



.topdiv {
	text-align: left;
	padding-bottom: 20px;
	padding-top: 20px;
	background-color: white;
	width: 100%;
  position: -webkit-sticky; /* Für Safari */
  position: sticky;
  top: 0;
  z-index: 1000;


}

.hamburger {
	position:absolute;
   	top:0;
   	right:0;
	padding-top: 10px;

}

.hamburger a {
	text-decoration: none;
	border: none;

	
}

/* Hamburger */
.menu-button { 
	background: none; 
	border: none; 
	cursor: pointer; 
	padding: 2px; 
	outline: none;
} 

.line { 
	stroke: currentColor; 
	stroke-width: 2; 
	stroke-linecap: round; 
	transition: transform 0.3s ease, opacity 0.3s ease; 
	transform-origin: 12px 12px; 
} 

.menu-button.active .line1 { 
	transform: rotate(45deg) translateY(6px); 
} 

.menu-button.active .line2 { 
	opacity: 0; 
} 

.menu-button.active .line3 { 
	transform: rotate(-45deg) translateY(-6px); 
}




/*Hamburger Ende */


#hamburgerlinks {
	display: none;
	padding: 10px;
	width: auto;
	background-color: lightgray; !important
}

#hamburgerlinks a {
	color: white;
	font-style: bolder;
	text-decoration: none;
	
}


.inhaltanzeige {
	padding-left:14px;
}

.inhaltlanding {
	width: auto; 
	max-width: 800px; 
	margin:0 auto;
}

.fototext{
	margin-top: -10px;
	margin-bottom: 20px;
}

.img_show {
max-width: 100%; 
display: block; 
height: auto;
}

.rot {
	font-size: 1em;
	font-weight: bold;
	color: red;
}

.gruen {
	font-size: 1em;
	font-weight: bold;
	color: green;
}

.blink {
	font-size: 1em;
	font-weight: bold;
    animation-name: animation_blink;
    animation-timing-function: ease-in;
    animation-duration: 2s; 
    animation-iteration-count: infinite;            
}

.blink1 {
	animation-duration: 4s; 
	
}

@keyframes animation_blink {
    0% { opacity: 1; }
    50% { opacity: 0.1; }
    100% { opacity: 1; }    
}


.button_cust {
  border: none;
  color: white;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 26px;
  margin: 8px 4px;
}

.button_rund_gruen {
	border-radius: 50%;
	background-color: #00872d;
}

.button_rund_rot {
	border-radius: 50%;
	background-color: red;
}

.button_abgerundet_grau {
	border-radius: 12px;
	background-color: lightgray;
	border: 2px solid gray;
	cursor: not-allowed;
}

.button_abgerundet_gruen {
	border-radius: 12px;
	background-color: green;
	border: 2px solid gray;
	cursor: pointer;
}

.button_abgerundet_gruen_gross {
	border-radius: 12px;
	background-color: #00872d;
	border: 2px solid gray;
	cursor: pointer;
	width: 100%;
}

.button_abgerundet_gruen_klein {
	border: none;
  	color: white;
  	padding: 10px;
	width: 250px;
  	text-align: center;
  	text-decoration: none;
  	display: inline-block;
  	font-size: 18px;
  	margin: 4px 2px;
	border-radius: 12px;
	background-color: #00872d;
	border: 1px solid lightgray;
	cursor: pointer;
}

.hervor {
	font-weight: bold;
}

.passend {
	object-fit: scale-down; max-width: 100%
}

.bildort{
 max-width: 100%;
    height: auto;
    display: block; /* Verhindert kleine Abstände unter Bildern */
}

.versteckt {
	display: none;
}

.kleineschrift{
	font-size: 0.8em;
}
.kleineschrift_grau{
	font-size: 0.6em;
	color: grey;
	margin-top: -20px;
}
.mediumschrift{
	font-size: 0.9em;
}

.modal1 {
	width: 100px;
	height: 800px;
}