/* Titelfarbe erstmal weiß, nur bei Bedarf ändern */
.veranstaltungs-box, .veranstaltungs-box a {
  color:#ffffff;
}

.veranstaltungs-box {
  min-height: 150px;position: relative;
}

.veranstaltungs-box .title {
  position: absolute;
  bottom: 5px;
  color: #fff;
}

.veranstaltungs-box h2, .veranstaltungs-box h3 {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 1.7rem;
  font-weight:700;
  padding: 0 12px 0 22px;
}

.veranstaltungs-box .title h3 a {
  background-color: transparent;
}

.veranstaltungs-box .title h5 {
  clear: both;
  min-height: 30px;
  padding: 0 12px 0 22px;
}

.veranstaltungs-box hr {
  border-color: #fff;
  float: left;
  margin: 1px 0 1px 0;
  border-top-width: 4px;
  width: 15px;
}

/*
FACHDIALOG 0,127,152 
JAHRESKONGRESS_MESSE 0,87,162  
FUTURE_REAL_ESTATE 75 ,37,129
IMMOBILIENDIALOG 45,73,86
WOHNDIALOG  0,144,54
HANDELSDIALOG  159,0,78
REGIONENDIALOG 225,146,0
*/

/* Farbklasse .format-color */
.FACHDIALOG .format-color {  color: rgb(0,127,152);}  /*0,159,227*/
.DIALOG_FORUM .format-color {  color: rgb(0,127,152);}  /*0,159,227*/
.HANDELSDIALOG .format-color {  color:rgb(159,0,78);} /*227,6,19*/
.IMMOBILIENDIALOG .format-color {  color:rgb(45,73,86);} /*131,147,156*/
.JAHRESKONGRESS_MESSE .format-color {  color:rgb(0,87,162); } /*0,85,164*/
.MASTERTALK .format-color {  color:#96c11f; }
.MOBILDIALOG .format-color {  color:rgb(255, 102, 51); }
.REGIONENDIALOG .format-color {  color:rgb(225,146,0);} /*251,185,0*/
.WOHNDIALOG .format-color  {  color:rgb(0,144,54); } /*0, 150, 64*/
.FUTURE_REAL_ESTATE .format-color  {  color:rgb(75,37,129); }


/* Farbdefinitionen für Formate */
.FACHDIALOG .veranstaltungs-box {  background-color: rgb(0,127,152);} /*0, 159, 227*/
.DIALOG_FORUM .veranstaltungs-box {  background-color: rgb(0,127,152);} /*0, 159, 227*/
.HANDELSDIALOG .veranstaltungs-box {  background-color:rgb(159,0,78);}
.IMMOBILIENDIALOG .veranstaltungs-box {  background-color:rgb(45,73,86);}
.JAHRESKONGRESS_MESSE .veranstaltungs-box {  background-color:rgb(0,87,162); }
.MASTERTALK .veranstaltungs-box {  background-color:#96c11f; }
.MOBILDIALOG .veranstaltungs-box, .MOBILDIALOG .veranstaltungs-box a {  background-color:rgb(255, 102, 51); }
.REGIONENDIALOG .veranstaltungs-box {  background-color:rgb(225,146,0);}
.WOHNDIALOG .veranstaltungs-box, .WOHNDIALOG .veranstaltungs-box a  {  background-color:rgb(0,144,54); }
.FUTURE_REAL_ESTATE .veranstaltungs-box, .FUTURE_REAL_ESTATE .veranstaltungs-box a  {  background-color:rgb(75,37,129); }

/* Farbdefinitionen Veranstaltungen Detailsseite -> Veranstaltungs-Header*/
.FACHDIALOG .veranstaltungs-box.opacity {  background-color: rgba(0,127,152, 0.95);}  /*0, 159, 227*/
.DIALOG_FORUM .veranstaltungs-box.opacity {  background-color: rgba(0,127,152, 0.95);}  /*0, 159, 227*/
.HANDELSDIALOG .veranstaltungs-box.opacity {  background-color:rgba(159,0,78, 0.95);}
.IMMOBILIENDIALOG .veranstaltungs-box.opacity {  background-color:rgba(45,73,86, 0.95);}
.JAHRESKONGRESS_MESSE .veranstaltungs-box.opacity {  background-color:rgba(0,87,162, 0.95);}
.MASTERTALK .veranstaltungs-box.opacity {  background-color:rgba(150, 193, 31, 0.95);}
.MOBILDIALOG .veranstaltungs-box.opacity {  background-color:rgba(255, 102, 51, 0.95);}
.REGIONENDIALOG .veranstaltungs-box.opacity {  background-color:rgba(225,146,0, 0.95);}
.WOHNDIALOG .veranstaltungs-box.opacity {  background-color:rgba(0,144,54, 0.95);}
.FUTURE_REAL_ESTATE .veranstaltungs-box.opacity {  background-color:rgba(75,37,129, 0.95);}


/* Farbdefinitionen Veranstaltungen Detailsseite -> Zwischentitel. Primary bekommen auch die Format-Background color */
#veranstaltung-detailseite.FACHDIALOG .module-title {  color: rgb(0,127,152);}  /*0, 159, 227*/
#veranstaltung-detailseite.DIALOG_FORUM .module-title {  color: rgb(0,127,152);}  /*0, 159, 227*/
#veranstaltung-detailseite.HANDELSDIALOG .module-title {  color: rgb(159,0,78);}
#veranstaltung-detailseite.IMMOBILIENDIALOG .module-title {  color:rgb(45,73,86);}
#veranstaltung-detailseite.JAHRESKONGRESS_MESSE .module-title {  color:rgb(0,87,162); }
#veranstaltung-detailseite.MASTERTALK .module-title {  color:rgb(150, 193, 31); }
#veranstaltung-detailseite.MOBILDIALOG .module-title, 
.MOBILDIALOG .module-title a {  color:rgb(255, 102, 51);}
#veranstaltung-detailseite.REGIONENDIALOG .module-title {  color:rgb(225,146,0);}
#veranstaltung-detailseite.WOHNDIALOG .module-title, 
.WOHNDIALOG .module-title a {  color:rgb(0,144,54);}
#veranstaltung-detailseite.WOHNDIALOG .module-title {  color:rgb(0,144,54); }
.FUTURE_REAL_ESTATE .module-title a {  color:rgb(75,37,129);}
#veranstaltung-detailseite.FUTURE_REAL_ESTATE .module-title {  color:rgb(75,37,129); }





#veranstaltung-detailseite .img-label {
  padding:8px;
}


#veranstaltung-detailseite .img-avatar-wrapper {
  line-height: 110px;
  width:110px;
  height:110px;
  margin: 0 auto;
}

