/*body {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	font-weight: 300;
	color: #222222;
	background: #efefef;  
}

h1, nav, a, p {
	font-family: 'Roboto Condensed', sans-serif !important;
}

@media (min-width: 1200px) {
.navmenu a, .navmenu a:focus {
 font-weight: 300 !important;
 font-size: 20px !important;
}
}
 */

@media (min-width: 1200px) {
  .navmenu a, .navmenu a:focus {
   font-weight: 600 !important;
   font-size: 18px !important;
  }
}
 
.hero .feature-boxes .feature-box .feature-content .feature-text {
  font-size: 0.95rem;
  color: var(--default-color);
  margin-bottom: 0;
  font-weight:300 !important;
} 
 
.btn-getstarted {
  font-weight:600;
  font-size:18px !important;
}

h1.hero-title {
  text-transform:uppercase;
}

h1.hero-title span {
  text-transform:none;
  font-size:30px;
}
.service-content .features-list,
.extra-li-two .features-list {
  list-style:none;
}
.service-content .features-list li i,
.extra-li-two .features-list li i {
  color: var(--accent-color);
  margin-right: 0.75rem;
  font-size: 1.25rem;
}

.service-content ul {
  padding-left:0;
}

.service-content li {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  list-style:none;
  background: url("../img/check.png") no-repeat 0 2px;
  padding-left:30px;
  margin-bottom:20px;  
}

.bgcolor {
    background:#265dae;
}

.header .logo img {
  max-height: 46px;
  margin-right: 8px;
}

.header { 
    --background-color: rgba(38, 93, 174, 0.9);
 }
 
.scrolled .header {
    --background-color: rgba(38, 93, 174, 0.9);
} 

@media (min-width: 1200px) {
    .navmenu a, .navmenu a:focus, .navmenu a:hover {
        color: #ffffff;
    }
}

.header .btn-getstarted, .header .btn-getstarted:focus {
    background:#3cb700;
    text-transform:uppercase;
}

.header .btn-getstarted:hover, .header .btn-getstarted:focus:hover {
    color: var(--contrast-color);
    background:#3cb700;
}

@media (min-width: 1200px) {
    .navmenu li:hover>a, .navmenu .active, .navmenu .active:focus {
        color: #FFF;
    }
}


.search {
  background-color: #ffffff;
  border-color: #dddddd;
  color: #253237;
  transition: ease all 0.2s;

    padding-left: 20px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;    
    padding: 0.5625rem 0.5625rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    border: 1px solid #dddddd;    
}

button[type=submit] {
    background-color: #c20c0e;
    border: 1px solid #c20c0e;
}

.form-wrapper-typo3 {
    background:#05467b;

}

.detailform-header {
    background: #0a7cdb !important;
    padding: 15px 15px 15px 25px;
    color:#FFF;
}
.detailform-header h2 {
    color:#FFF;
    text-transform:uppercase;
}

.form-wrapper-typo3 input {
    padding:5px 25px 5px 25px;
    border:1px solid #c0c0c0;
    margin-bottom:5px;

}

.sidebarpmform fieldset {
    padding:25px;
}

.powermail_fieldset { float:left;width:300px; }

.powermail_submit {
    background:#3cb700;
    color:#FFF;
    border:0;
}


/*scroll top */


.portfolio-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 65px;
    display: block;
    align-items: center;
    top: 42%;
    text-align: center;
    padding:10px 25px 10px 25px;
    color: #FFF;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 32px;
    font-weight: 400;
    text-transform: none; 
    text-align:center;   
}

.portfolio-layer span { text-align:center; }

.portfolio-layer-automotive {
    background-color:rgba(90,180,215,0.5);
}

.portfolio-layer-railway {
    background-color:rgba(3,70,119,0.5);
}

.portfolio-layer-automation {
    background-color: rgba(212, 215, 244, 0.5);

}

.portfolio-layer-medical {
    background-color:rgba(170,228,231,0.5);
}

.extra-li ul li { display:inline-block;width:45%; }
.extra-li-two ul li { width:33% !important;}


