@charset "utf-8";
/* CSS Document */

/* ----------------------------------------------------- basic styling for all articles (i.e. main content) ---------------------------------------------------------- */

article h3,
article h4 {
    
    
}

article h3 {

    text-transform:uppercase;    
}

article p {
    font-size: 0.75em;
    line-height: 1.5em;
    padding-bottom: 0.313em
}




/* ---------------------------------------------------------------- show/hide stuff -------------------------------------------------------------------------- */


article .additionalInformation {
   /* display:none; /**/
    height:0;
    overflow:hidden;
    
}

article .activateAble-active .additionalInformation {
   /* height:auto;

 /*
    -webkit-transition: all  1s ease;
    -moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;	
*/
}


article .activateAble {
    
 
}


article .activateAble .visibilityControl {
    cursor:pointer;

    font-size: 0.625em;

    height:1.5em;
}


article .activateAble .visibilityControl .iconPlaceholder,
article .activateAble .visibilityControl em {

    /*background-color:red; /* debug color */

    display:inline-block;
    vertical-align:middle;/**/
    
 
    

}

article .activateAble .visibilityControl .iconPlaceholder {
    /* background-color:red; /**/
    
    background-image: url("../../bilder/arrowRight.png");
	background-size: 0.65em auto;
    background-repeat:no-repeat;
    background-position:center center;
    

    width:1.2em;
    height:1.2em;

    -webkit-transition: all  0.4s ease;
    -moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

article .activateAble .visibilityControl em {

    text-decoration:none;
    font-style:normal;
    margin-top:-0.1em;
}


article .activateAble .visibilityControl:hover em {
    text-decoration:underline;   

}

article .activateAble-active .visibilityControl .iconPlaceholder {
   transform: rotate(90deg);
   -moz-transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
}