/* Personen Gallerie - Arud */
div.view-personen  h3 {
	margin-bottom:5px;
    }
div.personen2 {
  padding-bottom: 10px;
  padding: 15px;
  margin-bottom: 25px;
  min-height: 250px;
  clear: both;
  border-bottom: 1px solid #3070b3;
	   height: 270px; 
		overflow:hidden;
  }
div.personen2.personensmall {
  height: 130px;
  min-height: 125px;
    }
	div.personen2.personlarge {
  height: auto;
    }
	.personen2.personlarge .field-pers-beschr-txt,
	.personen2.personlarge .views-field-field-pers-beschr-txt {
    height: auto;
	-webkit-line-clamp: initial;
	}
	
div.personen2.personlarge .imagebox {
    height: auto;
}
  div.personen2:hover,
  div.personen2:focus  {
    -webkit-box-shadow: 2px 2px 2px #888888;
            box-shadow: 2px 2px 2px #888888;
    border-bottom: 0; }
    div.personen2:hover  img,
    div.personen2:focus  img {
      -webkit-box-shadow: none;
              box-shadow: none; }
  div.personen2  img {
    -webkit-box-shadow: 1.5px 1.5px 2.5px #777;
            box-shadow: 1.5px 1.5px 2.5px #777; 
		
    height: auto;
    /* max-height: 195px; */
	width:100%;
			}
	div.personen2.personensmall img {
	
    max-height: 100%;	
	width:auto;
	
	}
	div.personen2.personensmall .imagebox {
    width: 25%;
	height:100px;
	}
div.personen2 .imagebox {
 
   width: 33%; 
    float: left;
    margin-right: 15px;
    padding-right: 15px;
        height: 200px;
    overflow: hidden;
}
div.personen2 .views-field.views-field-field-pers-tel, 
div.personen2 .views-field.views-field-field-pers-fax, 
div.personen2 .views-field.views-field-field-pers-email {
    padding-bottom: 2px;
}
div.personen2 .views-field-title .perso-posi{

    margin-bottom: 0;
	margin-top:0;
}

.personen2 .field-pers-grup-tax{
	
    font-weight: bold;
    padding: 10px;
    margin-bottom: 10px;
	
    font-size: 25px;
}

.personen2 .field-pers-beschr-txt,
.personen2 .views-field-field-pers-beschr-txt{
	     height: 60px;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    display: -webkit-box;
    margin-bottom: 15px;
}
.personen2.personensmall .field-pers-beschr-txt,
.personen2.personensmall .views-field-field-pers-beschr-txt {
    height: 25px;
    -webkit-line-clamp: 1;
}

.personen2 .field-pers-beschr-txt p {
    padding-bottom: 0;
}


.personen2 span.views-label-field-pers-fax, 
.personen2 span.views-label-field-pers-email, 
.personen2 span.views-label-field-pers-tel {
  
    padding-right: 5px;
	float:left;
}


.personen2 .views-field-field-pers-calltime-txt{
  
	padding-top:15px;
}

.personen2 .field-pers-readmore-link{
	float:right; 
    margin-top: -20px;
    margin-right: 15px;
}




.col-sm-6 .field-content.h3.perso-posi {
    height: 50px;
    margin: 5px;
	overflow:hidden;
}

.col-sm-6 div.personen2{
	
    min-height: 270px;
}

.col-sm-6 .personen2 .field-pers-readmore-link {
    margin-top: 5px;
}


.az-accordion .personen2 {
	 height: 290px;
}

.field-pers-grup-tax {

    padding-left: 0 !important;
}

/*Person Detail ansicht*/


div.node-person img {
	float:left;
    width: 25%;
    margin-right: 20px;
    margin-bottom: 20px;
}

/* div.node-person .field-pers-beschr-txt, */
div.node-person.views-field-field-pers-beschr-txt{
	float:left;
}

div.node-person .field-pers-beschr-txt {
    padding-bottom: 10px;
}

div.node-person .field-pers-grup-tax{
	font-weight:normal;
	padding:0;
    margin-bottom: 10px;
    font-size: 25px;
}


div.node-person h4.field-pers-mail-label, 
div.node-person h4.field-pers-fax-label, 
div.node-person h4.field-pers-tel-label, 
div.node-person h4.field-pers-pos-label, 
div.node-person h4.field-pers-calltime-label {
    float: left;
	font-size:16px;
}


div.node-person .field-pers-mail-txt, 
div.node-person .field-pers-fax-txt, 
div.node-person .field-pers-tel-txt, 
div.node-person .field-pers-pos-txt, 
div.node-person .field-pers-calltime-txt{
    line-height: 1.3;
	}
	
	
/* no Pic box + Tabaelle */

.view-id-personen table caption{
	display:none;
}

.view-id-personen table td.views-field {
	
    border: none;
}

.view-id-personen table tr {
border-bottom: 1px solid #ccc;
    border-top: none;
	
}


tr.personen2.pers-no-pic-box td.views-field.views-field-field-pers-link.col-sm-12.teamlink-parent {
    float: left;
}
tr.personen2.pers-no-pic-box{
	
height: auto ; 
    background-clip: unset ;
    filter: unset ;
    min-width: unset ;
}

