/* noto-sans-jp-300 - latin */
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/noto-sans-jp-v22-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans Japanese Light'), local('NotoSansJapanese-Light'),
       url('../fonts/noto-sans-jp-v22-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-jp-v22-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-jp-v22-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-jp-v22-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-jp-v22-latin-300.svg#NotoSansJP') format('svg'); /* Legacy iOS */
}

/* noto-sans-jp-500 - latin */
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/noto-sans-jp-v22-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans Japanese Medium'), local('NotoSansJapanese-Medium'),
       url('../fonts/noto-sans-jp-v22-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-jp-v22-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-jp-v22-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-jp-v22-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-jp-v22-latin-500.svg#NotoSansJP') format('svg'); /* Legacy iOS */
}

/* noto-sans-jp-700 - latin */
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto-sans-jp-v22-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans Japanese Bold'), local('NotoSansJapanese-Bold'),
       url('../fonts/noto-sans-jp-v22-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-jp-v22-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-jp-v22-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-jp-v22-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-jp-v22-latin-700.svg#NotoSansJP') format('svg'); /* Legacy iOS */
}

/* ---- Resets ----*/
/* http://meyerweb.com/eric/tools/css/reset/
	v2.0 | 20110126
	License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, 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,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ---- Basics ---- */
body {
	font-family: 'Noto Sans JP', Arial, sans-serif;
	font-size: 0.875em;
	line-height: 1.429;
  font-weight: 300;
	color: #000;
	background-color: #FFF;
	text-align: center;
	height: 100%;
	min-width: 0;
	padding: 0;
	margin: 0;
  font-kerning: normal;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.screen-reader-text,
.visible-mobile,
.navi-button-close {
  display: none;
}

/* ---- Links ---- */
a {
  color: inherit;
	text-decoration: none;
	outline: none;
}

a:hover {
  text-decoration: underline;
	outline: none;
}

.more-link {
  font-weight: 700;
}

.post-title a:hover {
  text-decoration: none;

  background-image: linear-gradient(to right, currentColor 0%, currentColor 100%);
  background-repeat: repeat-x;
  background-position: 0 96%;
  background-size: 100% 2px;
}

/*.button a, a.button {
	color: #000;
	padding: 5px 9px;
	margin-bottom: 10px;
	border: 1px solid #000;
	border-radius: 6px;
	display: inline-block;
	cursor: pointer;
}*/

.button a, a.button {
  font-weight: 500;
	color: #fff;
	padding: 5px 9px;
	background-color: #000;
	margin-bottom: 10px;
	display: inline-block;
	cursor: pointer;
}

.green a, a.green {
  background-color: #005237;
}

.button a:hover, a.button:hover {
  text-decoration: none;
	background-color: #003c74;
}

.small a, a.small {
	font-size: 0.800em;
	padding: 2px 15px;
}

.big a, a.big {
	font-size: 1.400em;
	padding: 8px 30px;
}

.main li a {
  display: block;
}

.main li a:before {
  content: '';
  display: block;
  height: 26px;
  background-repeat: no-repeat;
}

.main .current-menu-item > a:before,
.main li a:hover:before {
  background-position: 0 -26px;
}

.service a {
  font-weight: 300;
  color: #000;
}

.service a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid;
}

.a_footer a,
.current-menu-item > a,
.current-menu-parent > a,
.current-menu-ancestor > a,
.current_page_parent > a,
.current-page-ancestor > a {
  font-weight: 700;
}

.a_footer .widget-4 a {
  font-weight: 300;
}

/* ---- Navigation ---- */
.navi-button {
  display: none;
}

.main {
  position: absolute;
  left: 0;
  top: 132px;
  z-index: 100;
}

.main li {
	display: block;
  font-size: 1.875em;
  line-height: 1.467;
  position: relative;
  height: 26px;
  background-color: #FFF;
  overflow: hidden;
  margin-bottom: 12px;
}

.service li {
  font-size: 1.143em;
  line-height: 1.375;
	display: inline-block;
}

.service li:before {
  content: '| ';
  margin-left: 2px;
}

.service li:first-child:before {
  content: '';
  margin-left: 0;
  display: none;
}

/* ---- Structure ---- */
.a_all {
  max-width: 1000px;
	position: relative;
  margin: 0 auto;
  text-align: left;
}

.a_header {
  padding-top: 1.5%;
  background-image: url('../images/head_knip.png');
  background-repeat: no-repeat;
  background-size: contain;
}

.has-primary-nav .a_header {
  padding-bottom: 180px;
}

.archive .a_header,
.search .a_header,
.error404 .a_header,
.single-post .a_header,
.single-page .a_header {
  padding-bottom: 0;
}

.header-inner {
  padding: 16px 47px 12px 64px;
  position: relative;
}

.logo {
  float: right;
}

.logo img {
  display: block;
}

.a_wrapper {
  margin: 50px 62px 50px 64px;
}

.a_content {
  width: 65.904%;
  float: left;
}

.error404 .a_content {
  width: 100%;
  float: none;
}

.a_sidebar {
  width: 31.808%;
  float: right;
}

.a_footer {
  font-size: 0.857em;
  line-height: 1.5;
  margin: 10px 62px 10px 64px;
}

/* ---- Columns ---- */
.col-2 {
	width: 48.284%;
	float: left;
}

.col-30-60 > .col-2 {
	width: 31.808%;
}

.col-30-60 > .col-right {
	width: 65.904%;
}

.col-60-30 > .col-2 {
	width: 65.904%;
}

.col-60-30 > .col-right {
	width: 31.808%;
}

.col-3 {
	width: 31.808%;
  float: left;
	margin-right: 2.288%;
}

.col-right {
	float: right;
	margin-right: 0;
}

/* ---- Post ---- */
.a_content .post, .a_content .attachment, .search-results .single-post-type-item {
	margin-bottom: 40px;
	clear: both;
}

.post {
  background-image: url('../images/blog/div_blog_knip.png');
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 5.625%;
}

.not-found {
  background-image: none;
  padding-top: 0;
}

.post-meta span {
	display: block;
}

.post-meta-footer {
  margin-bottom: 16px;
}

.tag-links {
	margin-top: 6px;
	display: block;
}

.navigation {
  margin-top: 28px;
  padding: 20px 0;
}

.navigation .next-posts, .navigation .previous-posts {
	width: 49%;
	margin-bottom: 20px;
}

.next-posts {
	float: left;
}

.previous-posts {
	float: right;
	text-align: right;
}

/* ---- Pages ---- */
.single-page .a_wrapper {
  margin: 0;
}

.single-page .a_content {
  width: 100%;
}

.single-page .post-wrapper {
  margin: 30px 62px 30px 64px;
}

.single-page .a_footer {
  margin-top: 40px;
}

/* ---- Textelements ---- */
.post-content {
  position: relative;
}

.archive-title, .post-title {
  font-size: 2.143em;
  line-height: 1.267;
  font-weight: 500;
	margin-bottom: 32px;
}

.archive-title {
  font-size: 1.286em;
  line-height: 1.889;
  font-weight: 700;
	margin-bottom: 16px;
}

.post-content h1,
.post-content h2 {
  font-size: 2.143em;
  line-height: 1.267;
  font-weight: 500;
	margin-bottom: 32px;
}

