/*Overwrite foundation.css - Begin	*/
@media only screen and (min-width: 640px) and (max-width: 1220px) {
div#reihe2 .medium-6 {
	width: auto !important;
	}
div#reihe2 .large-5 {
	width:50% !important;
	}
	.column, .columns {
    width: 100%;
}
div#reihe2 .medium-4 {
    width: 34%;
}

div#reihe2 .medium-4:first-child {
    width: 66%;
}
}
/*Overwrite foundation.css	- End*/

div#startseite div#reihe2 div#box4.box-start div.inner-box div.tall-box img {
	width:150px;
	border:3px solid #aaacad;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

div#startseite div#reihe2 div#box4.box-start div.inner-box div.tall-box figure.image figcaption.image-caption {
	color:#435268;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	padding-top:5px;
}

.ce-above .ce-gallery {
	margin-bottom: 10px;
}


@media only screen and (max-width: 1450px) {
div#startseite div#reihe2.row div#box2 div.inner-box header br,
div#startseite div#reihe2.row div#box3 div.inner-box header br {
	display:none; 
}
}

@media only screen and (max-width: 1220px) {
div#reihe2 .ce-center .ce-row {
	margin-right: 40px;
}
}

@media only screen and (max-width: 1000px) {
div#reihe2 .ce-center .ce-row {
	margin-right: 40px;
}
}

@media only screen and (max-width: 800px) {
div#reihe2 .ce-center .ce-row {
	margin-right: 20px;
}
}

@media only screen and (min-width: 400px) and (max-width: 1220px) {
div#reihe2 .ce-center .ce-row {
	float:left;
}
}

div#reihe2.row div#box4.box-start div.row {
	margin:0px !important;
}

div#content div#startseite div#reihe1,
div#content div#startseite div#reihe2 {
    padding-left: 30px; /*1.9%*/
}

div#content div#startseite div#reihe1 {
    padding-right: 30px; /*1.9%*/
}

div#startseite div#reihe1 {
    padding-top: 20px;
}

div#startseite div#reihe2 {
    padding-bottom: 5px;	
}

div#startseite div#reihe1 div#box1{
    padding-left: 10px;
    padding-right: 10px;
	padding-top: 10px;
}


div#content div.row {
    background-color: #fff;
}
	

div#startseite div#box1.box-start,
div#startseite div#reihe2 div.inner-box {
	float:left;
	border-left:2px solid #dfe0e1;
	border-bottom:2px solid #b4b3b5;
	border-top:2px solid #e5e5e6;
	border-right: 2px solid #caced0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 3px 3px 2px 0px rgba(182,181,183,1);
	-moz-box-shadow: 3px 3px 2px 0px rgba(182,181,183,1);
	box-shadow: 3px 3px 2px 0px rgba(182,181,183,1);
}

div#startseite div#box1.box-start {
	background:#d8dbdc;
}

div#startseite div#reihe2 div#box2 div.inner-box,
div#startseite div#reihe2 div#box3 div.inner-box {
	background: #ffffff;
}

div#startseite div#reihe2 div#box4 div.inner-box {
	padding:0px;
	padding-left:10px;
	padding-right:8px;
	padding-top:15px;
	padding-bottom:20px;
	margin-bottom:20px;
	background:#ffffff;
	background:linear-gradient(#fff 25%, #cbcacb 85%);
}

div#startseite div#reihe2 div#box4 div.wrapper:last-child div.inner-box  {
	padding-top: 8px;
	padding-bottom: 13px;
}

div#startseite div#reihe2 .columns {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

div#startseite div#reihe1 {
	padding-bottom:20px;
}

div#startseite div#reihe2 div.inner-box {
	/*margin-left:22px;*/
	float:none;
}

/*div#startseite div#reihe2 div#box2 div.inner-box {
	margin-left:0px;
}*/

div#startseite div#reihe2.row div#box4 {
	position:relative;
}


div#startseite div#reihe2 div#box4 div.wrapper {
	float:left;
}

div#startseite div#reihe1 div#box1.box-start div.show-for-medium-up img {
	margin: 0 auto 0 auto;
}

div#startseite div#reihe2.row div#box4 div.inner-box div.small-box-3 {
	padding-bottom:10px;
}

div#startseite div#reihe2.row div#box4 div.inner-box div.small-box-3 h1 {
	padding-bottom:20px;
}

/*##########################
#######BILDER 1. REIHE######
##########################*/

/*Damit die Bilder unten positioniert sind*/
div#startseite div#box1 div.ce-textpic ul li {
	display:inline-block;
	vertical-align: bottom;
	float:none;
	text-align:center;
	padding-bottom:0px;
}

/*################################
####FOR MEDIUM + TALL DEVICES#####
#################################*/
@media only screen and (min-width: 40.063em) {
div#startseite div#reihe2 div#box2 div.inner-box {
	margin-right:11px;
	margin-left:0px;
}