@media (min-width: 1200px) {
    .header-search-btn { 
        position:absolute; 
        top:12px; 
        right:12px; 
        border-top-left-radius:0;
        border-bottom-left-radius:0; 
    }
    
    .header-search-btn:hover {
        background:#ba201a;
    }
}

@media (max-width: 1199px) {
    .mobile-nav-toggle {

        font-size: 28px;
        line-height: 0;
        margin-right: 10px;
        cursor: pointer;
        transition: color 0.3s;
    }
}

.flags img { padding:0 5px 0 0; !important;border-radius: 8px;
    overflow: hidden;
    transition: transform 0.3s ease;}
    
    
.main-header {
    border: 1px solid color-mix(in srgb, var(--accent-color), transparent 80%);
    border-radius: 12px;
}

.portfolio-overlay { background:none !important; }

.team .team-content {
    display:none;
}

/* buttons großbuchstaben */
button { text-transform:uppercase; }

/*form*/
/*
.contact .form-wrapper .input-group .input-group-text {
    background-color:var(--accent-color);
    color:#FFF;
}
*/

h1,h2,h3,h4,h5,h6 {
    text-transform:uppercase;
}

#footer {
    background:#24323b;
    color:#FFF;
}

#footer a,
#footer h1, 
#footer h2, 
#footer h3, 
#footer h4, 
#footer h5,
#footer .sitename {
    color:#FFF;
}

.copyright {
    /*background-color:var(--accent-color);*/
}

/* the form */
.detailform-header {
    background: #0a7cdb !important;
    padding: 15px 15px 15px 25px;
}

.modal-body { padding:0; }

.rounded {


}

.modal-content {

}

.contact .form-wrapper .input-group .input-group-text {
    color: #FFF;
    background-color: color-mix(in srgb, var(--default-color), transparent 96%);
    background-color: color-mix(in srgb, #265dae, transparent 96%);
    background-color: rgba(38,93,174,1); 
    border-radius: 8px 0 0 8px;
    padding: 12px 15px;
}

.team .team-card {
    height:auto !important;
}

.starter-section { background:#FFF; }
.section-grey { background:#f6f6f7; }

.starter-section .frame-default(even) {
    background:#FFF;
}

.frame-default(odd) {
    background:#f6f6f7;
}

.section .btn-visit:hover {
    background: 
 color-mix(in srgb, var(--accent-color), transparent 20%);
}
.section .btn-visit {
    padding: 8px 40px;
    background: var(--accent-color);
    color: var(--contrast-color);
    border-radius: 12px;
    transition: 0.3s;
    text-transform:uppercase;
}

.card-content input {
    padding: 15px 20px;
    border-radius: 8px;
    color: var(--contrast-color);
    transition: all 0.3s ease;
}

.card-content i,
.contact-form-wrapper i {
    font-size: 20px;
}

.card-content .input-group-text,
.card-content input,
.card-content textarea {
    background-color: rgba(255, 255, 255, 0.15);
    color: #FFF !important;
    border:0 !important;
}

.card-content input::placeholder,
.card-content textarea::placeholder {
    color:#FFF !important;
}

.card-content input:focus,
.card-content input:focus::placeholder,
.card-content textarea:focus,
.card-content textarea:focus::placeholder {
    color:#333 !important;
}

.card-content .partnumber-data .input-group-text,
.card-content .partnumber-data input,
.card-content .partnumber-data textarea {
    background-color: rgba(255, 255, 255, 0.3);

}

.card-content .partnumber-data input:focus,
.card-content .partnumber-data input:focus::placeholder,
.card-content .partnumber-data textarea:focus,
.card-content .partnumber-data textarea:focus::placeholder {
    color:#333 !important;

}


.contact-form-wrapper input,
.contact-form-wrapper .input-group-text,
.contact-form-wrapper textarea {
    background-color: rgba(255, 255, 255, 0.15) !important; 
    color:#FFF !important;
    border: 0 !important;
}

.contact-form-wrapper input:focus,
.contact-form-wrapper input:focus::placeholder,
.contact-form-wrapper textarea:focus,
.contact-form-wrapper textarea:focus::placeholder {
    color:#333 !important;
    background:#FFF !important;
}

.contact-form-wrapper input::placeholder,
.contact-form-wrapper textarea::placeholder {
    color:#FFF !important;
}



.submit-green {
    background-color:#3cb700 !important;
    color:#FFF !important;
    width:100% !important;
    padding:15px;
    font-size: 1rem;
    border:0 !important;
    margin-top:20px;
}

.add-partnumber .btn-primary {
    margin-top:15px;
    color:#333;
    background:#FFF;
    border-color:#FFF;
}

.flagge img, .grey { width:25px !important; }

#flagsWrapper img.grey {
    opacity: 0.4;
}

#livesearch {
    position: absolute;
    display: none;
    background-color: #FFF;
    margin: 1px 0 0 0;
    padding: 0px 0 20px 0;
    box-shadow: 1px 1px 1px #c0c0c0;
    min-height: 1px;
    height: auto;
    width: 261px;
    z-index: 0;
    -webkit-box-shadow: 10px 10px 33px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 10px 10px 33px 0px rgba(0,0,0,0.25);
    box-shadow: 10px 10px 33px 0px rgba(0,0,0,0.25);
    border: 1px solid
    color-mix(in srgb, var(--accent-color), transparent 80%);
    border-radius: 12px;   
    margin-top:-4px; 
    border-top-left-radius:0;
    border-top-right-radius:0;  
    max-height:600px;  
    overflow-y:scroll;
}
#livesearch a {
    display: block;
    padding: 10px 10px 10px 10px;
    background: #FFF;
    font-size: 14px;

    border-bottom:1px solid #d4dfef;
}

