/*
Theme Name: TheGem Child
Description: Multi-Purpose Wordpress Theme
Author: Codex Themes.
Theme URI: http://codex-themes.com/thegem/
Author URI: http://codex-themes.com/thegem/
Template: thegem
Version: 1.0
Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light
License: GNU General Public License
License URI: license.txt
*/

.wpcf7 form .wpcf7-response-output {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

.acceptance-wrapper {
    margin-right: 10px; /* Abstand zwischen Label und reCAPTCHA */
}

.acceptance-wrapper label {
    display: block; /* Sicherstellen, dass der Inhalt umbricht */
    max-width: 100%; /* Begrenzung auf die maximale Breite */
    word-wrap: break-word; /* Falls ein sehr langes Wort vorkommt */
    overflow-wrap: break-word; /* Sicherstellen, dass lange Wörter umbrechen */
    white-space: normal; /* Verhindert, dass der Text in einer Zeile bleibt */
}

@media (max-width: 768px) { /* Anpassung nur für Mobilgeräte */
    .acceptance-wrapper .wpcf7-form span.wpcf7-list-item {
        display: block;
        float: left;
        transform: translateY(7px);
    }
}

.acceptance-wrapper .wpcf7-form-control-wrap {
    width: 20px !important;
}

#anchor1 {
/* padding-top: 230px !important; */
padding-bottom: 0px !important;
margin-bottom: 3% !important;
padding-top: 20% !important;
}

#stammhaus td {
	color: rgb(95, 114, 127) !important;
}

.jobs h5 {
	padding-left: 0 !important;
	background-color: #eeeeee !important;
	padding: 10px !important;
	display: inline-block !important;
	padding-top: 6px !important;
	padding-bottom: 4px !important;
	margin-bottom: -20px !important;
	text-transform: uppercase !important;
	font-size: 13px !important;
	line-height: 16px !important;
	color: #777777 !important;
	letter-spacing: 0.05em !important;
}

.jobs h1 {
	margin-top: 24px !important;
}

.jobs h4 {
	color: #5f727f !important;
}

.jobs h3 {
	display: inline-block !important;
	background-color: rgba(0, 158, 216, 0.7) !important;
	/* color: rgba(0, 158, 216, 1) !important; */
	color: #fff !important;
	padding-top: 2px !important;
	padding-bottom: 2px;
	/* line-height: 45px !important; */
	padding-left: 16px !important;
	padding-right: 16px !important;
	/* display: block !important; */
	/* position: absolute;
	left: 30px !important;
	bottom: 60px !important; */
	/* font-size: 48px; */
	font-size: 20px;
	line-height: 30px !important;
	/* margin-left: -10px !important; */

}

.gem-news-item-right {

	padding-left: 16px !important;
}

div.gem-news-item-right div.gem-news-item-meta div.gem-news-zilla-likes span.comments-link {
	display: none !important;
}

.jobs-overview h3 {
	color: #5f727f !important;
}

div.gem-news-item-right-conteiner div.gem-news-item-title a {
	font-size: 32px !important;
}

div.gem-news-item-right-conteiner div.gem-news-item-title a {
	font-size: 32px !important;
}


@media (max-width: 768px) {
	div.gem-news-item-right-conteiner div.gem-news-item-title a {
		font-size: 16px !important;
		line-height: 100% !important;
	}
}

@media (max-width: 768px) {
.vc_custom_1670846802699 {
	margin-left: 00px !important;
}
}

@media (max-width: 768px) {
div.gem-news-item-right div.gem-news-item-meta div.gem-news-item-date.small-body {
	display: none !important;
}
}

@media (max-width: 768px) {
.jobs h1 {
	font-size: 24px !important;
	line-height: 140% !important;
}
}

@media (max-width: 768px) {
.jobs h4, .jobs-bottom h4 {
	font-size: 18px !important;
	line-height: 160% !important;
}
}

div.gem-news-item-right-conteiner div.gem-news_title_excerpt {
	display: none !important;
}

.jobs-overview .image {
	display: none !important;
}

.jobs-overview  h4 {
	color: #000 !important;
}

.title-h4 > a:nth-child(1) {
	color: #000 !important;
}

div.title div.title-h4.default a {
	color: #000 !important;
}

div.textwidget.custom-html-widget div.textwidget table tbody tr td {
	/* min-width: 90px !important; */
	vertical-align: top !important;
}

div.textwidget.custom-html-widget div.textwidget_hours table tbody tr td {
	/* min-width: 90px !important;
	vertical-align: top !important;
	display: none !important; */
}

div.textwidget:nth-child(3) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2) {
	/* min-width: 60px !important; */
}

div.textwidget:nth-child(3) > div:nth-child(2) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(2) {
	/* min-width: 60px !important; */
}

.textwidget_hours {
	/* display: none !important; */
}


/* #colophon .widget:nth-of-type(1) {
	width: 30% !important;
}

#colophon .widget:nth-of-type(2) {
	width: 30% !important;
}

#colophon .widget:nth-of-type(3) {
	width: 35% !important;
} */


@media (max-width: 768px) {

	.mood-landing-3 {
		padding-top: 0 !important;
		max-width: 78vw !important;
		margin-top: 0 !important;
		background-repeat: no-repeat !important;

	}


}

@media (max-width: 768px) {
	#anchor1 {
		margin-bottom: 8% !important;
}
}

.product-tabs h1 {
	margin-bottom: 20px !important;
}

.impressum-highlighted {
	/* background-color: #e5f4fb !important; */
	padding: 20px !important;
	margin-bottom: 40px !important;
	background-color: #f7f7f7 !important;

}



.product-tabs h3 strong {
	/* color: rgba(0, 158, 216, 1) !important; */
	/* font-family: Averta Regular !important; */
	/* font-weight: 400 !important; */

	font-size: 22px !important;
	font-family: Averta Light !important;
	font-weight: 300 !important;
}


.product-tabs h3  {
margin-top: 18px !important;
padding-top: 0 !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}

.product-tabs p {
margin-top: 0px !important;
	margin-bottom: 0px !important;
	padding-bottom: 0 !important;

}


.product-tabs p strong {
margin-top: 16px !important;
	margin-bottom: 0px !important;
	padding-bottom: 0 !important;
	display: block !important;

}


.impressum-highlighted p strong {
display: inline !important;
}

.impressum-highlighted p {
	margin-bottom: 0.75em !important;
}

.product-tabs h4 {
text-transform: none !important;
padding-top: 0 !important;
padding-bottom: 0px !important;
margin-top: 32px !important;
margin-bottom: 0px !important;
letter-spacing: 0.0em !important;
font-size: 26px !important;
}


.product-tabs h4:first-of-type {

margin-top: -10px !important;


}

.product-tabs-caption h3 {
  color: rgb(95, 114, 127) !important;
  font-family: Averta Light !important;
font-weight: 300 !important;
text-transform: none !important;
font-size: 15px !important;
line-height: 147% !important;
letter-spacing: 0.0em !important;

}

.product-tabs-caption h4 {
	line-height: 128% !important;
	font-size: 17px !important;

}

#page-title {
	/* background-color: #333144FF; */
	padding-top: 53px !important;
	/* padding-bottom: 0px; */
}

.top-area-alignment-justified .top-area-items {
	text-align: inherit !important;
}

.top-area-menu ul li:last-child span.wpml-ls-display {
	border-left: 2px solid rgba(0, 158, 216, 0.7) !important;
	/* padding-left: 10px !important; */
	padding-left: 8px !important;
}

.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-icon::before {

	font-size: 2.5vw !important;

}

.top-area .top-area-items .top-area-block {
	/* height: 30px;
	line-height: 30px;
	margin-right: 0 !important;
	padding-right: 0 !important;
	text-align: right !important;
	position: absolute;
	right: 30px !important; */
}

.top-area .top-area-items .top-area-block {
	/* float: right !important; */
}

media (min-width: 1212px)
/* .top-area-alignment-justified .top-area-menu {
float: right !important; */
}
}

.container {
	/* max-width: 1440px; */
}

.top-area-items {
	margin: 0 !important;
}

.top-area-block {
	padding-right: 21px !important;
}

.product_details_images > .custom-inner-column {
	/* display: none !important; */
}

.gem-slideshow {
margin-top: 65px !important;
/* overflow: scroll !important; */
padding-bottom: 25px !important;
margin-bottom: 30px !important;
}
@media (max-width: 768px) {
.gem-slideshow {
margin-top: 45px !important;
margin-bottom: 60px !important;

}
}

.products_downloads {

}
.products_downloads_button {
	margin-top: 0 !important;
}

.products_downloads_button a.gem-button.gem-button-size-small.gem-button-style-flat.gem-button-text-weight-normal.gem-button-icon-position-left {
	margin-top: 0 !important;
	padding-left: 12px !important;
}

#top-area .container-fullwidth {
	width: 1212px !important;
}

#top-area .container-fullwidth {
  padding-left: 21px !important;
  padding-right: 21px !important;
}

.header-style-3 #primary-menu.no-responsive > li > a {
	/* padding: 0px 11px !important; */
}

/* div.vc_row.wpb_row.vc_inner.vc_row-fluid.product_details_images.vc_custom_1673203531489.thegem-custom-63bb15e6aabe53940.vc_column-gap-20.custom-inner-column-63bb15e6aabef */

.product_details_images .vc_row.vc_column-gap-20 .custom-inner-column {
	/* margin-left: -30px !important;
	padding-left: 20px !important;
	display: none !important; */
}

.vc_row.vc_column-gap-20 > .vc_column_container {
	padding-left: 11px !important;
	padding-right: 11px !important;

}


.title-area-basic h4 {
	font-size: 24px !important;
}

body .vc_grid-container ul.vc_grid-filter li.vc_grid-filter-item {
	/* background-color: rgba(0, 158, 216, 0.1) !important; */
	background-color: #fff !important;

	/* padding: 3px 20px; */
	/* border: 1px #aaa solid !important; */
	/* border-bottom: 1px #aaa solid !important; */
}

body .vc_grid-container ul.vc_grid-filter li.vc_grid-filter-item a {
	/* background-color: rgba(0, 158, 216, 0.1) !important; */
	/* padding: 3px 20px; */
	/* border: 1px #aaa solid !important; */
	/* box-shadow: 0 -4px 0 #f4524d inset; */
/* display: none !important; */
	/* border-bottom: 1px #aaa solid !important; */
}

li.vc_grid-filter-item span {
	/* border: 1px #000 solid !important; */
	box-shadow: 0 4px 0 rgba(0, 158, 216, 0.15) ;
	font-size: 18px !important;

}

li.vc_active.vc_grid-filter-item span {
	box-shadow: 0 -4px 0 rgba(0, 158, 216, 0.5) inset;
	color: rgba(0, 158, 216, 1) !important;
	font-family: Averta Regular !important;

	font-weight: 500 !important;
	font-size: 18px !important;

}

li.vc_grid-filter-item:hover > span {
color: rgba(0, 158, 216, 1) !important;
font-size: 18px !important;

}

li.vc_grid-filter-item:first-of-type {
/* color: rgba(0, 0, 216, 1) !important; */
padding-left: 0 !important;
margin-left: 0 !important;

}

.header-style-3 #primary-menu.no-responsive > li > a {
	/* padding: 0px 15px !important; */

}


