/*****************************************
	
	Flexbox

******************************************/
/* flex */
.flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.flex-container > div {
  /* margin: 10px; */
  text-align: center;
  line-height: 1.2em;
}

.icon {
	width: 150px;
}

/* Eigenschaften Produktübersicht Startseite*/
.produkte > div {
	margin: auto;
}

/* Eigenschaften Leistungsübersicht Startseite*/
.leistungen > div {
	/*margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 30px;
	width: 33%;
	min-width:220px;*/
	margin: auto;
}

.f-column{
	flex-direction: column;
}

.ybutton {
	background-color: #0084ff;
	border-radius: 3px;
	max-width: 150px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 30px;
	padding: 5px;
	color: white;
	
}

/*test VWAH *
.flexContainer {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.fbox {
	margin: 15px;
	flex-basis: 200px;
}

/** responsive CSS für alle displays ohne Galerie **/

.fbox>* {
	width: 100%;	
}

.fbox {
	flex-basis: auto;
	flex-grow: 1;
	flex-shrink: 1;
}

/*senkrechter Strich */
.rahmen-rechts {
	border-left: black 1px solid;
	padding-left: 5%;
}

/* Medium devices (landscape tablets, 768px and up) */

@media only screen and (min-width: 768px) {
	.flex-container {
		flex-direction: row;
}
	.fbox>* {
		width: 300px;
	}
	.rahmen-rechts{
		padding-left: 70px;
	}

}

/**			LINK		**/
a {
text-decoration : none;
}
a:hover {
text-decoration : none;
}


.ybutton a {
color:#ffffff;
}
.ybutton a:hover {
color:#d8d8d8;
}

/*****************************************
	
	Icons

******************************************/
/* Icons */

#icons {
	margin: auto;
	width: auto;
	padding-top: 10px;
	padding-bottom: 0px !important;
	text-align: center;
	background-color: #fff;
}

#icons .fbox {
	flex-grow: 1;
}

#icons img {
	width: 96px;
}
/*************************************************************************************************************

									LAYOUTS nur auf Startseite

**************************************************************************************************************/
section >h2
{
	text-align: center;
	margin-top: 30px;
}


/*************************************************************************************************************

									COLUMN LAYOUTS angepasst als gesamte Kachel

**************************************************************************************************************/

.kachel /*.one-half , .one-third, .two-third, .one-fourth, .two-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth */ {
float:left;
margin : 0px 0% 0px 0;
}

.kachel {
width:50%;  
}

.rundrum {
        background-color:    lightgray;
        border-width:        6px;
        border-style:        solid;
        border-color:        gray;
	border-right-color:  black;
	border-bottom-color: black;
      }

/*.one-half , .one-third, .two-third, .one-fourth, .two-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth {
float:left;
margin : 10px 4% 10px 0;
}
/*
.one-half {
width:48%;
}

.one-third {
width:30.6%;
}

.two-third {
width:65.4%;
}

.one-fourth {
width:22%;
}

.two-fourth {
width:48%;
}

.three-fourth {
width:74%;
}

.one-fifth {
width:16.8%;
}

.two-fifth {
width:37.6%;
}

.three-fifth {
width:58.4%;
}

.four-fifth {
width:79.2%;
}

.last {
margin-right: 0 !important;
}
*/
.last + * {
clear:both;
}