/*
Theme Name: Dreyer
Theme URI: http://www.hoko-media.com
Description: Template fuer Dreyer
Author: Holger Korff
Author URI: http://www.hoko-media.com
*/

/*### Globale Einstellung ###*/

@font-face {
    font-family: 'nunito_sansregular';
    src: url('font/nunitosans-regular-webfont.eot');
    src: url('font/nunitosans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/nunitosans-regular-webfont.woff2') format('woff2'),
         url('font/nunitosans-regular-webfont.woff') format('woff'),
         url('font/nunitosans-regular-webfont.svg#nunito_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.imgrechts {float: right !important; margin: 0 5px 5px 0 !important; }

.imglinks {float: left !important; margin: 0 5px 5px 0 !important; }

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0;
	overflow-x: hidden;
	background-color: #FFFFFF;
}

#wrapper {width: 100%; height: auto;}

#clear { clear: both; }

/*### Header Formatierungen ###*/
h1 {
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 1.5em;
	color: #004c85;
	font-weight: normal;
	text-align: center;
	line-height: 44px;
	padding-top: 20px;
}

h2 {
	font-family: 'nunito_sansregular', Arial, Helvetica, sans-serif;
  	font-size: 1.5em;
	color: #7fb320;
	font-weight: bold;
	text-align: left;
	line-height: 44px;
	padding-top: 20px;
  }

/* Layout */

a.footer_link, a.footer_link:visited {
	color: #ffffff;
	text-decoration: none;
}

a.footer_link:hover {
	color: #ffffff;
	text-decoration: underline;
}

/* Grosse Bildschirme */
@media only screen
and (min-width : 1690px) {

/*enspricht 1100px bei 1680px 22 Zoll - 1100px bei 1280px = 86%*/
#row_small {
	margin: 0 auto;
	min-height: 20px;
	height: auto;
	width: 1200px;
}
	
.row_small_design {
	background-color: #DCDCDC;
	padding: 1%;
	width: 63% !important;
}

.row_lila_comment_1 {
	font-family: "nunito_sansregular", Arial, Helvetica, sans-serif !important;
	font-size: 1.625em !important;
	color: #ffffff;
	line-height: 1.4em;
	margin-top: 1%;
	padding: 1%;
	width: 63.7% !important;
	height: auto;
}

#row_medium {
	margin: 0 auto;
	min-height: 200px;
	height: auto;
	width: 80%;
}
	
.row_medium_design {
	font-family: "nunito_sansregular", Arial, Helvetica, sans-serif !important;
	font-size: 1.0em;
	color: #434f4f;
	line-height: 1.4em;
	padding: 1%;
}

.footer_impress {
	font-family: "nunito_sansregular", Arial, Helvetica, sans-serif !important;
	font-size: 1em;
	color: #ffffff;
	text-align: right;
	min-height: 40px !important;
	height: 40px !important;
	padding-top: 10px;
}
	
#row_large{
	margin: 0 auto;
	min-height: 200px;
	height: auto;
	width: 100%;
}

.header_pic {
	width: 1100px;
	min-height: 100px !important;
	height: 650px !important;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	margin-top: 20px;
	}
	
.header_navi {
	font-family: "nunito_sansregular", Arial, Helvetica, sans-serif !important;
	font-size: 1.0em;
	min-height: 40px !important;
	height: auto !important;
}

.dmb_font {
	font-family: "nunito_sansregular", Arial, Helvetica, sans-serif !important;
	font-size: 3.125em !important;
	color: #7fb320 !important;
	font-weight: bold;
	font-style: italic;
	line-height: 1.5em;
	text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
	margin-top: 10%;
	padding-left: 23%;
}

.dmb_font_small {
	font-family: "nunito_sansregular", Arial, Helvetica, sans-serif !important;
	font-size: 1.438em !important;
	color: #434f4f !important;
	font-weight: bold;
	line-height: 1.2em;
	text-shadow: -2px 0 rgba(255,255,255,0.50), 0 2px rgba(255,255,255,0.50), 2px 0 rgba(255,255,255,0.50), 0 -2px rgba(255,255,255,0.50);
	margin-top: 4%;
	padding-left: 23%;
}

