@charset "UTF-8";
@import url(../fonts/myriadproextended/myriadproextended.css);
:root {
 --js_grau: #5d5c5a;
 --js_orange: #BF360C;
 --js_dark_orange: #870000;
 --grau_10: #eee;
 --grau_15: #ddd;
 --grau_20: #ccc;
 --grau_25: #bbb;
 --grau_30: #aaa;
 --grau_35: #999;
 --grau_40: #888;
 --grau_45: #777;
 --grau_50: #666;
 --grau_55: #555;
 --grau_65: #444;
 --grau_70: #333;
 --grau_75: #222;
 --grau_80: #111;
 --grau_90: #000;
}
 @keyframes fadeInRight {
0% {
 opacity: 0;
 transform: translateX(20px);
}
100% {
 opacity: 1;
 transform: translateX(0px);
}
}
@keyframes fadeInRight {
0% {
 opacity: 0;
 transform: translateX(20px);
}
100% {
 opacity: 1;
 transform: translateX(0px);
}
}
@keyframes fadeInRight {
0% {
 opacity: 0;
 transform: translateX(20px);
}
100% {
 opacity: 1;
 transform: translateX(0px);
}
}


#logo { margin-bottom: 30px; padding:20px 20px 20px;background: #eee;
border-bottom: 1px solid #999;}
#logo .part1, #logo .part2 { display:block; }
#logo .part1 svg { height:120px; margin-bottom:-10px; }
#logo .part2 svg { height:90px;  }



.fadeInRightNow {
	opacity: 0;
}
.fadeInRight {
	animation-name: fadeInRight;
	opacity: 1 !important;
}
 .ym-equalize > [class*="ym-g"] {
 display: inline-block;
 float: none;
 margin: 0;
 vertical-align: top;
}
body {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-weight: 400;
	margin: 0;
}