.post-content h2 {
	margin-bottom: 16px;
}

.post-content h3 {
  font-size: 1.286em;
  line-height: 1.889;
  font-weight: 700;
  margin-bottom: 16px;
}

.post-content h4 {
  font-weight: 700;
}

.post-content h5, .post-content h6 {
  font-weight: 300;
}

.post-content p {
	margin-bottom: 8px;
}

strong, b {
  font-weight: 700;
}

em, italic {
	font-style: normal;
  font-weight: 500;
}

.small, small {
	font-size: 0.857em;
}

blockquote {
	padding: 0;
}

.post-content ul, .post-content ol {
	padding-bottom: 8px;
}

.post-content ul ul, .post-content ol ol {
	padding-bottom: 0px;
}

.post-content ul li {
	padding-left: 0.6em;
	text-indent: -0.6em;
	list-style: none;
}

.post-content ul li:before {
	content: '-';
	padding-right: 4px;
	color: #000;
}

.post-content ol li {
	position: relative;
	left: 20px;
	list-style: decimal;
}

.link-list ul {
	list-style: none;
}

.link-list ul li {
	padding-left: 1.45em;
	text-indent: -1.45em;
	margin-left: 0;
}

.post-content h4 a {
  display: block;
  padding-left: 1.45em;
  text-indent: -1.45em;
  margin-left: 0;
}

.post-content h4 a:before,
.link-list ul li:before {
  content: '';
  display: inline-block;
  padding-right: 8px;
  width: 11px;
  height: 11px;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 11 11' xml:space='preserve'%3E%3Cpath d='M5.5,11C2.5,11,0,8.5,0,5.5S2.5,0,5.5,0S11,2.5,11,5.5S8.5,11,5.5,11z'/%3E%3Cpath class='st0' style='fill:%23FFFFFF;' d='M7.3,5.1l-2-2.5C5,2.4,4.7,2.4,4.4,2.6c-0.2,0.2-0.2,0.5,0,0.8l1.8,2.1L4.4,7.6c-0.2,0.2-0.2,0.5,0,0.7l0,0 c0.2,0.2,0.6,0.2,0.8,0l0,0l2.1-2.4c0.1-0.1,0.1-0.2,0.1-0.4C7.4,5.4,7.4,5.2,7.3,5.1z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.post-content h4 a:hover:before,
.link-list ul li:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 11 11' xml:space='preserve'%3E%3Cpath class='st0' style='fill:%23FFFFFF;' d='M7.3,5.1l-2-2.5C5,2.4,4.7,2.4,4.4,2.6c-0.2,0.2-0.2,0.5,0,0.8l1.8,2.1L4.4,7.6c-0.2,0.2-0.2,0.5,0,0.7l0,0 c0.2,0.2,0.6,0.2,0.8,0l0,0l2.1-2.4c0.1-0.1,0.1-0.2,0.1-0.4C7.4,5.4,7.4,5.2,7.3,5.1z'/%3E%3Cpath d='M5.5,1C8,1,10,3,10,5.5S8,10,5.5,10S1,8,1,5.5S3,1,5.5,1 M5.5,0C2.5,0,0,2.5,0,5.5S2.5,11,5.5,11S11,8.5,11,5.5S8.5,0,5.5,0 z'/%3E%3Cpath d='M7.3,5.1l-2-2.5C5.1,2.4,4.8,2.3,4.5,2.5C4.3,2.7,4.2,3,4.4,3.3l1.8,2.1L4.4,7.5C4.2,7.7,4.2,8,4.4,8.2l0,0 c0.2,0.2,0.6,0.2,0.8,0l0,0l2.1-2.4c0.1-0.1,0.1-0.2,0.1-0.4C7.4,5.4,7.4,5.2,7.3,5.1z'/%3E%3C/svg%3E");
}

.link-list ul li.download-link:before,
.download-list ul li:before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 21 21' xml:space='preserve'%3E%3Cpath class='st0' style='fill:%23000000;' d='M10.5,0C4.7,0,0,4.7,0,10.5S4.7,21,10.5,21S21,16.3,21,10.5S16.3,0,10.5,0z M15.9,10l-4.7,3.9 c-0.2,0.2-0.5,0.3-0.7,0.3s-0.5-0.1-0.7-0.3L5.1,10C4.6,9.6,4.6,8.9,5,8.5C5.3,8,6,8,6.4,8.3l4,3.4l4.1-3.4C15,8,15.7,8,16,8.5 C16.4,8.9,16.4,9.6,15.9,10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.link-list ul li.download-link:hover:before,
.download-list ul li:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 21 21' xml:space='preserve'%3E%3Cpath class='st0' style='opacity:0.5;enable-background:new;' d='M10.5,0C4.7,0,0,4.7,0,10.5S4.7,21,10.5,21S21,16.3,21,10.5S16.3,0,10.5,0z M15.9,10l-4.7,3.9 c-0.2,0.2-0.5,0.3-0.7,0.3s-0.5-0.1-0.7-0.3L5.1,10C4.7,9.6,4.6,9,5,8.5C5.3,8,6,8,6.4,8.3l4,3.4l4.1-3.4C15,8,15.7,8,16,8.5 C16.4,8.9,16.4,9.6,15.9,10z'/%3E%3C/svg%3E");
}

.sep {
	padding: 0 5px;
}

.separator {
	display: inline-block;
	width: 10px;
}

.post-content .table {
	display: table;
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

.post-content .table-row {
	display: table-row;
}

.post-content .table-cell {
	display: table-cell;
	width: 33%;
	padding-right: 40px;
	vertical-align: top;
}

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

.post-thumbnail img {
  display: block;
	margin-bottom: 16px;
}

.post-content img {
	margin-bottom: 16px;
}

.post-content .thumbnail img {
	margin-bottom: 0px;
}

.aligncenter, div.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

img.alignleft, .post-content div.alignleft {
	margin: 4px 16px 16px 0;
}

img.alignright, .post-content div.alignright {
	margin: 4px 0 16px 16px;
}

.wp-caption {
	text-align: left;
	margin-bottom: 16px;
  width: auto !important;
}

.wp-caption img {
	display: block;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}

.wp-caption-text {
  font-size: 0.875em;
	padding: 10px 0 12px;
}

.post-content p.wp-caption-text {
	margin-bottom: 0;
}

.slides li:hover .wp-caption-text,
.single-item:hover .wp-caption-text,
.gallery-item:hover .wp-caption-text,
.wp-caption:hover .wp-caption-text {
	opacity: 1;
}

.wp-caption p {
	padding-bottom: 12px;
}

/* ---- iFrame ---- */
.post-content iframe {
	max-width: 100%;
}

.iframe-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}

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

.ratio4x3 {
	padding-bottom: 75%;
}

/* ---- Widgets ---- */
.recentcomments a {
	display:inline !important;
	padding:0 !important;
	margin:0 !important;
}

.widget {
  margin: 0 0 40px 0;
}

.widget_text {
	padding-bottom: 1px;
	margin-bottom: 20px;
}

.a_footer .widget,
.a_footer .widget p {
	margin-bottom: 0;
}

.a_footer .widget {
  float: left;
}

.a_footer .widget-1 {
  width: 35.469%;
}

.a_footer .widget-2 {
  width: 31.136%;
}