#veranstaltung-detailseite .img-avatar-wrapper img {
  display: inline;
  width:100%;
  max-height:100%;
 /* padding:2px; */
}

#veranstaltung-detailseite .kontakte .img-avatar-wrapper {
  /*line-height: 118px;*/
  width:118px;
  height:118px;
  margin: 0 auto;
}

#veranstaltung-detailseite .sprecher-modul .img-avatar-wrapper {
  width:140px;
  height:140px;
  margin: 0 auto;
}


#veranstaltung-detailseite .partner-modul .img-avatar-wrapper img {
  padding:5px;
}





#veranstaltung-detailseite .img-avatar-wrapper-border {
  border: 1px solid #e0e0e0;
  border-radius: 2px;
}

#veranstaltung-detailseite .img-avatar-wrapper-border img {
  border-radius : 2px;
}









/* Buttons innerhalb der Formate definieren */
.FACHDIALOG .btn-primary, 
.FACHDIALOG .btn-primary:active, 
.FACHDIALOG .btn-primary:visited, 
.FACHDIALOG .btn-primary:link, 
.FACHDIALOG .btn-primary:hover {  
  background-color: rgb(0,127,152);  /*0, 159, 227*/
  color:white !important;
}

.DIALOG_FORUM .btn-primary, 
.DIALOG_FORUM .btn-primary:active, 
.DIALOG_FORUM .btn-primary:visited, 
.DIALOG_FORUM .btn-primary:link, 
.DIALOG_FORUM .btn-primary:hover {  
  background-color: rgb(0,127,152);  /*0, 159, 227*/
  color:white !important;
}


.FUTURE_REAL_ESTATE .btn-primary, 
.FUTURE_REAL_ESTATE .btn-primary:active, 
.FUTURE_REAL_ESTATE .btn-primary:visited, 
.FUTURE_REAL_ESTATE .btn-primary:link, 
.FUTURE_REAL_ESTATE .btn-primary:hover {  
  background-color: rgb(75,37,129);
  color:white !important;
}


