.elementor-kit-12490{--e-global-color-primary:#000000;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#000000;--e-global-color-accent:#61CE70;--e-global-color-2d0551d:#FCEA0D;--e-global-color-4faa183:#FFFFFF00;--e-global-color-82ed3fc:#7A7A7A;--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;}.elementor-kit-12490 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */html {
    hyphens: auto;
}

/* Body */

/* li bullets */
/*li::marker {    */
/*     content: "\23F5  ";*/
/*     color: black;*/
/*}*/

.idi .page-content .elementor-widget-text-editor ul li::before, .elementor-heading-title ul li::before {
    content: "" ;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 20px;
    margin-left: -40px;
    background-color: #fcea0d; 
    
}

.idi .elementor-widget-theme-post-content .elementor-widget-container ul li::before{
    content: "" ;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 20px;
    margin-left: -40px;
    background-color: #fcea0d; 
    
}

.idi .elementor-widget-theme-post-content .elementor-widget-container ul {
    list-style-type: none; 
   
}

.idi .page-content .elementor-widget-text-editor ul, .elementor-heading-title ul {
    list-style-type: none; 
   
}

.idi .fusion-title ul li::before {
    content: "" ;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 20px;
    margin-left: -40px;
    background-color: #fcea0d; 
    
}

.idi .fusion-title ul {
    list-style-type: none;
}

.idi .fusion-title ul li{
    padding-top: 5px;
}


.heading-bg h1 span {
    background-color: var(--e-global-color-cdba791);
    line-height: 1.3em !important;
    width: auto;
    /*padding-left: 15px;*/
    /*padding-right: 15px;*/
}

.heading-bg2 h2 span {
    background-color: #fff;
    line-height: 1.3em !important;
    width: auto;
    color:#292929;
    /*padding-left: 15px;*/
    /*padding-right: 15px;*/
    padding:5px 15px 5px 1px;
}
.grazH1{
      background-color: #292929;
    line-height: 2.6em !important;
    padding-bottom:5px !important;
    width: auto;
    color:#fff;
    z-index:9;
     padding:0px 25px;
}

@media(max-width:1200px){
    .grazH1{
      background-color: #292929;
    line-height: 3.6em !important;
    padding-bottom:5px !important;
    width: auto;
    color:#fff;
    z-index:9;
     padding:0px 25px;
}
}

@media(max-width:1024px){
    .grazH1{
      background-color: #292929;
    line-height: 2.6em !important;
    padding-bottom:5px !important;
    width: auto;
    color:#fff;
    z-index:9;
     padding:0px 25px;
}
.grazH2{
      background-color: #292929 ;
    color:#fff;
    z-index:1;
    padding:0px 25px;
    font-size:60px !important;
}
.heading-bg2 h2 span {
    background-color: #fff;
    line-height: 1.3em !important;
    width: auto;
    color:#292929;
    /*padding-left: 15px;*/
    /*padding-right: 15px;*/
    padding:3px 10px;
}
}
.grazH2{
      background-color: #292929 ;
    color:#fff;
    z-index:1;
    padding:0px 25px;
}

@media(max-width:767px){
    .grazH1{
      background-color: #292929;
    line-height: 2.3em !important;
    padding-bottom:5px !important;
    width: auto;
    color:#fff;
    z-index:9;
     padding:0px 25px;
}
.grazH2{
      background-color: #292929 ;
    color:#fff;
    z-index:1;
    padding:0px 25px;
    font-size:37px !important;
}
.heading-bg2 h2 span {
    background-color: #fff;
    line-height: 1.3em !important;
    width: auto;
    color:#292929;
    /*padding-left: 15px;*/
    /*padding-right: 15px;*/
    padding:3px 10px;
}
}

.uber-heading-bg span, .uber-heading-small-bg span,
.uber-heading-sm-bg span{
    background-color: var(--e-global-color-cdba791);
    padding-left: 10px;
    padding-right: 10px;
    line-height: 1.25em !important;
}

.newsletter-anmeldung input{
    text-align: center;
}

/* Mehr Dazu Transparent Arrow */