.a_footer .widget-3 {
  width: 18.55%;
}

.a_footer .widget-4 {
  font-size: 0.833em;
  line-height: 1.6;
  text-align: right;
}

.widget h3.widget-title {
	font-size: 1.286em;
  line-height: 1.889;
  font-weight: 700;
	margin-bottom: 16px;
}

.widget p {
	margin-bottom: 10px;
}

.widget li {
	padding-left: 16px;
	text-indent: -16px;
  margin-bottom: 4px;
}

.widget li.recentcomments {
	padding-left: 0;
	text-indent: 0;
}

.widget li a:before {
	content: '';
  display: inline-block;
  width: 16px;
  height: 11px;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 11 11' xml:space='preserve'%3E%3Cpath d='M5.5,11C2.5,11,0,8.5,0,5.5S2.5,0,5.5,0S11,2.5,11,5.5S8.5,11,5.5,11z'/%3E%3Cpath class='st0' style='fill:%23FFFFFF;' d='M7.3,5.1l-2-2.5C5,2.4,4.7,2.4,4.4,2.6c-0.2,0.2-0.2,0.5,0,0.8l1.8,2.1L4.4,7.6c-0.2,0.2-0.2,0.5,0,0.7l0,0 c0.2,0.2,0.6,0.2,0.8,0l0,0l2.1-2.4c0.1-0.1,0.1-0.2,0.1-0.4C7.4,5.4,7.4,5.2,7.3,5.1z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.widget li a:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 11 11' xml:space='preserve'%3E%3Cpath class='st0' style='fill:%23FFFFFF;' d='M7.3,5.1l-2-2.5C5,2.4,4.7,2.4,4.4,2.6c-0.2,0.2-0.2,0.5,0,0.8l1.8,2.1L4.4,7.6c-0.2,0.2-0.2,0.5,0,0.7l0,0 c0.2,0.2,0.6,0.2,0.8,0l0,0l2.1-2.4c0.1-0.1,0.1-0.2,0.1-0.4C7.4,5.4,7.4,5.2,7.3,5.1z'/%3E%3Cpath d='M5.5,1C8,1,10,3,10,5.5S8,10,5.5,10S1,8,1,5.5S3,1,5.5,1 M5.5,0C2.5,0,0,2.5,0,5.5S2.5,11,5.5,11S11,8.5,11,5.5S8.5,0,5.5,0 z'/%3E%3Cpath d='M7.3,5.1l-2-2.5C5.1,2.4,4.8,2.3,4.5,2.5C4.3,2.7,4.2,3,4.4,3.3l1.8,2.1L4.4,7.5C4.2,7.7,4.2,8,4.4,8.2l0,0 c0.2,0.2,0.6,0.2,0.8,0l0,0l2.1-2.4c0.1-0.1,0.1-0.2,0.1-0.4C7.4,5.4,7.4,5.2,7.3,5.1z'/%3E%3C/svg%3E");
}

.widget li.recentcomments a:before, .widget_calendar a:before {
	content: '';
  background-image: none;
}

.widget .rssSummary {
	text-indent: 0;
}

.widget_calendar table {
	width: 270px;
}

.widget_calendar td, .widget_calendar th {
	text-align: center;
}

.widget_calendar caption {
	margin-bottom: 6px;
}

.widget_calendar tfoot td {
	padding-top: 12px;
}

.widget_calendar tfoot #prev {
	text-align: left;
}

.widget_calendar tfoot #next {
	text-align: right;
}

/* ---- Comments ---- */
#comments, #respond {
	margin-top: 10px;
	padding-top: 20px;
	border-top: 1px solid #000;
}

#comments h3, #respond h3 {
  font-size: 1.286em;
  line-height: 1.889;
	font-weight: 700;
	margin-bottom: 16px;
}

#comments p, #respond p {
	margin-bottom: 10px;
}

#respond p.form-submit {
	margin-bottom: 30px;
}

.commentlist .comment_inner {
	margin-bottom: 20px;
}

.commentlist .children {
	margin: 0 0 30px 75px;
}

.comment-gravatar img {
	width: 60px;
	float: left;
	margin-right: 15px;
	border-radius: 30px;
}

.comment-data {
	overflow: hidden;
}

#cancel-comment-reply-link {
	margin-left: 10px;
}

.form-allowed-tags {
	display: none;
}

#commentform .comment-form-cookies-consent,
#commentform .comment-gdpr-checkbox {
  position: relative;
}

#commentform .comment-form-cookies-consent label,
#commentform .comment-gdpr-checkbox label {
  position: relative;
  padding-left: 1.5em;
  display: inline-block;
  width: auto !important;
}

.comment-form-cookies-consent input[type=checkbox],
.comment-gdpr-checkbox input[type=checkbox] {
  position: absolute;
  left: 0;
  top: 2px;
}

/* ---- Forms ---- */
input[type=text], input[type=email], input[type=password], textarea {
	font-family: 'Noto Sans JP', Arial, sans-serif;
	font-weight: 300;
	font-size: 1em;
	border-radius: 0;
	border: 1px solid #7e7e80;
	width: 99%;
	padding: 3px 1px;
	margin-bottom: 10px;
	-webkit-appearance: none;
}

textarea {
	height: 120px;
}

button, input[type=submit], input[type=reset] {
	font-family: 'Noto Sans JP', Arial, sans-serif;
	font-weight: 500;
	font-size: 1em;
	color: #FFF;
	background-color: #000;
	border: 0;
	border-radius: 0;
	width: auto;
	padding: 5px 9px;
	margin-bottom: 0;
	cursor: pointer;
	-webkit-appearance: none;
}

button:hover, input[type=submit]:hover, input[type=reset]:hover {
	background-color: #003c74;
}

select {
	font-family: 'Noto Sans JP', Arial, sans-serif;
	font-size: 0.875em;
	font-weight: 300;
	width: 100%;
	padding: 2px;
}

label {
	color: #000;
	padding-bottom: 3px;
}

.wpcf7 p {
	margin-bottom: 4px;
}

.wpcf7-list-item {
  margin: 0 0 0 1.5em;
}

.wpcf7-list-item input[type=checkbox] {
  margin-left: -1.5em;
}

/* ---- Event Registration Form ---- */
.is-registration-page input[type=text], .is-registration-page input[type=email], .is-registration-page input[type=tel], .is-registration-page input[type=password], .is-registration-page textarea {
  height: 30px;
  background-color: #e6e6e6;
  padding: 0;
  outline: none;
  color: #000000;
  border-bottom: 2px #000 solid;
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
  border-radius: 0;
  margin-bottom: 6px;
  max-width: 400px;
  padding: 0 0 0 8px;
  width: 100%;
}

.is-registration-page textarea {
  padding-top: 4px;
	height: 100px;
}

.is-registration-page select {
  width: 124px;
  height: 30px;
  font-size: 1em;
  background-color: #e6e6e6;
  padding: 2px 5px;
  margin-bottom: 6px;
  border-bottom: 2px #000 solid;
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
  border-radius: 0;
}

.is-registration-page label {
  display: none;
}

.is-registration-page .wpcf7-form-control-wrap label,
.is-registration-page .wpcf7-acceptance label {
  display: block;
}