.HANDELSDIALOG .btn-primary, 
.HANDELSDIALOG .btn-primary:active, 
.HANDELSDIALOG .btn-primary:visited, 
.HANDELSDIALOG .btn-primary:link, 
.HANDELSDIALOG .btn-primary:hover {  
  background-color:rgb(159,0,78); 
  color:white !important;
}
.IMMOBILIENDIALOG .btn-primary, 
.IMMOBILIENDIALOG .btn-primary:active, 
.IMMOBILIENDIALOG .btn-primary:visited, 
.IMMOBILIENDIALOG .btn-primary:link, 
.IMMOBILIENDIALOG .btn-primary:hover { 
  background-color:rgb(45,73,86); 
  color:white !important;
}
.JAHRESKONGRESS_MESSE .btn-primary, 
.JAHRESKONGRESS_MESSE .btn-primary:active, 
.JAHRESKONGRESS_MESSE .btn-primary:visited, 
.JAHRESKONGRESS_MESSE .btn-primary:link, 
.JAHRESKONGRESS_MESSE .btn-primary:hover {  
  background-color:rgb(0,87,162);  
  color:white !important;
}
.MASTERTALK .btn-primary, 
.MASTERTALK .btn-primary:active, 
.MASTERTALK .btn-primary:visited, 
.MASTERTALK .btn-primary:link, 
.MASTERTALK .btn-primary:hover {  
  background-color:rgb(150, 193, 31); 
  color:#00386a; 
  color:white !important;
}
.MOBILDIALOG .btn-primary, 
.MOBILDIALOG .btn-primary:active, 
.MOBILDIALOG .btn-primary:visited, 
.MOBILDIALOG .btn-primary:link, 
.MOBILDIALOG .btn-primary:hover {  
  background-color:rgb(255, 102, 51);
  color:white !important;
}
.REGIONENDIALOG .btn-primary, 
.REGIONENDIALOG .btn-primary:active, 
.REGIONENDIALOG .btn-primary:visited, 
.REGIONENDIALOG .btn-primary:link, 
.REGIONENDIALOG .btn-primary:hover {  
  background-color:rgb(225,146,0); 
  color:white !important; 
  font-weight:bold;
}
.WOHNDIALOG .btn-primary, 
.WOHNDIALOG .btn-primary:active, 
.WOHNDIALOG .btn-primary:visited, 
.WOHNDIALOG .btn-primary:link, 
.WOHNDIALOG .btn-primary:hover {  
  background-color:rgb(0,144,54); 
  color:white !important;
}

.IZKARRIERE .btn-primary,
.IZKARRIERE .btn-primary:active,
.IZKARRIERE .btn-primary:visited,
.IZKARRIERE .btn-primary:link,
.IZKARRIERE .btn-primary:hover {  
  background-color:#15b9d7; 
  color:white !important;
}

/* Body */
.veranstaltung-body 
{
  color:#999;
  min-height: 300px;
  background-color: #f4f4f4;
  padding: 20px;
}

.veranstaltung-body h4 a 
{
  color:#999;
  text-decoration: none;
  margin-left:0px;
}

.veranstaltung-body h4
{
  margin-top:0px;
}

.veranstaltung-body h4 span#event-date{
  font-size: 1.8em !important;
  font-weight: bold;
}

.veranstaltung-info, .veranstaltung-info p a 
{
  color:#777;
}

.veranstaltung-info p.btn {
  padding: 0;
}
.veranstaltung-info p a {
  padding: 6px 12px;
  display:block;
  cursor:pointer;
}

@media only screen and (max-width: 991px){
.veranstaltung-info .btn  {
  display: none;
}
}


/* Allgemeine Definitionen */
.right-content {
  margin-left:4%
}

.fix-to-top.right-content {
  top: 10px;
  width: 22%;
  margin-left: 1%;
}

.fix-to-top.left-content {
  top:5px;
  width:20.45%;
  left:52px;
}

div.divider {
  height:1px;
  border-bottom:1px solid #e0e0e0;
  margin-bottom:9px;
}

div.veranstaltung-intro {
  font-size: 1.3rem;
  font-weight: 500;
  margin-bottom:10px;
  margin-top:25px;
  text-align:justify;
}

div.veranstaltung-intro h3 {
  font-size: 2.1rem;
  font-weight: 700;
  margin-bottom:50px;
  margin-top:25px;
  text-align:center;
}

div#angular-content {
  min-height:1200px;
}

div#veranstaltung-detailseite {
  margin-bottom:25px;
}

#veranstaltung-detailseite .module-title {
  font-family: 'Roboto', sans-serif;
  display:block;
  font-size:1.875rem;
  font-style:normal;
  margin-top:90px;
  margin-bottom:20px;
  font-weight: 500;
  text-align:center;
  color:#395ea7;
}

/* TICKETS */

#veranstaltung-detailseite .tickets .ticket {
  background-color: #f7f7f7;
  border: 1px solid #ccc;
  border-radius:2px;
  padding: 16px 16px 40px 16px;
  position: relative;
  margin-bottom:1.2rem;
  height:226px;
  max-height:240px;
}

#veranstaltung-detailseite .tickets .ticket .title-wrapper {
  height: 52px;
  margin: 0;
}

#veranstaltung-detailseite .tickets .ticket h3 {
  margin: 0;
  font-size:1.1875rem;
}

#veranstaltung-detailseite .tickets .ticket .markup-text p.ticket-price {
  color: #aaa;
  font-size: 1.9rem;
  font-weight:500;
  margin: 0px 0 10px;
}

#veranstaltung-detailseite .tickets .ticket .markup-text p em {
  color: #aaa;
  font-size: 0.9rem;
  font-weight:400;
}

#veranstaltung-detailseite .tickets .ticket .buchen {
  bottom: 4px;
  position: absolute;
  right: 4px;
}

#veranstaltung-detailseite .tickets .ticket a {
  color: white;
}




#veranstaltung-detailseite .tickets .ticket .buchen input[type='submit'] {
  background-color: #1caae6;
  border: 1px solid #ddd;
  color: white;
  font-weight: bold;
}

#veranstaltung-detailseite .tickets .ticket .buchen a.buchen{
  border: 1px solid #ddd;
  color: white;
  font-weight: bold;
}

