body {
    color:#333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

p, li {
    letter-spacing: 0;
}


b, strong {
    font-family: "SourceSansPro-SemiBold", "SourceSansPro", "Helvetica Neue", Arial, sans-serif; 
    font-weight:600;
}


.no-padding {
  padding:0;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    text-decoration: none;
}

h1, h2{
  font-size:2.25rem;
  color: #0072CE;
  font-weight: 300;
  text-transform: uppercase;
  font-family: "SourceSansPro-Light", "SourceSansPro", "Helvetica Neue", Arial, sans-serif;
}
#title {
    font-size: 2.25rem;
    margin-bottom: 2rem;
}

.frame-centerheader header {
    padding: 2.5rem 0;
}

.frame-centerheader header h2 {
    font-size: 1.75rem;
    font-family: "SourceSansPro-SemiBold", "SourceSansPro", "Helvetica Neue", Arial, sans-serif;
    font-weight:600;
}

/* spacer */
.frame-space-before-extra-small { margin-top: 1em!important; }
.frame-space-before-small { margin-top: 2em!important; }
.frame-space-before-medium { margin-top: 3em!important; }
.frame-space-before-large { margin-top: 4em!important; }
.frame-space-before-extra-large { margin-top: 5em!important; }
.frame-space-after-extra-small { margin-bottom: 1em!important; }
.frame-space-after-small { margin-bottom: 2em!important; }
.frame-space-after-medium { margin-bottom: 3em!important; }
.frame-space-after-large { margin-bottom: 4em!important; }
.frame-space-after-extra-large { margin-bottom: 5em!important; }


h3{
  font-size:1.25rem;
  color: #0072CE;
  text-transform: uppercase;
}
.box-color-with-image .box-content h3,
.custom-box-wrapper h3, 
.custom-header h3 {
    font-size: 1.25rem;
}
.dce.contactinfo-main .contact-info-wrapper h3 {
    font-size: 1.125rem;
}
.box-color-with-image .box-content a {
    font-family: "SourceSansPro-SemiBold", "SourceSansPro", "Helvetica Neue", Arial, sans-serif;
    font-weight:600;
}

h4{
  font-size:1.25rem;
  color: #0072CE;
}

h5, .h5 {
    color: #878787 !important;
}

hr {
  border-top:1px solid #d9d9d9;
  }
  
.frame-ruler-before:before {
  border-top: 1px solid #d9d9d9;
}
.frame-ruler-after:after {
  border-bottom: 1px solid #d9d9d9;
}

.home-blue-picture .custom-box-wrapper .blue-picture-btn-box a, 
.home-blue-text .blue-picture-btn-box a,
.home-green-picture .custom-box-wrapper .green-picture-btn-box a,
.tx-comvossopremaaddresses-pi1 .home-blue-text form input[type="submit"],
.tx-comvossopremaaddresses-pi1 .home-blue-text form input[type="text"] {
  font-size: 1.125rem;
  text-transform: uppercase;
}

.home-green-picture .custom-box-wrapper .green-picture-btn-box {
    width: 85%;
    margin-top: 20px;
    margin: 20px auto 0 auto;
}

.home-green-picture .custom-box-wrapper .green-picture-btn-box a {
  display:block;
}

.home-blue-text .blue-text {
    word-break: normal;
}

.box-color-with-image-text-small {
    background-color: #0072CE;
    color: #fff;
    text-align: center;
    padding: 25px 25px;
}

.news-wrapper {
    padding: 30px 0;
}

.news-wrapper .news-list-item h2 a {
    color: #005287;
    font-size: 1.3rem;
    line-height: 1rem;
    text-transform: none;
    font-family: "SourceSansPro-SemiBold", "SourceSansPro", "Helvetica Neue", Arial, sans-serif;
    font-weight:600;
}

#p12 .news-wrapper .news-list-item h2 a {
    font-weight: 400;
    font-family: "SourceSansPro", "Helvetica Neue", Arial, sans-serif;
    letter-spacing: 0;
    line-height: 1.5rem;
}

#p12 .news  .news-content a {
    font-weight: 400;
    font-family: "SourceSansPro", "Helvetica Neue", Arial, sans-serif;
    letter-spacing: 0;
    line-height: 1.5rem;
    color: #005287;
    /*color: #183362;*/
    font-size: 20px;
}

#p12 .news-list-date {
    color: #005287;
    /*color: #183362;*/
    font-family: 'SourceSansPro-Bold';
    letter-spacing: 0;
    font-size: 15px;
}

#p12 .news  .news-content a:hover {
    color: #107cc3;
    text-decoration: none;
}

#p12 .swiffy-slider {
    margin-bottom:50px;
}

#p12 .slider-container li {
    padding-bottom: 50px;
    padding-left:16px;
    max-width:418px;
}
.slider-item-ratio-22x17 {
    --swiffy-slider-item-ratio: 22/17;
}