.is-registration-page input.wpcf7-quiz {
  max-width: 80px;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #000;
}

/* ---- Divider ---- */
.clear {
	height: 0px;
	overflow: hidden;
	clear: both;
}

.divider {
	height: 8px;
}

.divider-30 {
	height: 30px;
}

.divider-20 {
	height: 20px;
}

.divider-10 {
	height: 10px;
}

.line {
	margin: 20px 0;
	border-top: 2px solid #000;
}

hr {
	display: none;
}

.gallery .clear {
	height: auto;
}

.clearfix:after {
	content: " ";
	display: block;
	height: 1px;
	clear: both;
}

/* ---- Cookie Notice ---- */
.no-js #cookie-notice, .no-js .cookie-status {
  display: none !important;
}

.acceptance-text {
  display: block;
}

.cookie-box, .cookie-status {
	border: 1px solid #000;
  padding: 10px 10px 0;
	margin-bottom: 30px;
}

.cookie-status {
	padding: 10px;
}

.cookie-box p {
  margin-bottom: 10px;
}

#cookie-notice {
	margin-top: 32px;
  font-size: 0.875em;
  line-height: inherit;
	background-color: #000;
  border-top: 1px solid #FFF;
}

#cookie-notice.cookie-notice-hidden {
  border-top: 0;
}

#cookie-notice .cookie-notice-container {
  padding: 10px 50px;
	width: auto;
}

#cookie-notice .button {
  margin-bottom: 6px;
}

/* ---- Thickbox ---- */
#TB_overlay {
	z-index: 1000;
}

#TB_window {
	font-family: 'Noto Sans JP', Arial, sans-serif;
	font-weight: 300;
	font-size: 0.875em;
	color: #000;
	z-index: 1002;
}

#TB_window img#TB_Image {
	border: 0;
}

#TB_caption {
	height: auto !important;
	padding: 7px 15px 10px;
}

#TB_closeWindow {
	padding-top: 20px;
  position: relative;
}

#TB_closeWindowButton {
	right: 10px;
	top: 5px;
}

#TB_closeWindowButton:hover .tb-close-icon,
#TB_closeWindowButton:focus .tb-close-icon {
	color: #000;
}

#TB_title {
	background-color: transparent;
}

/* ---- Galerie ---- */
.gallery .clear {
	height: auto;
}

.gallery {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0 auto 0;
	padding-bottom: 20px;
}

.gallery .gallery-row {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0;
}

.gallery .gallery-item {
	overflow: hidden;
	float: left;
	margin: 0 0 1.5%;
	text-align: left;
	list-style: none;
	position: relative;
}

.gallery .gallery-item .gallery-icon img {
	width: auto;
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
}

.gallery .gallery-item .gallery-icon .wp-caption-text {
  color: #000 !important;
}

.gallery .col-0 { width: 100%; }
.gallery .col-1 { width: 100%; }
.gallery .col-2 { width: 49.25%; margin-right: 1.5%; }
.gallery .col-3 { width: 32.333%; margin-right: 1.5%; }
.gallery .col-4 { width: 23.875%; margin-right: 1.5%; }
.gallery .col-5 { width: 18.8%; margin-right: 1.5%; }
.gallery .col-6 { width: 15.416%; margin-right: 1.5%; }
.gallery .col-7 { width: 13%; margin-right: 1.5%; }
.gallery .col-8 { width: 11.1875%; margin-right: 1.5%; }
.gallery .col-9 { width: 9.7777%; margin-right: 1.5%; }

.gallery .last {
	margin-right: 0;
}

/* --- Page Gallery --- */
.page-gallery {
  position: relative;
}

.gallery-wrapper {
	border: 0;
	padding-top: 0;
	margin-bottom: 0 !important;
  position: relative;
}

.gallery-wrapper img {
  display: block;
  margin-top: 0;
}

.gallery-wrapper #photo_A {
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 60;
}

.gallery-wrapper #photo_B {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 50;
}

/* ---- Page Teaser ---- */
.page-teaser {
  color: #2e2e2e;
  width: 36.613%;
  position: absolute;
  right: 0;
  bottom: 20px;
  z-index: 100;
}

.single-teaser {
  background-color: rgba(255,255,255,0.85);
  padding: 14px 12px 16px 14px;
  margin-bottom: 12px;
}

.single-teaser span {
  display: block;
}

.single-teaser__headline {
  font-size: 1.143em;
  line-height: 1.25;
  font-weight: 700;
  margin: 0 0 8px 26px;
  position: relative;
}

.single-teaser__headline:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 11 11' xml:space='preserve'%3E%3Cpath d='M5.5,11C2.5,11,0,8.5,0,5.5S2.5,0,5.5,0S11,2.5,11,5.5S8.5,11,5.5,11z'/%3E%3Cpath class='st0' style='fill:%23FFFFFF;' d='M7.3,5.1l-2-2.5C5,2.4,4.7,2.4,4.4,2.6c-0.2,0.2-0.2,0.5,0,0.8l1.8,2.1L4.4,7.6c-0.2,0.2-0.2,0.5,0,0.7l0,0 c0.2,0.2,0.6,0.2,0.8,0l0,0l2.1-2.4c0.1-0.1,0.1-0.2,0.1-0.4C7.4,5.4,7.4,5.2,7.3,5.1z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  position: absolute;
  top: 1px;
  left: -26px;
}

.single-teaser a:hover .single-teaser__headline:before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 21 21' xml:space='preserve'%3E%3Cpath class='st0' style='fill:%23000;' d='M10.5,2c4.7,0,8.5,3.8,8.5,8.5S15.2,19,10.5,19S2,15.2,2,10.5C2,5.8,5.8,2,10.5,2 M10.5,0C4.7,0,0,4.7,0,10.5 S4.7,21,10.5,21S21,16.3,21,10.5S16.3,0,10.5,0z'/%3E%3Cpath class='st0' style='fill:%23000;' d='M13.9,9.8L10,5.1C9.6,4.6,9,4.6,8.5,5C8.1,5.3,8,6,8.4,6.5l3.4,4.1l-3.4,4c-0.4,0.4-0.4,1,0,1.4 c0,0,0,0,0.1,0.1c0.4,0.4,1.1,0.4,1.5-0.1c0,0,0,0,0,0l3.9-4.7c0.2-0.2,0.3-0.5,0.3-0.7C14.2,10.2,14.1,10,13.9,9.8z'/%3E%3C/svg%3E%0A");
}

/* ---- Post List ---- */
.single-page .list .post-wrapper {
  margin: 48px 62px 48px 64px;
}

.post-list .post {
  padding-top: 0;
  background-image: none;
}

.post-list .post-thumbnail {
  width: 45.767%;
  float: right;
}

.post-list .post-wrapper-inner {
  width: 48.767%;
  float: left;
}

.post-list .post-title {
  font-weight: 700;
}

.post-list .list-headline {
  font-size: 2.143em;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 300;
  margin-bottom: 0;
}

/* ---- Post List : Event List
.event-list .list-item {
  margin-bottom: 16px;
} ---- */

.event-list .post-title {
  font-size: 1em;
  line-height: 1.429;
  margin-bottom: 0;
}