/*
#veranstaltung-detailseite .tickets .ticket .markup-text p.ticket-price:before {
content: '€';
}
*/

/* NEWS UND FREIE MODULE */

div #veranstaltung-detailseite .news-teaser
{
  padding-top: 20px;
}

#veranstaltung-detailseite .news-teaser h3, #veranstaltung-detailseite .news-teaser h3 a
{
  color:#333; 
}

#veranstaltung-detailseite .news-teaser h3 a:hover
{
  color:#06a; 
}

div#veranstaltung-detailseite .nachricht .teaser,
div#veranstaltung-detailseite .free-module .markup-text {
  font-family: 'Roboto', sans-serif;
  font-size:1.1875rem;
}
/*
div#veranstaltung-detailseite .free-module h4 {
  font-size:1.8125rem;
  font-weight:400;
}
*/
div#veranstaltung-detailseite .nachricht {
  margin-bottom:15px;
  margin-top:15px;
  border-bottom:1px dotted gray;
}

div#veranstaltung-detailseite .nachricht:last-child {
  border-bottom:0;
}

div#veranstaltung-detailseite .nachricht .title h3 {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 1.9rem;
  font-weight: 700;
  margin-top:0;
  color: #333;
}

div#veranstaltung-detailseite .nachricht .secondary-title h4 {
  font-family: 'Roboto', sans-serif;
  font-size: 1.185rem;
  font-weight: 500;
  margin-top:0;
  color: #777;
}
div#veranstaltung-detailseite .dokumente .activation,
div#veranstaltung-detailseite .dokumente .paied {
  margin-top:40px;
}
div#veranstaltung-detailseite .dokumente .activation .error {
  color:red;
}

div#veranstaltung-detailseite .dokumente .paied-title {
  margin-bottom:15px;
}

/* Veranstaltungsort */
div#veranstaltung-detailseite .address-markup {
  font-weight: bold;
  /*color: #696969;*/
  border:none; 
  font: inherit;
  /*border is optional*/
  /*border-bottom:1px solid #444;*/
  /*cursor: pointer;*/
}


/* START OF Sprecher-Modul */
@media (max-width: 775px) {
	div#veranstaltung-detailseite .sprecher-modul .sprecher {
 	 	margin-bottom:30px;
	}
}

div#veranstaltung-detailseite .sprecher-modul .sprecher {
  		font-size: 1.15rem;
}

div#veranstaltung-detailseite .sprecher-modul .sprecher img {
 	    margin-bottom:10px;
}

section#sub-events .veranstaltung-body {
    min-height: auto;
}
/* END OF Sprecher-Modul */

@media (max-width: 768px) {
	div.agenda div.vortraege div.details { 
		margin-top:10px; 
	} 
	div.agenda div.vortraege .location { 
		border:none !important; 
	}
}

@media (max-width: 992px) { 
  div.agenda div.vortraege div.details { 
		margin-top:10px; 
	} 
	div.agenda div.vortraege .location { 
		border:none !important; 
	} 
}

div.agenda div.vortraege {
  margin-bottom:25px;
}

div.agenda div.vortragstage {
  margin-bottom:10px;
}

div.agenda div.vortragstage ul {
  margin:auto;
  width:70%;
  padding:0;
}

div.agenda div.vortragstage ul li {
  display:inline-block;
  margin-left:5px;
  height:100px;
  cursor:pointer;
  width:105px;
}

div.agenda div.vortragstage ul li:last {
	margin-left:0px;
}

div.agenda div.vortragstage ul li.inactive {
  opacity:0.7;
}

div.agenda div.vortragstage ul li div.divider {
  border-bottom:1px solid #7ec7d1;
  width:100%;
}

div.agenda div.vortragstage ul li div.day{
  font-size:1.2em;
  font-weight:bold;
  border: 1px solid #7ec7d1;
  border-radius:5px;
  height:80%;
  width:100%;
}

div.agenda div.vortragstage ul li.inactive div.day {
  background-color:#f1f1f1;
  color:#898989;
  border:none;
}

div.agenda div.vortragstage ul li div.month{
  font-size:0.9em;
  text-transform:uppercase;
  height:20%;
}

div.agenda div.vortragstage ul li.inactive div.month{
  color:#9a9a9a;
}

div.agenda div.vortragstage ul li div.long-day{
  height:35%;
  line-height:25px;
  border-bottom:1px solid #7ec7d1;
}

div.agenda div.vortragstage ul li.inactive div.long-day {
  border-bottom:1px solid white;
}

div.agenda div.vortragstage ul li div.short-day{
  font-size:1.7em;
  height:65%;
  line-height:50px;
}

div.agenda div.vortraege {
  color: #565656;
}

div.agenda div.vortraege .ion-ios-location-outline,
div.agenda div.vortraege .ion-android-time {
  color: #7ec7d1;
  font-size: 20px;
}