.row_lila_1 {
	width: 100%;
	min-height: 100px !important;
	height: auto !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
	
.row_final {
	width: 100%;
	min-height: 50px !important;
	height: 50px !important;
	background-color: #434f4f;
}

/* Colom box*/
/* 3 x 1/3 */
#row_col_1_3 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #ffffff;
	min-height: 50px;
	height: auto;
	width: 31.3%;
}

.space_1_3 { margin: 0 3%; }
	

.pic_logo_fluid {
	float: right; 
	width: 60%;
}

.dreierbild {
	float: left; 
	width: 60%;
	}


/* 4 x 1/4 */
#row_col_1_4 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #ffffff;
	min-height: 50px;
	height: auto;
	width: 23%;
}

.space_1_4 { margin-right: 2.6%; }

/* 1/3 x 2/3 */
#row_col_2_3 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #ffffff;
	min-height: 50px;
	height: auto;
	width: 65.5%;
}
	
.row_col_2_3_indiv { width: 42.7% !important; }

.space_1to3 { margin-right: 3%; }
	
/* 2 x 1/4 and 1 x 2/4 */
#row_col_2_4 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #ffffff;
	min-height: 50px;
	height: auto;
	width: 48.5%;
}

.space_2to4 { margin-right: 3%; }

/* Halb und Halb */
#row_col_50_50 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #ffffff;
	min-height: 50px;
	height: auto;
	width: 48.5%;
}

.space_50to50 { margin-right: 3%; }
}

/* Standard Bildschirm */
@media
only screen and (min-width: 1224px) and (max-width: 1689px),
only screen and (min-device-width: 1224px) and (max-device-width: 1689px) and (orientation: landscape) {
	
/*enspricht 1100px bei 1680px 22 Zoll - 1100px bei 1280px = 86%*/
#row_small {
	margin: 0 auto;
	min-height: 20px;
	height: auto;
	width: 65.5%;
}
	
.row_small_design {
	background-color: #DCDCDC;
	padding: 1%;
	width: 63% !important;
}

.row_lila_comment_1 {
	font-family: "nunito_sansregular", Arial, Helvetica, sans-serif !important;
	font-size: 1.625em !important;
	color: #ffffff;
	line-height: 1.2em;
	margin-top: 1%;
	margin-bottom: 1%;
	padding: 1%;
	width: 53.7% !important;
	height: auto !important;
}

#row_medium {
	margin: 0 auto;
	min-height: 200px;
	height: auto;
	width: 80%;
}
	
.row_medium_design {
	font-family: "nunito_sansregular", Arial, Helvetica, sans-serif !important;
	font-size: 1.0em;
	color: #434f4f;
	line-height: 1.4em;
	padding: 1%;
}

.footer_impress {
	font-family: "nunito_sansregular", Arial, Helvetica, sans-serif !important;
	font-size: 1em;
	color: #ffffff;
	text-align: right;
	min-height: 40px !important;
	height: 40px !important;
	padding-top: 10px;
}
	
#row_large{
	margin: 0 auto;
	min-height: 200px;
	height: auto;
	width: 100%;
}

.header_pic {
	width: 100%;
	min-height: 100px !important;
	height: 550px !important; /* vorher 650px*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	margin-top: 20px;
	}
	
.header_navi {
	font-family: "nunito_sansregular", Arial, Helvetica, sans-serif !important;
	font-size: 1.0em;
	min-height: 40px !important;
	height: auto !important;
}

.dmb_font {
	font-family: "nunito_sansregular", Arial, Helvetica, sans-serif !important;
	font-size: 3.125em !important;
	color: #7fb320 !important;
	font-weight: bold;
	font-style: italic;
	line-height: 1.5em;
	text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
	margin-top: 10%;
	padding-left: 10%;
}

.dmb_font_small {
	font-family: "nunito_sansregular", Arial, Helvetica, sans-serif !important;
	font-size: 1.438em !important;
	color: #434f4f !important;
	font-weight: bold;
	line-height: 1.2em;
	text-shadow: -2px 0 rgba(255,255,255,0.50), 0 2px rgba(255,255,255,0.50), 2px 0 rgba(255,255,255,0.50), 0 -2px rgba(255,255,255,0.50);
	margin-top: 4%;
	padding-left: 10%;
}

.row_lila_1 {
	width: 100%;
	min-height: 100px !important;
	height: auto !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
	
.row_final {
	width: 100%;
	min-height: 50px !important;
	height: 50px !important;
	background-color: #434f4f;
}
/* Colom box*/
/* 3 x 1/3 */
#row_col_1_3 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #ffffff;
	min-height: 50px;
	height: auto;
	width: 31.3%;
}

