/*
	custom style for peterknoell.de.
	basic styling and resets located in style.css (-> style.min.css)
	
*/

/* 
	typo:
	PT Sans
 */
 

/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/knoell/webfonts/pt-sans/pt-sans-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('PT Sans'), local('PTSans-Regular'),
       url('/wp-content/themes/knoell/webfonts/pt-sans/pt-sans-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/knoell/webfonts/pt-sans/pt-sans-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/knoell/webfonts/pt-sans/pt-sans-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/knoell/webfonts/pt-sans/pt-sans-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/knoell/webfonts/pt-sans/pt-sans-v9-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-italic - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  src: url('/wp-content/themes/knoell/webfonts/pt-sans/pt-sans-v9-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Italic'), local('PTSans-Italic'),
       url('/wp-content/themes/knoell/webfonts/pt-sans/pt-sans-v9-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/knoell/webfonts/pt-sans/pt-sans-v9-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/knoell/webfonts/pt-sans/pt-sans-v9-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/knoell/webfonts/pt-sans/pt-sans-v9-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/knoell/webfonts/pt-sans/pt-sans-v9-latin-italic.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-700 - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/knoell/webfonts/pt-sans/pt-sans-v9-latin-700.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Bold'), local('PTSans-Bold'),
       url('/wp-content/themes/knoell/webfonts/pt-sans/pt-sans-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/knoell/webfonts/pt-sans/pt-sans-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/knoell/webfonts/pt-sans/pt-sans-v9-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/knoell/webfonts/pt-sans/pt-sans-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/knoell/webfonts/pt-sans/pt-sans-v9-latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-700italic - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 700;
  src: url('/wp-content/themes/knoell/webfonts/pt-sans/pt-sans-v9-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'),
       url('/wp-content/themes/knoell/webfonts/pt-sans/pt-sans-v9-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/knoell/webfonts/pt-sans/pt-sans-v9-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/knoell/webfonts/pt-sans/pt-sans-v9-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/knoell/webfonts/pt-sans/pt-sans-v9-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/knoell/webfonts/pt-sans/pt-sans-v9-latin-700italic.svg#PTSans') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: 'knoell-icons';
	src:url('/wp-content/themes/knoell/webfonts/knoell-icons/knoell-icons.eot?-59c1zz');
	src:url('/wp-content/themes/knoell/webfonts/knoell-icons/knoell-icons.eot?#iefix-59c1zz') format('embedded-opentype'),
		url('/wp-content/themes/knoell/webfonts/knoell-icons/knoell-icons.woff?-59c1zz') format('woff'),
		url('/wp-content/themes/knoell/webfonts/knoell-icons/knoell-icons.ttf?-59c1zz') format('truetype'),
		url('/wp-content/themes/knoell/webfonts/knoell-icons/knoell-icons.svg?-59c1zz#knoell-icons') format('svg');
	font-weight: normal;
	font-style: normal;
}
 
[class^="icon-"], [class*=" icon-"] {
	font-family: 'knoell-icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-menu:before {
	content: "\e609";
}
.icon-arrow-nav-left:before {
	content: "\e600";
}

.icon-arrow-nav-right:before {
	content: "\e601";
}

.icon-arrow-left:before {
	content: "\e602";
}

.icon-arrow-right:before {
	content: "\e603";
}

.icon-arrow-up:before {
	content: "\e604";
}

.icon-arrow-down:before {
	content: "\e605";
}

.icon-gardinen:before {
	content: "\e606";
}

.icon-tapezieren:before {
	content: "\e607";
}

.icon-polstern:before {
	content: "\e608";
}

.icon-parkett:before,
.icon-bodenbelaege:before {
	content: "\e60b";
}

.icon-beratung-planung:before,
.icon-beratung:before {
	content: "\e60c";
}

.icon-sonnenschutz:before {
	content: "\e60d";
}

.icon-marker:before {
	content: "\e60e";
}


/* 
body, colors...
***************************/
.grey {
	color:#666;
}

.sand {
	color:#dcbd82;
}

.red {
	color:#c73d3e;
}

body {
	font-family: 'PT Sans', sans-serif;
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	color: #666;
	background: #f5f1f1;
	letter-spacing: 0.045em;
	quotes: '\201c' '\201d';
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    overflow-x: hidden;
}


/* 
globals 
***************************/


/* link colors */
a, a:hover, a:focus, a:active, a:visited {
    color: #C73D3E;
    text-decoration: none;
    outline: none;
}

.site-content a, 
.site-content a:hover, 
.site-content a:focus, 
.site-content a:active, 
.site-content a:visited {
    border-bottom: 1px solid #C73D3E;
}

.site-content a:hover {
	border-bottom-color: transparent;
}

/* no hover border: */
.nivo-controlNav a,
.box-preview-image a,
.box-preview-image a:hover,
.filternav a,
.filternav a:hover,
.hersteller a,
.box-preview-image {
	border-bottom: none !important;
}

h1, h2, h3, h4, h5, h6, 
#site-navigation .menu a  {
	color: #dcbd82;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-align: center;
}

h1 {
	font-size:44px;
	margin: 30px 0 30px 0;
}

h2 {
	font-size:32px;
	font-weight: 400 !important; 
}

em {
	font-size:16px;
	display: block;
	margin: 0 auto;
}

.hidden { display: none; }

