/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/


:root {
    --font-size-h1: clamp(2.5rem, 2.357rem + 0.714vw, 3rem);
    --font-size-h2: clamp(2rem, 1.886rem + 0.571vw, 2.4rem);
    --font-size-h3: clamp(1.6rem, 1.509rem + 0.457vw, 1.92rem);
    --font-size-h4: clamp(1.28rem, 1.207rem + 0.366vw, 1.536rem);
    --font-size-h5: clamp(1.024rem, 0.965rem + 0.293vw, 1.229rem);
    --font-size-h6: clamp(1rem, 0.943rem + 0.286vw, 1.2rem);
}

h1,
#top .text-style-h1 {
    font-size: var(--font-size-h1);
    line-height: 1.1;
}

#top h2,
#top .text-style-h2 {
    font-size: var(--font-size-h2);
    line-height: 1.15;
}

#top h3,
#top .text-style-h3 {
    font-size: var(--font-size-h3);
    line-height: 1.2;
}

#top h4,
#top .text-style-h4 {
    font-size: var(--font-size-h4);
    line-height: 1.25;
}

#top h5,
#top .text-style-h5 {
    font-size: var(--font-size-h5);
    line-height: 1.3;
}

#top h6,
#top .text-style-h6 {
    font-size: var(--font-size-h6);
    line-height: 1.35;
}

.logo {
padding-top: 10px;
padding-bottom: 10px;
}

@media only screen and (max-width: 767px) {
.responsive .logo img, .responsive .logo svg {
    max-width: 70%;
}
}

/*menu link active bottom-border */
.av-main-nav li:hover .avia-menu-fx, .current-menu-item > a > .avia-menu-fx, .av-main-nav li:hover .current_page_item > a > .avia-menu-f
 {
   margin-bottom: 10px;
}

#top #av-burger-menu-ul {
vertical-align: top;
}

/*#top #header #avia-menu > li:hover > a span.avia-menu-text {
    color: #feda10 !important;
}*/

.avia_iconbox_title {
    color: #0C0C0E;
}



#socket .container {
  padding-top: 10px;
  padding-bottom: 10px;
}

@media only screen and (max-width: 767px){
.responsive #scroll-top-link {
    display: block;
}}

/* Print Style Sheet */
@media print {
#footer { display:block; }
}


  .av_one_third .iconbox_content {
    height: 230px; 
    min-height: 230px; 
  }

.iconbox_top .iconbox_content {
margin-bottom: 50px;
}

#scroll-top-link {
right: 20px;
bottom: 20px;
}

.responsive #top #wrap_all .flex_column.av-break-at-tablet, .responsive #top #wrap_all .av-break-at-tablet .flex_cell {
    margin-bottom: 40px !important;
}

#col-row1 .avia-icongrid-numrow-3 li {
        width: 100%;
        }

.avia-cookiemessage-top-left .avia-cookie-consent-button, .avia-cookiemessage-bottom-left .avia-cookie-consent-button, .avia-cookiemessage-top-right .avia-cookie-consent-button, .avia-cookiemessage-bottom-right .avia-cookie-consent-button
{
padding: 0.5em !important;
font-size: 16px  !important;
text-transform: none !important;
 }

.avia-cookie-consent {
    background-color: rgba(0,0,0,0.75) !important;
 }

.widget_nav_menu a {
font-size:16px;
 }

/*CSS - Contact 7 form submit button */

#top label span, #top legend span {
    font-size: 15px !important;    
}

input[type="submit"], #submit, .button {
    font-size: 16px;
}
.main_color input[type='submit'] {
color: #444;
}


/*.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
    margin-bottom: 50px !important;
}*/

.av-iconlist-small .iconlist_content p:first-child {
    margin-top: -3px;
}

/* ueber mich */

#methoden_box {     
    margin-left: 40px;
    max-width: 90%;
}

#buecher {
     margin-left: 30px;
}

.underline {
  text-decoration: underline;
}

#footer p {
  font-size: 16px;
}

@media only screen and (max-width: 767px){ 
#footer .widget {
margin: 0px;
}
}

.container_wrap{
border-top: none!important;
}

.text-card-grau {
margin-bottom: 20px;
border-radius: 5px;
background-color: #f8f8f8;
}

/* KURSLISTE – TEST UND FINALES GRUNDLAYOUT */

.kursliste {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
    width: 100% !important;
}

.kursliste > .kurskarte,
.kursliste > article {
    float: none !important;
    clear: none !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 24px !important;

    display: flex !important;
    flex-direction: column !important;

    background: #eeeeee !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
}

.kurskarte__zeitraum {
    margin: 0 0 12px !important;
    font-weight: 600;
}

.kurskarte__titel {
    margin: 0 0 16px !important;
}

.kurskarte__titel a {
    color: inherit;
    text-decoration: none;
}

.kurskarte__titel a:hover,
.kurskarte__titel a:focus-visible {
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

.kurskarte__metadaten {
    margin-top: auto;
}

.kurskarte__art,
.kurskarte__bildungsstaette {
    margin: 0 !important;
}

.kurskarte__art + .kurskarte__bildungsstaette {
    margin-top: 6px !important;
}

/* Tablet */
@media only screen and (max-width: 989px) {
    .kursliste {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Mobil */
@media only screen and (max-width: 767px) {
    .kursliste {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}