/*
 Theme Name:   Hotel am Uckersee
 Description:  Child-Theme
 Author:       DesignQuartier Brandenburg
 Author URI:   https://www.designquartier-brandenburg.de
 Template:     hello-elementor
 Version:      1.0
 Text Domain:  hello-elementor
*/


.elementor-sticky--active {
    box-shadow: 0 0 8px var(--e-global-color-primary);
}

.elementor-sticky--active .e-con-inner {
    padding: 1rem !important;
}

.scroll-box {
  -ms-overflow-style: none;  
  scrollbar-width: none; 
}

.scroll-box::-webkit-scrollbar {
  display: none; 
}

#scroll-left-arrow,
#scroll-right-arrow {
  display: none;
  cursor: pointer;
  z-index: 10; 
}

@media (max-width: 880px) {

  .scroll-box {
    scroll-snap-type: x mandatory;
    padding: 0 20px; 
    scroll-padding-inline-start: 20px;
  }
  
  .scroll-box > .e-con-inner > .elementor-element.e-child {
    scroll-snap-align: start;
  }
  
}

.clear {clear: both;}

::selection {
  background-color: transparent; 
}

::-moz-selection {
  background-color:transparent;
}

a.std-link {
    text-decoration: underline !important;
}

a.std-link:hover,
a.std-link:focus,
a.std-link:active {
    text-decoration: none !important;
}

@media (max-width: 767px) {  
  .hyphens p {
    -webkit-hyphens: auto; 
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
}

.booking-button {
    background-color: var(--e-global-color-f046b95) !important;
    color: var(--e-global-color-primary) !important;
    border: 1px solid var(--e-global-color-primary);
    padding: 12px 24px;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease; 
    outline: 2px solid var(--e-global-color-f046b95);
    outline-offset: 4px; 
}

.booking-button:hover,
.booking-button:focus,
.booking-button:active,
.booking-button:focus-visible {
    background-color: var(--e-global-color-f046b95) !important; 
    transform:scale(1.1);
}

.buttonclass a.elementor-button {
    padding: 12px 24px;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease; 
    outline: 2px solid var(--e-global-color-text);
    outline-offset: 4px; 
}

@media screen and (max-width: 767px) {
    .booking-button {
        width: 100%;
        text-align: center;
    }
}

/* Standortkarte */
.map-container {
    position: relative;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding-top: 56.25%; /* 16:9 ratio */
    overflow: hidden;
    min-height: 300px;
}

.map-overlay {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.25);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    z-index: 10;
}

.map-load-btn {
  background-color: #F9F9F9 !important;
  color: var(--e-global-color-primary) !important;
  border: 1px solid var(--e-global-color-primary);
  padding: 12px 24px;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease; 
}

.map-load-btn:hover,
.map-load-btn:focus,
.map-load-btn:focus-visible,
.map-load-btn:active {
    transform:scale(1.1);
}

.map-loader {
    margin-top: 1em;
    width: 40px;
    height: 40px;
    border: 4px solid #ccc;
    border-top: 4px solid var(--e-global-color-primary);
    border-radius: 50%;
    -webkit-animation: spin 1s linear infinite;
            animation: spin 1s linear infinite;
    display: none;
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

.map-iframe-wrapper iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.map-dsgvo-hinweis {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255);
    padding: 1rem;
    font-size: 1rem;
    line-height: 1rem;
    z-index: 2;
    margin-bottom: 0;
}

.map-dsgvo-hinweis a {
    color: var(--e-global-color-3202126);
    text-decoration: underline !important;
}

.map-dsgvo-hinweis a:hover,
.map-dsgvo-hinweis a:focus,
.map-dsgvo-hinweis a:focus-visible,
.map-dsgvo-hinweis a:active {
    text-decoration:none !important;
}

@media screen and (max-width: 676px) {
    .map-dsgvo-hinweis {
        text-align: center;
    }
}



/* Header Mainmenu */

#menu-1-45547040 li {
    border-right: 1px solid #c8c8c8 ;
}

#menu-1-45547040 li li,
#menu-1-45547040 li:last-child {
    border-right: none !important;
}

/*Footer*/

footer #footer-social li a {
    display: inline-block;
    border-radius: 100%;
    border: 3px solid #DEDEDE;
    padding: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
}

footer #footer-social li a:hover,
footer #footer-social li a:focus,
footer #footer-social li a:active {
    border-color:#F7A713;
    background-color: #f2f2f2;
}

footer #footer-social li a span {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    width: 30px;
}

/* CF7 Styles */