.lazy {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.lazy a { border-bottom: none;}

a.fancybox {
	display:block;
	width:100%;
	height:100%;
}

.einfuehrungstext {
	font-family: "PT Sans",sans-serif;
	color: #666;
	letter-spacing: 0.045em;
	font-size: 24px;
	line-height: 28px;
}

.centered {
	text-align: center;
}



/*
transitions
****************************/
.transition-all {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.transition-opacity {
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	-ms-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.opacity-zero {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}



/*
button styles
****************************/
.btn {
	padding: 0.9em;
	font-size: 16px;
	border: medium none;
	border-radius: 0px !important;
	transition: all 0.3s linear 0s;
	background: #fff;
	margin: 0;
	float: right;
	font-weight: 700;
	letter-spacing: 0.045em;
	outline: none !important;
	border-bottom:none !important;
	text-transform: uppercase;
}


.btn-grey,
.btn-sand,
.btn-red {
	color:#fff !important;
}

.btn-grey { background:#666 !important; }
.btn-sand { background:#dcbd82 !important; }
.btn-red { background: #c73d3e !important; }


/* 
page structure: wrapper elements
***************************/

.site-branding h1 {
	text-align: left;
}

#page {
	padding: 0 20px;
}

.site-header,
.slider-wrapper,
#googlemap-wrap,
.site-content,
.site-footer {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}

.site-header {
	background: #fff;
	padding: 33px 0px 0 37px;
	line-height: 20px;
}

.site-title {
	margin: 0;
}


/* 
navigation
***************************/

/* toggle mobile menu button */

/*.menu-toggle,
.main-navigation.toggled ul {
	opacity:0;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}*/

.nivoSlider {
	float:left;
}

#site-navigation {
	width: auto;
	float: right;
	display: inline;
	margin: -35px 0 0 0;
}

#site-navigation .menu a {
	font-size: 0.85em;
	color:#666;
	padding: 19px 21px;
	letter-spacing: 0.08em;
}

#site-navigation .menu li:hover > a,
#site-navigation .menu a:hover,
.current-menu-item,
.current-menu-item a {
	color:#fff !important;
	background:#666;
	transition: all 0.3s linear;	
}

#site-navigation .menu-item-has-children:hover > a {
	color:#fff !important;
	background:#666;
}

#site-navigation .sub-menu {
	top:58px;
}

#site-navigation .sub-menu li {
	background:#666;
	color:#fff;
	text-align: left;
}

#site-navigation .sub-menu li:first-child {
	padding-top: 6px;
}

#site-navigation .sub-menu li:last-child {
	padding-bottom: 6px;
}

#site-navigation .sub-menu li a {
	color:#fff !important;
	padding: 4px 15px 4px !important;
	text-align: left;
}

#site-navigation .sub-menu li a:hover{
	color:#fff !important;
	background: #747474;
}

#site-navigation .menu-toggle {
	border:none;
	background:#efefef;
	box-shadow:none;
	text-shadow:none;
	font-size: 26px;
	padding: 5px 10px;
	margin:  0 auto;
}



/* slider 
************************/
.slider-wrapper {
	position: relative;
	background: #fff;
}

.slider-wrapper img {
	width: 100%;	
}

/*
.page-template-page-start .slider-wrapper:before {
	content:'';
	position: absolute;
	z-index: 99999;
	background-image: url(/wp-content/themes/knoell/images/home-slider-overlay.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: cover;
}

*/

.nivo-controlNav {
	position: absolute;
	top: 5px;
	right: 30px;
	z-index: 10;
}

.nivo-control {
	border:1px solid #dcbd82;
	background:#dcbd82;
	text-indent: -9999px;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	width: 20px;
	height: 20px;
	float:left;
	margin: 0 20px 0 0;
}

.nivo-controlNav a.active {
	background:none;
}

.nivo-caption {
    left: 0px;
    right:0px;
	bottom: 168px;
	font-size: 60px;
    text-align: center;
    text-transform: uppercase;
    background: none;
	text-shadow: 0px 3px 15px rgba(0, 0, 0, 0.3);
    color: #fff;
    width: 100%;
    z-index: 8;
    padding: 30px 0;
    opacity: 1;
}



/* google map
************************/
#googlemap-wrap {
	height:500px;
	width:100%;
}

/* gmap styling hack: prevent map controls appearing too small! */
#googlemap-wrap img { 
	max-width:none; 
}

.gmap-routenplaner {
	position: absolute;
	left: 0;
	z-index: 99999;
	top: -115px;
}





/* content */ 
#content { 
	background:#fff;
	padding:0px;
}



/* pages/content/articles styling
*************************/
.page-content, .entry-content, .entry-summary {
	margin: 30px auto;
	padding: 0;
}

.content-page-start {
	text-align: center;
	padding-top:75px;
}

.content-page-start article {
	margin: -74px auto 50px auto;
	padding: 0;
	position: relative;
	z-index: 5;
}

.box-wrap-1col,
.box-wrap-2col,
.box-wrap-3col {
	
}

.box-wrap-1col {
	width:100%;
	text-align: center;
	display:block;
}

.box-wrap-2col {
	width:75%;
	margin: 0 auto 50px auto;
	text-align: left;
}

.box-wrap-1col h2 {
	color:#656565;
	text-transform: none;
}

/* home: 3col boxes / beispiele */
.box-wrap-3col {
	width:100%;	
	max-height:427px;
	height:427px;
	text-align: center;
	/*display: inline-block;*/
}

/* the preview image (427x427px ratio)*/
.box-aktuelles,
.box-preview-image {
	max-width: 33.33333%;
	width:100%;
	max-height:426px;
	height:auto;
	overflow: visible;
	text-align: center;
	line-height: 20px;
	padding: 0;
	margin: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: transparent;
	float: left;
}

.box-aktuelles {
	margin: 0 0 20px 0;
	float: left;
}

.box-preview-image {
	margin: 0;	
}

.box-preview-image h3 {
	color:#fff !important;
}


.box-wrap-1col .beispiele-bilder {
	height:100%;
	min-height: 427px;
}

.box-wrap-1col .beispiele-bilder div {
	max-width: 427px !important;
	height: 427px;
	float: none !important;
	margin: 0 auto 20px auto;
	cursor: default !important;
}

.box-wrap-3col a div {
	color:#fff;
}

.hover {
	background: rgba(0,0,0,0.6);
	color:#fff;
	opacity: 0;
	height:100.15%; /* prevent white offset hack:  isotope produces white offset at some steps while scaling */
	width: 100.15%;
	padding: 20px;
	transition:all 0.3s linear;
}

