:root {
    /* fonts */
    --adcs-font-theme-headline: normal 500 36px/40px 'Druk Web', TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif;
    --adcs-font-bold: normal 700 22px/28px 'Classic Grotesque Pro Semibold', arial, helvetica, sans-serif;
    --adcs-font: normal 400 22px/28px 'Classic Grotesque Pro Regular', arial, helvetica, sans-serif;
    --adcs-font-article-teaser: normal 400 20px/30px 'Classic Grotesque Pro Regular', arial, helvetica, sans-serif;
    --adcs-font-article-h1: normal 600 44px/52px 'Classic Grotesque Pro Regular', arial, helvetica, sans-serif;
    --adcs-font-article-h3: normal 600 24px/32px 'Classic Grotesque Pro Regular', arial, helvetica, sans-serif;
    --adcs-font-article: normal 400 18px/28px 'Classic Grotesque Pro Regular', arial, helvetica, sans-serif;
    --adcs-font-article-figcaption: normal 400 16px/22px 'Classic Grotesque Pro Regular', arial, helvetica, sans-serif;

    /* colors */
    --adcs-color-666: #666;
    --adcs-color-333: #333;
    --adcs-color-000: #000;
    --adcs-color-ccc: #ccc;
    --adcs-color-eee: #eee;
    --adcs-color-fff: #fff;
    --adcs-color-8c8c8c: #8c8c8c;
    /* special colors */
    --adcs-color-publisher: #e30613;
    --adcs-color-publisher-dark: #d0010f;
    
    /* margins */
    --adcs-5:   5px;
    --adcs-10: 10px;
    --adcs-15: 15px;
    --adcs-20: 20px;
    --adcs-30: 30px;
    --adcs-40: 40px;
    --adcs-60: 60px;

    /* gutters */
    --adcs-gutter: 20px;
    --adcs-gutter-30: 30px;

    /* setting the gap */
    --gap: var(--adcs-30);
}