div#startseite div#reihe2 div#box3 div.inner-box {
	margin-left:11px;
}
}

/*################################
######## FOR MEDIUM  DEVICES######
#################################*/
@media only screen and (min-width: 40.063em) and (max-width: 1220px)  {
	
div#content div#startseite div#reihe1,
div#content div#startseite div#reihe2 {
    padding-left: 20px; 
}

div#content div#startseite div#reihe1 {
    padding-right: 20px; 
}


div#content div#startseite div#reihe2 {
    padding-right: 20px;
}
	
div#box1.box-start div.ce-textpic ul {
	padding:0px;
	margin:0px;
	margin-left:10%;
	margin-right:10%;
}

div#box1.box-start div.ce-textpic li {
	padding:0px;
	padding-right:0px; /*TEST - drei Produkte nebeneinander */
	width: 33.3%; /*TEST - drei Produkte nebeneinander */
}

div#box2.box-start,
div#box3.box-start {
	margin-bottom:20px;
}
div#startseite div#reihe2 div#box4 div.inner-box {
	margin-right:7px;
	margin-left:7px;
	height:300px; /*temporär*/
}

div#startseite div#reihe2 div#box4 div.wrapper:first-child div.inner-box {
	margin-right:14px;
	margin-left:0px;
}
div#startseite div#reihe2 div#box4 div.wrapper:last-child div.inner-box {
	margin-right:0px;
	margin-left:14px;
}

div.rueckruf-box div.csc-mailform input[type="text"] {
	width:98% !important;
	font-size: 11px !important;
}

div.rueckruf-box div.csc-mailform li.csc-form-element-submit {
    bottom: 140px;
    position: absolute;
    right: 0;
}

div.rueckruf-box {
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
    background-size: 90px auto !important;
    height: 270px !important;
}

div#startseite div#reihe2 div#box4 div.wrapper:first-child div.inner-box{
	padding-right:6px;
}

}
/*MEDIUM ENDE !!!!!!!!!!!!!!!!*/

/*##########################
####FOR TALL DEVICES#####
##########################*/
@media only screen and (min-width: 1221px) {
div#startseite div#reihe2 div#box4 div.inner-box {
	/*padding-top:0px;*/
	padding-bottom:0px;
	margin-bottom:15%;
}

div#box1.box-start div.ce-textpic ul {
	width:auto;
	text-align:center;
	margin:0px;
}

div#box1.box-start div.ce-textpic ul li {
	width:auto;
	padding-right:10px;
}

div#reihe2.row div#box2 img,
div#reihe2.row div#box3 img {
	width:auto !important;
	max-width:inherit !important;
	/*max-width:100% !important;*/
	height:auto !important;
}

div#startseite div#reihe2 div#box2,
div#startseite div#reihe2 div#box3,
div#startseite div#reihe2 div#box4,
div#startseite div#reihe2 div#box4 div.row {
	height:730px;
}

/*Beide Poster vertikal zentrieren*/
/*div#startseite div#reihe2 div.inner-box  {
	display: flex; 
	justify-content: center; 
	align-items: center;
}*/
	
div#startseite div#reihe2 div#box2 div.inner-box {
	margin-right:22px;
	height: 730px;
}

div#startseite div#reihe2 div#box3 div.inner-box {
	margin-right:22px;
	margin-left:0px;
	height: 730px;

}
div#startseite div#reihe2 div#box4 div.inner-box {
	margin-right:30px;

}

div#startseite div#reihe2 div#box4 div.wrapper:last-child {
	position:absolute;
	bottom:0px;
	right: 0px;
}

div#startseite div#reihe2 div#box4 div.wrapper:last-child div.inner-box{
	margin-bottom:0px;
}

div#startseite div#reihe2 div#box2,
div#startseite div#reihe2 div#box3 {
	width:40% !important;
}

div#startseite div#reihe2 div#box4 {
	width:20% !important;
}

/*div#startseite div#reihe2 div#box4 {
	padding-left:22px !important;
}
*/

}

/*##########################
####FOR SMALL DEVICES#####
##########################*/
@media only screen and (max-width: 40em) {
div.small-box-1 div.ce-bodytext h1 {
	display:none;
}

	
div#startseite div#reihe1 {
    padding-top: 15px;
}


div#content div#startseite div#reihe1,
div#content div#startseite div#reihe2 {
    padding-left: 15px;
    padding-right: 15px;
}

div#reihe2 div.box-start,
div#reihe2.row div#box4 div.wrapper {
	margin-bottom:20px !important;
}

div#reihe2 div#box4.box-start {
	margin-bottom:0px !important;
}

div#reihe2.row div#box4 div.wrapper:last-child {
	margin-bottom:10px !important;
}

