/* Themify Customize Styling */
body {	background: none;
	background-color: #ffffff;
	font-family: "Open Sans";	font-weight:400;
	font-size:16px;

	color: #000000;
	padding: 0%;
	margin: 0px; 
}
a {	
	color: #22716a; 
}
a:hover {		text-decoration:underline;
	font-style:normal;

	color: #38b6ab; 
}
:root {	
	--theme_accent: #38b6ab;
	--theme_accent_semi: #bae0d6;
	--theme_accent_hover: #38b6ab; 
}
a, .post-nav .arrow {	
	color: #22716a; 
}
body,h1,h2,h3,h4,h5,h6 {	
	color: #000000; 
}
.transparent-header #headerwrap a,.transparent-header #headerwrap.fixed-header a,#headerwrap a,#headerwrap.fixed-header a,#footerwrap a {	
	color: #000000; 
}
.transparent-header #headerwrap,.transparent-header #headerwrap.fixed-header,#headerwrap,#headerwrap.fixed-header,#footerwrap {	
	color: #000000; 
}
#body {	
	margin-top: 0%;margin-right: auto;margin-bottom: auto;margin-left: auto; 
}
#content {	
	margin-top: -5px;margin-right: auto;margin-bottom: auto;margin-left: auto; 
}
h1 {	
	font-family: "Open Sans";	font-weight:400;
	font-size:40px;
 
}
h2 {	
	font-family: "Open Sans";	font-weight:400;
	font-size:26px;
 
}
h3 {	
	font-family: "Open Sans";	font-weight:400;
	font-size:24px;
 
}
h4 {	
	font-family: "Open Sans";	font-weight:600;
	font-size:22px;
 
}
h5 {	
	font-family: "Open Sans";	font-weight:400;
	font-size:20px;
 
}
h6 {	
	font-family: "Open Sans";	font-weight:600;
	font-size:18px;
 
}
input:read-write,input:read-only,input[type=radio],input[type=checkbox],select,textarea {	
	background-color: transparent;
	border: 1px solid #dddddd;
	color: #000000; 
}
input:read-write:focus,input:read-only:focus,select:focus,textarea:focus {	
	background-color: transparent;
	border: 1px solid #38b6ab; 
}
input[type=reset], input[type=submit], button, button[type=submit] {	background: none;
	background-color: #ffffff;
	border: 1px solid #38b6ab;
	color: #38b6ab; 
}
input[type=reset]:hover, input[type=submit]:hover, button:hover, button[type=submit]:hover {	background: none;
	background-color: #38b6ab;
	color: #ffffff; 
}
#header {	
	font-family: "Open Sans";	font-weight:400;
	font-size:20px;
 
}
#headerwrap a:hover {	
	color: #38b6ab; 
}
#headerwrap.fixed-header #site-logo a img {		width: 200px;
	height: 50px; 
}
body #site-logo a img {		width: 200px;
	height: 50px; 
}
#main-nav {	
	background-color: transparent;background-image: none;background-attachment: fixed;width: auto;height: auto;margin: auto; 
}
#main-nav a {	
	background-color: transparent;
	color: #000000;
	font-family: "Open Sans";	font-weight:400;
	font-size:20px;
 
}
#main-nav a:hover {	
	color: #38b6ab; 
}
#main-nav .current_page_item > a, #main-nav .current-menu-item > a {	
	color: #38b6ab; 
}
#main-nav .current_page_item > a:hover, #main-nav .current-menu-item > a:hover {	
	color: #38b6ab; 
}
#main-nav .highlight-link > a {	
	color: #38b6ab; 
}
#main-nav li > .sub-menu {	background: none;
	background-color: #ffffff;background-image: none;
	padding-top: 10px; 
}
#main-nav ul a {	
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	color: #000000;
	font-family: "Open Sans";	font-weight:400;
	font-size:18px;
	text-align:left; 
}
#main-nav ul a:hover {	
	color: #38b6ab; 
}
.post {	
	background-color: transparent;background-image: none;
	margin-top: -%;
	padding: 0%; 
}
.post-title {	
	background-color: transparent;
	font-family: "Open Sans";	font-weight:400;
	font-size:24px;
 
}
.post-title, .post-title a, .loops-wrapper .post-image + .post-content .post-title a {	
	color: #22716a; 
}
.post-title a:hover, .loops-wrapper .post-image + .post-content .post-title a:hover {	
	color: #38b6ab; 
}
.single-post .has-post-title .post-title,.single-post .featured-area .post-title {	
	font-family: "Open Sans";	font-weight:400;
 
}
.loops-wrapper.grid6 .post-title, .loops-wrapper.grid6 .post-title a {		font-weight:400;
 
}
.loops-wrapper.grid2 .post-title, .loops-wrapper.grid2 .post-title a {	
	font-family: "Open Sans";	font-weight:600;
	font-size:20px;
	line-height:openpx;
 
}
.loops-wrapper.grid2-thumb .post-title, .loops-wrapper.grid2-thumb .post-title a {	
	font-family: "Open Sans";	font-weight:400;
 
}
.loops-wrapper.list-thumb-image .post-title, .loops-wrapper.list-thumb-image .post-title a {	
	font-family: "Open Sans";	font-weight:500;
	font-size:20px;
 
}
.post-meta {	
	background-color: transparent;
	color: #22716a; 
}
.post-meta, .loops-wrapper.list-post .post-meta, .single-post .post-meta, .loops-wrapper.grid6 .post-meta, .loops-wrapper.grid5 .post-meta, .loops-wrapper.grid4 .post-meta, .loops-wrapper.grid3 .post-meta, .loops-wrapper.grid2 .post-meta {		font-weight:400;
	font-size:14px;
 
}
.post-meta a {	
	background-color: transparent;
	color: #22716a; 
}
.post-meta a:hover {	
	color: #38b6ab;	font-weight:400;
	font-size:14px;
 
}
.post-date, .loops-wrapper.list-post .post .post-date, .single #pagewrap .post-content .post-date {	background-image: none; 
}
.post-date, .post .post-date .day,.post-date .month, .post .post-date .year, .loops-wrapper.list-post .post .post-date, .single #pagewrap .post-content .post-date, .single-post #pagewrap .post-date-inline .post-date .year {		font-weight:300;
	font-size:14px;
 
}
.more-link {	
	background-color: transparent;background-image: none;
	color: #22716a;
	font-family: "Open Sans";	font-weight:400;
	font-size:14px;
 
}
.more-link:hover {	
	background-color: transparent;background-image: none;
	color: #38b6ab; 
}
.post-nav {	
	background-color: transparent;background-image: none; 
}
.post-nav a {	
	font-family: "Open Sans";	font-weight:400;
	font-size:18px;

	color: #22716a; 
}
.post-nav a:hover {	
	font-family: "Open Sans";	font-weight:400;
	font-size:18px;

	color: #38b6ab; 
}
.post-nav a .arrow {	
	background-color: transparent;
	color: #22716a; 
}
.post-nav a:hover .arrow {	
	background-color: transparent;
	color: #38b6ab; 
}
.single.single-post .featured-area {	
	background-color: transparent;background-image: none; 
}
.page-title {	
	font-family: "Open Sans";	font-weight:400;
	font-size:2.2em;
 
}
.module-title {	
	background-color: transparent;
	font-family: "Open Sans";	font-weight:400;
	font-size:20px;
 
}
#sidebar, #sidebar-alt {	
	font-family: "Open Sans";	font-weight:400;
	font-size:16px;
 
}
#sidebar a, #sidebar-alt a {	
	color: #22716a; 
}
#sidebar a:hover, #sidebar-alt a:hover {	
	color: #38b6ab; 
}
#sidebar .widgettitle, #sidebar-alt .widgettitle {	margin: auto;
	color: #000000;
	font-family: "Open Sans";	font-weight:400;
	font-size:20px;
 
}
#footerwrap {	background-image: none; 
}
#footer-logo a img {		width: 260px;
	height: 64.6px; 
}
#footer {	background-image: none;
	color: #000000; 
}
#footer, #footer-logo, .footer-nav a, .footer-text {	
	font-family: "Open Sans";	font-weight:400;
	font-size:18px;
	text-align:left; 
}
#footer a {	
	font-family: "Open Sans";	font-weight:400;
	font-size:18px;

	color: #000000; 
}
#footer a:hover {	
	font-family: "Open Sans";	font-weight:400;
	font-size:18px;

	color: #38b6ab; 
}
#footer-nav {	background-image: none; 
}
.footer-widgets .widget {	background-image: none;
	padding-left: 40px; 
}
.footer-widgets {	
	font-family: "Open Sans";	font-weight:400;
	font-size:18px;
 
}
#footer .footer-widgets .widgettitle {	
	font-family: "Open Sans";	font-weight:400;
	font-size:18px;
 
}
#pagewrap .back-top.back-top-float, .full-section-scrolling #footerwrap .back-top .arrow-up a, .footer-horizontal-left #footerwrap .back-top .arrow-up a, .footer-horizontal-right #footerwrap .back-top .arrow-up a, .footer-left-col #footerwrap .back-top .arrow-up a, .footer-right-col #footerwrap .back-top .arrow-up a, #footer .back-top .arrow-up a {	background: none;
	background-color: #38b6ab; 
}
#footerwrap .back-top a:before, #pagewrap .back-top.back-top-float {	
	color: #ffffff; 
}
@media(max-width: 1280px) { /* Themify Customize Styling */
body {	
	font-family: "Open Sans";	font-weight:400;
 
}
h1 {	
	font-family: "Open Sans";	font-weight:400;
 
}
h2 {	
	font-family: "Open Sans";	font-weight:400;
 
}
h3 {	
	font-family: "Open Sans";	font-weight:400;
 
}
h4 {		font-weight:400;
 
}
#header {	
	font-family: "Open Sans";	font-weight:400;
 
}
#headerwrap.fixed-header #site-logo a img {		width: 200px;
	height: 50px; 
}
#main-nav a {	
	font-family: "Open Sans";	font-weight:400;
 
}
.post-title {		font-weight:500;
 
}
.loops-wrapper.grid6 .post-title, .loops-wrapper.grid6 .post-title a {		font-weight:400;
 
}
.loops-wrapper.grid2 .post-title, .loops-wrapper.grid2 .post-title a {	
	font-family: "Open Sans";	font-weight:600;
 
}
.loops-wrapper.grid2-thumb .post-title, .loops-wrapper.grid2-thumb .post-title a {		font-weight:400;
 
}
.loops-wrapper.list-thumb-image .post-title, .loops-wrapper.list-thumb-image .post-title a {	
	font-family: "Open Sans";	font-weight:600;
 
}
.post-meta, .loops-wrapper.list-post .post-meta, .single-post .post-meta, .loops-wrapper.grid6 .post-meta, .loops-wrapper.grid5 .post-meta, .loops-wrapper.grid4 .post-meta, .loops-wrapper.grid3 .post-meta, .loops-wrapper.grid2 .post-meta {		font-weight:400;
 
}
.post-meta a:hover {		font-weight:400;
 
}
.post-date, .post .post-date .day,.post-date .month, .post .post-date .year, .loops-wrapper.list-post .post .post-date, .single #pagewrap .post-content .post-date, .single-post #pagewrap .post-date-inline .post-date .year {		font-weight:300;
 
}
.post-nav a {	
	font-family: "Open Sans";	font-weight:400;
 
}
.page-title {	
	font-family: "Open Sans";	font-weight:400;
 
}
.module-title {	
	font-family: "Open Sans";	font-weight:400;
 
}
#sidebar, #sidebar-alt {	
	font-family: "Open Sans";	font-weight:400;
 
}
#sidebar .widgettitle, #sidebar-alt .widgettitle {	
	font-family: "Open Sans";	font-weight:400;
 
}
#footer, #footer-logo, .footer-nav a, .footer-text {		font-weight:400;
 
}
.footer-widgets {	
	font-family: "Open Sans";	font-weight:400;
 
}
#footer .footer-widgets .widgettitle {	
	font-family: "Open Sans";	font-weight:400;
 
}
 }@media(max-width: 768px) { /* Themify Customize Styling */
body {	
	font-family: "Open Sans";	font-weight:400;
 
}
h1 {	
	font-family: "Open Sans";	font-weight:400;
 
}
h2 {	
	font-family: "Open Sans";	font-weight:400;
 
}
h3 {	
	font-family: "Open Sans";	font-weight:400;
 
}
h4 {		font-weight:400;
 
}
#header {	
	font-family: "Open Sans";	font-weight:400;
 
}
#headerwrap.fixed-header #site-logo a img {		width: 200px;
	height: 50px; 
}
#main-nav a {	
	font-family: "Open Sans";	font-weight:400;
 
}
.post-title {		font-weight:500;
 
}
.loops-wrapper.grid6 .post-title, .loops-wrapper.grid6 .post-title a {		font-weight:400;
 
}
.loops-wrapper.grid2 .post-title, .loops-wrapper.grid2 .post-title a {	
	font-family: "Open Sans";	font-weight:600;
 
}
.loops-wrapper.grid2-thumb .post-title, .loops-wrapper.grid2-thumb .post-title a {		font-weight:400;
 
}
.loops-wrapper.list-thumb-image .post-title, .loops-wrapper.list-thumb-image .post-title a {	
	font-family: "Open Sans";	font-weight:600;
 
}
.post-meta, .loops-wrapper.list-post .post-meta, .single-post .post-meta, .loops-wrapper.grid6 .post-meta, .loops-wrapper.grid5 .post-meta, .loops-wrapper.grid4 .post-meta, .loops-wrapper.grid3 .post-meta, .loops-wrapper.grid2 .post-meta {		font-weight:400;
 
}
.post-meta a:hover {		font-weight:400;
 
}
.post-date, .post .post-date .day,.post-date .month, .post .post-date .year, .loops-wrapper.list-post .post .post-date, .single #pagewrap .post-content .post-date, .single-post #pagewrap .post-date-inline .post-date .year {		font-weight:300;
 
}
.post-nav a {	
	font-family: "Open Sans";	font-weight:400;
 
}
.page-title {	
	font-family: "Open Sans";	font-weight:400;
 
}
.module-title {	
	font-family: "Open Sans";	font-weight:400;
 
}
#sidebar, #sidebar-alt {	
	font-family: "Open Sans";	font-weight:400;
 
}
#sidebar .widgettitle, #sidebar-alt .widgettitle {	
	font-family: "Open Sans";	font-weight:400;
 
}
#footer, #footer-logo, .footer-nav a, .footer-text {		font-weight:400;
 
}
.footer-widgets {	
	font-family: "Open Sans";	font-weight:400;
 
}
 }@media(max-width: 680px) { /* Themify Customize Styling */
body {	background: none;
	background-color: #ffffff;
	font-family: "Open Sans";	font-weight:400;

	color: #000000; 
}
a {	
	color: #38b6ab; 
}
a:hover {	
	color: #38b6ab; 
}
:root {	
	--theme_accent: #38b6ab;
	--theme_accent_semi: #bae0d6;
	--theme_accent_hover: #38b6ab; 
}
a, .post-nav .arrow {	
	color: #22716a; 
}
body,h1,h2,h3,h4,h5,h6 {	
	color: #000000; 
}
.transparent-header #headerwrap a,.transparent-header #headerwrap.fixed-header a,#headerwrap a,#headerwrap.fixed-header a,#footerwrap a {	
	color: #000000; 
}
.transparent-header #headerwrap,.transparent-header #headerwrap.fixed-header,#headerwrap,#headerwrap.fixed-header,#footerwrap {	
	color: #000000; 
}
h1 {	
	font-family: "Open Sans";	font-weight:400;
 
}
h2 {	
	font-family: "Open Sans";	font-weight:400;
 
}
h3 {	
	font-family: "Open Sans";	font-weight:400;
 
}
h4 {		font-weight:400;
 
}
#header {	
	font-family: "Open Sans";	font-weight:400;
 
}
#headerwrap a:hover {	
	color: #38b6ab; 
}
#headerwrap.fixed-header #site-logo a img {		width: 200px;
	height: 50px; 
}
body #site-logo a img {		width: 200px; 
}
#main-nav a {	
	color: #000000;
	font-family: "Open Sans";	font-weight:400;
 
}
#main-nav a:hover {	
	color: #38b6ab; 
}
#main-nav .current_page_item > a, #main-nav .current-menu-item > a {	
	color: #38b6ab; 
}
#main-nav .current_page_item > a:hover, #main-nav .current-menu-item > a:hover {	
	color: #38b6ab; 
}
#main-nav .highlight-link > a {	
	color: #38b6ab; 
}
#main-nav li > .sub-menu {	background: none;
	background-color: #ffffff; 
}
#main-nav ul a {	
	color: #000000; 
}
#main-nav ul a:hover {	
	color: #38b6ab; 
}
.post-title {		font-weight:500;
 
}
.post-title a:hover, .loops-wrapper .post-image + .post-content .post-title a:hover {	
	color: #38b6ab; 
}
.loops-wrapper.grid6 .post-title, .loops-wrapper.grid6 .post-title a {		font-weight:400;
 
}
.loops-wrapper.grid2 .post-title, .loops-wrapper.grid2 .post-title a {	
	font-family: "Open Sans";	font-weight:600;
 
}
.loops-wrapper.grid2-thumb .post-title, .loops-wrapper.grid2-thumb .post-title a {		font-weight:400;
 
}
.loops-wrapper.list-thumb-image .post-title, .loops-wrapper.list-thumb-image .post-title a {	
	font-family: "Open Sans";	font-weight:600;
 
}
.post-meta, .loops-wrapper.list-post .post-meta, .single-post .post-meta, .loops-wrapper.grid6 .post-meta, .loops-wrapper.grid5 .post-meta, .loops-wrapper.grid4 .post-meta, .loops-wrapper.grid3 .post-meta, .loops-wrapper.grid2 .post-meta {		font-weight:400;
 
}
.post-meta a {	
	color: #22716a; 
}
.post-meta a:hover {	
	color: #38b6ab;	font-weight:400;
 
}
.post-date, .post .post-date .day,.post-date .month, .post .post-date .year, .loops-wrapper.list-post .post .post-date, .single #pagewrap .post-content .post-date, .single-post #pagewrap .post-date-inline .post-date .year {		font-weight:300;
 
}
.more-link:hover {	
	color: #38b6ab; 
}
.post-nav a {	
	font-family: "Open Sans";	font-weight:400;
 
}
.page-title {	
	font-family: "Open Sans";	font-weight:400;
 
}
.module-title {	
	font-family: "Open Sans";	font-weight:400;
 
}
#sidebar, #sidebar-alt {	
	font-family: "Open Sans";	font-weight:400;
 
}
#sidebar a, #sidebar-alt a {	
	color: #22716a; 
}
#sidebar a:hover, #sidebar-alt a:hover {	
	color: #38b6ab; 
}
#sidebar .widgettitle, #sidebar-alt .widgettitle {	
	color: #000000;
	font-family: "Open Sans";	font-weight:400;
 
}
#footerwrap {	background: none;
	background-color: #ffffff; 
}
#footer {	
	color: #000000; 
}
#footer, #footer-logo, .footer-nav a, .footer-text {		font-weight:400;
 
}
#footer a {	
	color: #000000; 
}
#footer a:hover {	
	color: #38b6ab; 
}
.footer-widgets {	
	font-family: "Open Sans";	font-weight:400;
 
}
#pagewrap .back-top.back-top-float, .full-section-scrolling #footerwrap .back-top .arrow-up a, .footer-horizontal-left #footerwrap .back-top .arrow-up a, .footer-horizontal-right #footerwrap .back-top .arrow-up a, .footer-left-col #footerwrap .back-top .arrow-up a, .footer-right-col #footerwrap .back-top .arrow-up a, #footer .back-top .arrow-up a {	background: none;
	background-color: #38b6ab; 
}
#footerwrap .back-top a:before, #pagewrap .back-top.back-top-float {	
	color: #ffffff; 
}
 }.header-minbar #headerwrap #main-nav a:hover, .mobile_menu_active #headerwrap .sidemenu-on a:hover, .mobile_menu_active #headerwrap #main-nav a:hover, .mobile_menu_active #headerwrap #main-nav ul a:hover { 
	color: #38b6ab; }
