.item:nth-child(2n){
  line-break: after;   
}

.flex-box-line-wb {
	display:flex; 
	justify-content: space-around;
	flex-direction: row wrap;
	flex-wrap: wrap;
	
}

.flex-box-line-wb > div {
	display: inline-block;
	flex-direction: column;
	align-items:center;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	/*border-color: #1b1b1b;
	border-width: 7px;
	border-style: groove;
	border-radius: 20px;*/
	border-color: #1bb54c;
	border-width: 3px;
	border-style: groove;
	background: white;
	background: linear-gradient(to right bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.3));
	border-radius: 2rem;
	/*box-shadow: 10px 10px 20px #272b27;*/
	box-shadow: 10px 10px 20px #1bb54c;
	flex: 0 0 33.333333%;
	max-width: 22em;
	min-height: 8em;
}

.flex-box-line {
	display:flex; 
	justify-content: space-around;
	flex-direction: row wrap;
	flex-wrap: wrap;
	
}

.flex-box-line > div {
	display: inline-block;
	flex-direction: column;
	align-items:center;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	/*border-color: #1b1b1b;
	border-width: 7px;
	border-style: groove;
	border-radius: 20px;*/
	border-color: #1bb54c;
	border-width: 3px;
	border-style: groove;
	background: white;
	background: linear-gradient(to right bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.3));
	border-radius: 2rem;
	/*box-shadow: 10px 10px 20px #272b27;*/
	box-shadow: 10px 10px 20px #1bb54c;
	flex: 0 0 33.333333%;
	max-width: 22em;
}

.flex-box {
	display:flex; 
	justify-content: space-around;
	flex-direction: column;
}
.flex-box > div {
	display: inline-block;
	flex-direction: column;
	align-items:center;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 15px;
	margin-right: 20px;
	/*border-color: #1b1b1b;
	border-width: 7px;
	border-style: groove;
	border-radius: 20px;*/
	border-color: #1bb54c;
	border-width: 3px;
	border-style: groove;	
	background: white;
	background: linear-gradient(to right bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.3));
	border-radius: 2rem;
	/*box-shadow: 10px 10px 20px #272b27;*/
	box-shadow: 10px 10px 20px #1bb54c;
}


.flex-box-wb {
	display:flex; 
	text-align: center;
	flex-direction: column;
	font-size: 25px;

}
.flex-box-wb > div {
	display: flex;
	flex-direction: column;
	align-items:center;
	padding-top: 30px;



	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 25px;
}

.wb-image{
	max-width: 100%;
	height: auto;
}

.footer{
	text-align: center;
	position: fixed;
	padding: 10px;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 40px;
	color: lightgrey;
}


.draggable{
	margin-top: 50px;
}
.cont-impr{
	margin-top: 150px;
	text-align: center;
	font-size: 30px;
	color:lightgrey;
}

	
.cont-contacts{
	margin-top: 50px;
	text-align: center;
	font-size: 25px;		
}

.cont-mwtexte{
	margin-top: 50px;
	padding-left: 50px;
	font-size: 25px;
}

.cont-tec{
	margin-top: 50px;
	padding-left: 50px;
	padding-right: 50px;
	font-size: 20px;
	align-items: center;
	text-align: left;
}

.cont-weiter{
	margin-top: 50px;
	padding-left: 50px;
	padding-right: 50px;
	font-size: 15px;
	align-items: center;
	text-align: left;
}

.cont-noxaplz{
	margin-top: 50px;
	padding-left: 50px;
	font-size: 25px;
}


input[type="number"] {
   font-size: 15px; padding: 5px 12px; 
   font-family: Roboto, sans-serif;
   font-weight: 300;
   color: teal;
   border: 1px solid silver;
   background-image: linear-gradient(to top, gainsboro 0%, white 90%);
   border-radius: 20px;
}

button[type="submit"] {
   font-size: 15px; padding: 5px 12px; 
   font-family: Roboto, sans-serif;
   font-weight: 300;
   color: teal;
   border: 1px solid silver;
   background-image: linear-gradient(to top, gainsboro 0%, white 90%);
   border-radius: 20px;
}

button[type="button"] {
   font-size: 15px; padding: 5px 12px; 
   font-family: Roboto, sans-serif;
   font-weight: 300;
   color: teal;
   border: 1px solid silver;
   background-image: linear-gradient(to top, gainsboro 0%, white 90%);
   border-radius: 20px;
}

input[type="button"] {
   font-size: 15px; padding: 5px 12px; 
   font-family: Roboto, sans-serif;
   font-weight: 300;
   color: teal;
   border: 1px solid silver;
   background-image: linear-gradient(to top, gainsboro 0%, white 90%);
   border-radius: 20px;
}

