/* ----------------------------------------------------------------

#Default Stylesheet

Filename:     format25.css
Site:         fewo-thingolt.de
Version:      1.0
Last change:  16/02/25
Author:       Martin Hess
Description:  Update for the InfoApp

--------------------------------------------------------------------*/


/* nunito-sans-300 - latin */

h2, h3 {
	font-family: 'Noto Sans';
	text-transform: uppercase;
	font-weight:normal;
}

h2 {
	font-size:22px;
	margin-bottom:.6em;
}

h3 {
	font-size:20px;
	margin-bottom:0;
	padding-bottom:0;
}

.inhaltBreite {
	width:84%;	
	max-width:1090px;	
	margin:0 auto;
}

.ganzeBreite {
	width:100%;
}

.zentriert {
	display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mb1 {
	margin-bottom:1em;
}

.mb2 {
	margin-bottom:2em;
} 

.mb3 {
	margin-bottom:3em;
} 

.mt1 {
	margin-top:´1em;
}

.mt2 {
	margin-top:2em;
}

.ml2 {
	margin-left:2em;
}

.mt3 {
	margin-top:3em;
}

.einzug {
	padding-left:1.4em;
	margin-bottom:.8em;	
}

.pt1 {
	padding-top:1em;
}

.pb1 {	
	padding-bottom:1em;
}

.appSpalte {
	width:84%;
	max-width:600px;
	margin:3em auto;
}

div.titel {
	font-weight:bold;
	display:inline-block;
	margin-top:1.4em;
}

h2 + div.titel {
	margin-top:.8em;
}
/* #endregion */

/* #region KONTAKTFORMULAR */
input[type=text],
input[type=email],
input[type=tel],
input[type=email],
input[type=password],
input[type=submit],
input[type=reset],
textarea   {
	margin-bottom:1em;
	padding:.2em;		
}

body#login input[type=password] {
	margin-bottom:1px;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=email],
input[type=password],
textarea {
	border: 1px;
	background-color: var(--blassGruen);
	border:1px solid var(--dkGruen);	
	font-size: inherit;
	font-family: inherit;
} 

input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=email]:focus,
textarea:focus {
	background-color:var(--blassGruen);
	outline:var(--dkGruen);
}

input[type=tel] {
	width:20em;
}

/* .button {
	border: 1px;
	background-color:var(--hellGruen);
	border:1px solid var(--dkGruen);
	cursor: pointer;
} */

input[type=checkbox] {
	margin:0 .5em 1em 0;
}

input.button {
	padding:3px;
}


.submitResetLeiste {
	display:flex;
	justify-content: flex-end;
}

.submitResetLeiste input.button {
	width:auto;
}

.submitResetLeiste input + input,
.submitResetLeiste input + a  {
	margin-left:.5em;
}

.mittigMaske {
	width:100%;
	max-width:400px;
	margin:20vh auto auto auto;
}

#status { 	
	display:none; 
	color:Red; 
	margin:0.2em 2em 0 0;
}

#status img {
	width:16px;
	height:auto;
}

.admin-tn-container {
	display:flex;
	flex-wrap:wrap;
	align-items:flex-end;
	gap:10px;
	margin-bottom:1em;
	background-color: var(--blassGruen);
}

.bildContainer	{
  	display: flex; /* or inline-flex */
 	flex-wrap: wrap;
	justify-content: space-between;
}

.bildContainer div {
	width: 24%;
	height:auto;
  	border: none !important;
  	box-shadow: none !important;	
} 

a.fancybox {
	border: none !important;
  	box-shadow: none !important;
} 

.bildContainer div img {
	width:100%;
	height:auto;
	border: none !important;
  	box-shadow: none !important;
} 

/* #endregion */