.hover h3,
.hover a h3 {
	font-size: 32px;
	margin: 0;
	padding:0px 0 20px 0;
	color:#fff !important;
	text-transform: none;
	line-height: 30px;
} 

.hover p {
	margin: 0;
	padding: 0 40px;
}

.hover a {
	display:block;
	width:100%;
	height:100%;
	text-decoration: none;
}


.hover-active  {
	opacity: 1;
}

.box-wrap-3col .hover .icon,
.box-wrap-3col .hover a .icon {
	font-size:75px;
	margin: 40px auto 0 auto;
	transform: translate(0%, -50%);
	display: inline-block;
	color: #fff;
}

.box-wrap-3col .hover:hover {
	opacity: 1;
	height:100% !important;
}

.box-wrap-3col .hover .hover-icon-wrap {
	width: 100%;
}

.box-wrap-3col a .icon {
	margin: 10px 0 0 0 !important;
}

.box-wrap-3col > div img
.box-wrap-3col > div a img {
	max-height:427px;
	height:100%;
	margin: 0 auto;
}


/* home: 1col box / beispiele  > kundenstimmen */
.kundenstimmen {
	margin: 30px auto;
	padding-top: 100px;
	background-image: url(/wp-content/themes/knoell/images/bg-kundenstimmen.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: cover;
	min-height: 440px;
}

.kundenstimmen p,
.beispiele-kundenstimme {
	font-size: 24px;
	margin: 20px auto 10px auto;
	width:50%;
	line-height: 30px;
	position: relative;
}

.kundenstimmen p:before,
.beispiele-kundenstimme:before { 
	content: '„'; 
	display:inline-block;
	margin: 0;
}

.kundenstimmen p:after,
.beispiele-kundenstimme:after {
	content: '“';
	display:inline-block;
	margin: 0 0  0 -5px;
}

.kundenstimmen span {
	font-size: 16px;
	font-style: italic;
}

.kundenstimmen .icon-arrow-down {
	display: none;
}




/* home: 1col box / beispiele  > aktuelles */
.aktuelles {
	font-size: 24px;
	margin: 0px auto;
	padding-top: 100px;
	background-image: url(/wp-content/themes/knoell/images/bg-aktuelles.jpg);
	background-repeat: repeat;
	background-position: 0px 0px;
	/*	background-size: cover;*/
	padding:20px 80px 50px 80px;
	height:100%;
	max-height: 100%;
	display: inline-block;
}

.box-aktuelles {
	padding: 0 20px !important;
	overflow: visible !important;
}

.aktuelles a div 
,.aktuelles p {
	color:#4d4d4d;
}

.aktuelles h1,
.aktuelles h3 {
	color:#fff;
}

.aktuelles h3 {
	color:#656565;
	line-height: 30px;
}

.aktuelles .aktuelles-date,
.aktuelles .aktuelles-headline {
	width: 100%;
	font-weight: 700;
	text-align: center;
	display:block;
}

.aktuelles .aktuelles-date {
	color:#C83B39;
	margin: 20px 0 20px 0;
}

.aktuelles .box-aktuelles-inner {
	width: 100%;
}

.aktuelles .aktuelles-headline {
	font-weight: 700;
	font-size: 28px;
	line-height: 30px;
	margin: 0 0 15px 0;
	text-transform:uppercase
}

.aktuelles p {
	margin: 0px auto;
	width:75%;
	font-size: 16px;
}

.aktuelles .aktuelles-image {
	width: 170px;
	height: 170px;
	border-radius: 85px;
	text-align: center;
	display: inline-block;
	margin: 0 0 20px 0;
	background-size: cover;
	opacity:0.8;
}

.aktuelles .aktuelles-image:hover {
	opacity: 1;
	transition:all 0.3s ease;
}

/* content page aktuelles: no bg image on posts */
.archive-aktuelles > .aktuelles {
	background-image: none;
}

.archive-aktuelles > .box-aktuelles {
	max-width:100%;
}

.archive-aktuelles .box-wrap-3col {
	max-height:100%;
	height:100%;
}

.single-aktuelles .entry-content  p,
.content-page-ueber-uns .entry-content  p {
	/*margin: 10px auto 10px auto;*/
	margin: 10px auto 1.5em auto;
	width:100%;
	
}


/* leistungen */
.content-leistungen .box-wrap-1col {
	width:75%;
	margin: 50px auto 50px auto;
}

.leistungen .hover-circle {
	height:250px;
	width:250px;
	position: absolute;
	top:50%;
	left:50%;
	margin-left:-125px;
	margin-top:-125px;
	padding: 0;
	border-radius: 150px;
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    transition:all 0.3s ease;
    opacity: 1;
    z-index: 1;
}

.leistungen .hover-circle .icon,
.leistungen .hover-icon-wrap .icon {
	font-size: 75px;
	margin: 40px auto 0 auto !important;
	display: inline-block;
}

.leistungen .hover-circle h3 {
	padding: 0 !important;
	font-size: 21px;
	color:#fff;
}

.hover-icon-wrap {
	position: absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	z-index: 2;
	width: 185px;
}

.leistungen .hover-circle-box:hover > .hover {
	height:270px !important;
	width:270px !important;
	margin-left:-135px !important;
	margin-top:-135px !important;
}

.leistungen .entry-title,
.slider-wrapper .entry-title {
	margin: 0px;
	padding: 10px 0px;
	text-align: center;
	background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.5);
}

.slider-wrapper .entry-title {
	position: absolute;
	left:0;
	bottom: 6px;
	width: 100%;
}

.leistungen .entry-title .icon,
.slider-wrapper .entry-title .icon {
	display: block;
	font-size: 80px;
}

/* no bg image here... */
.leistungen > .kundenstimmen {
	background-image: none;
	background-color: #C73D3E;
	color:#fff;
	position: relative;
	margin: 0;
	padding: 100px 0 40px 0;
}

