/*  
Theme Name: hiebermedia_Theme
Theme URI: 
Description: hiebermedia Wordpress Blog Theme - basiert auf default-deleer (texto.de)
Version: 1.0
Author: hiebermedia
Author URI: http://www.hiebermedia.com

	
*/


/* oswald-300 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url('https://www.monz.cc/wp-content/themes/hiebermedia_theme/fonts/oswald-v48-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.monz.cc/wp-content/themes/hiebermedia_theme/fonts/oswald-v48-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.monz.cc/wp-content/themes/hiebermedia_theme/fonts/oswald-v48-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.monz.cc/wp-content/themes/hiebermedia_theme/fonts/oswald-v48-latin-300.woff') format('woff'), /* Modern Browsers */
       url('https://www.monz.cc/wp-content/themes/hiebermedia_theme/fonts/oswald-v48-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.monz.cc/wp-content/themes/hiebermedia_theme/fonts/oswald-v48-latin-300.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.monz.cc/wp-content/themes/hiebermedia_theme/fonts/oswald-v48-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.monz.cc/wp-content/themes/hiebermedia_theme/fonts/oswald-v48-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.monz.cc/wp-content/themes/hiebermedia_theme/fonts/oswald-v48-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.monz.cc/wp-content/themes/hiebermedia_theme/fonts/oswald-v48-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://www.monz.cc/wp-content/themes/hiebermedia_theme/fonts/oswald-v48-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.monz.cc/wp-content/themes/hiebermedia_theme/fonts/oswald-v48-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* oswald-700 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.monz.cc/wp-content/themes/hiebermedia_theme/fonts/oswald-v48-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.monz.cc/wp-content/themes/hiebermedia_theme/fonts/oswald-v48-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.monz.cc/wp-content/themes/hiebermedia_theme/fonts/oswald-v48-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.monz.cc/wp-content/themes/hiebermedia_theme/fonts/oswald-v48-latin-700.woff') format('woff'), /* Modern Browsers */
       url('https://www.monz.cc/wp-content/themes/hiebermedia_theme/fonts/oswald-v48-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.monz.cc/wp-content/themes/hiebermedia_theme/fonts/oswald-v48-latin-700.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* finger-paint-regular - latin */
@font-face {
  font-family: 'Finger Paint';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.monz.cc/wp-content/themes/hiebermedia_theme/fonts/finger-paint-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.monz.cc/wp-content/themes/hiebermedia_theme/fonts/finger-paint-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.monz.cc/wp-content/themes/hiebermedia_theme/fonts/finger-paint-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.monz.cc/wp-content/themes/hiebermedia_theme/fonts/finger-paint-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://www.monz.cc/wp-content/themes/hiebermedia_theme/fonts/finger-paint-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.monz.cc/wp-content/themes/hiebermedia_theme/fonts/finger-paint-v15-latin-regular.svg#FingerPaint') format('svg'); /* Legacy iOS */
}



/*Grid */

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 0px 0px 1px 0px;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWELVE  */
.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
  	width: 91.66%;
}
.span_10_of_12 {
  	width: 83.33%;
}

.span_9_of_12 {
  	width: 75%;
}

.span_8_of_12 {
  	width: 66.66%;
}

.span_7_of_12 {
  	width: 58.33%;
}

.span_6_of_12 {
  	width: 50%;
}

.span_5_of_12 {
  	width: 41.66%;
}

.span_4_of_12 {
  	width: 33.33%;
}

.span_3_of_12 {
  	width: 25%;
}

.span_2_of_12 {
  	width: 16.66%;
}

.span_1_of_12 {
  	width: 8.333%;
}

.span_2_of_12_f {
  	width: 16.66%;
}

.span_1_of_12_f {
  	width: 8.333%;
}


/*CSS*/

html {
	height: 100%;
}

* {
	margin: 0;
}