.cont-ahchhi{
	margin-top: 50px;
	padding-left: 50px;
	padding-right: 50px;
	font-size: 25px;
	align-items: center;
	text-align: center;	
}

.cont-ind{
	margin-top: 25%;
	padding-bottom: 45px;
	text-align: center;
	font-size: 20px;
	color: lightgrey;
}

.cont-table{
	margin-top: 50px;
	align-items: center;
	text-align: left;
	font-size: 25px;

}

.table-lack td, th, caption{
	padding: 5px;
	border-style: solid;
	border-collapse: collapse;

	border-width: medium medium medium medium;

	table-layout: auto;
	max-width: 100%;	
}

.table-abwert td, th, caption{
	padding: 5px;
	border-style: solid;
	border-collapse: collapse;

	border-width: medium medium medium medium;

	table-layout: auto;
	max-width: 100%;
	min-width: 10em;	
}


.cont-bvsk-calc fieldset {
         padding: 1em;
         border: 1px solid #000;
         max-width: 23em;
         min-width: 14em;
         margin: 1em;
         font-size: 18px;
         }
        
      
.cont-bvsk-calc input {
         display: block;
         font-size: 1em;
         margin-bottom: 0.8em;
         border: 1px solid #000;
         padding: 0.1em;
         max-width: 21em;
         min-width: 14em;
         }    
         
.cont-eb-calc fieldset {
         padding: 1em;
         border: 1px solid #000;
         max-width: 23em;
         min-width: 14em;
         margin: 1em;
         font-size: 18px;
         } 
      
.cont-eb-calc input {
         display: block;
         font-size: 1em;
         margin-bottom: 0.8em;
         border: 1px solid #000;
         padding: 0.1em;
         max-width: 21em;
         min-width: 14em;
         }         
         
.cont-eb-calc select {
         display: block;
         font-size: 1em;
         margin-bottom: 0.8em;
         border: 1px solid #000;
         padding: 0.1em;
         max-width: 21em;
         min-width: 14em;
         border-radius: 10px;
         }  

.cont-mfm-calc fieldset {
         padding: 1em;
         border: 1px solid #000;
         max-width: 23em;
         min-width: 14em;
         margin: 1em;
         font-size: 18px;
         }
        
      
.cont-mfm-calc input {
         display: block;
         font-size: 1em;
         margin-bottom: 0.8em;
         border: 1px solid #000;
         padding: 0.1em;
         max-width: 21em;
         min-width: 14em;
         }      

.cont-vhk-calc fieldset {
         padding: 1em;
         border: 1px solid #000;
         max-width: 23em;
         min-width: 14em;
         margin: 1em;
         font-size: 18px;
         }       

.cont-vhk-calc input {
         display: block;
         font-size: 1em;
         margin-bottom: 0.8em;
         border: 1px solid #000;
         padding: 0.1em;
         max-width: 14em;
         min-width: 14em;
         }

.cont-vhk-calc select {
         display: block;
         font-size: 1em;
         margin-bottom: 0.8em;
         border: 1px solid #000;
         padding: 0.1em;
         max-width: 14em;
         min-width: 14em;
         border-radius: 10px;
         } 
         
.cont-zus{
	margin-top: 50px;
	padding-left: 50px;
	padding-right: 50px;
	font-size: 20px;
	align-items: center;
	text-align: center;
	color: lightgrey;
}         
 
 
 
/*TOOLTIPP START*/ 
  /* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */

}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
 
  background-color: #555;
  color: #fff;
  text-align: left;
  padding: 5px 5px 5px 5px;
  border-radius: 6px;
  font-size: 12px;
  
  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  top: -5%;
  left: 125%;
  margin-left: -60px;
  display: block;
  
  min-width: 50px;
    max-width: 700px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  
  /* Fade in tooltip */
  opacity: 0,5;
  transition: opacity 1.8s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: green transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 0,8;
}     
 
    
    
    
 
  /* Tooltip container */
.tooltip2 {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */

}

/* Tooltip text */
.tooltip2 .tooltiptext2 {
  visibility: hidden;
 
  background-color: #555;
  color: #fff;
  text-align: left;
  padding: 5px 5px 5px 5px;
  border-radius: 6px;
  font-size: 12px;
  
  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  top: -5%;
  left: 128%;
  margin-left: -60px;
  display: block;
  
  min-width: 50px;
    max-width: 700px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  
  /* Fade in tooltip */
  opacity: 0,8;
  transition: opacity 1.8s;
}

/* Tooltip arrow */
.tooltip2 .tooltiptext2::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip2:hover .tooltiptext2 {
  visibility: visible;
  opacity: 0,8;
}  


/* TOOLTIP ENDE*/