/*
Theme Name:     deutronic_V02
Description:    
Author:         Thomas Vonier
Template:       Divi

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

h2{
    margin-bottom:20px;
}
.post-meta {font-size:13px;}


@media only screen and (max-width: 979px) { 
    h1, h2, h3{font-size:25px !important;}
}

sup {
    font-size: 60%;
}

.pro-search h4 {
    color: #fff;
}

/* Anpapssungen Testsysteme */
.produktkategorien-testsystem h1,
.produktkategorien-customer-specific-examples h1{
    font-size:40px !important;
}
.produktkategorien-testsystem .product-element h2 > a,
.produktkategorien-customer-specific-examples h2 > a{
    min-height: 80px;
}

/* Removing the Divi Theme Dividing Line
---------------------------------------------------------------- */
.container:before { background-color:transparent !important; }
.et_pb_widget_area_right { border-left:0 !important; }
.et_pb_widget_area_left { border-right:0 !important; }



.et_pb_section_first {
    padding-bottom: 0 !important;
}


/* Flex Row -->  vertical align middle */
@media (min-width: 980px){
.flexrow{
    display: flex;
    padding: 10px 0;
    }
.flexrow .et_pb_column {
    margin: auto;
}
}



/* submenu */

/* Increase width of drop-down menus */
@media screen and (min-width: 981px) {
.inpage-nav .sub-menu {
	min-width: 300px;
}
.inpage-nav .et-menu li li a{
    width: 300px !important;
    }
}

/* List Style Quadrate
---------------------------------------------------------------- */
.et_pb_row.cat-desc ul,
.et_pb_section ul{
    list-style: none !important;
}

.et_pb_row.cat-desc ul li:before, 
.et_pb_section ul:not(.et_pb_tabs_controls) li:before{
    color: #db1037;
    content: "✓";
    display: inline-block;
    width: 1.2em;
    margin-left: -1.2em;
    font-weight:900;
}

/*Listen bei denen kein Quadrat vorangestellt werden soll */
.et-menu-nav ul.et-menu.nav li:before,
.pro-search li:before,
.anwendung-list ul li:before,
.page-download ul li:before,
.wpcf7-form ul li:before,
.widget_recent_entries li:before{
    content:none !important;
    margin-left:0;
    padding-left:0 !important;
}

/* Slider Homepage & Header
---------------------------------------------------------------- */
.home .et_pb_post_title.et_pb_featured_bg {
  /*  padding: 30% 8% 5%; */
    padding: 0% 8% 0 0!important;
}

.home-slider .et_pb_slider_container_inner .et_pb_slide_description,
.et_pb_slider_container_inner .et_pb_slide_description{
    padding:8% !important;
}



.et_pb_post_title.et_pb_featured_bg {
   /* padding: 25% 8% 10% !important;*/
   padding: 15% 8% 10% 0 !important;
}
.home .et_pb_slide_content h1,
.et_pb_slide_description h2.et_pb_slide_title,
.et_pb_featured_bg h1.entry-title{
    font-size: 40px !important;
    font-weight: 600 !important;
    color: #fff !important;
    width: auto;
    background: rgba(10,10,10,0.5);
    text-align: left;
    float: right;
    padding: 30px;

   /* text-transform: uppercase; */
}


.home-slider .et_pb_slide_content p,
.home-slider .et_pb_slide_content {
    text-align: right !important;
    display: block;
    padding-bottom: 10px;
}

    
@media only screen and (max-width: 979px) { 
    .home-slider .et_pb_slide,
    .home-slider.et_pb_slider{
        height: 300px !important;
        max-height: 300px !important;
    }
    .home-slider .et_pb_slide_content h1,
    .et_pb_slide_description h2.et_pb_slide_title,
.et_pb_featured_bg h1.entry-title{
        text-align: center !important;
         background: rgba(10,10,10,0.5) !important;
        padding:10px;
        float:none;
        font-size:25px !important;
    }
    .home-slider .et_pb_slide_content p {
    text-align: center !important;
    display: block;
    padding-bottom: 10px;
}
}

