/* =============================================================================
 * h7 Fonts
 * ========================================================================== */
/* inter-100 - latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Inter';
   font-style: normal;
   font-weight: 100;
   src: url('../fonts/inter-v20-latin-100.eot'); /* IE9 Compat Modes */
   src: url('../fonts/inter-v20-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/inter-v20-latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/inter-v20-latin-100.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('../fonts/inter-v20-latin-100.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('../fonts/inter-v20-latin-100.svg#Inter') format('svg'); /* Legacy iOS */
 }
 /* inter-200 - latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Inter';
   font-style: normal;
   font-weight: 200;
   src: url('../fonts/inter-v20-latin-200.eot'); /* IE9 Compat Modes */
   src: url('../fonts/inter-v20-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/inter-v20-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/inter-v20-latin-200.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('../fonts/inter-v20-latin-200.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('../fonts/inter-v20-latin-200.svg#Inter') format('svg'); /* Legacy iOS */
 }
 /* inter-300 - latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Inter';
   font-style: normal;
   font-weight: 300;
   src: url('../fonts/inter-v20-latin-300.eot'); /* IE9 Compat Modes */
   src: url('../fonts/inter-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/inter-v20-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/inter-v20-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('../fonts/inter-v20-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('../fonts/inter-v20-latin-300.svg#Inter') format('svg'); /* Legacy iOS */
 }
 /* inter-regular - latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Inter';
   font-style: normal;
   font-weight: 400;
   src: url('../fonts/inter-v20-latin-regular.eot'); /* IE9 Compat Modes */
   src: url('../fonts/inter-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/inter-v20-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/inter-v20-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('../fonts/inter-v20-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('../fonts/inter-v20-latin-regular.svg#Inter') format('svg'); /* Legacy iOS */
 }
 /* inter-500 - latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Inter';
   font-style: normal;
   font-weight: 500;
   src: url('../fonts/inter-v20-latin-500.eot'); /* IE9 Compat Modes */
   src: url('../fonts/inter-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/inter-v20-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/inter-v20-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('../fonts/inter-v20-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('../fonts/inter-v20-latin-500.svg#Inter') format('svg'); /* Legacy iOS */
 }
 /* inter-600 - latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Inter';
   font-style: normal;
   font-weight: 600;
   src: url('../fonts/inter-v20-latin-600.eot'); /* IE9 Compat Modes */
   src: url('../fonts/inter-v20-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/inter-v20-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/inter-v20-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('../fonts/inter-v20-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('../fonts/inter-v20-latin-600.svg#Inter') format('svg'); /* Legacy iOS */
 }
 /* inter-700 - latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Inter';
   font-style: normal;
   font-weight: 700;
   src: url('../fonts/inter-v20-latin-700.eot'); /* IE9 Compat Modes */
   src: url('../fonts/inter-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/inter-v20-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/inter-v20-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('../fonts/inter-v20-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('../fonts/inter-v20-latin-700.svg#Inter') format('svg'); /* Legacy iOS */
 }
 /* inter-800 - latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Inter';
   font-style: normal;
   font-weight: 800;
   src: url('../fonts/inter-v20-latin-800.eot'); /* IE9 Compat Modes */
   src: url('../fonts/inter-v20-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/inter-v20-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/inter-v20-latin-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('../fonts/inter-v20-latin-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('../fonts/inter-v20-latin-800.svg#Inter') format('svg'); /* Legacy iOS */
 }
 /* inter-900 - latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Inter';
   font-style: normal;
   font-weight: 900;
   src: url('../fonts/inter-v20-latin-900.eot'); /* IE9 Compat Modes */
   src: url('../fonts/inter-v20-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/inter-v20-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/inter-v20-latin-900.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('../fonts/inter-v20-latin-900.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('../fonts/inter-v20-latin-900.svg#Inter') format('svg'); /* Legacy iOS */
 }
 
/* =============================================================================
* h7 General
* ========================================================================== */
@media only screen and (max-width: 767px) {
   :root {
      --contentBoxedWidth: calc(100% - 4%);
      --articlePaddingLeftRight: 2%;
   }
}
@media only screen and (min-width : 768px) and (max-width : 1366px) {
   :root {
      --contentBoxedWidth: calc(100% - 8%);
      --articlePaddingLeftRight: 4%;
   }
}