div#box1.box-start div.ce-textpic ul li {
	width:100%;
	text-align:center;
	padding:0px;
}

div#box1.box-start div.ce-textpic ul li:first-child {
	float:none;
	text-align:center;
}

div#box1.box-start div.eingeklappte-bilder {
	margin:0px;
	padding:0px;
}

div#box1.box-start div.mehr-bilder {
	float:left;
	width:100%;
	margin-bottom:10px;
	margin-top:10px;
}

div#box1.box-start div.mehr-bilder div.inner {
	/*border: 1px solid #dfe0e1;*/
    border-radius: 5px;
	background-color:#FFF;
	padding-left:5%;
	padding-right:5%;
	text-align:center;
	color: #00709d !important;
	font-size: 13px;
    font-weight: 600 !important;
	cursor:pointer;
/*	display:inline;*/
	margin: 0px 1.5%;
	line-height:1.6rem;
}
div.rueckruf-box div.csc-mailform input[type="submit"] {
    font-size: 13px;
}
div.rueckruf-box div.csc-mailform input[type="text"] {
    font-size: 11px !important;
}
}

@media only screen and (max-width: 40em) {
div.rueckruf-box {
	margin-right: 5px;
}

div.small-box-1 {
	position:relative;
	height:130px;
}

div.small-box-1 div.ce-gallery {
	position:absolute;
	top:7px;
	right:5px;
}
	
div#content div#startseite {
    padding-left: 0%; /*vorher 5%*/
    padding-right: 0%; /*vorher 5%*/
    padding-top: 0px;
}

div#startseite div#reihe1.columns div#box1{
    padding-left: 5%;
    padding-right: 5%;
	padding-top: 5%;
}
	
div#startseite div#reihe1 div#box1.box-start div.eingeklappte-bilder  {
	display:none;
}

div#box1 h1.float-left {
	float:none;
}


picture.first-match {
	display: block !important; /*inline-block*/
	padding-right:0px;
	margin:0px;
	 text-align: center;
 	 float:left;
	 /*background-color:#FFF;*/
	 /*width:140px;*/
	 width:100%;
	/* height:190px;*/
}

/*div.ce-textpic picture.first-match.image_0 {
	 background-color:transparent !important;
	 padding-right:0px;
}
*/
/*div.ce-textpic div.eingeklappte-bilder picture.first-match {
	margin-bottom:5%;
}
*/

picture.first-match:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}

div.ce-gallery picture.first-match img {
/*   	display:inline-block !important;
	vertical-align: middle !important;
	padding:0px;
*/
  display: inline-block;
  vertical-align: middle;
  border: 0px solid black;

}

div.rueckruf-box div.csc-mailform input[type="submit"] {
    font-size: 13px !important;
}

/*div.ce-gallery picture.first-match img {
	vertical-align: middle;
    border: 0 none;
}*/
}

div#startseite div#reihe2 div.box-start div.inner-box {
	padding-left:15px;
	padding-right:15px;
	padding-bottom:10px;
	padding-top:15px;
}

div#startseite div#reihe2 div.inner-box h1 {
	padding:0px;
	margin:0px;
	padding-bottom:19px;
}

div#startseite div#reihe2 div.inner-box h1 {
	font-size:24px;
	font-weight:500 !important;
}

div#startseite div#reihe2 div#box4 h1 {
	font-size:18px;
	font-weight:500 !important;
}

div#startseite div#reihe2 div#box4 div.inner-box h1 {
	text-align:center;
	padding-bottom:10px;
}

div.small-box-1 div.ce-gallery {
	margin:0px;
}

div.rueckruf-box {
	position:relative;
}

div.rueckruf-box div.csc-mailform input[type="text"] {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: -1px 4px 4px 0px #777 inset;
	-moz-box-shadow: -1px 4px 4px 0px #777 inset;
	box-shadow: -1px 4px 4px 0px #777 inset;
	color:#333;
	width:65%;
    font-size: 10px;
    font-weight: 400;
    height: 1.4rem;
    margin-bottom: 1rem;
    margin-right: 0;
    margin-top: 0;
    padding: 0.2rem 0.2rem 0px 5px;
	border:none;
}

div.rueckruf-box div.csc-mailform form ol li label {
	display:none;
}

div.rueckruf-box div.csc-mailform input[type="submit"] {
    -webkit-border-radius:0;
    border-radius:0;
    -webkit-appearance: none;
	appearance: none;
	border:0px;
	outline: 0; 
	background-color: transparent;
	color: #00709d;
	font-size: 11px;
	font-weight: 400;
	padding-right:15px;
}

div.rueckruf-box div.csc-mailform li.csc-form-element-textblock {
	font-size: 11px;
	font-weight: 400;
}

