/*
    Theme Name: Webmark
    Description: Das Business Intelligence-Tool von MANOVA
 
    Template: genesis

*/
/* Table of Contents

    01 Import Fonts
    02 Base Styles 
        Defaults
        Wraps
        Containers and Columns
        Entry Content Structure
        Headings and Titles
  -- Layout --  
    03 Header
	   WEBMARK Login
    04 Navigation
       Primary Navigation Extras
       Pagination
	   Logo
    05 Meta and Comments
        Post Info and Meta
        Comments
    06 Post Content Styles
        Block Quotes
        Lists
    07 SideBar
    08 SideBar Alt
    09 Footer
        Footer Widgets
        Footer Navigation
		Back-to-top-Link
  -- Modules --
    10 Forms and Buttons
    11 Images and Captions
    12 Author Box / Bread Crumbs / Sticky
    13 Widgets/Plugins
		mqTranslate
		Produktfelder
		WEBMARK Product Area
*/
/*
01 Import Fonts
---------------------------------------------------------------------------------------------------- */

	@font-face{ 
		font-family: Impact;
		src: url(impact.ttf); /* IE9 Compat Modes */
	    src: url('impact.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('impact.woff') format('woff'), /* Modern Browsers */
	        url('impact.ttf')  format('truetype'), /* Safari, Android, iOS */
	        url('impact.svg#svgFontName') format('svg'); /* Legacy iOS */
}

/*
02 Base Styles
---------------------------------------------------------------------------------------------------- */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html, body, div, span, applet, object, iframe, h1, h2,
h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address,
big, cite, del, dfn, em, img, ins, kbd, q, s, samp, small,
strike, strong, tt, var, b, u, i, center, dl, dt,
dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
embed, figure, figcaption, footer, header, hgroup, input, menu,
nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

/* Clearfix */
.site-inner:after,
.home-middle:after,
.site-header:after,
.content-block:after,
.nav-primary:after,
.nav-secondary:after,
.wrap:after,
.footer-widgets:after,
.clearfix:after {
  content: " ";
  display: table;
  clear: both;
}

html {
  font-size: 62.5%;
}

body {
  background-color: white;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
  font-family: Verdana, arial, sans-serif;
  color: #333333;
}

p {
  font-size: .9em;
  }

p.pages,
.clear,
.clear-line {
  clear: both;
}

b.highlighted {
  color: #007a45;
  }

.clear-line {
  border-bottom: 1px solid #ccc;
  margin-bottom: 26px;
  margin-bottom: 2.6rem;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.displayhidden {
	display: none;
}

a,
a:visited,
button,
input[type="button"],
input[type="submit"] {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

::-moz-selection {
  background-color: #000d11;
  color: white;
}

::selection {
  background-color: #000d11;
  color: white;
}

a {
  color: #007a45;
  text-decoration: none;
}

a:hover {
  color: #009C58;
  }

a img {
  border: none;
}

.displaynone,
.invisible {
	display: none !important;
	}

/* Wraps */
.site-container {
  width: 100%;
}

.wrap {
  margin: 0 auto;
  max-width: 1152px;
  position: relative;
}

.site-inner {
  overflow: hidden;
  *zoom: 1;
  padding-top: 20px;
  padding-top: 2rem;
}

/* Containers and Columns */
.content-sidebar-sidebar .sidebar-secondary,
.sidebar-content .content,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content,
.sidebar-sidebar-content .content-sidebar-wrap,
.site-footer .creds,
.site-header .widget-area,
.sidebar-content-sidebar .sidebar-primary {
  float: right;
}

.five-sixths,
.content-sidebar-sidebar .sidebar-primary,
.four-fifths,
.four-sixths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fifths,
.three-fourths,
.three-sixths,
.two-fifths,
.two-fourths,
.two-sixths,
.two-thirds,
.sidebar-content .sidebar-primary,
.sidebar-sidebar-content .sidebar-primary,
.content-sidebar-sidebar .content,
.site-footer .gototop,
.sidebar-secondary,
.title-area,
.archive-page,
.content-sidebar .content,
.content-sidebar .sidebar-primary,
.sidebar-content-sidebar .sidebar-secondary,
.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content {
  float: left;
  margin-left: 4.16667%;
  /* 48px / 1152px */
}

.one-half,
.three-sixths,
.two-fourths,
.content-sidebar-sidebar .content,
.archive-page {
  width: 47.91667%;
  /* 552px / 1152px */
}

.one-third,
.two-sixths,
.content-sidebar .sidebar-primary,
.sidebar-content .sidebar-primary,
.content-sidebar-sidebar .sidebar-primary,
.sidebar-content-sidebar .sidebar-primary,
.sidebar-sidebar-content .sidebar-primary,
.title-area {
  width: 30.55556%;
  /* 352px / 1152px */
}

.four-sixths,
.two-thirds,
.content-sidebar .content,
.sidebar-content .content,
.sidebar-content-sidebar .content,
.sidebar-sidebar-content .content,
.site-header .widget-area {
  width: 65.27778%;
  /* 752px / 1152px */
}

.one-fourth {
  width: 21.875%;
  /* 252px / 1152px */
}

.three-fourths {
  width: 73.95833%;
  /* 852px / 1152px */
}

.one-fifth {
  width: 16.66667%;
  /* 192px / 1152px */
}

.two-fifths {
  width: 37.5%;
  /* 432px / 1152px */
}

.three-fifths {
  width: 58.33333%;
  /* 672px / 1152px */
}

.four-fifths {
  width: 79.16667%;
  /* 912px / 1152px */
}

.one-sixth,
.sidebar-secondary {
  width: 13.19444%;
  /* 152px / 1152px */
}

.five-sixths,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
  width: 82.63889%;
  /* 952px / 1152px */
}

.first,
.content-sidebar-sidebar .content,
.sidebar-content-sidebar .sidebar-secondary,
.sidebar-sidebar-content .sidebar-secondary,
.title-area,
.content-sidebar .content,
.sidebar-content .sidebar-primary,
.sidebar-content-sidebar .content,
.sidebar-sidebar-content .sidebar-primary {
  margin-left: 0;
  clear: both;
}

.sidebar-content .sidebar-primary,
.sidebar-content-sidebar .sidebar-secondary,
.sidebar-sidebar-content .sidebar-secondary,
.sidebar-sidebar-content .sidebar-primary {
  clear: none;
}

.archive-page {
  margin-left: 0;
}

/* Entry Content Structure */
.content {
  padding-bottom: 40px;
  padding-bottom: 4rem;
}

.entry,
.page .post.entry {
  margin-bottom: 80px;
  margin-bottom: 8rem;
}

.single .entry {
  margin-bottom: 48px;
  margin-bottom: 4.8rem;
}

.page .entry {
  margin: 20px 0;
  margin: 2rem 0;
}

.entry-content {
  overflow: hidden;
  display: inline-block;
  display: inline-block;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6,
.entry-title a,
.site-title {
  line-height: 1.5;
  margin-bottom: 16px;
  margin-bottom: 1.6rem;
  font-family: Impact, Arial, sans-serif;
  font-weight: 100;
  text-transform: uppercase;
}

h1,
.entry-title,
.entry-title a,
.site-title {
  font-size: 32px;
  font-size: 3.2rem;
}

/* Title Class for SEO / No Overuse of H Tags */
.title,
h2 {
  font-size: 28px;
  font-size: 2.8rem;
}

h2 a,
h2 a:visited {
  color: #3b3d42;
}
h2 a:hover,
h2 a:visited:hover {
  color: #2b4a5d;
}

h3 {
  font-size: 32px;
  font-size: 3.2rem;
}

h4,
.archive-title,
.taxonomy-description h1,
.widgettitle {
  font-size: 20px;
  font-size: 2rem;
}

h4.widgettitle a {
  color: #3e6b85;
}

h5 {
  font-size: 18px;
  font-size: 1.8rem;
}

h6,
.author-box h1,
.sidebar h2 a {
  font-size: 14px;
  font-size: 1.4rem;
}

.author-box h1 {
  margin: 0;
  line-height: 1.5;
}

.taxonomy-description h1 {
  margin-bottom: 4px;
  margin-bottom: 0.4rem;
}

.archive-title {
  margin-bottom: 24px;
  margin-bottom: 2.4rem;
}

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

            LAYOUT

**********************************************************************************************/
/*
03 Header
---------------------------------------------------------------------------------------------------- */
.site-header {
  overflow: hidden;
}

.site-title {
  margin: 40px 0 8px;
  margin: 4rem 0 0.8rem;
  font-size: 48px;
  font-size: 4.8rem;
  font-family: Verdana, Arial, sans-serif;
  font-weight: 700;
}
.site-title a {
  color: #3b3d42;
}
.site-title a:hover {
  color: #3e6b85;
}

.header-image .site-title {
  margin: 0;
}

.site-description {
  line-height: 1.25;
  color: #3b3d42;
}

.header-full-width .site-title,
.header-full-width .site-title a,
.header-full-width .title-area {
  width: 100%;
}

.header-image .site-title,
.header-image .site-title a,
.header-image .title-area {
  display: block;
  float: left;
  min-height: 120px;
  overflow: hidden;
  width: 50%;
}

.header-image .site-description {
  display: none;
}

.site-header .search-form {
  float: right;
  margin-top: 56px;
  margin-top: 5.6rem;
  width: 100%;
}


/* WEBMARK Login */

.webmark-menu {
	height: 42px;
	}

.login-area {
	clear: both;
	display: inline-block;
	position: absolute;
	width: 100%;
	text-align: right;
	color: #333;
	font-family: Impact, Arial, sans-serif;

}

.login-area .login-wrap {
	display: inline-block;
	padding: 5px;
	border: 1px solid #eee;
	border-top: none;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background: #fcfcfc;
}

.mobile-login-area {
	display: none;
	}

.login-area h4 {
	display: inline;
	border: none;
	color: #007a45;
	padding: 8px 10px;
	padding: .8rem 1rem;
	position: relative;
	font-size: 1em;
	letter-spacing: 2px;
	line-height: 42px;

}


.send_login {
	display: inline;
	}

.pw_reset {
	display:inline-block;
	font-size: .7em;
	line-height: 1.2em;
	font-family: Verdana, Arial, sans-serif;
	}

.login-toggle {
	display: none;
}

/*
04 Navigation
---------------------------------------------------------------------------------------------------- */
.nav-primary,
.genesis-nav-menu {
  clear: both;
  color: #333;
  font-family: Impact, Arial, sans-serif;
  letter-spacing: 2px;
  line-height: 1.5;
  margin-left: 80px;
}

.nav-primary .menu-item,
.genesis-nav-menu .menu-item {
  display: inline-block;
  text-align: left;
}

.nav-primary a,
.genesis-nav-menu a {
  border: none;
  color: #333;
  display: block;
  padding: 10px 24px;
  padding: 1rem 2.4rem;
  position: relative;
  text-transform: uppercase
}

.nav-primary a:hover,
.genesis-nav-menu a:hover {
  color: #000d11;
}

.nav-primary .sub-menu,
.genesis-nav-menu .sub-menu {
  left: -9999px;
  /*top: 42px; */
  opacity: 0;
  position: absolute;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  width: 300px;
  z-index: 99;
}

.nav-primary .sub-menu a,
.genesis-nav-menu .sub-menu a {
  background-color: #fff;
  border: 1px solid #eee;
  border-top: none;
  padding: 10px 20px;
  padding: 1rem 2rem;
  position: relative;
  width: 300px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-size: 1.2rem;  
  letter-spacing: 0;
  font-weight: bold;
}

.nav-primary .sub-menu .sub-menu a {
	padding: 10px;
	color: #222;
	border: 0 none;
	font-weight: normal;
}

.nav-primary .sub-menu .sub-menu a:hover {
	border: 0 none;
}

.nav-primary .sub-menu a:hover,
.genesis-nav-menu .sub-menu a:hover {
  background: #eee;
  color: #007a45;
  border-bottom: 1px solid #007a45;
}


.genesis-nav-menu .sub-menu .sub-menu {
  margin: -40px 0 0 299px;
}
.nav-primary .menu-item:hover,
.genesis-nav-menu .menu-item:hover {
  position: static;
}

.nav-primary .menu-item:hover > .sub-menu,
.genesis-nav-menu .menu-item:hover > .sub-menu {
  left: auto;
  opacity: 1;
}
.genesis-nav-menu > .first > a {
  padding-left: 0;
}
.genesis-nav-menu > .last > a {
  padding-right: 0;
}
.genesis-nav-menu > .right {
  display: inline-block;
  float: right;
  list-style-type: none;
  padding: 28px 0;
  padding: 2.8rem 0;
  text-transform: uppercase;
}
.genesis-nav-menu > .right > a {
  display: inline;
  padding: 0;
}
.genesis-nav-menu > .rss > a {
  margin-left: 48px;
  margin-left: 4.8rem;
}
.genesis-nav-menu > .search {
  padding: 14px 0 0;
  padding: 1.4rem 0 0;
}

.widget_nav_menu {
	width: auto;
	display: inline-block;
	}


.menu-item a {
	text-decoration: none;
	color: #000;
	}

.menu-item a:hover {
	color: #009C58;
	}


a.extern:before,
.menu-item.extern>a:after {
	content:'\2197';
	}

.menu-item.dropdown>a:after {
	content:'\25BC';
	}
/* Sticky Menu
--------------------------------------------- */

.fixed {
	position: fixed;
	width: 100%;
	background: #fff;
	top: 0;
	margin-top: 0;
	z-index: 3;
}


.nav-primary.fixed {
	margin-top: 0;
}



/* Site Header Navigation
--------------------------------------------- */
.site-header .genesis-nav-menu a {
  color: #000d11;
}

.site-header .sub-menu {
  border-top: 1px solid #eee;
}
.site-header .sub-menu .sub-menu {
  margin-top: -55px;
}

/* Primary Navigation
--------------------------------------------- */
.nav-primary {
  margin-top: 25px;
}

.nav-primary a:hover,
.nav-primary .current-menu-parent > a,
.nav-primary .current-menu-item > a {
  color: #007a45;
}


/* Secondary Navigation
--------------------------------------------- */
.nav-secondary a {
  color: #000d11;
}

.nav-secondary .sub-menu {
  border-top: 1px solid #eee;
}
.nav-secondary .sub-menu .sub-menu {
  margin-top: -55px;
}



/*  Primary Navigation Extras */
.genesis-nav-menu li.right {
  float: right;
  padding: 24px 20px;
  padding: 2.4rem 2rem;
  list-style-type: none;
}

.genesis-nav-menu li.right a {
  display: inline;
  padding: 0;
}

.genesis-nav-menu li.search {
  padding: 6px 0 0;
  padding: 0.6rem 0 0;
}

.genesis-nav-menu li.rss a {
  background: url(images/rss.png) no-repeat center left;
  margin-left: 20px;
  margin-left: 2rem;
  padding-left: 20px;
  padding-left: 2rem;
}

.genesis-nav-menu li.twitter a {
  background: url(images/twitter-nav.png) no-repeat center left;
  padding-left: 24px;
  padding-left: 2.4rem;
}


/* Productpage Subnav */

.page-subnav .widgettitle,
.page-subnav .title {
	height: 1.5em;
	padding-left: 40px;
	padding-left: 4rem;
	position: relative;
	font-size: 1.2em;
}

.page-subnav .case-studies .widgettitle:before {
	content: '';
	background: url(images/case.png) no-repeat;
	width: 30px;
	height: 30px;
	background-size: contain;
	position: absolute;
	left: 0;
	}

.page-subnav .produkte-projekte .widgettitle:before {
	content: '';
	background: url(images/products.png) no-repeat;
	width: 30px;
	height: 30px;
	background-size: contain;
	position: absolute;
	left: 0;
	}

.entry-content .page-subnav ul li {
	list-style-type:none;
	margin-left: 0;
	}

.page-subnav .title img {
	height: 1em;
	margin:0 15px 0 0;
	margin:0 1.5rem 0 0;
}

.page-subnav .menu {
	.line-height: .9em;
}

.page-subnav .menu a {
	font-size: .9em;
	color: #007a45;
}



/* Pagination */
.archive-pagination li {
  display: inline;
}

.archive-pagination li a,
.archive-pagination li a:hover,
.archive-pagination li.active a,
.archive-pagination li.disabled {
  background-color: #4c5558;
  border-radius: 3px;
  cursor: pointer;
  padding: 12px;
  padding: 1.2rem;
  color: white;
}

.archive-pagination li a:hover,
.archive-pagination li.active a {
  background-color: white;
  color: #000d11;
}

.portfolio-widgetized .archive-pagination {
  clear: both;
}


/* Logo */

#logo {

}

#logo.fixed {
	z-index: 4;
	top: 20px;
	}

#logo.fixed img {
	width: 65px;
	height: 65px;
	z-index: 4;
}