.event-info p,
.event-list .post-content p,
.event-list .post-content a {
  color: #FFF;
  font-weight: 700;
  display: inline-block;
  padding: 2px 4px 2px 4px;
  margin: 4px 0;
  background-color: #000;
  transition: background-color 0.5s;
}

.event-list .list-item .post-content a:hover {
  text-decoration: none;
  background-color: #000;
  transition: background-color 0.5s;
}

.event-list .list-item ul {
  padding-bottom: 0;
}

.event-list .list-item {
  padding-bottom: 14px;
}

/* ---- Post List : Product Pages ---- */
.single-page .product-pages .post-wrapper {
  margin: 0;
}

.product-pages .list-item {
  display: table;
  padding: 24px 62px 24px 44%;
  background-repeat: no-repeat;
  background-size: cover;
  color: #FFF;
  position: relative;
  height: 152px;
}

.product-pages .list-item:before {
  content: '';
  position: absolute;
  left: 64px;
  bottom: 0;
  display: block;
  height: 162px;
  width: 42%;
  background-repeat: no-repeat;
  opacity: 0.6;
}

.product-pages .post-wrapper {
  display: table-cell;
  vertical-align: bottom;
}

.product-pages .post-wrapper h2 {
  margin-bottom: 12px;
}

.product-pages .post-wrapper p {
  display: inline;
}

/* ---- Custom Boxes ---- */
#company-logos {
  margin-top: 48px;
  margin-bottom: 72px;
}

#company-logos img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 40px;
}

.single-page .has-background {
  font-size: 0.929em;
  line-height: 1.385;
  margin: 0;
  padding: 32px 62px 56px 64px;
  color: #FFF;
  background-repeat: no-repeat;
  background-size: cover;
}

.has-background .post-content .post-content-inner h1, .has-background .post-content .post-content-inner h2 {
  font-size: 1.385em;
  line-height: 1.333;
  font-weight: 700;
  color: #FFF;
  margin-bottom: 16px;
}

.has-background .post-content li:before {
  color: #FFF;
}

.has-background .col-3 {
  margin-right: 0.915%;
}

.has-background .col-right {
  margin-right: 0;
  width: 34.554%;
}

.has-background .download-list ul li:before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 21 21' xml:space='preserve'%3E%3Cpath class='st0' style='fill:%23FFFFFF;' d='M10.5,0C4.7,0,0,4.7,0,10.5S4.7,21,10.5,21S21,16.3,21,10.5S16.3,0,10.5,0z M15.9,10l-4.7,3.9 c-0.2,0.2-0.5,0.3-0.7,0.3s-0.5-0.1-0.7-0.3L5.1,10C4.6,9.6,4.6,8.9,5,8.5C5.3,8,6,8,6.4,8.3l4,3.4l4.1-3.4C15,8,15.7,8,16,8.5 C16.4,8.9,16.4,9.6,15.9,10z'/%3E%3C/svg%3E%0A");
}

.has-background .download-list ul li:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 21 21' xml:space='preserve'%3E%3Cpath class='st0' style='opacity:0.5;enable-background:new;' d='M10.5,0C4.7,0,0,4.7,0,10.5S4.7,21,10.5,21S21,16.3,21,10.5S16.3,0,10.5,0z M15.9,10l-4.7,3.9 c-0.2,0.2-0.5,0.3-0.7,0.3s-0.5-0.1-0.7-0.3L5.1,10C4.7,9.6,4.6,9,5,8.5C5.3,8,6,8,6.4,8.3l4,3.4l4.1-3.4C15,8,15.7,8,16,8.5 C16.4,8.9,16.4,9.6,15.9,10z'/%3E%3C/svg%3E");
}

/* ---- Homepage ---- */
.is-homepage .a_header {
  padding-top: 0;
  background-image: none;
  height: 182px;
}

.is-homepage .header-inner {
  padding-top: 44px;
}

.is-homepage .logo {
  float: none;
}

.is-homepage .logo img {
  display: none;
}

.is-homepage .logo a {
  display: block;
  width: 332px;
  height: 110px;
  background-image: url('../images/logo_knip_uz.svg');
  background-repeat: no-repeat;
}

.is-homepage .main {
  top: 222px;
}

.is-homepage .main li {
  height: 42px;
  margin-bottom: 24px;
}

.is-homepage .main li a:before {
  height: 42px;
}

.is-homepage .main .current-menu-item > a:before,
.is-homepage .main li a:hover:before {
  background-position: 0 -42px;
}

.is-homepage .service {
  position: absolute;
  right: 62px;
  top: 44px;
}

.is-homepage .service li {
  font-size: 1.714em;
  line-height: 1.167;
}

.is-homepage .service a:hover {
  border-width: 1px;
}

.is-homepage .post-wrapper {
  margin: 0;
}

/* ---- Custom Colors ---- */
.page-sat .logo img,
.page-dt .logo img,
.page-kit .logo img,
.page-it .logo img {
  display: none;
}

.page-sat .logo a,
.page-dt .logo a,
.page-kit .logo a,
.page-it .logo a {
  display: block;
  width: 179px;
  height: 82px;
  background-repeat: no-repeat;
}

/* Custom SAT */
.main .link-sat {
  width: 309px;
}

.main .link-sat a:before {
  width: 309px;
  background-image: url('../images/sat/nav_pg_sat.svg');
  background-size: 309px 52px;
}

.is-homepage .main .link-sat {
  width: 491px;
}

.is-homepage .main .link-sat a:before {
  width: 491px;
  background-image: url('../images/sat/nav_home_pg_sat.svg');
  background-size: 491px 84px;
}

.a_wrapper .category-schlauch-und-armaturentechnik {
  background-image: url('../images/blog/div_blog_sat.png');
}

.page-sat .a_header {
  background-image: url('../images/sat/head_sat.png');
}

.page-sat .logo a {
  background-image: url('../images/sat/logo_knip_sat.svg');
}

.page-sat .post-title, .page-sat .post-content h1, .page-sat .post-content h2 {
  color: #a6d2f8;
}

.page-sat .has-background {
  background-image: url('../images/sat/bar_sat.png');
}

.product-pages .page-wrapper-sat,
.page-sat .has-background,
.page-sat .has-background .post-content .post-content-inner h1, .page-sat .has-background .post-content .post-content-inner h2,
.page-sat .has-background .post-content li:before {
  color: #7e7e80;
}

.product-pages .page-wrapper-sat {
  background-image: url('../images/sat/back_sat.png');
}

.product-pages .page-wrapper-sat:before {
  background-image: url('../images/sat/pg_sat.svg');
}

.teaser-sat .single-teaser__headline:before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 11 11' xml:space='preserve'%3E%3Cpath style='fill:%23a6d2f8;' d='M5.5,11C2.5,11,0,8.5,0,5.5S2.5,0,5.5,0S11,2.5,11,5.5S8.5,11,5.5,11z'/%3E%3Cpath class='st0' style='fill:%23FFFFFF;' d='M7.3,5.1l-2-2.5C5,2.4,4.7,2.4,4.4,2.6c-0.2,0.2-0.2,0.5,0,0.8l1.8,2.1L4.4,7.6c-0.2,0.2-0.2,0.5,0,0.7l0,0 c0.2,0.2,0.6,0.2,0.8,0l0,0l2.1-2.4c0.1-0.1,0.1-0.2,0.1-0.4C7.4,5.4,7.4,5.2,7.3,5.1z'/%3E%3C/svg%3E");
}