body
{
	height: 100%;
	font-family: 'Oswald', sans-serif;
	font-size: 80%;
	font-weight: 300;

  overflow:auto;
  overflow: -moz-scrollbars-vertical;

  /*background-image: url(images/bg-verlauf.jpg); background-repeat: repeat-x; background-position: top;*/
  /*background: url(images/meer1.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
}

/*.home {background-image: url(images/bg-verlauf.jpg); background-repeat: repeat-x; background-position: top;}*/

/*--------------------textgestaltung--------------------*/


table.social{

border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;

     }

hr 
{
  display: none;
}

ul{
  line-height: 1.5;
     }
ol{
  line-height: 1.5;
}


/*--------------------linkgestaltung--------------------*/


a 
{
  text-decoration: none;
  color: #995f3b;
}

a:hover
{
  text-decoration: underline;
  color: #995f3b;
}

#botheader a
{
  text-decoration: none;
  color: #ffffff;
}

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

#topfooter a, #botfooter a
{
  text-decoration: none;
  color: #ffffff;
}

#topfooter a:hover, #botfooter a:hover
{
  text-decoration: underline;
  color: #ffffff;
}

#wp-calendar {
	empty-cells: show;
	
	}

/*-------------------- widgets---------------------*/
h2.widgettitle{

     }
.widget2 {

padding-right: 80px;

     }
     
/*--------------------Layout Gestaltung--------------------*/

#wrapper {
	width: 100%;
	max-width: 1920px;
	margin: auto;
	/*background-color: #ffffff;*/
	height: 100%;
}

#main {
	padding: 20px 0px 20px 0px;
	background-color: #ffffff;
}

#main_leistungen {
	padding: 20px 0px 20px 0px;
	/*background-color: #995f3b;*/
	color: #ffffff;
	
	background: url(images/bg-leistungen-web.jpg) no-repeat center center /*fixed*/; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

#main_kunden {
	padding: 20px 0px 20px 0px;
	/*background-color: #995f3b;*/
	color: #ffffff;
	
	background: url(images/bg-kunden-web.jpg) no-repeat center center /*fixed*/; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

#main_kundenstimme {
	padding: 20px 0px 20px 0px;
	/*background-color: #995f3b;*/
	color: #ffffff;
	
	/*background: url(images/bg-kundenstimme.jpg) no-repeat top center; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;*/
}

#topheader {
	background-color: #995f3b;	
	color: #ffffff;
	text-align: right;
	font-size: 1.2em;
	padding-top: 6px;
	padding-bottom: 5px;
	letter-spacing: 0.1em;
	padding-right: 20px;
}

#botheader {
	background-color: #995f3b;	
	color: #ffffff;
	text-align: center;
	font-size: 1.3em;
	padding-top: 20px;
	padding-bottom: 20px;
	letter-spacing: 0.1em;
	padding-left: 18px;
	padding-right: 20px;
	min-height: 12px;
	margin-top: -1px;
}

#botheader li {
	list-style-type: none;	
}

#header {
	width: 100%;
	max-width: 1920px;
	height: 270px; /*270*/
	/*max-height: 941px;*/
	/*min-height: 480px !important;*/
	
	background: url(images/header-bg.png) no-repeat center top;
	background-size: 100% 100%;
	
	/*background: url(images/quo3-bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
	position: fixed; /*relative*/
	top: 0px;
	z-index: 100;
}


#slider {
	width: 100%;
	height: auto;
	/*margin-top: -120px; //not fixed */
	margin-top: 100px;
	z-index: 1;
	position: relative;
}

.sliderplaceholder {
	padding-top: 100px;	
}

/*
#imgbox {
	height: 100% !important;
	max-height: 941px;
	
	  background: url(images/quo3-bg.jpg) no-repeat center center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	
	margin-top: -170px;
}
*/
.divbox {
	max-width: 900px;
	margin: 0 auto;
	padding: 0px 20px 0px 20px;
}


#content {
	/*padding: 12px;
	margin-right: 20px;*/
}

.innercontent_middle {
	max-width: 900px; 
	margin: 0 auto;	
}

.innercontent_small {
	max-width: 600px; 
	margin: 0 auto;	
}

