/*
 Icon image class in sidebar "Weitere Serviceangebote:"
 */
.conaction__sidebar__icon {

    max-width: 100px;
    max-height: 100px;
}

.conaction__sidebar__iconlink {
    padding-right: 10px;
}

/*
 Images in frame Layouts 1,2,3
 */
.frame-layout-1 .image {
    /* max-height: 150px;*/
    max-width: 792px;
}

/*
Partials/Header/Header.html
*/
.header__container {
    width: 100% !important;
}

.main__container {
    width: 100% !important;
}

.footer__container {
    width: 100% !important;
}

/*
Fix for slider on startpage
 */
.lightbox__container {
    width: 100% !important;
}

/*
Subpage spacer to top
 */
.subpage__topspace {
    margin-top: 56px;
}

/*
 div around ConactionSidebar Mask Element.
 */
.conaction__sidebar {

}

/*
Image fix für Partials/ContentElements/Media/Rendering/Image.html
 */
.conaction__image {

}

.conaction__well {

}

/*
Custom line use in unser-verein/beirat
 */
.conaction__line {
    border-top: 5px solid #d5d5d5;
}

/*
 Fix für Unser Team
 */
.conaction__textpic hr {
    border-top: 4px solid #eee;
}

/*
 Class marker for packages/ews_pns_template/Resources/Private/Mask/Frontend/Templates/ConactionAboutbox.html
 */
.conaction__aboutbox {

}

/*
 Class marker for packages/ews_pns_template/Resources/Private/Mask/Frontend/Templates/ConactionCerts.html
 */
.conaction__certs {

}

/*
 Class marker for packages/ews_pns_template/Resources/Private/Mask/Frontend/Templates/ConactionAdvisoryBoard.html
 */
.conaction__advisoryboard {

}

/*
 Class marker for packages/ews_pns_template/Configuration/Mask/ContentElements/conaction_pic_two_columns.json
 */
.conaction__pic_two_columns {
    margin-top: 15px;
}

/*
 Class marker for packages/ews_conaction_koeln/Resources/Private/Templates/News/List.html
 */
.conaction__news_list {
    /* margin-top: 60px; */
}

/*
 Fix/Hack for News content top space
 */
.news {
    /* margin-top: -10px; */
}

/* Move the whole page container below the header */
.page-container {
    margin-top: 60px;
}


/* "FIX" for the search box in the top right of the header */
#menu, .dropdown-menu {
    margin-right: 50px;
    margin-top: -43px !important;
    min-width: 260px;
    height: 50px;
}

/* "FIX" for the input box in the header */
#ke_search_sword__conaction__header {
    width: 240px;
    margin-top: 5px !important;

}
/*Accordion Style*/
:root {
    --primary-color: #f0830e;
    --secondary-color: #ffd95e;
    --text-color: white;
    --hover-decoration: underline;
    --border-radius: 5px;
    --transition-speed: 0.5s;
}

.accordion {
    width: 100%;
    margin: 20px auto;
}

#headline-container {
    display: flex;
    align-items: center;
    cursor: pointer;
    background-color: var(--primary-color);
    color: var(--text-color);
    padding: 20px;
    border-radius: var(--border-radius);
    height: 43px;
    transition: box-shadow var(--transition-speed) ease;
}

#headline-container:hover {
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

#headline-container:hover #headline {
    text-decoration: var(--hover-decoration);
}

#headline {
    margin-left: 10px;
    font-size: 16px;
    font-weight: 500;
}

.content {
    max-height: 0;
    overflow: hidden;
    transition: max-height var(--transition-speed) ease-out;
    background-color: var(--secondary-color);
    padding: 0 10px;
    border-radius: var(--border-radius);
}

.content.active {
    border: 2px solid var(--primary-color);
    padding: 20px;
}

.svg-icon {
    width: 10px;
    height: auto;
    color: var(--text-color);
}

.rotate {
    transform: rotate(180deg);
    transition: transform var(--transition-speed) ease;
}

@media (max-width: 768px) {
    #headline {
        font-size: 14px;
    }
}


/* "FIX" for the search box in the top right of the header */
#menu, .dropdown-menu {
    margin-right: 50px;
    margin-top: -43px !important;
    min-width: 260px;
    height: 50px;
}

/* "FIX" for the input box in the header */
#ke_search_sword__conaction__header {
    width: 240px;
    margin-top: 5px !important;
}


/* image alignment Bildungsnetzwerke */

#f1002 img, #f1003 img, #f1004 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-right: 50px;
    float: left;

}

#f1002, #f1003, #f1004{
    display: inline-block;
    justify-content: space-between;
    width: 370px;
    height: 350px;




}


.col-img-19{
    width: 0%;
    height: 0%;
}
.col-img-20{
    width: 100%;
    height: 100%;
    display: inline-block;
    float: left;
}