/*****Div & a: Gesamte Homepage*****/

body {
    font-size: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: black;
    background: white;
    text-align: center;
    width: auto;
}

a {
    color: black;
    text-decoration:none;
}




/***************** Homepage*************/
/*Logo-Banner und Navbar*/

.background {  /*Logo-Banner & Navbar*/
    
    left: 15%;
    min-height: 240px;
    min-width: 1020px;
    width: auto;
    height: auto;
}


.header { /*navbar*/
    position: center;
    /*position:     absolute;*/
    display: inline-block;
    width: 100%;
    min-height: 30px;
    height: auto;
}

.nav li {
    list-style-type: none;
    display: inline;
    /*margin:4%;*/
    width: 100%;
    text-align: center;
}

    .nav li a {
        text-decoration: none;
        margin: 2%;
        height: 30px;
        background-color: white;
        text-align: center;
        /*width: 80px;*/
    }

    /*Nachrichten */

.news{
    display:inline-block;
    text-align:left;
    padding:30px;
 
    /*margin-right:15%;*/
}

table{
    padding:10px;
}

 @media (min-device-width:60em){
     .news{
         margin-right:25%;
         margin-left:25%;
     }
 }
.news h1{
    /*display:inline-block;*/
    font-size:25px;
    margin-left:2px;
    /*text-align:left;*/
}

/*.news table th{       Noch Table-Head vergrößern für Smartphone 
    font-size:20px;
}*/

table th{
    font-size:18px;
}



.blog{
   
    max-width: 800px;
}

tr .blog_text{
    margin-bottom:30px;
}

.blog th{
    margin-top:30px;
}


.neues_Bild{
    max-width:250px;
}

/*Einspieler aktuelle Ausgabe auf der Homepage*/
.neue_Ausgabe{
    display:inline-block;
    margin-right:10%;
    /*position:absolute;*/
    /*padding:20px;*/
    /*max-width:100%;*/
    top: 10%;
    right:18%;
    
    
}



/******** Aktuelle Ausgabe ******/

#cover_aktuell{
    display:inline-block;
    
}
.Auszug_Inhalt h1{
    font-size: 17px;
}

.Auszug_Inhalt h2{
    font-size:16px;
}
.Auszug_Inhalt {
    display:inline-block;
    margin-top: 50px;
    padding: 30px;
    text-align: left;
    font-size: 13px;
}


.Auszug_Inhalt #image_aktuell{
    position: fixed;
    top: 50%;
    left:50%;
    /*margin-top:-px;  Hier vlt noch perfektionieren?
    margin-left:-px;*/
    width: 323px;
}


.Auszug_Inhalt li{
    text-decoration: none;
}

/*****  Artikel der Woche ******/

.artikel_der_woche{
    padding-top: 30px;
    max-width:100%;
}

.artikel_der_woche_text h1{
    text-align:center;
    margin-top:2%;
    font-size:22px;
}

.artikel_der_woche_text a{
    font-size: 18px;
}

/********** Footer **********/
.footer {
    margin-top: 80px;
    bottom: -20px;
    font-size: 9px;
    height: auto;
    text-align: center;
    width: 100%;
}


/******* Impressum **********/
.impressum {
    margin-top: 50px;
    margin-left: 15%;
    text-align: left;
    font-size: 14px;
    height: auto;
    width: 100%;
}

.impressum h1{
    font-size: 16px;

}

/************ Jobs ******************/
.jobs {
    margin-left: 10%;
    text-align: left;
    font-size: 14px;
    height: auto;
    width: 80%;
}


/***********Archiv *************************/


.archiv_image {
    display: inline-block;   
    margin:5%;
    padding: 20px;
    border: 1px dotted;
}

.archiv_headline {
    text-align: center;
    margin-top: 30px;
}



/********** Abo ***********/

#abo_ueberschrift{
    padding:20px;
}



.content_Abo{
    margin-top: 60px;
    margin-left: 5%;
    text-align: center;
    font-size: 16px;
    height: auto; }


.tasse {
    display: inline-block;
    border: 1px dotted;
    padding: 10px;
    margin: 50px 10px 10px 10px;
}

.community {
    display: inline-block;
    padding: 10px;
    margin: 50px 10px 10px 10px;
}
#mail_abo{
    
}
#Abo_Formular{
    text-align:left;
}

/******  Artikel der Woche ******/
.pdf{
    padding: 40px;
}



/******* Jobs ********/

.jobs_title{
    color: red;
    font-size: 18px;
}