/* main container */
.adcs-main {
    /* debug */
    -background-color: lightblue;

    width: auto;
    margin: 0;
    padding: 0;
    font: --var(--adcs-font);

    /* index page */
    .adcs-index-theme {
        
        margin-bottom: var(--adcs-60);
        
        h2 {
            font: var(--adcs-font-theme-headline);
            margin-bottom: var(--adcs-10);
        }


        .theme-article-list {
            position: relative;
            display: grid;
            grid-template-columns: repeat(12, 1fr);
            grid-template-rows: auto auto;
            gap: var(--gap);

            .sep {
                grid-column: 1 / -1; /* Linie über die gesamte Breite */
                background-color: var(--adcs-color-ccc);
                height: 1px;
            }
            
            .theme-article {
                position: relative;

                &.first {
                    grid-column: span 8;
                    h3 {
                        font-size: 175%;
                    }
                }

                &:nth-child(2) {
                    grid-column: span 4;
                }
                &:nth-child(4),
                &:nth-child(5),
                &:nth-child(6) {
                    grid-column: span 4;
                }

                &.first::after,
                &:nth-child(4)::after,
                &:nth-child(5)::after {
                    content: "";
                    position: absolute;
                    top: 0;
                    right: calc( var(--gap) / 2 * -1 );
                    bottom: 0;
                    width: 1px;
                    background-color: var(--adcs-color-ccc);
                }

                figure {
                    position: relative;
                    width: 100%;
                    padding-top: 56.25%; 
                    margin: 0;  

                    img {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }
                }
                span.keyword {
                    display: block;
                    padding-top: 0.5rem;
                    font-weight: 600;
                    font-size: 14px;
                    line-height: 19px;
                    color: var(--adcs-color-666);
                }
                h3 {
                    margin: 0.25rem 0;
                }
                blockquote {
                    margin: 0;
                    color: var(--adcs-color-333);
                }
            }
        }
       
    }


    /* theme page */
    .adcs-theme {

        padding: 0 calc( 4 * var(--page-padding));

        h2 {
            font: var(--adcs-font-theme-headline);
            margin-bottom: var(--adcs-10);
        }

        .theme-article-list {
            position: relative;
            display: grid;
            grid-template-columns: repeat(12, 1fr);
            grid-template-rows: auto auto;
            gap: var(--gap);

            .theme-article {
                position: relative;
                grid-column: span 12;

                display: flex;
                border-bottom: 1px solid #ccc;
                padding-bottom: var(--gap);

                a {
                    & {
                        width: 33.33%;
                        padding-right: var(--page-padding);
                    }
                }
                a:nth-of-type(2) {
                    width: 66.66%;
                }

                &:last-of-type {
                    border-bottom: none !important;
                }

                figure {
                    position: relative;
                    width: 100%;
                    max-width: 200px;
                    padding-top: 56.25%; 
                    margin: 0;  

                    img {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }
                }

                span.keyword {
                    display: block;
                    padding-top: 0.5rem;
                    font-weight: 600;
                    font-size: 14px;
                    line-height: 19px;
                    color: var(--adcs-color-666);
                }

                h3 {
                    margin: 0.5rem 0;
                }

                blockquote {
                    margin: 0;
                }

                
            }
        }

        .adcs-country {
            margin-top: var(--adcs-60);
        }
    }


    /* article */
    .adcs-article {
        padding: 0 calc( 2 * var(--page-padding));

        /*article {*/
            header, section[data-type="header"] {
                display: flex;
                flex-flow: column;

                h1 {
                    order: 2;
                    font: var(--adcs-font-article-h1);
                    margin: 1rem 0;
                    hyphens: none; /* is-6792 */
                    word-wrap: break-word;
                }

                h2 {
                    order: 1;
                    display: block;
                    font-weight: 500;
                    font-size: 13px;
                    line-height: 18px;
                    color: var(--adcs-color-000);
                    text-transform: uppercase;

                    .k {
                        font-weight: 500;
                    }
                }

                ul {
                    order: 3;
                    display: flex;
                    list-style-type: none;
                    padding-left: 0;

                    li {
                        width: auto;
                        margin-right: 0.25rem;
                        &, * {
                            color: var(--adcs-color-666);
                            display: inline;
                        }

                        &.adcs-author:has(a):before {
                        /*&.adcs-author:before {*/
                            content: " von ";
                            display: inline;
                        }
                    }
                }
            }

            section.content, section[data-type] {
                figure {
                    &.header {
                        position: relative;
                        width: 100%;
                        padding-top: 56.25%; 
                        margin: 0;
                        height: 0;
                        margin-bottom: 4em;
                        display: inline-block;

                        picture {
                            width: 100%;
                            height: 100%;

                            img {
                                object-fit: cover;
                                position: absolute;
                                top: 0;
                                left: 0;
                                width: 100%;
                                height: 100%;
                            }
                        }
                    }

                    &.small-relayout {
                        float: left;
                        width: 300px;
                        max-width: 320px;
                        margin: 0 var(--adcs-20) var(--adcs-15) 0;
                        overflow: hidden;
                    }
                    
                    &.large-relayout {
                        margin-bottom: var(--adcs-15);
                        
                        picture {
                            img {
                                width: 100%;
                                max-width: 100%;
                            }
                        }
                    }

                    &.header-relayout {
                        margin-bottom: 2em;
                        
                        picture {
                            img {
                                height: auto;
                            }
                        }
                    }

                    figcaption {
                        padding-top: var(--adcs-5);
                        color: var(--adcs-color-666);
                        font: var(--adcs-font-article-figcaption);

                        strong {
                            &.k {
                                font-weight: inherit !important;
                            }
                        }

                        span {
                            strong {
                                &.k {
                                    font-weight: inherit !important;
                                }
                            }
                        }

                        span:not(:empty)::before {
                            content: "\00A9";
                            margin-right: 5px;
                        }
                    }
                }

                h3 {
                    font: var(--adcs-font-article-h3);
                    margin-bottom: var(--adcs-15);
                }

                a[href] {
                    border-bottom: 1px dotted var(--adcs-color-publisher-dark);

                    &[target="_blank"]::after {
                        content: " ";
                        background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="black" xmlns="http://www.w3.org/2000/svg"><path d="M15.9621 0.308609C15.9377 0.249636 15.9015 0.194385 15.8536 0.146447C15.8056 0.0985081 15.7504 0.062339 15.6914 0.0379391C15.6324 0.0134925 15.5678 0 15.5 0H10.5C10.2239 0 10 0.223858 10 0.5C10 0.776142 10.2239 1 10.5 1L14.2929 1L7.64645 7.64645C7.45118 7.84171 7.45118 8.15829 7.64645 8.35355C7.84171 8.54882 8.15829 8.54882 8.35355 8.35355L15 1.70711V5.5C15 5.77614 15.2239 6 15.5 6C15.7761 6 16 5.77614 16 5.5V0.50098C16 0.497577 16 0.494174 15.9999 0.490771C15.9988 0.428726 15.9862 0.366852 15.9621 0.308609Z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.5C0 0.223858 0.223857 0 0.5 0H5.5C5.77614 0 6 0.223858 6 0.5C6 0.776142 5.77614 1 5.5 1H1V15H15V10.5C15 10.2239 15.2239 10 15.5 10C15.7761 10 16 10.2239 16 10.5V15.5C16 15.7761 15.7761 16 15.5 16H0.5C0.223858 16 0 15.7761 0 15.5V0.5Z"></path></svg>');
                        width: 16px;
                        height: 16px;
                        margin-left: 5px;
                        display: inline-block;
                    }

                    &:hover {
                        color: var(--adcs-color-publisher-dark);
                    }
                }

                section.teaser {
                    font: var(--adcs-font-article-teaser);
                    margin: 1rem 0;
                }
    
                section.sharing {
                    display: flex;
                    margin: var(--adcs-20) 0 var(--adcs-40) 0;
                    border: 1px solid #ccc;
                    border-right: 0;
                    border-left: 0;

                    .types {
                        display: flex;
                        width: 100%;
                        justify-content: space-between;

                        min-height: 40px;
                        box-sizing: content-box;
                        border-top: var(--border);
                        border-bottom: var(--border);
                        position: relative;

                        a {
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            border: none;

                            width: 40px;
                            height: 40px;
                            background-position: center;
                            background-repeat: no-repeat;

                            &.link {
                                background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="black" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.0264 6.51407L12.8664 8.84023C12.6785 9.04258 12.3621 9.0543 12.1598 8.8664C11.9574 8.67849 11.9457 8.36213 12.1336 8.15977L14.3003 5.82644C14.3045 5.82192 14.3088 5.81747 14.3131 5.81311C15.3973 4.72896 17.1027 4.72896 18.1869 5.81311C19.271 6.89726 19.271 8.60272 18.1869 9.68687C18.1825 9.69123 18.1781 9.69552 18.1736 9.69971L15.8402 11.8664C15.6379 12.0543 15.3215 12.0426 15.1336 11.8402C14.9457 11.6379 14.9574 11.3215 15.1598 11.1336L17.4859 8.97359C18.1734 8.27979 18.1713 7.21179 17.4798 6.52022C16.7882 5.82865 15.7202 5.8266 15.0264 6.51407ZM15.8536 8.14645C16.0488 8.34171 16.0488 8.65829 15.8536 8.85355L8.85355 15.8536C8.65829 16.0488 8.34171 16.0488 8.14645 15.8536C7.95118 15.6583 7.95118 15.3417 8.14645 15.1464L15.1464 8.14645C15.3417 7.95118 15.6583 7.95118 15.8536 8.14645ZM8.8664 12.1598C9.0543 12.3621 9.04258 12.6785 8.84023 12.8664L6.51407 15.0264C5.8266 15.7202 5.82865 16.7882 6.52022 17.4798C7.21179 18.1714 8.2798 18.1734 8.9736 17.4859L11.1336 15.1598C11.3215 14.9574 11.6379 14.9457 11.8402 15.1336C12.0426 15.3215 12.0543 15.6379 11.8664 15.8402L9.69972 18.1736C9.69553 18.1781 9.69124 18.1825 9.68688 18.1869C8.60273 19.271 6.89726 19.271 5.81311 18.1869C4.72896 17.1027 4.72896 15.3973 5.81311 14.3131C5.81747 14.3087 5.82192 14.3045 5.82644 14.3003L8.15977 12.1336C8.36213 11.9457 8.6785 11.9574 8.8664 12.1598Z"></path></svg>');
                            }
                            &.email {
                                background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="black" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_168:29)"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.99805 7.5C3.99805 7.22386 4.2219 7 4.49805 7H19.498C19.7742 7 19.998 7.22386 19.998 7.5V17.5C19.998 17.7761 19.7742 18 19.498 18H4.49805C4.2219 18 3.99805 17.7761 3.99805 17.5V7.5ZM5.92344 8L11.998 12.8597L18.0727 8H5.92344ZM18.998 8.54031L12.3104 13.8904C12.1278 14.0365 11.8683 14.0365 11.6857 13.8904L4.99805 8.54031V16.2929L8.14449 13.1464C8.33976 12.9512 8.65634 12.9512 8.8516 13.1464C9.04686 13.3417 9.04686 13.6583 8.8516 13.8536L5.70515 17H18.2909L15.1445 13.8536C14.9492 13.6583 14.9492 13.3417 15.1445 13.1464C15.3398 12.9512 15.6563 12.9512 15.8516 13.1464L18.998 16.2929V8.54031Z"></path></g><defs><clipPath id="clip0_168:29"><rect width="16" height="11" fill="white" transform="translate(3.99805 7)"></rect></clipPath></defs></svg>');
                            }
                            &.x {
                                background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="black" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.05143 5.27912C5.13558 5.10823 5.30952 5 5.5 5H8.5C8.65524 5 8.80167 5.0721 8.89632 5.19514L12.8969 10.396L18.1465 5.14645C18.3417 4.95118 18.6583 4.95118 18.8536 5.14645C19.0488 5.34171 19.0488 5.65829 18.8536 5.85355L13.5118 11.1953L18.8963 18.1951C19.0125 18.3461 19.0327 18.55 18.9486 18.7209C18.8644 18.8918 18.6905 19 18.5 19H15.5C15.3448 19 15.1983 18.9279 15.1037 18.8049L11.1031 13.604L5.85356 18.8536C5.65829 19.0488 5.34171 19.0488 5.14645 18.8536C4.95119 18.6583 4.95119 18.3417 5.14645 18.1464L10.4882 12.8047L5.10369 5.80486C4.98755 5.65387 4.96729 5.45002 5.05143 5.27912ZM11.5534 12.5494C11.5505 12.5454 11.5474 12.5415 11.5443 12.5375L6.51544 6H8.2538L12.4466 11.4506C12.4495 11.4546 12.4526 11.4585 12.4557 11.4625L17.4846 18H15.7462L11.5534 12.5494Z"></path></svg>');
                            }
                            &.linkedin {
                                background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="black" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.00002 5C5.44772 5 5 5.44772 5 6C5 6.55228 5.44772 7 6.00002 7C6.5523 7 7 6.55229 7 6C7 5.4477 6.5523 5 6.00002 5ZM4 6C4 4.89542 4.89546 4 6.00002 4C7.1046 4 8 4.89544 8 6C8 7.10456 7.1046 8 6.00002 8C4.89546 8 4 7.10458 4 6ZM4 9.5C4 9.22386 4.22386 9 4.5 9H7.5C7.77614 9 8 9.22386 8 9.5V19.5C8 19.7761 7.77614 20 7.5 20H4.5C4.22386 20 4 19.7761 4 19.5V9.5ZM5 10V19H7V10H5ZM9.13616 9.15704C9.23063 9.05682 9.36227 9 9.5 9H12.5C12.7761 9 13 9.22386 13 9.5V9.90206C13.6414 9.41552 14.5423 9 15.7366 9C16.9216 9 18.0059 9.38582 18.7907 10.2288C19.5723 11.0685 20 12.3005 20 13.885V19.5C20 19.7761 19.7761 20 19.5 20H16.5C16.2239 20 16 19.7761 16 19.5V14.2594C16 13.6838 15.8364 13.2635 15.5967 12.994C15.3625 12.7305 15.0174 12.5668 14.5538 12.5668C14.2024 12.5668 13.8618 12.6808 13.5876 12.8559C13.3065 13.0354 13.137 13.2513 13.0771 13.415C13.0705 13.433 13.0629 13.4507 13.0542 13.4679C13.011 13.5538 13 13.6865 13 14.0455V19.5C13 19.7761 12.7761 20 12.5 20H9.5C9.36688 20 9.23925 19.9469 9.1454 19.8525C9.05155 19.7581 8.99922 19.6302 9.00001 19.497L9.00221 19.1049C9.00358 18.8546 9.00547 18.496 9.00757 18.0629C9.01177 17.1966 9.0168 16.0322 9.02016 14.8395C9.02692 12.4394 9.02655 9.96378 9.00087 9.52952C8.99274 9.39202 9.04169 9.25727 9.13616 9.15704ZM10.0028 19H12V14.0455C12 14.0296 12 14.0134 11.9999 13.9969C11.9993 13.7256 11.9986 13.3624 12.1476 13.0458C12.3072 12.632 12.648 12.2694 13.0494 12.0131C13.4661 11.747 13.9912 11.5668 14.5538 11.5668C15.2729 11.5668 15.9009 11.831 16.3441 12.3296C16.7819 12.822 17 13.498 17 14.2594V19H19V13.885C19 12.4749 18.6212 11.5144 18.0588 10.9102C17.4994 10.3094 16.7021 10 15.7366 10C14.2272 10 13.3268 10.8382 12.8992 11.4053C12.7698 11.577 12.5451 11.6467 12.3413 11.5784C12.1374 11.5102 12 11.3193 12 11.1043V10H10.013C10.0268 10.9713 10.0255 12.9548 10.0202 14.8423C10.0168 16.036 10.0118 17.2011 10.0076 18.0678C10.0057 18.441 10.0041 18.759 10.0028 19Z"></path></svg>');
                            }
                            &.fb {
                                background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="black" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.84911 5.11337C10.5237 4.34334 11.5866 4 13.0573 4H15.5C15.7761 4 16 4.22386 16 4.5V7.24285C16 7.51899 15.7761 7.74285 15.5 7.74285H13.9733C13.4516 7.74285 13.2252 7.82927 13.1303 7.90267C13.0703 7.9491 13 8.03819 13 8.32858V8.94287H15.5C15.7761 8.94287 16 9.16673 16 9.44287V12.5C16 12.7761 15.7761 13 15.5 13H13V20.5C13 20.7761 12.7761 21 12.5 21H9.5C9.22386 21 9 20.7761 9 20.5V13.0571H7.5C7.22386 13.0571 7 12.8333 7 12.5571V9.5C7 9.22386 7.22386 9 7.5 9H9V8.09999C9 6.92435 9.18751 5.86854 9.84911 5.11337ZM10.6013 5.77234C10.1865 6.24574 10 6.98992 10 8.09999V9.5C10 9.77614 9.77614 10 9.5 10H8V12.0571H9.5C9.77614 12.0571 10 12.281 10 12.5571V20H12V12.5C12 12.2239 12.2239 12 12.5 12H15V9.94287H12.5C12.2239 9.94287 12 9.71901 12 9.44287V8.32858C12 7.87611 12.1168 7.42233 12.5186 7.11162C12.8855 6.82787 13.3958 6.74285 13.9733 6.74285H15V5H13.0573C11.7187 5 11.003 5.3138 10.6013 5.77234Z"></path></svg>');
                            }
                            &.xing {
                                background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="black" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.4802 4.26175C15.5676 4.10047 15.7363 4 15.9197 4H19.5C19.6767 4 19.8402 4.09322 19.9302 4.24521C20.0202 4.39721 20.0234 4.58543 19.9385 4.74033L14.5943 14.4899L18.0162 20.2444C18.1081 20.399 18.1099 20.5909 18.021 20.7472C17.9322 20.9035 17.7662 21 17.5864 21H14.0679C13.8915 21 13.7282 20.9071 13.6381 20.7556L10.0703 14.7556C9.98023 14.6042 9.9765 14.4166 10.0604 14.2618L15.4802 4.26175ZM16.2175 5L11.0749 14.4886L14.3523 20H16.7074L13.5888 14.7556C13.4984 14.6034 13.495 14.4149 13.5801 14.2597L18.6557 5H16.2175ZM5.05864 6.24768C5.1483 6.09429 5.31263 6 5.4903 6H8.8107C8.99125 6 9.15778 6.09734 9.24638 6.25467L10.9357 9.25467C11.0188 9.40234 11.0215 9.58207 10.9428 9.73216L8.32147 14.7322C8.23514 14.8968 8.06457 15 7.87864 15H4.5C4.32419 15 4.1613 14.9077 4.071 14.7568C3.98069 14.606 3.97625 14.4188 4.0593 14.2638L6.60913 9.50595L5.05462 6.74533C4.96745 6.59051 4.96898 6.40106 5.05864 6.24768ZM6.34567 7L7.61528 9.25467C7.69922 9.40374 7.70112 9.58539 7.6203 9.73618L5.33524 14H7.57623L9.93098 9.50853L8.51843 7H6.34567Z"></path></svg>');
                            }
                            &.print {
                                background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="black" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6 5.5C6 5.22386 6.22386 5 6.5 5H17.5C17.7761 5 18 5.22386 18 5.5V9H19.5C19.7761 9 20 9.22386 20 9.5V15.5C20 15.7761 19.7761 16 19.5 16H18V19.5C18 19.7761 17.7761 20 17.5 20H6.5C6.22386 20 6 19.7761 6 19.5V16H4.5C4.22386 16 4 15.7761 4 15.5V9.5C4 9.22386 4.22386 9 4.5 9H6V5.5ZM7 9H17V6H7V9ZM5 10V15H6V13.5C6 13.2239 6.22386 13 6.5 13H17.5C17.7761 13 18 13.2239 18 13.5V15H19V10H5ZM7 14V19H17V14H7ZM8 15.5C8 15.2239 8.22386 15 8.5 15H15.5C15.7761 15 16 15.2239 16 15.5C16 15.7761 15.7761 16 15.5 16H8.5C8.22386 16 8 15.7761 8 15.5ZM8 17.5C8 17.2239 8.22386 17 8.5 17H15.5C15.7761 17 16 17.2239 16 17.5C16 17.7761 15.7761 18 15.5 18H8.5C8.22386 18 8 17.7761 8 17.5Z"></path></svg>');
                                margin-left: auto;
                            }

                            &::after {
                                display: none !important;
                            }
                        }
                    }
                }

                /* video */
                aside {
                    margin-bottom: var(--adcs-20);

                    video {
                        aspect-ratio: 16/9;
                        width: 100%;
                        height: auto;
                        margin: 15px 0;
                    }
                }

                section.textblock {
                    font: var(--adcs-font-article);
                    margin-bottom: var(--adcs-40);

                    h3 {
                        margin: var(--adcs-40) 0 var(--adcs-10) 0;
                        font: var(--adcs-font-article-h3);
                    }

                    h2 {
                        margin: var(--adcs-40) 0 var(--adcs-10) 0;
                        font: var(--adcs-font-article-h3);
                    }

                    ol {
                        list-style-type: none;
                    }

                    section.linkbox {
                        margin-top: var(--adcs-20);
                        margin-bottom: var(--adcs-15);
    
                        h4, span {    
                            font: var(--adcs-font-article-h3);
                        }

                        ul {
                            li {
                                margin-bottom: var(--adcs-15);
                            }
                        }
                    }
                }
            }

            /* new editor reasons: ßeta styles */
            section#adcs-content-area {
                h3 {
                    font: var(--adcs-font-article-h3);
                    margin-top: var(--adcs-40) !important;
                }

                p, ul li {
                    font: var(--adcs-font-article);
                }

                ol {
                    list-style-type: none;
                }

                strong.k {
                    font-weight: bold;
                }
            }

            footer {
                font: var(--adcs-font-article);
                font-weight: 600;
            }
        /*} */

        section.imprint {
            margin-top: var(--adcs-60);

            .headline {
                margin-bottom: var(--adcs-10);
                font-weight: 600;
            }

            em {
                display: block;

                &.block {
                    margin-bottom: var(--adcs-15);
                }
            }
        }

        a.cta {
            display: block;
            width: 50%;
            max-width: 75%;
            margin: var(--adcs-40) auto;
            text-align: center;
            color: var(--adcs-color-fff);
            font-weight: normal;
            font-size: 16px;
            line-height: 20px;
            background-color: var(--adcs-color-publisher);
            padding: 11px 14px;

            &::after {
                display: none !important;
            }

            &:hover {
                color: var(--adcs-color-fff) !important;
                background-color: var(--adcs-color-publisher-dark);
            }
        }
    }


    /** related-article-* */
    .adcs-article-related {
        padding: 0 calc( 8 * var(--page-padding));
        margin-top: 5em;

        span {
            font: var(--adcs-font-article-h3);
        }

        .related-article-list {
            .related-article {
                display: grid;
                grid-template-columns: 1fr 2fr;
                grid-template-rows: auto auto;
                gap: 10px;
                align-items: start;
                margin-top: 2em;

                .headline {
                    grid-column: 1 / 3;
                    h3 {
                    }
                    .keyword {
                    }
                }

                figure {
                    grid-column: 1;
                    picture {
                        overflow: hidden;
                        img {
                            width: 100%;
                            max-width: 300px;
                        }
                    }
                }

                blockquote {
                    grid-column: 2;
                    margin: 0;
                }
            }
        }
    }



    /* country list */
    .adcs-country {
        h2 {
            font: var(--adcs-font-theme-headline);
            margin-bottom: var(--adcs-10);
        }
        ul {
            display: grid;
            align-content: center;
            justify-content: start;
            align-items: center;
            justify-items: start;
            grid-template-columns: repeat(3, 1fr);
            grid-template-rows: auto auto;
            list-style-type: none;
            padding-left: 0;
            grid-gap: var(--adcs-20);
        }
    }
}


