body
{
	margin-top: 160px; 
	margin-right: 35%; 
	margin-left: 20px; 
	margin-bottom: 20px; 
	min-width: 800px;
}

@media all and (max-width: 1250px) {
    #background-aerzte {
        left: 800px;
    }
}

div.question
{
	padding: 10px; 
	background-color: #f8ed95; 
	border-radius: 10px; 
	border-width: 2px; 
	border-color: #f8e11a; 
	border-style: solid;
}

div.question td.icon
{
	vertical-align: top;
}

div.question td.text
{
	font-size: 14pt; 
	padding-top: 10px;
}

div.offer
{
	padding: 10px; 
	background-color: #a3c197; 
	border-radius: 10px; 
	border-width: 2px; 
	border-color: green; 
	border-style: solid;
}

div.offer td.icon
{
	vertical-align: top;
	padding-left: 10px; 
	padding-right: 10px;
}

div.offer td.description
{
	font-size: 14pt; 
	width: 100%;
	vertical-align: top;
	padding-top: 15px;
}

div.offer td.price
{
	vertical-align: top;
	text-align: right;
	text-shadow: 2px 2px green; 
	font-size: 30pt; 
	font-weight: bold; 
	font-style: italic;
	color: white; 
	padding-right: 10px;
}

div.offer td.price span
{
	text-shadow: none;
	font-weight: bold;
	color: green;
	font-size: 8pt;
}

div.info
{
	padding: 10px; 
	border-radius: 10px; 
	border-width: 2px; 
	border-color: #003fc0; 
	border-style: solid;
	background-color: #bdd4e8;
}

div.info td.icon
{
	vertical-align: top;
	padding-left: 10px; 
	padding-right: 10px;
}

div.info td.text
{
	font-size: 14pt; 
	width: 100%;
}

div.vertical_distance
{
	height: 5px;
}

#impressum
{
	position:absolute; 
	top:0px; 
	left:0px; 
	right:0px; 
	z-index:5; 
	padding:100px;
}

#impressum div.background
{
	text-align: left;
	position:relative; 
	padding:20px; 
	background-color:white; 
	top:20px; 
	width:800px;
}

@keyframes open_impressum
{
    0% {
		opacity: 0.0;
		background: rgb(0, 0, 0) transparent;
		background: rgba(0, 0, 0, 0.0);
    }
    35% {
		opacity: 0.0;
		background: rgb(0, 0, 0) transparent;
		background: rgba(0, 0, 0, 0.0);
    }
    100% {
		opacity: 1.0;
		background: rgb(0, 0, 0) transparent;
		background: rgba(0, 0, 0, 0.6);
    }
}

@-webkit-keyframes open_impressum 
{
    0% {
		opacity: 0.0;
		background: rgb(0, 0, 0) transparent;
		background: rgba(0, 0, 0, 0.0);
    }
    35% {
		opacity: 0.0;
		background: rgb(0, 0, 0) transparent;
		background: rgba(0, 0, 0, 0.0);
    }
    100% {
		opacity: 1.0;
		background: rgb(0, 0, 0) transparent;
		background: rgba(0, 0, 0, 0.6);
    }
}

@keyframes close_impressum
{
    0% {
		opacity: 1.0;
		background: rgb(0, 0, 0) transparent;
		background: rgba(0, 0, 0, 0.6);
    }
    25% {
		opacity: 1.0;
		background: rgb(0, 0, 0) transparent;
		background: rgba(0, 0, 0, 0.6);
    }
    100% {
		opacity: 0.0;
		background: rgb(0, 0, 0) transparent;
		background: rgba(0, 0, 0, 0.0);
    }
}

@-webkit-keyframes close_impressum 
{
    0% {
		opacity: 1.0;
		background: rgb(0, 0, 0) transparent;
		background: rgba(0, 0, 0, 0.6);
    }
    25% {
		opacity: 1.0;
		background: rgb(0, 0, 0) transparent;
		background: rgba(0, 0, 0, 0.6);
    }
    100% {
		opacity: 0.0;
		background: rgb(0, 0, 0) transparent;
		background: rgba(0, 0, 0, 0.0);
    }
}

.marquee 
{
	background-color: Red;
	color: White;
	font-family: Sans-Serif;
	font-weight: 800;
	font-size: 16pt;
	width: 99%;
	height: 30px;
	margin: auto;
	padding: 4px;
	overflow: hidden;
	white-space: nowrap;
    animation: marquee 20s linear infinite;
    -webkit-animation: marquee 20s linear infinite;
}

@keyframes marquee {
	0%   { text-indent: 100% }
	100% { text-indent: -50% }
}

@-webkit-keyframes marquee {
	0%   { text-indent: 100% }
	100% { text-indent: -50% }
}