/* mz-style-espring-site.css */
/* erstellt Nov. 2025 mz */

/* back-to-top-button */
.back-to-top {
text-align: center;
text-decoration: none;
position: fixed;
bottom: 60px;
right: 40px;
display: none;
border: 0px solid #333;
}
/* Shariff mittig setzen */
#container {
text-align: center;
width: 105%;
height:60%;
}
#contained {
text-align: center;
vertical-align: middle;
display: inline-block;
width: 22%; /* Wert je nach Contenbreite ändern. */
height:20%;
background-color: ;
}
/* Flex-Container Footer */
.flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background-color: ;
}
.flex-container > div {
  background-color: ;
  width: 33,3333%;
  margin: 20px;
  text-align: left;
  line-height: ;
  font-size: 13pt;
  color: ;
}
/* Bestell-Button */
.bestell-button {
	box-shadow:inset 0px -3px 7px 0px #29bbff;
	background:linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
	background-color:#2dabf9;
	border-radius:3px;
	border:1px solid #1462ff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:9px 23px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
}
.bestell-button:hover {
	background:linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
	background-color:#0688fa;
}
.bestell-button:active {
	position:relative;
	top:1px;
}
/* Formatierungen Produktseiten */
#f1 {
text-transform: none; 
color: #28a3da;
font-size: 125%;
}
#f2 {
color: ;
font-size: 125%;
}
#f3 {
color: ;
font-size: 125%;
font-weight: bold;
}
#f4 {
color: #28a3da;
font-size: 110%;
font-weight: bold;
}
#f5 {
line-height: 1.2em;
color: #82878c;
}
#h3-1 {
color: #82878c; 
text-transform: none
}
#h3-2 {
color: #82878c; 
text-transform: none; 
margin-bottom: 10px; 
font-size: 1.2em
}
/* Formatierungen, sonstige */
.hr1 {
    width: 100%;
    height: 1px;
    margin-left: auto;
    margin-right: auto;
    background-color: #82878c;
}
.schrift1 {
    font-family: ;	
    font-size: 125%;
    color: #82878C;
}
.txt {
    text-align: center;
    font-size: 125%;
    color: #82878c;
}
.txt2 {
    text-align: center;
    font-size: 3em;
    color: #01a9e1;
    font-weight: bold;
}
.txt3 {
    text-align: center;
    font-size: 1.5em;
    color: #01a9e1;
    font-weight: bold;
}
.txt4 {
    text-align: justify;
    font-size: 125%;
    color: #82878c;
}
.txtstd {
text-align: center;
font-size: 125%;
line-height: 1.2em;
color: #82878c;
}
#zentriert {
width: 100%;
max-width: 1000px;
height: auto;
display: block;
position: relative;
margin-left: 7%;
margin-right: ;
}
#mittig {
text-align: center;
font-size: 2em;
font-weight: bold;
}
#mittig2 {
text-align: center;
font-size: 1.5em;
font-weight: bold;
}
.picrsp {
    width: 100%;
/*  max-width: 370px; */
    max-width: 400px;
    height: auto;
    display: block;
    position: relative;
    margin: 0 auto;
}
video {
    width: 100% !IMPORTANT;
    height: auto !IMPORTANT;
}
.html5vid {
width: 100%;
max-width: 1200px;
height: auto;
display: block;
position: relative;
margin: 0 auto;
}
/* DS-Erklärung */
.headl3 {
font-size: 125%;
font-weight: bold;
}
.txt5 {
font-size: 110%;
font-weight: ;
}
.li-ds {
font-size: 110%;
font-weight: ;
}
/*
<style>
h3 {
font-size: 125%;
font-weight: bold;
}
p {
font-size: 110%;
font-weight: ;
}
li {
font-size: 110%;
font-weight: ;
}
</style>