#p12 .swiffy-slider .news-list-image img {
    max-width:100%;
    height:auto;
}

#p12 .card {

    border:0;
}

#p12 .card-body {
    background: #f2f2f2;
}

/*.shadow-hover:hover {
    box-shadow: 0 0.125rem 0.375rem rgb(0 0 0 / 5%), 0 0.625rem 1.5rem rgb(0 0 0 / 15%) !important;
}*/


.fly-sm {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.fly-sm:hover {
    transform: translate(0, -3px) !important;
}

/*
.typinganimationtext {
    margin-top:100px;
    width:100%;
    display:flex;
}
.typinganimationtext .centerbox {
    margin:0 auto;
    min-width:275px;
    max-width:275px;
}

.typinganimationtext .centerbox .allenews{
    margin-top:185px;
    padding:0 10px;
}

.typinganimationtext .centerbox img.wearesopremaicon{
    padding-top:15px;

}

.typinganimationtext  h2 {
    font-family: "SourceSansPro-SemiBold", "SourceSansPro", "Helvetica Neue", Arial, sans-serif;
    text-transform: none;
    font-size:25px;
    padding:0 10px;
    text-align: left;
    line-height:36px;
    text-transform: uppercase;
    animation:
            typing 3.5s steps(18, end)
}*/

/* The typing effect */
/*@keyframes typing {
    from { width: 0 }
    to { width: 100% }
}*/





.dce.referenzen a h2{
    color: #005287;
    font-size: 1.3rem;
    text-transform: uppercase;
    font-family: "SourceSansPro-SemiBold", "SourceSansPro", "Helvetica Neue", Arial, sans-serif;
    font-weight:600;
}

.news-wrapper .news-list-item h2,
.dce.referenzen h2 {
    line-height: 1.5rem;
    margin-top: 1.2rem;
}

.custom-box-wrapper h3, .custom-header h3{
  word-break:normal;
}

.home-blue-text .custom-header h3:after {
    opacity: 0.3;
}

.home-big-picture .bg-img {
    height: 25rem; 
    background-size: 100%;    
}

.home-big-picture .bg-img .content-wrapper .big-picture-btn-wrapper a{
    font-size:1rem;
}


/********************  DCE Elemente *************************************/


/******************** DCE: Hero Image Startseite ***********************/

#heroimage .container {
    position:relative;
    height: 100%;
}

#heroimage .box {
    position: absolute;
    width: 38rem;
    top: 20%;
    margin: auto 0;
    color: #ffffff;
    left: 10%;
}
#heroimage h1 {
    color: #ffffff;
    text-transform: none;
    font-family: "SourceSansPro", "Helvetica Neue", Arial, sans-serif;
    font-size: 3.5rem;
}
#heroimage p {
    font-size: 23px;
}

#heroimage .box .slider-btn-blue {
    margin-top:2rem;
    font-size:18px;
}

#heroimage .box  a {
    background-color: #005287;
    color: #fff;
    padding: 5px 35px;
    text-decoration: none;
    text-transform: uppercase
}

#heroimage .box a:hover {
    background: #0072CE;
}


/******************** DCE: Startseite Icons Bereichauswahl ******************/

.schnellnavi {
    background-color: #ffffff;
}

.homeiconsarea {
    padding-top: 30px;
    max-width: 1200px;
    margin: 0 auto;
}

.homeicon {
    text-align: center;
    padding: 33px 0 29px 0;
}

.homeicon a:hover {
    text-decoration: none;
}

.homeicon a:hover img {
    filter: brightness(120%);
}

.homeicontitle {
    padding: 5px 0;
    color:#005287;
    font-size:16px;
    letter-spacing: 0;
}
a:hover .homeicontitle {
    color: #107cc3;
}


/******************** DCE: startseite home-image-box ********************/



.homeimagebox {
    height: 600px;
    width:100%;
    position:relative;
}

.homeimagebox .box {
    position: absolute;
    width: 38rem;
    top: 20%;
    margin: auto;
    color: #ffffff;
    left: 10%;
}
.homeimagebox h1 {
    color: #ffffff;
    text-transform: none;
    font-family: "SourceSansPro", "Helvetica Neue", Arial, sans-serif;
    font-size: 3.5rem;
}

.homeimagebox p {
    font-size: 23px;
}

.homeimagebox .box .slider-btn-blue {
    margin-top: 2rem;
    font-size:18px;
}



/******************** DCE: Big-Picture **********************************/

.big-picture  {
    width: 100%;
    /* height: calc(100% - 200px)*/;
}

.big-picture  img {
    width: 100%;
    height: auto;
}

/************************************************************************/

.tx-comvossopremaaddresses-pi1 .home-blue-text form input[type="text"] {
    color: #333;
}

