.surveylist-table-2{
	margin-top:2em;
	margin-right:auto;
	margin-left:auto;
	font-family:Verdana, Geneva, sans-serif;
	width:80%;
	border-collapse:collapse;
	border-spacing:0;
}

.registration{
	background-color:#00B1EB;
	padding:40px 25px;
	text-decoration: none;
	color:#FFFFFF;
	font-family:verdana;
	text-align:center;
	display:block;
	resize:horizontal;
	width:auto;
}

.texttable2{
	font-size:12px;
	color:#1D1B10;
	font-family:Verdana !important;
	overflow:hidden;
	height:600px;
	width:960px;
}

.surveytable{
	border:solid #000000;
	font-size:12px;
	color:#1D1B10;
	font-family:Verdana !important;
	overflow:hidden;
	height:20px;
}

.surveytable2{
	border:solid #000000;
	font-size:12px;
	color:#1D1B10;
	font-family:Verdana !important;
	overflow:hidden;
	height:20px;
}

.text{
	padding-right:10px;
	font-family:Verdana !important;
	overflow:hidden;
}

.profile-frame{
	overflow:hidden;
	height:760px;
	width:980px;
}

.logintextbox{
	padding-top:2px;
	font-size:11px;
	font-family:verdana;
	vertical-align:middle;
	height:16px;
	width:200px;
}

#logmein{
	background-color:#E5322C;
	margin-bottom:10px;
	padding:10px;
	color:#FFFFFF;
	font-family:Verdana;
}

.errormessage{
	color:#FF3300;
}

.loginname{
	font-weight:bold;
	color:#E54C75;
	font-family:Verdana;
}

.embeddedsurvey{
	height:300px;
	width:960px;
}

li{
	margin:5px 0px;
	font-size:12px !important;
	font-family:verdana !important;
}

h2{
	margin-top:25px;
	font-weight:normal;
	font-size:14px;
	font-family:Verdana !important;
}

h1{
	margin-top:30px;
	margin-bottom:5px;
	font-size:24px;
	font-family:Verdana !important;
}

p{
	margin-top:30px;
	margin-bottom:5px;
	font-size:12px;
	font-family:Verdana !important;
}

.loginlabel{
	padding-bottom:3px;
	font-weight:bold;
	font-style:normal;
	font-size:12px;
	color:#FFFFFF;
	font-family:Verdana;
	text-align:left;
}

.loginlabeltop{
	padding-right:3px;
	font-size:11px;
	color:#333333;
	font-family:Verdana;
	text-align:left;
}

.loggedinstatus{
	padding-left:15px;
	font-weight:bold;
	color:#7FD546;
	font-family:Verdana;
}

.redeempoint{
	padding-left:15px;
	font-weight:bold;
	font-size:16px;
	color:#E54C75;
	font-family:Verdana;
}

.hyperlink{
	text-decoration: none;
	color:#FFFFFF;
	font-family:verdana;
}

.hyperlinktop{
	text-decoration: none;
	color:#FFFFFF;
	font-family:verdana;
	display:none;
	visibility:hidden;
}

.loginbutton{
	background-color:#FFFFFF;
	margin-top:8px;
	margin-bottom:15px;
	padding:3px 10px;
	color:#333333;
	font-family:verdana;
	float:left;
	height:28px;
	cursor:pointer;
}

.loginbuttontop{
	background-color:#FFFFFF;
	border:solid 1px #BBBBBB;
	margin-left:10px;
	padding:3px 10px;
	color:#333333;
	font-family:verdana;
	float:left;
	height:28px;
	cursor:pointer;
}

.navigationdynamichover{
	background-color:#00B1EB;
	border-right:solid 5px #FFFFFF;
	margin:0px;
	padding:0px;
}

.navigationtopitem{
	background-color:#6F6F6F;
	border-right:solid 5px #FFFFFF;
	margin:0px;
	padding:0px;
	height:42px;
	width:150px;
}

.navigationsubitem{
	background-color:#DEDEDE;
	border:none #E54C75;
	margin-top:2px;
	margin-left:-5px;
	font-size:11px;
	color:#E54C75;
	font-family:Verdana;
	height:42px;
	width:150px;
}

.login{
	font-size:11px;
	color:#333333;
	font-family:verdana;
}