#livesearch a:hover {
    background:#3a6cb6;
    color:#FFF;
}

input.search-form:focus {
    border-color:#FFF;
}

#livesearch .ajax-img { display:none; }
.loader, .loader-wrapper, .loader { padding:10px; }


/* folgeseite - elementstylings */
#folgeseite .image {
    border:1px solid #c0c0c0;
}

#folgeseite .hero {
    padding-bottom:0;
    padding-top:0;
    margin-bottom:0;
}

#folgeseite .feature-boxes,
#folgeseite .rfq-button {
    display:none;
}

#folgeseite .mb-5 {
    margin-top:25px !important;
}

#folgeseite #starter-section { 
padding-top:0 !important; 
}

#folgeseite .frame:nth-child(odd) { background: #f4f7fb; }

#folgeseite .frame-news { padding-top:0 !important;padding-bottom:55px !important; }

#folgeseite .frame { padding-top:35px;padding-bottom:15px; }
#folgeseite .frame h2,
#folgeseite .frame h3 { padding-bottom:20px; }
#folgeseite .frame ul {
    margin-left:25px;
}

#folgeseite .frame h3 { margin-top:15px; }

#folgeseite .frame li,
.features-list li {
    list-style:none;
    background: url("../img/check.png") no-repeat 0 2px;
    padding-left:30px;
    margin-bottom:10px;
}

#folgeseite p,
#folgeseite .frame ul {
    margin-bottom:20px;
}

#folgeseite h2,
#folgeseite h3 { font-weight: 700; }

#folgeseite .ce-table tr:first-child td { text-transform:uppercase;font-size:24px; border-top:0; border-bottom:2px solid #3a6cb6; }
#folgeseite .ce-table td {
    padding:15px;
}

#folgeseite .ce-intext.ce-left .ce-gallery {
    margin-right:25px;
}

#folgeseite .control-label { display:block;float:left; }

.securepayment fieldset.sec1 {
    border:1px solid #dedede;
    border-radius:4px;
    
}

.securepayment select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  padding-right: 40px;
}

.securepayment .rowwrap { margin-bottom:10px; }

