@import url('https://db.onlinewebfonts.com/c/085b458b359239d1bd0e9eff3869c0e3?family=Serifbabe+Alpha');

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


@import url('https://fonts.googleapis.com/css2?family=Proza+Libre:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700&display=swap');

/*

Neue Haas Unica W1G Bold

font-family: neue-haas-unica, sans-serif;
font-weight: 600;
font-style: normal;

Neue Haas Unica W1G Italic

font-family: neue-haas-unica, sans-serif;
font-weight: 400;
font-style: italic;

Neue Haas Unica W1G Medium

font-family: neue-haas-unica, sans-serif;
font-weight: 500;
font-style: normal;

Neue Haas Unica W1G Regular

font-family: neue-haas-unica, sans-serif;
font-weight: 400;
font-style: normal;


*/

body {
    /* 	font-family: 'Open Sans', sans-serif;*/
    /*    font-family: 'Work Sans', sans-serif;*/
    /*    font-family: 'Raleway', sans-serif;*/
    font-family: 'Montserrat', sans-serif;
    /*   font-family: 'Space Mono', serif;*/
    /*      font-family: 'noto', serif;*/
    color: #333333;
    text-decoration: none;
    font-weight: 400;
    text-align: left;
}

.italic {
    font-style: italic;
}

.weight200 {
    font-weight: 200;
}

.weight400 {
    font-weight: 400;
}

.weight600 {
    font-weight: 600;
}

.weight500 {
    font-weight: 500;
}

.weight700 {
    font-weight: 700;
}

#mail {
    display: block;
    float: none;
}

a {
    text-decoration: none;
}

#underlined {
    border-bottom: solid 3px #333333;
}

.uebermich {
    font-size: 22px;
    line-height: 30px;
    padding-top: 10px;
    padding-bottom: 30px;
    font-weight: 400;
}

.uebermich-titel {
    font-size: 90px;
    line-height: ;
}

.email {}


/*    Einführungstext;*/

.Einleitung {

    font-family: neue-haas-unica, sans-serif;
   
    font-weight: 400;
    font-style: normal;
    font-size: 3.3333em;
    line-height: 1.0em;
    letter-spacing: -0.04em;
}





/*
h1{
    font-size: 2em;
    line-height: 1.5;
}
*/

 .projekttitel {
/*     font-family: "Serifbabe Alpha";*/
    font-size: 20px;
    line-height:5px;
     font-weight:600;
 }

 .projekttitel1b {
    font-size: 20px;
    line-height:50px;
     font-weight: 400;
 }


 .projekttitel2 {
    font-size: 20px;
    line-height:26px;
     font-weight: 600;
}


  .projekttext{
    font-size: 20px;
    line-height: 29px;
     font-weight: 300;


        }

/* Titel auf Projektseiten */

.projekttitel {
    padding-top: 30px;
}

.projekttitel2 {
    padding-top: 30px;
}


.Impressum-text {
    font-size: 16px;
    line-height: 22px;
    margin-top: 20px;
    font-weight: 400;
}

.datenschutz {
    float: left;
    font-size: 10px;
}


/* responsiveness
--------------------------------------------- */


/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) {
    /* Extra Small Devices, Phones */

        /* Titel auf Projektseiten */
        .projekttitel {
            padding-top: 30px;
    }

      .projekttitel2 {
            padding-top: 30px;
    }
    
      .projekttitel3 {
            padding-top: 30px;
    }
}
    
    
    
    @media only screen and (min-width: 480px) {
        .Einleitung {
            font-size: 7em;
            line-height: 1.0;
        }
 
        /* Titel auf Projektseiten */
        .projekttitel {
            padding-top: 30px;
        }
        
         .projekttitel2 {
            padding-top: 30px;
        }
        
   
        
    
    }
    /* Small Devices, Tablets */
    @media only screen and (min-width: 768px) {
        .Einleitung {
            font-size: 9.333em;
            line-height: 0.9em;
        }
/*
        h1 {
            font-size: 2em;
            line-height: 1.5;
        }
*/
/*
        p {
            font-size: 1em;
            line-height: 1.5;
        }
*/
        /* Titel auf Projektseiten */
        .projekttitel {
            padding-top: 30px;
        }
        
          .projekttitel2 {
            padding-top: 30px;
        }
        
    
        
    }
    /* Medium Devices, Desktops */
    @media only screen and (min-width: 992px) {
        .Einleitung {
            font-size: 12.333em;
            line-height: 0.8em;
        }
 
    /* Titel auf Projektseiten */
 
        
        .projekttitel2 {
            padding-top: 0px;
        }

        

        
    }
    /* Large Devices, Wide Screens */
    @media only screen and (min-width: 1366px) {
          .Einleitung {
            font-size: 14.333em;
            line-height: 0.9em;
        }
    
        
}