/* navi */
.adcs-nav {

    * {
        color: var(--color-shade);
    }

    svg, li svg {
        display: inline-flex;
        max-width: 100%;
        max-height: 100%;
        width: 24px;
        height: 24px;
        fill: currentColor;
    }

    ol {
        display: flex;
        flex-wrap: wrap;
        list-style-type: none;
        margin: 0.5rem 0 -0.5rem;
        padding: 0;
        padding-left: var(--page-padding);

        li {
            white-space: nowrap;
            display: inline-flex;
            align-items: center;
            width: max-content;
            margin: 0;
            padding: 0;

            a {
                *:hover {
                    color: rgb(102, 102, 102);
                }
                h1 {
                    font-size: initial;
                    font-weight: normal;
                }
            }
        }
    }
}


/* adcs-pagi */
.adcs-pagi {
    display: flex;

    div {
        flex: 0 auto;
        width: 33.33%;
        
        &:nth-child(2) {
            text-align: center;
        }
        &:nth-child(3) {
            text-align: right;
        }

        a {
            font-weight: bold;
            color: var(--adcs-color-publisher);
        }
    }
}


/* video tools */
.adcs-youtube-container {
    max-width: 100%;
    width: 100%;
    left: 0;
    right: 0;
    margin: 1em auto;
}
.adcs-youtube {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;

    iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}