.leistungen > .kundenstimmen h1 {
	color:#fff;
}

.leistungen > .kundenstimmen .icon-arrow-down {
	position: absolute;
	top: -40px;
	margin-left: -60px;
	color: #FFFFFF;
	font-size: 120px;
	display: block;
	left: 50%;
}

.leistungen > .hersteller {
	width: 100%;
	max-width: 750px;
	text-align: center;
	margin:80px auto 60px auto;
}

.leistungen > .hersteller p{
	margin: 0;
}

.leistungen > .hersteller p a {
	display: inline-block;
	margin: 0px 20px 20px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

.leistungen > .hersteller p a:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	transition:opacity 0.3s linear;
}


.leistungen-text {
	font-size: 24px;
	line-height: 28px;
}

.leistungen-text,
.materialien p {
	width: 50%;
	margin: 20px auto 40px auto;
}


/*
	beispiele:  gallery images
*/

.content-single-beispiele .entry-content p {
	margin:50px 0;
}

.content-single-beispiele .beispiele-bilder div {
    max-width: 100% !important;
    height: auto !important;
}

.content-single-beispiele .entry-header h1 {
    margin: 40px 0 0 0;
}
.content-single-beispiele .entry-header h3 {
	margin: 10px 0 0 0;
}

.content-single-beispiele .entry-header h6 {
	margin: 0 0 20px 0;
}

.content-beispiele .hover-icon-wrap {
	width: 100%;
}

.content-single-beispiele .beispiele-kundenstimme {
	margin-bottom:0px !important;
	width:100%;
}

.beispiele-bilder {
	margin:60px auto;
}


/* filtering nav list for shuffle.js */
.filternav {
	display: inline-block;
	margin: 0 auto 30px 0;
	text-align: center;

}

.filternav li {
	list-style-type: none;
	float:left;
	margin: 0 5px 0 -5px;
}

.filternav li a {
	padding:6px 10px;
	background: #fff;
	color: #666 !important;
	border:none;
	box-shadow: none;
	text-transform: uppercase;
	font-size: 13px;
	font-weight:700;
	transition:background 0.3s ease;
}

.filternav li a:hover {
	background: #666;
	color:#fff !important;
}

.filternav li a.filter-active {
	background: #666;
	color:#fff !important;	
}


/* isotope filtering -  we need this in here, otherwise animation won't work  */
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

#isotope-container {
	float: left;
	width: 100% !important;
	min-width: 280px;
	height:100%;
	margin: 0;

}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.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: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}



/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}




/*
contact 
*************************/

/* contact form */
.form {
	display:inline;
	margin:0;
}

.form li {
	list-style-type: none;
	clear: left;
	width: 100%;
	padding: 5px 0px;
	position: relative;
	line-height: 35px;
}

.form li label {
	float: left;
	padding: 0px;
	width:100%;
	max-width: 100%;
	line-height: 35px;
}

.form #anrede {
	display: inline-block;
}

.form li table {
	width:auto;
}

.form table td {
	margin: 0;
	padding: 0;
}

span.wpcf7-list-item {
	margin-left: 0;
}

.form input[type="text"],
.form input[type="email"],
.form textarea {
	width:100% !important;
	max-width: 100% !important;
}

.form li br {
	float: right;
	clear: both;
}

.form li input.uhrzeit {
	width:120px;
}

.form li textarea {
	width: auto;
	max-width: 360px;
	height:200px;
}

input[type="submit"]{
	color:#fff !important;
	border:none !important;
	text-shadow:none;
	box-shadow: none;
	padding:15px 30px;
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	width:100%;
}

input[type="submit"]:hover {
	box-shadow: none;
	background: #666 !important;
	transition: background 0.3s linear;
}

select {
	width: 365px;
}

select,
input[type="checkbox"],
input[type="radio"] {
	cursor: pointer;
	cursor: pointer;
	width: 16px;
	height: 16px;
}

.cb-checked {
	color:#333;
}

/* contactform7 custom styles */
.wpcf7-response-output,
.wpcf7-validation-errors,
.wpcf7-mail-sent-ok {
	border: none !important;
	background: #d83429;
	color:#fff;
	border-radius: 0px;
	overflow:hidden;
	margin: 10px 0 0 0 !important;
	line-height: 30px;
	width:100%;
	font-weight: 700;
}

.wpcf7-validation-errors {
	margin: -30px 0 0 0 !important;
}

.wpcf7-mail-sent-ok {
	background: #398F14 !important;
}

.wpcf7-not-valid {
	border-color: #F22929 !important;
}

.wpcf7-not-valid:focus {
		border-color: #ccc !important;
}

.wpcf7-mail-sent-ok,
.wpcf7-not-valid,
.wpcf7-validation-errors {
	transition:all 0.3s linear;
	
}

.wpcf7-not-valid-tip {
    font-size: 1em;
    font-weight: 700;
}

.wpcf7-list-item-label {
	margin-right: 20px;
	cursor:pointer;
}

.wpcf7-captchac {
	width: 120px;
}



/* footer 
***************************/ 
.widget {
	float:left;
}

.site-footer,
.sitefooter a,
.foo-box a {
	color:#fff !important;
}

.site-footer {
	background: #666;
	text-transform: uppercase;
	font-size: 1em;
	padding: 25px 0 50px 0;
	text-align: center;
}

.site-info {
	margin: 0 auto;
	width: 100%;
	max-width: 1040px;
}

.site-info .widget {
	height: 270px;
}

/* footer box: adresse */
.site-info .widget:first-child {
	margin:0 30px 0 0;
	padding-right: 30px;
	text-align: center;
	border-right: 2px dashed #fff;
	
}

.site-info .widget:last-child {
	margin:0 0 0 25px;
	padding-left: 25px;
	border-left: 2px dashed #fff;
}

/* boxes */
.foo-box {
	width:auto;
	padding:20px;
	font-weight: 700;
}