#menu-item-3964 a::before {
	padding: 0px 15px !important;

}


#menu-item-3964 a {
	padding-left: inherit !important;

}


@media (max-width: 768px) {

.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-xl .vc_icon_element-icon {
display: none !important;
}
}

.vc_grid-container ul.vc_grid-filter {
  margin-bottom: 20px !important;
}
/*
#primary-menu > li > a {
	font-size: 3vw !important;
} */

.header-style-3 #primary-menu.no-responsive > li > a {
	/* font-size: 0.95vw !important; */
}

span.wpml-ls-display {
	color: rgba(0, 158, 216, 0.7) !important;
	/* padding-left: 8px !important;
	padding-right: 8px !important; */
	/* font-family: Averta Semibold !important;

	font-weight: 500 !important; */
}

li#menu-item-wpml-ls-16-de a {
/* padding: 0 !important; */
/* background-color: rgba(0, 158, 216, 0.3) !important; */
}

li#menu-item-wpml-ls-16-en a {
/* padding: 0 !important; */
/* background-color: rgba(0, 158, 216, 0.3) !important; */

}

li.wpml-ls-menu-item ul li a::before {

}


/*
li#menu-item-wpml-ls-16-en a {
	border-left: 1px solid rgba(0, 158, 216, 0.7) !important;
	padding-left: 5px !important;


} */


.fadeInDown {
	/* -webkit-animation-name: heartBeat !important;
	animation-name: heartBeat !important; */
}


body {
	background-color: #fff !important;
}


.widget_nav_menu ul.menu li > a {
	padding: 0 !important;
}




.gmaps {
	display: none !important;
}

.news-grid .portfolio-grid.news-grid.list-style.background-style-transparent.caption-position-right .portfolio-set .portfolio-item .wrap > .caption {
	/* display: none !important; */
	padding-top: 0 !important;
	padding-left: 30px !important;
}




div#page.layout-fullwidth.header-style-3 footer#footer-nav.site-footer div.container div.row div.col-md-3.col-md-push-9 {
	display: none !important;
}

div#page.layout-fullwidth.header-style-3 footer#footer-nav.site-footer div.container div.row div.col-md-6 {
	float: right !important;
}

div#page.layout-fullwidth.header-style-3 footer#footer-nav.site-footer div.container div.row div.col-md-3.col-md-pull-9 {
	left: 0 !important;
	width: 50% !important;
}

div#page.layout-fullwidth.header-style-3 footer#footer-nav.site-footer div.container div.row div.col-md-6 nav#footer-navigation.site-navigation.footer-navigation.centered-box {
	text-align: right !important;
}

h4.vc_tta-panel-title.vc_tta-controls-icon-position-left a span.vc_tta-title-text {
	font-size: 20px !important;
	color: #009ed8 !important;
	color: #FFF !important;

}

a.gem-button.gem-button-size-small.gem-button-style-flat.gem-button-text-weight-normal {
	background-color: rgba(0, 158, 216, 1) !important;
}
div.wpb_wrapper h6 {
	font-family: Averta Light !important;
	font-weight: 300 !important;
	font-size: 18px !important;
}

.widget-title h4 {
	color: #009ed8 !important;
}

.widget-area h4 {
	color: #009ed8 !important;
}

.sidebar {
	background-color: #f8f8f8 !important;
	margin-top: 80px !important;
}

ul.posts.styled li.clearfix.gem-pp-posts div.gem-pp-posts-text div.gem-pp-posts-item a {
	display: inline !important;
}

ul.posts.styled li.clearfix.gem-pp-posts div.gem-pp-posts-text div.gem-pp-posts-item a::before {
	display: inline-block !important;
}
.newsblog h3 {
	background-color: #009ed8 !important;
	display: inline-block !important;
}

h4.widget-title {
	margin-top: 20px !important;
	margin-bottom: 0 !important;
}

.version-new.news-grid .portfolio-item .caption .title,
.version-new.news-grid .portfolio-item .caption .title > div {
	font-family: Averta Light !important;
	font-weight: 300 !important;
	font-size: 56px !important;
	line-height: 112% !important;
}

.portfolio-grid.news-grid.list-style .portfolio-set .portfolio-item .wrap > .caption {
	display: block !important;
}

.post-date {
	background-color: #009ed8 !important;
	color: #fff !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-top: 3px !important;
	margin-bottom: 20px !important;
}
.version-new.news-grid .portfolio-item .caption .description {
	max-height: inherit !important;
}

div.widget-area aside#custom_html-5.widget_text.widget.widget_custom_html div.textwidget.custom-html-widget a {

	color: #009ed8 !important;
	font-family: Averta Semibold !important;
	font-weight: 500 !important;

}

.newsblog h3 {
	padding: 0 !important;
	margin: 0 !important;
	display: inline !important;
	color: #fff !important;
	padding: 6px !important;
	padding-bottom: 4px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.newsblog h3 a {
	color: #fff !important;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;

}

.full-width {
    width: 100%;
}

div.form-container.full-width {
	flex-direction: row;
}

#anmerkungen {
    width: 100%;
    height: 120px; /* Höhe nach Wunsch anpassen */
}



.newsblog h1 {
	padding: 0 !important;
	margin: 0 !important;
}

.newsblog h1 span {
	color:#b1b3b3;
}

.vc_tta-color-blue.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a {
color: #fff !important
}

div.textwidget:nth-child(3) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(1) {
	vertical-align: top !important;
}

.gem-icon .back-angle {
	color: #009ed8 !important;
}

.plz {
	width: 500px !important;
	height: 60px !important;
	padding-left: 25px !important;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}


.plz-neu {
	/* width: 500px !important;
	height: 60px !important; */
	padding-left: 0px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	padding-bottom: 0 !important;
}

.plz-neu h4 {
	/* width: 500px !important;
	height: 60px !important; */
	padding-left: 0px !important;
	margin-top: 5px !important;
	margin-bottom: 10px !important;
	padding-bottom: 0 !important;
	font-size: 28px !important;

}

.vertrieb-gebiet h4 {
	padding-left: 0px !important;
	margin-top: 5px !important;
	margin-bottom: 0px !important;
	padding-bottom: 0 !important;
	font-size: 19px !important;
	line-height: 100% !important;
}

.vc_tta.vc_tta-color-thegem.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
}

div.vc_grid-item {
	/* background-color: #f8f8f8 !important; */
}

.plz-head {
	font-size: 24px !important;
}

.vertrieb-left {
	padding: 0 !important;
}

.plz h4 {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	padding-top: 0 !important;
	margin-top: 0 !important;
	line-height: 135% !important;
	font-size: 16px !important;
	color: rgb(95, 114, 127) !important;
	letter-spacing: -0.2px;
}

.plz h4:first-of-type {
	font-family: Averta Regular !important;
	font-weight: 400 !important;
	font-size: 20px !important;
	letter-spacing: 0px;
	/* color: #009ED8FF !important; */


	/* font-size: 26px !important; */
}

.plz h5 {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	padding-top: 0 !important;
	margin-top: 0 !important;
	line-height: 135% !important;
	font-size: 17px !important;
	color: rgb(95, 114, 127) !important;

    
}

.vc_tta-color-blue.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after, .vc_tta-color-blue.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before {
	border-color: #fff !important;
}

div.overlay-wrap div.overlay div.overlay-content div.overlay-content-center div.overlay-content-inner div.subtitle h2 {

	color: #fff !important;

}

.box-vertrieb a::before {
	/* font-family: 'MaterialDesignIcons';
	font-style: normal;
	font-weight: normal;
	content: '\e618';
	font-size: 16px;
	vertical-align: top;
	color: #009ed8 !important;
	display: inline-block; */
}

.version-default.news-grid.hover-default-default.title-on-hover .portfolio-item .image .links .caption::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
	opacity: 1;
	background: transparent !important;
	/* background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(30,87,153,0) 45%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(30,87,153,0) 45%); */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#001e5799',GradientType=0 );
	/* opacity: 1; */
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.portfolio.news-grid.background-style-transparent:not(.columns-1) .portfolio-item .wrap > .caption {
	background-color: rgb(0, 158, 216) !important;
}

#page-title {

	padding-bottom: 0px !important;
}

.hover-default .portfolio-item .image .links .caption .description, .hover-default .gallery-item .overlay .overlay-content-inner .subtitle {
}


.technischer-service h3 {
	color: #fff !important;
}
.technischer-service p {
	color: #fff !important;
}

.technischer-service2 {
	color: #fff !important;
}

.produktwelt {
	margin: 60px 0 3% 0;
}

@media (max-width: 768px) {
.produktwelt {
	margin: 60px 0 3% 0;
}
}

.vc_tta-color-blue.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
	border-color: none !important;
	background-color: #009ed8 !important;
}

.vc_tta.vc_general.vc_tta-accordion .vc_tta-panel-body {
	padding: 0px !important;
}

.mood-landing-5 h3 {
	font-size: 32px !important;
	color: #0a3e67 !important;
	/* font-family: Averta Light Italic !important; */
	/* transform: skewX(-10deg); */
/* font-weight: 400 !important; */
font-family: Averta Light !important;
font-style: oblique !important;
text-shadow: rgba(0, 158, 216, 0.4) 0px 0 16px;

}

.resized-image {
    width: 25%;
    height: auto;
}	

@media (max-width: 768px) {
    .resized-image {
        width: 70vw; /* Bildbreite für mobile Ansicht */
    }
}



.warning {
	border: 3px solid #009ED8FF;
}

.warning h2 {
	margin-bottom: 10px !important;
	color: #f43010 !important;
}

.warning strong {
font-size: 20px;
font-weight: 300;
}

.custom-list {
    list-style-type: none !important; /* Entfernt die Standard-Aufzählungszeichen */
    padding-left: 0 !important; /* Entfernt den linken Abstand */
	margin-top: 0px;
}

.custom-list li {
    position: relative !important; /* Für die Positionierung des Quadrats */
    padding-left: 20px !important; /* Platz für das Quadrat schaffen */
}

.custom-list li::before {
    content: '' !important; /* Fügt ein leeres Element vor jedem Listenpunkt ein */
    position: absolute !important;
    left: 0 !important;
    top: 6px !important; /* Zentriert das Quadrat vertikal */
    width: 10px !important; /* Breite des Quadrats */
    height: 10px !important; /* Höhe des Quadrats */
    background-color: #009ED8FF !important; /* Farbe des Quadrats */
}

.custom-list ul li {
    list-style: none !important; /* Entfernt Standard-Aufzählungszeichen */
    position: relative !important; /* Für die Platzierung des Symbols */
    padding-left: 20px !important; /* Platz für das Symbol schaffen */
}

.custom-list ul li::before {
    content: '' !important; /* Fügt ein Symbol hinzu */
    position: absolute !important;
    left: 0 !important;
    top: 6px !important; /* Zentriert das Symbol vertikal */
    width: 6px !important; /* Größe des Quadrats */
    height: 6px !important; /* Größe des Quadrats */
    background-color: #009ED8FF !important; /* Farbe des Symbols */
    display: inline-block !important;
    border-radius: 0 !important; /* Stellt sicher, dass es ein Quadrat bleibt */
}



b, strong {
	font-family: Averta Regular !important;

	font-weight: 500 !important;
	font-weight: normal !important;
}

.filter-own {
	text-align: center !important;
}