@media only screen and (min-width: 979px) { 
/*icon für Business Unit*/
.page-charging-technology .et_pb_post_title .et_pb_title_container:after,
.page-transportation .et_pb_post_title .et_pb_title_container:after,
.page-logistics .et_pb_post_title .et_pb_title_container:after,
.page-test-automation .et_pb_post_title .et_pb_title_container:after,
.page-alles-aus-einer-hand .et_pb_post_title_0_tb_body .et_pb_title_container:after,
.page-service-weltweit .et_pb_post_title_0_tb_body .et_pb_title_container:after,

.page-nachhaltigkeit .et_pb_post_title_0_tb_body .et_pb_title_container:after,
.page-mehrwert-firmenverbund .et_pb_post_title_0_tb_body .et_pb_title_container:after,

.page-everything-from-a-single-source .et_pb_post_title_0_tb_body .et_pb_title_container:after,
.page-service-worldwide .et_pb_post_title_0_tb_body .et_pb_title_container:after,
.page-sustainability .et_pb_post_title_0_tb_body .et_pb_title_container:after,
.page-added-value-of-our-company-group .et_pb_post_title_0_tb_body .et_pb_title_container:after,
.page-deutronicsystems .et_pb_post_title .et_pb_title_container:after,
.page-systemlieferant .et_pb_post_title .et_pb_title_container:after,
.page-lohnfertigung-pcb .et_pb_post_title .et_pb_title_container:after

{
    color: #fff;
    text-align: right;
    display: block;
    position: absolute;
    right: 30px;
    bottom: 20px;
}

.page-charging-technology .et_pb_post_title .et_pb_title_container:after{
    content: url(/wp-content/uploads/2021/01/Charging-Icon-1.png);
}
.page-transportation .et_pb_post_title .et_pb_title_container:after{
    content: url(/wp-content/uploads/2021/01/Transportation-Icon-1.png);
}
.page-logistics .et_pb_post_title .et_pb_title_container:after{
    content: url(/wp-content/uploads/2021/01/Logistics-Icon-1.png);
}
.page-test-automation .et_pb_post_title .et_pb_title_container:after{
    content: url(/wp-content/uploads/2021/01/Test-Automation-Icon-1.png);
}
.page-alles-aus-einer-hand .et_pb_post_title_0_tb_body .et_pb_title_container:after,
.page-service-weltweit .et_pb_post_title_0_tb_body .et_pb_title_container:after,
.page-nachhaltigkeit .et_pb_post_title_0_tb_body .et_pb_title_container:after,
.page-mehrwert-firmenverbund .et_pb_post_title_0_tb_body .et_pb_title_container:after,

.page-everything-from-a-single-source .et_pb_title_container:after,
.page-service-worldwide .et_pb_post_title_0_tb_body .et_pb_title_container:after,
.page-sustainability .et_pb_post_title_0_tb_body .et_pb_title_container:after,
.page-added-value-of-our-company-group .et_pb_post_title_0_tb_body .et_pb_title_container:after{
        content: url(/wp-content/uploads/2021/01/more-1.png);
    }

.page-deutronicsystems .et_pb_post_title .et_pb_title_container:after,
.page-systemlieferant .et_pb_post_title .et_pb_title_container:after,
.page-lohnfertigung-pcb .et_pb_post_title .et_pb_title_container:after {
        content: url(/wp-content/uploads/2024/06/DEUTRONICsystems_110x110.png);
    }


}

/* Slier bei News - hier normale Überschrift*/
.blog-slider h2.et_pb_slide_title{
    float:none;
    padding:0 !important;
    background:none !important;
    
}


/* Colors of Categories Anwendung
---------------------------------------------------------------- */
/* Button */
    

    
.et_pb_section.inpage-nav,
.inpage-nav .et_pb_row{
    /*background: #000;*/
    padding:0 !important;
    }

.et_pb_section.et_pb_section_1_tb_body.inpage-nav.more-nav.et_pb_with_background.et_section_regular {
    z-index: 110 !important;
}
    
.inpage-nav a{
    color:#fff !important;
}
.inpage-nav li{
    padding:30px 20px 25px !important;
    margin-top:0 !important;
        
}
.inpage-nav li.current-menu-item,
.inpage-nav li.current-menu-ancestor,
.page-produktsuche .inpage-nav .product-search,
.term-produktion .inpage-nav .menu-item-12764
{
    background-color: #db1037;
    text-decoration:none;
}

.inpage-nav.more-nav li.current-menu-item{
    background-color: #cbd100;
}

.inpage-nav.dssystem-nav li.current-menu-item{
    background-color:#39a53f;
}

 /* Nur für Full Width Slider 'Anwendungen' */
