/* 
    Document   : ansprechpartner
    Created on : 24.10.2013, 09:32:00
    Author     : liebsche
    Description:
        Purpose of the stylesheet follows.
*/

/*#footer_ { 
   width: 120%; 
   background-color: #f4f4f4;
  	font-size:0.9em;
	line-height:1.8em;
	margin: 0.6rem 0 0.45rem 0;
   padding: 0.75rem 0 0.75rem 0.95rem;
   border: solid #cfd3d6 1px;
	border-radius: 0.2rem;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}*/

footer { 
   width: 980px;
	margin: 0 auto;   
   float: left;
   text-align: left;
   /*width: 120%;*/ 
   /*background-color: #f4f4f4;*/
/*  	font-size:0.9em;
	line-height:1.8em;*/
	/*margin: 0.6rem 0 0.45rem 0;*/
   /*padding: 0.75rem 0 0.75rem 0.95rem;*/
   /*border: solid #cfd3d6 1px;*/
	/*border-radius: 0.2rem;*/
/*   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;*/
}

#footer1,
#footer2 { 
   /*width: 120%;*/ 
  	font-size:0.7em;
	line-height:1.45em;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
}

#footer1 > div,
#footer2 > div{ 
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 230px;
    -ms-flex: 1 1 230px;
    flex: 1 1 230px;
    padding: 0 20px;
    /*margin: 0 0 0 20px;*/
}

#footer1 { 
   background-color: #f4f4f4;
   padding: 0.75rem 0;
	margin: -5px 0 0 0;
	border-top-left-radius: 0.3rem;
	border-top-right-radius: 0.3rem;
}
#footer1 p {
   padding: 0 0 0.4rem 0;
}
#footer1 h5 {
  	font-size:1.1em;
   background-color: inherit;
   margin-bottom: 1em;
}
#footer1 p a { 
/*   color: white;
   background-color: #7A003F;*/
   /*border-bottom: 1px dotted white;*/
}
#footer1 p a:before {
   content: url("../pics/link.gif");
   padding-right: 0.15rem;
}
#footer1 p a:hover {
/*   color: #7A003F;
   background-color: white;*/
   border-bottom: dotted thin;
   text-decoration: none;
}
#footer1 p a:hover:before {
   /*content: url("../pics/link.gif");*/
}
#footer1 p a.f1_tel:before,
#footer1 p a.map_link:before {
   content: '' !important;
}
#footer1 p a.f1_tel {
   color:black;
}
#footer1 p a.f1_tel:hover {
   border-color: #7A003F;
}

#footer_campus_links {
	line-height:1.4rem;
}
#footer_campus_links p {
   padding: 1.5rem 0 0 0;
}
#footer_campus_plan iframe {
   height: 50px;
}

#footer2 { 
	/*line-height:1.1rem;*/
   color: white;
   background-color: #7A003F;
   padding: 1rem 0 0.5em 0;
	margin: 0 0 0.45rem 0;
	border-bottom-left-radius: 0.3rem;
	border-bottom-right-radius: 0.3rem;
}
#footer2 h5 {
  	font-size:1.1em;
   color: white;
   background-color: inherit;
   margin-bottom: 1em;
}
#footer2 p a { 
   color: white;
   background-color: #7A003F;
   /*border-bottom: 1px dotted white;*/
}
#footer2 p a:before {
   content: url("../pics/link_weis.gif");
   padding-right: 0.15rem;
}
#footer2 p a:hover {
   /*color: #7A003F;*/
   /*background-color: white;*/
   border-bottom: white dotted thin;
   text-decoration: none;
}
#footer2 p a:hover:before {
   /*content: url("../pics/link.gif");*/
}
#footer2 p a.f2_tel:before {
   content: '';
}
#footer2 p a.f2_mail:before {
   content:url('../pics/mailto.gif');
   position: relative;
   bottom: -2px;
}
#footer2 span {
   display: inline-block;
   min-width: 30%;
   color: white;
}

#social_block {
   /*min-width: 200px;*/
/*    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 0 15%;
    -ms-flex: 1 0 15%;
    flex: 1 0 15%;*/
/*padding-left: 0.7%;*/
/*    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;*/
}

@media screen and ( max-width: 700px ) {

#footer1,
#footer2 { 
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;  
   }     
   
#footer1 > div,
#footer2 > div{ 
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 35%;
    -ms-flex: 1 1 35%;
    flex: 1 1 35%;
    margin: 0 0 0.4rem 0;
}

#social_block {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}
#footer_kontakt {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
}
#footer_campus_plan {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}
#footer_campus_links {
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
	line-height:1.3rem;
}
#footer_campus_links p {
   padding: 0.3rem 0 0 0;
}
   


}


/*   Einstellungen für Bildschirmauflösung unter 480 Pixel  - z.B. Smartphones im Hochformat  */ 

@media screen and ( max-width: 480px ) {

#footer1 > div,
#footer2 > div { 
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 99%;
    -ms-flex: 1 1 99%;
    flex: 1 1 99%;
}

#social_block {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
}
#footer_campus_links {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
	line-height:1.2rem;
}

#footer_campus_plan {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}
#footer_campus_links p {
   padding: 0 0 0.5rem 0;
}
#footer_kontakt {
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
}

   
}