.news-wrapper .news-list-item .news-content .news-list-morelink a {
    font-size:1rem;
    text-transform:uppercase;
}
.news-wrapper .news-list-item .news-content .news-list-morelink a:hover {
    background-color: #0072CE;
}

.pi-products h2,
article .detail-header,
.custom-accordion-wrapper .btn-link {
    color: #0072CE;
    font-family: "SourceSansPro-SemiBold", "SourceSansPro", "Helvetica Neue", Arial, sans-serif;
    font-weight:600;
}

.pi-products h2 a {
  font-size: 1rem;
}

.pi-products h2 a:hover {
    background-color: #0072CE;
}

.pi-products h2 a.productname {
  font-size: 20px;
}

.pi-products h2 a.productname:hover {
    background-color: transparent;
}

.pi-products .product-wrapper .pi-products-image img {
    border: 1px solid #DDD;
}

.mfp-figure:after {
    background:#ffffff!important;
}

.news-wrapper .news-list-item h2 a:hover {
    color: #107cc3;
    text-decoration:none;
}

.dce.referenzen .custom-more-link a:hover {
    background-color: #0072CE;
    text-decoration:none;
}

.dce.referenzen .text-wrapper a:hover{
   color: #0072CE;
   text-decoration:none;
}

.dce.referenzen h2:hover {
   color: #0072CE;
}

.news-single-backlink {
    margin-top: 2rem;
}

.news-single-backlink a:hover {
    background-color: #0072CE;
}

header.navbar .top-menu > a:hover{
    color: #0072CE;
    text-decoration:none;
}

.navbar-dark .navbar-nav a:hover {
    color: rgba(255,255,255, .7) !important;
    text-decoration:none;
}

header.navbar .top-menu #header_kontakt:hover {
    background-color: #0072CE;
    color: #fff;
}

.main-accordion button h4:hover {
    color: #005287;
}

.news-single-backlink a {
    background-color: #005287;
    color: #fff;
    padding: 10px 40px;
    text-decoration: none;
    font-family: SourceSansPro, "Helvetica Neue", Arial, sans-serif;
    font-weight:400;
}


ul#leftnavi li a:hover {
    text-decoration:none;    
}

ul#leftnavi li.actifsub > a:before {
    border-color: #0072CE transparent transparent transparent;
}

.pdfs-links a:hover{
    text-decoration:none;
}

.image-caption {
    color: #666;
    font-size:0.9rem;
    padding-top: 0.25rem;
    letter-spacing: 0px;
}

figure.image {
    margin-bottom: 1rem;
}

.ce-gallery img {
    width: 100%;
    height: auto;
}

.ce-row {
    margin-bottom: 1rem;
}

.frame-type-html {
    overflow: initial;
}

.team-main .border-wrapper,
.dce.referenzen{
    margin-bottom: 2rem;
}
.news-wrapper .news-list-item {
    margin-bottom: 4rem;
}

.frame-centerheader header h2 a:hover,
.frame-centerheader header h3 a:hover{
  text-decoration:none; 
}

.swiper-button-prev {
    background-image: none;
    left: 0;
    background-color: rgba(255,255,255,0.8);
    border-radius: 0 0.7rem 0.7rem 0;
    background-size: 2rem 4rem;
    width: 2rem;
    height:4rem;
    top: 40%;
}

.swiper-button-next {
    background-image: none;
    right: 0;
    background-color: rgba(255,255,255,0.8);
    border-radius: 0.7rem 0 0 0.7rem;
    background-size: 2rem 4rem;
    width: 2rem;
    height:4rem;
    top: 40%;
}

.swiper-button-prev::after {
    font-family: 'FontAwesome';
    font-size: 2.2rem;
    content: "\f104";
    color:#919191;
    text-decoration:none; 
    position: relative;
    top: 0.3rem;
    left: 0.5rem;
} 

.swiper-button-next::after {
    font-family: 'FontAwesome';
    font-size: 2.2rem;
    content: "\f105";
    color:#919191;
    text-decoration:none; 
    position: relative;
    top: 0.3rem;
    left: 0.7rem;
} 
 

/*.swiper-button-prev::after {
    font-size: 2.0rem;
    color:#919191;
} 

.swiper-button-next::after {
    font-size: 2.0rem;
    color:#919191;
} */ 

.swiper-container .swiper-slide .slider-content {
    height: 25rem;
}

.swiper-container .swiper-slide .slider-content .box h3,
.home-big-picture .bg-img .content-wrapper h3  {
    font-size: 1.3rem;
}

.swiper-container .swiper-slide .slider-content .box p,
.home-big-picture .bg-img .content-wrapper p {
    font-size: 1rem;
}

.swiper-container .swiper-slide .slider-content p + p {
    margin-top: -0.5rem;
}

.swiper-container .swiper-slide .slider-content .box {
    width: 38rem;
    background: rgba(255, 255, 255,0.9);
    padding: 1.2rem 2rem 0.7rem;
    position: absolute;
    margin-top: -5rem;
    left: 22%;
} 

