/* Startseite */
#startseite { line-height: 1.5em; }
#startseite h1 { text-align: center; font-size: 2.2em; line-height: 1.5em; line-height: 1.2em; margin: 10px 0px 10px 0px; }
#startseite h2 { text-align: center; font-size: 1.6em; line-height: 1.5em; text-transform: uppercase; }
#startseite h3 { color: #6F6F6F; font-size: 1.8em; text-align: center; line-height: 1.5em; }

#startseite #anbieter .item {
        cursor: pointer;
        float: left;
         width: calc(25% - 20px);
         height: 390px;
         margin: 10px;
        background: #FFFFFF;

         font-size: 0.8em;

         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 .image { text-align: center; width: 100%; height: 150px; }
#startseite #anbieter .item .image img { max-width: 250px; width: 100%; height: auto; }
#startseite #anbieter .item ul { margin: 10px 0px; height: 151px; overflow:hidden; padding: 0px; }
#startseite #anbieter .item li { list-style: none; text-align: center; 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 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(25% - 20px);
         height: 390px;
         margin: 10px;
         margin-left: calc(-25% + 10px);

         font-size: 0.9em;
         line-height: 1.3em;

         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; line-height: 1.2em; 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 { float:left; width: calc(100% - 400px); }
#startseite #lists a { text-decoration: none; font-size: 0.9em; }

#startseite #lists table { width: 100%; }
#startseite #lists td { height: 44px !important; overflow:hidden !important; }
#startseite #lists td.head { width: 30px; }
#startseite #lists .stars { width: 180px; }
#startseite #lists .stars img { width: 100%; height: auto; }
#startseite #lists .wall { display: none; }

#startseite #right { float:right; width: 360px; }
#startseite #right #studienkatalog { text-align: center; }
#startseite #right #studienkatalog h3 { color: #FFFFFF; font-size: 1.6em; }
#startseite #right #studienkatalog span { display: block; color: #363636; font-size: 0.9em; padding: 20px 0px 0px 0px; }
#startseite #right #studienkatalog form { text-align: center; width: calc(100% - 60px); margin: 0px auto; padding: 20px 0px; }
#startseite #right #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 #right #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 #right #studienkatalog form input[name="name"] { background: #FFFFFF url(../images/icon_form_name.png) left center no-repeat !important; }
#startseite #right #studienkatalog form input[name="email"] { background: #FFFFFF url(../images/icon_form_email.png) left center no-repeat !important; }
#startseite #right #studienkatalog form input[name="telefon"] { background: #FFFFFF url(../images/icon_form_telefon.png) left center no-repeat !important; }
#startseite #right #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; background-size: 100% auto; padding: 0px; margin: 0px; width: 100%; height: 500px; }
#startseite #blog h3 { color: #FFFFFF; font-size: 2.0em; text-transform: uppercase; padding: 30px 0px; margin: 0px; }
#startseite #blog .item { float: left; display: block; margin: 20px; width: calc(33% - 40px); background: #FFFFFF; }
#startseite #blog .item .pic { padding: 0px; overflow:hidden; }
#startseite #blog .item .pic img { width: 100%; height: inherit; margin: 0px; padding: 0px; }
#startseite #blog .item .date { position: absolute; display: inline-block; width: 60px; background: #0cd177; color: #FFFFFF; padding: 25px 10px 15px 10px; margin-left: -120px; font-size: 3.0em; text-align: center; text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 0px; }
#startseite #blog .item .date span { display: block; font-size: 0.25em; padding-top: 10px; }
#startseite #blog .item .title { height: 70px; overflow: hidden; text-align: left; }
#startseite #blog .item .title a { text-decoration: none; text-align: left; padding: 8px 0px; margin-top: 0px; font-size: 1.2em; color: #000000; font-weight: bold; }
#startseite #blog .item .autor { float:left; font-size: 0.8em; padding: 0px 0px 0px 20px; text-transform: uppercase; background: url(../images/icon_blog_autor.png) center left no-repeat; }
#startseite #blog .item .comment { float:right; font-size: 0.8em; padding: 0px 0px 0px 20px; text-transform: uppercase; background: url(../images/icon_blog_comentar.png) center left no-repeat; }
#startseite #blog .item .button { margin-bottom: -20px; }

#startseite #blog .items { display: none; }

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