.btn-arrow a span.elementor-button-text {
    position: relative;
}

.btn-arrow a span.elementor-button-text::after {
    content: '';
    position: absolute;
    display: inline-block;
    background-image: url(https://grazervp.idlabdev.at/wp-content/uploads/2025/11/pfeile_rechts.svg);
    height: 10px;
    width: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    transform: translate(10px, -50%);
}

.btn-arrow a:hover span.elementor-button-text::after {
    -moz-transform:translate(20px, -50%);
    -webkit-transform:translate(20px, -50%);
    -o-transform:translate(20px, -50%);
    -ms-transform:translate(20px, -50%);
     transform: translate(20px, -50%);
}

/* .btn-arrow {
    padding-left: 0;
}
 */

/* Mehr Dazu Button */

.mehr-dazu-btn a{
    font-size: 12px !important;
    border-radius: 20px 20px 20px 20px !important;
    padding: 10px 70px 10px 30px !important;
    text-transform: uppercase !important;
} 

.mehr-dazu-btn a span.elementor-button-text::after {
    content:'';
    position: absolute;
    background-image: url(/wp-content/uploads/2023/05/pfeile_rechts.svg);
    height: 25px;
    width: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    top: 70%;
    -moz-transform:translate(10px, -50%);
    -webkit-transform:translate(10px, -50%);
    -o-transform:translate(10px, -50%);
    -ms-transform:translate(10px, -50%);
    transform: translate(10px, -50%);
}

.mehr-dazu-btn a:hover span.elementor-button-text::after {
    -moz-transform:translate(15px, -50%);
    -webkit-transform:translate(15px, -50%);
    -o-transform:translate(15px, -50%);
    -ms-transform:translate(15px, -50%);
     transform: translate(15px, -50%);
}


/* Veranstaltungen Loop Span */
.section-events span.elementor-heading-title{
    background-color: #FCEA0D;
    line-height: 1.25em !important;   
    color: #000 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

 /* Presse & Medien Span  */
.presse-medien-container span.elementor-heading-title{
    background-color: var(--e-global-color-primary);
    width: auto;
    margin-bottom: 25px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    line-height: 1.25em !important;
}


/* kontaktdaten links */
.kontaktdaten a{
    color:#e5e5e5;
}

.kontaktdaten a:hover{
    color:#FCEA0D;
}

p a:hover, .impressum a:hover,
.datenschutz a:hover{
    color: #fcea0d;
}

/*  Beiträge & Schwerpunkte Unterseite */

.beitrag-loop-item .btn-container{
    margin-top: auto !important;
}

/* Bezirke Seite Map */
.map-list li:hover{
    color: #FCEA0D;
}
 .map-list a:hover {
     color: #FCEA0D;
 }
 
 /* Rathausclub */
 
.person-info-cont a:hover{
    color: #FCEA0D;
}

/* Presse & MEddion Carousel Overflow */
.idl-presse-caro div > div{
    overflow: visible !important;
}

/* Zeitungen Seite Carousel Overflow*/
.idl-zeit-caro div > div{
    overflow: visible !important;
}

/* Schwerpunkte Tablet Carousel Overflow*/
.idl-sch-caro div > div{
    overflow: visible !important;
}

/* Media Queries */
@media only screen and (max-width:1600px){    
        
    .themen-container{
        min-height: 375px !important;
    }   
         
    .section-events{
        min-height: 375px !important;
    }
    
    .bezirke-container{
        min-height: 375px !important;
       
    }    
    
}

@media only screen and (max-width:1400px){
    
    .mehr-dazu-btn a{
        font-size: 12px !important;
        border-radius: 20px 20px 20px 20px !important;
        padding: 10px 70px 10px 30px !important;
        text-transform: uppercase !important;
    } 

    .mehr-dazu-btn a span.elementor-button-text::after {
        content:'';
        position: absolute;
        background-image: url(/wp-content/uploads/2023/05/pfeile_rechts.svg);
        height: 12px;
        width: 35px;
        top: 50%;
        -moz-transform:translate(10px, -50%);
        -webkit-transform:translate(10px, -50%);
        -o-transform:translate(10px, -50%);
        -ms-transform:translate(10px, -50%);
        transform: translate(10px, -50%);
    }

    .mehr-dazu-btn a:hover span.elementor-button-text::after {
        -moz-transform:translate(15px, -50%);
        -webkit-transform:translate(15px, -50%);
        -o-transform:translate(15px, -50%);
        -ms-transform:translate(15px, -50%);
         transform: translate(15px, -50%);
    }    
    
    .section-event .uber-heading-small-bg span{
        font-size: 18px !important;
        line-height: 22px !important;
        padding: 0 5px 0 5px !important;
    }
    
}

@media only screen and (max-width:1300px){
    
    .mehr-dazu-btn a{
        font-size: 12px !important;
        padding: 8px 55px 5px 15px !important;    
    } 
    
    .mehr-dazu-btn a span.elementor-button-text::after {
        height: 8px;
        width: 35px;
        top: 55%;
        -moz-transform:translate(8px, -55%);
        -webkit-transform:translate(8px, -55%);
        -o-transform:translate(8px, -55%);
        -ms-transform:translate(8px, -55%);
        transform: translate(8px, -55%);
    }
    
    .mehr-dazu-btn a:hover span.elementor-button-text::after {
        -moz-transform:translate(8px, -55%);
        -webkit-transform:translate(8px, -55%);
        -o-transform:translate(8px, -55%);
        -ms-transform:translate(8px, -55%);
         transform: translate(8px, -55%);
    }   
       
    .btn-arrow a span.elementor-button-text::after {
        height: 12px;
        width: 35px;
        top: 50%;
        -moz-transform:translate(10px, -50%);
        -webkit-transform:translate(10px, -50%);
        -o-transform:translate(10px, -50%);
        -ms-transform:translate(10px, -50%);
        transform: translate(10px, -50%);
    }
    
    .btn-arrow a:hover span.elementor-button-text::after {
        -moz-transform:translate(15px, -50%);
        -webkit-transform:translate(15px, -50%);
        -o-transform:translate(15px, -50%);
        -ms-transform:translate(15px, -50%);
        transform: translate(15px, -50%);
    }

}

@media only screen and (max-width:1200px){
    
    .themen-container, .section-events, .bezirke-container{
        min-height: 350px !important;
    }  
}

@media only screen and (max-width:1024px){
    /* Popup Menu*/
    .idl-popup-menu li a {
        justify-content: center;
    }
    
    .idl-popup-menu li ul li a {
        text-transform:uppercase;
        font-size: 14px !important; 
        justify-content: center
    }


    /* Rathausclub */
    .person-info-cont a{
        font-size: 18px;
    }
    
    /* Schwerpunkte Loop Items */
      .cta-schwerpunkte{
        margin-top: auto;
    }
}

@media only screen and (max-width:767px){
    
   .idl-sch-wrap div {
      margin-left: 0 !important;
    }
    
    .idl-presse-wrap div {
        margin-left: 0 !important;
    }
    
    /*.idl-zeit-wrap div {*/
    /*    margin: 0 !important;*/
    /*}*/

    /*.idl-zeit-wrap h4{*/
    /*    margin-left: 10px !important;*/
    /*}*/
    
    .uber-heading-sm-bg span{
        line-height: 1.40em !important;
    }
    
    .uber-heading-bg span{
        line-height: 1.35em !important;
    }
}

@media only screen and (max-width: 640px){
    
    .bezirke-loop-grid div{
       grid-template-columns: repeat(1,1fr) !important;
    }  
    
}

@media only screen and (max-width: 640px) and (min-width: 440px){
    
    .team-container {
        min-width: 400px !important;
    }  

    .team-container img{
        min-width: 400px !important;
        min-height: 400px !important
    } 
    
}

/* CSS 18.04.2024 */

/* News Loop Item Datum background*/
.idl-datum-news{
    padding: 5px 15px;
    background-color: #000;
}

/* Ende CSS 18.04.2024 *//* End custom CSS */