.foo-box ul {
	float:left;
	margin: 0 10px 0 -20px;
}

.foo-box ul li {
	list-style-type: none;
	float:left;
	clear:left;
	line-height: 50px;
	padding: 15px 0 15px 0;
}

.foo-box ul li a {
	color:#fff;
	font-size: 16px;
	float: left;
	padding: 0px 0px 0px 20px;
}
.foo-box ul li:hover > .icon,
.foo-box ul li a:hover {
	color:#cccccc;
}

.foo-box hr {
	height:2px;
	background-color: #fff;
}

/* icons */
.foo-box .icon {
	color:#fff;
	float: left;
}

.foo-box .icon {
	font-size: 50px;
	text-align: left;
	cursor: pointer;
}

.foo-box.foo-address .icon-marker {
	font-size:70px !important;
	text-align: center;
	float: none !important;
}

.foo-imprint{
	padding: 0;
	margin-left: -30px;
}

/* 404 Page */
.error404 .error-404 {
	margin-top: 100px;
	min-height: 300px;
}

.error404 input[type="submit"] {
    width:auto !important;
}


@media(max-width:1280px){ 
	
	.aktuelles .aktuelles-date {
	    color: #C83B39;
	    margin: 20px 0px;
	}
	
	.aktuelles .aktuelles-headline {
 	   font-size: 24px;
 	   line-height: 30px;
 	   margin: 0px 0px 15px;
 	   text-transform: uppercase;
 	}
 	
 	 /* footer */
 	 .site-info {
	 	 margin: 0 auto;
	 	 text-align: center;
 	 }
 	 
 	 .site-info .widget {
	 	 float: none;
	 	 display:inline-block;
 	 }
 	 
	.site-info .widget:first-child {
	    margin: 0;
		padding-right: 25px;
	}

	.site-info {
		margin: 0 auto;
		width: 100%;
	}
		
	
}


@media(max-width:1024px){ 

	.nivo-caption {
		bottom: 23%;
		font-size: 50px;
	}
		
	.aktuelles .box-aktuelles {
		width: 100%;
		max-width: 100%;
		text-align: center;
		margin:50px 0 30px 0;
	}
    .aktuelles .box-aktuelles-inner {
	    margin:0;
	    height:100%;
	    max-height:100%;
    }
    
    .aktuelles .box-aktuelles h3,
    .aktuelles .box-aktuelles p {
		margin: 0;
	    display:inline;
    }
     
     .aktuelles .aktuelles-date {
		  font-size: 24px;
	}
		
     
	.aktuelles .aktuelles-headline {
 	   font-size: 28px;
 	   line-height: 20px;
 	   margin: 0px 0px 15px;
 	}
 	
 	
 	/* footer */
 	.site-info {
		margin: 0 auto;
		width: 100%;
		max-width: 900px;
	}
	
	.site-info .widget:first-child {
	    margin: 0px 15px;
		padding-right: 30px;
	}
	
	.site-info .widget {
		margin:0;
		height:auto;
		min-height: 240px;
	}
	
	.site-info .widget,
	.foo-box ul li a,
	.site-info .foo-imprint ul li a {
		font-size:13px !important;
	}
	
	.site-info .foo-imprint ul li a {
	    text-align: center;
		padding: 0;
	}	
	
	.foo-box {
		padding: 0;
	}
	
	.foo-imprint {
		padding: 0;
	}	
 	
}

@media(max-width:1024px){

	#site-navigation {
	   margin: 30px 20px 0px 0px;
		float: none;
		display: block;
	}
	
}

@media(max-width:1024px) and (orientation:landscape){

	#main h1 {
		font-size: 28px;
		margin: 26px 0px;
	}
	
	.kundenstimmen,
	.aktuelles,
	.aktuelles h1, 
	.aktuelles h3 {
		 font-size:20px;
	}
	
	.aktuelles {
	    padding: 20px 0px;
	}
	
	.aktuelles .box-aktuelles .aktuelles-headline {
	    font-size: 24px;
	    margin:0 0 20px 0;
    }
		
	.kundenstimmen {
	    margin: 0px auto 50px auto;
	    padding-top: 50px;
	    background-position: -70px -70px;
	    display:	inline-block;
	}
	
	.kundenstimmen p {
	    margin: 0px auto;
	    width: 50%;
	    line-height: 26px;
	}
	
	.box-wrap-3col {
		height:auto;
	}
	
    .box-wrap-3col .hover > .icon, .box-wrap-3col .hover a .icon {
	    font-size:50px;
	    margin: 50px 0px 0px;
	}
	
	.box-wrap-3col a .icon {
	    margin: 60px 0px 0px !important;
	}
	
	.hover h3, .hover a h3 {
	    font-size: 28px;
	    margin: 0px;
	    padding: 10px 0px 10px;
	    color: #FFF;
	    text-transform: none;
	    line-height: 30px;
	}
	
	.hover a {
		display: block;
		width:100%;
		height:100%;
	}
	
	.leistungen .hover-circle {
		height:220px;
		width:220px;
		margin-left:-110px;
		margin-top:-110px;
	}
	
	.hover-circle-active {
		height:250px !important;
		width:250px !important;
		margin-left:-125px !important;
		margin-top:-125px !important;
	}
	
	.leistungen > .hersteller {
    	width: 100%;
    	max-width: 750px;
	}
	
	.single-leistungen .slider-wrapper .entry-title {
		font-size:30px;
	}
	
	.single-leistungen .slider-wrapper .entry-title .icon {
		font-size:60px;
	}
	
	.content-single-leistungen .box-preview-image {
		cursor:pointer;
	}
	
	
	/* footer */
	.site-info .widget:first-child {
	    margin: 0;
		padding-right: 30px;
	}
	
	.site-info .widget {
		margin:0;
		height:auto;
		min-height: 240px;
	}
	
	.site-info .widget,
	.foo-box ul li a,
	.site-info .foo-imprint ul li a {
		font-size:13px !important;
	}
	
	.site-info .foo-imprint ul li a {
	    text-align: center;
		padding: 0;
	}
	
	
	.foo-box {
		padding: 0;
	}
	
	.foo-box ul {
	    margin: 0 0 0 -10px !important;
	}
	
	.foo-imprint{
		padding: 0;
	}	
	
	
	/* form */
	.form li label {
		max-width:100%;
	}

	.form #anrede {
		display: inline-block;
	}
	
	.form table td {
		margin: 0;
		padding: 0;
	}
	
	span.wpcf7-list-item {
    	margin-left: 0;
	}
	
	.form input[type="text"],
	.form input[type="email"],
	.form textarea {
		width:100% !important;
		max-width: 100% !important;
	}

	
}



