/***************************************************************************
* Basics
****************************************************************************/
body {
    font-family: 'Roboto',sans-serif;
    font-weight: 400;
    color: var(--typo-color-text);
}
p { line-height: 1.4; }

/***************************************************************************
* UL
****************************************************************************/
li {
    list-style-type: "//  ";
}
.menu li {
    list-style: none;
}

/***************************************************************************
* Table
****************************************************************************/
thead, tbody, tfoot,
tbody tr:nth-child(2n) {
    background-color: transparent;
    border: none;
}

tbody tr td {
    padding: 0 1rem;
}

/***************************************************************************
* Hr & Co
****************************************************************************/
hr {
    margin: 2em 0;
}

/***************************************************************************
* Headlines
****************************************************************************/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto',sans-serif; 
    font-weight: 700; font-style: italic; line-height: 1;
    color: inherit; margin-bottom: 1rem;
}

h1:not(:first-child), .h2:not(:first-child), .h3:not(:first-child), .h4:not(:first-child), .h5:not(:first-child), .h6:not(:first-child), 
h1:not(:first-child), h2:not(:first-child), h3:not(:first-child), h4:not(:first-child), h5:not(:first-child), h6:not(:first-child) {
    margin-top: 2rem;
}


/***************************************************************************
* Font Sizes
****************************************************************************/
.h1, h1 {font-size: var(--typo-font-size-h1);}
.h2, h2 {font-size: var(--typo-font-size-h2);}
.content_title > p,.h3, h3 {font-size: var(--typo-font-size-h3);}
.h4, h4 {font-size: var(--typo-font-size-h4);}
.h5, h5 {font-size:1.125em;}
.h6, h6 {font-size:1em;}


.content_section {
    font-size: var(--typo-font-size-default);
}


/***************************************************************************
* Content_title
****************************************************************************/
.content_title:has(h1),
.content_title:has(h2) {
    margin-bottom: 2rem;
}
.content_title > *:not(p):not(:last-child){
    margin-bottom: 0.5rem;
}
.content_title > p {
    line-height: 1;
}
.content_title > span {
    font-weight: 700;
    display: block;
    line-height: 1.4;
    font-size: 1.125em;
}


.headline_as_content_title.content_title > * { font-size: 1em;}
.headline_as_content_title.content_title > * > * { display: block;}
.headline_as_content_title.content_title > * > .big {font-size: var(--typo-font-size-h1);margin-bottom: 0.5rem;}
.headline_as_content_title.content_title > * > .small {
    font-size: var(--typo-font-size-h3);
    font-style: normal;
    font-weight: 400;
}


/***************************************************************************
* Blockquote
****************************************************************************/
/*blockquote {
    background-color: var(--typo-color-grey);
    padding: var(--typo-double-gap);
    border-radius: 0.75em;
    font-style: italic;
}*/
blockquote {
    border-left: 0.25rem solid var(--typo-color-grey);
    padding-left: var(--typo-gap);
    margin: 1em 0;
}