/* Supersized - CSS	*/
* { margin:0; padding:0; }

body { 
    padding-top: 80px; 
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(260)'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%23ba0000'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='540' height='450' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.1'%3E%3Cpolygon fill='%23444' points='90%2C150 0%2C300 180%2C300'/%3E%3Cpolygon points='90%2C150 180%2C0 0%2C0'/%3E%3Cpolygon fill='%23AAA' points='270%2C150 360%2C0 180%2C0'/%3E%3Cpolygon fill='%23DDD' points='450%2C150 360%2C300 540%2C300'/%3E%3Cpolygon fill='%23999' points='450%2C150 540%2C0 360%2C0'/%3E%3Cpolygon points='630%2C150 540%2C300 720%2C300'/%3E%3Cpolygon fill='%23DDD' points='630%2C150 720%2C0 540%2C0'/%3E%3Cpolygon fill='%23444' points='810%2C150 720%2C300 900%2C300'/%3E%3Cpolygon fill='%23FFF' points='810%2C150 900%2C0 720%2C0'/%3E%3Cpolygon fill='%23DDD' points='990%2C150 900%2C300 1080%2C300'/%3E%3Cpolygon fill='%23444' points='990%2C150 1080%2C0 900%2C0'/%3E%3Cpolygon fill='%23DDD' points='90%2C450 0%2C600 180%2C600'/%3E%3Cpolygon points='90%2C450 180%2C300 0%2C300'/%3E%3Cpolygon fill='%23666' points='270%2C450 180%2C600 360%2C600'/%3E%3Cpolygon fill='%23AAA' points='270%2C450 360%2C300 180%2C300'/%3E%3Cpolygon fill='%23DDD' points='450%2C450 360%2C600 540%2C600'/%3E%3Cpolygon fill='%23999' points='450%2C450 540%2C300 360%2C300'/%3E%3Cpolygon fill='%23999' points='630%2C450 540%2C600 720%2C600'/%3E%3Cpolygon fill='%23FFF' points='630%2C450 720%2C300 540%2C300'/%3E%3Cpolygon points='810%2C450 720%2C600 900%2C600'/%3E%3Cpolygon fill='%23DDD' points='810%2C450 900%2C300 720%2C300'/%3E%3Cpolygon fill='%23AAA' points='990%2C450 900%2C600 1080%2C600'/%3E%3Cpolygon fill='%23444' points='990%2C450 1080%2C300 900%2C300'/%3E%3Cpolygon fill='%23222' points='90%2C750 0%2C900 180%2C900'/%3E%3Cpolygon points='270%2C750 180%2C900 360%2C900'/%3E%3Cpolygon fill='%23DDD' points='270%2C750 360%2C600 180%2C600'/%3E%3Cpolygon points='450%2C750 540%2C600 360%2C600'/%3E%3Cpolygon points='630%2C750 540%2C900 720%2C900'/%3E%3Cpolygon fill='%23444' points='630%2C750 720%2C600 540%2C600'/%3E%3Cpolygon fill='%23AAA' points='810%2C750 720%2C900 900%2C900'/%3E%3Cpolygon fill='%23666' points='810%2C750 900%2C600 720%2C600'/%3E%3Cpolygon fill='%23999' points='990%2C750 900%2C900 1080%2C900'/%3E%3Cpolygon fill='%23999' points='180%2C0 90%2C150 270%2C150'/%3E%3Cpolygon fill='%23444' points='360%2C0 270%2C150 450%2C150'/%3E%3Cpolygon fill='%23FFF' points='540%2C0 450%2C150 630%2C150'/%3E%3Cpolygon points='900%2C0 810%2C150 990%2C150'/%3E%3Cpolygon fill='%23222' points='0%2C300 -90%2C450 90%2C450'/%3E%3Cpolygon fill='%23FFF' points='0%2C300 90%2C150 -90%2C150'/%3E%3Cpolygon fill='%23FFF' points='180%2C300 90%2C450 270%2C450'/%3E%3Cpolygon fill='%23666' points='180%2C300 270%2C150 90%2C150'/%3E%3Cpolygon fill='%23222' points='360%2C300 270%2C450 450%2C450'/%3E%3Cpolygon fill='%23FFF' points='360%2C300 450%2C150 270%2C150'/%3E%3Cpolygon fill='%23444' points='540%2C300 450%2C450 630%2C450'/%3E%3Cpolygon fill='%23222' points='540%2C300 630%2C150 450%2C150'/%3E%3Cpolygon fill='%23AAA' points='720%2C300 630%2C450 810%2C450'/%3E%3Cpolygon fill='%23666' points='720%2C300 810%2C150 630%2C150'/%3E%3Cpolygon fill='%23FFF' points='900%2C300 810%2C450 990%2C450'/%3E%3Cpolygon fill='%23999' points='900%2C300 990%2C150 810%2C150'/%3E%3Cpolygon points='0%2C600 -90%2C750 90%2C750'/%3E%3Cpolygon fill='%23666' points='0%2C600 90%2C450 -90%2C450'/%3E%3Cpolygon fill='%23AAA' points='180%2C600 90%2C750 270%2C750'/%3E%3Cpolygon fill='%23444' points='180%2C600 270%2C450 90%2C450'/%3E%3Cpolygon fill='%23444' points='360%2C600 270%2C750 450%2C750'/%3E%3Cpolygon fill='%23999' points='360%2C600 450%2C450 270%2C450'/%3E%3Cpolygon fill='%23666' points='540%2C600 630%2C450 450%2C450'/%3E%3Cpolygon fill='%23222' points='720%2C600 630%2C750 810%2C750'/%3E%3Cpolygon fill='%23FFF' points='900%2C600 810%2C750 990%2C750'/%3E%3Cpolygon fill='%23222' points='900%2C600 990%2C450 810%2C450'/%3E%3Cpolygon fill='%23DDD' points='0%2C900 90%2C750 -90%2C750'/%3E%3Cpolygon fill='%23444' points='180%2C900 270%2C750 90%2C750'/%3E%3Cpolygon fill='%23FFF' points='360%2C900 450%2C750 270%2C750'/%3E%3Cpolygon fill='%23AAA' points='540%2C900 630%2C750 450%2C750'/%3E%3Cpolygon fill='%23FFF' points='720%2C900 810%2C750 630%2C750'/%3E%3Cpolygon fill='%23222' points='900%2C900 990%2C750 810%2C750'/%3E%3Cpolygon fill='%23222' points='1080%2C300 990%2C450 1170%2C450'/%3E%3Cpolygon fill='%23FFF' points='1080%2C300 1170%2C150 990%2C150'/%3E%3Cpolygon points='1080%2C600 990%2C750 1170%2C750'/%3E%3Cpolygon fill='%23666' points='1080%2C600 1170%2C450 990%2C450'/%3E%3Cpolygon fill='%23DDD' points='1080%2C900 1170%2C750 990%2C750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    color: #111111;
    font-size:14px;
}