/* dist imprint */
.adcs-distributor {
    margin-top: var(--adcs-20);

    a {
        float: right;
        color: var(--adcs-color-8c8c8c);
        font-size: 11px;

        &::after {
            clear: right;
        }
    }
}


/* authors */
.adcs-authors {
    ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto auto;
        list-style-type: none;
        padding: 0;
        grid-row-gap: var(--adcs-20);

        li {
            min-height: 75px;
            border-bottom: 1px solid var(--adcs-color-eee);

            &:nth-child(2n) {
                a {
                    border-right: none;
                }
            }
            &:nth-last-child(-n+2) {
                border-bottom: none;
            }

            a {
                display: flex;
                align-items: center;
                gap: var(--adcs-20);
                border-right: 1px solid var(--adcs-color-eee);

                h2 {
                    font-size: inherit;
                    font-weight: normal;
                }

                figure {
                    padding-left: var(--adcs-15);

                    picture {
                        img {
                            min-height: 50px;
                            max-height: 50px;
                            background-color: var(--adcs-color-eee);
                            border-radius: 25px;
                            filter: grayscale(.75);
                        }
                    }
                }
            }
        }
    }
}

.adcs-author {
    
    display: flex;
    flex-flow: column;

    div {
        display: flex;
        flex-flow: column-reverse;
        text-align: center;
        margin-top: var(--adcs-20);

        img {
            filter: grayscale(.75);
        }
    }

    /** social */
    ul.adcs-social-list {
        display: flex;
        gap: 2rem;
        flex-direction: row;
        width: auto;
        list-style-type: none;
        flex-wrap: nowrap;
        justify-content: center;
        margin: 1rem 0;
        padding: 0;

        li {
            .adcs-social-icon {
                background-size: cover;
                width: 24px;
                height: 24px;
                display: inline-block;
            }
            .adcs-social-x {
                background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHNoYXBlLXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIiB0ZXh0LXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIiBpbWFnZS1yZW5kZXJpbmc9Im9wdGltaXplUXVhbGl0eSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIHZpZXdCb3g9IjAgMCA1MTIgNDYyLjc5OSI+PHBhdGggZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNDAzLjIyOSAwaDc4LjUwNkwzMTAuMjE5IDE5Ni4wNCA1MTIgNDYyLjc5OUgzNTQuMDAyTDIzMC4yNjEgMzAxLjAwNyA4OC42NjkgNDYyLjc5OWgtNzguNTZsMTgzLjQ1NS0yMDkuNjgzTDAgMGgxNjEuOTk5bDExMS44NTYgMTQ3Ljg4TDQwMy4yMjkgMHptLTI3LjU1NiA0MTUuODA1aDQzLjUwNUwxMzguMzYzIDQ0LjUyN2gtNDYuNjhsMjgzLjk5IDM3MS4yNzh6Ii8+PC9zdmc+');
            }
            .adcs-social-xing {
                background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBkPSJNMTYyLjcgMjEwYy0xLjggMy4zLTI1LjIgNDQuNC03MC4xIDEyMy41LTQuOSA4LjMtMTAuOCAxMi41LTE3LjcgMTIuNUg5LjhjLTcuNyAwLTEyLjEtNy41LTguNS0xNC40bDY5LTEyMS4zYy4yIDAgLjItLjEgMC0uM2wtNDMuOS03NS42Yy00LjMtNy44LjMtMTQuMSA4LjUtMTQuMUgxMDBjNy4zIDAgMTMuMyA0LjEgMTggMTIuMmw0NC43IDc3LjV6TTM4Mi42IDQ2LjFsLTE0NCAyNTN2LjNMMzMwLjIgNDY2YzMuOSA3LjEuMiAxNC4xLTguNSAxNC4xaC02NS4yYy03LjYgMC0xMy42LTQtMTgtMTIuMmwtOTIuNC0xNjguNWMzLjMtNS44IDUxLjUtOTAuOCAxNDQuOC0yNTUuMiA0LjYtOC4xIDEwLjQtMTIuMiAxNy41LTEyLjJoNjUuN2M4IDAgMTIuMyA2LjcgOC41IDE0LjF6Ii8+PC9zdmc+CjwhLS0KRm9udCBBd2Vzb21lIEZyZWUgNS40LjEgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20KTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UvZnJlZSAoSWNvbnM6IENDIEJZIDQuMCwgRm9udHM6IFNJTCBPRkwgMS4xLCBDb2RlOiBNSVQgTGljZW5zZSkKLS0+');
            }
            .adcs-social-linkedin {
                background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb24tdGFibGVyLWJyYW5kLWxpbmtlZGluIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICA8cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KICA8cGF0aCBkPSJNNCA0bTAgMmEyIDIgMCAwIDEgMiAtMmgxMmEyIDIgMCAwIDEgMiAydjEyYTIgMiAwIDAgMSAtMiAyaC0xMmEyIDIgMCAwIDEgLTIgLTJ6IiAvPgogIDxwYXRoIGQ9Ik04IDExbDAgNSIgLz4KICA8cGF0aCBkPSJNOCA4bDAgLjAxIiAvPgogIDxwYXRoIGQ9Ik0xMiAxNmwwIC01IiAvPgogIDxwYXRoIGQ9Ik0xNiAxNnYtM2EyIDIgMCAwIDAgLTQgMCIgLz4KPC9zdmc+Cg==');
            }
        }
    }

    h2 {
        margin-top: var(--adcs-60);
    }

    ul.adcs-author-advertorial-list {
        list-style-type: none;
        padding-left: 0;

        li {
            margin-bottom: var(--adcs-30);

            p {
                margin-top: 4px;
            }
        }
    }
}