#sidebar {
	/*max-width: 340px;*/
	float: right;
}

#topfooter {
	text-align: left;
	width: 100%; /*960px*/
	min-height: 250px;
	clear: both;
	background-color: #995f3b;
	color: #ffffff;
	font-size: 1.2em;
}

#botfooter {
	background: url(images/footer-bg-top.png) no-repeat;
	background-color: #995f3b;	
	color: #ffffff;
	text-align: left;
	font-size: 1.3em;
	padding-top: 20px;
	padding-bottom: 20px;
	letter-spacing: 0.1em;
	/*padding-left: 18px;
	padding-right: 20px;*/
	min-height: 150px;
	margin-top: -1px;
	max-width: 1920px;
	margin: 0 auto;
}

#botfooter li {
	list-style-type: none;	
}

#topfooter h2 {
	color: #ffffff;
	font-size: 1.6em;
	margin-top: 15px;
}

#topfooter li
{
  list-style-type: none;
  line-height: 1.5;
}

.footer_inside {
	padding-top: 35px;
	padding-left: 15px;
	padding-right: 15px;
	min-height: 150px;
}


/*--------------------Header Konfiguration--------------------*/

#logo
{
	margin-top: 35px;
	float: left;
}


.description
{
  text-decoration: none;
  color: #333333;
  font-size: 1.5em;
  padding-left: 32px;
}
 
/* 
#header a
{
  text-decoration: none;
  color: #333333;
  font-size: 3em;
}


#header a:hover
{
  text-decoration: none;
  color: #cccccc;
}*/


/*--------------------Sidebar Konfiguration--------------------*/


#sidebar ul
{
  list-style: none;
  margin-bottom: 12px;
}

#sidebar ul ul
{
  margin-left: 0px;
}

#sidebar ul ul ul
{
  margin-bottom: 0;
}
  

#sidebar
{
  color: #333333;
  font-size: 1.2em;
}


#sidebar ul h2
{
  /*border-bottom: 1px solid #995f3b;*/
  font-size: 1.6em;
  font-weight: bold;
  margin-bottom: 0px;
}

#sidebar h2
{
  font-size: 1.6em;
  /*border-bottom: 1px solid #cccccc;*/
  color: #995f3b;
}

#sidebar ul h3
{
  font-size: 1.4em;
  font-weight: bold;
  padding: 2px;
  margin-bottom: 0px;
}

#sidebar h3
{
  font-size: 1.4em;
  color: #333333;
}

#sidebar a
{
  text-decoration: none;
  color: #995f3b;
}
 
#sidebar a:hover
{
  text-decoration: none;
  color: #333333;
}


#searchform
{
  /*text-align: center;*/
}
 
/*
#searchform input
{
  border: 1px solid #bababa;
  background-color: #cccccc;
}*/
 
#searchform #s
{
  width: 100%;
  max-width: 180px;
  height:23px;
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #995f3b;
}



/*--------------------Content Konfiguration--------------------*/

small {

}


.post
{
  color: #333333;
  font-size: 1.3em;
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
}

.post_leistungen {
	color: #ffffff;
  	font-size: 1.3em;
  	font-family: 'Oswald', sans-serif;
}

.post_kunden {
	color: #ffffff;
  	font-size: 1.3em;
  	font-family: 'Oswald', sans-serif;
}


h1
{
  font-size: 2.2em;
  /*color: #666666;*/
  color: #333333;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
}

h1.topheadline {
	text-align: center;	
	color: #ffffff;
	font-size: 6.4em;
	padding: 25% 0% 0% 0%;
	text-shadow: 0.1em 0.05em 0.05em #333333;
	font-family: 'Oswald';
	line-height: 1.2em;
}

h2
{
  font-size: 3.0em;
  color: #8a5f3f;
  font-family: 'Finger Paint', cursive;
  font-weight: 700;
  /*text-transform: lowercase;*/
  margin-bottom: 40px;
  margin-top: 20px;
  text-shadow: 0px 0px 70px #ffffff;
}