.et_pb_section_parallax .et_pb_slide_content a,
    .et_pb_slide_content a{
    border: 4px solid #fff !important;
    padding: 10px 50px;
    margin-top: 20px !important;
    border-radius: 5px;
    font-size: 25px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
   display:block;
}

.home .et_pb_slide_content h1 {}
.home .et_pb_slide_content h1 a {border:none !important; padding:0 !important; font-size:40px;}
@media only screen and (max-width: 979px){
    .home .et_pb_slide_content h1 a {font-size:25px;}
}

@media (max-width: 980px){
    .et_pb_section_parallax .et_pb_slide_content a,
    .et_pb_slide_content a{
    padding: 10px 5px;
    font-size: 20px;
    }
}


.page-charging-technology .et_pb_slider a,
.page-charging-technology .inpage-nav li.current-menu-item{
   background:#ff7400;
}
/*Quick Fix im Englischen erscheint eine HIntergrundfarbe die da nicht hingehört */
.home.page-charging-technology .et_pb_slider a{background:none;}

.page-transportation .et_pb_slider a,
.page-transportation .inpage-nav li.current-menu-item{
    background:#fcc70d;
}

.page-logistics .et_pb_slider a,
.page-logistics .inpage-nav li.current-menu-item{
    background:#8e4294;
}

.page-test-automation .et_pb_slider a,
.page-test-automation .inpage-nav li.current-menu-item{
   background: #4f9ad4;
}
.archive .featureimage{
    border-color: #db1037;
}


/*Anpassungen für mobile */
.page-charging-technology .inpage-nav .et_mobile_menu li.current-menu-item,
.page-transportation .inpage-nav .et_mobile_menu li.current-menu-item,
.page-logistics .inpage-nav .et_mobile_menu li.current-menu-item,
.page-test-automation .inpage-nav .et_mobile_menu li.current-menu-item,

.inpage-nav .et_mobile_menu li.current-menu-item,
.inpage-nav .et_mobile_menu li.current-menu-ancestor,

.inpage-nav.more-nav .et_mobile_menu li.current-menu-item

{
   background: #fff!important;
}
.page-charging-technology .inpage-nav .et_mobile_menu li,
.page-transportation .inpage-nav .et_mobile_menu li,
.page-logistics .inpage-nav .et_mobile_menu li,
.page-test-automation .inpage-nav .et_mobile_menu li,

.inpage-nav .et_mobile_menu li,
.inpage-nav.more-nav .et_mobile_menu li{
    padding:0 !important;
    margin:0;
}

.page-charging-technology .inpage-nav .et_mobile_menu li:before,
.page-transportation .inpage-nav .et_mobile_menu li:before,
.page-logistics .inpage-nav .et_mobile_menu li:before,
.page-test-automation .inpage-nav .et_mobile_menu li:before,

.inpage-nav .et_mobile_menu li:before,
.inpage-nav.more-nav .et_mobile_menu li:before{
    content:none !important;
    margin-left:0;
    padding-left:0 !important;
}
.page-charging-technology .inpage-nav .et_mobile_menu li a,
.page-transportation .inpage-nav .et_mobile_menu li a,
.page-logistics .inpage-nav .et_mobile_menu li a,
.page-test-automation .inpage-nav .et_mobile_menu li a,

.inpage-nav .et_mobile_menu li a,
.inpage-nav.more-nav .et_mobile_menu li a{
   color: #000!important;
}

/* Archive --> Anwendungen Link # für dynamische Auswahl wenn aktiv
---------------------------------------------------------------- */
.anwendung-list ul{
    padding-left:0 !important;
}
.anwendung-list ul li{
    float:left;
}

.anwendung-icon {
    display: block;
    width: 150px;
    height:150px;
    margin-right: 20px;
    text-indent: -999px;
    
    border: 5px solid #fff;
    border-radius: 20px;
    margin-right: 30px;
}

.anwendung-icon.charging{background-image:var(--wpr-bg-9e991309-84e1-4a71-8743-e10b1355a73f);}
.anwendung-icon.transportation{background-image:var(--wpr-bg-af351157-e6a7-4205-968e-6aa881cd8899);}
.anwendung-icon.logistics{background-image:var(--wpr-bg-06448b1d-b3d3-427b-ab66-16c752434df6);}
.anwendung-icon.automation{background-image:var(--wpr-bg-39f88ce6-0e97-487f-bd11-2b6b08a997ed);}