.noBtnStyle {
	background: transparent;
	border: 0px;
	padding: 0px;
}

img{ border:none; }

#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img{ width:auto; height:auto; position:relative; outline:none; border:none; }

#supersized a { z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; display:block; }
#supersized a.image-loading { background:#111 no-repeat center center; width:100%; height:100%; }

/* Radio */
.has-js .label_radio    { padding-left: 34px; }
.has-js .label_radio    { background: url(../img/radio-off.png) no-repeat; }
.has-js label.r_on      { background: url(../img/radio-on.png) no-repeat; }
.has-js .label_radio input  { position: absolute; left: -9999px; }
 
.navbar{
	padding:10px;
	border-top:1px solid #dcdcdc;
	width:100%;
	background-color:#ff0000;
}

.navbar-collapse{
	box-shadow:none;
	shadow:none;
}

.navbar-brand{
	padding:0px;
	padding-right:50px;
	height: 50px;	
}

.mtitle {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1050;  
}

.container .modal-title{
    text-align:center;    
} 

.home{
    height: 0;
    margin: 0 auto;
    /*width: 960px; */
}

.home .lzo_home{
    border-radius: 5px 0 0 5px;
    display: block;
    height: 40px;
    width: 40px;
    z-index: 2003;
    background-color: #f00;
    left: 0;
    overflow: hidden;
    text-decoration: none;
    white-space: nowrap;
    
}    
.home .lzo_home::before {
    color: #fff;
    display: block;
    height: 31px;
    margin-left: 5px;
    margin-top: 5px;
    width: 31px;
}

.navi {
    width:100%
}

.navi ul{
    height: 50px;
    margin: 0 auto;
    padding-left: 40px;
    list-style: outside none none;
    text-align: left;
}

.navi ul > li {
    border-left: 1px solid rgba(255, 255, 255, 0.4);
    float: left;
}

.navi ul > li > button {
    background-color: rgba(68, 68, 68, 0.8);
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    height: 40px;
    padding: 5px 76px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    z-index: 10;
}
.navi ul li > button {
    text-decoration: none;
}
.navi ul li button span {
    display: block;
    font-size: 15px;
    overflow: hidden;
    padding-left: 42px;
    padding-right: 42px;
    position: relative;
    text-overflow: ellipsis;
    top: 3px;
    white-space: nowrap;
    width: 100%;
}