.home-big-picture .bg-img .content-wrapper {
    opacity: 0.9;
    background: rgba(255, 255, 255,1);
}

.swiper-container .swiper-slide .slider-content .box a {
  text-transform:uppercase;
}

.news-single-item .news-single-img .news-single-imgcaption {
  padding:0;
}

.news-single-item h2.custom-wrapper-title-singleitem,.news-single-item h2{
    font-weight: 300;
    font-family: "SourceSansPro-Light", "SourceSansPro", "Helvetica Neue", Arial, sans-serif;
    font-size:2rem;
}

.news-list-morelink,
.dce.referenzen .custom-more-link {
  padding-top:0.5rem;
}

.news-single-item h2.subtitle {
  /*color: #878787 !important;*/
  color: #0072CE!important;
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
  font-family: "SourceSansPro-SemiBold", "SourceSansPro", "Helvetica Neue", Arial, sans-serif;
  font-weight:600;
  text-transform:none;
}

.pi-categories .text-image-button .image-wrapper img {
    margin-bottom: 1rem;
}

.breadcrumb #path a {
    font-size: inherit;
}


.ce-border img, .ce-border iframe {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.csc-default  {
    margin-bottom: 2rem;
}

.slider + div  {
    margin-top:-2rem;
}

.custom-wrapper-headerwithbtn h3:after {
    top: 1.9rem;
    content: '';
    border: 0.5px solid #107cc3;
    position: absolute;
    width: 115px;
    left: 50%;
    margin-left: -55px;
}

.grey-download h3,
.frame-type-uploads h2 {
    font-size: 1.125rem;
    color: #005287;
    text-align: center;
    padding: 10px 5px;
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 0;
    font-family: "SourceSansPro-SemiBold", "SourceSansPro", "Helvetica Neue", Arial, sans-serif;
    font-weight:600;
}


.frame-type-soprema-4cols-grid .row {
    margin:0;

}


/*   Kategorieliste   */
ul.cat-list li{
    padding:0;   
}
ul.cat-list li::before{
    top:0.5rem;   
}

/*   Systemfinder   */
.system-search .system-left .steps > a > .syster-menu div,
.system-search .system-left .steps > a > .syster-menu b {
    word-break: normal;
}
.system-search .system-left .steps > a > .syster-menu:first-child {
    width: 70px;
}
/*   Systemfinder (zunächst ausgeblendete Elemente)   */
.system-search .system-left .content-desktop,
.system-search .system-left .kontact-action {
    display: none;
}

.Systemfinder {
    max-width: 1370px!important;
}


.Systemfinder .Systemfinder__Header {
    min-height: auto;
}

.Systemfinder.Systemfinder--Pavatex .Systemfinder__Header {
    display:none!important;
}






/*   Ergebnisse Ansprechpartnersuche   */

.tx-comvossopremaaddresses-pi1 ul {
    padding-inline-start: 0px;
    margin-top: 2rem;
    display:flex;
    flex-wrap:wrap;
    padding-left:0;
}

.tx-comvossopremaaddresses-pi1 ul li {
    /*width: 47.5%;*/
    /*display: inline-block;*/
    width:31%;
    margin-left:8px;
    margin-right:8px;
    border: 1px solid #DDDDDD;
    padding: 1rem; 
    margin-bottom:2rem;
    text-align:center;
}
.tx-comvossopremaaddresses-pi1 h3.soprema-result-heading{
  min-height: auto;
}
.tx-comvossopremaaddresses-pi1 h3.soprema-result-heading.soprema{
  margin-top: 30px;;
}
/*
.tx-comvossopremaaddresses-pi1 ul li:nth-child(odd)  {
    margin-right:1rem;
}   
  
.tx-comvossopremaaddresses-pi1 ul li:nth-child(even)  {
    margin-right:0;
    float:right;
}
*/     
.tx-comvossopremaaddresses-pi1 ul li::before {
    content:'';
    display:none;
    width:0;
    height:0;
}

.tx-comvossopremaaddresses-pi1 img {
    width:100%;
    height:auto; 
    margin-top:5px;
    margin-bottom: 10px;
    display:block;
    margin-left:auto;
    margin-right:auto;
    max-width:300px;
}

/*   Buttons   */
.only-button .btn-blue {
    margin-top:2rem;
}

/*   Tabellen  */
.contenttable th,
.contenttable td {
    padding: 0.25rem;
    border: 1px solid #d8dadc;
    vertical-align: top;
}

/*   Video / iFrame  */
.video-container {
  position: relative; 
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
}
.video-container iframe {   
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}

/********** startseite / home *****************/


#p12 div.csc-default {
    margin-bottom: initial;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}


#p12 .normal .container {
    max-width: none;
    padding:0;
}

/*********************************************/


