.elementor-59 .elementor-element.elementor-element-6b288b4{--display:flex;--min-height:45em;--gap:0px 0px;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-59 .elementor-element.elementor-element-6b288b4:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-6b288b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.kartosoft.de/wp-content/uploads/2024/04/Unternehmen-Kartosoft.jpeg");background-position:0px -180px;background-repeat:no-repeat;background-size:cover;}.elementor-59 .elementor-element.elementor-element-6b288b4, .elementor-59 .elementor-element.elementor-element-6b288b4::before{--border-transition:0.3s;}.elementor-59 .elementor-element.elementor-element-f08f90c{--display:flex;--gap:0px 0px;--background-transition:0.3s;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:7%;--padding-bottom:7%;--padding-left:3%;--padding-right:5%;--z-index:0;}.elementor-59 .elementor-element.elementor-element-f08f90c:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-f08f90c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-59 .elementor-element.elementor-element-f08f90c, .elementor-59 .elementor-element.elementor-element-f08f90c::before{--border-transition:0.3s;}.elementor-59 .elementor-element.elementor-element-b518665{--display:flex;--gap:0px 0px;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:10;}.elementor-59 .elementor-element.elementor-element-69511c5{width:var( --container-widget-width, auto );max-width:auto;--container-widget-width:auto;--container-widget-flex-grow:0;}.elementor-59 .elementor-element.elementor-element-69511c5 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-59 .elementor-element.elementor-element-69511c5 .elementor-heading-title{color:#000000ff;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );}.elementor-59 .elementor-element.elementor-element-d733c67{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-59 .elementor-element.elementor-element-3ecb008{width:var( --container-widget-width, auto );max-width:auto;--container-widget-width:auto;--container-widget-flex-grow:0;text-align:center;}.elementor-59 .elementor-element.elementor-element-3ecb008 > .elementor-widget-container{margin:100px 0px 0px -140px;}.elementor-59 .elementor-element.elementor-element-3ecb008 .elementor-heading-title{color:#000000ff;font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );line-height:var( --e-global-typography-secondary-line-height );}.elementor-59 .elementor-element.elementor-element-b3f3b6d > .elementor-widget-container{margin:2% 6% 0% 0%;}.elementor-59 .elementor-element.elementor-element-b3f3b6d{color:#000000ff;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-59 .elementor-element.elementor-element-7d8fada{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--background-transition:0.3s;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-59 .elementor-element.elementor-element-64b2778{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--background-transition:0.3s;}.elementor-59 .elementor-element.elementor-element-c666dde{width:var( --container-widget-width, auto );max-width:auto;--container-widget-width:auto;--container-widget-flex-grow:0;}.elementor-59 .elementor-element.elementor-element-c666dde > .elementor-widget-container{margin:0px 0px 25px 0px;}.elementor-59 .elementor-element.elementor-element-c666dde .elementor-heading-title{color:#000000ff;font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );line-height:var( --e-global-typography-secondary-line-height );}.elementor-59 .elementor-element.elementor-element-8826b9b{width:var( --container-widget-width, auto );max-width:auto;--container-widget-width:auto;--container-widget-flex-grow:0;color:#000000ff;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-59 .elementor-element.elementor-element-8826b9b > .elementor-widget-container{margin:8% 0% 0% 0%;}.elementor-59 .elementor-element.elementor-element-96a730b{width:var( --container-widget-width, 54% );max-width:54%;--container-widget-width:54%;--container-widget-flex-grow:0;}.elementor-59 .elementor-element.elementor-element-96a730b.elementor-element{--align-self:flex-start;}.elementor-59 .elementor-element.elementor-element-3c57d84{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--background-transition:0.3s;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-59 .elementor-element.elementor-element-27b3cc6{width:var( --container-widget-width, auto );max-width:auto;--container-widget-width:auto;--container-widget-flex-grow:0;}.elementor-59 .elementor-element.elementor-element-27b3cc6 > .elementor-widget-container{margin:0px 0px 25px 0px;}.elementor-59 .elementor-element.elementor-element-27b3cc6 .elementor-heading-title{color:#000000ff;font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );line-height:var( --e-global-typography-secondary-line-height );}.elementor-59 .elementor-element.elementor-element-013ed4e{width:var( --container-widget-width, auto );max-width:auto;--container-widget-width:auto;--container-widget-flex-grow:0;color:#000000ff;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-59 .elementor-element.elementor-element-013ed4e > .elementor-widget-container{margin:0% 0% 5% 0%;}.elementor-59 .elementor-element.elementor-element-7fb1f6e{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-59 .elementor-element.elementor-element-7fb1f6e > .elementor-widget-container{margin:6% 0% -5% 0%;}.elementor-59 .elementor-element.elementor-element-7fb1f6e.elementor-element{--align-self:flex-start;}@media(max-width:1366px){.elementor-59 .elementor-element.elementor-element-69511c5 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-59 .elementor-element.elementor-element-3ecb008 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-59 .elementor-element.elementor-element-b3f3b6d{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-59 .elementor-element.elementor-element-c666dde .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-59 .elementor-element.elementor-element-8826b9b{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-59 .elementor-element.elementor-element-96a730b{--container-widget-width:62%;--container-widget-flex-grow:0;width:var( --container-widget-width, 62% );max-width:62%;}.elementor-59 .elementor-element.elementor-element-96a730b.elementor-element{--align-self:flex-start;}.elementor-59 .elementor-element.elementor-element-27b3cc6 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-59 .elementor-element.elementor-element-013ed4e{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-59 .elementor-element.elementor-element-7fb1f6e{--container-widget-width:82%;--container-widget-flex-grow:0;width:var( --container-widget-width, 82% );max-width:82%;}.elementor-59 .elementor-element.elementor-element-7fb1f6e.elementor-element{--align-self:flex-start;}}@media(min-width:768px){.elementor-59 .elementor-element.elementor-element-f08f90c{--width:70%;}.elementor-59 .elementor-element.elementor-element-b518665{--width:80%;}.elementor-59 .elementor-element.elementor-element-64b2778{--width:50%;}.elementor-59 .elementor-element.elementor-element-3c57d84{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-59 .elementor-element.elementor-element-f08f90c{--width:75%;}.elementor-59 .elementor-element.elementor-element-64b2778{--width:100%;}.elementor-59 .elementor-element.elementor-element-3c57d84{--width:100%;}}@media(min-width:2999px){.elementor-59 .elementor-element.elementor-element-6b288b4{--min-height:60em;}.elementor-59 .elementor-element.elementor-element-f08f90c{--margin-top:3%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-59 .elementor-element.elementor-element-69511c5 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-59 .elementor-element.elementor-element-3ecb008 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-59 .elementor-element.elementor-element-b3f3b6d{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-59 .elementor-element.elementor-element-c666dde .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-59 .elementor-element.elementor-element-8826b9b{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-59 .elementor-element.elementor-element-27b3cc6 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-59 .elementor-element.elementor-element-013ed4e{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:1024px){.elementor-59 .elementor-element.elementor-element-6b288b4:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-6b288b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;background-size:cover;}.elementor-59 .elementor-element.elementor-element-f08f90c{--padding-top:100px;--padding-bottom:100px;--padding-left:3%;--padding-right:0px;}.elementor-59 .elementor-element.elementor-element-69511c5 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-59 .elementor-element.elementor-element-69511c5 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-59 .elementor-element.elementor-element-3ecb008 > .elementor-widget-container{margin:50px 0px 20px 0px;}.elementor-59 .elementor-element.elementor-element-3ecb008{text-align:left;}.elementor-59 .elementor-element.elementor-element-3ecb008 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-59 .elementor-element.elementor-element-b3f3b6d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-59 .elementor-element.elementor-element-b3f3b6d{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-59 .elementor-element.elementor-element-7d8fada{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:3%;--padding-right:3%;}.elementor-59 .elementor-element.elementor-element-64b2778{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-59 .elementor-element.elementor-element-c666dde > .elementor-widget-container{margin:0px 0px 25px 0px;}.elementor-59 .elementor-element.elementor-element-c666dde .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-59 .elementor-element.elementor-element-8826b9b > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-59 .elementor-element.elementor-element-8826b9b{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-59 .elementor-element.elementor-element-96a730b{--container-widget-width:41%;--container-widget-flex-grow:0;width:var( --container-widget-width, 41% );max-width:41%;}.elementor-59 .elementor-element.elementor-element-3c57d84{--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-59 .elementor-element.elementor-element-27b3cc6 > .elementor-widget-container{margin:0px 0px 25px 0px;}.elementor-59 .elementor-element.elementor-element-27b3cc6 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-59 .elementor-element.elementor-element-013ed4e > .elementor-widget-container{margin:0% 0% 7% 0%;}.elementor-59 .elementor-element.elementor-element-013ed4e{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-59 .elementor-element.elementor-element-7fb1f6e{--container-widget-width:50%;--container-widget-flex-grow:0;width:var( --container-widget-width, 50% );max-width:50%;}}@media(max-width:767px){.elementor-59 .elementor-element.elementor-element-6b288b4{--width:auto;--min-height:30vh;--margin-top:0%;--margin-bottom:50%;--margin-left:0%;--margin-right:0%;}.elementor-59 .elementor-element.elementor-element-6b288b4:not(.elementor-motion-effects-element-type-background), .elementor-59 .elementor-element.elementor-element-6b288b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-59 .elementor-element.elementor-element-f08f90c{--width:100%;--margin-top:48%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:50px;--padding-bottom:90px;--padding-left:3%;--padding-right:0px;}.elementor-59 .elementor-element.elementor-element-b518665{--width:80%;}.elementor-59 .elementor-element.elementor-element-69511c5 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-59 .elementor-element.elementor-element-69511c5 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-59 .elementor-element.elementor-element-3ecb008 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-59 .elementor-element.elementor-element-3ecb008 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-59 .elementor-element.elementor-element-b3f3b6d > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-59 .elementor-element.elementor-element-b3f3b6d{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-59 .elementor-element.elementor-element-c666dde > .elementor-widget-container{margin:0px 0px 25px 0px;}.elementor-59 .elementor-element.elementor-element-c666dde .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-59 .elementor-element.elementor-element-8826b9b > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-59 .elementor-element.elementor-element-8826b9b{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-59 .elementor-element.elementor-element-96a730b{--container-widget-width:89%;--container-widget-flex-grow:0;width:var( --container-widget-width, 89% );max-width:89%;}.elementor-59 .elementor-element.elementor-element-27b3cc6 > .elementor-widget-container{margin:80px 0px 25px 0px;}.elementor-59 .elementor-element.elementor-element-27b3cc6 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-59 .elementor-element.elementor-element-013ed4e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-59 .elementor-element.elementor-element-013ed4e{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-59 .elementor-element.elementor-element-7fb1f6e{--container-widget-width:88%;--container-widget-flex-grow:0;width:var( --container-widget-width, 88% );max-width:88%;}}/* Start custom CSS for container, class: .elementor-element-b518665 */.elementor-59 .elementor-element.elementor-element-b518665{display: block;}@media (max-width: 767px) {.elementor-59 .elementor-element.elementor-element-b518665{max-width: 490px;}}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f08f90c */.elementor-59 .elementor-element.elementor-element-f08f90c{left: 0px;max-width: 1210px;overflow-x: hidden;overflow-y: hidden;position: absolute;top: 50%;transform: translate(0px, -50%);display: block;}
/* Stil für Desktop */
.elementor-59 .elementor-element.elementor-element-f08f90c::after {
    content: '';
    position: absolute;
    top: 0;
    left: 80%; 
    right: 0;
    bottom: 0;
    background-color: #FA8E00;     clip-path: polygon(0 0, 100% 0, 100% 100%, 60% 100%);
}

/* Stil für Tablet */
@media screen and (max-width: 768px) { 
  .elementor-59 .elementor-element.elementor-element-f08f90c::after {
    left: 80%; 
    clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%);
    background-color: #FA8E00; 
  }
}