.filter-own h6 {
	background: #dee5eb;
	padding: 3px 10px;
	text-transform: none !important;
	font-family: Averta Light !important;
	font-weight: 300 !important;
	/* line-height: 32px !important; */
	letter-spacing: 0.01em !important;
	display: inline-block !important;
	font-size: 16px !important;
	margin-left: 6px !important;
	margin-right: 6px !important;
	margin-bottom: 4px !important;
	margin-top: 4px !important;
	text-align: center !important;
}

.block-content {
	padding-top: 50px !important;
}

footer#colophon.site-footer div.container {
	/* width: inherit !important; */
	/* max-width: inherit !important; */
}


div#slider_4489_slide01.sa_hover_container, div#slider_4489_slide02.sa_hover_container, div#slider_4489_slide03.sa_hover_container {
	color: #009ed8 !important;
	/* font-family: Averta Semibold !important;
	font-weight: 500 !important; */
	font-family: Averta Light !important;
font-weight: 300 !important;
}

div#slider_4489_slide01.sa_hover_container::after,
div#slider_4489_slide02.sa_hover_container::after,
div#slider_4489_slide03.sa_hover_container::after {
	font-family: 'thegem-icons';
	font-style: normal;
	font-weight: normal;
	content: '\e638';
	font-size: 16px;
	vertical-align: top;
	display: inline !important;
	padding-left: 6px !important;
}

.site-footer .gem-pp-posts {
	padding-bottom: 0 !important;
}
li.cat-item {
	padding-bottom: 0 !important;
	/* display: inline-block !important; */
}

li.cat-item a {
	position: relative;
	text-indent: -21px;
}

li.cat-item a::before {
	font-family: 'thegem-icons';
	font-style: normal;
	font-weight: normal;
	content: '\e618';
	font-size: 16px;
	vertical-align: top;
	color: #009ed8 !important;
	display: inline-block;
}

#slider_4489 .owl-item {}

slider_4489 .owl-item::before {
}

.vc_gitem-zone-b .vc_gitem-row-position-top {
	top: inherit !important;
	bottom: 0 !important;
}

li.menu-item-active > a {
	padding-top: 4px !important;
	padding-bottom: 4px !important;
	background-color: #009ed8 !important;
}


li.menu-item-active > a {
/* color: #fff !important; */
color: rgb(0, 141, 220) !important;

}

.main-menu-item:hover a, a.main-menu-item:hover, #primary-menu.no-responsive > li:hover > a {

	color: #009ed8 !important;

}

.vc_tta-color-blue.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
	border-color: #fff !important;
}

.menu-item-active a {
	background-color: #009ed8 !important;
}
.header-style-3 #primary-menu.no-responsive > li.menu-item-active > a {
	background-color: #009ed8 !important;
}

.header-style-3 #primary-menu.no-responsive > li.menu-item-active > a:hover {
color: #fff !important;
}


div.title h4 {
	font-size: 16px !important;
	color: #fff !important;
	font-family: Averta Light !important;
	font-weight: 300 !important;
	padding-bottom: 4px !important;
	line-height: 135% !important;
	margin: 3px !important;
	margin-left: 0px !important;
}

div.portfolio-filters .title-h6 span.light {
	font-size: 18px !important;
	text-transform: none !important;
	letter-spacing: 0.02em !important;
}

.portfolio-filters a {
	display: inline-block;
	text-decoration: none;
	vertical-align: top;
	margin: 0 10px 10px 0;
	padding: 0 25px;
	min-height: 30px;
	line-height: 38px;
	height: auto;
	border-radius: 15px;
	font-size: 14px;
	color: inherit;
	border-radius: 3px !important;
}


.portfolio-item .wrap > .caption {
	padding: 12px !important;
	padding-top: 16px !important;
	padding-left: 18px !important;
	padding-bottom: 7px !important;
}

.version-default.news-grid .portfolio-item .image .links .caption .description {
	max-height: inherit !important;

}




.portfolio-item .wrap > .caption a {
}

.gem-image a::before, .gem-textbox-picture a::before, .team-person-image a::before, .team-person-image span::before, .gem-gallery .gem-gallery-preview-carousel-wrap .gem-gallery-item a::before, .gem-simple-gallery .gem-gallery-item a::before, .portfolio-item .image .overlay::before, .gallery-item .overlay::before, .widget .flickr-item a::before, .widget-gem-portfolio-item .widget-gem-portfolio-item-hover, div.blog article a.youtube::before, div.blog article a.vimeo::before, div.blog article a.self_video::before, div.blog article a.default::before, .widget .gem-pp-posts a::before, .widget .gem-latest-news-image a::before {
	background-color: rgba(0, 139, 207, 0.6) !important;
}
.portfolio-item .image .overlay .links {
	vertical-align: bottom !important;
	padding-bottom: 20px !important;
}

.scroll-top-button::before {
	color: #fff !important;
	border-radius: 4px !important;
	/* background-color: #0d264b !important; */
	background-color: #0a3e67 !important;

}

.post-meta-navigation-up {
	display: block !important;
	text-align: center !important;
}

.thegem-fullscreen-search.ajax-search .result-sections .search-results-post .portfolio-set .portfolio-item {
	width: 25% !important;
}
.thegem-fullscreen-search.ajax-search .result-sections .search-results-post .portfolio-set .portfolio-item .wrap > .caption {
	background-color: #008DDCFF;
}


div.overlay div.links-wrapper div.links div.caption div.description div.subtitle p {
       font-family: Averta Thin !important;
	font-weight: 100 !important;
	color: #fff !important;
	font-weight: 300 !important;
	font-size: 18px !important;
	line-height: 150% !important;
    }

.news-grid.portfolio.title-on-page.hover-default .portfolio-item .image .overlay .links .caption, .news-grid.portfolio.title-on-page.hover-zooming-blur .portfolio-item .image .overlay .links .caption {
	padding: 0 18px !important;
}

div.wrap.gem-wrapbox-style-default div.overlay-wrap div.overlay div.overlay-content div.overlay-content-center div.overlay-content-inner a.icon.photo {
	/* display: none !important; */
}

.overlay, .overlay-content {
	/* display: none !important; */
}

div.box-service .title-customize.title-default {
	color: #fff !important;
}

div.box-service .back-angle {
	color: #fff !important;
}

/*
.hover-default .gallery-item .overlay .overlay-content-inner .subtitle {
  opacity: 1 !important;
  position: relative;
  top: 0 !important;
  -webkit-transition: opacity 0.4s, top 0.5s;
  transition: opacity 0.4s, top 0.5s;
}


.hover-default .gallery-item .overlay .overlay-content-inner .subtitle p {
  opacity: 0 !important;
  position: relative;
  top: -200px !important;
  -webkit-transition: opacity 0.4s, top 0.5s;
  transition: opacity 0.4s, top 0.5s;
}

.gallery-item .overlay .overlay-content-inner .subtitle p {
  opacity: 1 !important;
  position: relative;
  top: 0 !important;
  -webkit-transition: opacity 0.4s, top 0.5s;
  transition: opacity 0.4s, top 0.5s;
}


.hover-default .gallery-item .overlay .overlay-content-inner .subtitle p {
  opacity: 1 !important;
  position: relative;
  top: 0 !important;
  -webkit-transition: opacity 0.4s, top 0.5s;
  transition: opacity 0.4s, top 0.5s;
} */




div#page.layout-fullwidth.header-style-3 footer#footer-nav.site-footer div.container div.row {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.gem-gallery-grid.hover-default .gallery-item .overlay a.icon::before {
	display: none !important;
}

.hover-default .gallery-item:hover .overlay .overlay-content-inner .subtitle {
	/* top: 70px !important; */
	font-family: Averta Thin !important;
	font-weight: 100 !important;
	color: #fff !important;
	/* padding-top: 20px !important; */
	font-weight: 300 !important;
	font-size: 18px !important;
	line-height: 150% !important;
		/* bottom: -98px !important;
		top: initial !important; */
}

.gallery-item .overlay .overlay-content .overlay-content-center {
	/* display: table-cell;
	width: 100%;
	height: 100%;
	text-align: center; */
	vertical-align: bottom !important;
	padding: 14px !important;
}



.bottom-link {
	display: block !important;
	/* height: 100px !important; */
	color: #fff !important;
	font-family: Averta Light !important;
font-weight: 300 !important;

}
@media (max-width: 992px) {

div#nav_menu-2.widget.inline-column.col-md-4.col-sm-6.col-xs-12.count-3.widget_nav_menu, div#nav_menu-3.widget.inline-column.col-md-4.col-sm-6.col-xs-12.count-3.widget_nav_menu, div#custom_html-3.widget_text.widget.inline-column.col-md-4.col-sm-6.col-xs-12.count-3.widget_custom_html {
	/* width: 33.33% !important; */
}
}




.category-single-post ul {
padding-left: 0 !important;
background-color: #eeeeee !important;
padding: 10px !important;
display: inline-block !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-bottom: -20px !important;
}

.category-single-post ul li {
	list-style: none !important;
}

.category-single-post ul li a {
text-transform: uppercase !important;
font-size: 13px !important;
line-height: 13px !important;
color: #777777 !important;
letter-spacing: 0.05em !important
}

.post-content .post-meta {
	margin-bottom: 0 !important;
	position: absolute;
	top: 0 !important;
	right: 0 !important;
	margin-top: 22px !important;
	z-index: 999 !important;
}


@media (max-width: 768px) {
	.post-content .post-meta {
		margin-top: inherit !important;
		margin-right: 14px;
	}
}

.post-meta-categories {
	background-color: rgba(0, 158, 216, 0.5) !important;
	/* background-color: #9ba0a4 !important; */

	padding: 6px !important;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	/* color: #fff !important; */
}


.post-meta-categories a {
	color: #fff !important;
	font-size: 14px !important;
	letter-spacing: 0.02em !important;

}


div.post-meta-right span.post-meta-navigation span.post-meta-category-link {
	display: none !important;
}

.post-meta-right {
	color: rgba(0, 158, 216, 1) !important;
}

div.title div.title-h4.default a {
	font-size: 22px !important;
	line-height: 100% !important;
}

div.overlay div.links-wrapper div.links div.caption div.slide-content div.slide-content-visible div.title div.title-h5.default {
	font-size: 30px !important;
	color: #000 !important;
}

.gallery-item .overlay .overlay-content .overlay-content-center {
	vertical-align: bottom !important;
}

.hover-new-default.title-on-hover .portfolio-item .image .overlay::after {

	background: none !important;
}

.version-new.news-grid.hover-new-default .portfolio-item .image .links .caption .slide-content {

	background-color: #009ed8 !important;
}

.portfolio-style-justified.news-grid .post-featured-content {
	/* top: 50px !important; */
}

.portfolio-item {

	margin-top: 10px !important;
}

#colophon {
	margin-top: 70px !important;
	background-color: rgba(0, 158, 216, 1) !important;
}

.portfolio .portfilio-top-panel {
	margin: 0 0 10px !important;

}

div.portfilio-top-panel-row div.portfilio-top-panel-left div.portfolio-filters a.all.title-h6:first-of-type {
	background-color: #9da1a3 !important;
	color: #fff !important;
/* display: none !important; */
}

div.portfilio-top-panel-row div.portfilio-top-panel-left div.portfolio-filters a.all.title-h6:first-of-type::after {

}