h1,  h2,  h3,  h4,  h5,  h6 {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-weight: 600;
	margin: 0;
}
h1 {
	font-size: 228.57143%;
	line-height: inherit;
	margin: 0 0 0.4375em 0;
	font-weight: 600;
}
h2 {
	font-size: 171.42857%;
	line-height: 1.3125;
	margin: 0 0 0.85625em 0;
	font-weight: 600;
}
h3 {
	font-size: 128.57143%;
	line-height: 1.16667;
	margin: 2em 0 0.5em 0;
	font-weight: 600;
}
.module-box h3 {
	font-size: 171.42857%;
	line-height: 1.3125;
	margin: 0 0 0.85625em 0;
	font-weight: 600;
}
h4 {
	font-size: 150%;
	line-height: 1;
	margin: 0 0 1em 0;
}
h5 {
	font-size: 128.57143%;
	line-height: 1.16667;
	margin: 0 0 1.16667em 0;
}
h6 {
	font-size: 100%;
	font-weight: bold;
	line-height: 1.5;
	margin: 0 0 1.5em 0;
}
header .table {
	display: table;
	width: inherit;
}
header .table_row {
	display: table-row;
}
header .table_cell {
	display: table-cell;
}
.slogan {
	font-size: 24px;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-weight: 300;
	margin-top: -15px;
	padding-right: 15px;
	position: absolute;
}
.phone_button {
	font-weight: bold;
	margin-top: 5px;
}
.header_image.module-box {
	margin: 0;
}
.dropdown li a:hover, .dropdown li a:focus, .dropdown li.hover a.hover {
	background: var(--js_orange) !important;
	text-decoration: underline;
}
.dropdown li:hover > a {
	background: var(--js_orange) !important;
	text-decoration: underline;
}
.dropdown .menuitem-content {
	background: var(--js_orange);
}
.dropdown-horizontal {
	background: none;
}
.dropdown-horizontal li a {
	background: var(--js_orange);
	padding: 5px;
	text-decoration: underline;
}
.dropdown-horizontal li a span {
	color: #fff;
}
.dropdown-horizontal li.viewLevel0 a {
	background: var(--js_orange);
	color: #fff;
}
.dropdown-horizontal li.viewLevel1 a {
	background: var(--js_orange);
}
p.readmore a::before, a.readmore::before {
	content: none;
}
.readmore a {
	padding: 3px
}
.box {
	width: 22.9%;
}
.sp2 {
	width: 48%;
}
.sp3 {
	width: 73%;
}
.sp-all {
	width: 100%;
}
.ym-wrapper {
	padding: 30px 15px 30px 15px;
}
#nav .ym-wrapper, header .ym-wrapper {
	padding: 0px
}
.agb h3 {
	font-family: inherit;
	margin-bottom: 15px;
	margin-top: 35px;
	font-size: 20px;
	font-weight: bold;
}
.agb h4 {
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
}
.datenschutz .frame {
	text-align: center;
}
.datenschutz iframe {
	width: 70%;
	height: 210px;
	padding: 15px;
	background: #eee;
	border: none;
	box-sizing: border-box;
}
@media (max-width: 860px) {
.datenschutz iframe {
	height: 260px;
}

}
@media (max-width: 800px) {
.datenschutz iframe {
	height: 300px;
}
}
@media (max-width: 600px) {
.datenschutz iframe {
	height: 350px;
}
}
@media (max-width: 480px) {
.datenschutz iframe {
	width: 100%;
	height: 440px;
	padding: 10px;
}
}
.datenschutz h3 {
	font-family: inherit;
	margin-bottom: 15px;
	margin-top: 35px;
	font-size: 20px;
	font-weight: bold;
}
.datenschutz h4 {
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
}
.modulebox.versionen {
	background: #ccc;
}
.modulebox.versionen h3 {
	padding: 15px 15px 0 15px;
	text-align: center;
}
.custom.versionen {
	padding: 0px 15px 15px 15px;
	text-align: center;
}
.custom.versionen b, .custom.versionen br {
	display: none;
}
.custom.versionen .jvcolor {
	font-size: 140%;
}
.cat-children div {
	width: 100%;
	border: 1px solid #ddd;
	margin-bottom: 10px;
	background: var(--js_orange);
	color: #fff;
}
.cat-children h3 {
	margin: 0px !important;
	padding: 8px 8px 6px 8px !important;
	width: 100%;
	color: #ddd !important;
}
.cat-children a {
	display: block;
	width: 100%;
}
.acym_module_form .onefield {
	background: var(--grau_25);
	border-radius: 3px;
	padding: 5px 8px;
}
.acym_module_form .onefield input {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	line-height: 28px;
	background: transparent;
	color: var(--grau_60);
	border: none;
}
.acym_module_form .onefield input:focus {
	color: var(--grau_90);
}
.acym_module_form .acysubbuttons {
	background: var(--grau_70);
	color: #fff;
	border-radius: 3px;
	padding: 5px 8px;
	text-align: center;
	transition: height 1s ease-in-out, background 0.5s;
	cursor: pointer;
}
.acym_module_form .acysubbuttons:hover {
	background: var(--grau_55);
}
.acym_module_form .acysubbuttons input {
	line-height: 28px;
	background: transparent;
	color: #fff;
	text-transform: uppercase;
	border: none;
	cursor: pointer;
}
.acymailing_module_form .onefield {
	background: var(--grau_25);
	border-radius: 3px;
	padding: 5px 8px;
}
.acymailing_module_form .onefield input {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	line-height: 28px;
	background: transparent;
	color: var(--grau_60);
	border: none;
}
.acymailing_module_form .onefield input:focus {
	color: var(--grau_90);
}
.acymailing_module_form .fieldacycaptcha {
	background: none;
	border-radius: 0px;
	padding: 0;
}
.acymailing_module_form .fieldacyterms {
	background: none;
	border-radius: 0px;
	padding: 0;
	font-weight: 100;
	margin-top: -10px;
}
.acymailing_module_form .fieldacyterms label {
	font-weight: 100;
	font-size: 90%;
	line-height: 18px;
	line-height: 28px;
}
.acymailing_module_form .fieldacyterms input {
	width: auto;
	min-width: inherit;
	float: left;
	margin-right: 8px;
}
.acymailing_module_form .acysubbuttons {
	background: var(--grau_70);
	color: #fff;
	border-radius: 3px;
	padding: 5px 8px;
	text-align: center;
	transition: height 1s ease-in-out, background 0.5s;
	cursor: pointer;
}
.acymailing_module_form .acysubbuttons:hover {
	background: var(--grau_55);
}
.acymailing_module_form .acysubbuttons input {
	line-height: 28px;
	background: transparent;
	color: #fff;
	text-transform: uppercase;
	border: none;
	cursor: pointer;
}
body {
	background: #fff;
	padding: 0;
}
footer {
	background: #5d5c5a;
	border-top: 0px solid #efefef;
	color: #fff;
}
footer a {
	color: #fff;
}
footer .ym-wrapper {
	background: transparent;
}
footer h3 {
	color: #fff;
	font-size: 140%;
}
.trademark {
	font-size: 90%;
	width: 94%
}
header {
	padding: 15px 15px 0 15px;
	border-bottom: 15px solid #5d5c5a;
}
.ym-wbox {
	padding: 0px 0 0 0;
}
#topnav {
	position: relative;
	right: 0;
}
#nav li {
	font-size: 120%;
}
.item-page ol li {
	list-style-position: inside;
	margin: 0;
	font-weight: normal;
}
.item-page ol li h3 {
	display: inline;
}
.item-page ol li p {
	font-weight: normal;
}
#back-top, #back-top:active {
	font-size: 44px;
	text-decoration: none;
	line-height: 49px;
	background-color: rgba(68, 68, 68, 0.6);
	color: #ffffff;
	border: 0 solid #fff;
	bottom: 2%;
	display: block;
	height: 50px;
	position: fixed;
	z-index: 999;
	right: 2%;
	transition-duration: 200ms;
	transition-property: background;
	transition-timing-function: ease;
	width: 50px;
	border-radius: 50px;
	;
}
#back-top:hover, #back-top:focus {
	background-color: var(--js_orange);
}
#main {
	padding: 30px 0 0px 0;
}
.main_bottom {
	background-color: var(--js_orange);
	margin: 0px 0 0px 0;
}
.main_bottom .ym-wrapper {
	background: none;
}
.main_bottom .module-box {
}
.main_bottom h3 {
	color: #fff;
}
.main_bottom2 {
	background: var(--js_grau);
}
.main_bottom2 .ym-wrapper {
	background: none;
}
.main_bottom2 .module-box {
}
.main_bottom2 h3 {
	color: #fff;
}
.main_bottom3 {
	background-color: var(--js_orange);
}
.main_bottom3 .ym-wrapper {
	background: none;
}
.main_bottom3 .module-box {
	color: #fff;
}
.referenzen {
	background-color: var(--js_grau);
}
.referenzen .ym-wrapper {
	background: none;
}
.referenzen .module-box {
	color: #fff;
}
.is-homepage .referenzen {
	background-color: #fff;
}
.page-sfx-schlagworte .referenzen {
	background-color: var(--js_orange);
}
.boxes {
	margin: 0 -10px;
	display: table;
}
.box {
	background: #fff none repeat scroll 0 0;
	overflow: hidden;
	margin: 10px;
	transition-duration: 700ms;
	transition-property: width, height;
	transition-timing-function: ease;
	min-width: 215px;
	display: inline-block;
}
.box-item {
	padding: 25px 25px;
	box-sizing: border-box;
}
.box-item-inner {
	position: relative;
}
.fields-container {
	display: none;
}
.boxes.themen h4 {
	line-height: 130%;
	margin-bottom: 5px;
}
.boxes.themen img {
	padding-bottom: 15px;
}
.boxes.themen .readmore {
	font-size: 130%;
	padding-bottom: 0px;
	margin-top: 30px;
	color: #870000;
}
.box .box-content-inner ul li {
	color: #000;
	font-size: 14px;
	line-height: 22px;
	list-style: outside none none;
	padding: 0 0 0 20px;
}
.box .box-content-inner ol li {
	color: #000;
	font-size: 14px;
	line-height: 22px;
	list-style: outside none decimal;
}
.boxes.auszug .box-content-inner img, .referenzen .box-content-inner img {
	width: 100%;
	display: block;
	text-align: center;
}
.has-link:hover, .enlargeable-box:hover {
	box-shadow: 0 0 5px #ccc;
}
.image-box .content-image {
	float: left;
	margin: 5px 30px 25px 0;
}
.image-box p {
	display: block;
	float: left;
	width: 70%;
}
.box.text-box.col-2-h.image-box .content-image {
	float: none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.col-2-h.image-box p {
	width: 100%;
}
.image-box-big .article-list {
	float: left;
	margin: 10px 20px 0 0;
}
.image-box-big p {
	display: block;
	float: left;
	margin: 10px 0 0;
	width: 57%;
}
.image-box-big .sub-head {
	margin: 0 0 15px;
}
.skills- {
	min-height: 500px;
}
.skills.boxes {
	margin: 30px -15px 30px -15px;
	text-align: center;
}
.skills .box {
	background: #fff none repeat scroll 0 0;
	height: inherit;
	margin: 20px 15px;
	overflow: hidden;
	position: relative;
	transition-duration: 700ms;
	transition-property: width, height;
	transition-timing-function: ease;
	border-radius: 30px;
	min-width: inherit;
	width: 19.9%;
	display: inline-block;
	box-shadow: 0px 0px 10px #666;
}
.skills .box .box-inner {
	display: block;
	padding: 15px 20px;
}
.skills .article-separator {
	display: none;
}
.skills img {
}
.softskills.custom {
	color: #fff;
	font-size: 120%;
	margin-top: 50px;
}
.softskills li {
	line-height: 170%;
}
.label {
	padding: .2em .6em .3em;
	font-size: 95%;
	font-weight: 700;
	line-height: 1.2;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em
}
.label[href]:hover, .label[href]:focus {
	color: #fff;
	text-decoration: none;
	cursor: pointer
}
.label:empty {
	display: none
}
.btn .label {
	position: relative;
	top: -1px
}
.label-default {
	background-color: #999
}
.label-default[href]:hover, .label-default[href]:focus {
	background-color: gray
}
.label-primary {
	background-color: #428bca
}
.label-primary[href]:hover, .label-primary[href]:focus {
	background-color: #3071a9
}
.label-success {
	background-color: #5cb85c
}
.label-success[href]:hover, .label-success[href]:focus {
	background-color: #449d44
}
.label-info {
	background-color: #999
}
.label-info[href]:hover, .label-info[href]:focus {
	background-color: #31b0d5
}
.label-warning {
	background-color: #f0ad4e
}
.label-warning[href]:hover, .label-warning[href]:focus {
	background-color: #ec971f
}
.label-danger {
	background-color: #d9534f
}
.label-danger[href]:hover, .label-danger[href]:focus {
	background-color: #c9302c
}/**/
.tags li {
	display: inline-block;
	padding: 0;
	margin: 5px 0px 2px 0px;
}
.modulebox.joomla-spezialist {
	background: #ccc;
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 5px;
}
.modulebox.joomla-spezialist h3 {
	font-size: 171.42857%;
}
.modulebox.joomla-spezialist .text {
	font-size: 90%;
	text-align: justify;
	padding-top: 10px;
	hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
}
.modulebox.joomla-spezialist a {
	color: #fff;
	font-size: 120%;
}
.modulebox.joomla-spezialist .readmore a {
	color: #000;
}
.modulebox.joomla-spezialist a:hover {
	color: #000;
}
.modulebox.joomla-spezialist .img-intro-left img {
	border: 1px solid #fff;
	padding: 0;
	display: inline;
}
.modulebox.joomla-spezialist .show-hover {
	background: rgba(150, 150, 150, 0.95);
	height: 100%;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.8s ease-in-out 0s;
	visibility: hidden;
	width: 100%;
	border-radius: 5px;
	overflow: hidden;
}
.modulebox.joomla-spezialist:hover .show-hover {
	opacity: 1;
	transition: all 0.5s ease-in-out 0s;
	visibility: visible;
}
.modulebox.joomla-spezialist .show-hover ul {
	padding: 90px 10px 10px 10px;
}
.modulebox.joomla-spezialist .show-hover li {
	animation: fadeOutRight 2s ease;
	display: inline-table;
	width: 100%;
	padding: 0 0 0 18px;
}
.modulebox.joomla-spezialist .show-hover li a {
	line-height: 160%;
	font-size: 140%;
}
.modulebox.joomla-spezialist:hover .show-hover li {
	animation: fadeInRight 2s ease;
}
.modulebox.joomla-spezialist:hover .readmore {
	z-index: 99;
	position: relative;
}
.modulebox.joomla-spezialist:hover .readmore a {
	color: #fff;
	transition: color 0.8s ease-in-out 0s;
}
.modulebox.joomla-spezialist:hover h3 {
	z-index: 99;
	position: relative;
	color: #fff;
	transition: color 0.8s ease-in-out 0s;
}
.modulebox.joomla-spezialist {
	position: relative;
}
.joomla-spezialist .label {
	display: inline;
	padding: 0 3px;
	font-size: 100%;
	font-weight: 700;
	line-height: inherit;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em
}
.joomla-spezialist .label-info {
	background-color: inherit;
}
.social_icons.custom {
	font-size: 280%;
	color: #fff;
}
.social_icons ul {
	margin: 0 0 10px 0;
	padding: 0;
}
.social_icons li {
	display: inline;
	margin: 0px 20px 0px 0;
}
.social_icons li a:hover {
	color: #fff;
}
.catimg-module {
	text-align: center;
}
.catimg-module li {
	width: 236px;
	display: inline-flex;
	;
	margin: 0;
	text-align: center;
}
.catimg-module a {
	width: 236px;
	height: 236px;
	vertical-align: middle;
	display: table-cell;
}
.show-hover {
	background: rgba(66, 66, 66, 0.8) none repeat scroll 0 0;
	height: 100%;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: all 0.5s ease-in-out 0s;
	visibility: hidden;
	width: 100%;
}
.catimg-module li:hover .show-hover {
	opacity: 1;
	transition: all 0.5s ease-in-out 0s;
	visibility: visible;
}
.catimg-module .box-inner {
}
.catimg-module h4 {
	background: #fff none repeat scroll 0 0;
	margin: 10px;
	overflow: hidden;
	position: relative;
	transition-duration: 700ms;
	transition-property: width, height;
	transition-timing-function: ease;
	height: 236px;
	width: 236px;
}
.main_bottom .telefon {
	text-align: center;
	margin: 0;
	vertical-align: middle;
	display: table-cell;
}
.main_bottom .modulebox.telefon {
	display: table;
	width: 100%;
	padding: 70px 0 100px 0;
}
/*.telefon h3 { color: #fff;position:absolute;margin:0;left:0px;top:110px;width:100%; }*/
.telefon h3 {
	color: #fff;
	margin: 15px 0 10px 0;
	width: 100%;
}
.telefon a.nummer {
	margin: 0;
	width: 100%;
	display: block;
	z-index: 5;
	color: #fff;
	font-size: 170%;
	line-height: inherit;
}
.telefon a.nummer:focus, .telefon a.nummer:hover {
}
.telefon a.nummer span {
	display: block;
	margin-top: 0px;
}
.telefon .icon-phone {
	font-size: 1000%;
	z-index: 3;
	margin: 0;
	width: 100%;
	color: #fff;
	line-height: inherit;
}
.tag-category li.cat-list {
	display: inline-table;
	width: 33%;
	padding: 0;
	margin: 0;
}
.tag-category h5 {
	font-size: 1.2em;
	line-height: 140%;
	padding: 0;
	margin: 15px 0 0 0;/**/
}
.schlagworte li.cat-list {
	display: inline-table;
	padding: 0;
	margin: 0;
}
.schlagworte .row0, .schlagworte .row1 {
	width: 49%;
}
.tags {
	margin-bottom: 50px;
}
.tag-list {
	margin-top: 30px;
	margin-bottom: 50px;
	border-top: 1px solid var(--js_grau);
}
.tag-list li {
	margin: 0px;
	list-style: inside none;
	border-bottom: 1px solid var(--js_grau);
}
.tag-list li h3 {
	font-size: 1.2em;
	line-height: 140%;
	padding: 0;
	margin: 15px 0 0 0;
}
.tag-list li .createdby {
	color: var(--grau_40);
	padding: 0;
	margin: 0 0 10px 0;
}
.tag-list li .readmore {
	padding: 0;
	margin: 10px 0 15px 0;
}
.tag-list li .readmore a {
	padding: 0;
}
.tagscloud {
	font-size: 120%;
	width: 90%;
}
.tagscloud .tag {
	margin-right: 10px;
	line-height: 260%;
}
.tagscloud .tag-name {
	color: #fff;
}
.service {
}
.service .category-desc {
	margin-bottom: 40px;
}
.service .isotope {
	margin-left: -15px;
}
.jenswild .beschreibung {
	position: relative;
	margin-bottom: 60px;
	display: block;
}
.jenswild .textblock {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 20px;
	width: calc( 50% - 40px );
	min-width: 300px;
}
.jenswild .textblock.left {
	margin-right: 40px;
}
.jenswild .textblock h3 {
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}
.jenswild .datum {
	display: table-cell;
	width: 100px;
}
.jenswild .text {
	display: table-cell;
	margin-left: 100px;
	padding-bottom: 10px;
}
.jenswild .vita br {
	position: absolute;
}
.jenswild .item-image {
	max-width: 500px;
	width: 50%;
	min-width: 235px;
}
.jenswild .img_caption {
	width: unset !important;
}
.jenswild div.img_caption {
	border-top: #5d5c5a 3px solid;
	border-left: #5d5c5a 3px solid;
	border-right: #5d5c5a 3px solid;
	color: #fff;
}
.jenswild p.img_caption {
	background: #5d5c5a;
	color: #fff;
	padding: 3px;
	margin-top: -5px;
}
.items-row {
	margin: 0 -15px;
}
.blog h3 {
	padding: 0;
	margin: 15px 0 5px 0;
}
.blog h3 a {
	color: inherit;
}
.blog .category-desc {
	/*margin-bottom: 40px;*/
}
.joomlanews .pull-left.item-image {
	width: 350px;
}
.joomlanews .pull-left.item-image img {
	border: 1px solid #ccc;
}
.joomlanews .item {
	margin-bottom: 10px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
}
.joomlanews .item p {
	margin-bottom: 3px;
}
.joomlanews .obgb_original_text {
	display: inline;
	padding-right: 5px;
}
.joomlanews .obgb_original_url {
	display: inline;
}
.joomlanews .article-info {
	font-size: 90%;
}
.joomlanews .article-info dd {
	display: inline;
	color: #777;
}
.joomlanews .pager {
	margin-top: 40px;
	padding-top: 20px;
	border-top: 1px solid #ccc;
}
.joomlanews.item-page h1 {
	margin: 0;
}
.actions {
	display: none;
}
.footer_container {
	padding-bottom: 0;
}
.copyright_container {
	padding-top: 0;
	padding-bottom: 50px;
}
.w3c.html {
	margin-right: 15px;
}
.copyright, .validator {
	display: inline-block;
}
.pagination .counter.pull-right {
	float: inherit !important;
	margin-left: 0;
}
.referenz .item-image {
	float: none;
}
.offer {
	font-size: 120%;
	text-align: center;
}
.action, .action:focus {
	height: 26px !important;
	width: 100%;
	box-sizing: border-box;
	display: inline-table;
	padding: 15px;
	background: var(--js_orange);
	border-radius: 3px;
	text-align: center;
}
.actionbutton {
	color: #fff;
	font-weight: 600;
	font-size: 120%;
}
 @media (max-width: 480px) {
h1, h2, h3, h4, h5 {
	font-size: 125%;
	font-weight: 500;
}
.telefon a {
	color: #fff;
	font-size: 140%;
}
.slogan {
	font-size: 115%;
	width: auto;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-weight: 300;
	margin: 0px;
}
}
 @media screen and (max-width: 1148px) {
	 .breadcrumbs{padding-left:15px;}
}

 @media screen and (max-width: 1112px) {
.boxes {
	margin: auto;
}
.box {
	width: 30.8%;
}
.sp2 {
	width: 64.3%;
}
.sp3 {
	width: 73%;
}
}
 @media screen and (max-width: 950px) {
.boxes {
	margin: auto;
}
.box {
	width: 30.1%;
}
.sp2 {
	width: 63.8%;
}
.sp3 {
	width: 73%;
}
.skills .box {
	width: 23%;
}

.softskills li {
	margin-right: 1.2em;
}
.tag-category li.cat-list {
	display: inline-table;
	width: 48%;
	padding: 0;
	margin: 0;
}
*/
}
 @media screen and (max-width: 760px) {
.softskills ul {
	columns:2;
}
}

 @media screen and (max-width: 760px) {
.boxes {
	margin: auto;
}
.box {
	width: 45.5%;
}
.sp2 {
	width: 45.5%;
}
.sp3 {
	width: 73%;
}
.skills .box {
	width: 23%;
}

.tag-category li.cat-list {
	display: inline-table;
	width: 48%;
	padding: 0;
	margin: 0;
}
}
 @media screen and (max-width: 640px) {
.tag-category li.cat-list {
	display: inline-table;
	width: 100%;
	padding: 0;
	margin: 0;
}
*/
}
 @media screen and (max-width: 560px) {
.boxes {
	margin: 0 15px 0 -10px;
}
.box {
	width: 100%;
	height: inherit;
}
.sp2 {
	width: 100%;
}
.tag-category li.cat-list {
	display: inline-table;
	width: 100%;
	padding: 0;
	margin: 0;
}
*/  .jenswild .pull-left.item-image, .jenswild .pull-right.item-image {
float:unset !important;
}
.jenswild .datum {
	display: inline-block;
	width: 100px;
	float: left;
}
.jenswild .tags {
	margin-bottom: 20px;
}
.modulebox.joomla-spezialist .show-hover ul {
	padding: 50px 10px 10px 10px;
}
}
 @media screen and (max-width: 420px) {
.boxes {
	margin: 0 15px 0 -10px;
}
.box {
	width: 100%;
	height: inherit;
}
.sp2 {
	width: 100%;
}
.skills .box {
	width: 70%;
	margin: 8px 8px;
}
.tag-category li.cat-list {
	display: inline-table;
	width: 100%;
	padding: 0;
	margin: 0;
}
*/  .jenswild .datum {
display:block;
width:100%;
}
.jenswild .text {
	display: block;
	margin-left: 0px;
	padding-bottom: 10px;
}
.jenswild .vita br {
	position: absolute;
}
.jenswild .item-image {
	float: inherit;
}
.jenswild .textblock {
	width: inherit;
	min-width: inherit;
}
.referenzen {
	display: none;
}
}
.item-page.datenschutz ol li {
	font-weight: inherit;
}
.referenzen .module-box h3 {
	color: #fff !important;
}
.is-homepage .referenzen .module-box h3 {
	color: #000 !important;
}
.referenzen .module-box h3.box-title,
.referenzen .module-box h4.box-title {
	font-size: 16px;
	margin: 0;
}
.referenzen .module-box h3.box-title a,
.referenzen .module-box h4.box-title a {
	color: #222 !important;
}
.referenzen .module-box p {
	color: #222 !important;
	font-size: 12px;
	line-height: 14px;
}
.referenzen .box-heading {
	height: 70px;
}

.referenz .items-row {
	margin: 0 -8px;
}
.referenz .col-md-3 {
	 display:inline-grid;width:24%;
}
@media (max-width: 960px) {
	.referenz .col-md-3 {
	 width:49%;
}
}
@media (max-width: 500px) {
	.referenz .col-md-3 {
	 width:100%;
}
}
.referenz .item {
	padding: 20px 10px; 
}
.referenz .item .content {
	border: 0px solid #000;
	box-shadow: 0px 0px 10px #000;
}
.referenz .item .content-inner {
	padding: 20px;
}
.referenz .item .content-inner img {
	width: 100%;
	display: block;
	text-align: center;
}
.referenz .box-heading {
	height: 70px;
}
.referenz .item h3 {
	font-size: 16px;
	margin: 0;
}
.referenz .item h3 a {
	color: #222 !important;
}
.referenz .item p {
	color: #222 !important;
	font-size: 12px;
	line-height: 14px;
}
.referenz #tagfilterform li {
	margin: 5px 10px 10px 0px;
}
.referenz #tagfilterform li.active .label-info {
	background-color: #666;
}