#logo img {
	border-radius: 50%;
	border: 0px solid #007a45;
	  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 275ms;
  -o-transition-duration: 275ms;
  -webkit-transition-duration: 275ms;
  transition-duration: 275ms;
  -moz-transition-timing-function: cubic-bezier(0.53, -0.67, 0.73, 0.74);
  -o-transition-timing-function: cubic-bezier(0.53, -0.67, 0.73, 0.74);
  -webkit-transition-timing-function: cubic-bezier(0.53, -0.67, 0.73, 0.74);
  transition-timing-function: cubic-bezier(0.53, -0.67, 0.73, 0.74);
}

#logo a {
	position:absolute;
	margin: -15px 0 0 0;
	z-index: 2;
	}

#logo img {
	width: 120px;
	height: 120px;
}	

#logo .logo-img {
	height: 100%;
	}

#logo a {

}

#logo a:hover  img{
	border: 2px solid #007a45;
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -moz-transition-timing-function: cubic-bezier(0.37, 0.74, 0.15, 1.65);
  -o-transition-timing-function: cubic-bezier(0.37, 0.74, 0.15, 1.65);
  -webkit-transition-timing-function: cubic-bezier(0.37, 0.74, 0.15, 1.65);
  transition-timing-function: cubic-bezier(0.37, 0.74, 0.15, 1.65);
	} 