div.rueckruf-box {
	background-image:url(../img/telefonsymbol.png);
	background-position:right 9px;
	background-repeat:no-repeat;
	background-size:10% auto;
}

@media only screen and (max-width: 1210px) {
div#startseite div#reihe2 div#box2 div.inner-box h1,
div#startseite div#reihe2 div#box3 div.inner-box h1,
div#startseite div#reihe2 div#box4 div.inner-box div.tall-box h1 {
	font-size:20px;
	font-weight:500 !important;
}
}

@media only screen and (min-width: 1421px) {
div#startseite div#reihe2 div.box-start div.inner-box {
	padding-left:35px;
	padding-right:35px;
}
}

@media only screen and (min-width: 1221px) {
div#startseite div#reihe2.row div#box2 div.inner-box header,
div#startseite div#reihe2.row div#box3 div.inner-box header {
	height: 86px;
}

div#startseite div#reihe2.row div#box4 div.wrapper:first-child div.inner-box {
	padding-right:3px;
	line-height: 1.4;
}

div.small-box-1 {
	padding:5px 0px 0px 0px;
	position:relative;
}

div.small-box-1 div.ce-gallery {
	position:absolute;
	top:15px;
	right:0px;
}

div.small-box-1 div.ce-bodytext {
	margin-top:30px;
}

div.small-box-1 header {
	display:none;
}

div.small-box-1 h1 {
	white-space: nowrap;
	margin-top: 20px !important;
}


div.small-box-1 img {
	margin-left:5px;
	margin-right: 5px;
}

div.small-box-1 p,
div.rueckruf-box div.csc-mailform p.success {
	width:80px;
	margin-right:5px;
	line-height: 1.4;
	font-size:12px !important;
	font-weight:400 !important;
}

div.rueckruf-box div.csc-mailform p.success {
	width:100%;
}

div.rueckruf-box div.csc-mailform h2 {
	margin-bottom:3px;
}


div.rueckruf-box form input.border_red {
	border:1px solid #FF0000 !important;
}

div.small-box-1 h1 {
	padding:0px !important;
	margin-top:5px;
	margin-bottom:5px !important;
	clear: both;
}

/*div#box1.box-start img {
	max-height:200px;
	width:auto;
}*/

div.rueckruf-box h1 {
	padding-bottom:5px !important;
}

div.rueckruf-box div.csc-mailform input[type="text"] {
	margin-bottom:8px !important;
}

div.rueckruf-box div.csc-mailform li.csc-form-element-submit {
	position:absolute;
	right:-6px;
	bottom:38px;
}

div.rueckruf-box {
	background-size:30% auto; /*vorher 25*/
}

}

/*################################
######## FOR MEDIUM  DEVICES######
#################################*/

@media only screen and (min-width: 40.063em) and (max-width: 1220px) {

div.small-box-1 div.ce-bodytext h1 {
	display:none;
}

div.small-box-1 div.ce-bodytext {
	margin-top:0px !important;
}

div.small-box-1 img {
	max-width:220px;
	height:auto;	
	margin-right:0px;
	margin-top:26px;
}

div.small-box-2 img {
	max-width:160px;
	margin-top:15px;
}

/*div.small-box-1 div.ce-gallery {
	float:left;
}*/

div.small-box-1 div.ce-bodytext {
	margin-top:20px;
}
}
@media only screen and (max-width: 40em) {
div.small-box-1 img {
	max-width:170px;
	height:auto;	
	margin-left:5px;
	margin-bottom:10px;
}

div.small-box-2 img {
	max-width:120px;
}

.ce-headline-center {
    text-align: left;
}

div.small-box-1 p {
	margin-bottom:5px !important;
}

div.rueckruf-box {
	background-size:15% auto;
}

div.rueckruf-box div.csc-mailform input[type="submit"] {
   padding-left: 0px;
}

div.rueckruf-box div.csc-mailform form ol li.csc-form-3 input#field-3 {
	margin-bottom:5px;
}
}

div#startseite div#reihe2.row div.box-start div.wrapper div.inner-box div.ce-textpic-center div.ce-gallery {
    text-align:center;
}

div#startseite div#reihe2.row div.box-start div.wrapper div.inner-box div.ce-textpic-center div.ce-gallery img {
    display:inline;
}

@media only screen and (max-width: 26em) {
div.small-box-1 div.ce-bodytext {
	width:53%;
}
}

@media only screen and (min-width: 26.01em) and (max-width: 40em) {
div.small-box-1 div.ce-bodytext {
	width:68% !important;
}
}

div.rueckruf-box div.csc-mailform form ol li.csc-form-element-textline {
	line-height:0;
	margin-bottom:2px;
}

div.rueckruf-box h1{
	padding-bottom:10px !important;
}

div.small-box-1 p a {
	color: #333333;	
}

div.small-box-1 h1 a {
	color: #00709d !important;	
}