.elementor-kit-7{--e-global-color-primary:#000000;--e-global-color-secondary:#54595F;--e-global-color-text:#000000;--e-global-color-accent:#001EEB;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Archia", Sans-serif;font-size:18px;font-weight:300;line-height:32px;--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-exit-animation:e-page-transition-fade-in;--e-page-transition-animation-duration:1000ms;--e-preloader-animation-duration:1500ms;--e-preloader-delay:0ms;--e-preloader-color:#000000;--e-preloader-size:20px;}.elementor-kit-7 e-page-transition{background-color:#FFFFFF;}.elementor-kit-7 h1{font-family:"Archia", Sans-serif;font-size:48px;font-weight:500;line-height:56px;}.elementor-kit-7 h2{font-family:"Archia", Sans-serif;font-size:36px;font-weight:400;line-height:48px;}.elementor-kit-7 h3{font-family:"Archia", Sans-serif;font-size:32px;font-weight:300;line-height:48px;}.elementor-kit-7 h4{font-family:"Archia", Sans-serif;}.elementor-kit-7 h5{font-family:"Archia", Sans-serif;}.elementor-kit-7 h6{font-family:"Archia", Sans-serif;font-size:16px;font-weight:100;line-height:22px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-7 h1{font-size:32px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7 h1{font-size:31px;}.elementor-kit-7 h2{font-size:28px;}.elementor-kit-7 h3{font-size:24px;}.elementor-kit-7 h6{line-height:1.6em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Height Fix for Login */

/*@media (min-width: 1024px) */
    body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        min-height: 100vh;
    }
    .elementor-location-footer{
        margin-top: auto;
    }




/* Home BG Animation */

.animated-background {
    background-color:#ff99ac;
    background-image:
    radial-gradient(at 0% 77%, hsla(167,66%,79%,1) 0px, transparent 50%),
    radial-gradient(at 54% 10%, hsla(296,65%,73%,1) 0px, transparent 50%),
    radial-gradient(at 16% 29%, hsla(240,97%,60%,1) 0px, transparent 50%);

    animation: animatedgradient 10s ease infinite;
    background-size: 200% 200%;
}

@keyframes animatedgradient {
	0% {background-position: 0% 25%;}
	25% {background-position: 100% 50%;}
	50% {background-position: 50% 75%;}
	75% {background-position: 25% 25%;}
	100% {background-position: 0% 25%;}
}




/* Underline Animation */

.underline-home, .underline-body-w, .underline-body-b, .underline-footer-w, .underline-footer- {
  display: inline-block;
  position: relative;
}

.underline-home a {
    color: #000;
}

.underline-home a:link {
    color: #000;
}

.underline-home:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(1);
  height: 1px;
  bottom: 3px;
  left: 0;
  background-color: #000;
  transform-origin: bottom left;
  transition: transform 0.25s ease-in;
}

.underline-body-w:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(1);
  height: 1px;
  bottom: 2px;
  left: 0;
  background-color: #fff;
  transform-origin: bottom left;
  transition: transform 0.25s ease-in;
}

.underline-body-b:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(1);
  height: 1px;
  bottom: 2px;
  left: 0;
  background-color: #000;
  transform-origin: bottom left;
  transition: transform 0.25s ease-in;
}


.underline-footer-b:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(1);
  height: 1px;
  bottom: -5px;
  left: 0;
  background-color: #000;
  transform-origin: bottom left;
  transition: transform 0.25s ease-in;
}

.underline-footer-w:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(1);
  height: 1px;
  bottom: -5px;
  left: 0;
  background-color: #fff;
  transform-origin: bottom left;
  transition: transform 0.25s ease-in;
}

.underline-home:hover:after, .underline-body-w:hover:after, .underline-body-b:hover:after, .underline-footer-b:hover:after, .underline-footer-w:hover:after {
    transform: scaleX(0);
    transform-origin: bottom right;
}




/* Portfolio Item Hover */

.portfolio-item-parent .portfolio-item-icon {
    transition: 0.5s ease;
}


.portfolio-item-child {
    transition: padding 0.5s ease;
}

@media (min-width: 768px) {
.portfolio-item-parent:hover .portfolio-item-child {
    padding: 50px  75px;
}}

.portfolio-item-parent:hover .portfolio-item-icon {
    transform: rotate(45deg);
}