div.agenda div.vortraege .ion-ios-location-outline {
  font-size: 22px;
}

div.agenda div.vortraege .ion-ios-location-outline:before,
div.agenda div.vortraege .ion-android-time:before {
  min-height: 22px;
}

div.agenda div.vortraege em {
  font-style: normal;
  font-weight: bold;
}

div.agenda div.vortraege div.details {
  min-height: 50px;
  border-color: #7ec7d1 !important;
}

div.agenda div.vortraege div.row.details {
  padding: 15px 0;
}
div.agenda div.vortraege div.thema {
  border: 1px solid #395ea7;
  border-radius: 4px;
  background-color: #395ea7;
  color: #eee;
  font-weight: bold;
  min-height: 50px;
  line-height: 50px;
  position: relative;
}
div.agenda div.vortraege .location { 
  border-left:1px solid #7ec7d1; 
} 
div.agenda div.vortraege .termin { 
  border-right:1px solid #7ec7d1; 
} 
div.agenda div.vortraege div.details div.thema > span {
  display: inline-block;
  line-height: 25px;
  position: absolute;
  top: 50%;
  transform:translateX(-50%) translateY(-50%);
  -ms-transform:translateX(0%) translateY(-50%);
  -webkit-transform:translateX(-50%) translateY(-50%);
  -moz-transform:translateX(-50%) translateY(-50%);
  -o-transform:translateX(-50%) translateY(-50%);
  width: 98%;
}

div.agenda div.vortraege ul.sprecher {
  padding-left: 0;
}

div.agenda div.vortraege ul.sprecher img {
  max-height: 50px;
  max-width: 50px;
  padding: 0 5px;
}

div.agenda div.vortraege ul.sprecher {
  list-style-type:none;
}
div.agenda div.vortraege ul.sprecher li {
  display:inline-blocK;
  margin-left:10px;
}

div.agenda div.vortraege ul.sprecher li:first-child {
  margin-left:0;
}

div.agenda div.more {
  width:100%;
  text-align:center;
}

div.agenda div.more span:last-child {
  vertical-align:middle;
}

div.agenda .hide-agenda-transition {
  -webkit-transition:all linear 0.5s;
  transition:all linear 0.5s;
}
.panel.panel-default.agenda-location {
    min-height: initial;
    background-color: #ccc;
    padding: 1px 15px;
}
h5#sprecher_titel {
  font-size:1.375rem;
}

/*--------------------
Tabs
--------------------*/
.agenda .nav-tabs {
  position: relative;
  margin: 0 0 5px 0;
  border: 0;
}

.agenda .nav-tabs > li {
  float: left;
  margin: 0;
}

.agenda .nav-tabs > li > a {
  margin: 0;
  font-size: 1.0rem;
  text-align: center;
  font-weight: 700;
  color: #999;
  line-height: 2.5rem;
  background: #f5f5f5;
  border: 0;
  border-radius: 0;
}

.agenda .nav-tabs > li.active > a,
.agenda .nav-tabs > li.active > a:hover,
.agenda .nav-tabs > li.active > a:focus {
  color: #fff;
  background-color: #555;
  border: 0;
  cursor: default;
}

.agenda .nav-tabs > li.active > a:after {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top-color: #555;
  border-top-width: 10px;
  border-top-style: solid;
  bottom: -10px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -10px;
  position: absolute;
  width: 0;
}

/*--------------------
Accordion
--------------------*/
div#veranstaltung-detailseite .panel-group .panel-body {
  border-top:0;
}

div#veranstaltung-detailseite .panel {
  -webkit-box-shadow:none;
  box-shadow:none;
}

.agenda .panel,
.agenda .panel-heading {
  min-height:55px; 
}

.agenda .panel {
  border: 0px;
  margin-bottom:5px;
}

.agenda .panel-heading {
  background: #eee;
  overflow: hidden;
  padding: 0rem 0rem 0rem 0rem; 
}

.agenda .panel-heading a.accordion-toggle {
  outline:0;
}

.agenda .panel-body {
  padding: 3rem;
  background: rgba(255, 255, 255, 0.4);
}

.agenda .tab-pane .panel-group {
  margin-bottom: 0;
}

.agenda .agendagruppe.mit-abstand {
  margin-top: 20px;
}

.agenda .glyphicon {
    padding: 1rem 0 1rem 0;
    background: #f5f5f5;
    text-align: center;
    font-size: 1.5rem;
  	top:0;
}

.agenda .panel h4 {
  margin: 0 0 10px 0;
}

.agenda .content ul {
  list-style-type: disc;
  padding-left: 40px;
}
.agenda .content ul ul {
  list-style-type: circle;
}



/*--------------------
Schedule
--------------------*/
.vortrag-time {
  font-size: 1.6rem;
  font-weight: 700;
  color: #777;
  padding-top: 1rem;
  padding-left:0.88rem;
  line-height:28.16px; /* Damit die Spalten nicht Größer werden wenn der Button verschwindet sollte das hier drin bleiben*/
}

