@font-face
{
    font-family: 'bebas';
    src: url('bebas/BebasNeue Bold.otf');
}

@font-face
{
    font-family: 'open-sans';
    src: url('open-sans/OpenSans-Regular.ttf');
}

.kopf
{
    box-sizing: border-box;
    width: 100%;
    text-align: left;
}

.navigationA
{
    display: inline-block;
    top: 0px;
    right: 20px
}

.navigationB
{
    display: none;
}

.hauptbereich
{
    width: 100%;
    box-sizing: border-box;
    margin: auto;
    padding: 16px;
    font-size: 1em;
    font-family: open-sans;
}

.hauptbereich_datenschutz
{
    width: 80%;
    box-sizing: border-box;
    margin: auto;
    padding: 16px;
    font-size: 1em;
    font-family: open-sans;
}

.app
{
     display: inline-block; 
     vertical-align: top; 
     box-sizing: border-box; 
     width: 33%; 
     padding: 2%
}


#fussbereich
{
    margin-top: 64px; 
    width: 100%; 
    box-sizing: border-box; 
    padding: 16px;
    text-align: center;
}

#fussbereich_hintergrund
{
    position: relative;
    box-sizing: border-box; 
    background-color: #525252; 
    border-radius: 8px; 
}

#fussbereich .logo_grau
{
    box-sizing: border-box; 
    padding: 2em;
}

#fussbereich .adresse_urheber
{ 
    
    box-sizing: border-box; 
    color: #fff; 
    font-family: open-sans; 
    letter-spacing: 1px;
}

#soziale_netzwerke
{ 
    vertical-align: top; 
    padding-top: 4em; 
    padding-bottom: 3em;
    text-align: center; 
    box-sizing: border-box; 
    color: #fff; 
    font-family: open-sans; 
    letter-spacing: 2px;
}

#soziale_netzwerke .netzwerk
{
    
}

#soziale_netzwerke .netzwerk a
{
    color: #fff;
}

#standard_verknuepfungen
{
    vertical-align: top; 
    padding-top: 48px; 
    padding-bottom: 32px; 
    text-align: center; 
    width: 100%; 
    box-sizing: border-box; 
    color: #fff; 
    font-family: open-sans; 
    font-weight: 100;
}

#standard_verknuepfungen .verknuepfung
{
    display: inline-block; 
    padding: 1%;
}

#standard_verknuepfungen .verknuepfung a
{
    font-size: 0.8em;
    text-decoration: none; 
    color: #fff; 
    letter-spacing: 2px
}


.hauptueberschrift
{
     font-size: 2.8em; 
     margin-bottom: 0em; 
     font-weight: 900
}

.hauptpunkt
{
    font-weight: 900; 
    margin-top: 2em; 
    font-size: 2.4em; 
    line-height: 1.4em;
}

.unterpunkt
{
    font-size: 1.8em;
    font-weight: 900; 
    margin-top: 2em; 
    margin-bottom: 1em;
    line-height: 1.6em;
}

.unterpunkt_inhalt
{
    font-size: 1.6em;
    line-height: 2em;
    font-weight: 100;
    margin-top: 1em
}