.portfolio-item-parent:hover .portfolio-item-icon-down {
    transform: rotate(135deg);
}

/* Portfolio Case Backlink Hover */
.portfolio-back-parent {
    transition: padding 0.5s ease;
}

@media (min-width: 768px) {
    .portfolio-back-parent:hover {
    padding: 30px  75px;
}}

.portfolio-back-parent:hover .portfolio-item-icon {
    transform: rotate(-45deg);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Archia';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://mrichelmann.de/wp-content/uploads/2025/11/archia-thin-webfont.eot');
	src: url('https://mrichelmann.de/wp-content/uploads/2025/11/archia-thin-webfont.eot?#iefix') format('embedded-opentype'),
		url('https://mrichelmann.de/wp-content/uploads/2025/11/archia-thin-webfont.woff2') format('woff2'),
		url('https://mrichelmann.de/wp-content/uploads/2025/11/archia-thin-webfont.woff') format('woff'),
		url('https://mrichelmann.de/wp-content/uploads/2025/11/archia-thin-webfont.ttf') format('truetype');
}
@font-face {
	font-family: 'Archia';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://mrichelmann.de/wp-content/uploads/2025/11/archia-light-webfont.eot');
	src: url('https://mrichelmann.de/wp-content/uploads/2025/11/archia-light-webfont.eot?#iefix') format('embedded-opentype'),
		url('https://mrichelmann.de/wp-content/uploads/2025/11/archia-light-webfont.woff2') format('woff2'),
		url('https://mrichelmann.de/wp-content/uploads/2025/11/archia-light-webfont.woff') format('woff'),
		url('https://mrichelmann.de/wp-content/uploads/2025/11/archia-light-webfont.ttf') format('truetype');
}
@font-face {
	font-family: 'Archia';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://mrichelmann.de/wp-content/uploads/2025/11/archia-regular-webfont.eot');
	src: url('https://mrichelmann.de/wp-content/uploads/2025/11/archia-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('https://mrichelmann.de/wp-content/uploads/2025/11/archia-regular-webfont.woff2') format('woff2'),
		url('https://mrichelmann.de/wp-content/uploads/2025/11/archia-regular-webfont.woff') format('woff'),
		url('https://mrichelmann.de/wp-content/uploads/2025/11/archia-regular-webfont.ttf') format('truetype');
}
@font-face {
	font-family: 'Archia';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://mrichelmann.de/wp-content/uploads/2025/11/archia-medium-webfont.eot');
	src: url('https://mrichelmann.de/wp-content/uploads/2025/11/archia-medium-webfont.eot?#iefix') format('embedded-opentype'),
		url('https://mrichelmann.de/wp-content/uploads/2025/11/archia-medium-webfont.woff2') format('woff2'),
		url('https://mrichelmann.de/wp-content/uploads/2025/11/archia-medium-webfont.woff') format('woff'),
		url('https://mrichelmann.de/wp-content/uploads/2025/11/archia-medium-webfont.ttf') format('truetype');
}
@font-face {
	font-family: 'Archia';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://mrichelmann.de/wp-content/uploads/2025/11/archia-semibold-webfont.eot');
	src: url('https://mrichelmann.de/wp-content/uploads/2025/11/archia-semibold-webfont.eot?#iefix') format('embedded-opentype'),
		url('https://mrichelmann.de/wp-content/uploads/2025/11/archia-semibold-webfont.woff2') format('woff2'),
		url('https://mrichelmann.de/wp-content/uploads/2025/11/archia-semibold-webfont.woff') format('woff'),
		url('https://mrichelmann.de/wp-content/uploads/2025/11/archia-semibold-webfont.ttf') format('truetype');
}
@font-face {
	font-family: 'Archia';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://mrichelmann.de/wp-content/uploads/2025/11/archia-bold-webfont.eot');
	src: url('https://mrichelmann.de/wp-content/uploads/2025/11/archia-bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('https://mrichelmann.de/wp-content/uploads/2025/11/archia-bold-webfont.woff2') format('woff2'),
		url('https://mrichelmann.de/wp-content/uploads/2025/11/archia-bold-webfont.woff') format('woff'),
		url('https://mrichelmann.de/wp-content/uploads/2025/11/archia-bold-webfont.ttf') format('truetype');
}
/* End Custom Fonts CSS */