.vortrag-title {
  /* margin: 0; */
  font-size: 1.1rem;
  color: #333;
  padding-top: 1.2rem;
  padding-left:1.25rem;
}

.vortrag-speaker ul {
  padding:0.25rem 0 0 0;
  margin: 0;
  list-style-type: none;
}
.vortrag-speaker>ul>li {
	float:left;
	width:38px;
	padding:0;
	margin:0 6px 0 0;
  line-height:50px;
}
.vortrag-speaker>ul>li:last-child {
	margin:0;
}
.vortrag-speaker>ul>li>img {
	margin:0 !important; /* Weil margin-right global definiert wurde */
}
.vortrag-speaker img {
  border: 1px solid #ccc;
  border-radius: 3px;
}

ul.vortrag-speaker-list {
  margin-top: 1rem;
  padding-top: 3rem;
  overflow: hidden;
}
ul.vortrag-speaker-list>li {
  min-height: 200px;
  width:250px;
  display:inline-block;
}
ul.vortrag-speaker-list > strong, .vortrag-speaker-list > b {
  float: left;
  margin: 1.5rem 1.5rem 0 0;
  line-height: 2rem;
  font-size: 1.4rem;
}

ul.vortrag-speaker-list .vortrag-speaker {
  float: left;
  padding: 0 2rem 0 0;
  margin-right: 2rem;
  background: #fff;
  border-radius: 2.5rem;
}

ul.vortrag-speaker-list .vortrag-speaker > img {
  float: left;
  margin-right: 1rem;
}

ul.vortrag-speaker > h4 {
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2rem;
  margin-top: 1.5rem;
}

/* 
	Media Queries zu Schedule
*/
@media only screen and (max-width: 767px) {
  .vortrag-time {
	padding:0.5rem 0;
	text-align:center;
	position:relative;
  }
  .vortrag-title {
	padding:0 0.5rem 0.5rem 0.5rem;
  }
  .vortrag-title>h4 {
	text-align:center;
  }
  .agenda .glyphicon {
	font-size: 1.5rem;
	position:absolute;
	top:0;
	right:0.4rem;
	background: transparent;
	padding:0.5rem 0;
	text-align: right;
  }
  .agenda .panel-body {
	padding:3rem 0;
  }
}

@media only screen and (min-width: 768px) {
  .vortrag-time {
	width:10.433333%;
  }
  .vortrag-title {
	width:81.2%;
  }
}

@media only screen and (min-width: 992px) {
  .vortrag-time {
	width:10.433333%;
  }
  .vortrag-title {
	width:81.2%;
  }
}

@media only screen and (min-width: 1200px) {
  .vortrag-time {
	width:10.433333%;
  }
  .vortrag-title {
	width:64.5%;
  }
}

.content-tabs .inactive.right {
  float:right;
}

.content-tabs .inactive.right a {
	font-size: 24px;
    color: #555;
}
div.partner ul {
  list-style-type:none;
  margin:auto;
  padding:0;
}
div.partner ul li {
  display:inline-block;
  margin: 0 5% 30px 5%;
  vertical-align: middle;
}
#veranstaltung-menu nav.navbar {
  background-color:white;
  border-radius:0;
  border-top:none;
}

#veranstaltung-menu ul.nav li {
  display:inline-block;
}


@media (max-width:767px){

#veranstaltung-menu ul.nav li.menu-element-partner {
   display:none;
 }

}


#veranstaltung-menu.navbar {
  min-height:36px;
  width:100%;
  border-bottom: 1px solid #1A3C6A;
  box-shadow: 0px 07px 15px #DDD;
}

#veranstaltung-menu.affix {
  top:40px;
  background-color:white;
  z-index:2;
}

#veranstaltung-menu .navbar-collapse {
  padding-right:0;
  padding-left:0;
  width: 100%;
}

#module-menu li a {
  font-size:1.1rem;
  font-weight:400;
  position: relative;
  display: block;
  padding: 10px 15px;
  text-decoration:none;
  color: #1A3C6A;
}

#module-menu li a:hover span {
  text-decoration:underline;
}

#module-menu li.selected a {
  color:black;
}


nav.navbar .navbar-toggle {
  border-color:#337ab7;
}

nav.navbar .navbar-toggle .icon-bar {
  background-color: #337ab7;
}



@media (max-width:767px){


  
  #veranstaltung-menu.affix {
	top:0;
  }
  
  nav#veranstaltung-menu.affix .navbar-header {
	border-top:0;
  }
  
  #veranstaltung-menu .navbar-collapse ul {
	text-align:left;
  }
  
  nav.navbar .navbar-header {
    border-top:1px solid #337ab7;
  }
  
}


div.kontakte {
  font-size:1.15rem;
  width:100%;
}

div.kontakte > div {
  margin-top:5px;
  margin-bottom:15px;
}

div.kontakte img {
  margin-right:25px;
}

div.kontakte ul {
  margin:0 auto;
}

div.kontakte ul li {
  display:inline-block;
  padding-right:25px;
  margin-bottom:15px;
}