.pagetitle {
	position: relative;
	background: #007a45; /* Old browsers */
	background: -moz-linear-gradient(top,  #007a45 0%, #004223 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007a45), color-stop(100%,#004223)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #007a45 0%,#004223 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #007a45 0%,#004223 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #007a45 0%,#004223 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #007a45 0%,#004223 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007a45', endColorstr='#004223',GradientType=0 ); /* IE6-9 */
	max-height: 300px;
	overflow: hidden;
}


.pagetitle h3 {
	color: #fff;
	}

.title-frontpage {
	height: 150px;
	}

.pagetitle h3 {
	padding: 30px 0 0 140px;
	}

.webmark_product h3 {
	color: #fff;
	}


/*
05 Meta and Comments
---------------------------------------------------------------------------------------------------- */
/* Post Info and Meta */
.entry-meta {
  clear: both;
  line-height: 1.5;
  color: #4c4c4c;
  /*@include rem(font-size, 14px)*/
}

.entry-header .entry-meta {
  margin-bottom: 24px;
  margin-bottom: 2.4rem;
}

.entry-footer .entry-meta {
  border-top: 1px solid #ccc;
  padding-top: 24px;
  padding-top: 2.4rem;
}

.entry-meta .entry-comments {
  background: url(images/post-comments.png) no-repeat center left;
  margin-left: 16px;
  margin-left: 1.6rem;
  padding-left: 20px;
  padding-left: 2rem;
  color: #333333;
}

.entry-categories,
.entry-tags {
  display: block;
}

.entry-time {
  color: #000d11;
}

/* Comments */
.entry-comments,
#respond {
  line-height: 1.5;
  overflow: hidden;
}

.ping-list,
.entry-comments {
  margin-bottom: 48px;
  margin-bottom: 4.8rem;
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
  width: 50%;
}

.commentmetadata,
.comment-form-author,
.comment-form-email,
.comment-form-url {
  margin-bottom: 12px;
  margin-bottom: 1.2rem;
}

.comment-form-comment {
  margin: 12px 0;
  margin: 1.2rem 0;
}

/*label {
	margin-left: 12px;
	@include rem(margin-left, 12);
}*/
.comment-list li,
.ping-list li {
  list-style-type: none;
  margin-top: 24px;
  margin-top: 2.4rem;
  padding: 32px;
  padding: 3.2rem;
  border-radius: 10px;
}

.comment-list li ul li {
  margin-right: -32px;
  margin-right: -3.2rem;
}

.comment-header {
  overflow: hidden;
}

.comment {
  background-color: #f4f4f4;
  border: 1px solid #e5e5e5;
}

.comment-content p {
  margin-bottom: 24px;
  margin-bottom: 2.4rem;
}

.entry-comments .navigation {
  margin-top: 32px;
  margin-top: 3.2rem;
}

.comment-list li .avatar {
  float: left;
  margin: 0 16px 24px 0;
  margin: 0 1.6rem 2.4rem 0;
  border-radius: 8px;
}

/*
06 Post Content Styles
---------------------------------------------------------------------------------------------------- */

.entry-content p {
  margin-bottom: 26px;
  margin-bottom: 2.6rem;
}

.content-block {
	padding: 60px 0;
	padding: 6rem 0;
	box-shadow: 0px -10px 20px -10px #ccc;
	-webkit-box-shadow: 0px -10px 20px -10px #ccc;
	-moz-box-shadow: 0px -10px 20px -10px #ccc;
	}