.logout{
	padding-top:15px;
	padding-bottom:15px;
	font-weight:bold;
	font-size:15px;
	color:#333333;
	font-family:Verdana !important;
}

.loginerror{
	font-weight:bold;
	font-size:15px;
	color:#333333;
	font-family:verdana;
}

.navigationtopselected{
	background-color:#00B1EB;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(25%, #00B1EB), color-stop(50%, #00B1EB), color-stop(75%, #00B1EB), color-stop(100%, #00B1EB));
	background:-webkit-linear-gradient(top, #00B1EB 25%, #00B1EB 50%, #00B1EB 75%, #00B1EB 100%);
	background:-moz-linear-gradient(top, #00B1EB 25%, #00B1EB 50%, #00B1EB 75%, #00B1EB 100%);
	background:-ms-linear-gradient(top, #00B1EB 25%, #00B1EB 50%, #00B1EB 75%, #00B1EB 100%);
	background:-o-linear-gradient(top, #00B1EB 25%, #00B1EB 50%, #00B1EB 75%, #00B1EB 100%);
	background:linear-gradient(top, #00B1EB 25%, #00B1EB 50%, #00B1EB 75%, #00B1EB 100%);
	border-right:solid 5px #FFFFFF;
	margin:0px;
	padding:0px;
	height:42px;
	width:150px;
}

.navigationsubselected{
	background-color:#DDDDDD;
	border:dashed 2px #6BB23B;
	margin-top:2px;
	height:42px;
	width:150px;
}

.navigationstatichover{
	background-color:#00B1EB;
	border-right:solid 5px #FFFFFF;
	margin:0px;
	padding:0px;
	height:42px;
	width:150px;
}

.navigationtop{
	margin:0px;
	padding:0px;
}

.navigationsub{
	margin:0px;
	padding:0px;
}

.navigation{
	margin:0px;
	padding:0px;
	font-size:14px;
	color:#FFFFFF;
	font-family:Verdana;
	text-align:center;
	vertical-align:middle;
}

.body{
	background-color:#EFEFEF;
	font-size:12px;
	color:#333333;
	font-family:Verdana !important;
}

/* Schriftgröße & Farbe */

body {
	font-family: Verdana !important;
    color: #000000;
}

@media (max-width: 768px) {
    body{font-size: 16px !important;}
	p {
  	font-size: 16px !important;
    margin-top: 1em !important;
	}
    li{font-size: 16px !important;}
}

@media (min-width: 768px) {
    body{font-size: 14px !important;}
	p{
  	font-size: 14px !important;
	margin-top: 1em !important;
	}
    li{font-size: 14px !important;}
}

a {
    color: #e4013a;
}

h1 {
    color: #e4013a;
  	margin-bottom: 30px !important;
}

.h4, h4 {
    font-size: 20px;
    color: #000000;
}

.h3, h3 {
    font-size: 20px;
    color: #e4013a;
}

/* Formulare responsiv machen */

table.formgroup > tbody > tr > td > table {
    width: 100%;
}

table.formgroup {
width: 100%;
}

.change-password-label {
    text-align: center;
    padding-bottom: 15px;
  }

table.formgroup.update-password-table > tbody > tr > td > table > tbody > tr > td {
    display: block;
}

iframe {
	width: 100% !important;
    min-height: 500px;
} 

.profile-frame {
    width: 100% !important;
}

/* Abstände auf mobilen Endgeräten verkleinern */
@media (max-width: 768px) {
#wrapper {
    margin-top: 0px !important;
}

.well {
    padding: 0px !important;
    margin-bottom: 20px;
}
.header-container-fluid {
    padding-left: 0px;
    padding-right: 0px;    
}
.header-row {
    margin-top: 0px !important;
}
.row {
    margin-right: 0px !important;
    margin-left: 0px !important;
}
}

@media (min-width: 768px) {
.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
  }
}

/* Spacer div */

.divider-10 { 
width:100%; 
min-height:1px; 
margin-top:15px; 
margin-bottom:15px;  
display:inline-block; 
position:relative;
}

/* hr umfärben */
hr {
    border-color: #e4013a;
}

/* Schatten um Listen entfernen */

.list-group {
    box-shadow: none;
}

/* Listenelemente Abstände anpassen */

p.list-group-item-text {
    margin-top: 15px;
    margin-bottom: 25px;
}

/* Größe des Container auf Headergröße anpassen */

.row {
    margin-top: 15px;
}

#wrapper {
	box-shadow:0 0 8px rgba(0,0,0,0.25);
    margin-top: 15px;
}

#wrapper.well {
	background:#fff;
	border-radius:0;
}

.well {
    padding-top: 0px !important;
    border: 0px solid #e3e3e3;
}

.footer {
    text-align: center;
    margin-top: -25px;
  }

/* Jumbotron transparent */

.jumbotron {
    background-color:transparent !important; 
}

/* Kein Rahmen um Tabellen */

.list-group-item.noborder {
    border: 0px solid;
}

/* Custom Navigation Bar */

@media (min-width: 768px) {
.navbar-nav>li {
    float: none;
}
  
  .navbar {
   border: 0px solid transparent;
   border-radius: 0px;
}
}

button.navbar-toggle {
    background-color: #ffffff;
}

#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: #ffffff;
}
#custom-bootstrap-menu.navbar-default {
    font-size: 16px;
    background-color: #e4013a;
    border-bottom-width: 0px;
}
#custom-bootstrap-menu.navbar-default .navbar-nav-custom>li>a {
    color: #FFFFFF;
    background-color: #e4013a;
}
#custom-bootstrap-menu.navbar-default .navbar-nav-custom>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav-custom>li>a:focus {
    color: #000000;
    background-color: #e3e3e3;
}
#custom-bootstrap-menu.navbar-default .navbar-nav-custom>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav-custom>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav-custom>.active>a:focus {
    color: #FFFFFF;
    background-color: #e4013a;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #e4013a;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #ffffff;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #e4013a;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #e4013a;
}