.portfolio-item .image .image-inner {
	height: 250px !important;
}

@media (max-width: 1212px) {
	.portfolio-item .image .image-inner {
		height: 240px !important;
	}}

	@media (max-width: 940px) {
		.portfolio-item .image .image-inner {
			height: 200px !important;
		}}


.portfolio-style-justified.news-grid .post-featured-content {
	top: inherit !important;
	bottom: 25px !important;
}


.widget_nav_menu ul.menu li > a::before, .widget_submenu > div > ul li > a::before {
	font-family: 'thegem-icons';
	font-style: normal;
	font-weight: normal;
	content: '\e618';
	font-size: 16px;
	vertical-align: top;
	/* display: inline !important; */
	/* width: 21px; */
	/* text-indent: -20px; */
	color: #fff !important;
	display: inline-block;
	text-indent: -20px !important;
}
.widget_nav_menu ul.menu li > a::before, .widget_submenu > div > ul li {
	/* padding-left: 20px !important; */
}

ul#menu-produkte.menu, ul#menu-unternehmen.menu, ul#menu-products-en.menu, ul#menu-company-en.menu  {
	padding-left: 20px !important;
}


#menu-produkte li a, #menu-unternehmen li a, #menu-products-en li a, #nav_menu-3 li a {
	padding: 0 !important;
	margin-bottom: 4px !important;
}



#colophon .widget_submenu li, #colophon .widget_nav_menu > div > ul li, #colophon .widget_archive ul li {
	border-top: 0px !important;
	border-left: 0px !important;
}

#colophon .widget_submenu ul, #colophon .widget_nav_menu > div > ul, #colophon .widget_archive ul {
	border-left: 0px !important;
	border-right: 0px !important;
	border-bottom: 0px !important;
}


.title {
	text-align: left !important;
}

div.title div.title-h6.default {
	color: #fff !important;
	font-family: Averta Light !important;
font-weight: 300 !important;
font-weight: normal;
font-size: 23px !important;
text-align: left !important;
}

div.title div.title-h6.default:hover {
	color: #fff !important;
}


.portfolio.background-style-dark .portfolio-item .wrap > .caption {
	background-color: #009ed8 !important;
}
/*
.portfolio-item:hover {
	color: #fff !important;
} */

.initiativbewerbung h4, .initiativbewerbung p {
	/* color: #fff !important; */
}

.initiativbewerbung {
	/* padding: 20px !important; */
}

.gem-news-item-right-conteiner {
	/* max-height: 3.1em; */
	overflow: inherit !important;
}

.portfolio-item:hover .wrap > .caption .title a {
	color: #fff !important;
	color: #fff !important;
	font-family: Averta Light !important;
	font-weight: 300 !important;
	font-weight: normal;
	font-size: 23px !important;
	text-align: left !important;
}


.portfolio-item .wrap > .caption .title a {
	color: #fff !important;
	color: #fff !important;
	font-family: Averta Light !important;
	font-weight: 300 !important;
	font-weight: normal;
	font-size: 23px !important;
	text-align: left !important;
}
div.container div.page-title-inner div.page-title-title h1 {
	color: rgb(0, 158, 216) !important;
}

.portfolio-item .image img {
	/* width: 100%; */
	/* max-width: initial; */
	/* height: 100%; */
	/* object-fit: cover; */
	width: inherit !important;
	max-width: inherit !important;
	height: inherit !important;
	object-fit: none !important;
}

.portfolio:not(.hover-horizontal-sliding):not(.hover-new-horizontal-sliding):not(.hover-default-horizontal-sliding):not(.extended-products-grid) .portfolio-item .image .image-inner img:not(.image-hover) {
	/* position: relative; */
	/* left: -5%; */
	left: inherit !important;
	position: relative !important;
}

.portfolio-item .image img {
	width: 100% !important;

	object-fit: cover !important;
}

@media (min-width: 1212px) {
.top-area-alignment-justified .top-area-menu {
	float: left !important;
}}

#top-area-menu, .top-area-button {
	/* display: none !important; */
}

#top-area {
	display: block !important;
}

.top-area {
	padding: 8px 0 !important;
}

.top-area-menu .nav-menu > li {
	display: inline-block;
	padding: 0 4px;
	line-height: 30px;
	margin-top: 9px !important;
}

.top-area-menu .nav-menu > li a {

font-size: 18px !important;
}

.top-area-menu .nav-menu > li a::before {

	/* display: none !important; */
}

@media (min-width: 1212px) {
.top-area-alignment-justified .top-area-menu {
float: right !important;
}}

#top-area .container-fullwidth {
  width: 1212px !important;
}

@media (max-width: 768px) {
#top-area .container-fullwidth {
	width: inherit !important;
}
}

@media (max-width: 768px) {
.top-area .top-area-items .top-area-block.top-area-menu {
	float: right;
}
}

div.textwidget table tbody tr td {
	/* max-width:100% !important;
white-space:nowrap !important; */
/* width: 1% !important; */
  min-width: fit-content !important;
}

div.vc_gitem-post-meta-field-Subline.vc_gitem-align-left {
  color: #fff !important;
  font-family: Averta Light !important;
font-weight: 300 !important;
padding-bottom: 4px !important;
line-height: 150% !important;
/* height: 52px !important; */
}

div.wrap.gem-wrapbox-style-default div.overlay-wrap div.overlay a.gallery-item-link.fancy-gallery {
	pointer-events: none !important;
}

.gallery-item .overlay a.icon.photo::before {
	/* content: '\e629'; */
	content: none !important;
}

.gallery-item .overlay .overlay-content .overlay-content-center {

	vertical-align: bottom !important;
	text-align: left !important;
}

.subtitle {
	font-family: Averta Light !important;
font-weight: 300 !important;
font-size: 16px !important;
text-align: left !important;

}

#primary-menu.no-responsive > li > a {
  font-family: Averta Light !important;
font-weight: 300 !important;
font-size: 16px !important;
}

.product-image-single {
	z-index: -1 !important;
}

.head-products {
	z-index: 100 !important;
}

ul.vc_tta-tabs-list li.vc_tta-tab.vc_active a {
  font-family: Averta Regular !important;
font-weight: 400 !important;
background-color: rgba(0, 158, 216, 1) !important;
color: #fff !important;
/* padding: 0 !important; */
text-transform: none !important;
letter-spacing: 0.0em !important;

}


.vc_tta-tab > a {
  background-color: #eee !important;
  font-size: 16px !important;
}

.vc_tta.vc_tta-tabs.vc_general .vc_tta-tab > a {
	padding-left: 18px !important;
	padding-right: 18px !important;
}

.page-title-block {
	background-color: #fff !important;
}

body .breadcrumbs, body .breadcrumbs a, body .bc-devider::before {
	color: #000 !important;
}

body .breadcrumbs .current {
	color: #008DDCFF !important;
	border-bottom: 3px solid #008DDCFF !important;
}


h5.entry-title.reverse-link-color a span.light {
  font-family: Averta Light !important;
  font-weight: 300 !important;
  text-transform: none !important;
  font-size: 15px !important;
  line-height: 147% !important;
  letter-spacing: 0.0em !important;

}

.wpb_heading {
  padding-left: 110px !important;
}

.portfolio-slider .portfolio-item .wrap > .caption {
display: none !important;
}
.vc_images_carousel {
/* width: 100% !important; */
text-align: center !important;
}
div.vc_carousel-inner div.vc_carousel-slideline {
  /* width: 100% !important; */
  text-align: center !important;

}

.gem-pp-posts-image {
  display: none !important;
}

ul.posts.styled li.clearfix.gem-pp-posts div.gem-pp-posts-text div.gem-pp-posts-item a {



}

.gem-pp-posts-item {
	margin-left: 0px !important;
}

ul.posts.styled li.clearfix.gem-pp-posts div.gem-pp-posts-text div.gem-pp-posts-item::before {
  font-family: 'thegem-icons';
  font-style: normal;
  font-weight: normal;
  content: '\e618';
  font-size: 16px;
  vertical-align: top;
  display: inline !important;
  /* width: 21px;
  text-indent: -20px; */
  color: #009ed8 !important;
}
.jobs div.wpb_widgetised_column.wpb_content_element ul.posts.styled li.clearfix.gem-pp-posts div.gem-pp-posts-text div.gem-pp-posts-item::before {
  margin-left: -16px !important;
}

.jobs aside#custom_recent_posts-4.widget.Custom_Recent_Posts ul.posts.styled li.clearfix.gem-pp-posts div.gem-pp-posts-text div.gem-pp-posts-item {
	margin-left: 12px !important;
}

.jobs .gem-pp-posts {
	padding-bottom: 0;
	padding-top: 8px;
}


#footer-nav {
	background-color: #0d264b !important;
}

footer#footer-nav.site-footer div.container {
  padding: 0 !important;
}


.gem-pp-posts-date {
  padding-left: 0 !important;
  display: none !important;
}

.imgfoo {
  width: 90%;
}
#colophon .Custom_Recent_Posts .gem-pp-posts {
border-bottom: none !important;
border-top: none !important;
}
@media only screen and (max-width: 768px) {
.portfolio-count, .portfolio-filters {
	display: inherit !important;
}}

@media only screen and (max-width: 768px) {
.portfolio-filters-resp {
	display: none !important;
	}}

.imgfoo2 {
  width: 60%;

}

.imgfoo3 {
  width: 50%;
	margin-top: 30px !important;


}

div.textwidget:nth-child(3) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(1) {
	width: 45px !important;
}


@media (max-width: 768px) {
div.textwidget:nth-child(3) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(1) {
	width: 45px !important;
}
}

div.textwidget.custom-html-widget h6 {
  color: #fff !important;
  font-family: Averta Semibold !important;
  font-weight: 500 !important;
  font-style: normal !important;
  text-transform: none !important;
  font-size: 20px !important;
}
@media (max-width: 768px) {
div#page.layout-fullwidth.header-style-3 footer#footer-nav.site-footer div.container div.row div.col-md-6 {
	float: left !important;
}}

.head-products h1 {
  color: #000 !important;
  font-size: 44px !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.head-products h4 {
  /* color: #000 !important; */
  font-size: 22px !important;
  /* padding-bottom: 0 !important; */
  /* margin-bottom: 0 !important; */
  padding-top: 0 !important;
  margin-top: 0 !important;
  font-family: Averta Light !important;
  font-weight: 300 !important;
  text-transform: none !important;
  line-height: 147% !important;
  letter-spacing: 0.0em !important;
 }

div.wpb_single_image.wpb_content_element.vc_align_center h2.wpb_heading.wpb_singleimage_heading .wpb_heading {
  background-color: #009ed8 !important;


}

.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-list {
	overflow: hidden;
	background-color: #f7f7f7 !important;
}

.header-background {
  /* background-color: #009ed8 !important; */
}

.header-background::before {
  /* background-color: #009ed8 !important; */
  border-bottom: 1px solid !important;
  border-bottom-color: rgba(0, 158, 216, 0.2) !important;
}


rs-fullwidth-wrap {

	background-color: #fff !important;
}


h4 {
  font-family: Averta Light !important;
  font-weight: 300 !important;
  text-transform: none !important;
	font-size: 26px !important;
}

.tparrows::before {
	font-family: "revicons";
	font-size: 15px;
	color: rgba(0, 158, 216, 0.5) !important;
	display: block;
	line-height: 40px;
	text-align: center;
}

#arrow {
	/* height: 700px !important; */
}

