.bold {font-weight: 700 !important}

.weisser-gradient-hintergrund {background: rgb(255,255,255);background: linear-gradient(121deg, rgba(255,255,255,1) 0%, rgba(215,215,215,1) 100%);box-shadow: 0px 2px 16px 5px rgba(46,46,46,0.4)}
@media(min-width:768px){
	.weisser-gradient-hintergrund {background: rgb(255,255,255);background: linear-gradient(121deg, rgba(255,255,255,1) 0%, rgba(192,192,192,1) 100%)}
}

.no-underline{text-decoration:none !important}

.image-wrapper {padding: 15px 15px;background: linear-gradient(180deg, rgba(29,111,85,1) 0%, rgba(15,56,43,1) 100%);border-radius: 15px}

.schatten {box-shadow: 0 3px 80px 6px rgba(0,0,0,0.29)}
.schatten-halbiert {box-shadow: 0 3px 80px 6px rgba(0,0,0,0.145)}
@media (min-width: 768px) {
    .schatten {box-shadow: 2px 3px 35px 6px rgba(0,0,0,0.29)}
    .schatten-halbiert {box-shadow: 2px 3px 35px 6px rgba(0,0,0,0.145)}
}
.schlagschatten {filter: drop-shadow(0 2px 5px rgba(0,0,0,.5))}

.not-visible{display:none}
.unvisible {height: 0 !important;width: 0 !important;opacity: 0 !important;pointer-events: none !important;transition: all .3s}
@media(min-width:1600px){
	.col-xxl-6{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%}
	.justify-content-xxl-between{justify-content:space-between}
}

.text-beton{color:#2e2e2e}








#getraenkekalkulator #calculator-form>div {
	position:relative;
}
#getraenkekalkulator #calculator-form>div:after {
	position:absolute;
	display:flex;
	width: 100%;
	height: 100%;
	padding-left: 10px;
	background-color: #fff;
	border: 2px solid rgba(0,0,0,.2);
	border-radius: 10px;
	align-items: center;
	content:'Dies ist ein erforderliches Feld!';
	opacity:0;
	pointer-events:none;
	transition: opacity .5s ease;
}
#getraenkekalkulator #calculator-form>div.input-error:after {
	opacity:1;
}