/* Nur gülitg für Description */

.anwendung-balken img {
    border: 4px solid #fff;
    border-top-left-radius: 20px;
    width: 19%;
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    border-top-left-radius: 20px;
    margin-right:1%;
    margin-bottom:10px;
}
    
.anwendung-balken h2 {
    padding-top: 50px;
}
.anwendung-balken p img{
    margin-bottom: 100px !important;
}

@media only screen and (max-width: 979px) { 
    .anwendung-balken p img{
        width:100%;
        margin-bottom:20px !important;
    }
}

/* Navigation Menu in page
---------------------------------------------------------------- */
.inpage-nav a {
    font-size: 16px;
    font-weight: 600;
    /*text-transform: uppercase;*/
}

/* Header 
---------------------------------------------------------------- */
.et_header_style_left #et-top-navigation{
    padding-top: 23px;
}

#top-menu a {
    padding-bottom: 0!important;
    margin-bottom: 20px;
    /*text-transform: uppercase;*/
}

/* Button */
#top-menu .btn-contact a,
#top-menu .btn-contact.current-menu-item a,
.et-fixed-header #top-menu .btn-contact a,
.et-fixed-header #top-menu .btn-contact.current-menu-item a,
a.search-filter-reset,
.popmake-content .btn.red.large, 
.wpc_form input[type="submit"].wpc_submit,
.btn{
    background: #db1037 !important;
    padding: 8px 20px 11px !important ;
    color:#fff !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
    border:none !important;
}


a.link-btn {
    padding: 8px 20px;
    border-radius: 10px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 20px;
    color:#fff;
}
a.link-btn.green{
    background:#cbd100;

}


a.link-btn.red,
.wpc_form button.wpc_submit, .wpc_form input[type="button"].wpc_submit, .wpc_form input[type="submit"].wpc_submit{
   background:#db1037;

}

.popmake-content .btn.red.large{
        border:none;
        font-size:20px;
        text-transform: uppercase;
        font-weight: 800;
        min-width: 360px;
    }
    .popmake-content .btn.red.large:after{
        content:'';
    }

/* Produkt
Prüfen ob menu ID passt, falls Anzeige nicht stimmt! */
.tax-produktkategorien #menu-item-13413 a,
.et-fixed-header .tax-produktkategorien #menu-item-13413 a {
    color: #db1037;
}


#et-secondary-menu a {
    font-weight: normal;
}
div#top-header {
    border-bottom: 1px solid #cfcfcf;
}


#main-header.et-fixed-header {
    -webkit-box-shadow: 0px 2px 9px 0px rgba(0,0,0,0.5) !important;
    -moz-box-shadow: 0px 2px 9px 0px rgba(0,0,0,0.5) !important;
    box-shadow: 0px 2px 9px 0px rgba(0,0,0,0.5) !important;
}


#top-menu li.btn_contact a, #top-menu li.btn_contact.current-menu-item > a {
    color: #fff !important;
    background: #db1037;
    padding: 10px 15px !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-weight: 800;
    border:1px solid #000;
    -webkit-box-shadow: inset 0px 0px 0px 2px #fff; 
    box-shadow: inset 0px 0px 0px 2px #fff;
}



/* Top Header Bild - Produktarchive */
.archive .sb_mod_acf_single_item.clearfix {
    overflow: hidden;
    max-height: 600px;
}
.archive .sb_mod_acf_single_item img {
    width: 100% !important;
}
/* Sprachwahl - Sec Nav 
---------------------------------------------------------------- */
.wpml-ls-current-language span.wpml-ls-native {
    color: #000;
    font-weight: bold;
}



/* Breadcrumb */
.breadcrumb, .breadcrumb a {
    font-size: 14px;
    font-weight: normal;
}
.breadcrumb a{
    text-decoration:underline;
}


@media (max-width: 980px){
    .breadcrumb, .breadcrumb a {
    font-size: 12px !important; 
    }
}

/* Mega Menu - 5 Columns
---------------------------------------------------------------- */

#top-menu li.mega-menu.menu5 > ul > li:nth-of-type(5n) {
clear: none;
}
#top-menu li.mega-menu.menu5 > ul > li:nth-of-type(6n) {
clear: none;
}
#top-menu li.mega-menu.menu5 > ul > li {
width: 20%;
margin: 0;
}


