/* gray #CBCCCB */
/* black #1A1A1A */
/* purple #9D9BC3 */

@media screen and (min-width : 0px) {

  body {
    background-color: #CBCCCB;
    padding-bottom: 5vh;
    line-height: 1.4em;
  }
  
  /* hide scroll bars by default */
  section.partnerSpace {
	  overflow:hidden !important;	
  }
  
  /* show at least the horizontal scroll bar when clicked */
  .partnerSpace.show {
	overflow-x:scroll !important;
      overflow-y:scroll !important;
  }
  
  /* alignment of the navi points */ 
 /*.navi {
	  width: 100%;
	  margin: 0 auto;
	  text-align: center;
	  visibility: hidden;
	  display: none;*/
  }
  
  /*.navi.show {
	  visibility: visible;
	  display: block;*/
  }
  
  /* show cursor */ 
  .navi span {
	  cursor: pointer;
  }

  .title {
    padding-left: 10px;
    margin-top: 2.2em;
    margin-bottom: 0.8em;
  }

  .title:nth-child(1) {
    margin-bottom: 0.3em;
  }

  .partnerSpaces {
    border-bottom: solid 2px black;
  }

  .partnerSpace {
    font-size: 5.3vw;
    border-top: solid 2px black;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-direction: column;
    outline: none;
  }

  .partnerHeader {
	cursor: pointer;
	display: flex;
  }
  .partnerHeader .expand-contract {
  	float: left;
  	transform: rotate(90deg);
  	height: 31px;
  	white-space: nowrap;
  }
  .partnerHeader .expand-contract span {
	position: relative;
	display: inline-block;
  }
  .partnerHeader .expand-contract span:first-child {
	right: -3px;
  }
  .partnerHeader .expand-contract span:last-child {
	left: -3px;
  }
  .partnerSpace.show .partnerHeader .expand-contract span:first-child {
	transform: rotate(180deg);
	right: 0px;
	display: inline-block;
  }
  .partnerSpace.show .partnerHeader .expand-contract span:last-child {
	transform: rotate(180deg);
	left: 0px;
	display: inline-block;
  }

  .partnerContent {
    width: min-content;
/*      max-height: 60vh;    */
    padding-bottom: 1em;
    display: none;
  }
  .partnerSpace.show .partnerContent {
	display: flex;
  }

  .partnerContent p {
	width: 70vw;
	flex-shrink: 0;
	max-width: 550px;
	padding-right: 30px;
	padding-left: 30px;
	font-size: 18px;
	line-height: 1.4em;
  }
  .partnerContent p a {
	color: #1A1A1A;
	font-weight: bold;
  }

  .partnerContent img {
    margin-top: 0.7em;
    padding-left: 0.5em;
    padding-right: 1em;
    max-height: 50vh;
  }



  .title p {
    margin-top: 0;
    margin-bottom: 0;
  }

  .partnerSpace p {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 0.7em;
    margin-bottom: 0.7em;
  }
  .spacesLA p {
    font-size: 5.3vw;
    padding-left: 10px;
    padding-right: 10px;
  }

   .spacesLA a {
    color: black;
    text-decoration: none;
    border-bottom: 2px solid black;
  }


  .spacesBerlin p {
    font-size: 5.3vw;
    padding-left: 10px;
    padding-right: 30px;
  }
  .spacesBerlin a {
    color: black;
    text-decoration: none;
    border-bottom: 2px solid black;
  }
}

table {
	border-collapse: collapse;
	width: 100%;
  }
  td {
	text-align: left;
	padding: 8px;
  }
  td:first-child {
	width: 60px;
  }
  tr:nth-child(odd){
  }
  th {
	background-color: #CBCCCB;
	color: black;
  }

@media screen and (min-width : 600px){

  .title {
	font-size: 28px;
  }
  .partnerSpace {
    font-size: 36px;
  }
  .partnerHeader .expand-contract span:first-child {
	right: -5px;
  }
  .partnerHeader .expand-contract span:last-child {
	left: -5px;
  }
  .spacesLA p {
    font-size: 22px;
  }
  .spacesBerlin p {
    font-size: 22px;
  }


}