h3
{
  font-size: 1.8em;
  color: #8a5f3f;
  font-family: 'Oswald', serif;
  font-weight: 400;
  margin-bottom: 15px;
}
 
h4
{
  font-size: 1.2em;
  font-family: 'Oswald', serif;
  color: #333333;
  font-weight: 400;
  margin-bottom: 10px;
}
 
h5
{
  font-size: 1.2em;
  font-family: 'Oswald', serif;
  color: #333333;
  font-weight: 400;
}

 
.entry
{
  margin-top: 25px;
  margin-bottom: 35px;
}
 
.postmetadata
{
  padding: 2px;
  font-size: 0.8em;
}
 
.postmetadata a
{
  color: #555555;
}

.postmetadata a:hover
{
  color: #333333;
  text-decoration: underline;
}

.post p
{
  line-height: 1.5em;
  margin-bottom: 1em;
}

.post_leistungen p, .post_kunden p
{
  line-height: 1.5em;
  margin-bottom: 1em;
}


blockquote
{
  background: #ffffff;
}
 
.post li
{
  margin-left: 30px;
  margin-bottom: 5px;
}
 
.post ul
{
  /*list-style-image: url(images/listitem.png);*/
  list-style-type: disc;
  margin-bottom: 10px;
  margin-left: 20px; /*60*/
}

.post ol
{
  list-style-type: decimal;
  /*list-style-type: none;*/
}

li.empty {
	list-style-type: none;
}

ol.checkliste {
	list-style-image: url(images/check-green.png);
}
 
acronym, abbr, span.caps
{

}
 
acronym, abbr
{
  border-bottom: 1px dashed #999;
}
 
blockquote cite
{
  margin: 5px 0 0;
  display: block;
}
 
.center
{
  text-align: center;
}
 
a img
{
  border: none;
}
 
.post a
{
  color: #995f3b;
}

.post a:hover
{
  color: #995f3b;;
}



/*--------------------Single Konfiguration (nav)--------------------*/

.navigation
{
  display: block;
  padding-bottom: 10px;
}
 
.alignleft
{
  float: left;
  text-align: left;
  /*width: 50%;*/
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
 
.alignright
{
  float: right;
  text-align: right;
  /*width: 50%;*/
}

.alignleft2
{
  float: left;
  text-align: left;
  width: 60%;
}
 
.alignright2
{
  float: right;
  text-align: right;
  width: 40%;
}

.alignleft3
{
  float: left;
  text-align: left;
  width: 50%;
}
 
.alignright3
{
  float: right;
  text-align: left;
  width: 50%;
}

.alignleft4
{
  float: left;
  text-align: left;
  width: 70%;
}
 
.alignright4
{
  float: right;
  text-align: right;
  width: 30%;
}

/*-- 

.entrytext .postmetadata
{
  font-size: 1.1em;
  background-color: #FDE5C3;
  width: 70%;
  margin: 2em auto3.5em auto;
  border: 1px dotted #e9b17b;
  padding: 5px;
  padding-left: 45px;
  background: #FDE5C3 url(images/metadata.png) no-repeat   scroll top left;
}

*/


/*-------------------- Kommentare Konfiguration--------------------*/

ol.commentlist
{
  width: 90%;
  margin: 0 auto;
  /*list-style-image: url(images/listitem.png);*/
}
 
ol.commentlist li
{
  margin-bottom: 1.5em;
  border: 1px solid #bababa;
  padding: 5px;
  background-color: #ececec;
}
 
ol.commentlist li.alt
{
  background-color: #e0e0e0;
}
 
ol.commentlist a
{
  color: #555555;
}

ol.commentlist a:hover
{
  color: #333333;
}

/* Gaestebuch */

ol.commentlist2
{
  width: 90%;

}

ol.commentlist2 li
{
  margin-bottom: 1.5em;
  border: 1px solid #bababa;
  padding: 5px;
  background-color: #ececec;
  list-style-type: none;
}
 
ol.commentlist2 li.alt
{
  background-color: #e0e0e0;
}
 
ol.commentlist2 a
{
  color: #555555;
}

ol.commentlist2 a:hover
{
  color: #333333;
}

/* Gaestebuch Ende */
 
small.commentmetadata
{
  font-size: 0.8em;
  margin-bottom: 1em;
  display: block;
}

/* TABELLEN TABLES */

table td {

	padding:5px 10px 5px 10px;

}


/*-------------------- Formular Konfiguration --------------------*/

/*
#commentform input
{
  border: 1px solid #bababa;
  background-color: #cccccc;
}
*/

#commentform
{
  width: 64%;
  background-color: white;
}
/*
option, textarea, input, select, file {  
    font-family: 'Oswald', sans-serif;
    font-size: 12px;
    color: #ffffff; 
    border: 0px solid #000000;
}*/

option, input, select, file {  
    font-family: 'Oswald', sans-serif;
    font-size: 1.0em;
    color: #333333; 
	line-height: 1.2;
	max-width: 300px;
	width: 100%;
	padding: 4px;
	border: 0;
}

textarea {  
    font-family: 'Oswald', sans-serif;
    font-size: 1.0em;
    color: #333333; 
    background-color: #ffffff; 
	line-height: 1.2;
	max-width: 520px;
	width: 100%;
	padding: 4px;
	border: 0;
}

/* Breadcrumbs */

#breadcrumbs{
    list-style:none;
    /*margin:20px -20px;*/
	padding: 5px 0px 0px 0px;
    overflow:hidden;
}
 
