/* hyphens */
   -moz-hyphens: none;
   -o-hyphens: none;
   -webkit-hyphens: none;
   -ms-hyphens: none;
   hyphens: none; 

a:focus { color:#FF9933!important; }
a:hover { color:#FF9933!important; } 
a:active { color:#FF9933!important; } 
a:visited { color:#FF9933!important; } 


#button_mehr_infos:not(:target) .inhalt,
#button_mehr_infos:not(:target) .hide,
#button_mehr_infos:target .show {display: none;}
#button_mehr_infos:target .inhalt {display: block;}




/* Style Pop-Up Text */
.inhalt {
box-shadow: inset 0px 0px 10px rgba(10,0,0,0.3);
padding: 0px 0px 1px;
margin: 0px 0px 0px;
}


/* Style Mehr-Weniger Button */

.show,
.hide {

box-shadow:none!important;
border-radius: 10px; position:absolute; left:0%; top:15%; width:220px;  background-color:#004078;
padding: 10px 10px 10px 5px;
font-size:24pt; font-family:Arial, Helvetica, sans-serif; color:#FF9933; font-weight:bold;
text-align:center;
vertical-align: middle!important;
text-decoration:none;
}

/* Verhalten Button bei Hover */
.show:hover,
.hide:hover {
background-color:#ff9933;
color:#004078!important;
/* transition:0.2s all ease-in-out!important; */
}


#mehr_infos {
	position:fixed; left:400px; top:5%; width:800px; min-height:50%; min-width:50px; max-width:800px; background-color: #FAFAFA; 
	margin: 10px; display: block;
	padding: 30px;
	border-style: solid;
	border-width: thin;
	border-color: #585858;
	border-radius: 9px;
	box-shadow: 10px 10px 10px 0px #42424270;
		 }
.h3_gutzuwissen {
	font-size: 24pt; font-family:Arial, Helvetica, sans-serif; font-weight: bold; color:#000000;
	}

.p_gutzuwissen {
	line-height: 1.5em;
	font-size:18pt; font-family:Arial, Helvetica, sans-serif; color:#000000;
}

/* Style Benefits-Button */

#button_benefits_1:not(:target) .inhalt,
#button_benefits_1:not(:target) .hide_b,
#button_benefits_1:target .show_b {display: none;}
#button_benefits_1:target .inhalt {display: block;}

#button_benefits_2:not(:target) .inhalt,
#button_benefits_2:not(:target) .hide_b,
#button_benefits_2:target .show_b {display: none;}
#button_benefits_2:target .inhalt {display: block;}

#button_benefits_3:not(:target) .inhalt,
#button_benefits_3:not(:target) .hide_b,
#button_benefits_3:target .show_b {display: none;}
#button_benefits_3:target .inhalt {display: block;}

#button_benefits_4:not(:target) .inhalt,
#button_benefits_4:not(:target) .hide_b,
#button_benefits_4:target .show_b {display: none;}
#button_benefits_4:target .inhalt {display: block;}

#button_benefits_5:not(:target) .inhalt,
#button_benefits_5:not(:target) .hide_b,
#button_benefits_5:target .show_b {display: none;}
#button_benefits_5:target .inhalt {display: block;}

#button_benefits_6:not(:target) .inhalt,
#button_benefits_6:not(:target) .hide_b,
#button_benefits_6:target .show_b {display: none;}
#button_benefits_6:target .inhalt {display: block;}


.show_b{
	box-shadow:none!important;
	border-radius: 10px; position:absolute; left:0%; top:15%; width:auto;  background-color:#004078;
	border-style:solid;
	border-width: 3px;
	border-color:#004078;
	padding: 10px 10px 10px 5px;
	font-size:24pt; font-family:Arial, Helvetica, sans-serif; text-color:#FF9933!important; font-weight:bold;
	text-align:center;
	vertical-align: middle!important;
	text-decoration:none;
		}

.hide_b {
	box-shadow:none!important;
	border-radius: 10px; position:absolute; left:0%; top:15%; width:auto;  background-color:#004078;
	border-style:solid;
	border-width: 3px;
	border-color:#ff9933;
	padding: 10px 10px 10px 5px;
	font-size:24pt; font-family:Arial, Helvetica, sans-serif; text-color:#FFFFFF!important; font-weight:bold;
	text-align:center;
	vertical-align: middle!important;
	text-decoration:none;
		}

#mehr_infos_benefits {
	position:fixed; left:60%; top:5%; width:550px; min-height:50%; min-width:50px; background-color: #FAFAFA; 
	margin: 10px; display: block;
	padding: 30px;
	border-style: solid;
	border-width: thin;
	border-color: #585858;
	border-radius: 9px;
	box-shadow: 10px 10px 10px 0px #42424270;



/*  Linien um Überschriften */

.ueberschrift::before, .ueberschrift::after{
content:"33"
width: 45%;
border-top: 3px solid #FF9933;
position: absolute;
left: 0;
display:block;
}

.ueberschrift::after{
left:auto;right: 0;
}



h1.ueberschrift {
   display: flex;
}
h1::before,
h1::after {
   content: "55";
   background-image: linear-gradient(transparent, transparent 49%, red 49%, red 51%, transparent 51%, transparent 100%);
   flex: 1 1 1px;
}
h1::before {
   margin-right: 1rem;
}
h1::after {
   margin-left: 1rem;
}