div.kontakte ul li:last-child {
  margin-right:0;
}

div.kontakte .img-label {
  width:250px;
}

div.kontakte .img-avatar-wrapper {
  margin-bottom:50px; 
  display:inline-block; 
  vertical-align:top;
}

@media only screen and (max-width:768px){
 }

@media only screen and (max-width:500px){
  div.kontakte img {
	margin-right:10px;
	margin-bottom:10px;
  }
  
  div.kontakte ul li {
	text-align:center;
	padding-right:0px;
  }
}

@media only screen and (max-width:345px){
  div.kontakte img {
	margin-right:0px;
	float:none !important;
	margin-bottom:10px;
	text-align:center !important;
  }
  
  div.kontakte ul li {
	text-align:center;
	padding-right:0px;
  }
  
  div.kontakte div.address {
	float:none !important;
	text-align:center !important;
  }
}
div.signup-box {
  background-color: #1caae6;
  padding: 25px;
  margin-bottom: 40px;
  width:100%;
}

div.signup-box .signup-btn-container {
  padding: 15px;
  background-color: white;
}

div.signup-box .signup-btn-container .signup-btn {
  min-width:186px;
  display:block;
  color: #20549d; 
  cursor:pointer;
  font-size: 1.4em;
  font-weight:bold;
  margin-left:0;
  text-decoration:none;
}

div.signup-box .signup-btn-container .signup-btn i {
  margin-left: 5px;
  vertical-align: middle;
}

div.signup-box hr {
  margin: 30px 0 0 0;
  border: 1px solid #47baeb;
  width:100%;
}

div.signup-box a {
  color:white;
}

div.signup-box div a {
  color: #20549d;
}

@media (max-width:768px){
  div.signup-box.mobile {
	margin:10px 0 0 0;
  }
}
div.veranstaltung-header {
  position:relative;
  overflow:hidden;
}

div.veranstaltung-header img {
  position:absolute;
}

div.veranstaltung-header div.content-container div.content {
  position:relative;
  max-height:260px;
  min-height:200px;
  margin-top:20px;
  margin-bottom:20px;
  padding-top:20px;
  padding-left:20px;
  padding-bottom:5px;
  padding-right:20px;
}

div.veranstaltung-header div.content-container div.content hr.event {
  margin-left:-20px;
}

div.veranstaltung-header div.content-container div.content.termin {
  padding-left:0;
  padding-right:0;
}

div.veranstaltung-header div.content-container div.content.termin div.location {
  margin-top:30px;  
}

div.veranstaltung-header div.content-container div.content.termin div.time .start-date,
div.veranstaltung-header div.content-container div.content.termin div.location > div {
  font-size:16px;
  font-weight:bold;
}

div#veranstaltung-detailseite div#veranstaltung-headline h2 {
  font-size:2.6rem;
  padding:0;
}

div#veranstaltung-detailseite div#veranstaltung-headline h3 {
  font-size:1.1rem;
  padding:0;
  margin:0 0 5px 0;
  font-weight:500;
}

#veranstaltung-headline div.subtitle
{
  font-size:1.4rem;
  margin-top: 15px;
}

@media (max-width: 767px) {
  
  div#veranstaltung-detailseite {
	margin-top:30px;
  }
  
  div#veranstaltung-detailseite .veranstaltungs-box {
	min-height:0;
	max-height:none;
  }
  div#veranstaltung-detailseite div#veranstaltung-headline h2 {
	font-size:1.7rem;
  }
  
  div#veranstaltung-detailseite div#veranstaltung-headline .subtitle,
  div#veranstaltung-detailseite div#veranstaltung-headline .format {
	font-size:1.188rem;
  }
  
  div.veranstaltung-header div.content-container {
    position:relative;
  }
  div.veranstaltung-header div.content-container div.content {
	margin-top:0;
	height:auto;
	padding-bottom:5px;
  }
  div.veranstaltung-header img {
	display:none;
  }
  div.veranstaltung-header div.content-container div.content.termin {
	margin-left:0;
	height:100px !important;
  }
  div.veranstaltung-header div.content-container div.content.termin div.location,
  div.veranstaltung-header div.content-container div.content.termin div.time {
  	margin-top:0;
  }
}

@media (max-width: 900px) {

  div#veranstaltung-detailseite div#veranstaltung-headline h2 {
	font-size:2rem;
  }
  
  div#veranstaltung-detailseite div#veranstaltung-headline .subtitle,
  div#veranstaltung-detailseite div#veranstaltung-headline .format {
	font-size:1.25rem;
  }
}
div.buchen {}

div.buchen .preis {
    color: #aaa;
    font-size: 1.9rem;
    font-weight: 500;
    margin: 0px 0 10px;
}
div.buchen h3.tickettitle {
    margin: 0;
    font-size: 1.1875rem;
}
div.buchen p>em {
  color: #aaa;
  font-size: 0.9rem;
  font-weight: 400;
}