#breadcrumbs li{
    float:left;
    margin-right:5px;
	margin-left: 0;
	margin-top: 0;
}

#breadcrumbs li a{
    color: #995f3b;
}

#breadcrumbs li a:hover{
    color: #995f3b;
	text-decoration: underline;
}
 
#breadcrumbs .separator{
    color:#666666;
}


/*PAGINATION */

.pagination {
clear:both;
padding:15px 0px 0px 0px;
position:relative;
font-size:1.10em;
}

.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#333;
background: #f2f2f2;
border: 1px solid #cccccc;
}

.pagination a:hover{
color:#fff;
background: #995f3b;
}

.pagination .current{
padding:6px 9px 5px 9px;
background: #995f3b;
color:#fff;
}

/* Gravatar */

.gravatar {

float: right;

}

/*WP Gallery*/

.gallerybox {
 float: left;
 width: 238px; /*25%*/
 margin-right: 2%;
 padding: 20px;
 background: #333;
 box-sizing: border-box;
 min-height: 200px;
}

#gallery-1 img {
	border: 0px !important;
} 

.attachment-thumbnail {
	
}

.gallery-item {
	/*width: 100% !important;*/
}

/* PW protected */

.pass-label { /*display: none;*/ }

.button {
    background-color: #995f3b;
    color:#fff;
    border: 0;
    margin: 0;
	max-width: 100px;
    height: 31px;
    font-size: 12px;
    cursor: pointer;
}

/* NINJA FORMS */


.ninja-forms-required-items {
	display:none;	
}

.ninja-forms-field {
	padding: 4px;
	border: 1px solid #995f3b;
	background-color: #e2d0c7;
}

#nf-field-4,
#nf-field-9,
#nf-field-14 {
	background-color: #995f3b;	
	color: #ffffff;
	cursor: pointer;
}

#nf-field-4:hover,
#nf-field-9:hover,
#nf-field-14:hover {
	background-color: #666666;	
	color: #ffffff;
	cursor: pointer;
}

.ninja-forms-success-msg {
	color: #008000;
}

.ninja-forms-error-msg {
	color: #ff0000;
	padding-bottom: 15px;
}

.ninja-forms-field-error {
	display: none;
}

.ninja-forms-req-symbol {
	/*color: #333333 !important;*/
	display: none;
}

.ninja-forms-field {
	color: #333333;
	font-size: 1.0en;
	font-weight: 300 !important;
}