div#bs-example-navbar-collapse-1 {
    line-height: 2.5em;
    text-transform: uppercase;
    letter-spacing: 2px;
}

#bs-example-navbar-collapse-1 > ul > li {
    font-size: 15px !important;
}

.menu-login::before {
   font-family: FontAwesome;
   content: "\f090";
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
   font-size: 1.5em;
   margin-bottom: -2px;
   margin-top: -2px;
}

.hide-navigation-item {
    display: none !important;
}

@media (min-width: 768px) {

a.menu-login {
    border: 1px solid;
    border-radius: 4px;
    padding: 0px !important;
    margin-left: 15px;
    margin-right: 15px;
}

.menu-login-li {
    background-color: #e4013a;
  }
}

/* Buttons */

.btn.sharp {
  border-radius:0;
  padding: 14px 28px;
  letter-spacing: 1px;
}

.sharp { 
  color: #FFFFFF; 
  background-color: #e4013a;
  border-color: #e4013a;
} 
 
.sharp:hover, 
.sharp:focus, 
.sharp:active, 
.sharp.active, 
.open .dropdown-toggle.sharp { 
  color: #000000; 
  background-color: #e3e3e3; 
  border-color: #e3e3e3; 
} 

.btn {
    margin-top: 20px;
    margin-bottom: 10px;
    border: 0px solid transparent !important;
}

@media (min-width: 768px) {
.profile-buttons {
    min-width: 280px;
}
}

@media (max-width: 768px) {
.profile-buttons {
    width: 100%;
}
}

.btn-left {
    text-align: left;
}

/* Startseite */

.list-group-item-howitworks {
  padding-left: 0px !important;
  }