/* Client Logos */

.clients {
	display: inline-block;
}

/* Project Page */

.project_info {
	display: inline-block;
	margin: 20px 0;
	width: 100%;
	/* background: #f3f3f3; 
	border-radius: 10px;
	padding: 15px;
	border: 1px solid #ccc;
	border-left: 2px solid #007a45;
	border-right: 2px solid #007a45; */
}

.project_info h4 {
	margin-top: 20px;
}

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

.project_info .testimonial_text {
	border-top: 1px solid #ccc;
	display: inline-block;
	font-size: .7em;
	position: relative;
	margin-top: 10px;
	padding-top: 10px;
	border-radius:10px
}

.project_info .testimonial_text:before {
	content: '';
	position: absolute;
	top:-10px;
	border-bottom: 10px solid #ccc;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	left: 12%;
}

.project_info .testimonial_name {
	display: inline-block;
	font-size: .8em;
	margin-top: 25px;
	padding-left: 25px;
	width: 70%;
}

.project_info .testimonial_name span {
	display: block;
}

.project_info .testimonial_position {
	font-size: .7em;
	color: #007a45
}

.project_info .testimonial_img {
	display: inline-block;
	float: left;
	width: 30%;
}

.project_info .testimonial_img img {
	border: 3px solid #ccc;
	border-radius: 50%;

}

.project_info .testimonial_text {

}

/* After Post */
.after-post {
  background: #f2f2f2;
  border: 1px solid #d8d8d8;
  padding: 10px;
  padding: 1rem;
  margin-bottom: 50px;
  margin-bottom: 5rem;
}

/* Blockquotes */
blockquote {
  padding: 24px 64px;
  padding: 2.4rem 6.4rem;
}

blockquote::before {
  content: "“";
  display: block;
  height: 0;
  left: -20px;
  position: relative;
  top: -10px;
}

blockquote::before,
blockquote p {
  color: #7f7f7f;
}

blockquote::before {
  font-size: 45px;
  font-size: 4.5rem;
  line-height: 58px;
  line-height: 5.8rem;
}

/* Lists */
.entry-content ol,
.entry-content ul {
  margin-bottom: 26px;
  margin-bottom: 2.6rem;
}

.entry-content ol li,
.entry-content ul li {
  line-height: 1.625;
  margin-left: 40px;
  margin-left: 4rem;
}

.entry-content ol li {
  list-style-type: decimal;
}

.entry-content ul li {
  list-style-type: disc;
  font-size: .9em;
}

.entry-content ol ol,
.entry-content ul ul {
  margin-bottom: 0;
}


/* Productpage Lists */

.entry-content ul.webmark-list li {
	list-style-type: none;
	background: url(images/webmark_list.png) no-repeat 0px 3px transparent;
	padding-left: 20px;
	margin-left: 1rem;
}


/* Partner */

.partner {
	border: 1px solid #ccc;
 	-webkit-box-shadow: 0px 0px 20px 0px #ccc;
	   -moz-box-shadow: 0px 0px 20px 0px #ccc;
	        box-shadow: 0px 0px 20px 0px #ccc;
	padding: 60px;
	margin: 60px 0;
	}

.main-partner { 
	border-bottom: 1px solid #ccc;
	padding-bottom: 40px;
	padding-bottom: 4rem;
}

.sub-partner {
	font-size: .8em;
	}



/*
07 Sidebar
---------------------------------------------------------------------------------------------------- */
.sidebar {
  display: inline;
  line-height: 1.5;
}

.sidebar p {
  margin-bottom: 16px;
  margin-bottom: 1.6rem;
}

.sidebar .widget {
  border-bottom: 1px solid #ccc;
  margin-bottom: 32px;
  margin-bottom: 3.2rem;
  padding-bottom: 32px;
  padding-bottom: 3.2rem;
  overflow: hidden;
}

.sidebar.widget-area ul li {
  list-style-type: none;
  margin-bottom: 6px;
  margin-bottom: 0.6rem;
  word-wrap: break-word;
}

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


.sidebar .block p,
.sidebar .block a {
	font-size: 12px;
	margin: 0;
}

.sidebar h4 {
	margin-top: 30px;
	}

/*
08 Sidebar Alt
---------------------------------------------------------------------------------------------------- */
/* SideBar Alt Styles */
/*
09 Footer
---------------------------------------------------------------------------------------------------- */
/*
Site Footer
---------------------------------------------------------------------------------------------------- */
.site-footer {
  clear: both;
  margin: 8px 0;
  margin: 0.8rem 0;
}

.site-footer .wrap {
  overflow: hidden;
}

.site-footer p {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
}

/* Footer Widgets */
.footer-widgets {
  border-top: 2px solid #ccc;
  clear: both;
  line-height: 1.5;
  overflow: hidden;
  background-color: #f2f2f2;
  position: relative;
  min-height: 350px;

}

.footer-widgets h4 {
	text-align: left;
	color: #007a45;
	}

.footer-widgets .wrap {
	margin-top: 30px;
}

.footer-widgets p {
  margin-bottom: 16px;
  margin-bottom: 1.6rem;
}



.footer-widgets .widget {
  margin-bottom: 24px;
  margin-bottom: 2.4rem;
}
.footer-widgets .widget-area ul li {
  list-style-type: none;
  margin-bottom: 6px;
  margin-bottom: 0.6rem;
  word-wrap: break-word;
}

.footer-widgets .wrap > div {
  display: table-cell;
}

a.newsletter {
	line-height: 1.5em;	
	background: #007a45;
	padding: 10px;
	margin-top: 10px;
	display: block;
	color: #fff;
	text-decoration: none;
	text-align: center;
	border: 3px solid #ccc;
	text-transform: uppercase;
	}

/* Footer Navigation */
.site-footer #footer-nav .wrap {
  border: none;
  padding: 0;
}

.site-footer ul.menu-footer {
  font-size: 13px;
  font-weight: normal;
}

.site-footer ul.menu-footer a {
  padding: 0rem .75rem;
}

.ansprechpartner span {
	border-radius: 50%;
	display: inline-block;
	width: 150px;
	height: 150px;
	overflow: hidden;
	border: 3px solid #ccc
}

.ansprechpartner img {
	height: 150px;
	max-width: none;
	margin-left: -30px;
	}

.ansprechpartner.iris img {
	margin-left: -60px;
}

.ansprechpartner.ansprechpartner-dwif img {
	position: relative;
	top: -28px;
	height: auto;
	max-width: 150px; 
}

/* Back-to-top Link */

#top {
	cursor: pointer;
	font-weight: bold;
	padding: 14px 14px;
	position: fixed;
	right: 10px;
	bottom: 10px;
	transition: all 0.25s linear 0s;
	width: 40px;
	z-index: 25;
	border: 1px solid #555;
	border-radius: 50%;
	color: #555;
	display: none;
	font-size: 20px;
	height: 40px;
	line-height: 26px;
	text-align: center;
	background: #fff;
	background: rgba (255,255,255,.8);
	}

#top:hover {
	background: #007a45;
	color: #fff;
	}

#top .fa-angle-up {
	font-size: 22px;
	position: absolute;
	top: 8px;
	left: 11px;
}