/* Mega Menu - 6 Columns
---------------------------------------------------------------- */

#top-menu li.mega-menu.menu6 > ul > li:nth-of-type(5n) {
clear: none;
}
#top-menu li.mega-menu.menu6 > ul > li:nth-of-type(7n) {
clear: none;
}
#top-menu li.mega-menu.menu6 > ul > li {
width: 16%;
margin: 0;
}




#top-menu li.mega-menu > ul > li > ul > li a {
    font-size: 15px !important;
    line-height: 1.2;
    padding: 6px 0px;
}

#top-menu li.mega-menu > ul > li > a {
    width: 100%;
    padding: 0 0px 10px;
}

/* Menu Dropdown
---------------------------------------------------------------- */
.nav li ul{
    width:240px;
    padding:0;
}

#top-menu li ul,
#et-secondary-menu li ul,
.et-db #et-boc .et-l .inpage-nav .et-menu li ul{
    padding:0 !important;
    margin:0 !important;
}
#top-menu li li,
#et-secondary-menu li li,
.et-db #et-boc .et-l .inpage-nav .et-menu li li{
    padding: 0 !important;
    margin: 0 !important;
}
#top-menu li li a,
.et-db #et-boc .et-l .inpage-nav .et-menu li li a{
    width:240px;
    margin-bottom: 5px;
    border-top:1px solid #ccc;
    font-size:100%;
    color:#707a7e !important;
}

.et-db #et-boc .et-l .inpage-nav .et-menu li li.current-menu-item a{
    color:#fff !important;
}


/* Produktseite */
/* PDF download 
---------------------------------------------------------------- */
.pdf-download a {
    background: rgba(0, 0, 0, 0) var(--wpr-bg-30c1a2f1-4174-4dfd-8437-5bf42acffd4f) no-repeat scroll left center / 50% auto;
    display: block;
    height: 80px;
    margin-bottom: 20px;
    padding-top: 102px;
    text-align: left;
    width: 130px;
}

a[href$=".pdf"]:before {
  font-family: FontAwesome;
  content: "\f1c1";
  padding-right:5px;
  color:#db1037;
}

/*Darstellung PDF Bild bei Service & Support*/
.service-form-box a[href$=".pdf"]:before{
    content:none;
}
.service-form-box{
    margin-bottom:10px;
}
.service-form-box a img {
    display: block;
}
.service-form {
    margin-bottom: 50px;
}

.service-support h3 {
    border-bottom: 1px solid;
    margin: 30px 0 20px;
}


/* PDF Download - Sprachwahlabhängig
---------------------------------------------------------------- */
:lang(en-GB) .content-de{display:none;}
:lang(de) .content-en{display:none;}


/* Infobox */
.btn a {
    color: #676f72;
    border: 1px solid #fff;
    background:#fff;
    padding:5px;
    display:block;
}
.btn a:hover {
    color: #fff;
    border: 1px solid #fff;
    background:#676f72;
}

.content-de .sb_mod_acf_table_item_label_row,
.content-en .sb_mod_acf_table_item_label_row{
    display: none;
}

/* Ausblenden der Tech Spec Tabelle bei Testsystemen
---------------------------------------------------------------- */
.produktkategorien-testsystem .et_pb_module.et_pb_acf_table.et_pb_acf_repeater_table{
    display: none;
}
.produktkategorien-testsystem .et_pb_module.et_pb_image img {
        width:auto;
        max-height:170px;
    }

/* 4 columns - blog
---------------------------------------------------------------- */

.dl-blog-module1 .et_pb_ajax_pagination_container {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(4, 1fr);
}
.dl-blog-module1 .et_pb_ajax_pagination_container>div {
    grid-column: span 4;
}

.dl-blog-module1 article {
    border: 1px solid #ccc;
    padding: 20px;
    text-align: center;
    margin-bottom: 0 !important;
}

@media (max-width:980px) {
	.dl-blog-module1 .et_pb_ajax_pagination_container {
		grid-template-columns: repeat(3, 1fr);
	}
	.dl-blog-module1 .et_pb_ajax_pagination_container>div {
		grid-column: span 3;
	}
}


@media (max-width:600px) {
	.dl-blog-module1 .et_pb_ajax_pagination_container {
		grid-template-columns: repeat(2, 1fr);
	}
	.dl-blog-module1 .et_pb_ajax_pagination_container>div {
		grid-column: span 2;
	}
}