@media (max-width: 768px) {
.custom-jumbotron {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

@media (min-width: 768px) {
.custom-jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}

.h4, h4 {
    font-family: Verdana !important;
}
    
/* FAQ */

.panel-default>.panel-heading {
    color: #ffffff;
    background-color: #e4013a;
    border-color: #e4013a;
    background-image: none;
}

.panel-group .panel {
    border-radius: 0px;
}
    
.panel-default {
    border-color: #e4013a;
}

.panel, .panel-heading, .panel-default {
      border-radius: 0px;
}

.plus-faq::before {
    font-family: FontAwesome;
    content: "\f067";
    display: inline-block;
    padding-right: 8px;
    vertical-align: middle;
    font-size: 1.5em;
    margin-bottom: 5px;
    color: #ffffff;
}
    
.minus-faq::before {
    font-family: FontAwesome;
    content: "\f068";
    display: inline-block;
    padding-right: 8px;
    vertical-align: middle;
    font-size: 1.5em;
    margin-bottom: 5px;
    color: #ffffff;
}

.panel-title > a:hover, .panel-title > a:focus  {
    text-decoration: none;
}

@media (max-width: 768px) {
.panel-collapse > .panel-body > ul {
    margin-left: -25px;
}

.panel-collapse > .panel-body > ul > li {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
}

i.fa.fa-plus {
    margin-right: 5px;
}

i.fa.fa-minus {
    margin-right: 5px;
}

/* Survey Liste */

.bold-title {
  font-weight: bold;
  color: #e4013a;
  }

.nomargin {
    margin: 0px !important;
}

.empty-list-text {
    color: #e4013a;
    margin-top: 30px;
    margin-bottom: 5px !important;
    font-size: 16px !important;
    font-family: Verdana !important;
    padding-bottom: 20px;
}

.list-group-item:first-child {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.list-group-item:last-child {
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.survey-list-title {
    font-size: 16px;
  }

.survey-list-group-item {
    padding-top: 20px;
  }

.survey-list-button::before {
    font-family: FontAwesome;
    content: "\f075";
    display: inline-block;
    padding-right: 8px;
    vertical-align: middle;
    font-size: 1.5em;
    margin-bottom: 5px;
    color: #ffffff;
}
    
/* Mein Bereich */

@media (min-width: 768px) {
.menu-block {
    min-height: 60px;
}
}

.page-header {
    border-bottom: 1px solid #e4013a !important;
}
    
.update-profile-button::before {
    font-family: FontAwesome;
    content: "\f044";
    display: inline-block;
    padding-right: 8px;
    vertical-align: middle;
    font-size: 1.5em;
    margin-bottom: 5px;
    color: #ffffff;
}
        
.delete-profile-button::before {
    font-family: FontAwesome;
    content: "\f235";
    display: inline-block;
    padding-right: 8px;
    vertical-align: middle;
    font-size: 1.5em;
    margin-bottom: 5px;
    color: #ffffff;
}
            
.change-password-button::before {
    font-family: FontAwesome;
    content: "\f084";
    display: inline-block;
    padding-right: 8px;
    vertical-align: middle;
    font-size: 1.5em;
    margin-bottom: 5px;
    color: #ffffff;
}
    
/* Icon vor Listenelement */

.arrow-list::before {
    font-family: FontAwesome;
    content: "\f105";
    display: inline-block;
    padding-right: 8px;
    vertical-align: middle;
    font-size: 1.5em;
    margin-bottom: 2px;
    color: #e4013a;
}

.arrow-list-white::before {
    font-family: FontAwesome;
    content: "\f105";
    display: inline-block;
    padding-right: 8px;
    vertical-align: middle;
    font-size: 1.5em;
    margin-bottom: 2px;
    color: #ffffff;
}

/* Galerie */

.carousel-control.left, .carousel-control.right {
    background: none !important;
}

#carousel-example-generic {
    margin: 20px auto;
    width: 400px;
}

#carousel-custom {
    margin: 20px auto;
    width: 400px;
}
#carousel-custom .carousel-indicators {
    margin: 10px 0 0;
    overflow: auto;
    position: static;
    text-align: center;
    white-space: nowrap;
    width: 100%;
}
#carousel-custom .carousel-indicators li {
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    height: auto;
    margin: 0 !important;
    width: auto;
    border: solid 1px lightgrey;
}
#carousel-custom .carousel-indicators li img {
    display: block;
    opacity: 0.5;
}
#carousel-custom .carousel-indicators li.active img {
    opacity: 1;
}
#carousel-custom .carousel-indicators li:hover img {
    opacity: 0.75;
}
#carousel-custom .carousel-outer {
    position: relative;
}

.carousel-right-arrow:before {
    font-family: FontAwesome;
    content: "\f054";
    display: inline-block;
    vertical-align: middle;
    font-size: 1em;
}
    
.carousel-left-arrow:before {
    font-family: FontAwesome;
    content: "\f053";
    display: inline-block;
    vertical-align: middle;
    font-size: 1em;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img {
    width: 100%;
}

#carousel-custom {
    width: 100%;
}

/* Early Bird ausblenden */

.hide-eb {
	display:none;
}

/* Punktestand ausblenden */

/*
.hide-points {
	display:none;
}
*/