#top .fa {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.fa-angle-up:before {
	content: "\f106";
	}

/* backlink */

.backlink {
	padding: 7px 0;
	display:inline-block;
}

.backlink a {
	background: #007a45;
	color: #fff;
	padding: 5px 10px;
	padding: .5rem 1rem;
	font-size: .8em;
}


/* video link icon */

a.video { 
	background: url(images/video_icon.png) no-repeat;
	background-size: 20px;
	padding-left: 24px;
	background-position: 0px;
	display: inline-block;
}

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

            MODULES

**********************************************************************************************/
/*
10 Forms and Buttons
---------------------------------------------------------------------------------------------------- */

form {
	display: inline;
	}

input,
select,
textarea {
  background-color: #eee;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: 0 0 5px #ddd inset;
  -webkit-box-shadow: 0 0 5px #ddd inset;
  padding: 8px 10px;
  padding: .6em 1rem;
  color: #7f7f7f;
  width: 150px;
  width: 15rem;
  border: 1px solid #007a45; 
}

button,
input[type="button"],
input[type="submit"],
.btn {
  background-color: #007a45;
  border: none;
  box-shadow: none;
  cursor: pointer;
  padding: 8px 20px;
  padding: .8emrem 2rem;
  width: auto;
  color: #fff;
  font-size: inherit;
}

button:hover,
input:hover[type="button"],
input:hover[type="submit"],
.btn:hover {
  background-color: #004223;
}

/*
11 Images and Captions
---------------------------------------------------------------------------------------------------- */
embed,
img,
object,
video {
  max-width: 100%;
}

img {
  height: auto;
}

.alignleft .avatar {
  margin-right: 24px;
  margin-right: 2.4rem;
}

.alignright .avatar {
  margin-left: 24px;
  margin-left: 2.4rem;
}

.author-box .avatar {
  float: left;
  margin-right: 24px;
  margin-right: 2.4rem;
}

img.centered,
.aligncenter {
  display: block;
  margin: 0 auto 24px;
  margin: 0 auto 2.4rem;
  text-align: center;
}

img.alignnone {
  display: inline;
  margin-bottom: 12px;
  margin-bottom: 1.2rem;
}

img.alignleft,
.post-image,
.wp-caption.alignleft {
  display: inline;
  margin: 0 24px 24px 0;
  margin: 0 2.4rem 2.4rem 0;
}

img.alignright,
.wp-caption.alignright {
  display: inline;
  margin: 0 0 24px 24px;
  margin: 0 0 2.4rem 2.4rem;
}

img.fullwidth {
	width: 100%;
}

p.wp-caption-text {
  line-height: 1.2;
  margin-top: 12px;
  margin-top: 1.2rem;
}

.wp-caption {
  text-align: center;
}

/*
12 Author Box / Bread Crumbs / Sticky
---------------------------------------------------------------------------------------------------- */
.author-box,
.sticky {
  margin-bottom: 80px;
  margin-bottom: 8rem;
}

.author-box,
.taxonomy-description {
  line-height: 1.5;
}

.author-box,
.sticky,
.taxonomy-description {
  background-color: #f5f5f5;
  margin-bottom: 48px;
  margin-bottom: 4.8rem;
  overflow: hidden;
  padding: 32px;
  padding: 3.2rem;
}

.breadcrumb {
  background-color: #f5f5f5;
  margin-bottom: 10px;
  margin-bottom: 1rem;
  overflow: hidden;
  padding: 10px;
  padding: 1rem;
}

/*
13 Widgets/Plugins
---------------------------------------------------------------------------------------------------- */

/* mqTranslate */

ul#mqtranslate-chooser{
	max-width: 1152px;
	text-align: right;
	list-style-type: none;
	margin: 0 auto;
	padding-right: 30px;
}

ul#mqtranslate-chooser li {
	display:inline;
	margin: 5px;
}

ul#mqtranslate-chooser a {
	color: #555;
	font-size: 1em;
	font-size: 0; /* Ausgeblendet bis Übersetzung fertig */
	text-decoration: none;
	}

/* Produktfelder */

#products {
	margin-bottom: 20px;
	margin-bottom: 2rem;
	margin-top: 20px;
	margin-top: 2rem;
	min-height: 250px;
	display: inline-block;
	}

#products .one-fourth {
	margin-left: .5%;
	width: 24.5%; 
  }

.boxfirst, 
.box{
	position:relative;
	display:block;
	}

.box:before {
	content: "";
	position: absolute;
	top: 80%;
	left: -16%;
	z-index: 2; 
	background: url(./images/plus.png);
	background-repeat: no-repeat;
	width: 30%;
	height: 42%;
	background-size: 100% 100%;
}



.inner-box {
	width: 100%;
	margin: 0 auto;
	}

.inner-box a{
	display:block;
	position:relative;
	text-decoration: none;
}

.komp-img {
	display: block;
	width: 100%;
/*	transition: transform 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); */
}
	

#products .image {
	display:block;
	position: relative;
	overflow:hidden;
}


.komp-textarea {
	position: absolute;
	width: 100%;
	border-bottom:2px solid #ccc
	}

.komp-textarea span {
	font-size: .7em;
	text-align: left;
	height: auto;
	width: 100%;
	display:block;
	position: relative;
	padding: 10px;
	padding-left: 20px;
	color: #007a45;
	text-transform: uppercase;
	font-weight: bold;
	}

.komp-text {
	max-height: 0;
	background: #fff;
	overflow:hidden;
	transition: max-height .9s ease-out;
	-webkit-transition: max-height .9s ease-out;
	-oz-transition: max-height .9s ease-out;
	}

#products a:hover .komp-text {
	max-height:200px;
	}


.komp-title {
	text-transform: uppercase;
	font-size: 100%;
	background: #fff;
	width: 100%;
	color: #333;
	text-align: center;
	line-height: 1em;
	z-index: 1;
	opacity: .9;
	font-family: Impact, Arial, sans-serif;
	padding: 1em;
	letter-spacing: 2px;
	border-bottom: 2px solid #ccc;
	}

#products a:hover .image {

	}

#products a:hover .komp-textarea {
	opacity: 1;
	z-index: 1;
	}


#products a:hover .komp-title {
	opacity: 1;
}

.plus:before {

	}



.plus {

}

/* Produktfelder Animations */


.blank-img {
	opacity: 0 !important;
}

#products .bench-anim .image {
	background: url(/wp-content/themes/webmark/images/keyframes/bench.jpg) no-repeat;
}
#products .info-anim .image {
	background: url(/wp-content/themes/webmark/images/keyframes/info.jpg) no-repeat;
}
#products .monitor-anim .image {
	background: url(/wp-content/themes/webmark/images/keyframes/monitor.jpg) no-repeat;
}
#products .qm-anim .image {
	background: url(/wp-content/themes/webmark/images/keyframes/qm.jpg) no-repeat;
}

#products .anim .image {
	background-position: 0 0;
	background-size:100%;
}

#products a.bench-anim:hover .image {
	animation: bench-anim 1s steps(8) infinite;
}
#products a.info-anim:hover .image {
	animation: info-anim 1.2s steps(7) infinite;
}
#products a.monitor-anim:hover .image {
	animation: monitor-anim 1.4s steps(4) infinite;
}
#products a.qm-anim:hover .image {
	animation: qm-anim 1.5s steps(7) infinite;
}