.referenzen .box-item {
	border: 0px solid #000;
	box-shadow: 0px 0px 10px #000;
}
.weblink-category-list {
	list-style: inside none none !important;
	margin: 0;
	padding: 0;
	margin-top: 20px;
}
.weblink-category-list li {
	border: 1px #ccc solid;
	border-radius: 10px;
	background: #fefef;
	width: 100%;
	display: table;
	padding: 20px;
	margin: 0;
	margin-bottom: 20px;
}
.weblink-image {
	width: 250px;
	display: table-cell;
	vertical-align: top;
	text-align: right;
	position: static;
	padding-right: 20px;
}
.weblink-text {
	display: table-cell;
	vertical-align: top;
	position: static;
}
.weblink-text h3 {
	margin-top: 0;
}
.weblink-tags .tags {
	padding: 0;
	margin: 0;
	border: 0;
}
.weblink-tags .tags li {
	padding: 0;
	padding-top: 10px;
	margin: 0;
	padding-right: 10px;
	border: 0;
	display: table-cell;
	width: inherit;
}
.support-tickets, .support-tickets p {
	color: #fff;
}
.produkt {
	background: #fff;
	padding: 20px;
	display: block;
	margin: 10px;
	border: 3px dotted #000;
	min-width: 200px;
}
.produkt svg {
	width: 100% !important;
	margin-bottom: 15px;
}
.produkt h4, .produkt p {
	color: #000;
}
.produkt .link {
	font-weight: bold;
	width: 100%;
	display: block;
	text-align: center;
	background: #67C820;
	color: #fff;
	padding: 15px;
	border-radius: 3px;
	box-sizing: border-box;
}
.produkt .link:focus {
	background: #67C820;
	color: #fff;
}
.produkt a.svglink:focus {
	background: none !important;
}
.angebot .link.update, .angebot .link.update:focus, .produkt .link.update, .produkt .link.update:focus {
	background: #0071BC;
	color: #fff;
}
 @media (min-width: 520px) {
.produkt {
	display: inline-table;
	margin: 10px;
}
}
@media (min-width: 955px) {
.produkt {
	display: inline-table;
	margin: 10px;
}
}
.hidden {
	display: none;
}
.clearfix::before, .clearfix::after {
	content: " ";
	display: table;
}
.clearfix::after {
	clear: both;
}
.clearfix {
 *zoom: 1;
}
#cpnb input, #cpnb select, #cpnb label, #cpnb textarea {
	font-size: inherit !important;
}
#topBtn {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 999;
	border: none;
	outline: none;
	background-color: #444;
	color: white;
	cursor: pointer;
	padding: 6px;
	border-radius: 100px;
	font-size: 58px;
	line-height: 90%;
	transition: ease-in 0.4s;
}
#topBtn:hover {
	background-color: #333;
}
.bfQuickMode section#bfElemWrap1110 {
}