/* Stil für Mobile */
@media screen and (max-width: 480px) { 
  .elementor-59 .elementor-element.elementor-element-f08f90c::after {
    left: 80%; 
    clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%);
    background-color: #FA8E00; 
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b288b4 */.elementor-59 .elementor-element.elementor-element-6b288b4{position: relative;display: block;}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-96a730b */@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@600&display=swap');

.custom-button {
    display: flex;
    align-items: center;
    border: 1px solid #FA8E00; /* Custom orange color for border */
    padding: 10px;
    padding-left: 20px;
    padding-right: 30px;
    cursor: pointer;
    text-decoration: none; /* Removes underline from link */
    background-color: #FA8E00; /* Custom orange background */
    color: white; /* White text initially */
    font-family: 'Roboto Condensed', sans-serif; /* Sets the font */
    font-size: 18px; /* Default font size for desktop */
    font-weight: 600; /* Sets the font weight to 600 */
    width: 100%; /* Ensures the button stretches to container width */
    box-sizing: border-box; /* Ensures padding and border are included in the element's total width and height */
    transition: all 0.3s ease; /* Smooth transition for all properties */
}

.custom-button .button-image {
    width: 40px; /* or your desired size */
    height: 40px;
    background-image: url('https://www.kartosoft.de/wp-content/uploads/2024/04/contact-button-white.svg');
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.3s ease; /* Smooth transition for image swap */
    margin-right: 10px; /* 10px space between image and title */
}

.custom-button .button-title {
    /* No specific styles needed */
}

/* Hover states */
.custom-button:hover {
    background-color: rgba(255, 255, 255, 0); /* Transparent background on hover */
    border: 1px solid #FA8E00; /* Maintain 1px orange border on hover */
    color: #FA8E00; /* Custom orange text on hover */
}

.custom-button:hover .button-image {
    background-image: url('https://www.kartosoft.de/wp-content/uploads/2024/05/button-orange-grafik.png'); /* Change image on hover */
}

.custom-button:hover .button-title {
    color: #FA8E00; /* Keeps text orange on hover */
}

/* Responsive font sizing using media queries */
@media (max-width: 1200px) { /* For small desktops/large tablets */
    .custom-button {
        font-size: 18px;
    }
}

@media (max-width: 992px) { /* For tablets */
    .custom-button {
        font-size: 18px;
    }
}

@media (max-width: 768px) { /* For landscape phones/small tablets */
    .custom-button {
        font-size: 18px;
    }
}

@media (max-width: 576px) { /* For portrait phones */
    .custom-button {
        font-size: 17px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7fb1f6e */@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@600&display=swap');

.custom-button {
    display: flex;
    align-items: center;
    border: 1px solid #FA8E00; /* Custom orange color for border */
    padding: 10px;
    padding-left: 20px;
    padding-right: 30px;
    cursor: pointer;
    text-decoration: none; /* Removes underline from link */
    background-color: #FA8E00; /* Custom orange background */
    color: white; /* White text initially */
    font-family: 'Roboto Condensed', sans-serif; /* Sets the font */
    font-size: 18px; /* Default font size for desktop */
    font-weight: 600; /* Sets the font weight to 600 */
    width: 100%; /* Ensures the button stretches to container width */
    box-sizing: border-box; /* Ensures padding and border are included in the element's total width and height */
    transition: all 0.3s ease; /* Smooth transition for all properties */
}

.custom-button .button-image {
    width: 40px; /* or your desired size */
    height: 40px;
    background-image: url('https://www.kartosoft.de/wp-content/uploads/2024/04/contact-button-white.svg');
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.3s ease; /* Smooth transition for image swap */
    margin-right: 10px; /* 10px space between image and title */
}

.custom-button .button-title {
    /* No specific styles needed */
}

/* Hover states */
.custom-button:hover {
    background-color: rgba(255, 255, 255, 0); /* Transparent background on hover */
    border: 1px solid #FA8E00; /* Maintain 1px orange border on hover */
    color: #FA8E00; /* Custom orange text on hover */
}

.custom-button:hover .button-image {
    background-image: url('https://www.kartosoft.de/wp-content/uploads/2024/05/button-orange-grafik.png'); /* Change image on hover */
}

.custom-button:hover .button-title {
    color: #FA8E00; /* Keeps text orange on hover */
}

/* Responsive font sizing using media queries */
@media (max-width: 1200px) { /* For small desktops/large tablets */
    .custom-button {
        font-size: 18px;
    }
}

@media (max-width: 992px) { /* For tablets */
    .custom-button {
        font-size: 18px;
    }
}

@media (max-width: 768px) { /* For landscape phones/small tablets */
    .custom-button {
        font-size: 18px;
    }
}

@media (max-width: 576px) { /* For portrait phones */
    .custom-button {
        font-size: 17px;
    }
}/* End custom CSS */