@media (max-width:460px) {
	.dl-blog-module1 .et_pb_ajax_pagination_container {
		grid-template-columns: repeat(1, 1fr);
	}
	.dl-blog-module1 .et_pb_ajax_pagination_container>div {
		grid-column: span 1;
	}
}

/* TechSpek Tabelle 
---------------------------------------------------------------- */
.ts-table td:first-child {
    color: #333333;
    font-weight: 900;
    padding-left: 5px !important;
}

.ts-table tr {
    border-bottom: 1px solid;
}



/* Formular
----------------------------------------------------------- */
.one-half,
.one-third {
    position: relative;
    margin-right: 4%;
    float: left;
    margin-bottom: 20px;
 
}
 
.one-half { width: 48%; }
.one-third { width: 30.66%; }
 
.last {
    margin-right: 0 !important;
    clear: right;
}

div.wpcf7 {
    /*background: #f4f4f4 none repeat scroll 0 0;*/
    margin: 0;
    padding: 40px 20px;
    color:#fff;
}

div.wpcf7 h5{
    color:#fff;
    font-weight: bold;
}
div.wpcf7 a{
    color:#fff;
    text-decoration: underline;
}

.wpcf7_row {
  display: flex;
  flex-wrap: wrap;
}

.wpcf7_row{
	margin-bottom:5px;
	}
.wpcf7-form label {
    flex: 1 0 180px;
  	max-width: 180px;
}
.formfield{
  flex: 1 0 220px;
}

@media only screen and (max-width: 970px) {
    .one-half, .one-third {
        width: 100%;
        margin-right: 0;
    }
}


input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input.text, input.title, textarea, select{
	font-size: inherit;
	width:100%;
	padding:5px;
	border-radius:3px;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.1) inset;
	border-width:2px;
    background:#ccc;
}

.wpcf7-form-control.wpcf7-submit {
    background: #db1037;
    border: medium none;
    border-radius: 3px;
    color: #ffffff;
    font-size: 100%;
    font-weight: 900;
    padding: 3px 15px;
    line-height:1.7em;
    cursor:pointer;
}


input[type="text"].wpcf7-form-control:hover,
textarea.wpcf7-form-control:hover,
input[type="email"].wpcf7-form-control:hover,
input[type="file"].wpcf7-form-control:hover,
input[type="tel"].wpcf7-form-control:hover{
    background: #fff;
    transition: ease-in-out, background .2s ease-in-out
}
input[type="text"].wpcf7-form-control:focus,
textarea.wpcf7-form-control:focus,
input[type="email"].wpcf7-form-control:focus,
input[type="file"].wpcf7-form-control:focus,
input[type="tel"].wpcf7-form-control:focus{
    background: #fff;
}


.btn_submit {
    clear: both;
    text-align: right;
}

/* Error */
.wpcf7-validation-errors {
    background: #ff0000 none repeat scroll 0 0;
    color: #ffffff;
    border:none !important;
}

.wpcf7-not-valid{
	border-color:red !important;
	}
.wpcf7-not-valid-tip{
	display:none !important;
	}
	
/* Success */
.wpcf7-mail-sent-ok{
	background: #8fc106;
	color: #ffffff;
    border:none !important;
	}