@keyframes bench-anim {
	100% { background-position: 0 100% }
}
@keyframes info-anim {
	100% { background-position: 0 100% }
}
@keyframes monitor-anim {
	100% { background-position: 0 100% }
}
@keyframes qm-anim {
	100% { background-position: 0 100% }
}

#products .frame1,
#products .frame2,
#products .frame3,
#products .frame4,
#products .frame5,
#products .frame6,
#products .frame7,
#products .frame8,
#products .frame9 {
	opacity: 0;
	position: absolute;
	transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	width: 100%;
	}

#products a:hover .static img {
	opacity: 1;
	}


#products .bench a:hover .frame1 {
	animation: bench-animation 1800ms infinite; 	
	-webkit-animation: bench-animation 1800ms infinite; 	
	-moz-animation: bench-animation 1800ms infinite; 	
	-o-animation: bench-animation 1800ms infinite; 	
}

#products .bench a:hover .frame2 {
	animation: bench-animation 1800ms infinite;
	-webkit-animation: bench-animation 1800ms infinite; 
	-moz-animation: bench-animation 1800ms infinite;
	-o-animation: bench-animation 1800ms infinite;
	animation-delay: 200ms;
	-webkit-animation-delay: 200ms;
	-moz-animation-delay: 200ms;
	-o-animation-delay: 200ms;
}

#products .bench a:hover .frame3 {
	animation: bench-animation 1800ms infinite; 
	-webkit-animation: bench-animation 1800ms infinite; 
	-moz-animation: bench-animation 1800ms infinite; 
	-o-animation: bench-animation 1800ms infinite; 
	animation-delay: 400ms;
	-webkit-animation-delay: 400ms;
	-moz-animation-delay: 400ms;
	-o-animation-delay: 400ms;
}

#products .bench a:hover .frame4 {
	animation: bench-animation 1800ms infinite; 
	-webkit-animation: bench-animation 1800ms infinite; 
	-moz-animation: bench-animation 1800ms infinite; 
	-o-animation: bench-animation 1800ms infinite; 
	animation-delay: 600ms;
	-webkit-animation-delay: 600ms;
	-moz-animation-delay: 600ms;
	-o-animation-delay: 600ms;
}

#products .bench a:hover .frame5 {
	animation: bench-animation 1800ms infinite; 
	-webkit-animation: bench-animation 1800ms infinite; 
	-moz-animation: bench-animation 1800ms infinite; 
	-o-animation: bench-animation 1800ms infinite; 
	animation-delay: 800ms;
	-webkit-animation-delay: 800ms;
	-moz-animation-delay: 800ms;
	-o-animation-delay: 800ms;
}

#products .bench a:hover .frame6 {
	animation: bench-animation 1800ms infinite; 
	-webkit-animation: bench-animation 1800ms infinite; 
	-moz-animation: bench-animation 1800ms infinite; 
	-o-animation: bench-animation 1800ms infinite; 
	animation-delay: 1000ms;
	-webkit-animation-delay: 1000ms;
	-moz-animation-delay: 1000ms;
	-o-animation-delay: 1000ms;
}

#products .bench a:hover .frame7 {
	animation: bench-animation 1800ms infinite; 
	-webkit-animation: bench-animation 1800ms infinite; 
	-moz-animation: bench-animation 1800ms infinite; 
	-o-animation: bench-animation 1800ms infinite; 
	animation-delay: 1200ms;
	-webkit-animation-delay: 1200ms;
	-moz-animation-delay: 1200ms;
	-o-animation-delay: 1200ms;
}

#products .bench a:hover .frame8 {
	animation: bench-animation 1800ms infinite; 
	-webkit-animation: bench-animation 1800ms infinite; 
	-moz-animation: bench-animation 1800ms infinite; 
	-o-animation: bench-animation 1800ms infinite; 
	animation-delay: 1400ms;
	-webkit-animation-delay: 1400ms;
	-moz-animation-delay: 1400ms;
	-o-animation-delay: 1400ms;
}

#products .bench a:hover .frame9 {
	animation: bench-animation 1800ms infinite; 
	-webkit-animation: bench-animation 1800ms infinite; 
	-moz-animation: bench-animation 1800ms infinite; 
	-o-animation: bench-animation 1800ms infinite; 
	animation-delay: 1600ms;
	-webkit-animation-delay: 1600ms;
	-moz-animation-delay: 1600ms;
	-o-animation-delay: 1600ms;
}



@keyframes bench-animation {
	0% {opacity: 0;}
	5% {opacity: 1;}
	11.1% {opacity: 1;}
	25% {opacity: 0;}
	100% {opacity: 0;}
	}

@-webkit-keyframes bench-animation {
	0% {opacity: 0;}
	5% {opacity: 1;}
	11.1% {opacity: 1;}
	25% {opacity: 0;}
	100% {opacity: 0;}
	}

@-moz-keyframes bench-animation {
	0% {opacity: 0;}
	5% {opacity: 1;}
	11.1% {opacity: 1;}
	25% {opacity: 0;}
	100% {opacity: 0;}
	}

#products .monitor a:hover .frame1 {
	animation: monitor-animation 2s infinite;
	-webkit-animation: monitor-animation 2s infinite;
	-moz-animation: monitor-animation 2s infinite;
	-o-animation: monitor-animation 2s infinite;
	}

#products .monitor a:hover .frame2 {
	animation: monitor-animation 2s infinite;
	-webkit-animation: monitor-animation 2s infinite;
	-moz-animation: monitor-animation 2s infinite;
	-o-animation: monitor-animation 2s infinite;
	animation-delay: 400ms;
	-webkit-animation-delay: 400ms;
	-moz-animation-delay: 400ms;
	-o-animation-delay: 400ms;
	}

#products .monitor a:hover .frame3{
	animation: monitor-animation 2s infinite;
	-webkit-animation: monitor-animation 2s infinite;
	-moz-animation: monitor-animation 2s infinite;
	-o-animation: monitor-animation 2s infinite;
	animation-delay: 800ms;
	-webkit-animation-delay: 800ms;
	-moz-animation-delay: 800ms;
	-o-animation-delay: 800ms;
	}

#products .monitor a:hover .frame4{
	animation: monitor-animation 2s infinite;
	-webkit-animation: monitor-animation 2s infinite;
	-moz-animation: monitor-animation 2s infinite;
	-o-animation: monitor-animation 2s infinite;
	animation-delay: 1200ms;
	-webkit-animation-delay: 1200ms;
	-moz-animation-delay: 1200ms;
	-o-animation-delay: 1200ms;
	}

#products .monitor a:hover .frame5{
	animation: monitor-animation 2s infinite;
	-webkit-animation: monitor-animation 2s infinite;
	-moz-animation: monitor-animation 2s infinite;
	-o-animation: monitor-animation 2s infinite;
	animation-delay: 1600ms;
	-webkit-animation-delay: 1600ms;
	-moz-animation-delay: 1600ms;
	-o-animation-delay: 1600ms;
	}


@keyframes monitor-animation {
	0% {opacity: 0;}
	5% {opacity: 1;}
	20% {opacity: 1;}
	40% {opacity: 0;}
	100% {opacity: 0;}
	}