.navi ul li:last-child button{
   border-radius: 0 5px 5px 0; 
}

.home .lzo_home i{
    color: #ffffff !important;
    font-size: 20px;
    line-height: 36px;
    margin-left: 9px;
}
.navbar-collapse ul li{
    height:30px;
}
.navbar-collapse ul li div, .navbar-collapse ul li div a{
    color:#ffffff !important;
    text-decoration:none;
}

#mainWindow{
	margin-top:5px;	
	margin-bottom:0px;
}

h1, .h1 {
    color:#ffffff;
    font-size:30px;
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 10px;
}
a {
    color: #EB0000;
}
.lead {
    color:#ff0000;
}

.red {
	background-color:#ff0000;	
}

.opts{
	color:#ff0000;
	font-weight:bold;
	font-size:16px;
}

.label_radio{
	color:#000000;
	font-size:14px;
	padding-bottom:10px;
}

#ansBtn, #ansBtn2
{
	float:left;	
}
	
ol, ul {
    list-style: none outside none;
}

.page-social{
	float:right;
	margin-left:10px;
	top:15px;
	position:relative;
}

.page-social li{
	display:inline-block;
}

.page-social li img{
	border-radius:3px;
	margin-right:3px;
}

.page-social li:first-child
{
	padding-bottom:5px;
} 

.menu{
	float:left;	
	cursor:pointer;
	width:100%
}

.facebk{
    background-color:#3b5999 !important;
}
.twitter{
    background-color:#01bbf6 !important;
}

#logo
{
	float:right; 
	max-height:60px; 
	max-width:150px;
}

#logoP{
	position:relative;
	float:right; 
}


#slogan
{
	float:left; 
	max-height:60px; 
	max-width:292px;
}


#score{
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:4px;
}
	
#kreise
{
	position:absolute; 
	top:35px; 
	left:15px; 
	width:245px; 
	height:397px;	
	display:block;
	z-index: 605;
}

#kreise_hori
{
	position:absolute; 
	top:35px; 
	right:0px; 
	width:329px; 
	height:180px;	
	display:none;
	z-index: 605;
}

#theFrameDiv{
	display:none;	
}

#theQuestDiv{
	display:none;	
}

.modal-footer{
    padding-left:0;
}

.jumbotron{
	background-color:#fff;
    background-color: rgba(255, 255, 255, 0.7);
	-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
	padding-bottom: 28px;
	padding-top: 18px;
    margin-bottom: 20px;
}
	
.frage{
    color:#444444;   
}    



/* Loader styles
-------------------------------------------------- */
.loader div {
  width: 20px;
  height: 20px;
  position: absolute;
  background-color: #ccc;
  top: 45%;
  border-radius: 50%;
}

.loader div:nth-child(1) {
  background-color: #ff0000;
  -webkit-animation: move 1s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  animation: move 1s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}

.loader div:nth-child(2) {
  background-color: #FF3939;
  -webkit-animation: move 1s 150ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  animation: move 1s 150ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}

.loader div:nth-child(3) {
  background-color: #FF6464;
  -webkit-animation: move 1s 300ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  animation: move 1s 300ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}

.loader div:nth-child(4) {
  background-color: #ff8080;
  -webkit-animation: move 1s 450ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  animation: move 1s 450ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}

@-webkit-keyframes move {
  0% {
    left: 0%;
  }

  100% {
    left: 100%;
  }
}

@keyframes move {
  0% {
    left: 0%;
  }

  100% {
    left: 100%;
  }
}

/* Sticky footer styles
-------------------------------------------------- */

body, html{ 
	overflow-x:hidden;
}
h4, .h4{
	font-size:20px;	
}

.show_mobile{
    display:none;        
}
.hide_mobile{
    display:block;        
}

/* Icon Styles */
.social__icons {
  margin: 2em 0;
}
.social .icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1em;
  width: 3em;
  height: 3em;
}

.icon {
  fill: #fff;
}

.aicon{
    font-size: 28px;
    position: relative;
    top: 9px;
}

.images{   
    padding-top:20px;
}

.aside-element{
	height:47px;
	width:47px;
	background:#ff0000;
	border-radius:0px;
	display:block;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:11px;
	padding-top:10px;
	
}

.page-aside{
	position:fixed;
	top:125px;
	right:0px;
	cursor:pointer;
	z-index:999;
    box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.58);
}

.sideBar{
	background-color: #fff;
    border-left: 1px solid #e3e3e3;
    height: 100%;
    padding: 15px;
    font-size:16px;
    position: fixed;
    top: 0;
    width: 270px;
    z-index: 9999;
    right:-270px;
    transition: all 0.5s ease 0s;
	box-shadow: 0 2px 5px 0 rgba(50, 50, 50, 0.58);
}
.sideBar p{font-size:10px;}
.sideBar.open{right:0;}