/* mobile menu aenderung */
.mm-navbar {
  height:auto;
  min-height: 40px;
}

.mm-navbar__breadcrumbs>* {
  padding:0;
}

.mm-navbar__breadcrumbs {
 padding-top:10px;
 passing-bottom:10px;
 white-space:normal; 
}

.mm-listview {
  font-size: 1.1rem;
}

a.active.mm-listitem__text {
  text-decoration:underline;
}


.solr-facets-available [data-facet-item-value="Produkte & Systeme"] {
    display: none;
}

.swiper-container .slider-content.mobile {
  display:none;
}


.socialmediaimages.nowrap img {
    margin-right: 10px;
}

/* autosuggest */
.ui-autocomplete .ui-menu-item strong {
    font-weight: bolder;
    color: #0072CE!important;
}
.tx-solr-autosuggest strong {
    font-weight: bolder;
    color: #0072CE!important;
}
.autocomplete-suggestions.tx-solr-autosuggest {
    width: 226px!important;
}


/*  SEARCH OVERLAY */

.openBtn {

    background: #f1f1f1;
    border: none;
    padding: 10px 15px;
    font-size: 20px;
    cursor: pointer;
}

.openBtn:hover {
    background: #bbb;
}

.searchoverlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
/*    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);*/
    background-color:#0072CEf5;
}

.searchoverlay-content {
    position: relative;
    top: 35%;
    width: 80%;
    max-width:750px;
    text-align: center;
    margin-top: 30px;
    margin: auto;
}

.searchoverlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
    cursor: pointer;
    color: white;
}

.searchoverlay .closebtn:hover {
    color: #ccc;
}

.searchoverlay input[type=text] {
    padding: 15px;
    font-size: 21px;
    border: none;
    float: left;
    width: 100%;
    background: white;
}

.searchoverlay input[type=text]:hover {
    background: #f1f1f1;
}



.SearchHero {
    background: #333333; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #dd1818, #333333); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #dd1818, #333333); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #ffffff;
    padding: 20px;
}

.SearchHero p {
    font-size: 13px;
}




#searchfullscreen #tx_comvossearch_input{
    /*color: #0072CE;*/
    color:#333333;
    font-family:  "SourceSansPro", "Helvetica Neue", Arial, sans-serif;
    border-color: #0072CE;
    box-shadow: none;
    border-style: solid;
    border-width: 1px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    height: 42px;
    outline:0;
}

#searchfullscreen #tx_comvossearch_submit{
    background: transparent url(../Images/searchicon.png) top center no-repeat;
    /*width: 36px;
    height: 28px;*/
    width: 56px;
    height: 43px;
    border: none;
    background-size: contain;
    margin-top: 0;
    float: left;
}
#searchfullscreen #tx_comvossearch_input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #8a8a8a;
    opacity: 1; /* Firefox */
}
#searchfullscreen #tx_comvossearch_input:focus::placeholder {
    color:#8a8a8a;
}

#searchfullscreen #tx_comvossearch_input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #8a8a8a;
}
#searchfullscreen #tx_comvossearch_input::-ms-input-placeholder { /* Microsoft Edge */
    color: #8a8a8a;
}

.searchform {
    width: 100%;
    height: 50px;
}

#searchfullscreen .searchtitle {
    font-size: 2.25rem;
    color: #ffffff;
    font-weight: 300;
    text-transform: uppercase;
    font-family: "SourceSansPro-Light", "SourceSansPro", "Helvetica Neue", Arial, sans-serif;
    margin-bottom:30px;
}

#searchfullscreen .kurzinfo {
    color: #fff;
    font-size: 14px;
    text-align: left;
    font-style: italic;
    margin-left:10px;
    font-family: "SourceSansPro-Light";
}

#searchfullscreen .shortlinks {
    margin-top:40px;
}

#searchfullscreen .extra-search-link {
    border: 2px solid #fff;
    padding: 4px 0;
    text-align: center;
    width: 90%;
}
#searchfullscreen .extra-search-link.searchdownloads {
    float:right;
}

#searchfullscreen .extra-search-link a {
    color: #fff;
    font-family: SourceSansPro-SemiBold, SourceSansPro, "Helvetica Neue", Arial, sans-serif;
    font-size: 18px;
    text-decoration: none;
    text-transform: uppercase;
}



#searchfullscreen .extra-search-link a img {
    float: right;
    padding: 6px 15px;
}
#searchfullscreen .extra-search-link:hover {
    border: 3px solid #fff;
}

#searchfullscreen .extra-search-link:hover a {
    font-family: 'SourceSansPro-Bold';
}


/* Stil für das Input-Feld */
.placeholder-active {
    background: transparent; /* Transparenter Hintergrund */
    border: none; /* Kein Rahmen */
    outline: none; /* Entfernt den Fokus-Rahmen */
}

