body{
    background-color:#000000;
}
#textBackground {
	background-color: hsla(0, 0%, 100%, 0.106);
	width: 61.8%;
	padding: 50px;
	display: block;
	/*margin: 20px;*/
	margin-right: auto;
	margin-left: auto;
	border-radius: 100px;
	border: 5px solid gold;

}

#videoHintergrund{
	background-color: hsla(0, 0%, 100%, 0);
	border-radius: 100px;
	border: 5px solid gold;
	display: block;
	/*margin: 20px;*/
	margin-right: auto;
	margin-left: auto;
}
#text {
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	color: gold;
}
#Ueberschrifft{
	color: gold;
	align-items: center;
	margin-right: auto;
	margin-left: auto;
}

#modell{
	width: 90%;
	height: 50vh;
	margin: auto;
}
#orr {    
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:red;
	z-index:1999;
}
.quelle{
	font-size: 10px;
}
/* unvisited link */
a:link {
	color: rgb(0, 251, 255);;
}

  /* visited link */
a:visited {
	color: rgb(0, 251, 255);
}

/* mouse over link */
a:hover {
color: rgb(255, 119, 0);
}

/* selected link */
a:active {
color: blue;
}


#canvas-wrap { position:relative } /* Make this a positioned parent */
#overlay     { position:absolute; top:20px; left:30px; }
#canvas-wrap {position: fixed;}

.fixedbutton {
	position: sticky;
	bottom: 50px;
	right: 0;
	font-size: 24px;
	background: rgba(16, 78, 139, 0.8);
	padding: 10px 15px 10px 15px;
	color: #fff !important;
	}
	
.fixedbutton:hover {
	background: #1969b7;
}

.styled-table {
    border-collapse: collapse;
	margin:auto;
	align-self: auto;
    font-size: 0.9em;
    font-family: sans-serif;
    width: 90vw;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.styled-table1 {
    border-collapse: collapse;
	margin:auto;
	align-self: auto;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

figure { 
	width: 30vw;
    height: auto;
    float: right;
	text-align: center; 
}

figure img {
    width: 30vw;
    height: auto;
}

figcaption {
	display: inline-block;
	text-align: center;
 }

.responsive-iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}

.styled-table thead tr {
    background-color: gold;
    color: black;
    text-align: left;
}
.styled-table th,
.styled-table td {
    padding: 12px 15px;
}

.styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.styled-table tbody tr:nth-of-type(even) {
    background-color: hsla(0, 0%, 100%, 0.106);
}

.styled-table tbody tr:last-of-type {
    border-bottom: 2px solid #009879;
}

.styled-table1 thead tr {
    background-color: gold;
    color: black;
    text-align: left;
}
.styled-table1 th,
.styled-table1 td {
    padding: 12px 15px;
}

.styled-table1 tbody tr {
    border-bottom: 1px solid #dddddd;
}

.styled-table1 tbody tr:nth-of-type(even) {
    background-color: hsla(0, 0%, 100%, 0.106);
}

.styled-table1 tbody tr:last-of-type {
    border-bottom: 2px solid #009879;
}


.timeline {
	line-height: 1.4em;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	h1, h2, h3, h4, h5, h6 {
		line-height: inherit;
	}
	background-color: hsla(0, 0%, 100%, 0.106);
	width: 61.8%;
	padding: 50px;
	display: block;
	/*margin: 20px;*/
	margin-right: auto;
	margin-left: auto;
	border-radius: 100px;
	border: 5px solid gold;
	}

/*----- TIMELINE ITEM -----*/

.timeline-item {
	padding-left: 40px;
	position: relative;
	&:last-child {
		padding-bottom: 0;
	}
	color: gold;
}

/*----- TIMELINE INFO -----*/

.timeline-info {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 3px;
	margin: 0 0 .5em 0;
	text-transform: uppercase;
	white-space: nowrap;
}

.timeline-marker {
	position: absolute;
	top: 0; bottom: 0; left: 0;
	width: 15px;
	&:before {
		border: 3px solid transparent;
		border-radius: 100%;
		content: "";
		display: block;
		height: 15px;
		position: absolute;
		top: 4px; left: 0;
		width: 15px;
		transition: background 0.3s ease-in-out,
				border 0.3s ease-in-out;
	}
	&:after {
		content: "";
		width: 3px;
		background: gold;
		display: block;
		position: absolute;
		top: 24px; bottom: 0; left: 6px;
	}
	.timeline-item:last-child &:after {
		content: none;
	}
}
.timeline-item:not(.period):hover .timeline-marker:before {
	background: transparent;
	border: 3px solid gold;
}


.timeline-content {
	padding-bottom: 40px;
	p:last-child {
		margin-bottom: 0;
	}
}

 /*----------------------------------------------
        MOD: TIMELINE SPLIT
    ----------------------------------------------*/
.timeline-split {
	@media (min-width: 768px) {
		.timeline {
			display: table;
		}
		.timeline-item {
			display: table-row;
			padding: 0;
		}
		.timeline-info,
		.timeline-marker,
		.timeline-content,
		.period .timeline-info {
			display: table-cell;
			vertical-align: top;
		}
		.timeline-marker {
			position: relative;
		}
		.timeline-content {
			padding-left: 30px;
		}
		.timeline-info {
			padding-right: 30px;
		}
		.period .timeline-title {
			position: relative;
			left: -45px;
		}
	}
}