.az-element tr.personen2.pers-no-pic-box td.views-field.views-field-title h4, 
tr.personen2.pers-no-pic-box td.views-field.views-field-title h4 {
	        border-left: none;
		padding-left: 0;	
		    font-size: 16px;
    line-height: 1.2;
	font-weight: bold;
}
tr.personen2.pers-no-pic-box td.views-field.views-field-title p:last-child {
    margin-bottom: 0px; 
}
tr.personen2.pers-no-pic-box td.views-field.views-field-title {
    width:200px;
}
tr.personen2.pers-no-pic-box td.views-field.views-field-field-pers-email,
tr.personen2.pers-no-pic-box td.views-field.views-field-field-pers-tel {
    width:130px;
}
 tr.personen2.pers-no-pic-box td.field-pers-readmore-link {
    width: 85px;
}
tr.personen2.pers-no-pic-box td.views-field.views-field-field-pers-calltime-txt
 {
    width:150px;
}

tr.personen2.pers-no-pic-box td.views-field {
    padding: 0;
    margin: 0;
	
    padding-top: 10px;
}

.col-sm-9 .view-id-aaaa .row .pers_no_pic_box,
.col-sm-8 .view-id-aaaa .row .pers_no_pic_box{
height:370px !important;
}

 
.view-id-aaaa .pers_no_pic_box{
	

  height: 370px; 
    padding: 10px !important;
}


 .view-id-aaaa .pers_no_pic_box .teamlink-parent {
	
    bottom: 35px;
}

.view-id-aaaa .pers_no_pic_box .views-field-title{
	
 padding-bottom: 40px;
 padding-top: 15px;
}
 

 .col-sm-5 tr.personen2.pers-no-pic-box td.views-field.views-field-title,
 .col-sm-6 tr.personen2.pers-no-pic-box td.views-field.views-field-title,
 .col-sm-7 tr.personen2.pers-no-pic-box td.views-field.views-field-title,
 .col-sm-8 tr.personen2.pers-no-pic-box td.views-field.views-field-title,
 .col-sm-9 tr.personen2.pers-no-pic-box td.views-field.views-field-title {
    width: 200px;
}

/* von Main.css */


.field-pers-grup-tax{
	
    font-weight: bold;
    padding: 10px;
    margin-bottom: 10px;
	
    font-size: 25px;
}

.personen .field-pers-beschr-txt{
	     height: 40px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    display: -webkit-box;
}
.container.personen{
	 /*   height: 150px; */
	     height: 305px;
		overflow:hidden;
	
}

.container.personen.pers-no-officehours{
	height:230px;
}

/*Glossar filter View*/

.view-display-id-page_4.view-personen .view-display-id-attachment_1 .view-content {
height:60px;
}
.view-display-id-page_4.view-personen .view-display-id-attachment_1 .view-content .views-summary a:hover{
	
    box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
	text-decoration:none;
}
.view-display-id-page_4.view-personen .view-display-id-attachment_1 .view-content .views-summary a{
	float: left;
    width: 50px;  
	border: 1px solid;
	padding:2px;
	margin:3px;
    width: 20px;
    text-align: center;
}.view-display-id-attachment_1 .ajax-progress,
.view-display-id-attachment_1 .ajax-throbber ,
.az-element .view-display-id-page_4.view-personen .view-display-id-attachment_1 .view-header{
	display:none;
}
.view-display-id-page_4.view-personen p.pers_noresult{
	border:none;
	width:auto;
}

.view-display-id-attachment_1 .view-content .views-summary a{
border:none;	
}

@media screen and (max-width: 1120px) and (min-width: 800px){

	.col-sm-6 .field-content.h3.perso-posi {
		    height: 55px;
    margin: 0;
    width: 100%;
	}

	.col-sm-6 div.personen2{
		
		min-height: 475px;
	}
	.col-sm-6 div.personen2.noImg-pers{
		
		min-height: 295px;
	}

.col-sm-6 div.personen2 .imagebox {
    height: 210px;
    width: 100%;
}
}

@media screen and (max-width: 991px) {
	
	div.personen .person img {
    -webkit-box-shadow: 1.5px 1.5px 2.5px #777;
    box-shadow: 1.5px 1.5px 2.5px #777;
    float: left;
    width: 25%;
    margin: 20px;
	}
		
.container.personen, 
.view.view-personen.view-display-id-page_5 {
  	
    overflow: scroll;
}
}
@media screen and (max-width: 920px) {
	
div.personen2.personensmall {
height: 150px;
}

	.field-content.h3.perso-posi {
		height: 50px;
		margin: 5px;
	}

	.col-sm-6 .field-content.h3.perso-posi {
		    height: 55px;
    margin: 0;
	}


	div.personen2{
		
		min-height: 240px;
		    height: 295px;
	}

	.col-sm-6 div.personen2 {
		min-height: 295px;
	}
	.col-sm-6 div.personen2.noImg-pers{
		
		min-height: 295px;
	}

	/*.personen2 .field-pers-readmore-link {
		margin-top: 5px;
	} */
}


@media screen and (max-width: 420px){
	div.personen2 {
    min-height: 345px;
	}
	.personen2 .field-pers-readmore-link {
    float: left;
    margin-top: 0px;
	}
	
	div.personen2.personensmall {
  height: 170px;
    }
	
	.personensmall .field-content.h3.perso-posi {
    height: auto;
	
}

}

@media screen and (max-width: 370px) {

	 .field-content.h3.perso-posi{
		height: 110px;
		margin: 5px;
	}

	.col-sm-6 .field-content.h3.perso-posi {
		    height: 55px;
    margin: 0;
    width: 100%;
	}

	 .col-sm-6 div.personen2{
		
		min-height: 480px;
	}
	.col-sm-6 div.personen2.noImg-pers{
		
		min-height: 295px;
	}
div.personen2 {
    min-height: 400px;
}
	.col-sm-6 div.personen2 .imagebox {
		height: 215px;
		width: 100%;
	}
div.personen2.personlarge {
    min-height: auto;
}

}