#ninja_forms_field_9
{
	background-color: #ffffff;	
	color: #995f3b;
	font-weight: bold !important;
}

.textarea-wrap textarea {
	height: 150px !important;	
}

.ninja-forms-form-wrap label {
	font-size: 1.0em;	
	font-weight: 300 !important;
}


/* RESPONSIVE STUFF */

img {
	/*width: auto;*/
	max-width: 100%;
	height: auto;
}

img.size-full {
	margin: 0 auto;
	max-width: 95%;
}

.wrapword {
    word-wrap: break-word;         /* All browsers since IE 5.5+ */
    overflow-wrap: break-word;     /* Renamed property in CSS3 draft spec */
}

.iframe-wrapper {
	position: relative;
	padding-bottom: 56.272%;
	height: 0;	
}

iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
}

/* OTHER */

.innenabstand {
	margin-right: 20px;
}

.innenabstandnews {
	margin-left: 0px;
	margin-right: 0px;	
}

#portfolio {
	color: #333333;
	min-height: 200px;
	margin: 0% 1% 1% 1%;
}

.portfolio-element
{
  float: left;
  text-align: left;
  width: 30%;
}

.footericon {
	padding-bottom: 5px;	
}

/*slider*/
.flex-direction-nav a {
    background: rgba(0, 0, 0, 0) url("images/bg_direction_nav.png") no-repeat scroll 0 0 !important;
}

.flex-direction-nav .flex-prev {
    background-position: 0 100% !important;
    left: 5px !important;
}

.flex-direction-nav .flex-next {
    background-position: 100% 0 !important;
    right: 5px !important;
}

/* TOGGLE */

h3.trigger {
	
}

.toggle_container {
overflow: hidden;
}

/* Responsive Nav */

nav, ul, li, a  {margin: 0; padding: 0;}

.container {
    position: absolute;
    /*margin: 0px auto;*/
	/*float: right;*/
	top: 72px;
	right: 15%;
}

.toggleMenu {
    display:  none;
    padding: 12px 10px;
    color: #fff;
	background-color: #8a5f3f;
}
.menu {
    list-style: none;
     *zoom: 1;
}
.menu:before,
.menu:after {
    content: " "; 
    display: table; 
}
.menu:after {
    clear: both;
}
.menu ul {
    list-style: none;
    width: 12em;
}

.menu a {
    padding: 10px 10px;
	color: #ffffff;
	display: block;
	width: auto;
	text-decoration: none;
}

.menu a:hover {
    padding: 10px 10px;
	background: #8a5f3f;
    color: #ffffff;
}

.menu li {
    position: relative;
	font-size: 20px;
	font-weight: 700;
}

.menu > li {
    float: left;
}
.menu > li > .parent {
    background-repeat: no-repeat;
    background-position: right;
}

.menu > li > a {
    display: block;
}

.menu > li.hover > .parent {
	background: #8a5f3f;
	color: #ffffff;
}

.menu li ul {
    position: absolute;
    /*left: -999px;*/
	display: none;
}

.menu > li.hover > ul {
    /*left: 0;*/
	display: block;
}

.menu li li.hover ul {
	display: block;
    left: 100%; /*right: 100%; = nach links aufklappen*/
    top: 0;
}

.menu li li {
    display: block;
    background: #995f3b;
	color: #fff;
    position: relative;
    z-index:100;
}

.menu li li a {
    display: block;
    background: #995f3b;
	color: #fff !important;
    position: relative;
    z-index:100;
}

.menu li li .parent {
	background-image: url("images/rightArrow.png") !important;
    background-repeat: no-repeat !important;
    background-position: 95% 50% !important;
}

.menu li li a:hover {
    display: block;
    background: #fff;
	color: #995f3b !important;
    position: relative;
    z-index:100;
}

.menu li li li a {
    background:#995f3b;
    z-index:200;
}

/*icon*/
/*
.menu li span {
	display: block;
}

.menu i{
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.menu i {
	position: relative;
	display: inline-block;
	margin: 0 auto;
	padding: 0.2em 0.2em 0.3em 0.2em;
	border-radius: 50%;
	font-size: 1.0em;
}
*/

