.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:#FFFFFF;
	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:#42B8AB;
	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:#FFFFFF;
	font-family:verdana;
	float:left;
	height:28px;
	cursor:pointer;
}

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

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

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

.navigationsubitem{
	background-color:#42B8AB;
	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:#42b8ab;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(25%, #42B8AB), color-stop(50%, #42B8AB), color-stop(75%, #42B8AB), color-stop(100%, #42B8AB));
	background:-webkit-linear-gradient(top, #42B8AB 25%, #42B8AB 50%, #42B8AB 75%, #42B8AB 100%);
	background:-moz-linear-gradient(top, #42B8AB 25%, #42B8AB 50%, #42B8AB 75%, #42B8AB 100%);
	background:-ms-linear-gradient(top, #42B8AB 25%, #42B8AB 50%, #42B8AB 75%, #42B8AB 100%);
	background:-o-linear-gradient(top, #42B8AB 25%, #42B8AB 50%, #42B8AB 75%, #42B8AB 100%);
	background:linear-gradient(top, #42B8AB 25%, #42B8AB 50%, #42B8AB 75%, #42B8AB 100%);
	border-right:solid 5px #FFFFFF;
	margin:0px;
	padding:0px;
	letter-spacing:#FFFFFF;
	height:42px;
	width:150px;
}

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

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

.navigationtop{
	margin:0px;
	padding:0px;
	letter-spacing:#FFFFFF;
}

.navigationsub{
	margin:0px;
	padding:0px;
	letter-spacing:#FFFFFF;
}

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

.body{
	background-color:#42B8AB;
	font-size:12px;
	color:#333333;
	font-family:Verdana !important;
	letter-spacing:#FFFFFF;
}


/* Schriftgröße & Farbe */

body {
	font-family: Source Sans Pro !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: #000000;
}

h1 {
    color: #000000;
  	margin-top: 0em;
  	margin-bottom: 1em; 
    font-family: Source Sans Pro !important;
  	font-weight: bold;
}

.h4, h4 {
    font-size: 20px;
    color: #000000;
    font-family: Source Sans Pro !important;
}

.h3, h3 {
    font-size: 20px;
    color: #000000;
    font-family: Source Sans Pro !important;
    font-weight: bold;
}

/* 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: 15px;
}
.header-container-fluid {
    padding-left: 0px;
    padding-right: 0px;    
}
.header-row {
    margin-top: 0px !important;
}
.row {
    margin-right: 0px !important;
    margin-left: 0px !important;
    margin-top: 0px !important;
}
}

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


/*Login-Button */
@media (min-width: 768px) {
a.menu-login {
  	background-color: #ffcc00;
  	border: 0px;
  	border-radius: 0px;
  	color: #ffffff;
    padding: 10px !important;
    margin-left: 15px;
    margin-right: 15px;
  	box-shadow: rgb(136, 136, 136) 0.1em 0.1em 4px;
	}
}

/*Anmeldebutton*/
#anmeldebutton {
    background-color: #ffcc00;
    color: #ffffff;
    display: block;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    text-decoration: none;
  	font-weight: bold;
    width: 234px;
    text-align: center;
  	box-shadow: rgb(136, 136, 136) 0.1em 0.1em 4px;
  	margin-left: auto;
  	margin-right: auto;
}

#anmeldebutton:hover {
  	background-color: #ededed;
  	color: #000000;
}

/*blauen Rahmen um Eingabefelder entfernen*/
.form-control:focus {
  border-color:#ccc;
  box-shadow: none;
  -webkit-box-shadow: none;    
}

/* Spacer div */

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

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

/* Schatten um Listen entfernen */

.list-group {
    box-shadow: none;
    margin-bottom: 0px;
}

/* Listenelemente Abstände anpassen */

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

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

#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 #ededed;
}

.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;
   background-color: #ffffff;
   margin: 0px;
}
}

.nav>li>a {
    position: relative;
    display: block;
    margin: 10px 15px;
  	font-family: Source Sans Pro !important;
  	font-size: 18px;
}

button.navbar-toggle {
    /*background-color: #ededed;*/
}

#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: #000000;
}
#custom-bootstrap-menu.navbar-default {
    font-size: 16px;
    /*background-color: #ffffff;*/
    border-bottom-width: 0px;
}
#custom-bootstrap-menu.navbar-default .navbar-nav-custom>li>a {
    /*color: #000000;
    background-color: #ffffff;*/
}
#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: #ededed;
}
#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: #ededed;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #ededed;
}
#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: #FFCC00;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #FFCC00;
}

div#bs-example-navbar-collapse-1 {
    text-transform: uppercase;
    letter-spacing: 0px;
}

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

.menu-login::before {
   font-family: FontAwesome;
   display: inline-block;
   /*content: "\f090";*/
   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) {

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

/* Buttons */

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

.sharp { 
  color: #ffffff; 
  background-color: #FFCC00;
  border-color: #000000;
  box-shadow: rgb(136, 136, 136) 0.1em 0.1em 4px;
} 
 

.sharp:focus, 
.sharp:active, 
.sharp.active, 
.open .dropdown-toggle.sharp { 
  color: #FFFFFF; 
  background-color: #FFCC00; 
  border-color: #FFCC00; 
}

.sharp:hover {
  	background-color: #ededed;
  	color: #000000;
    }
      
.btn {
    margin-top: 20px;
    margin-bottom: 10px;
    border: 0px !important;
    height: 46px;
    line-height: 46px;
  	padding: 0px 0px;
  	font-size: 18px;
  	font-weight: bold;
}

.btn:active:focus {
      outline: 0px;
    }

.btn:focus {
      outline: 0px;
    }

.btn:active {
  	  box-shadow: none;
  	  -webkit-box-shadow: none;
    }        
             
.btn-primary {
    background-color:#ffcc00;
    border-color:#ffcc00;
}

.btn-primary:active:focus {
    background-color:#ffcc00;
    border-color:#ffcc00;
}

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

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

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

/*Footer */
.footer {
  	margin-top: 0.5em;
  }

/* Eingabefelder Login-Seite */
.form-control {
  	border-radius: 0px;
    border-color: #ededed;
    box-shadow: none;
  }

.form-control:focus {
    border-color: #ededed;
    box-shadow: none;
  }
/* Startseite */

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

.list-group-item {
  padding: 0px 0px;
  }

@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: Source Sans Pro !important;
}
    
/* FAQ */
/*List-Marker-Farbe*/
/*.panel-collapse > .panel-body > ul > li::marker {*/
ul > li::marker {
	color:#ffcc00;
}

font > li::marker {
	color:#ffcc00;
}

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

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

.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: #000000;
  }

.nomargin {
    margin: 0px !important;
}

.empty-list-text {
    color: #000000;
    margin-top: 30px;
    margin-bottom: 5px !important;
    font-size: 16px !important;
    font-family: Source Sans Pro !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 #FFCC00 !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;
}

.change-password-label {
  padding-bottom: 0px;
  margin-bottom: px;
  }
    
/* 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: #FFCC00;
}

.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;
}
*/

/* Buttons im Profil - Icon einfärben */

.profile-buttons:hover:before {
    color: #FFFFFF;
}