/* Themify Custom CSS */


/************** unternehmen => historie *****************/

.history_row_block {
	margin-top: 40px;
	padding-left:40px;
	padding-right:40px;
}
.history_year {
	color: #ffffff;
	font-size:40px;
}
.year_mark{
	color: #38b6ab!important;
}
.active{
	color: #ffffff!important;
}

/****** https://www.konzept-is.de/leistungen/branchen *************/
.loops-wrapper.flip .post-image img { width: auto;}


/************* KEYWORDS *************/
:root{
  --pill-primary: #365E81;   /* lapis-lazuli */
  --pill-text-on-primary: #ffffff;
  --pill-outline: #365E81;   /* Rahmen & Text der Outline-Pills */
}

.pill-cloud{ display:grid; gap:.75rem; }

.pill-row{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem .6rem;           /* vertikal / horizontal */
  margin:0;
  padding:0;
  list-style:none;
}

.pill{
  display:inline-block;
  padding:.45rem .8rem;
  border-radius:999px;        /* runde Ecken */
  font-size:.95rem;
  line-height:1;
  white-space:nowrap;
  border:1px solid transparent;
}

/* Gefüllte (dunkle) Pills */
.pill--filled{
  background:var(--pill-primary);
  color:var(--pill-text-on-primary);
  border-color:var(--pill-primary);
}

/* Outline-Pills (helle) */
.pill--outline{
  background:transparent;
  color:var(--pill-outline);
  border-color:var(--pill-outline);
}

/* Hover/Focus-Feedback */
.pill:where(.pill--outline):hover, .pill:where(.pill--outline):focus{
  background:rgba(54,94,129,.08);
}
.pill:where(.pill--filled):hover, .pill:where(.pill--filled):focus{
  filter:brightness(1.08);
}

/* Optional: Dark Mode */
@media (prefers-color-scheme: dark){
  .pill--outline{ color:#E0E0E0; border-color:#E0E0E0; }
}