:root {
--bs-body-font-size: 	1.25em;
--stack-cards-gap: 		0.75em;
}
:root {
--space-unit:  1em;
--space-xxxxs: calc(0.125 * var(--space-unit));
--space-xxxs:  calc(0.25 * var(--space-unit));
--space-xxs:   calc(0.375 * var(--space-unit));
--space-xs:    calc(0.5 * var(--space-unit));
--space-sm:    calc(0.75 * var(--space-unit));
--space-md:    calc(1.25 * var(--space-unit));
--space-lg:    calc(2 * var(--space-unit));
--space-xl:    calc(3.25 * var(--space-unit));
--space-xxl:   calc(5.25 * var(--space-unit));
--space-xxxl:  calc(8.5 * var(--space-unit));
--space-xxxxl: calc(13.75 * var(--space-unit));
--component-padding: var(--space-md); }
:root {
--max-width-xxxxs: 20rem;
--max-width-xxxs:  26rem;
--max-width-xxs:   32rem;
--max-width-xs:    38rem;
--max-width-sm:    48rem;
--max-width-md:    64rem;
--max-width-lg:    80rem;
--max-width-xl:    90rem;
--max-width-xxl:   100rem;
--max-width-xxxl:  120rem;
--max-width-xxxxl: 150rem; }
body {
margin: 0;
padding: 0;
font-family: 'kiro', sans-serif;
font-weight: 300;
font-style: normal;
color: #444;
background: rgba(240,240,240,1.00);
font-size: var(--bs-body-font-size);
font-display: swap;
line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'kiro', sans-serif;
font-weight: 300;
font-style: normal;
font-display: swap;
line-height: 1.2;
padding-bottom: 10px;
}
h1 {
font-size: 3em;
font-weight: 800;
background: #833ab4;
background: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 25%, rgba(252, 176, 69, 1) 50%, rgba(0, 128, 0, 1) 75%, rgba(0, 0, 255, 1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
line-height: 1;
margin-bottom: 0;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
-o-hyphens: none;
hyphens: none;
}
h2 {
font-size: 2em;
font-weight: 300;
background: #833ab4;
background: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 25%, rgba(252, 176, 69, 1) 50%, rgba(0, 128, 0, 1) 75%, rgba(0, 0, 255, 1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
line-height: 1;
margin: 0 0 0 auto;
text-align: right;
max-width: 85%;
}
.datenschutz h2 {
max-width: 100%;
}
h3 {
font-size: 1.5em;
font-weight: 700;
background: #833ab4;
background: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 25%, rgba(252, 176, 69, 1) 50%, rgba(0, 128, 0, 1) 75%, rgba(0, 0, 255, 1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
h4 {
font-size: 1.5em;
font-weight: 700;
color: #737373;
}
h5, h6 {
font-size: 1.25em;
font-weight: 700;
}
p {
font-size: 1.0em;
font-weight: 300;
color: #444;
line-height: 150%;
text-align: justify; }
li {
font-size: 1.0em;
font-weight: 300;
color: #444;
line-height: 150%;
}
a:link, a:visited {
font-weight: 700;
color: #632380;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
color: #666;
text-decoration: none;
}
.generate-back-to-top {
border-radius: 25px;
bottom: 60px;
right: 60px;
}
a.generate-back-to-top {
background-color: rgba(99, 35, 128, 0.4);
}
a.generate-back-to-top:hover, a.generate-back-to-top:focus {
background-color: rgba(99, 35, 128, 0.2);
}
.wp-block-button__link {
background-color: transparent;
} .header-aligned-center:not([class*=nav-float-]) .inside-header>:not(:first-child) {
margin-top: 0.3em !important;
}
.inside-header img {
width: 280px;
height: auto;
}
.main-navigation .menu-toggle { font-size: 1.25em;
position: absolute;
z-index: 99;
top: 10px;
left: 0;
}
.gp-icon.pro-close {
font-size: 1.5em;
color: #fff;
}
.main-navigation .main-nav {
position: fixed;
z-index: 99;
top: 10%;
right: 0;
max-width: 240px;
}
.main-navigation .main-nav li {
font-size: 1em;
line-height: 1.2;
display: block;
overflow-x: clip;
width: 240px;
right: -20px;
transition: right 300ms ease-in-out;
background-color: rgba(240,240,240,1.00);
border-radius: 20px;
margin-bottom: 20px;
}
.main-navigation .main-nav li:hover,
.main-navigation .main-nav li:focus {
width: 240px;
right: -20px;
-webkit-transition: right 0.2s ease-in-out;
-moz-transition: right 0.2s ease-in-out;
-ms-transition: right 0.2s ease-in-out;
-o-transition: right 0.2s ease-in-out;
transition: right 0.2s ease-in-out;
}
@media (min-width: 769px) {
.main-navigation .main-nav {
top: 20%;
}
.main-navigation .main-nav li {
font-size: 1em;
line-height: 1.2;
display: block;
overflow-x: clip;
width: 240px;
right: -190px;
transition: right 300ms ease-in-out;
background-color: rgba(240,240,240,1.00);
border-radius: 20px;
margin-bottom: 20px;
}
.main-navigation .main-nav li:hover,
.main-navigation .main-nav li:focus {
width: 240px;
right: -20px;
-webkit-transition: right 0.2s ease-in-out;
-moz-transition: right 0.2s ease-in-out;
-ms-transition: right 0.2s ease-in-out;
-o-transition: right 0.2s ease-in-out;
transition: right 0.2s ease-in-out;
}
}
.main-navigation .main-nav li.menu-item-410 a {
padding-left: 54px;
background: url(//www.moreweb.design/wp-content/themes/generatepress_child/images/camera_48dp_666666.svg) 18px center no-repeat;
background-size: 24px 24px;
}
.main-navigation .main-nav li.menu-item-410 a:hover,
.main-navigation .main-nav li.menu-item-410.current_page_item a {
padding-left: 54px;
background: url(//www.moreweb.design/wp-content/themes/generatepress_child/images/camera_48dp_632380.svg) 18px center no-repeat;
background-size: 24px 24px;
}
.main-navigation .main-nav li.menu-item-411 a {
padding-left: 54px;
background: url(//www.moreweb.design/wp-content/themes/generatepress_child/images/cell_tower_48dp_666666.svg) 18px center no-repeat;
background-size: 24px 24px;
}
.main-navigation .main-nav li.menu-item-411 a:hover,
.main-navigation .main-nav li.menu-item-411.current_page_item a {
padding-left: 54px;
background: url(//www.moreweb.design/wp-content/themes/generatepress_child/images/cell_tower_48dp_632380.svg) 18px center no-repeat;
background-size: 24px 24px;
}
.main-navigation .main-nav li.menu-item-412 a {
padding-left: 54px;
background: url(//www.moreweb.design/wp-content/themes/generatepress_child/images/universal-access_48dp_666666.svg) 18px center no-repeat;
background-size: 24px 24px;
}
.main-navigation .main-nav li.menu-item-412 a:hover,
.main-navigation .main-nav li.menu-item-412.current_page_item a {
padding-left: 54px;
background: url(//www.moreweb.design/wp-content/themes/generatepress_child/images/universal-access_48dp_632380.svg) 18px center no-repeat;
background-size: 24px 24px;
}
.main-navigation .main-nav li.menu-item-718 a {
padding-left: 54px;
background: url(//www.moreweb.design/wp-content/themes/generatepress_child/images/cd_48dp_666666.svg) 18px center no-repeat;
background-size: 24px 24px;
}
.main-navigation .main-nav li.menu-item-718 a:hover,
.main-navigation .main-nav li.menu-item-718.current_page_item a {
padding-left: 54px;
background: url(//www.moreweb.design/wp-content/themes/generatepress_child/images/cd_48dp_632380.svg) 18px center no-repeat;
background-size: 24px 24px;
}
.main-navigation .main-nav li.menu-item-413 a {
padding-left: 54px;
background: url(//www.moreweb.design/wp-content/themes/generatepress_child/images/star_48dp_666666.svg) 18px center no-repeat;
background-size: 24px 24px;
}
.main-navigation .main-nav li.menu-item-413 a:hover,
.main-navigation .main-nav li.menu-item-413.current_page_item a {
padding-left: 54px;
background: url(//www.moreweb.design/wp-content/themes/generatepress_child/images/star_48dp_632380.svg) 18px center no-repeat;
background-size: 24px 24px;
}
.main-navigation .main-nav li.menu-item-545 a {
padding-left: 54px; background: url(//www.moreweb.design/wp-content/themes/generatepress_child/images/icon_contact-us_666666.webp) 18px center no-repeat;
background-size: 24px 24px;
}
.main-navigation .main-nav li.menu-item-545 a:hover,
.main-navigation .main-nav li.menu-item-545.current_page_item a {
padding-left: 54px; background: url(//www.moreweb.design/wp-content/themes/generatepress_child/images/icon_contact-us_632380.webp) 18px center no-repeat;
background-size: 24px 24px;
}
.main-navigation .main-nav a {
text-decoration: none;
}
.site.grid-container,
.site-footer {
padding: 5px;
}
.site-content {
width: 100%;
max-width: 1680px;
border-radius: 50px;
margin: 50px auto 0px;
padding: 25px;
background: #fff;
} .site.footer-widgets {
width: 100%;
max-width: 1680px;
border-radius: 50px;
margin: 0 auto;
padding: 25px 0;
background: linear-gradient(135deg, rgba(129,66,170,0.2) 0%, rgba(17,45,201,0.2) 100%);
}
.site.footer-widgets p {
color: #632380;
}
.footer-widget-1 p,
.footer-widget-2 li {
text-align: center;
font-size: 0.85em;
}
.site.footer-widgets .button {
padding: 10px 5px !important;
}
.site.footer-widgets .wp-block-kadence-advancedbtn a:link,
.site.footer-widgets .wp-block-kadence-advancedbtn a:visited {
color: #632380;
transition: color 300ms ease-in-out;
}
.site.footer-widgets .wp-block-kadence-advancedbtn a:hover {
color: #fff;
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
@media (min-width: 769px) {
.wp-block-kadence-advancedbtn {
justify-content: right !important;
}	
} .ccm-modal-inner {
border-width: 0px !important;
background-color: #f0f0f0 !important;
border-radius: 25px !important;
} .ccm-modal--header,
.ccm-modal--body,
.ccm-modal--footer {
background: transparent !important;
}
.ccm-widget .ccm-modal--header .ccm-dismiss-button {
color: #444 !important;
}
button.ccm-dismiss-button {
border-color: #444 !important;
} .introtext {
width: 100%;
max-width: 1000px;
margin: 100px auto;
}
.outrotext {
width: 100%;
max-width: 1000px;
margin: 100px auto;
}
.text-center {
text-align: center;
}
.bottomtext {
width: 100%;
max-width: 1000px;
margin: 100px auto 0;
}
.bottomtext h4 {
text-align: center;
font-size: 2em;
font-weight: 300;
background: #833ab4;
background: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 25%, rgba(252, 176, 69, 1) 50%, rgba(0, 128, 0, 1) 75%, rgba(0, 0, 255, 1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
} .card-container {
max-width: 1100px;
margin-left: auto;
margin-right: auto;
padding: 5px;
}
.stack-cards {
--stack-cards-gap: var(--space-lg);
padding: 0;
margin-left: 0;
}
.stack-cards__item {
position: relative;
position: -webkit-sticky;
position: sticky;
top: var(--space-md);
height: 0;
padding-bottom: 50%;
-webkit-transform-origin: center top;
transform-origin: center top;
overflow: hidden; 
}
.stack-cards__item > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; 
}
.card-home {
border-radius: 25px;
padding: 25px;
}
.card-home h2,
.card-home h3, 
.card-home h4 {
background: #fff;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 300;
max-width: 100%;
}
.card-home h2 {
font-size: 1.5em;
}
.card-home h3 {
font-size: 1.25em;
}
.card-home p {
color: #fff;
margin: 25px auto;
font-size: 0.8em;
}
.card-home a:link,
.card-home a:visited {
font-size: 0.85em;
font-weight: 300;
color: #fff;
padding: 10px 15px;
border-radius: 50px;
}
.card-home a:hover {
background: #fff;
color: #632380;
text-decoration: none;
padding: 10px 15px;
border-radius: 50px;
}
.bg1 {
background: linear-gradient(135deg, #8142aa 0%, #b93462 100%);
}
.bg2 {
background: linear-gradient(135deg, #b93462 0%, #d62f3f 100%);
}
.bg3 {
background: linear-gradient(135deg, #d62f3f 0%, #ef713d 100%);
}
.bg4 {
background: linear-gradient(135deg, #ef713d 0%, #398323 100%);
}
.bg5 {
background: linear-gradient(135deg, #398323 0%, #112dc9 100%);
}
.bg6 {
background: linear-gradient(135deg, #112dc9 0%, #8142aa 100%);
} .card-project-gallery,
.card-project .kb-query-grid-wrap .kb-query-item {
box-shadow: none !important;
border-radius: 25px !important;
padding: 0px 25px 25px;
background: linear-gradient(135deg, rgba(240,240,240,0.5) 0%, rgba(180,180,180,0.5) 100%);
}
.card-project-gallery .kb-gallery-figure,
.card-project-gallery .wp-block-image,
.card-project .wp-block-post-featured-image { padding-top: 2px;
background: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 25%, rgba(252, 176, 69, 1) 50%, rgba(0, 128, 0, 1) 75%, rgba(0, 0, 255, 1) 100%);
}
.card-project .wp-block-post-featured-image img {
transition: opacity 0.5s, transform 0.5s, height 0.5s, display 0.5s allow-discrete; }
.card-project-gallery h3,
.card-project h3 {
margin-top: 20px !important;
font-size: 1.5em;
background: #444;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.card-project-gallery p,
.card-project p {
font-size: 0.9em;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
}
.card-project-gallery a,
.card-project a {
white-space: nowrap;
} .slider-project .kt-image-overlay-message .image-overlay-subtitle {
border-radius: 50px !important;
padding: 5px 10px !important;
} .anfrageform {
width: 100%;
max-width: 1000px;
margin: 100px auto 0;
}
.anfrageform p {
text-align: left;
}
.anfrageform input[type='text'],
.anfrageform input[type='email'],
.anfrageform input[type='tel'],
.anfrageform select,
.anfrageform textarea {
font-family: 'kiro', sans-serif;
font-weight: 300;
width: 100%;
background-color: rgba(240,240,240,1.0);
border: 1px solid #f0f0f0;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
}
.anfrageform select {
padding: 10px 5px !important;
height: 46px !important;
}
.anfrageform input[type='checkbox'] {
margin: 8px 5px 8px 0;
}
.anfrageform textarea {
height: 100px;
}
.anfrageform .wpcf7-list-item {
margin: 5px 0 0;
display: block;
}
.anfrageform .wpcf7-list-item-label {
line-height: 1.5;
}
.anfrageform input[type='submit'] {
width: 100%;
background-color: #632380;
border: 2px solid #632380;
color: #fff;
margin-top: 20px;
padding: 6px 5px 6px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
}
.anfrageform input[type='submit']:hover {
background-color: #f0f0f0;
border: 2px solid #f0f0f0;
color: #632380;
}
.wpcf7-response-output {
text-align: center;
color: #632380;
padding: 8px 5px !important;
background-color: #f0f0f0 !important;
border: 0px !important; -webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
}
.wpcf7-not-valid-tip {
color: #632380 !important;
}
.anfrageform input[type='text'].wpcf7-not-valid,
.anfrageform input[type='email'].wpcf7-not-valid,
.anfrageform input[type='tel'].wpcf7-not-valid,
.anfrageform select.wpcf7-not-valid {
background-color: rgba(99, 35, 128,0.2) !important;
}
@media (min-width: 769px) {
.footer-widget-1 p {
text-align: left;
}
.anfrageform .wp-block-column.one-half {
width: 98%;
margin-left: 2%;
}
.anfrageform .wp-block-column.one-third {
width: 96%;
margin-left: 2%;
margin-right: 2%;
}
}
@media (min-width: 1024px) {
h1 {
font-size: 3.5em;
}
h2,
.card-home h2,
.bottomtext h4 {
font-size: 2.5em;
}
h3, h4,
.card-home h3 {
font-size: 1.75em;
}
.card-home p {
font-size: 1em;
}
.card-home {
border-radius: 50px;
padding: 50px;
max-height: 600px;
max-width: 1000px;
}
}
@media (min-width: 1280px) {
.main-navigation .main-nav li {
background-color: rgba(250,250,250,1.00);
}
h1 {
font-size: 4em;
}
h2 {
font-size: 3em;
max-width: 70%;
}
h3, h4,
.card-home h3 {
font-size: 2em;
}
.bottomtext h4 {
font-size: 3em;
}
h5, h6 {
font-size: 1.5em;
}
.site.grid-container {
padding: 0 50px;
}
.site-footer {
padding: 50px 50px 0;
}
.footer-widget-1 p,
.footer-widget-2 li {
font-size: 0.9em;
}
.site-content {
padding: 25px 50px;
}
.site.footer-widgets {
padding: 25px 50px;
}
.outrotext {
padding: 0 50px;
}
.card-container {
padding: 50px;
}
.card-project-gallery,
.card-project .kb-query-grid-wrap .kb-query-item {
border-radius: 50px !important;
padding: 0px 50px 25px;
}
.card-home p {
font-size: 1.0em;
margin: 50px auto;
}
.card-home a:link,
.card-home a:visited,
.card-home a:hover {
font-size: 1.25em;
padding: 10px 25px;
}
.card-project-gallery p,
.card-project p {
font-size: 1.0em;
}
}
@media (max-width: 979px) {
}
@media (max-width: 767px) {
.stack-cards__item {
min-height: 500px;
}
}
@media (max-width: 499px) {
h1 {
font-size: 2.5em;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
}
p {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
}
}.wp-block-kadence-column.kb-section-dir-horizontal>.kt-inside-inner-col>.wp-block-kadence-column{flex:1}.wp-block-kadence-column.kb-section-dir-horizontal .wp-block-kadence-advancedgallery{flex:1}.wp-block-kadence-column{display:flex;flex-direction:column;z-index:1;min-width:0;min-height:0}.kt-inside-inner-col{flex-direction:column;border:0 solid rgba(0,0,0,0);position:relative;transition:all .3s ease}@media(max-width: 767px){.kvs-sm-false{display:none !important}}@media(min-width: 768px)and (max-width: 1024px){.kvs-md-false{display:none !important}}@media screen and (min-width: 1025px){.kvs-lg-false{display:none !important}}body.admin-bar{--kb-admin-bar-visible: 34px}@media screen and (max-width: 782px){body.admin-bar{--kb-admin-bar-visible: 46px}}.kb-section-is-sticky>.kt-inside-inner-col{position:sticky;top:calc(var(--kb-admin-bar-visible, 0px) + var(--kb-section-setting-offset, 0px))}.kt-inside-inner-col>.kb-section-is-sticky{position:sticky;top:calc(var(--kb-admin-bar-visible, 0px) + var(--kb-section-setting-offset, 0px))}.kt-inside-inner-col>.wp-block-cover{height:auto}.kb-section-has-link{position:relative}.kb-section-link-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10}.kb-section-has-overlay{position:relative}.kb-section-has-overlay>.kt-inside-inner-col{z-index:1}.kb-section-has-overlay>.kt-inside-inner-col:before{content:"";opacity:.3;position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;transition:all .3s ease-in-out}