/* media */
@media (max-width: 1024px) {
    .adcs-theme {
        padding: 0 !important;

        .theme-article-list {
            .theme-article {
            }
        }
    }
    .adcs-nav {
        ol {
            li {
                &:last-of-type {
                    display: none;
                }
            }
        }
    }
    .adcs-article {
        padding: 0 calc( 2 * var(--page-padding)) !important;
    }

    /* related */
    .adcs-article-related {
        padding: 0 calc( 2 * var(--page-padding)) !important;
    }
}
@media (max-width: 768px) {
    .adcs-main {
        /* debug */
        -background-color: lightgoldenrodyellow;
        
        .theme-article-list {

            .sep {
                display: none;
            }
            
            .theme-article {

                grid-column: span 12 !important;

                &.first {
                    border-bottom: 1px solid var(--adcs-color-ccc);
                    padding-bottom: var(--gap);
                }

                &:nth-child(2),
                &:nth-child(3),
                &:nth-child(4),
                &:nth-child(5),
                &:nth-child(6) {
                    display: flex;
                    border-bottom: 1px solid #ccc;
                    padding-bottom: var(--gap);

                    a {
                        & {
                            width: 33.33%;
                            padding-right: var(--page-padding);
                        }
                    }
                    a:nth-of-type(2) {
                        width: 66.66%;
                    }
                }

                &.first::after,
                &:nth-child(4)::after,
                &:nth-child(5)::after {
                    display: none;
                }

                &:last-of-type {
                    border: none;
                }

                span.keyword {
                    padding-top: initial !important;
                }
            }
        }

        /* country list */
        .adcs-country {
            ul {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        .adcs-article {
            article {
                header {
                    h1 {
                        font: var(--adcs-font-article-h3);
                    }
                }
            }
        }
    }    
}
@media (max-width: 520px) {
    /* index page -> full width first image */
    div.page {
        background-color: var(--adcs-color-fff) !important;
    }

    .adcs-channelizer-page,
        .adcs-channelizer-content-area {
        overflow: visible !important;

        .adcs-main {
            .theme-article {
                grid-column: span 12 !important;

                &.first {
                    border-bottom: 1px solid var(--adcs-color-ccc);
                    padding-bottom: var(--gap);

                    figure {
                        margin-left: calc( -1 * var(--page-padding)) !important;
                        width: calc( 100% + 2 * var(--page-padding)) !important;
                    }
                }

                &:nth-child(2),
                &:nth-child(3),
                &:nth-child(4),
                &:nth-child(5),
                &:nth-child(6) {
                    display: initial;

                    a {
                        padding-right: initial !important;
                    }
                }

                span.keyword {
                    padding-top: 0.5rem !important;
                }
            }

            .adcs-theme {
                .theme-article {
                    -background-color: red;
                    display: flex;

                    a {
                        width: 100px;
                        padding-right: 0;
                    }
                    a:nth-of-type(2) {
                        width: calc(100% - 100px);

                        blockquote {
                            display: inline-grid;
                            margin-top: 20px;
                            position: relative;
                            margin-left: -100px;
                        }
                    }

                    figure {
                        height: 80px;
                        width: 80px;
                        max-width: 80px;
                        max-height: 80px;
                        padding-top: 0;
                        margin-left: 0 !important;

                        img {
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                        }
                    }
                }
            }

            .adcs-article {
                padding: 0 0 !important;

                figure {
                    &.small-relayout {
                        display: block !important;
                        max-width: initial !important;
                        float: none !important;
                        width: 100% !important;
                        margin-bottom: var(--adcs-15) !important;
                        overflow: hidden;
                    }

                    img {
                        width: 100% !important;
                    }
                }

                .cta {
                    min-width: 75%;
                }
            }

            /* related */
            .adcs-article-related {
                padding: 0 !important;
                .headline,
                    figure,
                    blockquote {
                    grid-column: 1 / 3 !important;
                }
            }

            /* country list */
            .adcs-country {
                ul {
                    grid-template-columns: repeat(1, 1fr);
                }
            }

            /* authors */
            .adcs-authors {
                ul {
                    grid-template-columns: repeat(1, 1fr);
                    li {
                        a {
                            border-right: none;
                        }
                    }
                }
            }
        }
    }
}