@charset "UTF-8";
@font-face {
font-family: "Urbane-ExtraLight";
src: url(//eos-ready.com/wp-content/themes/elpro/assets/fonts/Urbane-ExtraLight.woff) format("woff");
font-style: normal; }
@font-face {
font-family: "Urbane-Light";
src: url(//eos-ready.com/wp-content/themes/elpro/assets/fonts/Urbane-Light.woff) format("woff");
font-style: normal; }
@font-face {
font-family: "Urbane-Medium";
src: url(//eos-ready.com/wp-content/themes/elpro/assets/fonts/Urbane-Medium.woff) format("woff");
font-style: normal; }
@font-face {
font-family: "Urbane-Thin";
src: url(//eos-ready.com/wp-content/themes/elpro/assets/fonts/Urbane-Thin.woff) format("woff");
font-style: normal; }html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
*:focus {outline:none !important}#footer {
margin-top: 80px;
padding-top: 3.75rem;
padding-bottom: 4.6875rem;
background-color: var(--blue);
color: #fff; }
@media all and (min-width: 768px) {
#footer {
margin-top: 100px; } }
@media all and (min-width: 1024px) {
#footer {
margin-top: 100px; } }
@media all and (min-width: 1266px) {
#footer {
margin-top: clamp(6.25rem, calc(-3.6rem + 12.45vw), 12.5rem); } }
#footer a {
color: #fff; }
@media all and (min-width: 768px) {
#footer {
padding-top: 4.4375rem;
padding-bottom: 4.6875rem; } }
@media all and (min-width: 1266px) {
#footer {
padding-top: clamp(4.375rem, calc(-3.5rem + 9.95vw), 9.375rem);
padding-bottom: clamp(4.6875rem, calc(-7.61rem + 15.55vw), 12.5rem); } }
#footer .content {
display: flex;
flex-direction: column; }
@media all and (min-width: 768px) {
#footer .content {
flex-direction: row; } }
#footer .content .left {
flex: 1;
width: 100%; }
@media all and (min-width: 1024px) {
#footer .content .left {
padding-left: 8.3333333%;
width: 50%; } }
#footer .content .left .footernav {
padding-top: 2.5rem; }
@media all and (min-width: 1266px) {
#footer .content .left .footernav {
padding-top: clamp(2.5rem, calc(-3.11rem + 7.09vw), 6.0625rem); } }
#footer .content .left .footernav #menu-footer1,
#footer .content .left .footernav #menu-footer-search,
#footer .content .left .footernav #menu-footer-navigation-1,
#footer .content .left .footernav #menu-footer-navigation-1-englisch {
list-style: none;
margin: 0;
padding: 0; }
#footer .content .left .footernav #menu-footer1 li,
#footer .content .left .footernav #menu-footer-search li,
#footer .content .left .footernav #menu-footer-navigation-1 li,
#footer .content .left .footernav #menu-footer-navigation-1-englisch li {
display: flex;
align-items: center;
padding-bottom: 2.5rem; }
@media all and (min-width: 1266px) {
#footer .content .left .footernav #menu-footer1 li,
#footer .content .left .footernav #menu-footer-search li,
#footer .content .left .footernav #menu-footer-navigation-1 li,
#footer .content .left .footernav #menu-footer-navigation-1-englisch li {
padding-bottom: clamp(2.5rem, calc(-0.45rem + 3.73vw), 4.375rem); } }
#footer .content .left .footernav #menu-footer1 li a,
#footer .content .left .footernav #menu-footer-search li a,
#footer .content .left .footernav #menu-footer-navigation-1 li a,
#footer .content .left .footernav #menu-footer-navigation-1-englisch li a {
position: relative; }
#footer .content .left .footernav #menu-footer1 li a:after,
#footer .content .left .footernav #menu-footer-search li a:after,
#footer .content .left .footernav #menu-footer-navigation-1 li a:after,
#footer .content .left .footernav #menu-footer-navigation-1-englisch li a:after {
content: '';
position: absolute;
width: 0;
height: 0;
border-top: .09375rem solid transparent;
display: block;
margin-top: 5px;
right: 0;
background: var(--green); }
#footer .content .left .footernav #menu-footer1 li a:hover:after,
#footer .content .left .footernav #menu-footer-search li a:hover:after,
#footer .content .left .footernav #menu-footer-navigation-1 li a:hover:after,
#footer .content .left .footernav #menu-footer-navigation-1-englisch li a:hover:after {
width: 100%;
left: 0;
background: var(--green);
transition: width .2s ease;
-webkit-transition: width .2s ease;
border-top: 0.09375rem solid var(--green); }
#footer .content .left .footernav #menu-footer1 li span,
#footer .content .left .footernav #menu-footer-search li span,
#footer .content .left .footernav #menu-footer-navigation-1 li span,
#footer .content .left .footernav #menu-footer-navigation-1-englisch li span {
display: inline-flex;
align-items: center;
padding-right: .625rem; }
@media all and (min-width: 1266px) {
#footer .content .left .footernav #menu-footer1 li span,
#footer .content .left .footernav #menu-footer-search li span,
#footer .content .left .footernav #menu-footer-navigation-1 li span,
#footer .content .left .footernav #menu-footer-navigation-1-englisch li span {
padding-right: clamp(0.625rem, calc(0.43rem + 0.25vw), 0.75rem); } }
@media all and (min-width: 1266px) {
#footer .content .left .footernav #menu-footer1 li span img,
#footer .content .left .footernav #menu-footer-search li span img,
#footer .content .left .footernav #menu-footer-navigation-1 li span img,
#footer .content .left .footernav #menu-footer-navigation-1-englisch li span img {
width: clamp(1rem, calc(0.51rem + 0.62vw), 1.3125rem);
height: clamp(0.875rem, calc(0.48rem + 0.5vw), 1.125rem); } }
#footer .content .left .footernav #menu-footer-search {
position: relative;
top: -2px; }
#footer .content .left .footernav #menu-footer-search li {
padding-bottom: 0;
cursor: pointer; }
#footer .content .left .footernav #menu-footer-search li img {
position: relative;
top: -3px; }
#footer .content .left .footernav #menu-footer-search #searchform {
display: block;
padding: 0;
margin: 0;
width: 100%;
position: relative;
top: -3px; }
@media all and (min-width: 767px) {
#footer .content .left .footernav #menu-footer-search #searchform {
width: 80%; } }
#footer .content .left .footernav #menu-footer-search #searchField {
border: none;
background-color: transparent;
color: #fff;
width: 200px;
transition: width 0.4s ease-in-out;
border-bottom: .09375rem solid transparent;
padding-top: 5px;
padding-right: 40px;
padding-left: 0;
border-radius: 0;
padding-bottom: 5px; }
#footer .content .left .footernav #menu-footer-search #searchField::placeholder {
color: #fff;
opacity: 1; }
#footer .content .left .footernav #menu-footer-search #searchField:focus, #footer .content .left .footernav #menu-footer-search #searchField:hover, #footer .content .left .footernav #menu-footer-search #searchField:valid {
background-color: transparent;
width: 100%;
border-bottom: 0.09375rem solid var(--green); }
#footer .content .left .footernav #menu-footer-search .wrap {
position: relative; }
#footer .content .left .footernav #menu-footer-search svg {
position: absolute;
right: -60px;
top: 50%;
transform: translateY(-50%);
z-index: 10;
opacity: 0;
transition: opacity .4s ease-in-out;
padding: 20px;
cursor: pointer;
width: 17px;
height: auto; }
#footer .content .left .footernav #menu-footer-search svg .st0 {
fill: #01e983; }
@media all and (min-width: 1266px) {
#footer .content .left .footernav #menu-footer-search svg {
width: clamp(1.0625rem, calc(0.27rem + 1vw), 1.875rem); } }
#footer .content .left .footernav #menu-footer-search .wrap {
width: 85%;
position: relative; }
@media all and (min-width: 767px) {
#footer .content .left .footernav #menu-footer-search .wrap {
width: 80%; } }
#footer .content .left .footernav #menu-footer-search .wrap:hover svg {
opacity: 1; }
#footer .content .right {
flex: 1;
position: relative;
margin-top: 3.125rem; }
@media all and (min-width: 768px) {
#footer .content .right {
width: 50%;
margin-top: 0; } }
#footer .content .right .company p {
padding-bottom: 5px; }
#footer .content .right .company a {
color: #fff; }
#footer .content .right .company a:hover {
color: var(--green); }
#footer .content .right .socials {
padding-top: 10px;
display: flex;
gap: .75rem; }
@media all and (min-width: 1266px) {
#footer .content .right .socials {
gap: clamp(0.75rem, calc(0.36rem + 0.5vw), 1rem); } }
#footer .content .right .socials svg {
width: 1.25rem;
height: 1.25rem; }
@media all and (min-width: 1266px) {
#footer .content .right .socials svg {
width: clamp(1.25rem, calc(0.27rem + 1.24vw), 1.875rem);
height: clamp(1.25rem, calc(0.27rem + 1.24vw), 1.875rem); } }
#footer .content .right .socials a:hover svg .st0 {
fill: var(--green) !important; }
#footer .content .right .footernav-2 {
margin-top: 3.75rem; }
@media all and (min-width: 768px) {
#footer .content .right .footernav-2 {
position: absolute;
bottom: 0;
margin-top: 0; } }
#footer .content .right .footernav-2 a:hover {
color: var(--green); }
#footer .content .right #menu-footer-2,
#footer .content .right #menu-footer-2-englisch {
display: flex;
list-style: none;
margin: 0;
padding: 0; }
#footer .content .right #menu-footer-2 li,
#footer .content .right #menu-footer-2-englisch li {
display: inline; }
#footer .content .right #menu-footer-2 li,
#footer .content .right #menu-footer-2-englisch li {
padding-right: 1.25rem;
display: block;
padding-bottom: 1.875rem; }
#footer .content .right #menu-footer-2 li:last-child,
#footer .content .right #menu-footer-2-englisch li:last-child {
padding-bottom: 0;
padding-right: 0; }
@media all and (min-width: 768px) {
#footer .content .right #menu-footer-2 li,
#footer .content .right #menu-footer-2-englisch li {
display: inline;
padding-bottom: 0; } }.numberFont {
font-family: "Urbane-Medium", serif;
font-weight: 500;
text-transform: uppercase;
font-size: 7.5rem;
line-height: 1.4;
color: #fff; }
@media (min-width: 1265px) {
.numberFont {
font-size: clamp(7.5rem, calc(2.75rem + 6.02vw), 12.375rem); } }
.introBlockHead {
font-family: "Urbane-Medium", serif;
font-weight: 500;
font-size: 1.1875rem;
line-height: 1.65rem;
letter-spacing: .059375rem;
text-transform: uppercase; }
@media (min-width: 768px) {
.introBlockHead {
font-size: 1.5rem;
letter-spacing: .075rem; } }
@media all and (min-width: 1265px) {
.introBlockHead {
line-height: clamp(1.65rem, calc(0.58rem + 1.36vw), 2.75rem);
font-size: clamp(1.5rem, calc(0.52rem + 1.23vw), 2.5rem);
letter-spacing: clamp(0.075rem, calc(0.03rem + 0.06vw), 0.125rem); } }body:not(.wp-admin) {
background: linear-gradient(to bottom, #09372A 30%, white 30%); }
body:not(.wp-admin).page-template-tpl-page-text {
background-color: #09372A; }
#navheader, #menu-overlay, #footer, .hero {
background-color: #09372A; }
@media (max-width: 1265px) {
#navheader .topnav .logo img {
top: 0; } }
@media (min-width: 1266px) {
#navheader .logo img {
width: clamp(7rem, calc(0.6rem + 8.1vw), 13.56rem); } }
#navheader .topnav .navigation #menu-header-navigation a {
color: #fff; }
#navheader .topnav .navigation #menu-top-navigation a, #navheader .topnav .navigation #menu-top-navigation_en a {
color: #89FFBA; }
#navheader .burger:before, #navheader .burger:after {
background: #89FFBA; }
#navheader .subitemWrapper {
background-color: #09372A;
color: #fff; }
#navheader .subitemWrapper .items.color-light-blue {
color: #fff; }
#navheader .topnav .navigation #menu-top-navigation a:hover:after,
#navheader .topnav .navigation #menu-top-navigation_en a:hover:after {
background: #fff;
border-top-color: #fff; }
#navheader .topnav .navigation #menu-top-navigation li.current_page_item a:after,
#navheader .topnav .navigation #menu-top-navigation li.active a:after,
#navheader .topnav .navigation #menu-top-navigation_en li.current_page_item a:after,
#navheader .topnav .navigation #menu-top-navigation_en li.active a:after {
background: #fff; }
.anchor-subnav, .anchor-subnav-mob {
background-color: #09372A; }
.anchor-subnav a, .anchor-subnav h2, .anchor-subnav-mob a, .anchor-subnav-mob h2 {
color: #FFF; }
.xCloser div::before, .xCloser div::after {
background-color: #89FFBA; }
#menu-overlay .menu-cards {
color: #89FFBA; }
#menu-overlay .menu-cards a {
color: #89FFBA; }
#menu-overlay .menu-cards .toggleCard {
color: #89FFBA; }
@media (max-width: 1265px) {
#menu-overlay .menu-cards svg .st0 {
fill: #fff; } }
#menu-overlay .menu-cards .secondMenu {
color: #fff; }
#menu-overlay .menu-cards .toggleCard.back {
color: #fff; }
#menu-overlay .menu-cards .finalLink {
border-color: #fff; }
.content-wrap {
background-color: #fff; }
.hero h2 {
margin-top: .9375rem;
margin-bottom: 1.5625rem;
color: #fff !important; }
@media (min-width: 1265px) {
.hero h2 {
margin-top: clamp(0.9375rem, calc(0.02rem + 1.16vw), 1.875rem);
margin-bottom: clamp(1.5625rem, calc(0.04rem + 1.93vw), 3.125rem); } }
@media (max-width: 767px) {
.hero h2, .hero .btn-ani-wrap {
display: none; } }
.hero .btn .text {
color: #fff; }
.hero.start-elem {
margin-bottom: 0; }
.start-elem-simple.startDarkGreen .h3 {
color: #00EB85 !important; }
.start-elem .image-slides .paging svg .st0 {
fill: #00B185 !important; }
.startDarkGreen {
background-color: #09372A; }
.startDarkGreen .inner-container {
display: flex;
flex-direction: column; }
.startDarkGreen h1 {
color: #fff; }
.startDarkGreen h2 {
color: #89FFBA; }
.color-light-blue, .color-blue {
color: #09372A; }
.color-light-green {
color: #89FFBA; }
.color-dark-green {
color: #09372A; }
.font-zitat.color-light-blue {
color: #00B185; }
.relation-box .category.color-light-blue,
.relation-box h3.color-light-blue {
color: #00B185; }
.relation-box svg .st0 {
fill: #00B185 !important; }
.dark_green .ani, .light_green .ani {
z-index: 1; }
.dark_green {
color: #89FFBA !important;
background-color: #09372A; }
.dark_green h2 {
color: #fff !important; }
.dark_green .btn-ani-wrap .ani {
border-color: #00eb85; }
.dark_green .btn:hover .text {
color: #00eb85; }
.dark_green .paging .page-numbers {
color: #00eb85; }
.dark_green #paging-list .page-numbers {
color: #00eb85; }
.dark_green #paging-list .page-numbers li {
color: #fff !important; }
.dark_green #paging-list .page-numbers li .current {
color: #fff; }
.dark_green #paging-list .page-numbers li a {
color: #fff; }
.dark_green .btn .text, .dark_green .filterItem, .dark_green .font-btn-cat {
color: #fff; }
.dark_green .flex-zitat .color-light-blue {
color: #00EB85; }
.dark_green .flex-content-block.default,
.dark_green .content-icon,
.dark_green .cake-animation .item .text-inside {
color: #89FFBA; }
.dark_green .timeline .content, .dark_green .image-slides .content {
color: #fff; }
.dark_green .timeline svg .st0, .dark_green .image-slides svg .st0 {
fill: #89FFBA !important; }
.dark_green .content-icon h3, .dark_green .content-icon strong, .dark_green .content-icon b {
color: #fff;
text-transform: uppercase; }
.dark_green .content-icon strong, .dark_green .content-icon b {
letter-spacing: 2px; }
.dark_green #listing-result-reference h3,
.dark_green #listing-result-post h3 {
color: #89FFBA; }
.dark_green .content-fade .font-head {
color: #fff; }
.dark_green .filterbar .toggle .icon-wrap .open:before,
.dark_green .filterbar .toggle .icon-wrap .open:after,
.dark_green .filterbar .toggle .icon-wrap .closed:before,
.dark_green .filterbar .toggle .icon-wrap .closed:after {
background-color: #00b185; }
.dark_green .accord_kachel_headline {
color: #fff; }
.light_green {
color: #09372A !important;
background-color: #00EB85; }
.light_green strong, .light_green b {
color: #fff; }
.light_green .btn-ani-wrap .ani {
border-color: #09372A; }
.light_green .btn-ani-wrap .btn::after {
content: url(//eos-ready.com/wp-content/themes/eos-elpro-child/assets/images/elpro-pfeil-gruen.svg); }
.light_green .btn:hover .text {
color: #09372A; }
.light_green h2 {
color: #fff !important; }
.light_green .btn .text, .light_green .filterItem, .light_green .font-btn-cat {
color: #fff; }
.light_green .image-slides svg .st0 {
fill: #fff !important; }
.light_green .timeline .year {
color: #fff;
border-color: #fff; }
.light_green .timeline .year .dot {
background-color: #fff; }
.light_green .flex-zitat .color-light-blue {
color: #09372A; }
.light_green .cake-animation .item .text-inside,
.light_green .flex-content-block.default,
.light_green .content-icon {
color: #09372A; }
.light_green .content-icon h3, .light_green .content-icon strong, .light_green .content-icon b {
text-transform: uppercase;
color: #fff; }
.light_green #listing-result-reference h3,
.light_green #listing-result-post h3 {
color: #fff; }
.light_green .btn-round .round-ani-wrap {
border-color: #09372A; }
.light_green .btn-round .round-ani .st0 {
fill: #09372A; }
.default .flex-zitat .font-zitat.color-light-blue {
color: #00B185; }
.default .intro {
color: #00B185; }
.default .intro strong, .default .intro b {
color: #09372A; }
.default .flex-content-block .font-subline {
color: #00B185 !important; }
.default .content-fade .font-head {
color: #00eb85; }
.default .font-introtext {
color: #09372A; }
.default .introBlockHead {
color: #00eb85; }
.default .image-slides svg .st0 {
fill: #00eb85 !important; }
.btn .ani {
z-index: 1; }
.single .intro.font-introtext {
color: #00B185; }
.page-template-tpl-page-text, .search-results {
background-color: #09372A; }
.page-template-tpl-page-text h1, .search-results h1 {
color: #89FFBA; }
.page-template-tpl-page-text a, .search-results a {
color: #89FFBA; }
.page-template-tpl-page-text .flex-content-block h3, .search-results .flex-content-block h3 {
color: #fff; }
.page-template-tpl-page-text .flex-content-block .font-subline.color-light-blue, .search-results .flex-content-block .font-subline.color-light-blue {
color: #fff; }
.page-template-tpl-page-text .flex-content-block .text-content.color-blue, .search-results .flex-content-block .text-content.color-blue {
color: #89FFBA !important; }
.page-template-tpl-page-text .flex-content-block .text-content.color-blue a, .search-results .flex-content-block .text-content.color-blue a {
color: #89FFBA !important; }
.page-template-tpl-page-text .flex-content-block .text-content.color-blue .font-subline, .search-results .flex-content-block .text-content.color-blue .font-subline {
color: #fff !important; }
.search-results h3 {
color: #fff; }
.search-results .excerpt {
color: #89FFBA; }
.search-results .excerpt a {
color: #89FFBA; }
#footer.noTop {
margin-top: 0 !important; }
.page-template-tpl-page-text #footer.noTop {
margin-top: 80px; }
@media all and (min-width: 768px) {
.page-template-tpl-page-text #footer.noTop {
margin-top: 100px; } }
@media all and (min-width: 1024px) {
.page-template-tpl-page-text #footer.noTop {
margin-top: 100px; } }
@media all and (min-width: 1266px) {
.page-template-tpl-page-text #footer.noTop {
margin-top: clamp(6.25rem, calc(-3.6rem + 12.45vw), 12.5rem); } }
.dark_green, .light_green {
display: flex;
flex-direction: column;
padding-top: 60px; }
.dark_green .content-col, .light_green .content-col {
margin-top: 0 !important; }
@media all and (min-width: 768px) {
.dark_green, .light_green {
padding-top: 80px; } }
@media all and (min-width: 1024px) {
.dark_green, .light_green {
padding-top: 100px; } }
@media all and (min-width: 1266px) {
.dark_green, .light_green {
padding-top: clamp(6.25rem, calc(1.33rem + 6.22vw), 9.375rem); } }
.dark_green.ignorePadding, .light_green.ignorePadding {
padding-top: 0; }
.colorBreak {
padding-bottom: 60px; }
@media all and (min-width: 768px) {
.colorBreak {
padding-bottom: 80px; } }
@media all and (min-width: 1024px) {
.colorBreak {
padding-bottom: 100px; } }
@media all and (min-width: 1266px) {
.colorBreak {
padding-bottom: clamp(6.25rem, calc(1.33rem + 6.22vw), 9.375rem); } }
@media (max-width: 1023px) {
#menu-footer-2, #menu-footer-2-englisch {
flex-direction: column; } }
@media (min-width: 768px) {
#menu-footer-2, #menu-footer-2-englisch {
padding-bottom: 1.25rem; } }
@media (min-width: 768px) and (max-width: 1023px) {
#menu-footer-2, #menu-footer-2-englisch {
display: grid !important;
grid-template-columns: repeat(3, 1fr);
gap: 15px 0;
list-style: none;
margin: 0;
padding: 0; } }

section .timeline .swiper-button-prev-icon svg .st0,
section .timeline .swiper-button-next-icon svg .st0 {
fill: #09372A; }
.btn .text {
color: #09372A; }
section .content-icon {
color: #09372A; }
section .flex-content-block h2 {
margin-bottom: .9375rem; }
@media (min-width: 768px) {
section .flex-content-block h2 {
margin-bottom: 1.25rem; } }
@media (min-width: 1265px) {
section .flex-content-block h2 {
margin-bottom: clamp(1.25rem, calc(0.64rem + 0.77vw), 1.875rem); } }
@media (max-width: 1024px) {
section .flex-content-block p, section .flex-content-block h3 {
hyphens: auto;
word-break: break-word; } }
section .flex-content-block.default {
color: #09372A; }
section .flex-content-block.default .text-content .font-subline {
color: #89FFBA; }
section .icon-list .iconlist .icon a {
color: #09372A; }
section .icon-list .iconlist .icon .image svg path {
fill: #09372A; }
section .accordion-list .accordion .icon-wrap .open:before,
section .accordion-list .accordion .icon-wrap .open:after,
section .accordion-list .accordion .icon-wrap .closed:before,
section .accordion-list .accordion .icon-wrap .closed:after {
background-color: #00B185; }
section.relation-box .ref_person {
background-color: #EDFDF6; }
.newslist .brwap .itemgrid .item .content .image img,
.news .itemgrid .item .content .image img {
width: 100%;
height: 100%;
aspect-ratio: 3 / 2;
object-fit: cover; }
.newslist .ani {
z-index: 1; }
.image-slides {      }
@media (min-width: 1265px) {
.image-slides .content-col {
max-width: 66.6666666%; } }
.image-slides #page [id^="video-slider-"] {
width: 100%; }
.image-slides [id^="video-slider-"] .swiper-wrapper {
align-items: stretch; }
.image-slides [id^="video-slider-"] .swiper-slide {
display: flex; }
.image-slides .yt-wrap {
position: relative;
width: 100%;
flex: 1 1 auto;
aspect-ratio: 16 / 9; background: #000; }
.image-slides .yt-wrap iframe,
.image-slides .yt-wrap .yt-poster {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0; }
.image-slides .yt-wrap.fallback {
aspect-ratio: auto; height: auto; }
.image-slides .yt-wrap.fallback::before {
content: "";
display: block;
padding-top: 56.25%; }
.image-slides .yt-wrap.fallback > iframe,
.image-slides .yt-wrap.fallback > .yt-poster {
position: absolute;
inset: 0;
width: 100%;
height: 100%; }
.image-slides .yt-wrap.is-ready .yt-poster {
display: none; }
.image-slides .swiper-button-prev {
justify-content: flex-end; }
.image-slides .swiper-button-next {
justify-content: flex-start; }.btn-ani-wrap {
position: relative; }
.btn-round {
cursor: pointer;
position: relative;
display: block;
width: 37px;
height: 37px; }
@media all and (min-width: 1266px) {
.btn-round {
width: clamp(2.3125rem, calc(1.22rem + 1.39vw), 3.4375rem);
height: clamp(2.3125rem, calc(1.22rem + 1.39vw), 3.4375rem); } }
.btn-round .round-ani-container {
position: absolute;
z-index: 2;
top: 0; }
.btn-round .round-ani-wrap {
display: inline-flex;
justify-content: center;
align-items: center;
transition: height 0.2s ease;
background-color: transparent;
border: 1px solid #89FFBA;
width: 37px;
height: 37px;
border-radius: 50%; }
@media all and (min-width: 1266px) {
.btn-round .round-ani-wrap {
width: clamp(2.3125rem, calc(1.22rem + 1.39vw), 3.4375rem);
height: clamp(2.3125rem, calc(1.22rem + 1.39vw), 3.4375rem); } }
.btn-round .round-ani svg {
width: 13px;
height: 14px;
position: relative;
display: block;
transform: rotate(90deg); }
@media all and (min-width: 1266px) {
.btn-round .round-ani svg {
width: clamp(0.8125rem, calc(0.45rem + 0.46vw), 1.1875rem);
height: clamp(0.875rem, calc(0.45rem + 0.54vw), 1.3125rem); } }
.btn-round .round-ani svg .st0 {
fill: #00eb85; }
.btn-round.roundTop {
margin-top: 12px; }
@media (min-width: 1265px) {
.btn-round.roundTop {
margin-top: clamp(0.75rem, calc(0.26rem + 0.62vw), 1.25rem); } }
.btn-round.roundTop svg {
transform: rotate(-90deg); }
.btn-round:hover .round-ani-wrap,
.content-distributor .item:hover .round-ani-wrap {
padding-bottom: 13px;
border-radius: 100px;
align-items: end;
height: 60px; }
@media all and (min-width: 1266px) {
.btn-round:hover .round-ani-wrap,
.content-distributor .item:hover .round-ani-wrap {
height: clamp(3.75rem, calc(2.53rem + 1.54vw), 5rem); } }
.btn-round:hover .round-ani-wrap svg .st0,
.content-distributor .item:hover .round-ani-wrap svg .st0 {
fill: #fff; }
.default .btn-round:hover .round-ani-wrap svg .st0,
.default .content-distributor .item:hover .round-ani-wrap svg .st0 {
fill: #00eb85; }@media all and (min-width: 1266px) {
.flex-content-block.intro {
width: 50%; } }
.flex-content-block.default {
color: var(--blue); }
.flex-content-block.default .font-head {
color: var(--green);
margin-bottom: .875rem; }
@media all and (min-width: 768px) {
.flex-content-block.default .font-head {
margin-bottom: 1.25rem; } }
@media all and (min-width: 1266px) {
.flex-content-block.default .font-head {
margin-bottom: 1.875rem; } }
.flex-content-block.default .text-content .font-subline, .flex-content-block.default .text-content a {
color: var(--light_blue); }
.flex-content-block p {
margin-bottom: 1.5rem; }
@media all and (min-width: 1560px) {
.flex-content-block p {
margin-bottom: 2rem; } }
.flex-content-block ul {
list-style: none;
margin-left: 0; margin-top: -1rem;
position: relative;
padding-left: 21px;
margin-top: -1rem; }
@media all and (min-width: 1600px) {
.flex-content-block ul {
padding-left: clamp(1.3125rem, calc(-0.6rem + 1.91vw), 1.875rem); } }
.flex-content-block ul li:before {
text-indent: 0;
content: '\2014';
padding-right: 0;
color: var(--green);
position: absolute;
left: 0; }
.flex-content-block .btn-ani-wrap {
margin-top: 2.5rem;
display: block; }
@media all and (min-width: 1266px) {
.flex-content-block .btn-ani-wrap {
margin-top: clamp(2.5rem, calc(0.53rem + 2.49vw), 3.75rem); } }.content-icon {
color: var(--blue); }
.content-icon .font-head {
color: var(--green);
margin-bottom: .875rem; }
@media all and (min-width: 768px) {
.content-icon .font-head {
margin-bottom: 1.25rem; } }
@media all and (min-width: 1266px) {
.content-icon .font-head {
margin-bottom: 1.875rem; } }
.content-icon .item-row {
margin-bottom: 3.75rem; }
@media all and (min-width: 1266px) {
.content-icon .item-row {
margin-bottom: 6.25rem; } }
.content-icon .item-row:last-child {
margin-bottom: 0; }
.content-icon .item-row .icon-head {
display: flex;
flex-direction: column; }
@media all and (min-width: 768px) {
.content-icon .item-row .icon-head {
flex-direction: row;
justify-content: space-between;
align-items: end; } }
.content-icon .item-row .icon-head .icon {
display: flex;
width: 100%; }
@media all and (max-width: 767px) {
.content-icon .item-row .icon-head .icon {
order: 1;
justify-content: start; } }
@media all and (min-width: 768px) {
.content-icon .item-row .icon-head .icon {
width: 33.333333%;
justify-content: end; }
.content-icon .item-row .icon-head .icon.left {
justify-content: start; } }
.content-icon .item-row .icon-head .icon img {
position: relative;
top: -4px;
width: auto;
max-height: 138px;
height: auto; }
@media all and (min-width: 768px) {
.content-icon .item-row .icon-head .icon img {
max-width: 138px;
max-height: 138px; } }
@media all and (min-width: 1024px) {
.content-icon .item-row .icon-head .icon img {
max-width: 159px;
max-height: 159px; } }
@media all and (min-width: 1266px) {
.content-icon .item-row .icon-head .icon img {
max-width: clamp(9.9375rem, calc(2.94rem + 8.84vw), 14.375rem);
max-height: clamp(9.9375rem, calc(2.94rem + 8.84vw), 14.375rem); } }
.content-icon .item-row .icon-head .headline {
margin-top: 2.5rem; }
@media all and (max-width: 767px) {
.content-icon .item-row .icon-head .headline {
order: 2; } }
@media all and (min-width: 768px) {
.content-icon .item-row .icon-head .headline {
width: 66.666666%;
margin-top: 0; } }
.content-icon .item-row .content {
margin-top: 1.25rem; }
@media all and (min-width: 768px) {
.content-icon .item-row .content.left {
margin-left: 33.333333%; }
.content-icon .item-row .content.right {
margin-right: 33.333333%; } }
@media all and (min-width: 1266px) {
.content-icon .item-row .content {
margin-top: 1.875rem; } }
.content-icon .item-row .content .btn-ani-wrap {
margin-top: 2.5rem;
display: block; }
@media all and (min-width: 1266px) {
.content-icon .item-row .content .btn-ani-wrap {
margin-top: clamp(2.5rem, calc(0.53rem + 2.49vw), 3.75rem); } }
.content-icon .text-content .font-subline, .content-icon .text-content a {
color: var(--light_blue); }
.content-icon p {
margin-bottom: 1.5rem; }
@media all and (min-width: 1560px) {
.content-icon p {
margin-bottom: 2rem; } }
.content-icon ul {
list-style: none;
margin-left: 0; margin-top: -1rem;
position: relative;
padding-left: 21px;
margin-top: -1rem; }
@media all and (min-width: 1600px) {
.content-icon ul {
padding-left: clamp(1.3125rem, calc(-0.6rem + 1.91vw), 1.875rem); } }
.content-icon ul li:before {
text-indent: 0;
content: '\2014';
padding-right: 0;
color: var(--green);
position: absolute;
left: 0; }.relation-box .ref_news {
background-color: #EDFDF6; }
.relation-box .ref_person {
background-color: #EFF8FF; }
.flex-relation-box {
padding: 30px 20px 40px 20px; }
@media all and (min-width: 768px) {
.flex-relation-box {
padding: 50px 0 60px 0; } }
@media all and (min-width: 1024px) {
.flex-relation-box {
padding: 60px 0 120px 0; } }
@media all and (min-width: 1266px) {
.flex-relation-box {
padding-top: clamp(3.75rem, calc(-2.15rem + 7.46vw), 7.5rem);
padding-bottom: clamp(7.5rem, calc(-1.36rem + 11.19vw), 13.125rem); } }
@media all and (max-width: 767px) {
.flex-relation-box.personal .image {
margin-bottom: 1.875rem; } }
.flex-relation-box h3 {
margin-bottom: 1.25rem; }
@media all and (min-width: 1266px) {
.flex-relation-box h3 {
margin-bottom: clamp(1.25rem, calc(0.27rem + 1.24vw), 1.875rem); } }
.flex-relation-box .box {
display: flex; }
@media all and (max-width: 767px) {
.flex-relation-box .box {
flex-direction: column; } }
.flex-relation-box .box .image {
flex: 1; }
@media all and (min-width: 768px) {
.flex-relation-box .box .image {
width: 41.6666666667%;
margin-right: 8.333333333%; } }
.flex-relation-box .box .image img {
width: 100%;
height: auto; }
@media all and (max-width: 767px) {
.flex-relation-box .box.news .image {
margin-bottom: 1.875rem; } }
.flex-relation-box .box .meta {
flex: 1; }
.flex-relation-box .box .meta p {
margin-bottom: 0; }
@media all and (min-width: 768px) {
.flex-relation-box .box .meta {
width: 50%; } }
.flex-relation-box .box .meta .category {
margin-bottom: .4375rem; }
@media all and (min-width: 1560px) {
.flex-relation-box .box .meta .category {
margin-bottom: .9375rem; } }
.flex-relation-box .box .meta .btn-row {
margin: 1.875rem 0 1.875rem 2px; }
@media all and (min-width: 768px) {
.flex-relation-box .box .meta .btn-row {
margin-top: 2.5rem;
margin-bottom: 2.5rem; } }
@media all and (min-width: 1266px) {
.flex-relation-box .box .meta .btn-row {
margin-top: clamp(2.5rem, calc(0.53rem + 2.49vw), 3.75rem);
margin-bottom: clamp(2.5rem, calc(0.53rem + 2.49vw), 3.75rem); } }
.flex-relation-box .box .meta .contact-row.first {
margin-top: 2rem; }
.flex-relation-box .box .meta .contact-row span {
padding-right: 7px; }
.flex-relation-box .box .meta .contact-row a:hover {
color: var(--green); }
.flex-relation-box .font-head {
color: var(--green);
margin-bottom: .875rem; }
@media all and (min-width: 768px) {
.flex-relation-box .font-head {
margin-bottom: 1.25rem; } }
@media all and (min-width: 1266px) {
.flex-relation-box .font-head {
margin-bottom: 1.875rem; } }
.flex-relation-box .text-content .font-subline, .flex-relation-box .text-content a {
color: var(--light_blue); }
.flex-relation-box .swiper-button-prev:after,
.flex-relation-box .swiper-button-next:after {
content: ""; }
.flex-relation-box .swiper-button-prev {
rotate: -180deg;
left: 0; }
.flex-relation-box .swiper-button-next {
right: 0; }
.flex-relation-box .paging {
gap: 5px;
position: relative;
margin-top: .625rem; }
.flex-relation-box .paging.outerbox {
display: flex; }
@media all and (min-width: 768px) {
.flex-relation-box .paging.outerbox {
display: none; } }
.flex-relation-box .paging.imagebox {
display: none; }
@media all and (min-width: 768px) {
.flex-relation-box .paging.imagebox {
display: flex; } }
@media all and (min-width: 1266px) {
.flex-relation-box .paging {
margin-top: 1.25rem;
gap: 20px; } }
.flex-relation-box .paging .swiper-button-prev, .flex-relation-box .paging .swiper-button-next {
position: relative;
margin-top: 0;
height: auto; }
.flex-relation-box .paging .swiper-button-prev svg, .flex-relation-box .paging .swiper-button-next svg {
width: 17px; }
.flex-relation-box .paging .swiper-button-prev svg .st0, .flex-relation-box .paging .swiper-button-next svg .st0 {
fill: var(--light_blue); }
@media all and (min-width: 1266px) {
.flex-relation-box .paging .swiper-button-prev svg, .flex-relation-box .paging .swiper-button-next svg {
width: 30px; } }
.flex-relation-box .paging .swiper-button-prev:hover .st0, .flex-relation-box .paging .swiper-button-next:hover .st0 {
fill: var(--green); }.flex-teaser.big-teaser-content { }
@media all and (min-width: 768px) {
.flex-teaser.content-col {
width: 100%;
margin: 80px auto 0 auto; } }
@media all and (min-width: 1024px) {
.flex-teaser.content-col {
width: 83.333333%;
margin: 100px auto 0 auto; } }
@media all and (min-width: 1266px) {
.flex-teaser.content-col {
margin: clamp(6.25rem, calc(1.33rem + 6.22vw), 9.375rem) auto 0 auto; } }
.flex-teaser h2 {
margin-bottom: 20px; }
@media all and (max-width: 767px) {
.flex-teaser h2 {
margin-top: 30px; } }
@media all and (min-width: 1266px) {
.flex-teaser h2 {
margin-bottom: clamp(1.25rem, calc(0.27rem + 1.24vw), 1.875rem); } }
.flex-teaser .image img {
width: 100%;
height: auto; }
.flex-teaser .btn-ani-wrap {
margin-top: 2.5rem;
display: block; }
@media all and (min-width: 1266px) {
.flex-teaser .btn-ani-wrap {
margin-top: clamp(2.5rem, calc(0.53rem + 2.49vw), 3.75rem); } }
.flex-teaser .teaser.small {
display: flex;
align-items: center;
flex-direction: column; }
@media all and (min-width: 768px) {
.flex-teaser .teaser.small {
flex-direction: row; } }
.flex-teaser .teaser.small .img-left, .flex-teaser .teaser.small .img-right {
display: none; }
.flex-teaser .teaser.small .image {
line-height: 0;
overflow: hidden;
position: relative;
width: 100%; }
@media all and (min-width: 768px) {
.flex-teaser .teaser.small .image {
width: 50%;
padding-right: 8.3333333%; } }
.flex-teaser .teaser.small .image .img-left {
display: block;
position: absolute;
top: 0;
left: 0;
width: 45%; }
.flex-teaser .teaser.small .image.right .img-left {
display: none; }
.flex-teaser .teaser.small .image.right .img-right {
display: block;
position: absolute;
bottom: 0;
right: 0;
width: 45%; }
@media all and (min-width: 768px) {
.flex-teaser .teaser.small .image.right {
order: 2;
padding-right: 0;
padding-left: 8.3333333%; } }
.flex-teaser .teaser.small .image.left .img-right {
display: none; }
.flex-teaser .teaser.small .content {
width: 100%; }
@media all and (min-width: 768px) {
.flex-teaser .teaser.small .content {
width: 41.6666666%; } }
@media all and (min-width: 768px) {
.flex-teaser .teaser.small .content.right {
order: 1; } }
.flex-teaser.teaser_big {
margin: 60px auto 0 auto; }
@media all and (min-width: 768px) {
.flex-teaser.teaser_big {
margin: 80px auto 0 auto; } }
@media all and (min-width: 1024px) {
.flex-teaser.teaser_big {
margin: 100px auto 0 auto; } }
@media all and (min-width: 1266px) {
.flex-teaser.teaser_big {
margin: clamp(6.25rem, calc(1.33rem + 6.22vw), 9.375rem) auto 0 auto; } }
@media all and (min-width: 2560px) {
.flex-teaser.teaser_big {
width: 100%; } }
.flex-teaser.teaser_big a {
color: #fff; }
.flex-teaser.teaser_big p {
color: white; }
.flex-teaser.teaser_big .btn-ani-wrap {
margin-top: 1.5rem;
display: block; }
@media all and (min-width: 1024px) {
.flex-teaser.teaser_big .btn-ani-wrap {
margin-top: 1.875rem; } }
@media all and (min-width: 1266px) {
.flex-teaser.teaser_big .btn-ani-wrap {
margin-top: clamp(1.875rem, calc(-0.09rem + 2.49vw), 3.125rem); } }
.flex-teaser.teaser_big .image {
line-height: 0;
aspect-ratio: 2/3;
position: relative; }
@media all and (min-width: 768px) {
.flex-teaser.teaser_big .image {
aspect-ratio: 1/1; } }
@media all and (min-width: 1024px) {
.flex-teaser.teaser_big .image {
aspect-ratio: 2/1; } }
.flex-teaser.teaser_big .image .medium, .flex-teaser.teaser_big .image .def {
display: none; }
@media all and (min-width: 768px) {
.flex-teaser.teaser_big .image .small {
display: none; }
.flex-teaser.teaser_big .image .medium {
display: block; } }
@media all and (min-width: 1024px) {
.flex-teaser.teaser_big .image .medium {
display: none; }
.flex-teaser.teaser_big .image .def {
display: block; } }
.flex-teaser.teaser_big .image .img-left, .flex-teaser.teaser_big .image .img-right {
position: absolute;
z-index: 1;
max-width: 20%; }
.flex-teaser.teaser_big .image .img-left {
left: 0; }
.flex-teaser.teaser_big .image .img-right {
bottom: 0;
right: 0; }
.flex-teaser.teaser_big .image .content-overlay {
position: absolute;
bottom: 1.875rem;
left: 1.25rem;
z-index: 10; }
@media all and (min-width: 768px) {
.flex-teaser.teaser_big .image .content-overlay {
bottom: 3.75rem;
left: 2.5rem; } }
@media all and (min-width: 1560px) {
.flex-teaser.teaser_big .image .content-overlay {
bottom: clamp(3.125rem, calc(-2.62rem + 5.89vw), 5rem);
left: clamp(2.5rem, calc(-5.16rem + 7.86vw), 5rem); } }
.flex-teaser.teaser_big .image .gradient {
position: absolute;
width: 100%;
height: 75%;
bottom: 0;
left: 0;
z-index: 1;
background: linear-gradient(0deg, rgba(0, 0, 190, 0.801541) 0%, rgba(0, 0, 190, 0) 80%); }