/* roboto-condensed-regular - latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/roboto-condensed-v19-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
       url('fonts/roboto-condensed-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-condensed-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-condensed-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-condensed-v19-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-700italic - latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 700;
    src: url('fonts/roboto-condensed-v19-latin-700italic.eot'); /* IE9 Compat Modes */
    src: local(''),
       url('fonts/roboto-condensed-v19-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-condensed-v19-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v19-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-condensed-v19-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-condensed-v19-latin-700italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

#container-datenschutztext {
    display: grid;
    grid-template-columns: 1fr 14fr 1fr;
    grid-template-rows: auto;
    grid-template-areas:
            ". datenschutztext .";
    color: black;       
    margin: 40px 0px 40px 0px;
    width: 100%;
}

#datenschutztext {
    grid-area: datenschutztext;
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    overflow-x: hidden;
}

#datenschutztext h2,h4 {
    margin-bottom: 1rem;
}

#datenschutztext p {
    margin-bottom: 2rem;
    text-align: justify;
    text-align-last: left;
}

#datenschutztext ul {
    margin-left: 4rem;
}

/* ******************************************************************************* */
/* Responsive Regeln für den container-datenschutztext
/* ******************************************************************************* */

/* bei Auflösung ab 625 Pixeln: */
@media screen and (min-width: 625px){
    #container-datenschutztext {
        grid-template-columns: 2fr 12fr 2fr;
    }
}

/* bei Auflösung ab 1081 Pixeln: */
@media screen and (min-width: 1081px){
    #container-datenschutztext {
        grid-template-columns: 4fr 10fr 4fr;
    }
}