@charset "utf-8";

.col-centered{
    float: none;
    margin: 0 auto;
}

.impressum a{
	color:#39DE7C;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

body {
	color: #FFFFFF;
}

a.footer-link {
	color: #d3cdc0;
	text-decoration: none;
}


.footer {
	background-color: #001940;
}



.padding {
	padding:2.5%;
}

.Farbe{
background: rgb(230,230,230);
background: linear-gradient(180deg, rgba(230,230,230,1) 0%, rgba(135,132,132,1) 41%, rgba(98,98,98,1) 100%);

}
#Brille {
position: absolute;
	right: 50%;
	top:10%;

	
	
}

#lino {
	width: 20%;
	position: absolute;
	right: -10%;
	top: 30%;
}

#lino:hover {
	content: url("Lino.png");
}

#Brille:hover {
	content: url("ref1_hover.png")
}

#wuerfel {
position: absolute;
	right: 40%;
	top: 20%;

}

#wuerfel:hover {
	content: url("ref11_hover.png")
}

#Tasse {
position: absolute;
bottom: 60%;
	left: 6%;
	
}

#Tasse:hover {
	content: url("ref7_hover.png")
}

#apfel {
 max-width: 80%;
position: absolute;
	right: 10%;
	top:7%;
		
	
}

#apfel:hover {
	content: url("ref10_hover.png")
}

#igel {
position: absolute;
	right: 7%;
	top:30%
	
}

#igel:hover {
	content: url("ref2_hover.png")
}

#schirm {
position: absolute;
	right: 20%;
	bottom: 10%
	

}
#schirm:hover {
	content: url("ref5_hover.png")
}

#dna {
position: absolute;
	right: 60%;
	bottom: 10%;
	
}
#dna:hover  {
	content:url("ref3_hover.png")
}

#virus {
position: absolute;
	right: 60%;
	bottom: 20%;
	
}
#virus:hover {
	content: url("ref6_hover.png")
}

#herz{
position: absolute;
bottom: 6%;
	left: 75%;
}
#herz:hover {
	content: url("ref4_hover.png")
}

#Abwehr{
position: absolute;
bottom: 20%;
	left: 70%;
}
#Abwehr:hover {
	content: url("ref8_hover.png")
}

#text {

}

#text:hover {
	content: url("t2.gif")
}

#demo {

}

#demo:hover {
	content: url("d2.gif")
}

#mail {

}
 #mail:hover {
	content: url("k2.gif")
}
#links {
	position: relative;

}
#links:hover {
	content: url("videos_hover.png")
}

.hintergrund {

	position: relative;
height: 700px;
	width: 1100px;

}

.zuruck:hover {
	content: url("zuruck-2.gif");
}

.modal-content {
	background-color: hsla(0,1%,33%,0.73);
}

.modal-content-text {
	background-color: #001940;
}


video {
	width: 100%;
}

.btn{
    background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    outline:none;
	
}

#zirkel {

position: absolute;
	left: 15%;
	top: 30%;
	  -webkit-transition: -webkit-transform .8s ease-in-out;
          transition:         transform .8s ease-in-out;
}


#zirkel:hover {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}

.navbar {display:none;
         background-color: #001940;
  text-align: center;
font-size: 20px;
}

.postit{
	display: block;
}

#bs-example-navbar-collapse-2 {
	background-color: #FFFF8B;
		color: black;
}


#bs-example-navbar-collapse-3{
	background-color: #FFFF8B;
	position: absolute;
	color: black;
padding: 5%;
font-size:20px;
	 z-index: 1;
}

.video{
	padding: 2%;
}

.video:hover {
	background-color: #001940;
  color: white;
	
}

.navbar li:hover{
	background-color: #EFF091;
		color: black;
}

@media only screen and (max-width: 768px){
	.postit {display:none;}
	.navbar{display:block;}
	.dropdown-content{position: relative;
	width:100%;}
}

@media (hover: none) {
	text:hover {content: inherit;}
	demo:hover {content: inherit;}
}