.dot{
	border-radius: 50%;
	width: 14px;
	height: 14px; 
	position:fixed;
	z-index:998;
	right:28px;
	top:178px;
	border:2px solid #ffffff;
}
.dot.green{background-color:#1D9D1D;}
.dot.red{background-color:#FF0000;}

.grey{
    color:#666666;
    margin-bottom:2px;
}

h3, .h3{
   font-size:18px;
}

h4, .h4{
   font-size:18px;
    margin-top:2px;
    margin-bottom:2px;
}

h3, .h3, h4, .h4{
    color:#111111;
}
p{
    line-height:1.7em;
    padidng-bttom
}


.btn-primary, .btn-primary:hover {
    background:#EB0000;
    filter: none;
    border: 0px;
}
.form-control {
    color: #757575;
}

.gl-2x-nohover{
	color:#fff;
	font-size: 2em;
}
.item{font-size:16px;padding-bottom:5px;}
.item a{color:#757575;position:relative;left:15px;}

.gl-2x{
	color:#fff;
	font-size: 2em;
}

.gl-2x:hover, .gl-1x:hover{
  -webkit-animation-name: pulseThis;
  -moz-animation-name: pulseThis;
  -ms-animation-name: pulseThis;
  -o-animation-name: pulseThis;
  animation-name: pulseThis;
   
  -webkit-animation-duration: .3s;
  -moz-animation-duration: .3s;
  -o-animation-duration: .3s;
  animation-duration: .3s;
 
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
 
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
}
 
@keyframes pulseThis {
  from {
    -webkit-transform: scale( 1 );
   	-moz-transform: scale( 1 );
   	-o-transform: scale( 1 );
   	-ms-transform: scale( 1 );
   	transform: scale( 1 );
  }
  to {
    -webkit-transform: scale( 1.75 );
   	-moz-transform: scale( 1.75 );
   	-o-transform: scale( 1.75 );
   	-ms-transform: scale( 1.75 );
   	transform: scale( 1.75 );
  }
}
 
@-moz-keyframes pulseThis {
  from {
    -moz-transform: scale( 1 );
    transform: scale( 1 );
  }
  to {
    -moz-transform: scale( 1.75 );
    transform: scale( 1.75 );
  }
}

@-webkit-keyframes pulseThis {
  from {
    -webkit-transform: scale( 1 );
    transform: scale( 1 );
  }
  to {
    -webkit-transform: scale( 1.75 );
    transform: scale( 1.75 );
  }
}
 
@-ms-keyframes pulseThis {
  from {
    -ms-transform: scale( 1 );
    transform: scale( 1 );
  }
  to {
    -ms-transform: scale( 1.75 );
    transform: scale( 1.75 );
  }
}
 
@-o-keyframes pulseThis {
  from {
    -o-transform: scale( 1 );
    transform: scale( 1 );
  }
  to {
    -o-transform: scale( 1.75 );
    transform: scale( 1.75 );
  }
}


@media (max-width: 1024px) {  
    #kreise
    {
        display:none;    
    }
}


@media (max-width: 992px) {  
    .navi ul li button span {
        padding-left: 39px;
        padding-right: 39px;
    }
    
    .navi ul > li > button {
        padding: 5px 26.5px;
    }
}


@media (max-width: 979px) {  
	h1, .h1{
		font-size:24px;	
	}
	h2, .h2{
		font-size:20px;	
	}
	h4, .h4{
		font-size:18px;	
        line-height: 1.3;
	}
	.jumbotron p{
		font-size:18px;	
	}	
	.page-aside{
		display:none;
	}
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) 
{ 
	body{ 
		overflow-x:hidden;
	}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {  
	
	body{ 
	    padding-top: 110px;
		overflow-x:hidden;
	}
		
	h1, .h1{
		font-size:18px;	
	}
	h2, .h2{
		font-size:18px;	
	}
	
	.jumbotron p{
		font-size:16px;	
	}	
    .show_mobile{
        display:block;        
    }
    .hide_mobile{
        display:none;        
    }
    
}
 
/* Landscape phones and down */
@media (max-width: 480px) {  
			    
    h1, .h1{
		font-size:15px;	
	}
    
	#menuP{
		float:left;
	}    
}

/*
@media(orientation:portrait){

	#kreise_hori {
		display:block;
	}
	#kreise {
		display:none;
	}
}
@media(orientation:landscape){
			
	#kreise_hori {
		display:none;
	}
	#kreise {
		display:block;
	}
}
*/

.hideIt {
	border: 0;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.frc-captcha {
    max-width: 330px;
}