.wpcf7 label {width: 100%;}
.wpcf7 select {
    -webkit-appearance: none;
    background-color: #fff;
    color: #3d3d3d;
}

.wpcf7 label {
    padding: 10px 0
}

.wpcf7 input::-webkit-input-placeholder {
    color: #3d3d3d;
}

.wpcf7 input::-moz-placeholder {
    color: #3d3d3d;
}

.wpcf7 input:-ms-input-placeholder {
    color: #3d3d3d;
}

.wpcf7 input::-ms-input-placeholder {
    color: #3d3d3d;
}

.wpcf7 input::placeholder {
    color: #3d3d3d;
}

.selectWrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

.selectWrapper:after {
    content: '\f107';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #3d3d3d;
    right: 14px;
    top: 4px;
    height: 26px;
    padding: 15px 0px 0px 8px;
    position: absolute;
    pointer-events: none;
}

.wpcf7 input:active,
.wpcf7 select:active {
    border-radius: none !important;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.wpcf7-response-output {line-height: 1.2em;}

/* Rückrufservice */

.cf-col-50 {
    width: 48%;
}

.cf-col-first {
    float: left;
}

.cf-col-last {
    float: right;
}

.rueckruf  {
margin-top: -30px
}

.wpcf7-acceptance label {
    margin-left: -17px;
    padding: 20px 0
}

.wpcf7 input,
.wpcf7 select{
    border-radius: 0 !important;
    font-family: "Montserrat", Sans-serif;
    font-size: 0.8em;
    font-weight: 600;
}


@media screen and (max-width:767px) {
    .cf-col-50 {
        width: 100%;
    }
}

.wpcf7 input.wpcf7-submit,
.wpcf7 input.wpcf7-submit:active,
.wpcf7 input.wpcf7-submit:focus, 
.wpcf7 input.wpcf7-submit:hover {
    background-color: #F7A713;
    border-radius: 0 !important;
    border: 1px solid #3D3D3D;
    color:#3D3D3D;
    font-family: "Montserrat", Sans-serif;
    font-size: 0.8em;
    font-weight: 600;
    text-transform: uppercase;
    font-style: normal;
    text-decoration: none;
    line-height: 1.7em;
    letter-spacing: 1.2px;
    padding: 10px 30px 10px 30px;
    cursor: pointer;
    display: block;
    width: 48%;
}

.wpcf7 input.wpcf7-submit {float: left;}

.wpcf7 input.wpcf7-submit:active,
.wpcf7 input.wpcf7-submit:focus, 
.wpcf7 input.wpcf7-submit:hover {
    background-color: #3D3D3D ;
    color: #F7A713;
    border-color: #F7A713 !important;
}

.wpcf7 .wpcf7-submit:disabled {
    opacity: 0.6;
}

.wpcf7 form .wpcf7-response-output,
.wpcf7-acceptance {
    font-family: "Montserrat", Sans-serif;
    font-size: 0.9em;
    font-weight: 400;
    line-height: 2em;
}

.wpcf7 form .wpcf7-response-output {
    margin: 2em 0 1em;
}

/* Bilderboxen Hotel */

.bilderbox .elementor-image-box-content h3:after {
    content: '';
    display: block;
    width: 7%;
    border-bottom: 1px solid #3d3d3d;
    margin: 15px auto 0;
}

.bilderbox .elementor-image-box-content {
    border: 4px solid #f1f1f1;
    padding: 100px 20px 40px;
    min-height: 360px;
    margin-top: -110px;
}

.tourismus .elementor-image-box-content {
    min-height: 90px !important;
    padding-bottom: 10px !important;
    margin-top: -70px !important;
    padding-top: 70px !important;
}

.tourismus .elementor-image-box-content h3:after {
    display: none !important;
}

.bilderbox .elementor-image-box-wrapper:after {
    content: '';
    display: block;
    width: 100%;
    border-bottom: 8px solid #f1f1f1;
    margin: 5px auto 0;
}


/* Freizeittipps */
.pvh_freizeit {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.pvh_freizeit .elementor-col-33 {
    float: left; 
    display: -ms-flexbox; 
    display: -webkit-box; 
    display: flex;
    margin: 0;
    padding: 0 15px 40px;
}

@media screen and (min-width:475px) and (max-width:1024px) {
    .pvh_freizeit .elementor-col-33 {
        width: 50% !important;
    }

}

.pvh_freizeit .elementor-col-33 .elementor-widget-wrap {
    background-color: #fbfbfb;
    padding: 15px 15px 60px 15px;
    position: relative;
}

.pvh_freizeit h3.elementor-heading-title {
    font-family: "Montserrat", Sans-serif;
    font-size: 1.3em;
    font-weight: 400;
}

.pvh_freizeit h3.elementor-heading-title:after{
    content: '';
    display: block;
    width: 7%;
    border-top: 1px solid #3d3d3d;
    margin: 15px 0 0 ;
}

.pvh_freizeit  .elementor-widget-button {
    bottom: 0;
    left: 0;
}

.pvh_freizeit .elementor-button {
    font-family: "Montserrat", Sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 0px 0px 0px 0px;
    background-color: #F7A713;
    color: #3d3d3d;
}

.speisekarte {
    font-family: "Montserrat", Sans-serif;
}

.speisekarte ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.speisekarte ul li {
    margin-bottom: 60px;
}

.speisekarte ul .elementor-price-list-separator {
    border-bottom: 1px solid #C8C8C8;
    margin-left: 10px;
    margin-right: 10px;
    height: 0px;
    margin-top: 13px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.speisekarte .elementor-price-list-title {
    text-transform: uppercase;
    margin-bottom: 10px;
    max-width: 80%;
}

.speisekarte .elementor-price-list-header {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between; 
    width: 100%;
    height: auto;
}

.speisekarte .elementor-price-list-header span {
    float: left;
}

.menubox .list-separator {
    border-bottom: 1px solid #000;
}


.specials {
    font-family: "Montserrat", Sans-serif;
    text-align: center;
}

.specials h3.elementor-image-box-title {
    font-family: "Montserrat", Sans-serif;
    font-size: 1.3em;
    font-weight: 400;
    text-transform: uppercase;
}

.specials img {
   width: 80%;
   margin-bottom: 40px
}

.specials .text {
    background-color: #f1f1f1;
}

.specialbox {
    margin: 0 auto 40px;
}

.specials .subline {
    display: block;
    text-transform: none;
    font-size: 0.8em;
}
.specials .elementor-image-box-content {
    margin-top:-245px;
    padding-top: 240px;
}

.specials .elementor-image-box-description {
    width: 80%;
    margin: 0 auto;
}

@media screen and (max-width:767px) {
    .specialbox {
        margin-top: 80px !important
    }

    .specialbox .elementor-image-box-content {
        margin-top: -120px;
        padding-top: 100px;
    }

    .specials .elementor-image-box-description {
        width: 100%;
    }
    .speisekarte .elementor-price-list-title {
        max-width: 70%;
    }

    .elementor-price-list-title,
    .elementor-price-list-description {
        font-size: 0.9em;
    }
}

@media screen and (max-width:1024px) {

    .specialbox .elementor-image-box-content {
        margin-top: -160px;
        padding-top: 140px;
    }

}

/*Gruppenreisen*/

.gruppenreise .elementor-image-box-content {
    min-height: 275px;
}

/*Kontaktformular*/


.bewerbung .selectWrapper:after {top: -5px}
.contactform .selectWrapper:after {
    top: 7px;
}

@supports (-webkit-touch-callout: none) {
    .selectWrapperiosnone:after {
        display: inline-block;
    }
  }

  @supports not (-webkit-touch-callout: none) {
    .selectWrapperiosnone:after {
        display: none;
    }
  }
 


.contactform span.help {
    display: block;
    font-style: italic;
    font-size: 0.9em;
    margin-top: 5px;
} 

.contactform p{
    font-family: "Montserrat", Sans-serif;
    font-weight: 400;
    margin-bottom: 0 !important;
}

.contactform label {
    width: 100% !important;
    font-family: "Montserrat", Sans-serif;
    font-weight: 400;
    padding: 20px 0 0px 0;

}

 input[type=date] {
    width: 100% !important;
    -webkit-appearance: none;
    background-color: #fff;

}

.contactform select,
.contactform input[type=text],
.contactform input[type=email],
.contactform input[type=tel],
.contactform input[type=number],
.contactform input[type=date],
.contactform textarea {
    border-color: #c8c8c8 !important;
    color: #3D3D3D;
    font-family: "Montserrat", Sans-serif;
    font-weight: 400;
    margin-top: 10px;
    background-color: #fff;
}

.contactform textarea {
    font-size: 0.9em;
    height: 300px;
}

.contactform input[type=text],
.contactform input[type=email],
.contactform input[type=tel],
.contactform input[type=number],
.contactform input[type=date] {
    height: 40px;
}

.contactform .accept  {
    line-height: 1.2;
    padding: 0 0 30px 0 !important;
}

.contactform .pvh_conditional {
    padding: 20px;
    border: 1px solid #c8c8c8;
    margin-bottom: 20px;
    height: auto;
    overflow: hidden;
}

.contactform span.optional {
    font-style: italic;
}

.wpcf7-response-output {line-height: 1.2;}

/*Bewerbungsformular*/

.wpcf7-acceptance,
.bewerbung p{
    font-family: "Montserrat", Sans-serif;
    font-weight: 400;
}

.bewerbung p b,
.bewerbung p strong {
    font-weight: 400;
}

.bewerbung .wrapper {
    height: auto;
    overflow: hidden;
    width: 100%;
}

.bewerbung .clear {clear: both;}

.bewerbung label {
    width: 100% !important;
    font-family: "Montserrat", Sans-serif;
    font-weight: 400;
}

.bewerbung input[type=text],
.bewerbung input[type=email],
.bewerbung input[type=tel],
.bewerbung input[type=number],
.bewerbung input[type=date],
.bewerbung textarea {
    border-color: #c8c8c8 !important;
    color: #3D3D3D;
    font-family: "Montserrat", Sans-serif;
    font-weight: 400;
}

.bewerbung textarea {
    font-size: 0.9em;
    height: 300px;
}
.bewerbung input[type=text],
.bewerbung input[type=email],
.bewerbung input[type=tel],
.bewerbung input[type=number],
.bewerbung input[type=date] {
    height: 40px;
}
.bewerbung input[type=submit],
.bewerbung input[type=submit]:hover,
.bewerbung input[type=submit]:focus,
.bewerbung input[type=submit]:visited  {
    width: 100% !important;
}
.bewerbung hr {
    border: 1px solid #c8c8c8;
    border-width: 0 0 1px 0;
    margin: 20px 0;
}

.bewerbung .dateien  {
    padding-left: 3%;
    font-family: "Montserrat", Sans-serif;
    font-weight: 400;
    font-size: 0.9em
}

.bewerbung .dateien .wpcf7-form-control-wrap {
    width: 100%;
    background-color: #fff;
    padding: 10px;
    margin: 0 0 10px 0;
    display: block;
    font-family: "Montserrat", Sans-serif;
    font-weight: 400;

}

.bewerbung .wpcf7-acceptance .wpcf7-list-item-label {
    line-height: 1.2;
}


@media screen and (max-width:767px) {
 .bewerbung .cf-col-first {
     margin-bottom: 15px;
 }

 .bewerbung .dateien {
     padding-left: 0;
 }

 .contactform input[type=submit] {
     width: 100%;
 }
}

/*All inclusive*/
.all-inclusive {
    font-family: "Montserrat", Sans-serif;
    font-weight: 400;
}

.dataBox {
    width: 100%;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.all-inclusive .ai {
    width: 20%;
    float: left;
    text-align: center;
    padding: 20px;
    border: 1px solid #c8c8c8;
    border-top: none;
    border-right: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 0.9em;
}

.all-inclusive .ai:last-child {
    border-right: 1px solid #c8c8c8;
}

.all-inclusive .head {
    background-color: #3d3d3d;
    border-color: #3d3d3d;
    color: #f1f1f1;
    text-transform: uppercase;
}

.all-inclusive div span {
    display: block;
    width: 100%;
}

.all-inclusive .clear {
    clear: both;
}
.all-inclusive hr {
    width: 20%;
    height: 0px;
    border: none;
    border-top: 1px solid #c8c8c8;
    margin: 10px auto;
}

.all-inclusive span.desc {display: none;}

/*All-Inclusive Zuschläge*/

.ai-kinder {
    width: 100%;
}

.ai-kinder .ai {
    width: 50%;
}

.ai-kinder-head {
    background-color: #3d3d3d;
    border-color: #3d3d3d;
    color: #f1f1f1;
    text-transform: uppercase;
    padding: 10px 0;
    text-align: center;
}

.ai-sonstige .ai:nth-child(7),
.ai-sonstige .ai:nth-child(4),
.ai-kinder .ai:nth-child(odd) {
    border-right: 1px solid #c8c8c8 !important;
}

.ai-sonstige .ai {
    width: 33.33%;
}

@media screen and (max-width:767px) {

    .all-inclusive .head {display: none;}

    .all-inclusive .ai-monat {
        width: 100% !important;
        background-color: #e8e7e7;
        margin-top: 10px;
        border: 1px solid #e8e7e7;
    }

    .all-inclusive .ai-zeitraum {
        width: 100%;
        border-right: 1px solid #c8c8c8;
    }

    .all-inclusive .ai-preis,
    .all-inclusive .ai-feiertage {
        width: 50%;
    }

    .all-inclusive .ai-feiertage {
        border-right: 1px solid #c8c8c8; 
    }

    .all-inclusive span.desc {
        display: block;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .all-inclusive .ai-arrangement {
        width: 100%;
    }

    .ai-sonstige .ai {
        width: 50%;
    }
    .ai-sonstige .linehead {
        width: 100% !important;
        background-color: #e8e7e7;
        border: none;
        margin-top: 10px;
        border: 1px solid #e8e7e7;
    }

    .ai-sonstiges-head br {display: none;}

    .extra-head:before {
        display: block;
        content: 'All-Inclusive-Angebote';
        background-color: #3d3d3d;
        border-color: #3d3d3d;
        color: #f1f1f1;
        text-transform: uppercase;
        padding: 20px 0;
        text-align: center;
        width: 100%;
    }
}

/* iframe queries */

@media screen and (max-width:474px) {
    iframe#bookingframe {
        height: 570px !important
    }
}

@media screen and (min-width:475px) and (max-width:585px) {
    iframe#bookingframe {
        height: 500px !important
    }
}

@media screen and (min-width:586px) and (max-width:1246px) {
    iframe#bookingframe {
        height: 350px !important;
    }
}

@media screen and (min-width:1246px)  and (max-width:1674px) {
    iframe#bookingframe {
        height: 250px !important;
    }
}

@media screen and (min-width:1675px) {
    iframe#bookingframe {
        height: 270px !important;
    }
}

