@font-face {
font-display: swap; font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 100;
src: url(//ux-design-development.de/wp-content/themes/Child/fonts/roboto-condensed-v27-latin-100.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Roboto Condensed';
font-style: italic;
font-weight: 100;
src: url(//ux-design-development.de/wp-content/themes/Child/fonts/roboto-condensed-v27-latin-100italic.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 200;
src: url(//ux-design-development.de/wp-content/themes/Child/fonts/roboto-condensed-v27-latin-200.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Roboto Condensed';
font-style: italic;
font-weight: 200;
src: url(//ux-design-development.de/wp-content/themes/Child/fonts/roboto-condensed-v27-latin-200italic.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 300;
src: url(//ux-design-development.de/wp-content/themes/Child/fonts/roboto-condensed-v27-latin-300.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Roboto Condensed';
font-style: italic;
font-weight: 300;
src: url(//ux-design-development.de/wp-content/themes/Child/fonts/roboto-condensed-v27-latin-300italic.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 400;
src: url(//ux-design-development.de/wp-content/themes/Child/fonts/roboto-condensed-v27-latin-regular.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Roboto Condensed';
font-style: italic;
font-weight: 400;
src: url(//ux-design-development.de/wp-content/themes/Child/fonts/roboto-condensed-v27-latin-italic.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 500;
src: url(//ux-design-development.de/wp-content/themes/Child/fonts/roboto-condensed-v27-latin-500.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Roboto Condensed';
font-style: italic;
font-weight: 500;
src: url(//ux-design-development.de/wp-content/themes/Child/fonts/roboto-condensed-v27-latin-500italic.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 600;
src: url(//ux-design-development.de/wp-content/themes/Child/fonts/roboto-condensed-v27-latin-600.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Roboto Condensed';
font-style: italic;
font-weight: 600;
src: url(//ux-design-development.de/wp-content/themes/Child/fonts/roboto-condensed-v27-latin-600italic.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 700;
src: url(//ux-design-development.de/wp-content/themes/Child/fonts/roboto-condensed-v27-latin-700.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Roboto Condensed';
font-style: italic;
font-weight: 700;
src: url(//ux-design-development.de/wp-content/themes/Child/fonts/roboto-condensed-v27-latin-700italic.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 800;
src: url(//ux-design-development.de/wp-content/themes/Child/fonts/roboto-condensed-v27-latin-800.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Roboto Condensed';
font-style: italic;
font-weight: 800;
src: url(//ux-design-development.de/wp-content/themes/Child/fonts/roboto-condensed-v27-latin-800italic.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 900;
src: url(//ux-design-development.de/wp-content/themes/Child/fonts/roboto-condensed-v27-latin-900.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Roboto Condensed';
font-style: italic;
font-weight: 900;
src: url(//ux-design-development.de/wp-content/themes/Child/fonts/roboto-condensed-v27-latin-900italic.woff2) format('woff2'); }  @media only screen and (max-width: 1350px) {
#top-menu {
display: none !important;
}
#et_mobile_nav_menu {
display: block !important;
}
} .et_pb_menu .et_mobile_menu li {
list-style-type: none;
} .et_pb_menu .et_mobile_menu {
padding-left: 0;
} .mobile_menu_bar:before {
font-weight: bold; 
font-size: 50px; 
color: white !Important; 
background: #2B2D54 !important;
}
.et_mobile_menu {
border-top: none; 
} #main-header.et-fixed-header #top-menu li.kontakt-button>a {
color: white !Important; 
}
.kontakt-button a {
background: #00c3ff!important;
color: #2b2d54!important;
font-weight: 600!important;
top: -12px!important;
padding: 15px 25px 17px!important;
border-width: 0px!important;
border-radius: 0px;
max-width: auto;
text-align: center;
}
.kontakt-button {
float: right!important;	
}
@media screen and (max-width: 1350px) {
.kontakt-button {
width: 100%; 
}
} .cs-steps-arrow {
position: absolute;
top: 30%;
right: -25%; 
}
.cs-steps-arrow:nth-child(3) {
visibility: hidden; 
}
@media screen and (max-width: 980px) {
.cs-steps-arrow {
position: relative !important;
top: inherit;
right: inherit; 
transform: rotate(90deg);
}
}
.cs-steps .et_pb_column_1_3:nth-child(3) .cs-steps-arrow {
visibility: hidden;
display: none; 
} body .cs-section-1 h3 {
padding-top: 30px !important; 
font-size: 45px !important; 
} .floats {
transition: transform 1s ease-out !important;
}
.floats:hover {
animation: float 1.5s ease-in-out;
animation-play-state: running;
animation-iteration-count: 1;
transition: all 1s ease-in-out !important;  
-webkit-transition: all 1s ease-out !important;  
}
@keyframes float {
0% {
transform: translateY(0);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,.4);
}
50% {
transform: translateY(-10px);
box-shadow: 0px 10px 10px 0px rgba(0,0,0,.2);
}
100% {
transform: translateY(0);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,.4);
}
}  .mobile_menu_bar:before {
font-weight: bold; 
font-size: 50px; 
color: white !important; 
padding: 3px 2px 1px 3px; border-radius: 10px; 
}
.et_pb_toggle_title:before {
top: 20px !important; 
position: absolute; 
}
.cs-tile-column .tile-text {
width: 60%; 
}
@media screen and (max-width: 981px) {
.cs-tile-column .tile-text {
width: 100%; 
}   
}
.cs-tile-column {
background-size: auto 100% !important;
background-position: 100% top; 
}
.cs-tile-column:after {
content: " ";
position: absolute; 
right: 30px; 
top: 30px; 
height: 70px !important; 
width: 70px !important; 
background: no-repeat; 
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_2' data-name='Ebene 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68.12 68.12'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23000; stroke-miterlimit: 10; stroke-width: 2px; %7D .cls-2 %7B fill: %23fff; opacity: .8; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cg id='Ebene_1-2' data-name='Ebene 1'%3E%3Ccircle class='cls-2' cx='34.06' cy='34.06' r='34.06'/%3E%3Cg%3E%3Cline class='cls-1' x1='34.02' y1='22.33' x2='34.02' y2='45.79'/%3E%3Cline class='cls-1' x1='22.29' y1='34.06' x2='45.75' y2='34.06'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
transition: all .2s;
} .cs-tile-column:hover:after {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_2' data-name='Ebene 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68.12 68.12'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23000; stroke-miterlimit: 10; stroke-width: 2px; %7D .cls-2 %7B fill: %23fff; opacity: .6; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cg id='Ebene_1-2' data-name='Ebene 1'%3E%3Ccircle class='cls-2' cx='34.06' cy='34.06' r='34.06'/%3E%3Cg%3E%3Cpolyline class='cls-1' points='34.02 22.33 45.75 34.06 34.02 45.79'/%3E%3Cline class='cls-1' x1='22.29' y1='34.06' x2='45.75' y2='34.06'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
transition: all .2s;
}
.cl1:before {
background: #00c3ff; 
}
.cl2:before {
background: #642df9; 
}
.cl3:before {
background: #2b2d54; 
}
.cl4:before {
background: #a5a5a5; 
}
.cs-tile-column:before {
content: "";
height: 100%; 
width: 100%; 
transition: .6s; 
position: absolute; 
}
.cs-tile-column {
cursor: pointer !Important; 
}
.cs-tile-column:before {
opacity: 0; 
transition: .6s; 
}
@media screen and (min-width: 981px) and (max-width: 1300px) {
.cs-section-1 {
display: block !important; 
}
.cs-section-1 .et_pb_column {
width: 100% !important;
margin-bottom: 30px;
}
}
@media screen and (max-width: 980px) {
.cs-section-1 {
display: block !important; 
}
.cs-tile-column .tile-text {
width: 100% !important;
padding-right: 30% !important; 
}
}
@media screen and (max-width: 700px) {
.cs-section-1 {
display: block !important; 
}
.cs-tile-column .tile-text {
width: 100% !important;
padding-right: 25% !important; 
}
.cs-tile-column:after { 
height: 50px !important;
width: 50px !important; 
right: 20px; 
top: 20px; 
}    
.cs-tile-column .et_pb_text .et_pb_text_inner h3 {
font-size: 24px !important;
}
} body .et_pb_toggle.et_pb_toggle_close .et_pb_toggle_title:before, 
body .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title:before {
content: " " !important;
position: absolute; 
right: -15px; 
top: 0px; 
height: 40px !important; 
width: 40px !important; 
background: no-repeat; 
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_2' data-name='Ebene 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68.12 68.12'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23000; stroke-miterlimit: 10; stroke-width: 2px; %7D .cls-2 %7B fill: %23fff; opacity: .8; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cg id='Ebene_1-2' data-name='Ebene 1'%3E%3Ccircle class='cls-2' cx='34.06' cy='34.06' r='34.06'/%3E%3Cg%3E%3Cline class='cls-1' x1='34.02' y1='22.33' x2='34.02' y2='45.79'/%3E%3Cline class='cls-1' x1='22.29' y1='34.06' x2='45.75' y2='34.06'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
transition: all .2s;
}
.et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title:before {
transform: rotate(45deg);
} body .cs-toggle-list .et_pb_toggle.et_pb_toggle_close .et_pb_toggle_title:before, 
body .cs-toggle-list .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title:before {
content: " " !important;
position: absolute; 
right: -15px; 
top: 25px !important; 
height: 40px !important; 
width: 40px !important; 
background: no-repeat; 
transition: all .2s;
}
body .cs-toggle-list .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title:before {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_2' data-name='Ebene 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68.12 68.12'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23642DF9; stroke: %23fff; stroke-miterlimit: 10; stroke-width: 2px; %7D .cls-2 %7B fill: %23642DF9; opacity: 1; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cg id='Ebene_1-2' data-name='Ebene 1'%3E%3Ccircle class='cls-2' cx='34.06' cy='34.06' r='34.06'/%3E%3Cg%3E%3Cline class='cls-1' x1='34.02' y1='22.33' x2='34.02' y2='45.79'/%3E%3Cline class='cls-1' x1='22.29' y1='34.06' x2='45.75' y2='34.06'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
}
body .cs-toggle-list .et_pb_toggle.et_pb_toggle_close .et_pb_toggle_title:before {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_2' data-name='Ebene 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68.12 68.12'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2300C3FF; stroke: %23000; stroke-miterlimit: 10; stroke-width: 2px; %7D .cls-2 %7B fill: %2300C3FF; opacity: 1; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cg id='Ebene_1-2' data-name='Ebene 1'%3E%3Ccircle class='cls-2' cx='34.06' cy='34.06' r='34.06'/%3E%3Cg%3E%3Cline class='cls-1' x1='34.02' y1='22.33' x2='34.02' y2='45.79'/%3E%3Cline class='cls-1' x1='22.29' y1='34.06' x2='45.75' y2='34.06'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
} .evf-field-label {
font-size: 18px !important; 
padding-top: 10px;
margin-bottom: 10px !important; 
color: #fff !Important; 
}
.evf-submit {
color: #000000 !important;
border-width: 0px !important;
border-radius: 0px !important;
font-weight: 600 !important;
background-color: #00C3FF !Important;
padding-right: 25px !important;
padding-left: 25px !important;
float: right; 
font-size: 20px !important; 
transition: all .3s;
margin-top: 20px; 
}
.evf-submit:after {
line-height: inherit;
font-size: inherit !important;
margin-left: 0.3em;
top: 2px;
position: relative;
left: auto;
font-family: ETmodules !important;
font-weight: 400 !important;
content: "$";
}
.evf-submit:hover {
color: #FFFFFF !important;
background-image: initial;
background-color: #642DF9 !important;
transition: all .3s;
}
.everest-forms input[type="text"], 
.everest-forms input[type="email"], 
.everest-forms textarea {
border: none; 
background: #fff !important; font-size: 18px;  
padding: 20px; 
}
.everest-forms label.evf-error {
font-size: 16px !important; 
font-weight: bold !important; 
}
.everest-forms .everest-forms-notice--success, .wp-block-everest-forms-form-selector .everest-forms-notice--success {
font-size: 20px; 
font-weight: bold; 
border-radius: 0; 
margin-top: 30px; 
padding-left: 80px; 
}
.everest-forms .everest-forms-notice--success::before, .wp-block-everest-forms-form-selector .everest-forms-notice--success::before {
font-size: 40px; 
top: 20px; 
left: 20px; 
}
.everest-forms input, .everest-forms textarea {
border-radius: 30px; 
}
.everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid, .wp-block-everest-forms-form-selector .evf-field-container .evf-frontend-row .evf-frontend-grid, .everest-forms .evf-field-container, .everest-forms .evf-honeypot-container, .everest-forms .evf-submit-container, .wp-block-everest-forms-form-selector .evf-field-container, .wp-block-everest-forms-form-selector .evf-honeypot-container, .wp-block-everest-forms-form-selector .evf-submit-container {
width: 100%;
padding-left: 0px;
padding-right: 0px;
}
.everest-forms .evf-field-container .evf-frontend-row:not(.wp-list-table), .wp-block-everest-forms-form-selector .evf-field-container .evf-frontend-row:not(.wp-list-table) {
margin-left: 0px;
margin-right: 0px;
}
.menu-item a {
font-size: 18px !important; 
font-weight: 700;
}
.et_mobile_menu li a {
border-bottom: 1px solid rgba(0, 0, 0, 1);
color: #2B2D54;
padding: 20px 5%;
display: block;
}
.et_mobile_menu li a:hover, .nav ul li a:hover {
background-color: rgba(0, 0, 0, 0);
opacity: 1;
}
#main-header {
box-shadow: 0 4px 10px rgba(0, 0, 0, 0);
transform: all .6s;
}
#main-header.et-fixed-header {
background: #2B2D54 !important; box-shadow: 0px 10px 10px 0px rgba(0,0,0,.2) !important;
transform: all .6s;
} @media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
position: fixed;
} }
.et_mobile_menu { max-height: 83vh;
}
#main-header .et_mobile_menu .menu-item-has-children > a {
background-color: transparent;
position: relative;
}
#main-header .et_mobile_menu .menu-item-has-children > a:after {
text-align: center;
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
position: absolute;
}
#main-header .et_mobile_menu .menu-item-has-children > a:after {
font-family: "intranet" !important;
content: "\e902";
font-size: 10px;
top: 15px !important;
right: 10px;
}
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after {
font-family: "intranet" !important;
content: "\e900"; 
font-family: "ET-Modules";
top: 16px !Important;
}
#main-header .et_mobile_menu ul.sub-menu { max-height: 0; 
transform: scaley(0);  
transform-origin: top;
transition-delay: 0 !important;
transition: all .3s;
}
#main-header .et_mobile_menu .visible > ul.sub-menu, 
#main-header .et_mobile_menu .visible > ul.sub-menu a{ max-height: 500px; 
transform: scaley(1);
transform-origin: top;
transition: all .3s;
transition-delay: 0 !important;
}
@media screen and (min-width: 1350px) {
#main-header.et-fixed-header ul li a {
color: white !important; 
}
} .et_pb_scroll_top::before {
font-family: ETmodules !important;
}
body.apop-highlight-titles h1, body.apop-highlight-titles h2, body.apop-highlight-titles h3, body.apop-highlight-titles h4, body.apop-highlight-titles h5, body.apop-highlight-titles h6, body.apop-highlight-all :hover {
outline-color: #ff0000 !important;
}
.apop-active {
background: #ddd;
} .accessibility-ico img {
margin-bottom: -8px; 
height: 30px; 
}
.et-fixed-header nav .accessibility-ico a::before {
display: block; 
height: 30px; 
width: 30px; 
position: relative; 
content: url(https://ux-design-development.de/wp-content/uploads/2025/05/accessibility-w-1.svg);
margin-bottom: -31px; 
}
.kontakt-button2 a {
background: #00c3ff !important;
color: #2b2d54 !important;
font-weight: 600 !important;
padding: 15px 25px 17px !important;
border: none !important;
border-radius: 0;
max-width: none;
text-align: center;
}