/* FullMonty CSS Document */

/*colors    Text:#000
            blue:#0095fd */

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');

@media only screen and (max-width: 1280px) {
    body {font-size:1.3em;}
}

/*@media only screen and (min-width: 1281px) {
    body {background-color:#ffff00;}
}*/

body {
    font-family: 'Roboto Condensed', sans-serif;

}

.logo {
    display:flex;
    height:auto;
    max-width:100%;
    width:30em;
    align-self:center;
}

h1 {
    display:inline;
    font-weight:bold;
    font-size:1em;
    margin:0;
    padding:0;
}

h2 {
    margin-top:1.5em;
    text-transform:uppercase;
    font-size:1.5em;
    color:#0095fd;
}

img {
    max-height:35em;
}

p {
    font-size:1em;
}


a:link {color:#000;letter-spacing:0.1em;}
a:visited {color:#000;}
a:active {color:#000;}
a:hover {transition:0.3s;color:#0095fd;}

/* FLEXBOX */

.box {
    display: flex;
    flex-direction:column;
    align-items: center;
    align-content:stretch;
    justify-content:center;
    }

.box1 {
}

.box2 {
    width:auto;
    padding-top:1em;
    padding-bottom:2em;
    display:flex;
    flex-direction:row;
    align-content:stretch;
    background:#fff;
}

.adress {
    text-transform:uppercase;
    margin:1em;
    text-align:center;
}

.contact {
    margin:1em;
}

.box3 {
    letter-spacing:0.1em;

}

.blue-box {
    margin-top:1em;
    margin-bottom:1em;
    width:100%;
    height:1.5em;
    background:#0095fd;
}

.blue-box2 {
    display:flex;
    align-self:flex-start;
    margin-top:1em;
    margin-bottom:1em;
    width:20em;
    height:1.5em;
    background:#0095fd;
}

/* IMPRESSUM */

.logo2 {
    display:flex;
    height:auto;
    max-width:100%;
    width:20em;
    align-self:flex-start;
}

.impressum {
    max-width:60vh;
    display:flex;
    flex-direction:column;
}

.textbox {
    display:flex;
    flex-direction:row;
    align-items:stretch;
    align-content:center;
    justify-content:space-around;
}

.text1 {
    display:flex;
    flex-direction:column;
    flex: 0 0 1px;
    flex-grow:1;
    }

/* DATENSCHUTZ */

.box-datenschutz {
    display: flex;
    flex-direction:column;
    align-items: center;
    align-content:center;
    justify-content:center;
}

.box1-datenschutz {
}

.datenschutz {
    max-width:60vh;
    display:flex;
    flex-direction:column;
}