.bewerbungInfo,
.jobsEmpty {
    text-align: center;
}

.jetztBewerben .elementor-button {
    font-family: "Montserrat", Sans-serif;
    font-size: 0.8em;
    font-weight: 600;
    text-transform: uppercase;
    font-style: normal;
    text-decoration: none;
    line-height: 1.7em;
    letter-spacing: 1.2px;
    fill: var(--e-global-color-accent );
    color: var(--e-global-color-accent );
    background-color: #F7A713;
    border-radius: 0px 0px 0px 0px;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 0%);
            box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 0%);
    padding: 10px 30px 10px 30px;
}

.jetztBewerben .elementor-button:hover,
.jetztBewerben .elementor-button:focus,
.jetztBewerben .elementor-button:focus-visible,
.jetztBewerben .elementor-button:active {
    background-color: #333333;
    color: #fff;
}

#bForm {
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.3s ease;
    -o-transition: height 0.3s ease;
    transition: height 0.3s ease;
}

#bForm.active {
    height: auto;
    overflow: auto;
}

.ulFormat ul {
    margin-left: 0 !important;
    padding-left: 1em !important;
}

.elementor-message {
    padding: 30px 0;
    text-align: center;
}

.elementor-message.elementor-message-success {
    color: green;
    font-weight: bold;
}

.stellenanzeigenWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

body[data-elementor-device-mode="mobile"] .stellenanzeigenWrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

body[data-elementor-device-mode="tablet"] .stellenanzeigenWrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.stellenanzeigenWrapper .singleJob {
    min-width: 49%;
    background-size: cover;
    background-position: center center;
    height: 400px;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    border: 10px solid #fff;
    margin-bottom: 20px;
}

body[data-elementor-device-mode="mobile"] .stellenanzeigenWrapper  .singleJob  {
    min-width: 100%;
    height: 300px !important;
}

body[data-elementor-device-mode="tablet"] .stellenanzeigenWrapper .singleJob  {
    min-width:48%;
    height: 300px;
}

.stellenanzeigenWrapper .singleJob h3 {
    text-align: center;
    color: #e8e7e7;
    font-size: 1.3em;
    border-top: 2px solid #F7A713;
    border-bottom: 2px solid #F7A713;
    position: absolute;
    top: 40px;
    left: 20px;
    right: 20px;
    padding: 20px 0;
    font-weight: 600 !important;
}

body[data-elementor-device-mode="tablet"] .stellenanzeigenWrapper .singleJob h3 {
    top: 20px;
    font-size: 1.2em;
}


.stellenanzeigenWrapper .singleJob a.overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    background-color: #3d3d3d9c;
    z-index: 2;
}

.stellenanzeigenWrapper .singleJob .desc {
    z-index: 3;
    position: relative;
    height: 100%;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 20px;
}

.stellenanzeigenWrapper .singleJob .jetztBewerben {
   position: absolute;
   bottom: 30px;
   padding: 0 !important;
   left: 20px;
   right: 20px;
}

.stellenanzeigenWrapper .singleJob .jetztBewerben a {
    padding-left: 10px !important; 
    padding-right: 10px !important;
    width: 100% !important;
}

body[data-elementor-device-mode="tablet"] .stellenanzeigenWrapper .singleJob .jetztBewerben {
    bottom: 20px;
 }