/* Stil für den Placeholder-Text im aktiven Zustand */
.placeholder-active::placeholder {
    color: #000; /* Ändere die Farbe des Placeholder-Texts */
}

/* Stil für den Placeholder-Text im inaktiven Zustand */
.placeholder-inactive::placeholder {
    color: #999; /* Farbe für inaktiven Placeholder-Text */
}

/******************** sticky floating menu ******************/

.nav-floating-menu {
    z-index: 999;
    padding: 0px 10px;
    right: 0;
    position: fixed;
    display: inline-block;
    top: 30%;
    background-color:#0072CE;
    border-radius: 5px 0 0 5px;
}

.floating-menu {
    margin: 0;
    padding-left: 0;
    list-style: none;
    text-align:center;
}

.floating-menu li {
    text-align:center;
}

.floating-menu li a {
    display: block;
    padding: 10px 0;
    color: #fff;
    position: relative;
    font-size:12px;
}

.floating-menu li a i {
    font-size:35px;
}

.floating-menu li:last-child a {
    padding: 6px 0 10px 0;
}



/*** Davinci Job *****/


.dvinci-job-list h3 {
  text-transform:none;
  letter-spacing:0;
}

.frame .dvinci-job-list ul {
  padding:0;
}

.frame .dvinci-job-list li li {
  padding:0;
}

.frame .dvinci-job-list li:before {
  display:none;
}
 




/******************************************************************************/






/* /////  MEDIA QUERIES /////   */
@media (max-width: 1199px) { 
  .tx-comvossopremaaddresses-pi1 ul li {
      width:46%;
      margin-left:10px;
      margin-right:10px;
    }

}

@media (max-width: 1024px) { 
  .frame-centerheader header h2 {
    font-size: 1.5rem;
  } 
  .swiper-container .swiper-slide .slider-content {
    height: 25rem;
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    background-position: top center;
  }
  .custom-wrapper-headerwithbtn h3:after {
    content: '';
    border-bottom: 0.5px solid #107cc3;
    width: 115px;
    top: 3.4rem;
    left: 50%;
    margin-left: -55px;
    position: absolute;
  }
  .swiper-container .swiper-slide .slider-content .box {
    margin-top: -7rem;
  } 

  img.navbar-brand-logo-normal {
    height:71px;
    width: 186px;
  }
}


@media (max-width: 1024px) and (min-width: 426px) {
  /*.swiper-container .swiper-slide .slider-content {
    height: 25rem;
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    background-position: top center;
  }   */
  .custom-wrapper-headerwithbtn h3:after {
    content: '';
    border-bottom: 0.5px solid #107cc3;
    width: 115px;
    top: 3.4rem;
    left: 50%;
    margin-left: -55px;
    position: absolute;
  }
  .extra-solr-search {
    bottom: 1.6rem;
  } 
}

@media (max-width: 1024px) and (min-width: 768px) {
  .home-blue-picture .custom-box-wrapper .blue-picture-btn-box a, 
  .home-blue-text .blue-picture-btn-box a,
  .home-green-picture .custom-box-wrapper .green-picture-btn-box a,
  .tx-comvossopremaaddresses-pi1 .home-blue-text form input[type="submit"],
  .tx-comvossopremaaddresses-pi1 .home-blue-text form input[type="text"] {
    font-size: 1rem;
  }
  h1, h2 {
    font-size: 2rem;
  }
  #title {
    font-size:2rem;
    margin-bottom: 2rem;
  }
  .swiper-container .swiper-slide .slider-content {
    height: 25rem;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-position: top center;
  }
  .swiper-container .swiper-slide .slider-content .box {
    left: 10%;
  }
  .extra-solr-search {
    bottom: 0rem;
  } 
  .frame-centerheader header {
    padding: 2rem 0;
  }
  .frame-centerheader header h1:after, 
  .frame-centerheader header h2:after, 
  .frame-centerheader header h3:after, 
  .frame-centerheader header h4:after, 
  .frame-centerheader header h5:after {
    bottom: -16px;  
  }
  .box-color-with-image .box-content h3,
  .custom-box-wrapper h3, 
  .custom-header h3 {
    font-size: 1rem;
  }
  .dce.contactinfo-main .contact-info-wrapper h3 {
    font-size: 1rem;
  }
  .custom-accordion-wrapper .btn-link {
    font-size: 1rem;
  }
}

@media (max-width: 1023px) {
  #p12 header.mobile-header {   /*startseite / home */
    padding-bottom: 20px;
    background-color: #fff;
  }
  .backendlayout-animation  header.mobile-header {
    padding-bottom: 20px;
    background-color: #fff;
  }
}