@media(max-width:960px) {


	.content-beispiele .hover h3, 
	.content-beispiele .hover a h3 {
	  font-size: 20px;
	  margin: 0px;
	 padding: 0px 0px 0px;;
	    color: #FFF;
	    text-transform: none;
	    line-height: 30px;
	}

		/* footer */
	.site-info {
		padding: 0 20px;
	}
	

	.site-info .widget {
	    margin: 0px auto !important;
	    padding: 0 !important;
	    text-align: center;
	    border-left: none !important;
	    border-right: none !important;
	    border-bottom: 2px dashed #FFF;
	    height:auto;	
	    float:none;
	    width: 100%;
	}
	
	.site-info .widget:first-child {
		 width: 100%;
	}
	
	.site-info .widget:last-child {
		border-bottom: none !important;
		text-align: center;
		float:none;
		width:100%;
		max-height: 150px;
	}
	
	.site-info .foo-links > ul {
		margin: 0 auto !important;
		width:50%;
	}
		
	.site-info .foo-imprint ul li {
		float: none;
		clear:none;
		width: 100%;
		text-align: center;
	}
	
	.site-info .widget,
	.site-info .foo-imprint ul li a {
		font-size:13px !important;
	}
	
	.site-info .foo-box ul {
		margin: 0 20px 0 -20px;
		 float: none;
		 display: inline-block;
	}
	
	.site-info .foo-box ul li a {
	    float: none;
	    padding: 20px 0 0 20px;
	}
	
	.site-footer {
		padding: 0;
	}

}




@media(max-width:800px) and (orientation:landscape){

	.nivo-caption {
		font-size: 40px;
	}


	.leistungen .hover-circle {
		height:200px;
		width:200px;
		margin-left:-100px;
		margin-top:-100px;
	}
	
	.leistungen .hover-circle .icon {
	    margin: 70px 0px 30px !important;
	}
	
	.leistungen .hover-circle h3 {
	    font-size: 17px;
	    line-height: 20px;
	}
	
	.hover-circle-active {
		height:220px !important;
		width:220px !important;
		margin-left:-110px !important;
		margin-top:-110px !important;
	}
	
	.hover h3, .hover a h3 {
	    font-size: 20px;
	    margin: 0px;
	    padding: 10px 0px 10px;
	    color: #FFF;
	    text-transform: none;
	    line-height: 30px;
	}
	

	

	
}


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

@media(max-width:768px) and (orientation:portrait){
	
	h1 {
		font-size:36px;
	}

	#site-navigation .menu a {
		font-size: 0.85em;
		letter-spacing: 0.06em;
		padding: 10px 15px;
	}
	
	.box-wrap-2col {
		width:75%;
	}
	
	.box-wrap-3col {
		height:100%;
	}
	
	.box-wrap-3col .hover-circle-box .hover-circle {
	   height: 180px;
	   width: 180px;
	   margin-left: -90px;
	   margin-top: -90px;
	   border-radius: 180px;
	}
	
	.box-wrap-3col .hover-circle-box:hover > .hover {
		height:190px !important;
		width:190px !important;
		margin-left:-95px !important;
		margin-top:-95px !important;
	}
	
	.box-wrap-3col .hover-circle-box .hover-icon-wrap {
		width:130px;	
	}
	
	.box-wrap-3col .hover-circle-box .hover-icon-wrap .icon {
	  	font-size: 50px;
		margin: 35px auto 0px !important;
	}
	
	.box-wrap-3col .hover-circle-box .hover-icon-wrap h3 {
		font-size:15px !important;
		color:#fff !important;
	} 
	
	.leistungen > .hersteller {
    	width: 100%;
    	max-width:700px;
	}

	.content-page-start article,
	.content-single-beispiele .entry-content,
	.leistungen-text, 
	.materialien p,
	.kundenstimmen p, 
	.beispiele-kundenstimme {
		width:75%;
	}
	
	.kundenstimmen {
	    margin: 0px auto 50px auto;
	    padding-top: 50px;
	    background-position: -90px -40px;
	    display:	inline-block;
	}
	
	.kundenstimmen p {
		font-size:18px;
		line-height:25px;		
	}

	.aktuelles {
		padding: 20px 30px 0px;
		max-height: 100% !important;
		background-repeat: repeat-y;
		background-size: auto;
	}
	
	
	    
	
    /* beispiele */
    .box-wrap-3col .hover > .icon, .box-wrap-3col .hover a .icon {
	    font-size:40px;
	    margin: 50px 0px 0px;
	}
	
	.box-wrap-3col a .icon {
	    margin: 50px 0px 0px !important;
	}
	
	.hover h3, .hover a h3 {
	    font-size: 20px;
	    margin: 0px;
	    padding: 10px 0px 10px;
	    color: #FFF;
	    text-transform: none;
	    line-height: 30px;
	}
	
	.hover a {
		display: block;
		width:100%;
		height:100%;
	}
	
	.hover p {
		display:none;
	}
	

		
	/* leistungen */
    	
	.leistungen-text, 
	.materialien p,
	.kundenstimmen p, 
	.beispiele-kundenstimme {
	    margin: 20px auto 40px;
	}
	

	
}