.mainmenu ul li.page_7 {
   margin-right: 0;
}
.top-link .progress-ring circle {
   stroke: var(--customColor1);
}
circle.progress-ring__circle {
   stroke-width: 2px;
}
.ce_text.format-p-large {
   font-weight: 700;
}
#main p a, .mod_article a {
   text-decoration: underline;
}
#main p a:hover, .mod_article a:hover {
   text-decoration: none;
   color: var(--customColor1);
   transition: All 0.3s ease;
   -webkit-transition: All 0.3s ease;
}
.ce_hyperlink a {
   text-decoration: none;
}
.ce_hyperlink a:hover {
   color: unset;
}
.ce_hyperlink.btn-white-outline.animate-style2 a:hover {
   color: #fff;
}

@media only screen and (min-width: 768px) {
   .text-col2 {
      column-count: 2;
      column-gap: 60px;
   }
}
.hyphens, .hyphens p{
   -webkit-hyphens: auto;
   -moz-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}
.ce_iconbox_vertical[data-style="style2"] p {
   color: rgba(255,255,255,1);
}
.cta-tel a {
   font-size: 2.6rem;
   padding: 10px;
   color: #fff;
}
.cta-tel a:hover {
   color: #000;
}
@media only screen and (max-width: 767px) {
   .cta-tel a {
      font-size: 2rem;
   }
}

.content-swiper .swiper-button-next, .content-swiper .swiper-button-prev {
   color: #fff;
   text-shadow: 3px 5px 10px hsla(0,0%,0%,0.5);
}
.content-swiper .swiper-button-next svg, .content-swiper .swiper-button-prev svg {
   /* display: none; */
}

#footer .mod_socials i.fa-instagram,
#footer .mod_socials i.fa-linkedin {
   background: rgb(27, 27, 27)!important;
   border-radius: 0;
}
#footer .mod_socials i.fa-instagram:hover,
#footer .mod_socials i.fa-linkedin:hover {
   background: rgb(255, 255, 255)!important;
   color: rgb(0, 0, 0)!important;
}
#mmenu .mod_socials a i.fa-instagram,
#mmenu .mod_socials a i.fa-linkedin {
   color:#fff;
   background: rgb(27, 27, 27)!important;
   border-radius: 0;
}
#mmenu .mod_socials a i.fa-instagram:hover,
#mmenu .mod_socials a i.fa-linkedin:hover {
   background: rgb(200, 200, 200)!important;
   color: rgb(0, 0, 0)!important;
}

.ce_iconbox_vertical[data-style="style2"] .icon {
   color: #fff;
   font-weight: 700;
}
@media only screen and (max-width: 767px) {
   .ce_iconbox_vertical .content {
      padding-top: 11px;
   }
}
.ce_iconbox_vertical .content {
   padding-top: 3px;
}
.ce_iconbox_vertical[data-style="style2"] .icon .icon_inside {
   border-radius: 0;
   border: 2px solid rgba(255,255,255,1);
   border-color: rgba(255,255,255,1);
}
.ce_leadertext.version2 {
   max-width: 750px;
}
.ce_leadertext.version2 .divider {
   display: none;
}
.ce_leadertext.version2 .subheadline {
   margin-bottom: 20px;
}
.ce_leadertext.version2 p {
   font-size: inherit;
}
 
/* =============================================================================
* Referenzprojekte
* ========================================================================== */
.ce_portfoliofilter.style3, .ce_portfoliofilter.port-filter-style3 {
   border-bottom: 0;
}
.ce_portfoliofilter.style3 a, .ce_portfoliofilter.port-filter-style3 a {
   padding: 10px;
   display: inline-block;
   cursor: pointer;
   border: 2px solid rgb(255,255,255);
   color: white;
   font-weight: 700;
   margin-right: 20px;
}
.mod_portfoliolist.portfolio-v2 .image_container_inside {
   border: 0;
}
.ce_portfoliofilter.style3 a.selected, .ce_portfoliofilter.port-filter-style3 a.selected {
   border: 2px solid var(--customColor1);
   color: var(--customColor1);
}
.mod_portfoliolist .item .linkbar {
   border-radius: 0;
}
.mod_portfoliolist .item .linkbar a {
   padding: 15px;
   transition: All 0.3s ease;
   -webkit-transition: All 0.3s ease;
}
.mod_portfoliolist.portfolio-v2 .item .linkbar a:hover, .mod_portfoliolist.portfolio-v2 .item.has_focus .linkbar a:hover {
   background: #000;
   color: #fff;
}

.mod_portfoliolist.portfolio-v2 .item .title {
   font-size: 1rem;
   font-weight: bold;
   text-transform: uppercase;
   margin-bottom: 2px;
   color: #fff;
}
.mod_portfoliolist.portfolio-v2 .item .teaser {
   min-height: 34px;
}
.mod_portfoliolist.portfolio-v2 .item .teaser p {
   font-size: 0.7rem;
   line-height: 1rem;
   text-transform: uppercase;
   color: #fff;
   margin-bottom: 0;
}