@media (max-width: 991px) {
  .tx-comvossopremaaddresses-pi1 ul li {
      width:100%;
      margin-left:0px;
      margin-right:0px;
    }

   /* homepage  hero image */
    #startheroimagemobile img {
        width: 100%;
        height: auto;
    }

    #startheroimagemobile .content {
        padding: 20px 0;
    }
    #startheroimagemobile .content h1 {
        font-size:1.8rem;
        color: #005287;
    }
    #startheroimagemobile .content p {
        font-size:18px;
    }
    #startheroimagemobile p.slider-btn-blue a {
        background-color: #005287;
        color: #ffffff;
        padding: 8px 50px;
    }

    .homeimagebox .box {
        width:100%!important;
        left:unset!important;
        right:unset!important;
        /*top:unset!important;*/
    }
    .homeimagebox .box h1 {
        width:90%;
        margin:0 auto 20px auto;
    }
    .homeimagebox .box p {
        width:90%;
        margin:0 auto;
    }
    #p12 .normal .container {
        padding-left:15px;
        padding-right:15px;
    }

}


@media (max-width: 767px) {
  html {
    font-size:90%;
  }
  .text-image-button h3 {
    margin-top:0.5rem;
  }
  .frame-centerheader header {
    padding: 1rem 0;
  }
  /*.col-md-4 {
    margin-top: 3rem;
  }*/
  .extra-solr-search {
    display:none;
  }
  .product-images img,
  .product-images.row {
    margin-bottom: 2rem;
  }
  ul#leftnavi {
    margin-bottom: 2rem;
  }
  .ce-row {
    margin-bottom: 0rem;
  }
  .ce-column {
    margin-bottom: 1rem;
    width: 100%;
    height: auto;
  }
  
  /* geht nicht zerhaut einige stellen, wie home und weiteres */
  /*.col-md-4 .frame-type-list{
      border:none;
      box-shadow: 0 0 1.875rem 0.3125rem rgba(0,0,0,.05);
      padding: 0.5rem;
  }*/  
  .tx-comvossopremaaddresses-pi1 .home-blue-text form {
    display:table;
    width:100%;
  clear:both;
  }
  
  .tx-comvossopremaaddresses-pi1 .home-blue-text form input[type="text"] {
    float:left;
    width:62%;
  }
  .tx-comvossopremaaddresses-pi1 .home-blue-text form input[type="submit"] {
    margin-left:5px;
    float:left;
  }


  .frame-type-uploads .ce-uploads {
      background-color: #fff;
  }
  
  .swiper-container .slider-content.mobile {
    display:block;
  }
  .swiper-container .slider-content.desktop {
    display:none;
  }

  
  .swiper-container .swiper-slide .slider-content {
    height: 30rem!important;
    background-size:50rem!important;
  }

  .swiper-container .swiper-slide .slider-content .box {
    width: 100%;
    left: 0;
    top: 23rem;
    background-color: #eeeeee;
  } 
  
  .swiper-button-next,
  .swiper-button-prev {
    top: 25%;
  }
  /* Systemfinder */
  .system-search .system-left .aspects ul {
    padding-top:7px;
  }
  .system-search .system-left .steps > a > .syster-menu b {
    padding-left:10px;
  } 
  .system-search .system-left .steps > a > .syster-menu div {
    margin-left:70px;
  }
  .system-search .system-left .aspects .aspect-title {
    padding-left: 58px;
  }
  .home-big-picture .bg-img.mobile .content-wrapper {
    padding-left: 10px!important;
    padding-right: 10px!important;
    padding-bottom: 20px!important;
  }
 .home-big-picture .bg-img .content-wrapper {
    background-color: #eeeeee!important;
    opacity: 100!important;
    padding: 1rem!important;
    top: 25rem!important;
  }
  p.slider-btn-blue {
      display: table;
      margin: 0 auto;
      padding-top: 10px;
  }
  .swiper-container .swiper-slide .slider-content .box p.slider-btn-blue a {
     padding: 8px 50px;
     
  }
  
  #p12 .news-wrapper header h2:after {
     border:0;
  }
  #p12 #splide01-slide04,#p12 #splide01-slide05,#p12 #splide01-slide06 {
        display:none;
  }
    #p12 .swiffy-slider {
        --swiffy-slider-item-count: 1;
    }
    #p12 .slider-container li {
        display: block;
        margin: 0 auto;
    }

  /* #p75 .pp_pic_holder.pp_default {
    width: 100%!important;
    height: auto!important;
    min-height:400px;
    } */
  #p75 iframe {
    width: 100%!important;
    height: auto!important;
    min-height:450px;
  }
  /* #p75 .pp_content {
    width: auto!important;
    height: 100%!important;
    min-height:400px;
  } */

}