/* Placing the icon */
.icon {
	/*padding-top: 1.4em;*/
	text-align: center;
}

.icon + span {
	/*margin-top: 1.1em;*/
	-webkit-transition: margin .5s;
	-moz-transition: margin .5s;
	-o-transition: margin .5s;
	-ms-transition: margin .5s;
	transition: margin .5s;
}

@media screen and (max-width: 1500px) {
	#logo {
		width: 250px;
		height: 101px;
		margin-top: 14px;
	}
	
	#header {
		height: 220px;
		background: url(images/header-bg.png) no-repeat center top;
		background-size: 100% 80%;
	}
	
	.sliderplaceholder {
		padding-top: 20px;	
	}
	
	.container {
		top: 40px;	
	}
}

@media screen and (max-width: 1400px) {

    .span_8_of_12 {
		width: 74%; 
	}
	
	.span_2_of_12 {
		width: 13%;
	}
	
	.span_2_of_12_f {
		width: 20%;	
	}
	
	.span_1_of_12_f {
		width: 10%;	
	}
	
	#logo {
		margin-left: 0px;	
	}
	
	.container {
		right: 11%;	
	}
		
}

@media screen and (max-width: 1267px) {

    .span_8_of_12 {
		width: 90%; 
	}
	
	.span_2_of_12 {
		width: 5%;
	}
	
	.span_2_of_12_f {
		width: 22.5%;	
	}
	
	.span_1_of_12_f {
		width: 11.25%;	
	}
	
	#header {
		background: url(images/header-bg-ohne-1280.png) no-repeat center top;
		background-size: 100% 80%;
		
		position: relative;
	}

	#slider {
		margin-top: -100px;
	}
	
	.sliderplaceholder {
		padding-top: 0px;	
	}
	
	.container {
		width: 100%;
		/*margin: 10px auto;*/
		right: 0;
		top: 0px;
		margin-top: -50px;
	}
	
	.toggleMenu {
		position: absolute;
		right: 5%;
		top: 90px;
	}
	
	.menu {
		list-style: none;
		 *zoom: 1;
		 background: #995f3b;
		 margin-top: 10px;
		 position: absolute;
		 top: 170px;
		 width: 100%;

		opacity: 0.90;  
		-moz-opacity: 0.90; 
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";  
		filter:alpha(opacity=90);
	}
	
	.menu a {
		padding: 10px 20px; /* 10 20 */
		color:#fff;
	}
	
	/*hover abstellen*/
	.menu a:hover {
		padding: 10px 20px; /* 10 20 */
		background: #ffffff;
		color: #995f3b;
	}
			
    .active {
        display: block;
    }
	
    .menu > li {
        float: none;
    }
	
    .menu > li > .parent {
        background-position: 95% 50% !important;
		background-image: url("images/downArrow.png") !important;
		background-repeat: no-repeat !important;
    }
	
	.menu > li.hover > .parent {
        background-position: 95% 50% !important;
		background-image: url("images/upArrow.png") !important;
		background-repeat: no-repeat !important;
		background-color: #8a5f3f;
		color: #ffffff;
	}

	.menu li li .parent {
        background-position: 95% 50% !important;
		background-image: url("images/downArrow.png") !important;
		background-repeat: no-repeat !important;
    }
	    
	.menu li li.hover .parent {
		background-image: url("images/upArrow.png") !important;
        background-repeat: no-repeat !important;
        background-position: 95% 50% !important;
    }

		
    .menu ul {
        display: block;
        width: 100%;
    }
   .menu > li.hover > ul , .menu li li.hover ul {
        position: static;
    }
	
}

@media screen and (max-width: 1150px) {
		
}