.securepayment fieldset { background:#FFF; margin-bottom:25px; padding-bottom:25px; }

.securepayment legend {
    color: #333 !important;
    background-color: #f5f5f5 !important;
    border-color: #ddd !important;
    padding:15px;
    font-size:16px;
    margin-bottom:25px;
}

.securepayment .sec1 label {
    display:block;
    width:25%;
    float:left;
    padding:5px 15px 15px 25px;
}

/*
.securepayment .sec1 .orderonlineCheckbox {
    width:14px;
    padding:5px 15px 15px 25px;
    display:block;
}
.securepayment .sec1 label.read {
    width:50%;
}
*/

.collabel {
    width:65% !important;
    float:left;
}

.securepayment .sec1 .colcheck  {
    width:30px !important;
    float:left;
    padding-left:25px;
    padding-top:9px;
}
.securepayment .sec1 .colcheck input { float:none !important;width:auto !important; }

.securepayment .sec1 .collabel label { float:none; width:100% !important; }


.securepayment .sec1 input,
.securepayment .sec1 select {
    display:block;
    width:56%;
    float:left;
}

br.clear,
span.clearfix { clear:both; }


.securepayment .sec1 select.exp-year,
.securepayment .sec1 select.exp-month { width:27%; !important; }
.securepayment .sec1 select.exp-month { margin-right:2%; }

.securepayment .submit-green { border-radius:4px; }

.sec1last { margin-bottom:0 !important; }

.securepayment ul.parsley-errors-list {
    margin-top: 5px !important;
}
.securepayment ul.parsley-errors-list li {
    padding: 2px 0 0 16px !important;
}

.securepayment ul.parsley-errors-list {
    clear:both;
    margin-left:256px !important;
}

.securepayment ul.parsley-errors-list li {
    padding-left:35px !important;
    background:none !important;
    color:red !important;
}

.securepayment .expdate ul.parsley-errors-list {

}

.partnrBlockSecond {

    border-bottom:1px solid #FFF;    
    margin-top:10px;
    margin-bottom:10px;
    padding-bottom:25px;
}

.partnrBlockSecond .remove {
    padding-top:10px;
}

.rfq-form .parsley-errors-list,
.contact-form-wrapper .parsley-errors-list {
    padding-top:14px;
}

.rfq-form .parsley-errors-list li,
.contact-form-wrapper .parsley-errors-list li {
    color:#fc6164;
    list-style:none;
}

.rfq-form .parsley-errors-list,
.contact-form-wrapper .parsley-errors-list {
    display:none;
}

.rfq-form .parsley-errors-list.filled,
.contact-form-wrapper .parsley-errors-list.filled {
    display:block;
}

.card-content input.parsley-success,
.contact-form-wrapper input.parsley-success,
.card-content input.parsley-error,
.contact-form-wrapper input.parsley-error {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;  
}

.card-content .partnumber-data input:focus { background:#FFF;}
.card-content textarea:focus { background:#FFF; } 

.services .service-item li { text-align:left !important; }

.newswrap { margin-top:50px;}
.newswrap img { width:90% !important;}
.newswrap h2, .newswrap p { padding-bottom:20px; }

.contact-form-wrapper { 
height: 100%;
    background: linear-gradient(135deg, var(--accent-color),
 color-mix(in srgb, var(--accent-color), var(--heading-color) 30%));
    border-radius: 10px;
    padding: 40px 30px;
    display: flex;
    flex-direction: column;
    color: var(--contrast-color);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
 }
.contact-form-wrapper input { font-size:16px !important; }
.contact-form-wrapper .submit-green {
    background-color:#3cb700 !important;
    color:#FFF !important;
    width:100% !important;
    padding:15px;
    font-size: 1rem;
    border:0 !important;
    margin-top:20px;
}

.contact-form-wrapper h3 {
    color: #FFF;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px;
}

.footer .footer-links ul li {
line-height: 11px;
}

.footer .footer-links ul a {
    line-height:inherit; !important;
}

.service-main-content .read-more {
    background: var(--accent-color);
    color: var(--contrast-color);

    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 12px 24px;
    border-radius: 5px;
    transition: 0.3s;
    display: inline-flex
;
    align-items: center;
    justify-content: center;
}
.service-main-content .read-more:hover {
    background: 
    color-mix(in srgb, var(--accent-color), transparent 20%);
}

/*scroll rfq */
.rfq-button {
    position:absolute;
    bottom:55px;
    right:60px;
    background-color:#3cb700;
    width: 180px;
    border-radius: 4px;
    transition: all 0.4s; 
    color:#FFF !important;
    text-transform:uppercase;
    padding:0px 0px 0px 0px;
    font-weight:600; 
    display:block; 
    text-align:center;     
}

.rfq-button .read-more:hover {
    background-color:#339204;
    border-radius:4px !important;
}


.rfq-button a { color:#FFF !important; display:block; padding:10px 10px 10px 10px; }

@media (min-width: 1200px) {
    .navmenu li:hover>a {
        color: #d1d3d5 !important;
    }
}

.submit-green:hover {
    background-color:#339204 !important;
}

.contact .form-wrapper .input-group .form-control {

    font-size: 16px;
    }
    
.addFieldset,.remove { cursor:pointer; }
.addFieldset:hover { background:#194281; color:#FFF; border-color:#194281;}
    
ul.features-list li,
ul.features-list li a {
    /*color: var(--accent-color) !important;*/
    color:#212529;    
}

.cc-compliance {

    margin-right: 40px;
}

.cc-window.cc-banner {

}

   .scroll-top {
   bottom:125px;
  }

 @media (max-width: 950px) {
   .scroll-top {
    display:none !important;
  }
 }
 
 
/*header boxen - text mittig*/
.hero .feature-boxes .feature-box .feature-content .feature-title {
    margin-top: 1rem;
} 
.hero {
    padding-bottom: 50px;
}


#nachoben-scrollen {
    position: fixed;
    bottom: 120px;
    left: 0px;
    background-color: #3cb700;
    width: 100px;
    border-radius: 4px;
    border-top-left-radius:0;
    border-bottom-left-radius:0;    
    transition: all 0.4s;
    color: #FFF !important;
    text-transform: uppercase;
    padding: 0px 0px 0px 0px;
    font-weight: 600;
    display: block;
    padding: 10px 10px 10px 10px;
    text-align: center;
}

#nachoben-scrollen:hover {
    background-color: #339204;
}


.card-content .partnumber-data input,
.card-content .partnumber-data input::placeholder {
    background: #FFF !important;
    color: #333 !important;
}

/*

,
.rfq-second-row input,
.rfq-second-row input::placeholder,
textarea.form-control

*/


.rightsidebar input {
    padding:5px 10px 5px 10px;
}

/*news img */
.news-img-wrap {
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    padding: 24px;
}

.news .article .news-img-wrap a {
    border:0;
}

.news .article .news-img-wrap {
    margin-right:25px;
}

.news-single .article .news-img-wrap img {
    max-width:240px;
    padding-bottom:10px;
}

.news-single h4 {
    color:#275aa5;
    font-size:19px;
    padding-bottom:10px;
}

.news-single .teaser-text {
    color:#333;
}

.news-single .teaser-text {
    font-size: inherit;
}

.category-sidebar h3 {
    color:#275aa5;
}

.parsley-errors-list.filled {
    display:block;
    width: 200px;    
    margin-left:0; 
    padding-left:45px;
    padding-top:10px;
}
.parsley-errors-list li, .parsley-errors-list li {
    color: #fc6164;
    list-style: none;
}

.add-partnumber .btn-primary {
    margin-top:10px;
    font-size:14px;
}

.faq .faq-contact-card .card-content h3 {
    font-size: 20px !important;
}

.faq .faq-contact-card .card-content h4 {
    max-height:40px;
    overflow:hidden;
}

#powermail_fieldwrap_124 input,
#powermail_fieldwrap_124 label {
    display:inline-block;
    width:20px !important;
    vertical-align:top;
    margin-top:15px;
}

#powermail_fieldwrap_124 label {
width:180px !important;
font-size:14px !important;
margin-top:10px;
}

#powermail_fieldwrap_124 label a {
    color:#FFF !important;
    text-decoration:underline;
}

.faq-contact-card .card-content i {
    font-size:12px;
}

.rfq-second-row .form-group,
.partnumber-data .form-group {
    margin-bottom:10px !important;
}