.pic_logo_fluid {
	float: right; 
	width: 60%;
}

.dreierbild {
	float: left; 
	width: 60%;
	}


.space_1_3 { margin: 0 3%; }

/* 4 x 1/4 */
#row_col_1_4 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #ffffff;
	background-color: #EC7844;
	min-height: 50px;
	height: auto;
	width: 23.05%;
}

.space_1_4 { margin-right: 2.6%; }

/* 1/3 x 2/3 */
#row_col_2_3 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #ffffff;
	min-height: 50px;
	height: auto;
	width: 65.7%;
}
.row_col_2_3_indiv { width: 55.7% !important; }

.space_1to3 { margin-right: 3%; }
	
/* 2 x 1/4 and 1 x 2/4 */
#row_col_2_4 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #ffffff;
	min-height: 50px;
	height: auto;
	background-color: #470304;
	width: 48.7%;
}

.space_2to4 { margin-right: 3%; }

/* Halb und Halb */
#row_col_50_50 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #ffffff;
	background-color: #470304;
	min-height: 50px;
	height: auto;
	width: 48.5%;
}

.space_50to50 { margin-right: 3%; }
		
}

/* Mobile/Smartphone - Portrait-Modus */
@media
only screen and (min-width: 320px) and (max-width: 479px),
only screen and (min--moz-device-pixel-ratio: 1.5) and (orientation: portrait),
only screen and (-o-min-device-pixel-ratio: 3/2) and (orientation: portrait),
only screen and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait),
only screen and (min-device-pixel-ratio: 1.5) and (orientation: portrait),
only screen and (min-resolution: 1.5dppx) and (orientation: portrait) {
	
/*enspricht 1100px bei 1680px 22 Zoll - 1100px bei 1280px = 86%*/
#row_small {
	margin: 0 auto;
	min-height: 20px;
	height: auto;
	width: 98%;
}
	
.row_small_design {
	background-color: #DCDCDC;
	padding: 1%;
}

.row_lila_comment_1 {
	font-family: "nunito_sansregular", Arial, Helvetica, sans-serif !important;
	font-size: 1em !important;
	color: #ffffff;
	line-height: 1.4em;
	margin-top: 1%;
	padding: 1%;
}

#row_medium {
	margin: 0 auto;
	min-height: 200px;
	height: auto;
	width: 99%;
}
	
.row_medium_design {
	font-family: "nunito_sansregular", Arial, Helvetica, sans-serif !important;
	font-size: 1.0em;
	color: #434f4f;
	line-height: 1.4em;
	padding: 1%;
}

.footer_impress {
	font-family: "nunito_sansregular", Arial, Helvetica, sans-serif !important;
	font-size: 1em;
	color: #ffffff;
	text-align: right;
	min-height: 40px !important;
	height: 40px !important;
	padding-top: 10px;
}
	
#row_large{
	margin: 0 auto;
	min-height: 200px;
	height: auto;
	width: 100%;
}

.header_pic {
	width: 100%;
	min-height: 100px !important;
	height: 250px !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	margin-top: 20px;
	}
	
.header_navi {
	font-family: "nunito_sansregular", Arial, Helvetica, sans-serif !important;
	font-size: 1.0em;
	min-height: 40px !important;
	height: auto !important;
}

.dmb_font {
	font-family: "nunito_sansregular", Arial, Helvetica, sans-serif !important;
	font-size: 1.4em !important;
	color: #7fb320 !important;
	font-weight: bold;
	font-style: italic;
	line-height: 1em;
	text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
	margin-top: 10%;
	padding-left: 1%;
	width: 99% !important;
}

