/*
Theme Name: Daun
Theme URI: https://www.keepwebsimple.de
Author: Ansgar Böttcher
Author URI: https://www.keepwebsimple.de
Description: Theme für den Malerbetrieb Daun 
Version: 1.01
License: 
License URI: 
Tags: 
Text Domain: kws_daun

*/

@font-face { font-family: 'MerriweatherSans Light'; src: url('fonts/MerriweatherSans-Light.ttf') format('truetype'); }
@font-face { font-family: 'MerriweatherSans Regular'; src: url('fonts/MerriweatherSans-Regular.ttf') format('truetype'); }
@font-face { font-family: 'MerriweatherSans Italic'; src: url('fonts/MerriweatherSans-Italic.ttf') format('truetype'); }
@font-face { font-family: 'MerriweatherSans Bold'; src: url('fonts/MerriweatherSans-Bold.ttf') format('truetype'); }
@font-face { font-family: 'MerriweatherSans ExtraBold'; src: url('fonts/MerriweatherSans-ExtraBold.ttf') format('truetype'); }

.bgwhite	{ background: #ffffff; }
.bggrey		{ background: #f4f4f4; }

.table { display:table; }
.tablerow { display:table-row; }
.tablecell { display:table; }

a, a:visited { text-decoration: none; color: rgba(0,130,55,1); cursor: pointer; transition: all 0.5s ease-in-out; font-family: "MerriweatherSans Regular", "Helvetica Neue", Helvetica, Arial; }
a:hover { /*color: rgba(96,71,49,1);*/ }

a.notrans, a.notrans:visited { -moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none; }

button.search-submit { cursor: pointer;  }

.site-inner a.more { border-bottom: 2px solid rgba(0,130,55,0); padding-bottom: 5px; }
.site-inner a.more:hover { border-bottom: 2px solid rgba(0,130,55,1); }

a.buttonize { display: block; color: #fff; background: rgba(0,130,55,1); padding: 2px; width: 127px; text-align: center; font-weight: 500; }
a.buttonize:hover { background: rgba(96,71,49,1); }

a.more:before {
	content: url("/wp-content/themes/daun/img/right-arrow.png");
	position: relative;
	top: -1px;
	padding-right: 0.5em;
}

p { margin: 15px 0; }
p.more { margin-bottom: 0; }

ul { margin: 0; padding:0; list-style-type: none; }
li { display: inline-block;}

h1, h2, h3 { color: #363333; text-transform: uppercase; letter-spacing: 0.02em; }

.subline { color: #363333; line-height: 1.3em; }


h1 { font-family: "MerriweatherSans ExtraBold", "Helvetica Neue", Helvetica, Arial;
	font-size: 26px; text-transform: uppercase; line-height: 1.2em; margin-top: 0px; margin-bottom: 0.3em;
	/*-moz-hyphens: none; -o-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none;*/ }
h2, h3 { font-family: "MerriweatherSans Bold", "Helvetica Neue", Helvetica, Arial;
		font-size: 20px; line-height: 1.2em; 
	border-left: 5px solid #008237;
	padding: 0.3em 0 0.3em 0.45em;
}

.search-results .unterseite h2 { font-size: 20px; border:none; margin-top: 2em; padding:0;}

.col-12 .subline { font-family: "MerriweatherSans ExtraBold", "Helvetica Neue", Helvetica, Arial; font-size: 20px; }


.text li::before, .content-area li::before {
		position: relative;
	  	content: url('/wp-content/themes/daun/img/square.png');
	  	top: -1px;
	  	left: -1.2em;
		margin-right: -0.7em;
	}

ul.check, ul.thumbup { list-style-type: none; padding-left: 2em;}
.text ul, .content-area ul { list-style-type: none; padding-left: 1em;}
ul.check li:before,  ul.thumbup li:before, .text li::before, .content-area li::before {
    position: relative;
    /*float: left;*/
    font-family: 'Glyphicons Regular';
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    content: "\e153";
    color: #008237;
    font-size: 22px;
    height: 35px;
    top: 2px;
    left: -1.5em;
    margin-right: -1em;
    /*right: 0.5em;*/
}
	 ul.thumbup li:before { content: "\e344"; font-size: 30px; top: 7px;}
	 .text li::before, .content-area li::before { content: "\e176"; font-size: 17px; }


.centered { text-align: center; }

.subline { font-weight: bold; }
.hyphens, .unterseite p, form p { /*-moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;*/ }

* {
    box-sizing: border-box;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    float: left;
    position: relative;
	min-height: 1px;
	padding-left: 17px;
	padding-right: 17px;
	width: 100%;
  }

  .col-1 img, .col-2 img, .col-3 img, .col-4 img, .col-5 img, .col-6 img, .col-7 img, .col-8 img, .col-9 img .col-10 img, .col-11 img .col-12 img { width: 100%; }

.teaserbox.col-3 { padding: 0;}

  /*.col-12 {width: 100%}
  .col-11 {width: 91.6666%}
  .col-10 {width: 83.3333%}
  .col-9 {width: 75%}
  .col-8, .ccol-8 {width: 66.6666%}
  .col-7, .ccol-7 {width: 58.3333%}
  .col-6 {width: 50%}
  .col-5, .ccol-5 {width: 41.6666%}
  .col-4, .ccol-4 {width: 33.3333%}
  .col-3 {width: 25%}
  .col-2 {width: 16.6666%}
  .col-1 {width: 8.3333%}*/

  .row {
  	float:left;
  	width:100%;
	}

	.galerie { float:left; width:100%; }

	.container { display:inline-block; width: 100%;}

	section {
		padding: 60px 0;
	}

/*	header .col-7 {width: 58.3333%}
	header .col-5 {width: 41.6666%}*/


.col-7 img, .col-6 img, .col-4 img, .col-3 img { width: 100%; height: auto; }

.col-7 img.sipgateGCXClick2DialBubbleIMG, .col-4 img.sipgateGCXClick2DialBubbleIMG { height: auto; width: auto; }

.top-0 { margin-top:0; }
.top-s {margin-top: 15px}
.top-m {margin-top: 30px}
.top-l {margin-top: 45px}
.top-xl{margin-top: 60px}
.bottom-s {margin-bottom: 15px}
.bottom-m {margin-bottom: 30px}
.bottom-l {margin-bottom: 45px}
.bottom-xl{margin-bottom: 60px}

.nopad, header .row.nopad { padding:0; }

body { margin: 0; padding: 0; 
	font-family: "MerriweatherSans Light", "Helvetica Neue", Helvetica, Arial;
	font-size: 17px;
	line-height: 1.6rem;
	background-color: #fff;
	color: #363333;
}




header { 
	width: 100%;
	/*position: fixed;*/
	position: relative;
	/*height: 120px;*/
	z-index: 30;
}

header img#logo { width: 95%; height: auto !important; margin-top: 5px; }

.mm-menu.mm-offcanvas { z-index: 9999!important;}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	/* many screen reader and browser combinations announce broken words as they would appear visually */
	word-wrap: normal !important;
}

/* must have higher specificity than alternative color schemes inline styles */
.site .skip-link {
	background-color: #f1f1f1;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: 600;
	left: -9999em;
	outline: none;
	padding: 15px 23px 14px;
	text-decoration: none;
	text-transform: none;
}

header { 	border-bottom: 2px solid #aaaaaa; 
			-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2);
            -moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2);
            box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2);
 }

 .mobilecontact { display: none; }

.slider.sliderflat { /*position: absolute; top: 0;*/ }
.rev_slider li { opacity: 0; }
.rev_slider, .rev_slider .subline { color: #fff;}
.slidecontent { display: none;}
.rev_slider .counter span.line { font-size: 30px; width: 37%; padding-bottom: 20px; border-bottom: 5px solid #fff; text-align: left; display: inline-block;}
.rev_slider .headline { margin-top: 40px; text-transform: uppercase; font-size: 67px; line-height: 75px; letter-spacing: 0.05em; font-weight: 600; }
.rev_slider .subline { margin-top: 40px; font-size: 48px; line-height: 60px; letter-spacing: 0.05em; font-weight: 300; }

#site-navigation { text-align: right; }

/*.subpage h1, .blog h1 { 
	display: inline-block; margin-top: 0; margin-bottom: 20px; text-transform: none;
	color: rgba(231,126,37,1); font-size: 35px; line-height: 1.2em; letter-spacing: 0; font-weight: 600; 
	padding-top: 30px; border-top: 4px solid rgba(231,126,37,1);
}

.subpage h2 {
	color: rgba(231,126,37,1); margin-top: 25px; margin-bottom: 15px;
}*/

article.subpage, .subpage .container { margin-bottom: 70px; }

#main { margin: 0; position: relative; /*top: 120px;*/ display: block; padding-bottom: 90px}

/* ARROWS */
	.custom.tparrows {
		cursor:pointer;
		background: #333;
	  	background: rgba(54,51,5,0.5);
		width:60px;
		height:120px;
		position:absolute;
		display:block;
		z-index:100;
		color: #ccc;
	}
	.custom.tparrows:hover {
		background: #333;
	  	background: rgba(54,51,5,0.9);
	  	color: #fff;
	}
	.custom.tparrows:before {
		font-family: "revicons";
		font-size:15px;
		color:#fff;
		display:block;
		line-height: 124px;
		text-align: center;
	}
	.custom.tparrows.tp-leftarrow:before {
		content: url("/wp-content/themes/daun/img/sl-caret-prev.png");
		margin: 7px;
	}
	.custom.tparrows.tp-rightarrow:before {
		content: url("/wp-content/themes/daun/img/sl-caret-next.png");
		margin: 7px;	
	}

	.rt-wpls .slick-prev, .rt-wpls .slick-next { width: 40px!important; height: 60px!important; }

	.rt-wpls .slick-prev::before {
		content: url("/wp-content/themes/daun/img/sl-caret-prev.png");
		color: #fff;
		position: relative;
		/*top: -7px;*/
	}

	.rt-wpls .slick-next::before {
		content: url("/wp-content/themes/daun/img/sl-caret-next.png");
		color: #fff;	
		position: relative;
		*/top: -7px;
	}

	.rt-row {
	    margin-left: -60px;
	    margin-right: -60px;
	    padding: 0 30px;
	    margin-top:30px;
	}




	.rt-wpls .slick-prev, .rt-wpls .slick-next { background: none; }

	.rt-wpls .slick-prev::before { margin-left: -20px;  }
	.rt-wpls .slick-next::before { margin-right: -20px; }

	.site-footer, .site-footer a { color: #ffffff; font-family: "MerriweatherSans Light", "Helvetica Neue", Helvetica, Arial; line-height: 1.6em; }
	.site-footer a:hover { color: #ffffff; text-decoration: underline;}
	.site-footer .row { margin-bottom:0; }
	.site-footer .heading { font-weight: bold; text-transform: uppercase; font-size: 17px;  color: #fff; }
	.site-footer .nav ul { margin-top: 13px; }
	.site-footer .nav ul li { display: block; margin: 0; padding-left: 1.7em; font-size: 17px; line-height: 1.6em; font-family: "MerriweatherSans Light", "Helvetica Neue", Helvetica, Arial; }
	.site-footer .nav ul li:before { position: relative; top: 0px; left: -1.7em; content: url("/wp-content/themes/daun/img/right-arrow-white.png"); }
	.site-footer .nav ul li a { display: block; margin-top: -1.5em; color: #fff; padding: 0px 0px 0px 2.8em; position: relative; left: -3em; overflow:hidden;}
	.site-footer .col-3 { padding: 10px 20px 0 20px; }
	.site-footer .col-3.img p { text-align: center; background: #fff; margin: 0 0 30px 0;}


	.site-footer .contact p { margin-left: -5px; }

	/* homeboxes */
	.homeboxes.row { margin-bottom: 60px; }
	.homebox { padding: 0 12px; margin-bottom: 60px; }


	.homebox .right { border-right: 5px solid rgba(147,97,55,1); height: 312px; padding: 0 24px; }
	.homebox img.icon { border-bottom: 3px solid rgba(231,126,37,1); display: block; margin: auto; }
	.homebox h2 { color: rgba(231,126,37,1); text-align: center; margin-top: 8px; margin-bottom: 12px; }

	.toblog { text-align: center; padding: 15px 0; }
	.homebox .more a, .toblog a { margin: auto; }

	.homebox .text { line-height: 1.3em; height: 184px; font-weight: 500; font-size: 0.9em; }

	.text li, .content-area li {
		position: relative;
		display: block;
		margin-left: 1.2em;
	}



	ul.case-studies li { height: 4em; }

	ul.case-studies li::before {
		position: relative;
	  	content: url('/wp-content/themes/daun/img/icon-pdf.png');
	  	top: 8.5px;
	  	left: -1.2em;
		margin-right: -0.7em;
	}

	section.image {
		background-size: cover;
		padding-top: 116px;
	}

	section.image h2 { 
		display: inline-block;
		color: #fff; letter-spacing: 3px; font-weight: 600; font-size: 67px; 
		padding-top: 45px; margin-top: 0; margin-bottom: 15px;
		border-top: 5px solid #fff;
	}
	section.image .subline { color: #fff; font-size: 1.33em; margin-bottom: 40px; font-weight: 500; letter-spacing: 0.05em; line-height: 1.3em; }
	section.image .text { color: #fff; font-weight: 500; margin-bottom: 30px; font-size: 17px; line-height: 1.4em;}

	section.news { font-weight: 500; color: #683c11;}
	section.news h2 { display: inline-block; font-size: 47px; letter-spacing: 0.04em; color: rgba(231,126,37,1); font-weight: 300; line-height: 1.1em; margin: 10px 0 15px 0; }
	section.news .teaser { font-size: 21px; line-height: 1.3em; }

	section.news img { width: 100%; height: auto; }

	section.news .item:nth-child(even) .wrapper { text-align: right; }

	section.leistungen h2 a { color: #363333; }

	.item h3 { border-left:none; font-family: "MerriweatherSans Bold", "Helvetica Neue", Helvetica, Arial; font-size: 17px; padding: 0; margin: 0.3em 0 0.3em 0em; line-height: 1.2em; }
	.item h3 a { color: #363333; display:inline-block;}

	.referenzen .item h3 a { line-height: 1.2em; }

	section.referenzenliste { padding-bottom: 0; }
	.referenzenliste .item { margin-bottom: 15px; }

	.item a { display: inline-block; }
	.item p { margin-top:0; }

	section.kundenstimmen { padding-top:0; }
	.kundenstimmen .col-6.image { padding-right: 0; }
	.kundenstimmen .col-6.image img { max-width: 200px; /*float: right;*/ margin-top: 15px;}
	.kundenstimmen ul.thumbup li { margin-bottom: 1em; font-family: "MerriweatherSans Italic", "Helvetica Neue", Helvetica, Arial;}

	.kundenstimmen .zitate { padding: 73px 40px 58px 40px; }

	.clear { clear: both; width: 100%;}

	.back-to-top {
	    width: 50px;
	    height: 50px;
	    border-radius: 50%;
	    text-align: center;
	    background: rgba(54,51,51,1);
	    color: #fff;
	    font-size: 1.2em;
	    display: inline-block;
	    padding-top: 8px;
	    padding-left: -4px;
	    position: fixed;
	    right: 20px;
	    bottom: 20px;
	    z-index: 99999999;
	    -webkit-box-shadow: 0px 0px 2px rgba(200,200,200,1);
        -moz-box-shadow: 0px 0px 2px rgba(200,200,200,1);
	    box-shadow: 0px 0px 2px rgba(200,200,200,1);
	}

	section.news.partners .image a { display: inline-block; border: 2px solid rgba(231,126,37,1); width: 100%; height: 100%; padding: 20px; margin-top: 21px;}

	section.news.partners .item:nth-child(odd) .col-3:before,
	section.news.partners .item:nth-child(even) .col-3:before,
	section.news.partners .item:nth-child(odd) .col-3:after,
	section.news.partners .item:nth-child(even) .col-3:after  { display: none; }
	section.news.partners h2 { margin-top: 0; }
	section.news.partners .item { margin-bottom: 90px; }


	a.back-to-top:hover { background: rgba(0,130,55,1); color: #fff; cursor:pointer; }

	.back-to-top i { transform: rotate(270deg); }

	footer { background: rgba(54,51,51,1) }

	form.search-form { display: inline-block;}
	.search img { display: inline-block; position: relative; top: 3px; margin-right: 10px; }
	form.search-form button, .contactform input[type="submit"] { display: inline-block; color: #363333; background: #f4f4f4; width: 127px; height: 30px; text-align: center; font-weight: bold; border: 1px solid #f0f0f0; font-size: 17px;}
	form.search-form input { display: inline-block; height: 30px; width: 200px; border: 1px solid #363333; margin-top: -1px; font-size: 15px; padding-left: 5px; margin-bottom: 15px;  margin-right: 10px; }

	.contactform textarea { width: 100%; font-size: 15px; }
	.contactform label { font-size: 15px; }
	.contactform input { font-size: 15px; padding: 5px; margin: 5px 0;}

	.contactform textarea, .contactform input { border: 1px solid #594200; }

	section.publications { margin-bottom: 30px;}
	section.publications .item:nth-child(10n+2) a { margin-top: 30px; }
	section.publications a { color: #fff; display: inline-block;}
	section.publications a:hover { color: #683c11; }
	section.publications .item:nth-child(3n+0) a { background: #936037; }
	section.publications .item:nth-child(3n+1) a { background: #cb6615; }
	section.publications .item:nth-child(3n+2) a { background: #683c11; }

	section.publications .item:nth-child(3n+0) a:hover { background: #efe6df; }
	section.publications .item:nth-child(3n+1) a:hover { background: #efe6df; }
	section.publications .item:nth-child(3n+2) a:hover { background: #efe6df; }

	section.publications .item a > div { padding: 20px;}

	section.publications h2 { color: #fff; margin: 0; font-weight: 500; font-size: 21px; transition: all 0.5s ease-in-out; }
	section.publications a:hover h2 { color: #683c11; transition: all 0.5s ease-in-out; }

	section.publications .year, section.publications .type { float: right; }
	section.publications .year { text-align: right; font-weight: 500; font-size: 21px; }

	section.publications .authors, section.publications .journal, section.publications .doi { padding-top:0!important;}

	.pagination { width: 100%; text-align: center; display: inline-block; margin-bottom: 35px}

	.pagination span.page-numbers, .pagination a.page-numbers { padding: 8px 12px; color: #fff; border-radius: 3px; }
	.pagination span.page-numbers { background: rgba(231,126,37,1);}
	.pagination a.page-numbers { background: #594300;}
	.pagination a.page-numbers:hover { background: rgba(231,126,37,1);}
	.pagination a.next, .pagination a.prev { font-weight: bold; font-size: 20px; padding-top:3px; padding-bottom: 7px }

	.subfooter { text-align: center; color: #363333; font-size: 15px; padding: 15px 0;}
	.subfooter a { color: #363333; padding: 3px; text-transform: uppercase;}
	.subfooter a:hover { color: #008237; text-decoration: none;}

	/* galerie */
	.galerie { padding: 7px 7px 3px 7px; margin-bottom: 14px; }
	.galerie a { display: inline-block; line-height: 0.8em; margin: 7px;  overflow: hidden;}
	.galerie img { }
	.galerie .col-6 { padding: 0; line-height: 0.8em; }

	.referenzen a, .leistungen a { overflow: hidden; display: inline-block; line-height: 0.8em; }
	/*.referenzen a.more, .leistungen a.more { width: auto; }*/

	.leistungen h2 a { line-height: 1.2em; }

	.galerie a img, .referenzen a img, .leistungen a img { 
		-webkit-transition: all 1.5s ease-in-out; 
	    -moz-transition: all 1.5s ease-in-out;
	    -o-transition: all 1.5s ease-in-out; 
	    -ms-transition: all 1.5s ease; 
	    transition: all 1.5s ease;
	    width: 100%;
	    }	

	.galerie a:hover img, .referenzen a:hover img, .leistungen a:hover img {
	    -webkit-transform:scale(1.15); 
	    -moz-transform:scale(1.15); 
	    -ms-transform:scale(1.15); 
	    -o-transform:scale(1.15); 
	     transform:scale(1.15);
	}

	/* =isoTope Filter
	-------------------------------------------------------------- */
	.isotope-item{   
	  z-index: 2 
	}
	.isotope-hidden.isotope-item {
	 pointer-events: none;
	 z-index: 1;
	}
	.isotope,
	.isotope .isotope-item{
	 -webkit-transition-duration: .6s;
	 -moz-transition-duration: .6s;
	 -ms-transition-duration: .6s;
	 -o-transition-duration: .6s;
	 transition-duration: .6s;
	}
	.isotope{
	 -webkit-transition-property: height, width;
	 -moz-transition-property: height, width;
	 -ms-transition-property: height, width;
	 -o-transition-property: height, width;
	 transition-property: height, width;
	}
	.isotope .isotope-item{
	 -webkit-transition-property: 0 opacity;
	 -moz-transition-property: 0 opacity;
	 -ms-transition-property: 0 opacity;
	 -o-transition-property: top, left, opacity;
	 transition-property: transform, opacity;
	}
	.isotope.no-transition,
	.isotope.no-transition .isotope-item,
	.isotope .isotope-item.no-transition{
	 -webkit-transition-duration: 0;
	 -moz-transition-duration: 0;
	 -ms-transition-duration: 0;
	 -o-transition-duration: 0;
	 transition-duration: 0;
	}

	.filter-button-group a { 
		background: #f4f4f4; border: none; 
		padding: 12px 12px; 
		font-family: "MerriweatherSans Regular", "Helvetica Neue", Helvetica, Arial;
		font-size: 16px;
		color: #363333;
	 }
	 .filter-button-group a:hover, .filter-button-group a.active { color: #ffffff; background: #008237;}


	 .unterseite h2, .unterseite h3 { margin-top: 45px; }
	 .unterseite h2:nth-child(0) { margin-top: 0; }

	table.details { width: 100%; }
	table.details tr:nth-child(odd) { background: #e9e9e9; }
	table.details tr:nth-child(even) { background: #f4f4f4; }
	table.details tr:hover { background: #008237; color: #fff; }
	table.details td { padding: 0.7em 0.5em; vertical-align: top; border-bottom: 1px solid #eee; }
	table.details td.label { width: 38%; }
	table.details td.value { width: 62%; }
	table.details p { margin-top:0; }
 	

 	.contact form input, .contact form textarea { 
 		width: 100%; padding: 7px; margin: 5px 0 15px 0;
 		font-family: "MerriweatherSans Light", "Helvetica Neue", Helvetica, Arial; font-size: 17px; color: #363333;
 		border: 2px solid #e4e4e4; 
 	}

 	.contact form input:hover, .contact form textarea:hover, .contact input.wpcf7-submit:hover { border: 2px solid #008237; cursor: pointer; } 

 	.contact input.wpcf7-submit { background: #f4f4f4; border: 1px solid #e4e4e4; margin-top: 15px;}
 	.contact input.wpcf7-submit:hover { background: #008237; border: 1px solid #40ce480; color: #ffffff;}

 	.contact form input[type=checkbox] { width: 17px; height: 17px; position: relative; top: 2px; margin-right: 0.5em; }

 	div[role=alert], .contact form input.wpcf7-not-valid { border: 2px solid red; padding: 7px; }

 	#cookieconsent-wrapper{text-align: center;height:100%;width:100%;position:fixed;top:0;left:0;z-index:99}#cookieconsent{-webkit-box-shadow:5px 5px 5px 0 rgba(0,0,0,.5);-moz-box-shadow:5px 5px 5px 0 rgba(0,0,0,.5);box-shadow:5px 5px 5px 0 rgba(0,0,0,.5);width:320px;margin:auto;height:auto;position:absolute;bottom:40px;left:0;right:0;z-index:100;background:#fff;color:#333;padding:20px 10px 13px 10px;font-size:14px;line-height:1.5em}#cookieconsent a{color:#008237;cursor:pointer}#cookieconsent a.optout{margin-bottom:.8em}#cookieconsent a.close{display:inline-block;background:#eaeaea;color:#008237;padding:.6em 1.15em;margin:.8em 0 1em 0;border-radius:2px}#cookieconsent a.close:hover{background:#008237;color:#ffffff;text-decoration:none}

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

	header { display: inline-block; padding-top: 12px; padding-bottom: 12px; }

	/*#main .col-3, #main .col-6 { width: 100%; }*/

	.desktop { display:none; }



	header img#logo { height: 80px !important; width: auto; margin: 10px 15px 0px 20px;}
	#site-navigation, #subnavi { display: none;}

	header .contact { display: none; }

	a.mm { color: #fff; background: rgba(0,130,55,1); padding: 6px 15px 4px 12px; margin-top: 32px; display: inline-block; text-align: center; float: right; margin-right: 25px; }
	.glyphicons-menu-hamburger { position: relative; top: -2px; right: 0em;}
	#mmenu:not( .mm-menu ) { display: none; }

	.content-area .container { display: inline-block; width: 94%; margin-left: 3%; margin-right: 3%;  }

	/*#main { margin: 0 0 30px 0; top: 30px; }*/

	#main .homebox img.col-6 { width: 62%; margin-left: 19%; }
	.homebox img.icon { margin-top: 15px; }
	.homebox .right, .homebox .text { height: auto; border: none; }
	.homebox .more { margin-top: 15px; }
	.homebox { /*border-top: 5px solid rgba(147,97,55,1);*/ padding-top: 15px; }
	.homeboxes.row { margin-bottom: 30px; }

	section.image { padding: 90px 0; text-shadow: 1px 1px 1px rgba(147, 97, 55, 0.7); }
	section.image .wrapper { display: inline-block; width: 80%; margin-left: 10%; margin-right: 10%;  }
	section.image h2 { padding-top: 30px; font-size: 45px; }

	section.news { margin-top: 60px; }
	#main .news .col-3 { width: 25%; margin-top: -1.5em; }
	#main .news .col-9 { width: 70%; }
	section.news .item:nth-child(odd) .col-3, .section.news .item:nth-child(even) .col-9 { float: left; }
	section.news .item:nth-child(even) .col-3, section.news .item:nth-child(odd) .col-9 { float: right; }

	section.news h2 { font-size: 30px; }
	section.news .teaser { font-size: 15px; }

	section.news .item:nth-child(odd) .col-3:before {
		position: relative;
		display:inline-block;
	  	content: url('/wp-content/themes/daun/img/newsdash-mob.png');
		top: 66px;
		right: -16px;
		float:right;
	}

	section.news .item:nth-child(even) .col-3:before {
		position: relative;
		display:inline-block;
	  	content: url('/wp-content/themes/daun/img/newsdash-mob.png');
		top: 66px;
		left: -16px;
	}

	footer .col-3 { width: 50%; margin-bottom: 30px;  }

	figure.alignleft, img.alignleft, figure.alignright, img.alignright, .alignleft img, .alignright img { width: 100%!important; height: auto; margin: 30px 0;}
	figure.aligncenter, img.aligncenter, .aligncenter img { width: 100%!important; height: auto; margin: 30px 0; }

	figcaption { padding: 0 20px 10px 20px; color: #683c11; font-weight: 500;  margin-top: -25px; }
	
	#main section.publications .col-3 { width: 75%; }
	#main section.publications .col-2 { width: 25%; }
	#main section.publications .col-7 { width: 100%; }


	.filter-button-group { display: inline-block; }
	.filter-button-group select { 
			width: 100%; background: #f4f4f4; 
			padding: 17px 17px; border: none;
			font-family: "MerriweatherSans Regular", "Helvetica Neue", Helvetica, Arial;
			font-size: 17px;
			color: #363333;
	}
	.filter-button-group select option { padding: 7px; }
	.filter-button-group a { 
		background: #f4f4f4; border: none; 
		padding: 17px 17px; 
		font-family: "MerriweatherSans Regular", "Helvetica Neue", Helvetica, Arial;
		font-size: 17px;
		color: #363333;
	 }
	 .filter-button-group a:hover, .filter-button-group a.active { color: #ffffff; background: #008237;}

 	.referenzen .col-4 a { width: 100%; }
 	.referenzen .col-4 a.more { width: auto; }

 	.site-footer .nav ul li, footer { font-size: 15px; }

 	.site-footer .nav ul li a { width: 135%; }

 	footer .container { display: inline-block; width: 100%; padding: 40px 40px; }

 	.kundenstimmen .col-6 { width: 100%; }

 	.kundenstimmen .col-6.image img { float: left; }



}

@media screen and (max-width: 420px) {
	.mobilecontact { font-size: 14px; }
}

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

	header img#logo { width: 100%; height: auto; padding: 10px; margin:0; }

	.mobilecontact { display: inline-block; float:left; width: 60%; padding-left: 20px; }
	a.mm { margin-top: 12px; }


	footer .col-3 { width: 100%; margin-bottom: 30px;  }

	#main .news.partners .col-3, #main .news.partners .col-9 { width: 100%}
	#main .news.partners .col-3 { margin-bottom: 20px; }

	#main .news.partners .item:nth-child(odd) .col-9 { padding-right: 10%;}
	#main .news.partners .item:nth-child(even) .col-9 { padding-left: 10%;}

}

@media screen and (min-width: 500px) {
	header .col-7 {width: 58.3333%}
	header .col-5 {width: 41.6666%}
	.kundenstimmen .col-6 .col-6 { width: 50%; }
}

@media screen and (max-width: 740px) {
	footer .col-4 { margin-bottom: 25px; }
	p.more { margin-bottom: 30px; }
	.zitate { width: 100%; }
}

@media screen and (min-width: 740px) {
	.col-12 {width: 100%}
  .col-11 {width: 91.6666%}
  .col-10 {width: 83.3333%}
  .col-9 {width: 75%}
  .col-8, .ccol-8 {width: 66.6666%}
  .col-7, .ccol-7 {width: 58.3333%}
  .col-6 {width: 50%}
  .col-5, .ccol-5 {width: 41.6666%}
  .col-4, .ccol-4 {width: 33.3333%}
  .col-3 {width: 25%}
  .col-2 {width: 16.6666%}
  .col-1 {width: 8.3333%}

  .marge-3 { margin-left: 25%; margin-right: 25%; }

  /*.row {
  	margin-left: -17px;
	margin-right: -17px;}*/

	section { padding: 90px 0; }

	.subline.start { width: 70%; line-height: 1.3em; }

	h1 { font-size: 36px; }
	h2, h3 { font-size: 24px; }
	.col-12 .subline { font-size: 25px; }
}

@media screen and (min-width: 950px) {

	header .tablecell { vertical-align: bottom; }

	.mobile { display: none;}
	#mmenu { display: none;}

	#topnavi .primary-menu li a { 
		display: inline-block; 
		/*padding-top: 56px; */
		border-left: 5px solid rgba(0,130,55,0); 
		transition: all 0.5s ease-in-out; 
		color: #363333;
		text-transform: uppercase;
		font-family: "MerriweatherSans ExtraBold", "Helvetica Neue", Helvetica, Arial;
		font-size: 20px;
		font-weight: 500;
		letter-spacing: 0.05em;
		margin-top: 5px;
		padding: 5px 10px;
	}

	#topnavi .primary-menu { margin-right: -10px; }

	#topnavi .primary-menu li a:hover, #topnavi .primary-menu li.current-menu-item a, #topnavi .primary-menu li.current-page-ancestor a { border-left: 5px solid rgba(0,130,55,0.8); background: #f4f4f4;}

	#topnavi .primary-menu ul.sub-menu { 
		position: absolute; 
		/*display: none;*/ 
		background: rgba(255,255,255,0.8); 
		transition: all 0.5s ease-in-out; 
		width: 100%;
		left: -43%;
		right: -27%;
	}
	

	#topnavi .primary-menu li.current-menu-item ul.sub-menu, #topnavi .primary-menu li.menu-item-has-children:hover ul.sub-menu {
		display: block;
	}

	#topnavi ul.sub-menu li a { 
		border-top: none;
		border-bottom: 5px solid rgba(231,126,37,0); 
		padding-top: 28px;
		font-size: 17px;
		font-weight: 500;
		letter-spacing: 0.02em;
		text-transform: none;
	}


	#topnavi ul.sub-menu li a:hover, #topnavi ul.sub-menu li.current-menu-item a { border-top: none; border-bottom: 5px solid rgba(231,126,37,0.8); }

	header .contact { font-family: "MerriweatherSans Regular", "Helvetica Neue", Helvetica, Arial; }

	header .contact .glyphicons { font-size: 1.3em; position: relative; top: -4px; }

	header .contact a { color: #363333; }

	#subnavi .bggrey { padding: 3px 15px; }
	#topnavi .nopad { padding-bottom: 7px; }

	#subnavi ul { display: flex; justify-content: space-between;}

	#subnavi li a {
		display: inline-block; 
		transition: all 0.5s ease-in-out; 
		color: #363333;
		background: #f4f4f4;
		text-transform: none;
		font-size: 18px;
		font-weight: 500;
		letter-spacing: 0.02em;
		padding: 0.2em 0.6em;
	}

	#subnavi li a:hover, #subnavi li.current_page_item a,  #subnavi li.current_page_parent a { color: #fff; background: #008237; }


	/*.search-form { margin-top: 63px;  }
	.search-form:focus { border-bottom: 2px solid rgba(89,66,0,0.8); }
	.search-form input { width: 80%; font-size: 20px; display: inline-block; border: none; color: #594200; background: none; padding: 2px;}
	.search-form button { display: inline-block;  border: none; margin-left: -1px; background: none; cursor: pointer; }*/

	header .contact { font-size: 17px; text-align: right; }
	header .contact a { padding: 0.5em; }

	.homebox:nth-child(odd) { padding-left: 0; }
	.homebox:nth-child(even) { padding-right: 0; }

	.subline.start { width: 60%; line-height: 1.3em; }

	/*.container { display: block; width: 1380px; margin: auto; }*/

	section.image { height: 940px; margin-bottom: 120px; }
	section.image .wrapper { width: 885px; margin: auto; }

	section.image a { display: inline-block;}
	section.image a:hover

	section.news .item:nth-child(odd) .col-3, .section.news .item:nth-child(even) .col-9 { float: left; }
	section.news .item:nth-child(even) .col-3, section.news .item:nth-child(odd) .col-9 { float: right; }

	section.news .item:nth-child(odd) .wrapper { padding-left: 95px; }
	section.news .item:nth-child(even) .wrapper { padding-right: 95px; }

	section.news .info { margin-top: 43px; }

	figure.alignleft, img.alignleft { max-width: 510px; height: auto; float: left; margin: 0 46px 46px -200px;}

	figure.alignright, img.alignright { max-width: 510px; height: auto; float: right; margin: 0 -200px 46px 46px; }

	figure.aligncenter, img.aligncenter { width: 100%!important; margin: 46px 0; }
	.aligncenter img { width: 100%; height: auto; }

	figcaption { padding: 10px 46px; }

	.back-to-top { right: 7.3%; bottom: 80px; }

/*	.subpage h1, .blog h1 { 
		margin-bottom: 25px;
		text-transform: none;
		color: rgba(231,126,37,1);
		font-size: 67px;
		line-height: 75px;
		letter-spacing: 0.05em;
		font-weight: 600;
		padding-top: 40px;
		border-top: 5px solid rgba(231,126,37,1);
	}*/

	footer .container { padding: 80px 0; }
	.site-footer .nav ul li a { width: 135%; }
}

@media screen and (min-width: 950px) and (max-width: 1199px) {

	.container { display: inline-block; width: 900px; position: relative; left: 50%; margin-left: -450px; /* Half of the width */ }
	/*.subpage .container, .single-post .content-area .container { width: 67.5%; margin-left: 16.25%; margin-right: 16.25%; left:0; }*/

	header { margin-top: 15px; }
	header .row { margin-bottom: 0; padding-bottom: 15px; }

	#topnavi { margin-bottom: -11px; }
	#topnavi .primary-menu li a  { font-size: 15px; padding: 4px 8px; }
	#subnavi li a { font-size: 14px;  }
	#topnavi .nopad { padding-bottom: 17px; }

	#topnavi .contact { font-size: 15px; margin-top: 31px; }
	#topnavi .contact a { padding: 7px; }

	#topnavi img.search { height: 15px; width: auto; }
	#topnavi img.phone { height: 15px; width: auto; }
	#topnavi img.mail { height: 13px; width: auto; }

	/*.slidecontent { display: inline-block; width: 400px;}*/

	.homebox ul { display: none; }
	.homebox img.icon { width: 55px; height: auto; }
	.homebox h2 { font-size: 1em; }
	.homebox .right { height: 219px; padding: 0 9px; }
	.homebox .text { height: 111px; }

	section.news.partners .image a { margin-top: 0;} 

}



@media screen and (min-width: 1200px) and (max-width: 1599px) {

	.container { display: inline-block; width: 1140px; position: relative; left: 50%; margin-left: -570px; /* Half of the width */ }
	
	header { padding-top: 25px;}
	header .row { margin-bottom: 0; padding-bottom: 15px; }
	/*header .col-7 { padding-top: 50px; }*/

	#topnavi .primary-menu li a  { font-size: 18px; }
	#subnavi li a { font-size: 16px; }

	#topnavi .contact { margin-top: 50px; }
	#topnavi img.search { height: 17px; width: auto; }
	#topnavi img.phone { height: 17px; width: auto; }
	#topnavi img.mail { height: 15px; width: auto; }

	footer .col-3 img { width: 100%; }

	/*.site-footer .heading { font-size: 17px; }
	.site-footer .nav ul li { font-size: 15px; line-height: 20px; }*/

	figure.alignleft, img.alignleft { width: 45%; margin-left: -15.6%; }
	figure.alignright, img.alignright { width: 45%; margin-right: -15.6%; }

	section.news.partners .image a { margin-top: 5px;} 

	.filter-button-group { display: flex; justify-content: space-between; }

}




@media screen and (min-width: 1600px) {

	.container { display: inline-block; width: 1140px; position: relative; left: 50%; margin-left: -570px; /* Half of the width */ }

	/*.subpage .container, .single-post .content-area .container { width: 46%; margin-left: 27%; margin-right: 27%; left:0; }*/

	.mobile { display: none;}
	#mmenu { display: none;}

	header { padding-top: 25px;}
	header .row { margin-bottom: 0; padding-bottom: 15px; }
	header .col-7 { padding-top: 50px; }

	.homebox .text { height: 186px; }

	section.news .item:nth-child(odd) .col-3:after { 	bottom: 225px; left: 250px; }
	section.news .item:nth-child(even) .col-3:after { 	bottom: 225px; right: 64px; }
	section.news.partners .image a { display: inline-block; border: 2px solid rgba(231,126,37,1); width: 100%; height: 100%; padding: 20px; margin-top: 0px;}

	.filter-button-group { display: flex; justify-content: space-between; }

}