@media screen and (max-width: 1041px) {
	
	/*margin und padding left in mobile*/
	
	h1.topheadline {
		font-size: 5em;
	}
		
	.post, .post_leistungen, .post_kunden, .innenabstand, .copyright {
		margin-left: 18px;
		margin-right: 18px;
	}
		
	.span_8_of_12 {
		width: 100%; 
	}
	
	.span_2_of_12 {
		width: 0%;	
	}
	
	.span_2_of_12_f {
		width: 25%;	
	}
	
	.span_1_of_12_f {
		width: 12.50%;	
	}
/*	
	.container {
		width: 100%;
		margin: 10px auto;
	}
	
	.toggleMenu {
		position: absolute;
		right: 20px;
		top: 73px;
	}
	
	.menu {
		list-style: none;
		 *zoom: 1;
		 background: #995f3b;
		 margin-top: 10px;
		 position: absolute;
		 top: 170px;
		 width: 100%;

		opacity: 0.99;  
		-moz-opacity: 0.99; 
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";  
		filter:alpha(opacity=99);
	}
	
	.menu a {
		padding: 10px 20px;
		color:#fff;
	}
	
	.menu a:hover {
		padding: 10px 20px;
		background: #ffffff;
		color: #995f3b;
	}
			
    .active {
        display: block;
    }
	
    .menu > li {
        float: none;
    }
	
    .menu > li > .parent {
        background-position: 95% 50% !important;
		background-image: url("images/downArrow.png") !important;
		background-repeat: no-repeat !important;
    }
	
	.menu > li.hover > .parent {
        background-position: 95% 50% !important;
		background-image: url("images/upArrow.png") !important;
		background-repeat: no-repeat !important;
		background-color: #8a5f3f;
		color: #ffffff;
	}

	.menu li li .parent {
        background-position: 95% 50% !important;
		background-image: url("images/downArrow.png") !important;
		background-repeat: no-repeat !important;
    }
	    
	.menu li li.hover .parent {
		background-image: url("images/upArrow.png") !important;
        background-repeat: no-repeat !important;
        background-position: 95% 50% !important;
    }

		
    .menu ul {
        display: block;
        width: 100%;
    }
   .menu > li.hover > ul , .menu li li.hover ul {
        position: static;
    }
*/	
	#logo {
		margin-left: 20px;	
	}
		
}


@media screen and (max-width: 900px) {

	h1.topheadline {
		font-size: 4em;	
		padding: 35% 0% 0% 0%;
	}

	h2 {
		font-size: 2.5em;
	}
	
	.span_2_of_12_f {
		width: 33%;	
	}
	
	.span_1_of_12_f {
		width: 33%;
	}
	
}

@media screen and (max-width: 780px) {
	
	#portfolio {
		width: 95%;
	}
	
	.portfolio-element
	{
	  float: left;
	  text-align: left;
	  width: 30%;
	}
	
}

@media screen and (max-width: 650px) {

	h1.topheadline {
		font-size: 3em;
		padding: 35% 0% 0% 0%;
	}
	
	h2 {
		font-size: 2.0em;
	}
		
	h3 {
		font-size: 1.4em;	
	}
	
	.span_2_of_12_f {
		width: 50%;	
	}
	
	.span_1_of_12_f {
		width: 25%;
	}
	
}

@media screen and (max-width: 500px) {
	
	h1.topheadline {
		font-size: 2.4em;
		padding: 45% 0% 0% 0%;
	}
	
	h2 {
		font-size: 1.6em;
	}
			
	.span_2_of_12_f {
		width: 100%;	
	}
	
	.span_1_of_12_f {
		width: 100%;
	}
}

@media screen and (max-width: 400px) {
	
	h2 {
		font-size: 1.2em;
	}
		
	img.size-full {
		padding-right: 10px;
		padding-left: 10px;
	}
	
	#logo {
		width: 180px;
		height: 73px;
		margin-top: 25px;
	}
	
}

@media screen and (max-width: 300px) {
	
	h2 {
		font-size: 1.0em;
	}
	
	#logo {
		width: 160px;
		height: 65px;
		margin-top: 30px;
	}
		
}

a.wt-cli-manage-consent-link {
	cursor: pointer;	
	margin-bottom: 15px;
}