@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap');

/*! @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Roboto+Slab:wght@100..900&display=swap'); */


html, body { 
background-color: white;
font-family: 'Lexend', sans-serif !important;
}

/*!
html, body { 
background-color: white;
font-family: 'Lato', sans-serif !important;
font-family: 'Roboto Slab', serif !important;
}*/


/*!
    modifications
 */




/* 
.navbar {    
    padding: 2em;
    display: flex;
    margin: 0em 0em 0em 0em;
    text-align: center;
    justify-content: center;
    align-items: center;
    background: white; 
}

.navbar-item { 
    padding: 1rem; 
    
}

.navbar-item img { 
    max-height: 3rem;
    padding-right: 2rem;
}

.navbar li { list-style: none; padding-right: 1rem; }
.navbar li a { color:black; font-size: 1em; }

*/

.pxm-line-0 {
    height: 2px; 
    background-color: darkgray;
    margin: 0rem 0.25rem 0rem 0.25rem;
}

.pxm-line-1 {
    height: 2px; 
    background-color: darkgray;
    margin: 1rem 1rem 1rem 1rem;
}


.top--nav--flex {
    background-color: #964444;
color: #000;
display: flex;
justify-content: center;
align-items: center;
padding: 1rem;
width: 100%;
 }


/** Typografie **/
.flag { color: #FFEB7E; position: absolute; outline: 1px; outline-style:solid; padding: 0.3rem 1rem 0.3rem 1rem; margin: 1rem; top:0px; }

.hero-news{
    position: relative;
    left: 0rem;
    right: 0rem;
    bottom: 0rem;
    padding: 1rem;
    outline: 0px;
    outline-style:solid;
    outline-color: #FFEB7E;
    background: #FFEB7E;

}


img {border-radius: 0px; display: block; }

.index_page_news_1 .pager { display: none; }
.index_page_news_2 .pager { display: none; }

.top--index { padding: 1rem 0.25rem 3rem 0.25rem; }

.top--index--ad { padding: 1rem; background: #FFEB7E; text-align: center;}

/** News **/ 
.news--title {
    font-size: 2.8rem;
    color: #000;
    font-family: 'Lexend', sans-serif;
    text-align: left;
    padding: 0.5rem;
}

.news--title h1 {
    font-weight: bold;
}

.news--category { 
    color: #FFEB7E; position: absolute; outline: 1px; outline-style:solid; padding: 0.3rem 1rem 0.3rem 1rem; margin: 1rem; 
}

.news--text {
    padding: 3rem 2rem 3rem 2rem;
    line-height: 1.6rem;
}

.news--source .field__label {
    font-weight: 500;
}

/** News Ende **/ 

/** Review **/

.review--top {
    padding: 2rem 1rem 3rem 1rem;  
}

.review--top .column { padding: 0rem; background: #FFEB7E; }

.review--top--text {
    background: #FFEB7E;
    display: flex;
    padding: 3rem;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0rem 0rem 0rem 0rem;    
}

.review--top--image {
    display: flex;
    margin: 0rem 0rem 0rem 0rem; 
}

.review--title {
    font-size: 2.8rem;
    color: #000;
    font-family: 'Lexend', sans-serif;
    text-align: center;
    padding: 0.5rem;
}

.review--title h1 {
    font-weight: bold;
}

.review--title .review--copy {
    font-size: 1rem;
    color: #000;
    font-family: 'Lexend', sans-serif;
    text-align: center;
    padding: 0.5rem;
}


.review--wertung {
    font-size: 2.8rem;
    color: #000;
    font-family: 'Lexend', sans-serif;
    text-align: center;
    padding: 0.5rem;
}

.review--wertung h1 {
    font-weight: bold;
}

.review--wertung--text {
    font-size: 1.6rem;
color: #000;
font-family: 'Lexend', sans-serif;
text-align: left;
padding: 3rem;
background-color: #f9f9f9;
}


.review--text img {
 width: 100%;
margin-left: 0%;
padding: 0rem 0rem 2rem 0rem;
}

.review--text {

color: #4a4a4a;
font-size: 1.2em;
font-weight: 300;
line-height: 1.6;

}

.image-container { overflow: hidden; /* Verhindert das Überlaufen des Bildes */
            position: relative; 
            width: 100%;
            height: 600px;

}

.image-container img {
            width: 100%;
            height: 100%;
            object-fit: cover; /* Bild füllt das Div vollständig */
            position: absolute; /* Positionierung innerhalb des Containers */
            top: 0;
            left: 0;
}

.review--label { 
    color: #FFEB7E; position: absolute; outline: 1px; outline-style:solid; padding: 0.3rem 1rem 0.3rem 1rem; margin: 1rem; top:0;
}


.review--top--text

 {          display: flex;
            justify-content: center; /* Horizontale Zentrierung */
            align-items: center; /* Vertikale Zentrierung */
            width: 100%; /* Beispielbreite des Containers */
            height: 100%; /* Beispielhöhe des Containers */

}


.review--top--text .container {

            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center; /* Horizontale Zentrierung des Inhalts im Objekt */
            align-items: center; /* Vertikale Zentrierung des Inhalts im Objekt */

}





/** Review Ende **/


.header .title
{

    font-size: 2.3rem;
    color: #000;
    font-kerning: 15px;
    font-family: 'Lexend', sans-serif;
}

.header a:link { text-decoration: none; color: #FFEB7E; }
.header a:visited { text-decoration: none; color: #FFEB7E; }
.header a:hover, a:active { text-decoration: none; color: #AA9833; }

.advertising--top {
 background-color:#e9e9e9; 
    color:#000;     
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4rem;
 }

.advertising--front--right {
 background-color:#e9e9e9; 
    color:#000;     
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4rem;
 }

.font-newsstream { font-size: 1.8rem; font-family: 'Lato', sans-serif; color: #000;  }


.video--full { 
 background-color:#e9e9e9; 
    color:#000;     
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem;
}

.video--front { padding: 2em; }

.podcasts--front { padding: 2em; }



.podcasts--front--bg { background: #fff; }

.videos--front--bg { background: #e9e9e9; }

.column .podcast--image { padding: 0rem 0.75rem 0.75rem 0.75rem;  margin: 0rem 0rem 0rem 0rem;  }

.container .podcast--container { 
    padding: 0rem 0rem 1rem 0rem;
    margin: 1rem;
    background: #ffeb7e;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    border-radius: 0px 0px 0px 0px; }

.podcasts--front .notification .is-primary {   
    background-color: #48c774;
    color: #000; }

.subtitle
{

    font-size: 1.4rem;
    color: #000;
    font-family: 'Lexend', sans-serif;
    font-weight: 500;
}

.subtitle a:link { text-decoration: none; color: #2f2f2f; }
.subtitle a:visited { text-decoration: none; color: #2f2f2f; }
.subtitle a:hover, a:active { text-decoration: none; color: #AA9833; }


.title a:link { text-decoration: none; color: #2f2f2f; }
.title a:visited { text-decoration: none; color: #2f2f2f; }
.title a:hover, a:active { text-decoration: none; color: #AA9833; }

.video-container {

    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    margin-top: 0px;
    margin-bottom: 20px;
    overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video {
    background-color: #EBEBEB;

}

.footer { 
    background-color:#191919; 
    color:#FFEB7E;     
    display: flex;
    justify-content: center;
    align-items: center;

}

.footer img { 
    width: 257px;
    height: 43px;
}


.footer a:link { text-decoration: none; color: #FFEB7E; }
.footer a:visited { text-decoration: none; color: #FFEB7E; }
.footer a:hover, a:active { text-decoration: none; color: #AA9833; }


.title { color: #363636;
    font-size: 1.8rem;
    font-family: 'Lexend', sans-serif;
    font-weight: 600;
    line-height: 1.125;
    text-align: center;
    margin: 1rem; }


p {}

.news-stream--title { 
    color: #363636;
    font-size: 1.8rem;
    font-family: 'Lexend', sans-serif;
    font-weight: 600;
    line-height: 1.125;
    text-align: left;
    margin: 0rem;
    padding: 1rem;

}

.news-stream--small {
    color: #363636;
    font-size: 1.2rem;
    font-family: 'Lexend', sans-serif;
    font-weight: 600;
    line-height: 1.125;
    text-align: right;
    margin: 0rem;
    padding: 1rem; }


.news--stream { font-size: 1.4rem; line-height: 1.2;
    color: #363636;
    font-family: 'Lexend', sans-serif;
    font-weight:normal; }

.news--stream a:link { text-decoration: none; color: #2f2f2f; }
.news--stream a:visited { text-decoration: none; color: #2f2f2f; }
.news--stream a:hover, a:active { text-decoration: none; color: #AA9833; }

.news--stream--copy {  
font-size: 1rem;
line-height: 3;
color:;
font-family: 'Lexend', sans-serif;
font-weight: normal;
color: #2f2f2f;
}

.news--stream--line { height: 1px; 
    background-color: #ddd;
    margin: 0rem 0rem 2rem 0rem;}

.news--stream--flag { color: #FFEB7E;
    outline: 1px;
    outline-style: solid;
    padding: 0.3rem 1rem 0.3rem 1rem;
    display: flex;
    position: absolute;
    margin: 10px 10px 10px 10px; }

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/

/* for 768px or less  iPad 2*/


@media only screen and (max-width: 768px) {
    
    

.top--nav--flex {
    background-color: #964444;
    color: #000;
    display: flex;
    padding: 0rem;
    width: 100%;
 }

.hero-news { position:static; margin-bottom: 1rem; }
.header .title { font-size: 1.3rem; }


.font-newsstream { font-size: 1.4rem; font-family: 'Lexend', sans-serif; color: #000;  }

.column .podcast--image { padding: 0rem 0.75rem 0.75rem 0.75rem; margin: 3rem 0rem 0rem 0rem; }

}


/* Responsive Styles */
@media (max-width: 768px) {

/*

.navbar {    
    padding: 2em;
    display: flex;
    margin: 0em 0em 0em 0em;
    text-align: center;
    justify-content: center;
    align-items: center;
    background: white; 
}

.navbar-item { 
    padding: 1rem; 
    
}

.navbar-item img { 
    max-height: 3rem;
    padding-right: 2rem;
}

.navbar li { list-style: none; padding-right: 1rem; }
.navbar li a { color:black; font-size: 1em; }







    nav .menu {
        display: none;
        width: 100%;
        flex-direction: column;
    }

    .menu-icon {
        display: block;
    }

    nav .menu li {
        width: 100%;
        text-align: left;
        margin: 0.5em 0;
    }

    nav .menu li a {
        width: 100%;
        display: block;
        padding: 0.5em 0;
    }
}


*/