.produktwelt {}

.rs-layer h2 {
	color: rgba(0, 158, 216, 1) !important;
	font-family: Averta Light !important;
  font-weight: 300 !important;
	/* font-size: 28px !important; */
	font-size: 1.4vw !important;
	line-height: 120% !important;
}

@media (max-width: 768px) {

.rs-layer h2 {
	color: rgba(0, 158, 216, 1) !important;
	font-family: Averta Light !important;
  font-weight: 300 !important;
	font-size: 13px !important;
	/* font-size: 1.4vw !important; */
}
}

.product-image-single h2 {
	display: inline-block !important;
	background-color: rgba(0, 158, 216, 0.7) !important;
	/* color: rgba(0, 158, 216, 1) !important; */
	color: #fff !important;
	padding-top: 4px !important;
	padding-bottom: 0px;
	/* line-height: 45px !important; */
	padding-left: 16px !important;
	padding-right: 16px !important;
	position: absolute;
	left: 30px !important;
	bottom: 60px !important;
	/* font-size: 48px; */
	font-size: 60px;
	line-height: 80px !important;
	margin-left: -10px !important;

}


.blog-post-image {
	/* text-align: center;
	margin-bottom: 10px; */
	display: none !important;
}




.gem-list > ul > li::before {
  color: #009ed8 !important;


}
.gem-list > ul > li {
  font-family: Averta Light !important;
font-weight: 300 !important;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}


.product-tabs-outer {
  border-color: #000 !important;
}

div.vc_tta-panel-body {
  border: 0 !important;
  border-style: none !important;
  padding-top: 35px !important;
}

.vc_tta.vc_general.vc_tta-tabs .vc_tta-panel-body {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.menu-item-active a {
  background-color: rgba(0, 158, 216, 0.5) !important;
/* display: none !important; */
color: #fff !important;
border: none !important;
}

.vc_gitem-link {
	/* text-decoration: none; */
	/* visibility: collapse !important; */
  color: rgba(220,160,140,0.0) !important;
}

div.vc_custom_heading.product_grid_title.vc_gitem-post-data.vc_gitem-post-data-source-post_title div a.vc_gitem-link {
  color: #000 !important;
}

.gem-media-grid-2:hover .vc_gitem-animated-block:hover .vc_gitem-zone-b:hover {
/* color: rgb(0, 158, 216) */
/* color: rgba(220,160,140,0.0) !important;
color: #666 !important; */
background-color: rgba(0, 158, 216, 0.5) !important;
}

.vc_gitem-zone:hover {
	position: relative;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-clip: border-box;
	box-sizing: border-box;
	overflow: hidden;
  background-color: rgba(0, 158, 216, 0.2) !important;
}

.vc_gitem-zone-mini {
  /* background-color: rgba(0, 158, 216, 1) !important; */
}

.vertrieb-grid .vc_gitem-zone-b .vc_gitem-zone-mini {
	display: none !important;
}

.vertrieb-grid .vc_gitem-zone:hover {
	/* display: none !important; */

}

.vertrieb-grid .plz {
padding-left: 0 !important;
height: inherit !important;
font-size: 28px !important;


}

.vertrieb-grid .plz2 {

font-size: 22px !important;


}

.vertrieb-grid .plz h4 {
font-size: 28px !important;
pointer-events: none !important;
}

.vertrieb-grid .vc_gitem_row .vc_gitem-col {
	padding: 0px !important;

}

.vc_gitem-zone:hover {

	/* background-color: rgba(0, 158, 216, 0.2) !important; */
	background-color: transparent !important;
}


.vertrieb-grid-kontakt {
	padding-left: 20px !important;
}

.vc_gitem-zone .vc-zone-link {

pointer-events: none !important;
visibility: hidden !important;
}

.vertrieb-grid-kontakt {
	/* margin-left: 30px !important; */
}

.vc-gitem-zone-height-mode-auto::before {
	content: "";
	display: block;
padding-top: inherit !important;
}

.vc_gitem-zone-a .vc_gitem-row-position-top {
	position: inherit !important;
}



.wpb_single_image .vc_figure {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	/* padding-right: 20px !important; */
	/* max-width: 50% !important; */
	/* display: none !important; */
	/* float: left !important; */
	/* margin-top: 230px !important; */
}

.vc-gitem-zone-height-mode-auto.vc-gitem-zone-height-mode-auto-4-3::before {
	padding-top: 18% !important;
}

.vc_gitem-animate-fadeIn .vc_gitem-zone-b {
/* display: none !important */
}


.vc_custom_heading a {
	color: #009ed8 !important;
	pointer-events: auto !important;
	z-index: 999 !important;
}

.vc_gitem-zone:hover {
	/* position: relative;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-clip: border-box;
	box-sizing: border-box;
	overflow: hidden;
	background-color: rgba(0, 158, 216, 0.2) !important; */
	/* display: none !important */
	/* visibility: hidden !important; */

}

.vc_gitem-zone-a .vc_gitem-row-position-middle, .vc_gitem-zone-b .vc_gitem-row-position-middle {
	/* position: absolute;
	left: 0;
	right: 0;
	top: 0; */
	transform: translate(0,0) !important;
	position: relative !important;
}

div.vc_grid-item-mini.vc_clearfix div.vc_gitem-zone.vc_gitem-zone-c div.vc_gitem-zone-mini {

  background-color: rgba(0, 158, 216, 1) !important;
}

.gem-media-grid-2 .vc_grid-item-mini {
	padding: 0px !important;
  border: 0 !important;
}

div.vc_custom_heading.product_grid_title.vc_gitem-post-data.vc_gitem-post-data-source-post_title div a.vc_gitem-link {
  color: #fff !important;
	margin-bottom: 11px !important;
	line-height: 120% !important;
	font-size: 23px !important;
	margin-top: 5px !important;

}

a.vc_gitem-link.vc-zone-link {

}


.gem-media-grid-2 .vc_gitem-post-data-source-post_title a {
	font-size: 36px !important;
	letter-spacing: 0em !important;

text-transform: none !important;

}

img[alt~="vc_gitem-zone-img"] {
  /* padding: .2rem;
  border: 3px solid red; */
}

div.gem-media-grid-excerpt {
  vertical-align: text-bottom !important;
  margin-top: 125px !important;

}


.portfolio .portfolio-filters a.active {
	/* background-color: #009ed8 !important; */
	background-color: rgba(0, 158, 216, 1) !important;

}
.vc_grid-filter.vc_grid-filter-default > .vc_grid-filter-item {
	/* margin: 0 5px 5px 0; */
	border-radius: 3px !important;
}

li.vc_grid-filter-item > span {
  text-transform: none !important;
  font-family: Averta Light !important;
font-weight: 300 !important;
line-height: 32px !important;
letter-spacing: 0.01em !important;

}
div.textwidget.custom-html-widget p {
  color: #fff !important;
}
.gem-media-grid-head {
  padding: 200px !important;
}
/*
.vc_gitem_row .vc_gitem-col {
	padding: 13px !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
} */

.vc-gitem-zone-height-mode-auto .vc_gitem-zone-img {
    /* display: none!important; */
    font-size: 120px !important;
    color: blueviolet !important;
}

.gem-media-grid-2 .vc_gitem-post-data-source-post_title a {
	font-size: 28px;
	line-height: 42px;
	letter-spacing: 0.05em;
	margin-bottom: 0 !important;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0 !important;
	text-transform: uppercase;
	display: block;
}

.gem-media-grid-excerpt {
  /* color: blueviolet !important; */
}

.gem-media-grid-excerpt p {
	font-family: Averta Thin !important;
font-weight: 100 !important;
  color: #fff !important;
  padding-top: 20px !important;
  font-weight: 300 !important;
	font-size: 18px !important;
	line-height: 150% !important;
}





.comments-area {
  display: none !important;
}

.product_grid_title {
  font-size: 30px !important;
}

.gem-media-grid-2 .vc_gitem-post-data-source-post_title a {
	font-size: 27px !important;
	/* line-height: 42px;
	letter-spacing: 0.05em;
	margin-bottom: 1.13em;
	margin-left: 0;
	margin-right: 0;
	margin-top: 1.13em;
	text-transform: uppercase;
	display: block; */
}


#colophon .widget a, #colophon .gem-contacts .gem-contacts-item::before {
	color: #fff !important;
}

#colophon .gem-pp-posts-date {
  color: #fff !important;
}

#colophon .Custom_Popular_Posts ul li {
  border-bottom: none !important;
}

.product-overview_caption {
	color: #fff !important;
	margin-bottom: 11px !important;
	line-height: 120% !important;
	font-size: 17px !important;
	margin-top: 5px !important;


	background-color: #009ed8 !important;
	padding: 10px !important;
}


#colophon {

	padding-top: 24px !important;
  padding-bottom: 0 !important;
}

#colophon .widget {
  padding-right: 38px !important;
}



.mood-landing-12 {
  background-image: url("https://old.breuning-irco.de/wp-content/uploads/2022/11/Lunettenfuhrung-38_eAeTvOw.jpg");
  height: 650px !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	padding-top: 200px !important;

}


@media (max-width: 768px) {

	.mood-landing-12 {
		padding-top: 3% !important;
		/* max-width: 78vw !important; */
		height: 350px !important;
		background-repeat: no-repeat !important;


	}
}


.mood-text h2 {
	font-size: 40px !important;
	display: inline-block !important;
	color: #009ed8 !important;
	line-height: 125% !important;
	background-color: rgba(255, 255, 255, 0.9) !important;
	margin: 0 !important;
	padding: 3px 14px 1px 7px !important;
	margin-bottom: 12px !important;
}

.mood-text a {
	font-size: 40px !important;
	display: inline-block !important;
	color: #009ed8 !important;
	line-height: 125% !important;
	background-color: rgba(255, 255, 255, 0.9) !important;
	margin: 0 !important;
	padding: 3px 14px 1px 7px !important;
	margin-top: 32px !important;

}

@media (max-width: 767px) {

.mood-text a::after {
	font-family: 'thegem-icons';
  font-style: normal;
  font-weight: normal;
  content: '\e638';
  font-size: 16px;
  display: inline !important;
	vertical-align: -1px;
	padding-left: 6px !important;
	line-height: 2px !important;
}
}

@media (min-width: 768px) {

.mood-text a::after {
	font-family: 'thegem-icons';
  font-style: normal;
  font-weight: normal;
  content: '\e638';
  font-size: 32px;
  display: inline !important;
	vertical-align: -1px;
	padding-left: 6px !important;
	line-height: 2px !important;
}
}


.mood-landing-1 {
background-image: url("https://old.breuning-irco.de/wp-content/uploads/2022/12/mood-landing_004.jpg");
background-size: cover !important;
height: 650px !important;
background-repeat: no-repeat !important;
}

@media (max-width: 768px) {

	.mood-landing-1 {
		background-size: 1000px 424px !important;
		background-position: -150px 0px;
		height: 450px !important;
		background-repeat: no-repeat !important;
	}
}

@media (max-width: 768px) {
	.mood-text h2, .mood-text a {
		/* background-color: #009ed8 !important;
		display: inline !important; */
		font-size: 18px !important;
	}
}