@-webkit-keyframes monitor-animation {
	0% {opacity: 0;}
	5% {opacity: 1;}
	20% {opacity: 1;}
	40% {opacity: 0;}
	100% {opacity: 0;}
	}

@-moz-keyframes monitor-animation {
	0% {opacity: 0;}
	5% {opacity: 1;}
	20% {opacity: 1;}
	40% {opacity: 0;}
	100% {opacity: 0;}
	}


#products .qm a:hover .frame1 {
	animation: qm-animation 2s infinite;
	-webkit-animation: qm-animation 2s infinite;
	-moz-animation: qm-animation 2s infinite;
	-o-animation: qm-animation 2s infinite;
	}

#products .qm a:hover .frame2 {
	animation: qm-animation 2s infinite;
	-webkit-animation: qm-animation 2s infinite;
	-moz-animation: qm-animation 2s infinite;
	-o-animation: qm-animation 2s infinite;
	animation-delay: 250ms;
	-webkit-animation-delay: 250ms;
	-moz-animation-delay: 250ms;
	-o-animation-delay: 250ms;
	}

#products .qm a:hover .frame3 {
	animation: qm-animation 2s infinite;
	-webkit-animation: qm-animation 2s infinite;
	-moz-animation: qm-animation 2s infinite;
	-o-animation: qm-animation 2s infinite;
	animation-delay: 500ms;
	-webkit-animation-delay: 500ms;
	-moz-animation-delay: 500ms;
	-o-animation-delay: 500ms;
	}

#products .qm a:hover .frame4 {
	animation: qm-animation 2s infinite;
	-webkit-animation: qm-animation 2s infinite;
	-moz-animation: qm-animation 2s infinite;
	-o-animation: qm-animation 2s infinite;
	animation-delay: 750ms;
	-webkit-animation-delay: 750ms;
	-moz-animation-delay: 750ms;
	-o-animation-delay: 750ms;
	}

#products .qm a:hover .frame5 {
	animation: qm-animation 2s infinite;
	-webkit-animation: qm-animation 2s infinite;
	-moz-animation: qm-animation 2s infinite;
	-o-animation: qm-animation 2s infinite;
	animation-delay: 1000ms;
	-webkit-animation-delay: 1000ms;
	-moz-animation-delay: 1000ms;
	-o-animation-delay: 1000ms;
	}

#products .qm a:hover .frame6 {
	animation: qm-animation 2s infinite;
	-webkit-animation: qm-animation 2s infinite;
	-moz-animation: qm-animation 2s infinite;
	-o-animation: qm-animation 2s infinite;
	animation-delay: 1250ms;
	-webkit-animation-delay: 1250ms;
	-moz-animation-delay: 1250ms;
	-o-animation-delay: 1250ms;
	}

#products .qm a:hover .frame7 {
	animation: qm-animation 2s infinite;
	-webkit-animation: qm-animation 2s infinite;
	-moz-animation: qm-animation 2s infinite;
	-o-animation: qm-animation 2s infinite;
	animation-delay: 1500ms;
	-webkit-animation-delay: 1500ms;
	-moz-animation-delay: 1500ms;
	-o-animation-delay: 1500ms;
	}

#products .qm a:hover .frame8 {
	qm-animation 2s infinite;
	-webkit-animation: qm-animation 2s infinite;
	-moz-qm-animation 2s infinite;
	-o-qm-animation 2s infinite;
	animation-delay: 1750ms;
	-webkit-animation-delay: 1750ms;
	-moz-animation-delay: 1750ms;
	-o-animation-delay: 1750ms;
	}

@keyframes qm-animation {
	0% {opacity: 0;}
	5% {opacity: 1;}
	12.5% {opacity: 1;}
	25% {opacity: 0;}
	100% {opacity: 0;}
	}

@-webkit-keyframes qm-animation {
	0% {opacity: 0;}
	5% {opacity: 1;}
	12.5% {opacity: 1;}
	25% {opacity: 0;}
	100% {opacity: 0;}
	}

@-moz-keyframes qm-animation {
	0% {opacity: 0;}
	5% {opacity: 1;}
	12.5% {opacity: 1;}
	25% {opacity: 0;}
	100% {opacity: 0;}
	}

#products .info a:hover .frame1 {
	animation: info-animation 2s infinite;
	-webkit-animation: info-animation 2s infinite;
	-moz-animation: info-animation 2s infinite;
	-o-animation: info-animation 2s infinite;
	}

#products .info a:hover .frame2 {
	animation: info-animation 2s infinite;
	-webkit-animation: info-animation 2s infinite;
	-moz-animation: info-animation 2s infinite;
	-o-animation: info-animation 2s infinite;
	animation-delay: 250ms;
	-webkit-animation-delay: 250ms;
	-moz-animation-delay: 250ms;
	-o-animation-delay: 250ms;
	}

#products .info a:hover .frame3 {
	animation: info-animation 2s infinite;
	-webkit-animation: info-animation 2s infinite;
	-moz-animation: info-animation 2s infinite;
	-o-animation: info-animation 2s infinite;
	animation-delay: 500ms;
	-webkit-animation-delay: 500ms;
	-moz-animation-delay: 500ms;
	-o-animation-delay: 500ms;
	}

#products .info a:hover .frame4 {
	animation: info-animation 2s infinite;
	-webkit-animation: info-animation 2s infinite;
	-moz-animation: info-animation 2s infinite;
	-o-animation: info-animation 2s infinite;
	animation-delay: 750ms;
	-webkit-animation-delay: 750ms;
	-moz-animation-delay: 750ms;
	-o-animation-delay: 750ms;
	}

#products .info a:hover .frame5 {
	animation: info-animation 2s infinite;
	-webkit-animation: info-animation 2s infinite;
	-moz-animation: info-animation 2s infinite;
	-o-animation: info-animation 2s infinite;
	animation-delay: 1000ms;
	-webkit-animation-delay: 1000ms;
	-moz-animation-delay: 1000ms;
	-o-animation-delay: 1000ms;
	}

#products .info a:hover .frame6 {
	animation: info-animation 2s infinite;
	-webkit-animation: info-animation 2s infinite;
	-moz-animation: info-animation 2s infinite;
	-o-animation: info-animation 2s infinite;
	animation-delay: 1250ms;
	-webkit-animation-delay: 1250ms;
	-moz-animation-delay: 1250ms;
	-o-animation-delay: 1250ms;
	}

#products .info a:hover .frame7 {
	animation: info-animation 2s infinite;
	-webkit-animation: info-animation 2s infinite;
	-moz-animation: info-animation 2s infinite;
	-o-animation: info-animation 2s infinite;
	animation-delay: 1500ms;
	-webkit-animation-delay: 1500ms;
	-moz-animation-delay: 1500ms;
	-o-animation-delay: 1500ms;
	}

#products .info a:hover .frame8 {
	info-animation 2s infinite;
	-webkit-animation: info-animation 2s infinite;
	-moz-info-animation 2s infinite;
	-o-info-animation 2s infinite;
	animation-delay: 1750ms;
	-webkit-animation-delay: 1750ms;
	-moz-animation-delay: 1750ms;
	-o-animation-delay: 1750ms;
	}