.dmb_font_small {
	font-family: "nunito_sansregular", Arial, Helvetica, sans-serif !important;
	font-size: 0.8em !important;
	color: #434f4f !important;
	font-weight: bold;
	line-height: 1em;
	text-shadow: -2px 0 rgba(255,255,255,0.50), 0 2px rgba(255,255,255,0.50), 2px 0 rgba(255,255,255,0.50), 0 -2px rgba(255,255,255,0.50);
	margin-top: 1%;
	padding-left: 1%;
	width: 99% !important;
}

.row_lila_1 {
	width: 100%;
	min-height: 100px !important;
	height: auto !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
	
.row_final {
	width: 100%;
	min-height: 50px !important;
	height: 50px !important;
	background-color: #434f4f;
}

/* Colom box*/
/* 3 x 1/3 */
#row_col_1_3 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #ffffff;
	min-height: 50px;
	height: auto;
	width: 100%;
}

.pic_logo_fluid {
	float: right; 
	width: 20%;
	margin-top: -80px;
	}
	
.dreierbild {
	float: left; 
	width: 60%;
	}

	
/* 4 x 1/4 */
#row_col_1_4 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #ffffff;
	min-height: 50px;
	height: auto;
	width: 100%;
}

/* 1/3 x 2/3 */
#row_col_2_3 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #ffffff;
	min-height: 50px;
	height: auto;
	width: 100%;
}

	
/* 2 x 1/4 and 1 x 2/4 */
#row_col_2_4 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #ffffff;
	min-height: 50px;
	height: auto;
	background-color: #470304;
	width: 100%;
}

/* Halb und Halb */
#row_col_50_50 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #ffffff;
	background-color: #470304;
	min-height: 50px;
	height: auto;
	width: 100%;
}

.space_50to50 { margin-right: 3%; }
		
}

/* Mobile/Smartphone - Landscape-Modus */
@media
only screen and (min-width: 480px) and (max-width: 767px),
only screen and (min--moz-device-pixel-ratio: 1.5) and (orientation: landscape),
only screen and (-o-min-device-pixel-ratio: 3/2) and (orientation: landscape),
only screen and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: landscape),
only screen and (min-device-pixel-ratio: 1.5) and (orientation: landscape),
only screen and (min-resolution: 1.5dppx) and (orientation: landscape) {
	
/*enspricht 1100px bei 1680px 22 Zoll - 1100px bei 1280px = 86%*/
#row_small {
	margin: 0 auto;
	min-height: 20px;
	height: auto;
	width: 98%;
}
	
.row_small_design {
	background-color: #DCDCDC;
	padding: 1%;
}

.row_lila_comment_1 {
	font-family: "nunito_sansregular", Arial, Helvetica, sans-serif !important;
	font-size: 1em !important;
	color: #ffffff;
	line-height: 1.4em;
	margin-top: 7%;
	padding: 1%;
}

.row_lila_comment_1_bild { margin-top: 12%; }

#row_medium {
	margin: 0 auto;
	min-height: 200px;
	height: auto;
	width: 99%;
}
	
.row_medium_design {
	font-family: "nunito_sansregular", Arial, Helvetica, sans-serif !important;
	font-size: 1.0em;
	color: #434f4f;
	line-height: 1.4em;
	padding: 1%;
}

.footer_impress {
	font-family: "nunito_sansregular", Arial, Helvetica, sans-serif !important;
	font-size: 1em;
	color: #ffffff;
	text-align: right;
	min-height: 40px !important;
	height: 40px !important;
	padding-top: 10px;
}
	
#row_large{
	margin: 0 auto;
	min-height: 200px;
	height: auto;
	width: 100%;
}

.header_pic {
	width: 100%;
	min-height: 100px !important;
	height: 250px !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	margin-top: 20px;
	}
	
.header_navi {
	font-family: "nunito_sansregular", Arial, Helvetica, sans-serif !important;
	font-size: 1.0em;
	min-height: 40px !important;
	height: auto !important;
}