div.vc_grid-item-mini.vc_clearfix div.vc_gitem-zone.vc_gitem-zone-c div.vc_gitem-zone-mini div.vc_gitem_row.vc_row.vc_gitem-row-position-top {
	/* height: 68px !important; */
}

.powerdrehen  {
	/* content: ''; */
    background: url('https://old.breuning-irco.de/wp-content/uploads/2022/11/breuning-irco-powerdrehen_EFpM1Bb_ercopE4.png');
    position:absolute;
    top:0px;
    left:0px;
		width: 144px !important;
		height: 36px !important;
		background-size: 84% 84% !important;
		background-repeat: no-repeat !important;

}

.site-title .logo, .menu-item-logo .logo {

	padding-top: 5px !important;
}


li.menu-item-active > a {
background-color: rgba(0, 158, 216, 0) !important;
}

.products-front {
	height: 200px !important;
}




.blog-style-timeline_new.blog-style-timeline article .post-timeline-elements .timeline-date-title, .blog-style-timeline_new.blog-style-timeline article .post-timeline-elements .timeline-date-title-right {
  display: none !important;
}


.widget_categories > ul {
  border-style: none !important;
}

.widget_categories > ul li {
  border-style: none !important;
}

.cat-item a {
  color: #fff !important;
  font-family: Averta Light !important;
  text-transform:  none !important;
  letter-spacing: normal !important;
  font-weight: 300 !important;
  font-size: 16px !important;
  padding-left: 0 !important;
}


.widget_categories > ul > li > a {
line-height: 24px !important;
font-size: 16px !important;
font-family: Averta Light !important;
text-transform:  none !important;
letter-spacing: normal !important;
font-weight: 300 !important;
letter-spacing: 0.01em !important;

}

div.textwidget > p {
  line-height: 24px !important;
  font-size: 15px !important;
  font-family: Averta Light !important;
  text-transform:  none !important;
  letter-spacing: normal !important;
  font-weight: 300 !important;
  letter-spacing: 0.01em !important;
}

ul li.cat-item.cat-item-1 {
padding-top: 0 !important;

}
:not(.gem-table):not(.cart_totals) > table:not(.shop_table):not(.group_table):not(.variations) td {
  border: 0 !important;
  padding: 0 !important;
}

.impressum-footer {
  margin-top: 20px !important;
}


.impressum ol li::before {
/* content: counter(item, "."); */
}

.wpb_text_column ol li::before {
	/* content: counter(li); */
	/* content: ("."); */

}


.widget-title {
  margin-top: 12px !important;
  margin-bottom: 20px !important;
  text-transform: none !important;
letter-spacing: normal !important;
  font-weight: 700 !important;
  font-size: 24px !important;
  font-family: Averta Light !important;
font-weight: 300 !important;
/* color: #181828 !important; */
color: #fff !important;
}

div.textwidget table tbody tr td {
  color: #fff !important;
  text-transform:  none !important;
  letter-spacing: normal !important;
  font-weight: 300 !important;
  /* width: 33px !important; */
  /* letter-spacing: 0.01em !important; */
	/* width: 20px !important; */
	  min-width: fit-content !important;
}

div.textwidget.custom-html-widget div.textwidget {
  margin-top: 13px !important;
}


.widget_categories > ul > li {
  padding-left: 0 !important;
  margin-left: 0 !important;
  font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f7ab";
  /* text-indent: -20px !important;
  margin-left: -40px !important;
  padding-right: 10px !important; */
  /* color: #009ed8 !important; */
  color: #eee !important;
  font-size: 14px !important;

}

#menu-item-3964, #menu-item-6248 {
	margin: 0px;
	position: fixed !important;
	right: -40px !important;
  /* line-height: 30px !important; */
  padding: 8px !important;
  font-size: 30px !important;
  background-color: #009ed8 !important;
  display: inline-block !important;



	top: 240px !important;

  -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
     -o-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     transform: rotate(-90deg);


}


#menu-item-3964:hover , #menu-item-6248:hover {
}


#menu-item-3964, #menu-item-6248 {

	padding: 8px  !important;
	padding-left: 36px !important;
	padding-right: 13px !important;
	height: 45px !important;
	border-top-right-radius: 6px !important;
	border-top-left-radius: 6px !important;


}

#menu-item-3964:hover. #menu-item-6248:hover {
	background-color: rgba(0, 158, 216, 0.7) !important;
}

#primary-menu.no-responsive > li:hover > a {
}

li#menu-item-3964.menu-service.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-3964.megamenu-first-element a:hover,
li#menu-item-6248.menu-service.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-6248.megamenu-first-element a:hover {
	color: #fff !important;
}

#menu-item-3964 a, #menu-item-6248 a  {
  color: #fff !important;
  font-size: 30px !important;
  /* display: none !important; */
	padding: 0 !important;
	margin: 0 !important;
	color: #fff !important;
	/* line-height: 11px !important; */
	text-transform: uppercase !important;
	letter-spacing: 0.03em !important;
	padding-top: 2px !important;

}


.header-style-3 #primary-menu.no-responsive > li.menu-item-active > a {
	background-color: rgba(0, 158, 216, 0.7) !important;
}


#menu-item-3964 a:hover, #menu-item-6248 a:hover {
  color: #fff !important;
background: transparent !important;
}

#menu-item-3964 a::before, #menu-item-6248 a::before {
	font-family: 'thegem-icons';
	font-style: normal;
	font-weight: normal;
	content: '\e673';
	/* content: '\e669'; */
	font-size: 20px;
	line-height: 20px !important;
	/* vertical-align: 2px !important; */
	display: inline !important;
	/* text-indent: 20px !important; */
	color: #fff !important;
	/* padding-right: 7px !important; */
	/* font-family: "Font Awesome 5 Free"; */
	/* font-weight: 900; */
	/* content: "\f0c8"; */
	/* line-height: 8px !important; */
	padding: 0 !important;
	margin: 0 !important;
	position: absolute !important;
	height: 100px !important;
	left: -26px !important;
}

li#menu-item-3964.menu-service.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-3964.megamenu-first-element a:hover,
li#menu-item-6248.menu-service.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-3964.megamenu-first-element a:hover {
	color: #FFF !important;
}

#footer-nav {
	padding: 20px 0;
	border-top: 1px solid #313646;
  padding-left: 0px !important;
  padding-right: 0px !important;
}


.vc_tta.vc_general .vc_tta-title-text {
	display: inline-block;
	vertical-align: middle;
	font-family: Averta Light !important;
font-weight: 300 !important;
/* font-size: 24px !important; */
}

@media (max-width: 768px) {
.vc_col-xs-6 {
	width: 33.33% !important;
	margin-left: -10px !important;
}
}

.vc_col-xs-6 {
	/* width: 33.33% !important; */
}

body .vc_grid-container ul.vc_grid-filter li.vc_grid-filter-item:first-of-type {
display: none !important;
}
body .vc_grid-container ul.vc_grid-filter li.vc_grid-filter-item:nth-of-type(2) {
padding-left: 0 !important;
}

@media (max-width: 768px) {
	.vc_tta.vc_general .vc_tta-title-text {
	font-size: 20px !important;
}
}

div.wpb_wrapper h4 {
	/* color: rgb(95, 114, 127); */
}


div.vc_tta-tabs-container > ul > li.vc_tta-tab.vc_active > a {
		background-color: rgb(0, 158, 216) !important;
}

div.vc_tta-panel-heading h4.vc_tta-panel-title a  {
		background-color: rgb(0, 158, 216) !important;
		color: #fff !important;
}
@media (max-width: 768px) {
.product-image-single h2 {
	font-size: 20px;
	line-height: 18px !important;
}
}

li.vc_tta-tab.vc_active > a {
	background-color: #009ed8 !important;
}


div.vc_tta-tabs-container > ul > li.vc_tta-tab.vc_active > a {
	background-color: #009ed8 !important;
/* background-color: red !important; */
}

ul.vc_tta-tabs-list li.vc_tta-tab.vc_active a {
	/* background-color: red !important; */

	background-color: #009ed8 !important;
}

.vc_tta.vc_general.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel-heading .vc_tta-panel-title > a {
	padding-top: 10px !important;
	padding-bottom: 8px !important;
}


.gem-list > ul > li::before {
	/* font-family: 'thegem-icons';
	font-style: normal;
	font-weight: normal;
	content: '\e601';
	font-size: 16px;
	vertical-align: top;
	display: inline-block; */
	/* width: 21px; */
	text-indent: -22px;
	width: inherit !important;
}

.gem-list > ul > li {
text-indent: 0 !important;

}





.top-area-menu .nav-menu > li a::before {
	content: '\e601';
	font-family: 'thegem-icons';
	font-style: normal;
	font-weight: normal;
	margin-right: 2px;
	font-size: 16px;
	vertical-align: top;
	content: none !important;

}

.top-area-menu .nav-menu > li a:first-of-type::before {

	/* display: none !important; */
}

li#menu-item-wpml-ls-53-de.menu-item.wpml-ls-slot-53.wpml-ls-item.wpml-ls-item-de.wpml-ls-current-language.wpml-ls-menu-item.wpml-ls-first-item.menu-item-type-wpml_ls_menu_item.menu-item-object-wpml_ls_menu_item.menu-item-wpml-ls-53-de a {
/* border-left: 2px solid rgba(0, 158, 216, 0.7) !important; */
}

li#menu-item-wpml-ls-53-en.menu-item.wpml-ls-slot-53.wpml-ls-item.wpml-ls-item-en.wpml-ls-menu-item.wpml-ls-last-item.menu-item-type-wpml_ls_menu_item.menu-item-object-wpml_ls_menu_item.menu-item-wpml-ls-53-en a span.wpml-ls-display {
}


@media (max-width: 768px) {
#menu-item-3964, #menu-item-6248 {
	display: none !important;
}
}

#footer-nav .footer-site-info {
	text-align: left;
}

.mobile-menu-layout-default .primary-navigation.responsive li a {
	padding-left: 15px !important;
}


.col-md-pull-9 {
	/* right: 100% !important;
	width: 100% !important; */
}
@media (max-width: 768px) {
footer#footer-nav.site-footer div.container div.row div.col-md-3.col-md-pull-9 {
	display: none !important;
}
}

#colophon .widget {
	width: 33% !important;
}

@media (max-width: 768px) {
	#colophon .widget {
		width: 100% !important;
	}
}

div.textwidget table tbody tr td {
  color: #fff !important;
  text-transform:  none !important;
  letter-spacing: normal !important;
  font-weight: 300 !important;
padding: 0 !important;


}

div.textwidget.custom-html-widget div.textwidget table tbody tr td {
	/* width: 400px !important; */
}

div.textwidget.custom-html-widget div.textwidget {
  margin-top: 13px !important;
}


.mood-landing-3 {
	padding-top: 10% !important;
	background-repeat: no-repeat !important;

}