div.teilnehmer_invalid .panel-title {
	color:#a94442;
}

div.teilnehmer,
div.rechnungsanschrift {
  background:#f7f7f7;
  border:1px solid #ccc;
  border-radius:2px;
  padding:16px;
  margin-bottom:1em;
}
div.teilnehmer textarea {
  height:150px;
}
#veranstaltungBuchenForm .ion-asterisk::before {
  font-size:0.4rem;
  position:relative;
  top:-6px;
}
a.teilnehmer_entfernen span {
  color:#e55;
  font-weight:bold;
  font-size:2rem;
  cursor:pointer;
}
div.rechnungsanschrift h3 {
  margin-top:0;
  padding-top:0;
}
div.teilnehmer div.form-group {}

div.teilnehmer div.form-group label,
div.rechnungsanschrift div.form-group label{
	font-size:0.8rem;
}
label.veranstaltung_extra {
  font-weight:normal;
  display:block;
}

div.rechnungsanschrift {
  background:#f2f2f3;
}

p.belehrung {
  color:#999;
  padding:16px;
}

p.rabatt-ueberschuss {
   color:#1C3C6A;
   padding:16px;
}

div#add-person {
   margin-top: 20px;
}

div.buchung-error {
  border:1px solid red;
  font-size: 1.1rem;
  color:red;
  margin-top:10px;
  text-align:center;
  padding:10px 0;
}

/* --------------------------------------
Media Queries
-------------------------------------- */
@media (max-width: 775px) {
form#contactfrm .form-group {margin:10px 5px 0px 5px;}
}

#rabatcodeForm input {
	width: 220px;
}

#rabatcodeForm .row {
	min-width: 550px;
    margin-bottom: 20px;
    margin-right: -70px;
}

.no-margin-right {
	margin-right: 0px;
}

#rabatcodeForm .help-block {
	display:inline-block;
    margin-left: 110px;
}

.veranstalterText p {
font-size:0.8rem;
}

.veranstalterImage img {
  max-height: 150px;
  max-width: 150px;
  display:inline;
  padding : 5px;
}

div.veranstalter-modul .veranstalterImage {
  height: 156px;
  width: 156px;
  margin:0 auto 10px auto;
  padding:3px;
  /*outline:1px solid #e0e0e0;*/
  line-height: 150px;
  text-align:center;
}




div.veranstalter-modul h5 {
  text-align:center;
  font-size:1.2rem;
}

@media(max-width:480px){
  
   .veranstalter-modul .veranstalter-block{
  		margin-top:20px;
   }
   
  
   .veranstalterImage img {
  		max-height: 100px;
	}
     .veranstalterImage {
  		height: 100px;
	   line-height: 100px;
	}
}

.veranstalter-modul .veranstalterText p {
font-size:1.15rem;
}

.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
  vertical-align:top;
}
.partnerText p {
  font-size:0.8rem;
}

/*
.partnerImage img {
  display:inline;
}

.partnerImage {
  height: 110px;
  width: 110px;
  margin:0 auto 10px auto;
  outline:1px solid #e0e0e0;
  line-height: 110px;
  text-align:center;
}

div.partner-modul .partnerImage {
  height: 116px;
  width: 116px;
  margin:0 auto 10px auto;
  padding:3px;
  outline:1px solid #e0e0e0;

  text-align:center;
}
*/

 #veranstaltung-detailseite div.partner-modul .img-avatar-wrapper {
  width:120px;
  height:120px;
  line-height:120px;
}

div.partner-modul h5 {
  text-align:center;
  font-size:1.2rem;
}

.partner-modul .margin-vertical {
  margin-top:7px;
  margin-bottom:7px;
}

@media(max-width:480px){
  .partnerImage img {
	max-height: 100px;
  }
  .partnerImage {
	height: 100px;
	line-height: 100px;
  }
}
.partnerText p strong {
  font-size:1.1rem;
}

.col-centered {
  display:inline-block;
  float:none;
  /* reset the text-align */
  text-align:left;
  /* inline-block space fix */
  margin-right:-4px;
  vertical-align:top;
}
.dokumente-content table {}

.dokumente-content .dokumente_eins {
  padding:1rem 0.5rem;
  font-size:18px;
  font-weight:500;
  background-color:#f7f7f7;
  border:1px solid #ccc;
  border-radius:2px;
  line-height:2.5rem;
  cursor:pointer;
  margin:0 15px;
}
@media only screen and (max-width: 767px) {
  .dokumente-content .dokumente_eins .download_icon,
  .dokumente-content .dokumente_eins .download_name {
	text-align:center;
  }
}

.dokumente-content .dokumente_eins:hover {
  background-color:#fafafa;
}
.dokumente-content .dokumente_eins div.download_icon {
  font-size:2.5rem;
}
.dokumente-content table.dokumente_drei {
  font-size:1.2rem;
}
.dokumente-content table.dokumente_viele {}
.dokumente-content table tr td {
  vertical-align:middle;
}
.dokumente-content .download_icon {}