body {
/*
#ef5308 - extreme orange

#FF7DBA - telekom like color
#FFBF2D - gelb-orange
#FF8D4B - orange

#211F1F - smoky black
*/

color: #FF8D4B;
background-color:#211F1F;
font-size:1.17em;
}

.smallheadline
{
	font-size:1.3em;
}

.textcolor
{
	color:#FF8D4B;
	text-decoration: none;
}

.textcolor:hover
{
	color:white;
	text-decoration: none;
}

h4 {
    color: white;
}
h2 {
    color: white;
}

.footer {
    color: white;
 font-size: smaller;
}

.padtop {
    margin-top:15px;
}

.footer a:link
{
    text-decoration: none !important;
}


img {
	width:100%;
	height:auto;
}
.fullwidth
{
    width: 100% !important;
}

.niceblackinput
{
  color:#FF8D4B;
  background-color: #211F1F;
}


.niceblackinput:focus
{
  color:#FF8D4B;
  background-color: #211F1F;
}

.logo
{
    height:auto;
    width:8%;
    animation: spin 7s infinite linear;
	box-shadow: 2px 2px 2px #0000;
	padding: 5px;
}

@keyframes spin {
    0% {
        transform:rotate(-2deg);
    }
    50% {
        transform:rotate(2deg);
    }
    100% {
        transform:rotate(-2deg);
    }
}

.popover {
    color: #FB9E12;
    background-color: #272727;
    font-size: 0.9em;
}

.popover-body
{
	color: #FB9E12;
	background-color: #272727;
}

.popover .popover-arrow::before, .popover .popover-arrow::after {
    border-color: #FFA500 !important;  /* this example changes the arrow to orange color... You can always replace with any color you choose. */
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
}


.prev > * > img
{
	width:40% !important;
	padding:15px;
}


@media only screen and (max-width: 768px) {
	.prev > * > img
	{
		width:90% !important;
		padding:15px;
	}

	.logo {
		width:25% !important;
	}
}

h3 {
        color:white;
}

.hidden
{
    display:none;
}