.teaser-sat a:hover .single-teaser__headline:before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 21 21' xml:space='preserve'%3E%3Cpath class='st0' style='fill:%23A6D2F8;' d='M10.5,2c4.7,0,8.5,3.8,8.5,8.5S15.2,19,10.5,19S2,15.2,2,10.5C2,5.8,5.8,2,10.5,2 M10.5,0C4.7,0,0,4.7,0,10.5 S4.7,21,10.5,21S21,16.3,21,10.5S16.3,0,10.5,0z'/%3E%3Cpath class='st0' style='fill:%23A6D2F8;' d='M13.9,9.8L10,5.1C9.6,4.6,9,4.6,8.5,5C8.1,5.3,8,6,8.4,6.5l3.4,4.1l-3.4,4c-0.4,0.4-0.4,1,0,1.4 c0,0,0,0,0.1,0.1c0.4,0.4,1.1,0.4,1.5-0.1c0,0,0,0,0,0l3.9-4.7c0.2-0.2,0.3-0.5,0.3-0.7C14.2,10.2,14.1,10,13.9,9.8z'/%3E%3C/svg%3E%0A");
}

.event-wrapper-sat .post-content p,
.event-list .event-wrapper-sat .post-content a {
  background-color: #a6d2f8;
}

/* Custom DT */
.main .link-dt {
  width: 168px;
}

.main .link-dt a:before {
  width: 168px;
  background-image: url('../images/dt/nav_pg_dt.svg');
  background-size: 168px 52px;
}

.is-homepage .main .link-dt {
  width: 267px;
}

.is-homepage .main .link-dt a:before {
  width: 267px;
  background-image: url('../images/dt/nav_home_pg_dt.svg');
  background-size: 267px 84px;
}

.a_wrapper .category-dichtungstechnik {
  background-image: url('../images/blog/div_blog_dt.png');
}

.page-dt .a_header {
  background-image: url('../images/dt/head_dt.png');
}

.page-dt .logo a {
  background-image: url('../images/dt/logo_knip_dt.svg');
}

.page-dt .post-title, .page-dt .post-content h1, .page-dt .post-content h2 {
  color: #005430;
}

.page-dt .has-background {
  background-image: url('../images/dt/bar_dt.png');
}

.page-dt .has-background,
.page-dt .has-background .post-content .post-content-inner h1, .page-dt .has-background .post-content .post-content-inner h2,
.page-dt .has-background .post-content li:before {
  color: #FFF;
}

.product-pages .page-wrapper-dt {
  background-image: url('../images/dt/back_dt.png');
}

.product-pages .page-wrapper-dt:before {
  background-image: url('../images/dt/pg_dt.svg');
}

.teaser-dt .single-teaser__headline:before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 11 11' xml:space='preserve'%3E%3Cpath style='fill:%23005430;' d='M5.5,11C2.5,11,0,8.5,0,5.5S2.5,0,5.5,0S11,2.5,11,5.5S8.5,11,5.5,11z'/%3E%3Cpath class='st0' style='fill:%23FFFFFF;' d='M7.3,5.1l-2-2.5C5,2.4,4.7,2.4,4.4,2.6c-0.2,0.2-0.2,0.5,0,0.8l1.8,2.1L4.4,7.6c-0.2,0.2-0.2,0.5,0,0.7l0,0 c0.2,0.2,0.6,0.2,0.8,0l0,0l2.1-2.4c0.1-0.1,0.1-0.2,0.1-0.4C7.4,5.4,7.4,5.2,7.3,5.1z'/%3E%3C/svg%3E");
}

.teaser-dt a:hover .single-teaser__headline:before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 21 21' xml:space='preserve'%3E%3Cpath class='st0' style='fill:%23005430;' d='M10.5,2c4.7,0,8.5,3.8,8.5,8.5S15.2,19,10.5,19S2,15.2,2,10.5C2,5.8,5.8,2,10.5,2 M10.5,0C4.7,0,0,4.7,0,10.5 S4.7,21,10.5,21S21,16.3,21,10.5S16.3,0,10.5,0z'/%3E%3Cpath class='st0' style='fill:%23005430;' d='M13.9,9.8L10,5.1C9.6,4.6,9,4.6,8.5,5C8.1,5.3,8,6,8.4,6.5l3.4,4.1l-3.4,4c-0.4,0.4-0.4,1,0,1.4 c0,0,0,0,0.1,0.1c0.4,0.4,1.1,0.4,1.5-0.1c0,0,0,0,0,0l3.9-4.7c0.2-0.2,0.3-0.5,0.3-0.7C14.2,10.2,14.1,10,13.9,9.8z'/%3E%3C/svg%3E%0A");
}

.event-wrapper-dt .post-content p,
.event-list .event-wrapper-dt .post-content a {
  background-color: #005430;
}

/* Custom KIT */
.main .link-kit {
  width: 290px;
}

.main .link-kit a:before {
  width: 290px;
  background-image: url('../images/kit/nav_pg_kit.svg');
  background-size: 290px 52px;
}

.is-homepage .main .link-kit {
  width: 460px;
}

.is-homepage .main .link-kit a:before {
  width: 460px;
  background-image: url('../images/kit/nav_home_pg_kit.svg');
  background-size: 460px 84px;
}

.a_wrapper .category-kanal-und-inspektionstechnik {
  background-image: url('../images/blog/div_blog_kit.png');
}

.page-kit .a_header {
  background-image: url('../images/kit/head_kit.png');
}

.page-kit .logo a {
  background-image: url('../images/kit/logo_knip_kit.svg');
}

.page-kit .post-title, .page-kit .post-content h1, .page-kit .post-content h2 {
  color: #003c74;
}

.page-kit .has-background {
  background-image: url('../images/kit/bar_kit.png');
}

.page-kit .has-background,
.page-kit .has-background .post-content .post-content-inner h1, .page-kit .has-background .post-content .post-content-inner h2,
.page-kit .has-background .post-content li:before {
  color: #FFF;
}

.product-pages .page-wrapper-kit  {
  background-image: url('../images/kit/back_kit.png');
}

.product-pages .page-wrapper-kit:before {
  background-image: url('../images/kit/pg_kit.svg');
}

.teaser-kit .single-teaser__headline:before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 11 11' xml:space='preserve'%3E%3Cpath style='fill:%23003c74;' d='M5.5,11C2.5,11,0,8.5,0,5.5S2.5,0,5.5,0S11,2.5,11,5.5S8.5,11,5.5,11z'/%3E%3Cpath class='st0' style='fill:%23FFFFFF;' d='M7.3,5.1l-2-2.5C5,2.4,4.7,2.4,4.4,2.6c-0.2,0.2-0.2,0.5,0,0.8l1.8,2.1L4.4,7.6c-0.2,0.2-0.2,0.5,0,0.7l0,0 c0.2,0.2,0.6,0.2,0.8,0l0,0l2.1-2.4c0.1-0.1,0.1-0.2,0.1-0.4C7.4,5.4,7.4,5.2,7.3,5.1z'/%3E%3C/svg%3E");
}