@keyframes info-animation {
	0% {opacity: 0;}
	5% {opacity: 1;}
	12.5% {opacity: 1;}
	25% {opacity: 0;}
	100% {opacity: 0;}
	}

@-webkit-keyframes info-animation {
	0% {opacity: 0;}
	5% {opacity: 1;}
	12.5% {opacity: 1;}
	25% {opacity: 0;}
	100% {opacity: 0;}
	}

@-moz-keyframes info-animation {
	0% {opacity: 0;}
	5% {opacity: 1;}
	12.5% {opacity: 1;}
	25% {opacity: 0;}
	100% {opacity: 0;}
	}

/* dwif Partner Link */

.partner-link {
	text-align: right;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 100%;
	float:right;
}

/*
.partner-link .wrap:after {
	content: '';
	position: absolute;
	border-left: 20px solid #333;
	border-top: 60px solid transparent;
	border-bottom: 60px solid transparent;	
	right: -20px;
	top: 0;
} */

.partner-link span {
	display: inline-block;
}

.partner-link .partner-text {
	margin: 20px;
	float: right;
}

.partner-link a .partner-text h4 {
	color: #333;
}

.partner-link a:hover .partner-text h4 {
	color: #007a45;
}

.partner-link .partner-logo {
	float: right;
	padding: 5px 15px 0 0;
}

.partner-link .partner-logo img {
	height: 100px;
}

.partner-link h4 {
}

/* dwif-Partner-Page Farben 


.dwif h4 {
	color: #1C4482 !important;
}

.dwif .pagetitle {
	background: #2573AD ;
	background: -moz-linear-gradient(top, #2573AD  0%, #1C4482 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2573AD ), color-stop(100%,#1C4482 ));
	background: -webkit-linear-gradient(top, #2573AD  0%,#1C4482  100%);
	background: -o-linear-gradient(top, #2573AD  0%,#1C4482 100%);
	background: -ms-linear-gradient(top, #2573AD  0%,#1C4482  100%);
	background: linear-gradient(to bottom, #2573AD  0%,#1C4482 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2573AD ', endColorstr='#1C4482',GradientType=0 );
}

.dwif input[type="button"],
.dwif input[type="submit"],
.dwif button {
	background-color: #1C4482;
}

.dwif #logo img {
	border-radius: 50%;
	border: 0px solid #2573AD;
	  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 275ms;
  -o-transition-duration: 275ms;
  -webkit-transition-duration: 275ms;
  transition-duration: 275ms;
  -moz-transition-timing-function: cubic-bezier(0.53, -0.67, 0.73, 0.74);
  -o-transition-timing-function: cubic-bezier(0.53, -0.67, 0.73, 0.74);
  -webkit-transition-timing-function: cubic-bezier(0.53, -0.67, 0.73, 0.74);
  transition-timing-function: cubic-bezier(0.53, -0.67, 0.73, 0.74);
}

.dwif #logo a:hover img {
	border: 2px solid #2573AD;
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -moz-transition-timing-function: cubic-bezier(0.37, 0.74, 0.15, 1.65);
  -o-transition-timing-function: cubic-bezier(0.37, 0.74, 0.15, 1.65);
  -webkit-transition-timing-function: cubic-bezier(0.37, 0.74, 0.15, 1.65);
  transition-timing-function: cubic-bezier(0.37, 0.74, 0.15, 1.65);
	} 

.dwif a {
	color: #2573AD;
}
.dwif a:hover,
.dwif a:visited {
	color: #1C4482;
}

.dwif .menu-item a {
	color: #000;
}

.dwif .nav-primary .sub-menu a:hover, 
.dwif .genesis-nav-menu .sub-menu a:hover {
	color: #2573AD;
	border-bottom: 1px solid #2573AD;
}

*/
/* WEBMARK Product Area */

.webmark_product {

}

.webmark_project h3 {
	line-height: 300px;
	color: #fff;
	}

.webmark_product h3 {
	-webkit-animation: fadein .5s ease-in-out;
	-webkit-animation-delay: .2s
	}

	@-webkit-keyframes fadein {
	from { opacity:0;}
	to { opacity: 1}
	}

.product_bg {
	position: absolute;
	height: 300px;
	overflow:hidden;
	width: 100%;
	}


.webmark_project {
	height: 300px;
	text-align: center;
	}

.webmark_project .pagetitle img {
	opacity: .5;
	}

.pagetitle img{
	width: 100%;
	opacity: .1;
	}

.webmark_product {
	}

.webmark_project .content,
.webmark_product .content {
	text-align: center;
	padding: 40px;
	}

.webmark_product .content img {
	width: 40%;
	padding: 10px;
	border: 2px solid #fff;
	box-shadow: 0px 10px 10px #ccc;
	-webkit-box-shadow: 0px 10px 10px #ccc;
	-moz-box-shadow: 0px 10px 10px #ccc;
	-webkit-animation: falldown .75s ease-out;
	   -moz-animation: falldown .75s ease-out;
	    -ms-animation: falldown .75s ease-out;
}

.feature {
	position: absolute;
	padding: 10px 10px;
	max-width: 300px;
	background: #333;
	color: #fff;
	top: 0;
	opacity: .9;
	border-radius: 5px;
	text-align: left;
	font-size: .9em;
	border: 1px solid #fff;
	-webkit-animation: falldown .75s ease-out;
}

@-webkit-keyframes falldown {
	from { margin-top: -30px; opacity:0;}
	to { margin-top: 0px; opacity: .9}
	}

.feature ul li {
	list-style-type: none;
}

.left.feature {
	left: 100px;
	top: 150px;
	}

.right.feature {
	right: 100px;
	top: 100px;
	}

.feature:nth-of-type(2) {
	top: 300px;
	}

.feature:nth-of-type(4) {
	top: 250px;
	}

.left.feature:after {
	content: '';
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid #ccc;
	position: absolute;
	right: -15px;
	bottom: 10px;
	}

.right.feature:before {
	content: '';
	opacity: .9;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-right: 15px solid #ccc;
	position: absolute;
	left: -15px;
	bottom: 10px;
	}

/* Login Landing Page
 * ________________________________
*/ 

.loginbox {
  margin: 0 auto;
  max-width: 400px;
  border: 1px solid rgb(204, 204, 204);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  padding: 20px;
	background: #fff;
  box-shadow: 2px 2px 5px 1px #777;;
  }


.loginbox input {
  display: block;
  width: 100%;
  margin: 10px 0;
 } 

 .loginbox .send_login {
  text-align: right;
  display: block;
  font-size: .9em;
}

div#login {
  min-height: 400px;
  margin: 0 auto;
  padding: 200px 0;
  background: url(./images/default.jpg) no-repeat; 
	background-size: cover;
  margin-top: -30px;
  background-position-y: -100px;
}

div#login.live {
  background: url(./images/stuhleck_produkt.jpg) no-repeat;
  background-size: cover;
}

@media screen and (min-width: 1200px) {
  div#login.live {
    background: url(./images/stuhleck_produkt.jpg) no-repeat;
    background-size: cover;
    background-position-y: -200px;
  }
}



 /* Youtube Video Wrapper */

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Cookie Consent Message */

#catapult-cookie-bar a {
  text-decoration: underline;
  font-weight: bold;
}