/*************************************/
@media(max-width:600px) {
	
	.nivo-caption {
		bottom: 20%;
		font-size: 36px;
	}


	h1 {
    	font-size: 32px;
	}
	
	.site-header {
	    padding: 33px 0 0 0;
	}
	
	.site-title a {
		margin-left:33px;
	}
	
	#site-navigation {
		width: 100%;
		margin-top: 30px;
	}
	
	#site-navigation .sub-menu {
	    top: 40px;
	}
	
	.hover h3, .hover a h3 {
	    font-size: 18px;
	    line-height: 24px;
	}
	
	.hover a {
		display: block;
		width:100%;
		height:100%;
	}
		
	.hover a div {
		/*display: none;*/
	}
	
	.hover p {
		display:none;
	}
	
	.hover {
	    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.5);
	    color: #FFF;
	    opacity: 1;
	    height: 100%;
	    padding: 20px;
	    transition: all 0.3s linear 0s;
	}
	
	.content-page-start .hover .icon {
		font-size: 35px !important;
	}
	
	.single-beispiele .slider-wrapper h1 {
		margin: 10px 0 0 0;
	}
	
	.single-beispiele .slider-wrapper h3 {
		margin: 0 0 10px 0;
	}
	
	
	.box-wrap-3col .hover-circle-box .hover {
	    height: 150px;
		width: 150px;
		margin-left: -75px;
		margin-top: -75px;
	}
	
	.box-wrap-3col .hover-circle-box .icon {
	 	font-size: 40px;
		margin: 10px auto 20px !important;
	}
	
	.box-wrap-3col .hover-circle-box .hover-icon-wrap {
		width:120px;
	}
	
	.box-wrap-3col .hover-circle-box h3 {
		line-height: 18px;
		font-size: 16px;
		margin: 0;
	} 
	
	.box-wrap-3col .hover-circle-box:hover > .hover {
		height:160px !important;
		width:160px !important;
		margin-left:-80px !important;
		margin-top:-80px !important;
	}
	
	
	.box-wrap-3col .hover > .icon, 
	.box-wrap-3col .hover a .icon {
	    font-size:35px;
	    margin: 30px 0px 0px;
	}
	
	
	


	.kundenstimmen {
	    margin: 0;
	    padding-top: 50px;
	    background-image:none;
	}
	
	.box-wrap-3col a .icon {
	    margin: 25px 0px 0px !important;
	}

	.single-leistungen .slider-wrapper .entry-title {
		font-size:20px;
	}
	
	.single-leistungen .slider-wrapper .entry-title .icon {
		font-size:40px;
	}

	.leistungen-text {
	    font-size: 20px;
	}
	
	.leistungen-text, .materialien p, .kundenstimmen p, .beispiele-kundenstimme {
	    margin: 30px auto 40px;
	}
	
	.leistungen > .kundenstimmen {
		padding-top: 90px;
		
	}
	
	.leistungen > .kundenstimmen .icon-arrow-down {
	    top: -31px;
	    margin-left: -46px;
	    font-size: 100px;
	}
	
	.aktuelles .aktuelles-headline {
 	   font-size: 20px;
 	   line-height: 20px;
 	   margin: 0px 0px 15px;
 	}
	
	.content-beispiele .hover h3, 
	.content-beispiele .hover a h3 {
		font-size: 16px;
		line-height: 1;	
		margin: -10px auto 5px auto;
	}
	
	.content-beispiele .hover div, 
	.content-beispiele .hover a div {
		font-size: 13px;
		line-height: 1;	
	}
		
	.filternav {
		display: inline-block;
		margin: 0 0 20px -40px;
	}
	
	.filternav li {
		float: none;
		display: inline-block;
		margin: 0 0 5px -5px;
	}
	
	.filternav li a {
		font-size: 12px;
	}
	
	.site-info .foo-links > ul {
		margin: 0 auto !important;
		width:70%;
	}
		
}



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