.teaser-kit a:hover .single-teaser__headline:before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 21 21' xml:space='preserve'%3E%3Cpath class='st0' style='fill:%23003c74;' d='M10.5,2c4.7,0,8.5,3.8,8.5,8.5S15.2,19,10.5,19S2,15.2,2,10.5C2,5.8,5.8,2,10.5,2 M10.5,0C4.7,0,0,4.7,0,10.5 S4.7,21,10.5,21S21,16.3,21,10.5S16.3,0,10.5,0z'/%3E%3Cpath class='st0' style='fill:%23003c74;' d='M13.9,9.8L10,5.1C9.6,4.6,9,4.6,8.5,5C8.1,5.3,8,6,8.4,6.5l3.4,4.1l-3.4,4c-0.4,0.4-0.4,1,0,1.4 c0,0,0,0,0.1,0.1c0.4,0.4,1.1,0.4,1.5-0.1c0,0,0,0,0,0l3.9-4.7c0.2-0.2,0.3-0.5,0.3-0.7C14.2,10.2,14.1,10,13.9,9.8z'/%3E%3C/svg%3E%0A");
}

.event-wrapper-kit .post-content p,
.event-list .event-wrapper-kit .post-content a {
  background-color: #003c74;
}

/* Custom IT */
.main .link-it {
  width: 160px;
}

.main .link-it a:before {
  width: 160px;
  background-image: url('../images/it/nav_pg_it.svg');
  background-size: 160px 52px;
}

.is-homepage .main .link-it {
  width: 254px;
}

.is-homepage .main .link-it a:before {
  width: 254px;
  background-image: url('../images/it/nav_home_pg_it.svg');
  background-size: 254px 84px;
}

.a_wrapper .category-industrietechnik {
  background-image: url('../images/blog/div_blog_it.png');
}

.page-it .a_header {
  background-image: url('../images/it/head_it.png');
}

.page-it .logo a {
  background-image: url('../images/it/logo_knip_it.svg');
}

.page-it .post-title, .page-it .post-content h1, .page-it .post-content h2 {
  color: #7e7e80;
}

.page-it .has-background {
  background-image: url('../images/it/bar_it.png');
}

.page-it .has-background,
.page-it .has-background .post-content .post-content-inner h1, .page-it .has-background .post-content .post-content-inner h2,
.page-it .has-background .post-content li:before {
  color: #FFF;
}

.product-pages .page-wrapper-it  {
  background-image: url('../images/it/back_it.png');
}

.product-pages .page-wrapper-it:before {
  background-image: url('../images/it/pg_it.svg');
}

.teaser-it .single-teaser__headline:before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 11 11' xml:space='preserve'%3E%3Cpath style='fill:%237e7e80;' d='M5.5,11C2.5,11,0,8.5,0,5.5S2.5,0,5.5,0S11,2.5,11,5.5S8.5,11,5.5,11z'/%3E%3Cpath class='st0' style='fill:%23FFFFFF;' d='M7.3,5.1l-2-2.5C5,2.4,4.7,2.4,4.4,2.6c-0.2,0.2-0.2,0.5,0,0.8l1.8,2.1L4.4,7.6c-0.2,0.2-0.2,0.5,0,0.7l0,0 c0.2,0.2,0.6,0.2,0.8,0l0,0l2.1-2.4c0.1-0.1,0.1-0.2,0.1-0.4C7.4,5.4,7.4,5.2,7.3,5.1z'/%3E%3C/svg%3E");
}

.teaser-it a:hover .single-teaser__headline:before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 21 21' xml:space='preserve'%3E%3Cpath class='st0' style='fill:%237e7e80;' d='M10.5,2c4.7,0,8.5,3.8,8.5,8.5S15.2,19,10.5,19S2,15.2,2,10.5C2,5.8,5.8,2,10.5,2 M10.5,0C4.7,0,0,4.7,0,10.5 S4.7,21,10.5,21S21,16.3,21,10.5S16.3,0,10.5,0z'/%3E%3Cpath class='st0' style='fill:%237e7e80;' d='M13.9,9.8L10,5.1C9.6,4.6,9,4.6,8.5,5C8.1,5.3,8,6,8.4,6.5l3.4,4.1l-3.4,4c-0.4,0.4-0.4,1,0,1.4 c0,0,0,0,0.1,0.1c0.4,0.4,1.1,0.4,1.5-0.1c0,0,0,0,0,0l3.9-4.7c0.2-0.2,0.3-0.5,0.3-0.7C14.2,10.2,14.1,10,13.9,9.8z'/%3E%3C/svg%3E%0A");
}

.event-wrapper-it .post-content p,
.event-list .event-wrapper-it .post-content a {
  background-color: #7e7e80;
}

/* ---- Media Queries: Smaller than 920px ---- */
@media (max-width: 920px) {
  .header-inner {
    padding-left: 24px;
    padding-right: 24px;
  }

  .a_wrapper,
  .a_footer,
  .single-page .post-wrapper,
  .single-page .list .post-wrapper {
    margin-left: 24px;
    margin-right: 24px;
  }

  .product-pages .list-item {
    padding-right: 24px;
  }

  .single-page .has-background {
    margin: 0;
    padding-left: 24px;
    padding-right: 24px;
  }

  .a_footer .widget {
    width: 50%;
  }

  .a_footer .widget-1,
  .a_footer .widget-2 {
    display: none;
  }

  #company-logos img {
    margin-right: 12px;
  }

  .is-homepage .a_header {
    height: 162px;
  }

  .is-homepage .service {
    right: 24px;
  }

  .is-homepage .service li {
    font-size: 1.143em;
    line-height: 1.375;
  }

  .is-homepage .service a:hover {
    border-width: 1px;
  }

  .is-homepage .logo a {
    height: 90px;
  }

  .is-homepage .main {
    top: 130%;
  }

  .is-homepage .main li {
    margin-bottom: 12px;
  }

  .is-homepage .post-wrapper {
    margin: 0;
  }

  .product-pages .list-item:before {
    left: 24px;
    height: 124px;
  }

  /* -- Page Teaser -- */
  .page-teaser {
    width: 100%;
    position: static;
    margin-bottom: 20px;
  }

  .single-teaser {
    background-color: transparent;
    padding: 20px 24px 0 24px;
  }
}