@media (max-width: 425px)  {
  html {
    font-size:80%;
  }
  
  h1, h2 {
    font-size: 1.75rem;
  }
  #title {
    font-size: 1.75rem;
    margin-bottom: 2rem;
  }
  article .detail-header{
      font-size: 1.25rem;
  }
  /*.pi-products h2,*/
  .custom-accordion-wrapper .btn-link {
      font-size: 0.9rem;
  } 
  .custom-accordion-wrapper .btn.btn-link.collapsed:after {
      top:0;
  } 
   
  .swiper-container .swiper-slide .slider-content .box {
    width: 100%;
    left: 0;
    top:22rem;
    background-color: #eeeeee;
    padding: 1.2rem 1rem 1.7rem;
  } 
  
  .pi-categories .text-image-button {
    padding-top:0;
  }
  .tx-comvossopremaaddresses-pi1 ul li {
    width: 100%;
    margin-right:0;
  }
  .pi-products .product-wrapper .pi-products-image img {
    margin-bottom:5px;
  }

}

@media (min-width: 768px) {
  .home-big-picture .bg-img {
     height:auto!important;
     min-height:339px;
  }
  /* fuer den IE 11 */
  .custom-box-wrapper h3, .custom-header h3{
    font-size:20px;
  }
}

@media (min-width: 992px)  {
  .body-bg {
    padding-top: 166px;
  }
  .backendlayout-animation .body-bg {
    padding-top:0;
  }
  #content .untermenue.navbar-expand-lg .navbar-collapse {
    display:block!important;
  }
    .navbar .dropdown-menu a {
        font-size:17px;
    }
    .navbar li#menutopid3 .dropdown-menu {
        width: 370px;
    }
    .navbar li#menutopid4 .dropdown-menu {
        width: 430px;
        left: -30px;
    }
    .navbar li#menutopid5 .dropdown-menu {
        width: 390px;
        left: -100px;
    }
    .navbar li#menutopid6 .dropdown-menu {

    }

  /* startseite */
    #homepage {
        height: calc(100vh - 170px);
        min-height:700px;
        background-color:#ffffff;
    }
    #homepage #heroimage{
        height: calc(100% - 200px);
    }
    #homepage #startheroimage {
        background-size: cover;
        background-position: center;
    }

    #p12 .homeimagebox {
        background-size: cover;
        background-position: center;
    }

    #p12 .swiffy-slider {
        --swiffy-slider-item-count: 2;
    }

    /* floating sticky menu */
    .nav-floating-menu {
        display: inline-block!important;
    }
    .dce.big-picture img {
        max-width: 100%;
        height: auto;
    }
}

@media (min-width: 1024px)  {
  /*.navbar .nav-item:last-child .dropdown-menu {
      width: 370px;
  }*/
  .navbar-brand {
    padding-top:0;
    padding-bottom:0;
  }
  header.navbar .header-logo {
  padding-bottom:15px;
  }
  
}


@media (min-width: 1200px) {
  .news-list-container .news-content h2 {
      min-height: 75px;
  }
  .news-list-container .news-list-image {
    min-height: 204px;
    position:relative;
  }

  .news-list-container .news-list-image a {
    position:absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 1;
    margin: auto;
  }
  .news-wrapper .news-list-item img {
    width:auto;
    max-width: 100%;
  }
  .news-list-content p {
      min-height: 50px;
  }
}

@media (max-width: 991px) {
  .home-blue-text .blue-text {
      word-break: normal;
  }
 #content .untermenue.navbar {
    display:block;
/*    background-color:#eee;
    padding: 5px 0;*/
  }

  .home-blue-picture .custom-box-wrapper .blue-picture-btn-box a {
    line-height:25px;
  }
  .home-green-picture .custom-box-wrapper .green-picture-btn-box a {
      word-break: normal;
  }

}


@media (max-width: 991px) and (min-width: 768px) {
  .system-search {
    font-size: 0.8rem;
  }
  .news-list-container .news-content h2 {
    min-height:100px;
  }
  .news-list-container .news-content h2 a {
   font-size: 1rem;
  }
  
  .news-list-container .news-list-content p {
    min-height: 100px;
  }
    .news-list-container .news-list-image {
    min-height: 116px;
  }
  /*   Systemfinder   */
  .system-search .system-left .aspects ul li:before {
    top: 0px;
  }
  .system-search .system-left .steps a {
    width:117%;
  }
    #p12 .swiffy-slider {
        --swiffy-slider-item-count: 2;
    }
}


@media (min-width: 992px) and (max-width: 1199px) {
  .tx-comvossopremaaddresses-pi1 .home-blue-text form input[type="submit"] {
    padding: 0 4px;
  }
  .news-list-container .news-list-image {
    min-height: 159px;
  }

}

@media (min-width: 992px) and (max-width: 1399px) {
    #p12 .swiffy-slider {
        --swiffy-slider-item-count: 3;
    }
}

@media (min-width: 1200px)  {
  .tx-comvossopremaaddresses-pi1 h3 {
      min-height: 50px;
      }

}

@media (min-width: 1400px)  {
    #p12 .swiffy-slider {
        --swiffy-slider-item-count: 4;
    }

}