@media(max-width:480px) {
	
	.site-header {
	    padding: 20px 0px 20px;
		text-align: center;
	}
	
	.site-branding h1 {
 	   text-align: center;
 	  }
	
	.menu-toggle, .main-navigation.toggled ul {
	    margin-top: 20px;
	}
	
	#site-navigation {
	    width: auto;
	    float: none;
	    display: inline-block;
	    margin: 20px auto 0 auto;
	}
	
	#site-navigation .menu li:first-child {
		border-top:1px solid #eee;
	}
	
	#site-navigation .menu li {
		width: 100%;
		border-bottom:1px solid #eee;
	}
	
	#site-navigation .menu li a {
		padding: 15px 0;
	}
	
	#site-navigation .menu li:hover,
	#site-navigation .menu li a:hover {
		background: #E3E3E3;
		color:#222 !important;
	}
	
	#site-navigation .sub-menu {
    	top: 0px;
    	left: 0px;
    	position: relative;
		display: none;
		margin-top:0px !important;
		display: none;
	}
	
	.menu-toggle, .main-navigation.toggled ul {
	    margin-top:20px;
	}
	
	#site-navigation .sub-menu li,
	#site-navigation .sub-menu li a {
		background: #fff;
		text-align: center;
		color:#666 !important;
		margin:0 auto;
		padding: 5px 13px !important;
		font-size: 13px;
	}
	
	#site-navigation .sub-menu li:first-child {
		border-top:none;
	}
	
	#site-navigation .sub-menu li:last-child {
		border-bottom:none;
	}

	.slider-wrapper .entry-title {
	    position: absolute;
	    left: 0px;
	    bottom: 6px;
	    width: 100%;
	}
	
	.leistungen .entry-title, 
	.slider-wrapper .entry-title {
	    margin: 0px;
	    padding: 6px 0 6px 0;
	    text-align: center;
	    background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;
	}
	
	.leistungen .entry-title h1, 
	.slider-wrapper .entry-title h1 {
		font-size:20px;
		margin: 0;
	}
	
	.leistungen .entry-title h3, 
	.slider-wrapper .entry-title h3 {
		font-size:14px;
		margin: 0;
	}
	
	/* footer*/
	.site-info {
		padding: 0 20px;
	}

	.site-info .widget {
	    margin: 0px auto !important;
	    padding: 0 0 10px 0 !important;
	    text-align: center;
	    border-left: none !important;
	    border-right: none !important;
	    border-bottom: 2px dashed #FFF;
	    height:auto;	   
	}
	
	.site-info .widget:first-child {
		 width: 100%;
	}
	
	.site-info .widget:last-child {
		border-bottom: none !important;
		text-align: center;
		float:none;
		width:100%;
	}
	
	.site-info .foo-links {
		padding: 20px 0 0 0;
	}
	
	.site-info .foo-box {
		margin: 0 auto;
	}
	
	.site-info .foo-box > ul {
		margin: 0 auto !important;
		width:100%;
		display:inline;
	}

	.site-info .foo-imprint ul li {
		float: none;
		clear:none;
		width: 100%;
		text-align: center;
	}
	
	.site-info .widget,
	.site-info .foo-imprint ul li a {
		font-size:14px !important;
	}
	
	
	
	#main h1,
	.entry-title {
		font-size:20px;
	}
	
	#main h2 {
	    font-size: 18px;
	}
	
	header .entry-title {
		margin: 0 0 20px 0;
	}
		
	.content-leistungen .box-wrap-1col,
	.content-page-start article {
	    width: 100%;
	    margin: 0px auto;
	    padding: 0 15px 15px 15px;
	}
		
	.box-wrap-3col .hover-circle-box {
		clear:none;
	}
	
	.box-wrap-3col .hover-circle-box .hover  {
		height: 126px;	
		width: 126px !important;
	    margin-left: -63px;
	    margin-top: -63px;
	}
	
	.box-wrap-3col .hover-circle-box:hover > .hover  {
		height: 130px !important;
	    width: 130px !important;
	    margin-left: -65px !important;
	    margin-top: -65px !important;
	}

	
	.box-wrap-3col .hover-circle-box .hover-icon-wrap {
		width:100px;
	}
	
	.box-wrap-3col .hover-circle-box  .hover-icon-wrap .icon {
	   	font-size: 32px;
		margin: 8px auto 12px auto !important
	}
	
	.box-wrap-3col .hover-circle-box  .hover-icon-wrap h3 {
		font-size:12px !important;
	} 
	
	.box-wrap-1col {
	    width: 100% !important;
	    text-align: center;
	    margin: 0 auto 30px auto !important;
	}
	
	.box-wrap-1col p {
    	width: 100%;
    	margin: 20px auto 0px;
    	padding: 0 20px 0 20px;
    	font-size:16px;
    	line-height:24px;
	}
	
	.box-wrap-1col .beispiele-bilder div {
		max-width: 427px !important;
		height: 100%;
		max-height: 100%;
		float: none !important;
		margin: 0 auto 20px auto;
		cursor: default !important;
	}
	
	.aktuelles {
    	padding: 20px 10px 0px;
	}
	
	.box-aktuelles {
	    padding: 0px 10px !important;
	}
	
	.aktuelles .box-aktuelles {
	    margin: 20px 0px;
	}
	
	.aktuelles .box-aktuelles-inner {
	    margin: 0px 0px 50px;
	    float: none;
	    height: 100%;
	    max-height: 200px;
	}
	
	.aktuelles .box-aktuelles .aktuelles-date,
    .aktuelles .box-aktuelles .aktuelles-headline {
	    font-size: 16px !important;
	    text-align: center;
	    margin:0 0 5px 0;
    }
    
	.aktuelles .aktuelles-image {
	    width: 120px;
	    height: 120px;
	    display: block;
	    float: none;
	    margin: 0 auto 20px auto;
	}
	
	.entry-content p,
	.aktuelles p {
	    margin: 0px auto 20px !important;
	    font-size: 14px;
	    line-height: 1.3;
	}
	
	.leistungen > .hersteller p a {
	    display: inline;
	    margin: 3px;
	}
		
	.leistungen > .hersteller p a img {
		max-width:45%;
	}
	
	#googlemap-wrap {
	    height: 250px;
	    margin-bottom:30px;
	}
	
	.gmap-routenplaner {
		left: 0;
		right:auto;
		top:-100px;
	}
	
	.gmap-routenplaner a {
		font-size:12px;
	}
		
	
	.box-wrap-3col > div, .box-wrap-3col > a {
	    max-width: 50%;
	}
	
	.filternav {
		display: block;
		text-align: center;
		margin: 0 auto 20px -30px;
	}
	
	.filternav li {
		margin: 0px 5px 5px -5px;
	}
	
	.filternav li a {
		font-size: 12px;
	}
	
	.box-preview-image {
		max-width: 100% !important;
	}
	
	.box-preview-image .hover {
		width: 100% !important;
	}
	
	.box-wrap-3col .hover > .icon, .box-wrap-3col .hover a .icon {
    	font-size: 20px;
    }
	
	.content-beispiele .hover h3, .content-beispiele .hover a h3 {
	    font-size: 15px;
	    line-height: 1;
	}
	
	.foo-links > ul {
	    display: table-row;
	    width: 100% !important;
	}
		
	.foo-box {
	    width: 100%;
	    padding: 20px;
	}
	
	.foo-imprint > ul {
		display: inline;
	}
	
	.foo-box li,
	.site-info .foo-imprint ul li a {
		padding:0 !important;
	
	}
	
	.foo-box .icon {
		font-size:40px;
	}
	
	.foo-box.foo-address .icon-marker {
	    font-size: 50px !important;
	}
	
	.site-info .widget:last-child {
		float: left;
	}
	
	
	.error404 .error-404 {
		margin-top: 30px;
		min-height: 150px;
	}
	
	.error404 h2 {
 	   font-size: 15px;
 	   font-weight: bold;
	}
	
}