/* ---- Media Queries: Smaller than 640px ---- */
@media (max-width: 640px) {
  .visible-mobile {
    display: block;
  }

  .visible-desktop {
    display: none;
  }

  .a_header,
  .is-homepage .a_header {
    padding-top: 0;
    height: auto;
    background-image: none !important;
  }

  .has-primary-nav .a_header {
    padding-bottom: 0;
  }

  .header-inner,
  .is-homepage .header-inner {
    padding: 10px 12px 7px;
  }

  .logo {
    position: relative;
    z-index: 101;
  }

  .page-sat .logo a,
  .page-dt .logo a,
  .page-kit .logo a,
  .page-it .logo a,
  .logo img {
    width: 94px;
    height: 43px;
  }

  .is-homepage .logo {
    float: right;
  }

  .is-homepage .logo a {
    width: 128px;
    height: 43px;
  }

  .a_footer {
    margin: 0 12px 16px;
  }

  .single-page .a_footer {
    margin-top: 0;
  }

  .is-homepage .a_footer {
    margin-top: 40px;
  }

  .a_wrapper,
  .single-page .post-wrapper {
    margin: 16px 12px;
  }

  .single-page .list .post-wrapper {
    margin: 0;
  }

  .product-pages .list-item {
    padding-right: 12px;
  }

  .single-page .has-background {
    margin: 0 0 32px;
    padding: 16px 12px;
  }

  .a_content {
    width: 100%;
    float: none;
  }

  .a_sidebar {
    width: 100%;
    float: none;
    margin-top: 0;
  }

  .widget {
    width: 100%;
    float: none;
    margin: 0 0 32px;
  }

  .col-2, .col-3 {
    width: 100% !important;
    margin-right: 0 !important;
    float: none;
  }

  .col-2.col-left,
  .col-3.col-left,
  .col-3.col-middle {
    margin-bottom: 24px;
  }

  .col-2.col-right,
  .col-3.col-right {
    margin-bottom: 8px;
  }

  .a_content .post, .a_content .attachment {
    margin-bottom: 32px;
  }

  .archive-title, .post-title,
  .post-thumbnail img,
  .post-meta-footer {
    margin-bottom: 12px;
  }

  .archive .post-thumbnail {
    margin: 0 -12px;
  }

  .archive .post-thumbnail img,
  .gallery-wrapper img {
    width: 100%;
  }

  .gallery-text-inner .col-2 {
    width: 46% !important;
    float: left;
  }

  .gallery-text-inner .col-right {
    float: right;
  }

  #company-logos {
    display: none;
  }

  .is-homepage .post-wrapper {
    margin: 0;
  }

  .is-registration-page input[type=text], .is-registration-page input[type=email], .is-registration-page input[type=tel], .is-registration-page input[type=password], .is-registration-page textarea {
    max-width: 98.5%;
  }

  .is-registration-page input.wpcf7-quiz {
    max-width: 80px;
  }

  /* -- Page Teaser -- */
  .page-teaser {
    margin-bottom: 20px;
  }

  .single-teaser {
    padding: 16px 12px 0 12px;
    margin-bottom: 0;
  }

  /* -- Post List -- */
  .post-list .post-thumbnail {
    width: 100%;
    float: none;
  }

  .post-list .post-thumbnail {
    margin-bottom: 12px;
  }

  .post-list .post-thumbnail img {
    width: 100%;
  }

  .post-list .post-wrapper-inner {
    margin: 16px 12px;
    float: none;
    width: auto;
  }

  /* -- Post List : Project Pages -- */
  .product-pages .list-item {
    padding: 12px;
  }

  .product-pages .list-item .page {
    position: relative;
    z-index: 10;
  }

  .product-pages .list-item::before {
    width: 100%;
    height: 139px;
    left: 0;
    bottom: 12px;
    background-position: 12px;
    opacity: 0.35;
  }

  /* -- Navigation -- */
  .archive .main, .single-post .main {
    display: block;
  }

  .a_navi {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
  }

  .main {
    position: static;
    padding: 12px 10px 4px 32px;
  }

  .main a {
    color: #FFF;
    font-weight: 500;
  }

  .main li a:before {
    display: none !important;
    height: auto !important;
    width: auto !important;
    background-image: none !important;
  }

  .main li {
    font-size: 1.714em;
    line-height: 1.25;
    height: auto !important;
    width: 100% !important;
    overflow: visible !important;
    background-color: transparent;
    display: block;
  }

  .service {
    position: static !important;
    padding: 0 10px 32px 32px;
  }

  .service li {
    font-size: 1.429em;
    line-height: 1.8;
    display: block;
  }

  .service li:before {
    content: '';
    display: none;
  }

  .service a {
    color: #FFF;
  }

  .service a:hover {
    color: #FFF;
    text-decoration: underline;
    border-bottom: 0;
  }

  .is-homepage .service a:hover {
    border-bottom: 0;
  }

  .navi-button {
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    padding: 16px 11px;
    background-color: #000;
    display: block;
  }

  .navi-button-inner {
    display: block;
    text-decoration: none;
    width: 38px;
    height: 26px;
    border-top: 2px solid #FFF;
    position: relative;
    transition: border-top-color 0.5s;
  }

  .navi-button-close {
    display: none;
  }

  .navi-button-inner:after, .navi-button-inner:before {
    content: '';
    display: block;
    height: 0;
    width: 38px;
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 2px solid #FFF;
    transition: transform 0.5s;
  }

  .navi-button-inner:before {
    bottom: auto;
    top: 11px;
  }

  .navi-button span {
    display: none;
  }

  .navi-open .navi-button-inner {
    border-top-color: transparent;
  }

  .navi-open .navi-button-inner:before, .navi-open .navi-button-inner:after {
    border-top-color: transparent;
    border-bottom: 2px solid #FFF;
    transform: rotate(45deg);
    content: '';
    display: block;
    height: 0;
    width: 38px;
    position: absolute;
    top: 11px;
    left: 0;
  }

  .navi-open .navi-button-inner:before {
    transform: rotate(-45deg);
  }

  .navi-inner {
    max-height: 0px;
    max-width: 304px;
    margin-top: 60px;
    opacity: 0;
    overflow: hidden;
    background-color: transparent;
    transition: max-height 0.25s;
  }

  .navi-open .navi-inner {
    max-height: 10000px;
    opacity: 1;
    overflow: visible;
    background-color: #000;
    transition: opacity 0.25s, max-height 0.5s;
  }

  /* -- Fontsizes -- */
  body {
    font-size: 0.75em;
    line-height: 1.5;
  }

  .a_footer {
    font-size: 1em;
    line-height: 1.5;
  }

  .archive-title, .post-title, .post-list .list-headline {
    font-size: 2em;
    line-height: 1.25;
  }

  .archive-title {
    font-size: 2em;
    line-height: 1.25;
  }

  .post-content h1, .post-content h2 {
    font-size: 2em;
    line-height: 1.25;
  }

  .main li {
    font-size: 2em;
    line-height: 1.25;
  }

  .service li,
  .is-homepage .service li {
    font-size: 1.667em;
    line-height: 1.8;
  }

  .single-page .has-background {
    font-size: 1em;
    line-height: 1.5;
  }

  .has-background .post-content .post-content-inner h1, .has-background .post-content .post-content-inner h2 {
    font-size: 1.5em;
    line-height: 1.333;
  }

  .single-teaser__headline {
    font-size: 1.333em;
    line-height: 1.25;
  }

  .single-teaser__headline:before {
    top: -1px;
  }
}

/* ---- Media Queries: Print ---- */
@media print {
  body {
    font-size: 0.75em;
  }

  .a_header,
  .is-homepage .a_header {
    padding: 0 0 10px;
    height: auto;
  }

  .header-inner,
  .is-homepage .header-inner {
    padding-top: 0;
  }

  .a_header .logo,
  .is-homepage .a_header .logo {
    float: right;
  }

  .a_header .logo img {
    display: block;
  }

  .a_header .logo a {
    display: inline;
    background-image: none;
  }

  .a_navi, .a_footer, .page-teaser, .widget_search {
    display: none;
  }

  .post {
    padding-top: 0;
    background-image: none;
  }

  .product-pages .list-item {
    display: block;
    height: auto;
    padding: 24px;
  }

  .product-pages .list-item:before {
    display: none;
  }
}