.dmb_font {
	font-family: "nunito_sansregular", Arial, Helvetica, sans-serif !important;
	font-size: 1.4em !important;
	color: #7fb320 !important;
	font-weight: bold;
	font-style: italic;
	line-height: 1em;
	text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
	margin-top: 10%;
	padding-left: 1%;
	width: 99% !important;
}

.dmb_font_small {
	font-family: "nunito_sansregular", Arial, Helvetica, sans-serif !important;
	font-size: 0.8em !important;
	color: #434f4f !important;
	font-weight: bold;
	line-height: 1em;
	text-shadow: -2px 0 rgba(255,255,255,0.50), 0 2px rgba(255,255,255,0.50), 2px 0 rgba(255,255,255,0.50), 0 -2px rgba(255,255,255,0.50);
	margin-top: 1%;
	padding-left: 1%;
	width: 99% !important;
}

.row_lila_1 {
	width: 100%;
	min-height: 100px !important;
	height: auto !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
	
.row_final {
	width: 100%;
	min-height: 50px !important;
	height: 50px !important;
	background-color: #434f4f;
}

/* Colom box*/
/* 3 x 1/3 */
#row_col_1_3 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #ffffff;
	min-height: 50px;
	height: auto;
	width: 31.3%;
}

.pic_logo_fluid {
	float: right; 
	width: 50%;
	margin-top: -80px;
	}
	
.dreierbild {
	float: left; 
	width: 60%;
	}

	
/* 4 x 1/4 */
#row_col_1_4 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #ffffff;
	min-height: 50px;
	height: auto;
	width: 100%;
}

/* 1/3 x 2/3 */
#row_col_2_3 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #ffffff;
	min-height: 50px;
	height: auto;
	width: 65.7%;
}

	
/* 2 x 1/4 and 1 x 2/4 */
#row_col_2_4 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #ffffff;
	min-height: 50px;
	height: auto;
	background-color: #470304;
	width: 100%;
}

/* Halb und Halb */
#row_col_50_50 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #ffffff;
	background-color: #470304;
	min-height: 50px;
	height: auto;
	width: 100%;
}

.space_50to50 { margin-right: 3%; }
		
}
/* Mobile/Tablets - Portrait-Modus */
@media
only screen and (min-width: 768px) and (max-width: 959px),
only screen and (min-device-width: 768px) and (max-device-width: 959px) and (orientation: portrait) {
	
/*enspricht 1100px bei 1680px 22 Zoll - 1100px bei 1280px = 86%*/
#row_small {
	margin: 0 auto;
	min-height: 20px;
	height: auto;
	width: 99%;
}
	
.row_small_design {
	background-color: #DCDCDC;
	padding: 1%;
	width: 63% !important;
}

.row_lila_comment_1 {
	font-family: "nunito_sansregular", Arial, Helvetica, sans-serif !important;
	font-size: 1.2em !important;
	color: #ffffff;
	line-height: 1em;
	margin-top: 7%;
	padding: 1%;
	width: 63.7% !important;
}
	
.row_lila_comment_1_bild { margin-top: 12%; }

#row_medium {
	margin: 0 auto;
	min-height: 200px;
	height: auto;
	width: 99%;
}
	
.row_medium_design {
	font-family: "nunito_sansregular", Arial, Helvetica, sans-serif !important;
	font-size: 1.0em;
	color: #434f4f;
	line-height: 1.4em;
	padding: 1%;
}

.footer_impress {
	font-family: "nunito_sansregular", Arial, Helvetica, sans-serif !important;
	font-size: 1em;
	color: #ffffff;
	text-align: right;
	min-height: 40px !important;
	height: 40px !important;
	padding-top: 10px;
}
	
#row_large{
	margin: 0 auto;
	min-height: 200px;
	height: auto;
	width: 100%;
}

.header_pic {
	width: 100%;
	min-height: 100px !important;
	height: 480px !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	margin-top: 20px;
	}
	
.header_navi {
	font-family: "nunito_sansregular", Arial, Helvetica, sans-serif !important;
	font-size: 1.0em;
	min-height: 40px !important;
	height: auto !important;
}