@media (max-width: 768px) {

	.mood-landing-3 {
		padding-top: 0 !important;
		max-width: 78vw !important;
		margin-top: 0 !important;
		background-repeat: no-repeat !important;

	}


}
.hinweisgeber-formular h4 {
	 text-transform: none !important;
	 padding-top: 0 !important;
	 padding-bottom: 0px !important;
	 margin-top: 32px !important;
	 margin-bottom: 0px !important;
	 letter-spacing: 0.0em !important;
	 font-size: 18px !important;
 }


 .impressum_tabs h4 {
	 text-transform: none !important;
	 padding-top: 0 !important;
	 padding-bottom: 0px !important;
	 margin-top: 32px !important;
	 margin-bottom: 0px !important;
	 letter-spacing: 0.0em !important;
	 font-size: 24px !important;
 }

 .impressum_tabs h3 {
	 font-size: 20px !important;
 }

 .impressum_tabs ol {
	 margin-top: 8px !important;
 }

 .impressum_tabs ol li::before {
display: none !important;
 }

.impressum_tabs ol li {
	list-style-type: decimal !important;
}


.impressum-highlighted h4 {

	margin-bottom: 10px !important;
}

.portfolio-filters a:first-of-type {
	display: none !important;
}

.show-all a {
	letter-spacing: 0.03em !important;
	border-radius: 3px !important;
	/* background-color: rgb(182, 198, 201) !important; */
	/* background-color: rgba(95, 114, 127, 0.5) !important; */
/* background-color: rgba(223, 229, 232, 1) !important; */
background-color: #abb0b3 !important;
	height: 20px !important;
	/* padding-left: 25px !important;
	padding-right: 25px !important; */
	display: inline-block;
	text-decoration: none;
	vertical-align: top;
	margin: 0 10px 10px 0;
	padding: 0 15px;
	min-height: 20px;
	line-height: 18px;
	height: auto;
	/* border-radius: 15px; */
	font-size: 12px !important;
	/* color: inherit; */
}

.show-all {
	font-size: 12px !important;
	margin-bottom: 0px !important;
	text-align: center !important;

}

.show-all a.all.title-h6.active span.light {
	color: #fff !important;
	text-transform: none !important;

}

.anfragen_hours .gem-icon .back-angle {
	color: rgb(95, 114, 127) !important;
}

.anfragen_hours div.gem-infotext div.gem-infotext__title div.title-customize.title-default {
	color: rgb(95, 114, 127) !important;
	font-family: Averta Regular !important;
	font-weight: 500 !important;
	font-size: 17px !important;
}

#primary-navigation.responsive #primary-menu li > a, #primary-navigation.responsive #primary-menu li > span.megamenu-column-header > a {
	font-family: Averta Regular !important;
}

li.menu-item-active > a {
/*	color: rgb(0, 141, 220) !important;*/
    	color: rgb(255, 255, 255) !important;

}

.mobile-menu-layout-default .primary-navigation.responsive li a {

	padding: 16px 30px !important;
	padding-left: 14px !important;
}

.wpcf7-form input[type="submit"]:not(.gem-button-wpcf-custom) {
	height: 50px !important;
	line-height: 30px !important;
	padding: 10px 20px !important;
	font-size: 16px !important;
    width: 45% !important;
    color: #fff !important;
    border-style: none !important;
    line-height: 25px !important;
    margin-top: 0px !important;
        margin-bottom: 0px !important;
font-family: Averta Regular !important;
	font-weight: 500 !important;
    margin-right: 0px !important;
        position: relative !important;

}

form.wpcf7-form.init p input.wpcf7-form-control.wpcf7-previous {
    height: 50px !important;
	line-height: 30px !important;
	padding: 10px 20px !important;
	font-size: 16px !important;
    width: 45% !important;
    background-color: #008ddc !important;
        color: #fff !important;
    border-style: none !important;
    border-radius: 3px;
    margin-right: 30px !important;
        line-height: 25px !important;
		margin-top: 0px !important;

        margin-bottom: 0px !important;
font-family: Averta Regular !important;
	font-weight: 500 !important;
    position: relative !important;
}

form.wpcf7-form.init p span.wpcf7-form-control-wrap span.wpcf7-form-control.wpcf7-radio span.wpcf7-list-item.first {
    display: block !important;
}
form.wpcf7-form.init p span.wpcf7-form-control-wrap span.wpcf7-form-control.wpcf7-radio span.wpcf7-list-item {
    display: block !important;
}
form.wpcf7-form.init p span.wpcf7-form-control-wrap span.wpcf7-form-control.wpcf7-radio span.wpcf7-list-item.last {
    display: block !important;
}


/* Desktop-Styles */
.interaktion {
    width: 80vw !important;
    box-sizing: border-box !important;
    margin-left: 10vw !important;
    margin-right: 10vw !important;
	transform: translate(10vw, -87px);
}

/* Tablet und kleiner */
@media (max-width: 1024px) {
    .interaktion {
        width: 100vw !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        transform: none;
    }
}


/* ---------------------------------- Form-Styles ---------------------------------- */

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="password"],
.wpcf7 input[type="date"],
.wpcf7 input[type="number"],
.wpcf7 input[type="url"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="search"],
.wpcf7 select {
  padding: 10px 10px !important;
  height: 36px !important; /* Einheitliche Höhe */
  box-sizing: border-box !important;
  width: 100% !important;
}


/* Messebericht Allgemeine Formulareinstellungen */
.custom-form {
    font-family: Arial, sans-serif;
    font-size: 18px;
    color: #333;
}

/* General form container styles */
.form-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 20px 0;
}

/* Three-column layout */
.form-container-three-columns {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Creates three equal columns */
    gap: 20px;
}

/* Two-column layout */
.form-container-two-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Creates two equal columns */
    gap: 20px;
}

/* Individual column styles */
.form-column {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;                /* Kurznotation, keinerlei Mindestbreite */
    box-sizing: border-box;
}

/* Full-width column */
.form-column.column-full-width {
    width: 100%;
}

/* Hide upload field labels in print to avoid duplication */
@media print {
    .form-column.column-right label {
        display: none !important;
    }
}


.form-container-1 {
  display: grid;
  grid-template-columns: 1fr;
}
.form-container-2 {
  display: grid;
  grid-template-columns: 2fr 1fr;
}
.form-container-3 {
  display: grid;
  grid-template-columns: minmax(150px, 2fr) 1fr 2fr;
}

@media (max-width: 600px) {
  .form-container-1,
  .form-container-2,
  .form-container-3 {
    grid-template-columns: 1fr;
  }
}




/* Linke Spalte */
.column-left label,
.column-left input {
    color: #009ED8FF;
	margin-top: 0px;
	margin-right: 10px;
}

.column-right label,
.column-right input {
    color: #009ED8FF;
	margin-top: 0px;
	margin-right: 10px;
}


.column-full-width label,
.column-full-width input {
    color: #009ED8FF;
	margin-top: 0px;
}

.column-full-width label {
	font-size: 24px !important;
	
}


.column-full-width {
	display: flex;
    align-items: flex-start;
    gap: 10px; /* Abstand zwischen Label und Input */
}


/* Mittlere Spalte */
.column-middle label,
.column-middle input {
    color: #009ED8FF;
	margin-top: 00px;
}

.column-middle label {
/* margin-top: 20px; */

}

/* Rechte Spalte */
.column-right label {
    color: #009ED8FF;
	/* margin-top: 20px; */

}

div.form-container.full-width label {
	color: #009ED8FF;
	margin-top: 20px;
}

.form-container.full-width {
    flex-direction: column !important; /* Vertikale Anordnung für diesen speziellen Container */
}

/* Allgemeine Eingabefelder */
.form-column input[type="text"],
.form-column input[type="date"],
.form-column input[type="number"],
.form-column input[type="file"] {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
}

.form-row {
    display: flex;
    align-items: center;
    gap: 10px; /* Abstand zwischen Label und Input */
}

.form-row label {
    white-space: nowrap; /* Verhindert Umbrüche im Label */
}

/* Datei-Upload spezifisch */
.form-column input[type="file"] {
    padding: 6px;
    border: 2px dashed #999;
    background-color: #f9f9f9;
    height: 100% !important;
}

/* Responsivität */
@media (max-width: 768px) {
    .form-container {
        flex-direction: column;
    }
}

/* Rechte Spalte */
.column-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

/* Datei-Input-Feld nimmt 100% der Höhe der Spalte ein */
.column-right input[type="file"] {
    flex: 1;
    padding: 10px;
    border: 2px dashed #999;
    background-color: #f9f9f9;
    border-radius: 4px;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    box-sizing: border-box;
	min-height: 150px;
}

/* Optional: Datei-Upload Hover-Effekt */
.column-right input[type="file"]:hover {
    border-color: #009ED8FF;
    background-color: #eef7ff;
}


div.form-column .wpcf7 p {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 15px;
	margin-bottom: 10px;
}


form.wpcf7-form.init div.form-container p {

	margin-bottom: 0px;

}

div.checkbox-group label input {
	font-family: inherit;
    font-size: 20px;
    line-height: 20px;
    width: 20px;
    height: 20px;
}

.wpcf7-form .wpcf7-quiz, .wpcf7-form input[type="number"], .wpcf7-form input[type="date"], .wpcf7-form input.wpcf7-text {
	padding: 8px !important;
}

.checkbox-container {
    margin-top: 20px;
    text-align: left;
}

.checkbox-container h3 {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
}

.checkbox-group {
    display: flex;
    justify-content: start;
    gap: 20px;
}

.checkbox-group label, div.dropdown-item label, .input-label   {
    font-size: 18px;
	color: #009ED8FF;
	margin-right: 10px;
}

.checkbox-container-5-columns {
    margin-top: 20px;
}

.checkbox-group-5-columns {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* 5 Spalten */
    gap: 10px; /* Abstand zwischen den Checkboxen */
}


@media (max-width: 768px) {
    .input-container { /* Falls vorhanden, den umgebenden Container anpassen */
        display: flex;
        flex-wrap: wrap;
    }
    .input-label {
        flex: 1 1 100%; /* Volle Breite erzwingen */
        margin-bottom: 8px;
    }
}

select {
	padding: 8px;
}

.checkbox-group-5-columns label {
    display: block;
    font-size: 18px;
    cursor: pointer;
}

.wpcf7-form input[type="checkbox"] {
	margin-right: 4px;
	accent-color: #009ED8FF; /* Setzt die Farbe der Checkbox */
}

.checkbox-group-5-columns input[type="checkbox"] {
    accent-color: #009ED8FF; /* Setzt die Farbe der Checkbox */
}

.checkbox-group-5-columns {
    display: flex;
    flex-wrap: wrap; /* Für mehrzeilige Darstellung bei kleinen Bildschirmen */
}

.custom-checkbox {
    position: relative;
    padding-left: 30px; /* Platz für die benutzerdefinierte Checkbox */
    cursor: pointer;
    display: inline-block;
    margin: 5px;
}

.custom-checkbox input[type="checkbox"] {
    opacity: 0; /* Verstecke die Standard-Checkbox */
    position: absolute; /* Positioniere sie außerhalb */
    cursor: pointer;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px; /* Höhe der benutzerdefinierten Checkbox */
    width: 20px; /* Breite der benutzerdefinierten Checkbox */
    border: 2px solid #009ED8FF; /* Umrandungsfarbe */
    background-color: #ffffff; /* Hintergrundfarbe */
}

.custom-checkbox input[type="checkbox"]:checked ~ .checkmark {
    background-color: #009ED8FF; /* Hintergrundfarbe wenn die Checkbox aktiviert ist */
}

.checkbox-group-5-columns {
    display: flex;
    flex-wrap: wrap; /* Ermöglicht mehrzeilige Anordnung */
}

