body {

	font-family: "Dosis", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 20px;

  /* line-height: 1.42857143; */
  /*color: #c8c8c8; */
	color: var(--ft-color-1);

  	background-color: #464646; 
  
	overflow-y: scroll;
}


/* ------------------------------------------ */
/* outer-container */
/* ------------------------------------------ */
.outer-container {

    /* ----------------------------- */ 
    /* ----------------------------- */ 
    /* Schrift */
    /* ----------------------------- */ 
    /* ----------------------------- */ 
    //font-family: "Dosis", Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	//font-size: 1.1em; 

	
    /* ----------------------------- */ 
    /* ----------------------------- */ 
    /* Ausrichtung / Dimensionen */
    /* ----------------------------- */ 
    /* ----------------------------- */ 
    /* ... */
    /*position: absolute; */
	background: #464646; 
	
    /* Höhe */
  	/* height: 980px; */ 
	height: 90%;
    /* Breite */
    /* width: 1400px; */
	width: 90%;

    /*Außenabstand */
    /* margin-top: -350px; */ 
	/* margin-top: -20%; */
	margin: 0 auto;
	
    /*Innenabstand */
	padding-top: 2%;

}



/* ------------------------------------------ */
/* inner-container */
/* ------------------------------------------ */
.inner-container-photos {
  	
    /* ----------------------------- */ 
    /* ----------------------------- */ 
    /* Hintergrund */
    /* ----------------------------- */ 
    /* ----------------------------- */ 
	background: #464646; 


    /* ----------------------------- */ 
    /* ----------------------------- */ 
    /* ... */
    /* ----------------------------- */ 
    /* ----------------------------- */    
    /* Rand */
    border: 2px solid #787878;
	
	border-top-left-radius: 4px; 
	border-top-right-radius: 4px; 
	border-bottom-left-radius: 4px; 
	border-bottom-right-radius: 4px; 


    /* ----------------------------- */ 
    /* ----------------------------- */ 
    /* Ausrichtung / Dimensionen */
    /* ----------------------------- */ 
    /* ----------------------------- */ 
    /* Höhe */
	height: auto;
    /* Breite */
   	width: 1400px;  
	/* NO width: 80%; */	
	
    /* Außenabstand */
	/* margin: 5px; */
	margin: 0 auto;
    /* Innenabstand */
    /* padding: 0px; */
	padding: 2px;
	
}



/* ------------------------------------------ */
/* table */
/* ------------------------------------------ */
table{
    border-collapse: collapse;
}
.underline td{
    border-top: 2px solid black; 
	border-top-color: #787878;

}




.navbar {
  /*background-image: -webkit-linear-gradient(#484e55, #3a3f44 60%, #313539);*/
  /*background-image: -webkit-linear-gradient(#111100, #3a3f44 60%, #223539); */
  background-image: linear-gradient(#484e55, #3a3f44 60%, #313539);
  background-image: linear-gradient(#464646, #464646 60%, #707070);
  /* 20160819 */
  /*background-color: #464646; */
  background-repeat: no-repeat;
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff484e55', endColorstr='#ff313539', GradientType=0);*/
  filter: none;
  border: 0px solid rgba(0, 0, 0, 0.6);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  
	background-color: coral;  
    background-image: linear-gradient(#464646, #464646 60%, #707070);  
 	  	color: var(--ft-color-2); 
		margin-top: 25px;
}


.tv {
  
      background-repeat: no-repeat;
	  /*background-size: 300px 100px;*/
	  
	  /*position: absolute;*/
	  height: 250px;
	  width: 620px;

	 /*background-image: url(https://svgsilh.com/svg/2237426.svg);*/
	 background-image: url(../img/tv_dark_gray.svg);
	 background-image: url(../img/tv_dark_gray.svg);

	 background-size: cover;
	 /*padding: 100px;*/ /* reset */
	 /*padding-bottom: calc(100% * 0.2);*/
	 padding-top: 160px; /* reset */
	 padding-left: 43px; /* reset */
	 padding-right: 40px; /* reset */
	 padding-bottom: 170px; /* reset */
	 /*padding-bottom: calc(100% * 0.2);*/

	margin-top:-100px;

}


.pict {
  
      background-repeat: no-repeat;
	  /*background-size: 300px 100px;*/
	  
	  /*position: absolute;*/
	  height: 240px;
	  width: 560px;

	 /*background-image: url(https://svgsilh.com/svg/2237426.svg);*/
	 background-image: url(../img/tv_dark_gray.svg);
	 background-image: url(../img/35mm.svg);

	 background-size: cover;
	 /*padding: 100px;*/ /* reset */
	 /*padding-bottom: calc(100% * 0.2);*/
	 padding-top: 80px; /* reset */
	 padding-left: 13px; /* reset */
	 padding-right: 40px; /* reset */
	 padding-bottom: 220px; /* reset */
	 /*padding-bottom: calc(100% * 0.2);*/

	margin-top:+20px;

}



.theIFrame {
	/* width: 420px; */ /* It should not be 100% */
	width: 510px;
	/* height: 315px:*/
	height: 342px;
	margin-left: auto;   /* Automatic margin from left */
	margin-right: auto; /* Automatic margin from right */
} 

.theOtherIFrame {
	width: 690px;
	height: 800px;
	margin-left: auto;   /* Automatic margin from left */
	margin-right: auto; /* Automatic margin from right */
}