.wpcf7-form h3, .wpcf7-form h4 {color:#fff;}


/* Vorschau (Archiv) - Stellenanzeige
------------------------------------------------------------------- */
.stellenanzeigen-vorschau h2,
.search-filter-result-item h2{
    margin-bottom: 0px;
    margin-top:0;
    font-size: 16px;
    font-weight: 900;
    color:#de363e
}

.stellenanzeigen-vorschau .et_pb_module,
.search-filter-result-item .et_pb_module {
    margin-bottom: 0 !important;
}

.stellenanzeigen-vorschau .et_pb_column.et_pb_column_3_4,
.search-filter-result-item .et_pb_column.et_pb_column_3_4 {
    line-height: 1.2em;
}

.stellenanzeigen-vorschau .stellen-meta
{
    float: left;
    text-align:left;
    width: 120px;
    color: #8fc106;
    margin-left:20px;
}

.stellen-meta-post .sb_mod_acf_single_item::before,
.stellen-meta-post::before,
.clearfix.et_pb_module.firma::before,
.clearfix.et_pb_module.anstellungsart::before,
.clearfix.et_pb_module.branche::before,
.clearfix.et_pb_module.einstieg::before{
    padding-right: 6px;
    font-family: "ETmodules";
    color:#8fc106;
}
.stellen-meta-post .sb_mod_acf_single_item{
    margin-right: 10px;
}
.ort .sb_mod_acf_single_item::before,
.clearfix.et_pb_module.firma::before{
    content: "\e081";
}
.art .sb_mod_acf_single_item::before,
.clearfix.et_pb_module.anstellungsart::before{
    content: "\e085";
}
.branche .sb_mod_acf_single_item::before,
.clearfix.et_pb_module.branche::before{
    content: "\e035";
}
.einstieg .sb_mod_acf_single_item::before,
.clearfix.et_pb_module.einstieg::before{
    content:"\e108";
}


/**/
/* Vorschau (Archiv) - Stellenanzeige
------------------------------------------------------------------- */


.stellen-meta-post .dmach-cat-title::before,
.stellen-meta-post::before,
.dmach-cat-title::before{
    padding-right: 6px;
    font-family: "ETmodules";
    color:#8fc106;
}
.stellen-meta-post .dmach-cat-title{
    margin-right: 10px;
}
.ort .dmach-cat-title::before,
.clearfix.et_pb_module.firma::before{
    content: "\e081";
}
.art .dmach-cat-title::before,
.clearfix.et_pb_module.anstellungsart::before{
    content: "\e085";
}
.branche .dmach-cat-title::before,
.clearfix.et_pb_module.branche::before{
    content: "\e035";
}
.einstieg .dmach-cat-title::before,
.clearfix.et_pb_module.einstieg::before{
    content:"\e108";
}
/**/

.stellenangebot-single,
.search-filter-result-item{
    padding:20px 30px !important;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
	 border-radius:5px;
    display:inline-block;
    width:100%;
    margin-top:20px;
}

.et_pb_row.et_pb_row_2_tb_body.stelleninfo {
    padding-top: 30px !important;
}
.stelleninfo .et_pb_module {
    float: left;
    padding-right: 20px;
}
}



/* Vorschau (Archive) - Produkte
------------------------------------------------------------------- */

.product-element ul li {
    line-height: 1.2;
    margin-bottom: 6px;
}


.product-element h2 > a {
    width: 100%;
    background: #db1037;
    max-width: 100%;
    display: block;
    padding: 10px;
    border:1px solid #db1037 !important;
}

.product-element h2 > a:hover {
    background: #fff !important;
    color: #db1037 !important;
}

/* Search Fields - Produkte
------------------------------------------------------------------- */
.pro-search .searchandfilter label {
    display: block;
}
/* Single Page - Anwendungen - grauer Bereich (don't move this part)
------------------------------------------------------------------- */

.anwendungen .et_pb_blurb_content h4, .anwendungen .et_pb_blurb_content, .anwendungen h2{
    color: #fff !important;
}
.anwendungen .et_pb_column .et_pb_module .et_pb_main_blurb_image{
    border: 2px solid #fff;
    padding:15px;
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    border-top-left-radius: 20px;
}

/* Kontakt Box
------------------------------------------------------------------- */
.et_pb_team_member {
    padding: 20px;
}

.et_pb_member_position{
    color:#000;
    font-weight:bold;
}


/* Blog Fullwidth to List 
------------------------------------------------------------------- */
/*add media query so changes only affect tablet and desktop*/

@media (min-width: 767px) {

/*set the image width*/

.blog .entry-featured-image-url  {
    width: 30% !important;
    float: left !important; 
    margin-bottom: 0!important;
}

/*set the details width*/

.blog .entry-title,
.blog .post-meta,
.blog .post-content{
    width: 70% !important;
    float: left !important;
    padding-left: 30px !important;
}
}

.blog h2.entry-title {
    margin-bottom: 0;
    padding-bottom: 0;
}
.blog .post-content-inner{
    line-height:1.4em;
}

.blog article {
    background: #fff;
}

/* Recent Post - im Blogtemplate */
.widget_recent_entries li {
    line-height: 1.3;
    padding-bottom: 10px;
}


/* Messe Termin
------------------------------------------------------------------- */
.messetermin .et_pb_blurb_content {
    margin-left: 0;
}

.messetermin .et_pb_blurb_position_left .et_pb_main_blurb_image {
    width: 350px !important;
    padding-right: 50px !important;
}


