/* Startseite */
#startseite {
        font-family: 'Merriweather', serif;
}

#startseite h1 {
        text-align: center;
         font-size: 1.5em;
         line-height: 1.0em;
         margin: 10px 0px 20px 0px;
}

#startseite h2 {
        text-align: center;
         font-size: 1.2em;
         text-transform: uppercase;
         margin: 10px 0px 20px 0px;
}

#startseite h3 {
         font-family: 'Montserrat', sans-serif;
        color: #6F6F6F;
         font-size: 1.8em;
         text-align: center;
}

#startseite #anbieter .item {
        float: left;
         width: calc(50% - 20px);
         height: auto;
         margin: 10px;
         background: #FFFFFF;

         font-size: 0.9em;
         font-family: 'Montserrat', sans-serif;
         color: #AFAFAF;

         -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
         -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
         -moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.15);
         box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}
#startseite #anbieter .item .logo { width: 100%; height: 150px; text-align: center; }
#startseite #anbieter .item .logo img { width: auto; height: 100%; max-height: 150px; margin: 0px auto; }
#startseite #anbieter .item ul { margin: 10px 0px; padding: 0px; }
#startseite #anbieter .item li { list-style: none; text-align: center; overflow:hidden; height: 20px; padding: 2px 0px 12px 0px; background: transparent url(../images/startseite_li_diver.png) center bottom no-repeat; }
#startseite #anbieter .item li:last-child { background-image: none; }
#startseite #anbieter .item li:nth-child(5), #startseite #anbieter .item li:nth-child(6) { display: none; }
#startseite #anbieter .item a { display: block; padding: 15px 10px; color: #faebb9; font-size: 1.1em; text-align: center; text-decoration: none; text-shadow: rgba(0, 0, 0, 0.10) 1px 1px 0px; background: #179860 url(../images/startseite_anbieter_button.png) center top no-repeat; -webkit-border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; }
#startseite #anbieter .item a:hover { color: #FFFFFF; }

#startseite #anbieter .item_info {
         display: none;
         float: left;
         width: calc(50% - 20px);
         height: auto;
         margin: 10px;
         margin-left: calc(-50% + 10px);
         padding-bottom: 10px;

         font-size: 0.9em;
         font-family: 'Montserrat', sans-serif;
         color: #acdcb8;
         text-align: center;
         font-weight: normal;

         -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
         -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
         -moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.15);
         box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}

#startseite #anbieter .item_info b { display: block; margin-bottom: 10px; vertical-align: middle; height: 60px; font-size: 1.6em; font-weight: normal; color: #FFFFFF; overflow: hidden; text-shadow: rgba(0, 0, 0, 0.20) 1px 1px 1px; }
#startseite #anbieter .item_info span { display: block; margin-bottom: 10px; height: 170px; color: #acdcb8; overflow: hidden; }
#startseite #anbieter .item_info a { display: inline-block; width: calc(100% - 40px); padding: 10px 0px; margin: 3px 0px 3px 0px; font-size: 1.1em; text-align: center; text-decoration: none; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow:    0px 3px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1); }
#startseite #anbieter .item_info a:hover { color: #000000; }

#startseite #lists { width: calc(100% - 0px); }
#startseite #lists a { text-decoration: none; font-size: 0.9em; }
#startseite #lists .kurse .item { display: inline-block; float: left; width: calc(50% - 6px); height: 40px; margin: 3px; }
#startseite #lists .kurse .item .head { display: block; float: left; width: 30px; text-align: center; margin-right: 3px; padding: 8px 5px; }
#startseite #lists .kurse .item span { display: block; float: right; width: calc(100% - 40px - 3px - 10px); text-align: left; background: #EFEFEF; padding: 5px; }
#startseite #lists .kurse .item span a { display: block; padding: 5px 5px; text-overflow: hidden; }
#startseite #lists table { width: 100%; }
#startseite #lists td { vertical-align: middle; height: 36px; }
#startseite #lists td.head { width: 20px; }
#startseite #lists .stars { width: 180px; }
#startseite #lists .stars img { width: 100%; height: auto; }

#startseite #studienkatalog { font-family: 'Montserrat', sans-serif; text-align: center; }
#startseite #studienkatalog h3 { color: #FFFFFF; font-size: 1.6em; }
#startseite #studienkatalog span { display: block; color: #363636; font-size: 0.9em; padding: 20px 0px 0px 0px; }
#startseite #studienkatalog form { text-align: center; width: calc(100% - 60px); margin: 0px auto; padding: 20px 0px; }
#startseite #studienkatalog form input { width: calc(100% - 50px); margin: 5px 0px; padding: 8px 10px 8px 40px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
#startseite #studienkatalog form input[type="text"] { -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.10); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.10); }
#startseite #studienkatalog form input[name="name"] { background: #FFFFFF url(../images/icon_form_name.png) left center no-repeat !important; }
#startseite #studienkatalog form input[name="email"] { background: #FFFFFF url(../images/icon_form_email.png) left center no-repeat !important; }
#startseite #studienkatalog form input[name="telefon"] { background: #FFFFFF url(../images/icon_form_telefon.png) left center no-repeat !important; }
#startseite #studienkatalog form input[type="submit"] { display: inline-block; font-weight: normal; font-size: 1.0em; width: calc(100% - 0px); padding: 10px 0px; margin: 3px 0px 3px 0px; font-size: 1.1em; text-align: center; text-decoration: none; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow:    0px 3px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1); }

#startseite #blog { background: transparent url(../images/blog_bg.jpg) center center no-repeat; padding: 20px; margin: 0px; width: calc(100% - 40px); height: auto; }
#startseite #blog h3 { font-family: 'Merriweather', serif; color: #FFFFFF; font-size: 1.4em; text-transform: uppercase; padding: 0px 0px 20px 0px; margin: 0px; }
#startseite #blog .item { display: block; margin: 5px 0px; width: calc(100% - 0px); height: auto; background: none; }
#startseite #blog .item span { float: left; display: block; padding: 5px 10px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; background: rgba(255,255,255,0.5); color: #FFFFFF; }
#startseite #blog .item a { float: right; display: block; width: calc(100% - 130px); overflow: hidden; padding: 5px 10px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; background: rgba(23,150,93,0.3); color: #FFFFFF; text-decoration: none; }
#startseite #blog .item a:hover { background: rgba(23,150,93,1.0);}

#startseite #stats { margin: 10px 0px; }
#startseite #stats .item { border: 0px #000000 solid; float: left; display: block; width: calc(50% - 20px); background-size: 60px !important; height: auto; margin: 10px; padding-top: 70px; color: #3b926f; text-align: center; font-size: 2.2em; }
#startseite #stats .item span { display: block; font-size: 0.6em; }
#startseite #stats .item.anbieter { background: transparent url(../images/startseite_anbieter.png) center top no-repeat; }
#startseite #stats .item.kurse { background: transparent url(../images/startseite_studiengaenge.png) center top no-repeat; }
#startseite #stats .item.bewertungen { background: transparent url(../images/startseite_bewertungen.png) center top no-repeat; }
#startseite #stats .item.interessenten { background: transparent url(../images/startseite_interessenten.png) center top no-repeat; }