.custom-checkbox {
    position: relative;
    padding-left: 30px; /* Platz für die benutzerdefinierte Checkbox */
    cursor: pointer;
    display: inline-block;
    margin: 5px;
    width: calc(20% - 10px); /* 5 Spalten: 20% Breite minus Margin */
}

.custom-checkbox input[type="checkbox"] {
    opacity: 0; /* Verstecke die Standard-Checkbox */
    position: absolute; /* Positioniere sie außerhalb */
    cursor: pointer;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px; /* Höhe der benutzerdefinierten Checkbox */
    width: 20px; /* Breite der benutzerdefinierten Checkbox */
    border: 2px solid #009ED8FF; /* Umrandungsfarbe */
    background-color: #ffffff; /* Hintergrundfarbe */
}

.custom-checkbox input[type="checkbox"]:checked ~ .checkmark {
    background-color: #009ED8FF; /* Hintergrundfarbe, wenn die Checkbox aktiviert ist */
}

.input-container {
    display: flex; /* Flexbox für die horizontale Anordnung */
    align-items: center; /* Vertikale Ausrichtung der Elemente zentrieren */
    margin-bottom: 15px; /* Abstand nach unten */
}

.input-container label {
    flex: 0 0 auto; /* Label hat eine feste Breite */
    margin-right: 10px; /* Abstand zwischen Label und Eingabefeld */
}

.input-container input[type="text"] {
    flex: 1; /* Eingabefeld nimmt den verbleibenden Platz ein */
    padding: 8px; /* Innenabstand im Eingabefeld */
    border: 1px solid #ccc; /* Rand des Eingabefelds */
    border-radius: 4px; /* Leichte Abrundung der Ecken */
}

.dropdown-container {
    display: flex;
    justify-content: space-between; /* Verteilt den Platz gleichmäßig zwischen den Spalten */
    margin-top: 20px; /* Optionaler Abstand nach oben */
}

.dropdown-column {
    flex: 1; /* Jede Spalte nimmt den gleichen Platz ein */
    margin-right: 10px; /* Abstand zwischen den Spalten */
}

.dropdown-column:last-child {
    margin-right: 0; /* Entfernt den rechten Abstand der letzten Spalte */
}


.additional-input {
    margin-left: 10px; /* Abstand zwischen Checkbox und Eingabefeld */
    width: 100px; /* Breite des Eingabefeldes */
}

.radio-container {
   
}

.radio-container label {
    display: flex; /* Für Inline-Feld-Ausrichtung */
    align-items: center; /* Vertikale Zentrierung im Label */
    gap: 10px; /* Abstand zwischen Checkbox und Text */
}

.radio-container [group] {
    grid-column: span 2; /* Eingabefelder über die gesamte Breite */
    display: flex;
    align-items: center;
    gap: 10px;
}

label span.wpcf7-list-item-label {
	font-size: 18px;
}

.laufweite-class {
    display: flex;
    align-items: center;
    gap: 5px; /* Abstand zwischen Symbol, Eingabefeld und Maßeinheit */
}
.laufweite-class2 {
    width: 20px; /* Breite des Eingabefelds */
}

.wpcf7-form .wpcf7-form-control-wrap .special-width {
	width: 160px !important;
}

.form-column.full-width .wpcf7-form-control-wrap {
  width: 100% !important;
  max-width: 100%;
}

.form-column.full-width textarea {
  width: 100% !important;
  box-sizing: border-box;
}



.radio-container .wpcf7-list-item {
    display: flex;
    align-items: center; /* Zentriert den Radiobutton und das Label vertikal */
}

.input-unit-group {
  display: inline-flex;
  align-items: center;
  gap: 4px; /* Abstand zwischen Feld und Einheit */
}
.unit {
  margin-left: 4px;
  white-space: nowrap;
}



@media (max-width: 768px) {
.radio-container .wpcf7-list-item {
	display: flex;
	align-items: center;
}
}

.radio-container .wpcf7-list-item {
	display: flex;
	align-items: flex-start;
}

.radio-container .wpcf7-list-item-label {
    margin-left: 8px; /* Abstand zwischen Radiobutton und Labeltext */
}

/* Optional: Stile für das Eingabefeld, wenn sichtbar */
.laufweite-class {
    margin-top: 10px; /* Abstand über dem Eingabefeld */
    grid-column: span 2; /* Nimmt die gesamte Breite des Grids ein */
}

.laufweite-class2 {
    width: 60px; /* Breite des Eingabefelds */
    margin-left: 5px; /* Abstand zwischen ∅ und dem Eingabefeld */
    margin-right: 5px; /* Abstand zwischen dem Eingabefeld und mm */
}

[data-class="wpcf7cf_group"],
.wpcf7cf_remove,
.wpcf7cf_add {
    display: inline !important; /* Stelle sicher, dass die Gruppe immer angezeigt wird */
}



.laufweite-group {
    margin-top: 0px;
    grid-column: span 2; /* Volle Breite */
	margin-left: 5px;
}

.laufweite-class2 {
    width: 80px;
}

.radio-container .wpcf7-form .wpcf7-form-control-wrap {
    width: 157px; /* Setzt die Breite nur für die Formularelemente innerhalb der radio-container */
}
.radio-grid {
    display: grid;
    grid-template-columns: 50% 50%; /* Setzt die Spaltenbreite auf 50% */
    gap: 10px; /* Abstand zwischen den Spalten */
}

.form-column input  {
	margin-bottom: 10px;
}

.radio-container .wpcf7-form-control-wrap {
    /* width: 100% !important;
    min-width: 100% !important; */
}

label {
	font-size: 18px;
	color: #009ED8FF;
}

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

.input-container {
    display: flex;               /* Flexbox aktivieren */
    align-items: center;        /* Vertikale Zentrierung */
}

.input-label {
    margin-right: 10px;         /* Abstand zwischen Label und Eingabefeld */
    flex: 0 0 auto;             /* Label hat feste Breite */
}

.input-field {
    flex: 1;                    /* Eingabefeld nimmt den restlichen Platz ein */
    min-width: 0;               /* Verhindert Überlauf */
    padding: 8px;               /* Innenabstand für das Eingabefeld */
}

.form-group {
	margin-bottom: 15px;
	display: flex;
	align-items: center;
}

.length-range {
    display: flex;
    align-items: center;
    gap: 5px;
}

.form-group .length-range .length-input {
    width: 120px !important; /* Wendet die Breite trotz globaler Regel an */
}

#drawingCanvas {
    width: 100%;
    height: auto; /* Behält das Seitenverhältnis bei */
    border: 1px solid #ccc; /* Optional: Rahmen für bessere Sichtbarkeit */
    display: block; /* Entfernt unerwünschte Inline-Space */
    max-width: 100%; /* Verhindert Überschreitung des Containers */
}

.checkbox-group-4-columns .wpcf7-list-item {
  width: 25%;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  margin-top: 15px !important;
}
@media (max-width: 800px) {
  .checkbox-group-4-columns .wpcf7-list-item { width: 50%; }
}
@media (max-width: 480px) {
  .checkbox-group-4-columns .wpcf7-list-item { width: 100%; }
}

.length-inline {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}

@media (max-width: 600px) {
  .length-inline {
    flex-direction: column;
    align-items: stretch;
    gap: 0.5rem;
  }
  .nowrap {
    white-space: normal;
  }
}

.length-inline .inline-label {
  margin-right: 0.5em;
  /* weitere Styles wie Farbe oder font-weight individuell einstellen */
}
.length-inline .nowrap {
  white-space: nowrap;
}
.length-input {

}

.length-input {
  width: 100px !important;     /* Oder je nach Bedarf auch 60px, 100px etc. */
  min-width: 0 !important;
  max-width: 120px;
  box-sizing: border-box;
}




@media screen and (max-width: 768px) {
    .form-container {
        display: flex;
        flex-direction: column;
    }

    .form-column {
        width: 100%;
    }

    .dropdown-container, 
    .checkbox-container {
        flex-direction: column;
    }

    .checkbox-group-5-columns {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .checkbox-group-5-columns label {
        width: 48%; /* Zwei pro Zeile */
    }
}

@media (max-width: 768px) {
    .checkbox-group-5-columns label {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    label {
        display: block;
        margin-top: 15px;
    }

    select, input[type="radio"] {
        /* width: 100%; */
    }

    .radio-container {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }
}

.checkbox-group {
    display: flex;
    gap: 10px;
    align-items: center;
}

.checkbox-title {
  white-space: nowrap;
}

.checkbox-group label {
    display: flex;
    align-items: center;
    gap: 8px;
	margin-right: 8px !important;
	line-height: 1.1 !important;
}

.gem-button, input[type="submit"] {
	
	margin-left: 0px;
	margin-top: 40px;
	
}

@media (max-width: 768px) {
    .form-container {
        display: flex;
        flex-direction: column;
    }

    .form-column {
        width: 100%;
    }

    .form-group {
        flex-direction: column;
        align-items: flex-start;
    }

    .length-range {
        align-items: flex-start;
        gap: 3px;
    }

    .form-group .length-range .length-input {
        width: 100%;
        max-width: 200px;
    }
}


@media (max-width: 768px) {
    .checkbox-group label {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .radio-grid {
        display: block; /* Ändere das Grid-Layout zu Block */
    }
    .radio-grid label {
        width: 100%; /* Setze die Breite der Labels auf 100 % */
        box-sizing: border-box; /* Stelle sicher, dass Padding und Border zur Breite zählen */
    }
}


.submit-button {
    display: inline-block; /* Stelle sicher, dass der Button angezeigt wird */
    background-color: #009ED8; /* Füge einen Hintergrund hinzu */
    color: white; /* Füge eine Textfarbe hinzu */
    padding: 10px 20px; /* Füge etwas Padding hinzu */
    border: none; /* Entferne den Rahmen */
    border-radius: 5px; /* Abgerundete Ecken */
    cursor: pointer; /* Ändere den Cursor, wenn darüber hoverst */
}

.submit-button:hover {
    background-color: #007BBA; /* Ändere die Hintergrundfarbe beim Hover */
}


@media (max-width: 768px) {
    .form-group .length-range .length-input {
        width: 100px !important;
		margin: 0 5px; /* Abstand zwischen den Eingabefeldern */
    }
}

.inline-label {
  white-space: nowrap;    /* verhindert Zeilenumbruch */
  margin-right: 16px;     /* Abstand zum ersten Radio */
}




div.form-container.form-container-two-columns div.form-column.column-left-alternative div.radio-option {
    display: block !important;
}



  .form-container-two-columns {
    display: block !important; /* Grid für Print-Modus ausschalten */
  }
  .form-container-two-columns > * {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
    margin-bottom: 1em !important; /* Ggf. Abstand zwischen Spalten */
  }

  .wpcf7-response-output {
	display: block !important;
	opacity: 1 !important;
	visibility: visible !important;
	color: #f43012 !important;
	height: auto !important;

	font-family: 'Averta Regular', Arial, Helvetica, sans-serif !important;
	font-weight: 500 !important;
	font-size: 24px !important;
	margin-top: 30px !important;
	margin-bottom: 50px !important;

	border: 3px solid #f43012 !important;
	border-radius: 8px;
	padding: 28px 32px 28px 32px;
	box-sizing: border-box;
	background: #fff;
}