.dmb_font {
	font-family: "nunito_sansregular", Arial, Helvetica, sans-serif !important;
	font-size: 2em !important;
	color: #7fb320 !important;
	font-weight: bold;
	font-style: italic;
	line-height: 1em;
	text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
	margin-top: 10%;
	padding-left: 10%;
}

.dmb_font_small {
	font-family: "nunito_sansregular", Arial, Helvetica, sans-serif !important;
	font-size: 1em !important;
	color: #434f4f !important;
	font-weight: bold;
	line-height: 1.2em;
	text-shadow: -2px 0 rgba(255,255,255,0.50), 0 2px rgba(255,255,255,0.50), 2px 0 rgba(255,255,255,0.50), 0 -2px rgba(255,255,255,0.50);
	margin-top: 10%;
	padding-left: 10%;
}

.row_lila_1 {
	width: 100%;
	min-height: 100px !important;
	height: auto !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
	
.row_final {
	width: 100%;
	min-height: 50px !important;
	height: 50px !important;
	background-color: #434f4f;
}
/* Colom box*/
/* 3 x 1/3 */
#row_col_1_3 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #ffffff;
	min-height: 50px;
	height: auto;
	width: 31.3%;
}

.pic_logo_fluid {
	float: right; 
	width: 60%;
}

.dreierbild {
	float: left; 
	width: 60%;
	}


.space_1_3 { margin: 0 3%; }

/* 4 x 1/4 */
#row_col_1_4 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #ffffff;
	background-color: #EC7844;
	min-height: 50px;
	height: auto;
	width: 23.05%;
}

.space_1_4 { margin-right: 2.6%; }

/* 1/3 x 2/3 */
#row_col_2_3 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #ffffff;
	min-height: 50px;
	height: auto;
	width: 65.7%;
}
.row_col_2_3_indiv { width: 55.7% !important; }

.space_1to3 { margin-right: 3%; }
	
/* 2 x 1/4 and 1 x 2/4 */
#row_col_2_4 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #ffffff;
	min-height: 50px;
	height: auto;
	background-color: #470304;
	width: 48.7%;
}

.space_2to4 { margin-right: 3%; }

/* Halb und Halb */
#row_col_50_50 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #ffffff;
	background-color: #470304;
	min-height: 50px;
	height: auto;
	width: 48.5%;
}

.space_50to50 { margin-right: 3%; }
		
}

/* Mobile/Tablets - Landscape-Modus */
@media
only screen and (min-width: 960px) and (max-width: 1223px),
only screen and (min-device-width: 960px) and (max-device-width: 1223px) and (orientation: landscape) {
	
/*enspricht 1100px bei 1680px 22 Zoll - 1100px bei 1280px = 86%*/
#row_small {
	margin: 0 auto;
	min-height: 20px;
	height: auto;
	width: 65.5%;
}
	
.row_small_design {
	background-color: #DCDCDC;
	padding: 1%;
	width: 63% !important;
}

.row_lila_comment_1 {
	font-family: "nunito_sansregular", Arial, Helvetica, sans-serif !important;
	font-size: 1.2em !important;
	color: #ffffff;
	line-height: 1em;
	margin-top: 7%;
	padding: 1%;
	width: 63.7% !important;
}
	
.row_lila_comment_1_bild { margin-top: 12%; }

#row_medium {
	margin: 0 auto;
	min-height: 200px;
	height: auto;
	width: 80%;
}
	
.row_medium_design {
	font-family: "nunito_sansregular", Arial, Helvetica, sans-serif !important;
	font-size: 1.0em;
	color: #434f4f;
	line-height: 1.4em;
	padding: 1%;
}

.footer_impress {
	font-family: "nunito_sansregular", Arial, Helvetica, sans-serif !important;
	font-size: 1em;
	color: #ffffff;
	text-align: right;
	min-height: 40px !important;
	height: 40px !important;
	padding-top: 10px;
}
	
#row_large{
	margin: 0 auto;
	min-height: 200px;
	height: auto;
	width: 100%;
}