/* 
 *
 *
  Anpassung Größe Navigation
------------------------------------------------------------------- */

@media (max-width: 1390px) {
    .inpage-nav a {font-size:90%;}
    .inpage-nav li {padding: 20px 15px 15px !important;}
}
    

.inpage-nav{z-index:110 !important;}


/*  Darstellung Blogarchiv - Alternating Design
------------------------------------------------------------------- */
/*Alternating blog layout*/

/*Set the effect for screen sizes 980px and larger*/
@media only screen and (min-width: 980px) {
    .ds-alternating-blog .et_pb_post {
    background-color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    padding: 30px;
}

/*Add some hidden content to clear the floats and make our posts site on their own row*/
.ds-alternating-blog .et_pb_post:after {
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

.ds-alternating-blog .et_pb_post h2 {
    margin-top: 0;
}

/*This sets the odd post images to the left*/
.ds-alternating-blog .et_pb_post:nth-child(odd) img {
    float: left !important;
    overflow: hidden;
    width: calc(50% + 60px);
    height: auto;
    padding-right: 30px;
    margin: -30px 0 -30px -30px;
}

/*This sets the even post images to the right*/
.ds-alternating-blog .et_pb_post:nth-child(even) img {
    float: right;
    overflow: hidden;
    width: calc(50% + 60px);
    height: auto;
    padding-left: 30px;
    margin: -30px -30px -30px 0;
}

/*This sets the background color of the image ready for the hover effect*/
.ds-alternating-blog .et_pb_post img {  
    background:rgba(255,255,255,.75);
    opacity:1;
    -webkit-transition: opacity .25s ease;
    -moz-transition: opacity .25s ease;
    transition: opacity .25s ease;
}

/*This gives us the image opacity on hover*/
.ds-alternating-blog .et_pb_post img:hover {
    opacity: .5;
}     

/*This aligns the post text to the right on even posts*/    
.ds-alternating-blog .et_pb_post:nth-child(even) {
    text-align: right;
}
    
/*This sets the position of read more button on odd posts*/
.ds-alternating-blog .et_pb_post:nth-child(odd) a.more-link {
    display: block;
    clear: none;
    margin-left: calc(50% + 30px);
}

/*This sets the position of read more button on even posts*/
.ds-alternating-blog .et_pb_post:nth-child(even) a.more-link {
    display: block;
    clear: none;
    margin-left: calc(50% - 180px);
    }
}

/*This styles the read more button*/
.ds-alternating-blog a.more-link {
    border: 1px solid #000;
    width: 150px;
    color: #000;
    margin-top: 20px;
    padding: 10px;
    text-align: center;
}

/*This styles the readmore button on hover*/
.ds-alternating-blog a.more-link:hover {
    border: 1px solid #000;
    color: #fff !important;
    background: #000;
}

/*This changes the layout to stack posts on smaller screens*/
@media only screen and (max-width: 979px) {
    .ds-alternating-blog .et_pb_post {
    margin-bottom: 0;
}
   .ds-alternating-blog .et_pb_post a img {
    min-width: 100%;
}
    .ds-alternating-blog .et_pb_post .entry-featured-image-url {
    margin: -30px -30px 30px -30px;
}
    .ds-alternating-blog .et_pb_post {
        padding: 30px;
    }
}

/*This fixes a small margin issue with the post meta on small screens*/
@media only screen and (max-width: 479px) {
    .ds-alternating-blog .et_pb_post .post-meta {
    margin-top: 10px;
    }
}

/*  Newsletterbox in Sidebar (Widget)
------------------------------------------------------------------- */
.newslettewidget{
 /*   display: none; */
}

.newslettewidget {
    padding: 15px 5px 30px;
}
.newslettewidget h2{
    padding-bottom: 0;
    margin-bottom: 5px;
    font-weight: 600;;
}
.newslettewidget a{
    background: #db1037 !important;
    padding: 8px 20px 11px !important;
    color: #fff !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
    border: none !important;
    font-size:20px;
    text-transform: uppercase;
    font-weight: 600;
}

.newslettewidget a[href$=".pdf"]:before{
    color:#fff;
}


.newslettewidget img{
    box-shadow: 1px 4px 17px 2px rgba(0,0,0,0.75);
-webkit-box-shadow: 1px 4px 17px 2px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 4px 17px 2px rgba(0,0,0,0.75);
max-width: 80%;
}