/* -- INTRO / STARTPAGE -- */


#overlay {
        
    display: table;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 1000;
    background-color: white;

    }

#center {

    display: table-cell;
    vertical-align: middle;

    }

#introGif {
       
  	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 40%;

  	max-width: 1500px;
    max-height: 1500px;

    }

/* COMMON */


a {

	text-decoration: none;
	color: white;

	}

a:hover {

	text-decoration: underline;

	}

.text {

	font-family: 'Sintony', sans-serif;
	font-size: 15pt;
	font-weight: bold;
	color: white;

	}

#container{

	width: 80%;

	padding-top: 15vh;

	margin: auto;

	}

#innerContainer{

	width: 60%;
	margin: auto;
	text-align: center;

	}

#headline {

	display:block;
	font-size: 18pt;
	margin-top: 70pt;
	text-align: center;

	}

#header {

	width: 100%;
	text-align: center;
	display: block;

	}

#infoContainer {
	
	position: fixed;
	display: inline-flex;

	width: 88%;
	left: 50%;
	margin-left: -44.5%;
	padding: 5pt;
	bottom: 3pt;
	background-color: white;
	border: 1pt solid #ff0429;

	}

.info,
.info a,
.info a:link,
.info a:visited  {
	
	width: 33%;
	text-align: center;

	color: #ff0429;

	}

.info:hover {

	text-decoration: underline;
	cursor: pointer;

	}


/* --  BG -- */


html#startHTML,
body#startBODY{

  	background-image: url("bg.svg");
  	background-position: 0% 50%;
  	background-size: 100%;
  	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #f2f1ec;
	z-index: -1;

	}

html#ueberHTML,
body#ueberBODY{

  	background-image: url("bg.svg");
  	background-position: -100% 50%;
  	background-size: 120%;
  	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #f2f1ec;
	z-index: -1;

	}

html#kontaktHTML,
body#kontaktBODY{

  	background-image: url("bg.svg");
  	background-position: 150% 50%;
  	background-size: 120%;
  	background-repeat: no-repeat;
  	background-attachment: fixed;
	background-color: #f2f1ec;
	z-index: -1;

	}


/* -- START/INDEX.HTML -- */



.tabletext {

	display: flex;
	align-items: center;

 	}

.tableRows{

	position: relative;
	display: inline-flex;
	margin: auto;
	
	width: 100%;
	padding: 8pt;

	}

.tabletext a,
.tabletext a:link,
.tabletext a:visited {

	width: 220pt;
	padding: 0pt 8pt 0pt 8pt;
	color:white;
	font-family: 'Sintony', sans-serif;

	font-size:15pt;
	font-weight: bold;

	display: block;

	text-align: left;
	color: white !important;

	text-decoration: none;

	}
 
.tabletext a:hover{

 	cursor: pointer;
 	text-decoration: underline;

 	}

.iconContainer {

	float:left;

	}

.icon {

	width:50px;

	}

#tableContainer{
	
	display: block;
	padding: 7vh 0px 14vh 0px;
	margin: auto;
	width: 440pt;

	}


/* -- UEBER.HTML -- */


#headlineUeber{

	display:block;
	font-size: 18pt;
	margin-top: 70pt;
	text-align: left;

	}

#innerContainerUeber{

	width: 39%;

	margin-left:45%;
	text-align:left;
	background-color: #ff0429;


	}

#headerUeber {

	width:100%;
	text-align: left;
	display: block;

	}


/* -- KONTAKT -- */


#impressum{

	font-size: 12pt;
	display:block;

	}

#innerContainerKontakt{

	width: 60%;
	margin-left:5%;
	text-align:left;
	background-color: #ff0429;

	}


/* -- PORTRAIT -- */


@media all and (orientation:portrait) {

	/* COMMON */

	html#startHTML,
	html#ueberHTML,
	html#kontaktHTML,
  	body#startBODY,
  	body#ueberBODY,
  	body#kontaktBODY{
	
  		background-color: #ff0429;
  		background-image: none;
		z-index:-1;
	
  		}
  
	#container{

		max-width: 70%;
		margin: auto;

		}

 	#innerContainer{

		width: 100%;
		margin: auto;
		text-align: center;

		}

  	#infoContainer {
	
		position: fixed;
		width:35%;
		padding: 5pt;
	
		left: 3pt;
		bottom: 3pt;
		margin-left: 0%;
	
		display: inline-grid;
	
		background-color: white;
		border: 1pt solid #ff0429;

		}

	.info {

		width:100%;

		text-align: left;
		float: left;

		}

	/* START */

	#tableContainer{
	
		display: block;
		width: 100%;
		margin-left: 30pt;

		}

	/* UEBER */

	#innerContainerUeber{

		width: 90%;
		margin: auto;
		text-align: left;

		}

	#headlineUeber{

		display: block;
		font-size: 18pt;
		margin-top: 70pt 0px 3vh 0px;
		text-align: left;

		}

	/* KONTAKT */

	#innerContainerKontakt{

		width: 90%;
		margin-left: 5%;
		text-align: left;

		}

}