.header_pic {
	width: 100%;
	min-height: 100px !important;
	height: 480px !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	margin-top: 20px;
	}
	
.header_navi {
	font-family: "nunito_sansregular", Arial, Helvetica, sans-serif !important;
	font-size: 1.0em;
	min-height: 40px !important;
	height: auto !important;
}

.dmb_font {
	font-family: "nunito_sansregular", Arial, Helvetica, sans-serif !important;
	font-size: 2.5em !important;
	color: #7fb320 !important;
	font-weight: bold;
	font-style: italic;
	line-height: 1em;
	text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
	margin-top: 10%;
	padding-left: 10%;
}

.dmb_font_small {
	font-family: "nunito_sansregular", Arial, Helvetica, sans-serif !important;
	font-size: 1.2em !important;
	color: #434f4f !important;
	font-weight: bold;
	line-height: 1.2em;
	text-shadow: -2px 0 rgba(255,255,255,0.50), 0 2px rgba(255,255,255,0.50), 2px 0 rgba(255,255,255,0.50), 0 -2px rgba(255,255,255,0.50);
	margin-top: 10%;
	padding-left: 10%;
}

.row_lila_1 {
	width: 100%;
	min-height: 100px !important;
	height: auto !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
	
.row_final {
	width: 100%;
	min-height: 50px !important;
	height: 50px !important;
	background-color: #434f4f;
}
/* Colom box*/
/* 3 x 1/3 */
#row_col_1_3 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #ffffff;
	min-height: 50px;
	height: auto;
	width: 31.3%;
}

.pic_logo_fluid {
	float: right; 
	width: 60%;
}

.dreierbild {
	float: left; 
	width: 60%;
	}


.space_1_3 { margin: 0 3%; }

/* 4 x 1/4 */
#row_col_1_4 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #ffffff;
	background-color: #EC7844;
	min-height: 50px;
	height: auto;
	width: 23.05%;
}

.space_1_4 { margin-right: 2.6%; }

/* 1/3 x 2/3 */
#row_col_2_3 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #ffffff;
	min-height: 50px;
	height: auto;
	width: 65.7%;
}
.row_col_2_3_indiv { width: 55.7% !important; }

.space_1to3 { margin-right: 3%; }
	
/* 2 x 1/4 and 1 x 2/4 */
#row_col_2_4 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #ffffff;
	min-height: 50px;
	height: auto;
	background-color: #470304;
	width: 48.7%;
}

.space_2to4 { margin-right: 3%; }

/* Halb und Halb */
#row_col_50_50 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #ffffff;
	background-color: #470304;
	min-height: 50px;
	height: auto;
	width: 48.5%;
}

.space_50to50 { margin-right: 3%; }
		
}

/*----------------------------Kontakt Design ---------------------------------------*/

textarea {	
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	color: #000;
	height: 150px;
	width: 250px;
	padding: 5px;
	border-radius: 10px;
	border: 1px solid #ccc;
	resize: none;
}

.contactform_input {
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	color: #000;
	height: 24px;
	width: 50%;
	padding: 5px;
	border-radius: 10px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	}
	
.contactform_spam {
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	color: #000;
	height: 24px;
	width: 100px;
	padding: 5px;
	border-radius: 10px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	}

.contactform_captcha {
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	color: #000;
	height: 24px;
	width: 180px;
	padding: 5px;
	border-radius: 10px;
	border: 1px solid #ccc;
	
}

.contactform_senden {
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	color: #000;
	height: 40px;
	width: 51%;
	padding: 5px;
	border-radius: 10px;
	border: 1px solid #ccc;
	margin-top: 15px;
	
}
	
.contactform_textarea {	
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	color: #000;
	height: 150px;
	width: 50%;
	padding: 5px;
	border-radius: 10px;
	border: 1px solid #ccc;
	resize: none;
}

.wpcf7-not-valid-tip {
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	color: #BF0609;
	padding-left: 20px;
}

.wpcf7-response-output, .wpcf7-validation-errors {
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	color: #fff;
	background-color: #BF0609;
}

.wpcf7-submit {
	padding: 5px;
}