.moduletable {
    background: none repeat scroll 0% 0% #FFF;
}

/*arrows to indicate submenu in top menu*/
#menu .menu-nav > li.parent > a > span:after {
    content: "\f107";
	margin-left: 5px;
	font-family: "FontAwesome";
}

.item-page, .moduletable {
	padding-left: 10px;
	padding-right: 5px;
}


/*#menu .menu-nav > li > span.separator {
color: #303030;
font: 700 14px 'Open Sans', Arial, Helvetica, sans-serif;
text-transform: uppercase;
line-height: 40px;
}*/

/*main menu text separator to display properly*/
#menu .menu-nav > li > span.separator {
    font: 700 14px "Open Sans",Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    padding: 0px 10px;
    color: #414141;
    line-height: 40px;
}

/*get the arrow next to main menu text separator if */
#menu .menu-nav > li > span:after {
    content: "\f107";
	margin-left: 5px;
	font-family: "FontAwesome";
}

#menu .menu-nav > li > span.separator:hover {
color: #c84646;
}
/*changed width and height from 0 to 1 which hides the border triangle*/
#menu-handler .arrow, #menu-handler .arrow::after {
width: 1px;
height: 0px;
}
#menu-handler {
  padding-bottom: 21px;
}
body {
    background-color: #c84646;
	background-image: url(/images/semi-transparent-background.png);
}
#top-nav-line {
    /*background-color: #c84646;*/
	background-color: #b13535;
}

#menu-handler, #top-nav-handler {
    background: white none repeat scroll 0 0;
}
#footer {
    background-image: none;
}
#top-nav-handler {
    padding-top: 27px;
}

@media(min-width:1200px) {
	#top .row-fluid {
		height: 85px;
	}
}
@media (max-width: 767px) {
	.panel1 a {
		color: #fff;
	}
}
@media print {
    #menu-handler {
        display: none !important;
    }
}
@media print {    
    .no-print, .no-print *  {
        display: none !important;
    }
}

.flex-container {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
	display: flex;
    display: box;

    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;

	/* You can set flex-wrap and flex-direction individually */
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-direction: row;
	/* Or do it all in one line with flex flow */
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;

    display: -webkit-flex; /* Safari and IE*/
    -webkit-flex-flow: row wrap; /* Safari 6.1+ */
    flex-flow: row wrap;
	float: left; 
	display: flex;
	width: 100%;
    justify-content: space-between;
}
.flex-item {
    padding-left: 10px;
    padding-right: 15px;
    padding-top: 28px;
    max-width: 384px;
	width: 45%;
}

@media (max-width: 676px) {
.flex-item {
	width: 100%;
}
}
.img-flex {
    width: 100%;
    height: auto !important;
}
.item h2, .item-page h2, h3.title, h2 .contact-name, .newsfeed h2, .blog h2, #archive-items h2 {
	padding-top: 15px;
}
#menu-handler {
    width: 60% !important;
}
#top-nav-handler {
    width: 1% !important;
}
.fox-form {
    margin-left: 20px;
}

.fox-container.fox-container-component {
    background: white none repeat scroll 0 0;
}
.menu-nav > li.active > a:hover, .menu-nav > li > a:hover, .menu-nav > li.sfHover > a {
    color: #c84646 !important;
}
#top .row-fluid {
    background: white;
}
.breadcrumbs span {
    margin-left: 10px;
}

/*GRID STYLES*/
.pb-grid:after {
 content:"";
 display:table;
 clear:both;
}
.grid__column.clear {
 clear:both;
}
.pb-grid {
 display:flex;
 display:-ms-flexbox;
 display:-webkit-flex;
 -moz-flex-direction:row;
 -ms-flex-direction:row;
 flex-direction:row;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 margin:0;
 padding:0;
 position:relative;
}
.grid__column {
 position:relative;
 box-sizing:border-box;
 min-height:1px;
 vertical-align:top;
 width:100%;
}
.grid__column > p, .grid__column > a, .grid__column > span {
	float: left;
	width: 100%;
	font-size: 14px;
	height: auto;
	line-height: 14px;
	margin: 8px 0;
}

@media (max-width:767px) {
 .grid--stackable .grid__column {
  width:100%!important;
  -ms-flex:1 0 auto!important;
  flex:1 0 auto!important;
 }
}
.grid--rev {
 display:flex;
 display:-ms-flexbox;
 display:-webkit-flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 -ms-flex-direction:row-reverse;
 flex-direction:row-reverse
}
.grid--full {
 margin-left:0;
 margin-right:0
}
.grid--full>.grid__column {
 padding:0 15px
}
.grid--automatic {
 display:flex;
 display:-ms-flexbox;
 display:-webkit-flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap
}
.grid--automatic>.grid__column {
 -ms-flex-positive:1;
 flex-grow:1
}
.grid--automatic>.grid__column[class*=-twelfths] {
 -ms-flex-positive:0;
 flex-grow:0
}
.grid--automatic>.grid__column:not([class*=-twelfths]) {
 width:auto;
 -ms-flex:1 1;
 flex:1 1;
 -webkit-flex:1 1 0%
}
.grid--equal-height>.grid__column>div {
 height:100%
}
.grid--aligned-topcenter {
 -ms-flex-pack:center;
 justify-content:center
}
.grid--aligned-topcenter,.grid--aligned-topright {
 -ms-flex-align:start;
 -moz-align-items:flex-start;
 align-items:flex-start
}
.grid--aligned-topright {
 -ms-flex-pack:end;
 justify-content:flex-end
}
.grid--aligned-middleleft {
 -ms-flex-pack:start;
 justify-content:flex-start
}
.grid--aligned-center,.grid--aligned-middleleft {
 -ms-flex-align:center;
 -moz-align-items:center;
 align-items:center
}
.grid--aligned-center {
 -ms-flex-pack:center;
 justify-content:center
}
.grid--aligned-middleright {
 -ms-flex-pack:end;
 justify-content:flex-end;
 -ms-flex-align:center;
 -moz-align-items:center;
 align-items:center
}
.grid--aligned-bottomleft {
 -ms-flex-pack:start;
 justify-content:flex-start
}
.grid--aligned-bottomcenter,.grid--aligned-bottomleft {
 -ms-flex-align:end;
 -moz-align-items:flex-end;
 align-items:flex-end
}
.grid--aligned-bottomcenter {
 -ms-flex-pack:center;
 justify-content:center
}
.grid--aligned-bottomright {
 -ms-flex-pack:end;
 justify-content:flex-end;
 -ms-flex-align:end;
 -moz-align-items:flex-end;
 align-items:flex-end
}
.grid--one-column>.grid__column {
 width:100%
}
.grid--two-columns>.grid__column {
 width:50%
}
.grid--three-columns>.grid__column {
 width:33.33333%
}
.grid--four-columns>.grid__column {
 width:25%
}
.grid--five-columns>.grid__column {
 width:20%
}
.grid--six-columns>.grid__column {
 width:16.66667%
}
.grid--seven-columns>.grid__column {
 width:14.28571%
}
.grid--eight-columns>.grid__column {
 width:12.5%
}
.grid--nine-columns>.grid__column {
 width:11.11111%
}
.grid--ten-columns>.grid__column {
 width:10%
}
.grid--eleven-columns>.grid__column {
 width:9.09091%
}
.grid--twelfth-columns>.grid__column {
 width:8.33333%
}
.one-whole {
 width:100%
}
.one-half {
 width:50%
}
.one-twelfth {
 width:8.333%
}
.two-twelfths {
 width:16.666%
}
.three-twelfths {
 width:25%
}
.four-twelfths {
 width:33.333%
}
.five-twelfths {
 width:41.666%
}
.six-twelfths {
 width:50%
}
.seven-twelfths {
 width:58.333%
}
.eight-twelfths {
 width:66.666%
}
.nine-twelfths {
 width:75%
}
.ten-twelfths {
 width:83.333%
}
.eleven-twelfths {
 width:91.666%
}
.visible {
 display:block!important
}
.hidden {
 display:none!important
}
.text-left {
 text-align:left!important
}
.text-right {
 text-align:right!important
}
.text-center {
 text-align:center!important
}
@media (max-width:767px) {
 .mobile--one-whole {
  width:100%
 }
 .mobile--one-half {
  width:50%
 }
 .mobile--one-twelfth {
  width:8.333%
 }
 .mobile--two-twelfths {
  width:16.666%
 }
 .mobile--three-twelfths {
  width:25%
 }
 .mobile--four-twelfths {
  width:33.333%
 }
 .mobile--five-twelfths {
  width:41.666%
 }
 .mobile--six-twelfths {
  width:50%
 }
 .mobile--seven-twelfths {
  width:58.333%
 }
 .mobile--eight-twelfths {
  width:66.666%
 }
 .mobile--nine-twelfths {
  width:75%
 }
 .mobile--ten-twelfths {
  width:83.333%
 }
 .mobile--eleven-twelfths {
  width:91.666%
 }
 .mobile--visible {
  display:block!important
 }
 .mobile--hidden {
  display:none!important
 }
 .mobile--text-left {
  text-align:left!important
 }
 .mobile--text-right {
  text-align:right!important
 }
 .mobile--text-center {
  text-align:center!important
 }
}
@media (min-width:768px) and (max-width:991px) {
 .tablet--one-whole {
  width:100%
 }
 .tablet--one-half {
  width:50%
 }
 .tablet--one-twelfth {
  width:8.333%
 }
 .tablet--two-twelfths {
  width:16.666%
 }
 .tablet--three-twelfths {
  width:25%
 }
 .tablet--four-twelfths {
  width:33.333%
 }
 .tablet--five-twelfths {
  width:41.666%
 }
 .tablet--six-twelfths {
  width:50%
 }
 .tablet--seven-twelfths {
  width:58.333%
 }
 .tablet--eight-twelfths {
  width:66.666%
 }
 .tablet--nine-twelfths {
  width:75%
 }
 .tablet--ten-twelfths {
  width:83.333%
 }
 .tablet--eleven-twelfths {
  width:91.666%
 }
 .tablet--visible {
  display:block!important
 }
 .tablet--hidden {
  display:none!important
 }
 .tablet--text-left {
  text-align:left!important
 }
 .tablet--text-right {
  text-align:right!important
 }
 .tablet--text-center {
  text-align:center!important
 }
}
@media (min-width:992px) and (max-width:1199px) {
 .desk--one-whole {
  width:100%
 }
 .desk--one-half {
  width:50%
 }
 .desk--one-twelfth {
  width:8.333%
 }
 .desk--two-twelfths {
  width:16.666%
 }
 .desk--three-twelfths {
  width:25%
 }
 .desk--four-twelfths {
  width:33.333%
 }
 .desk--five-twelfths {
  width:41.666%
 }
 .desk--six-twelfths {
  width:50%
 }
 .desk--seven-twelfths {
  width:58.333%
 }
 .desk--eight-twelfths {
  width:66.666%
 }
 .desk--nine-twelfths {
  width:75%
 }
 .desk--ten-twelfths {
  width:83.333%
 }
 .desk--eleven-twelfths {
  width:91.666%
 }
 .desk--visible {
  display:block!important
 }
 .desk--hidden {
  display:none!important
 }
 .desk--text-left {
  text-align:left!important
 }
 .desk--text-right {
  text-align:right!important
 }
 .desk--text-center {
  text-align:center!important
 }
}
@media (min-width:768px) and (max-width:991px) {
 .grid--doubling.grid--two-columns>.grid__column {
  width:100%
 }
 .grid--doubling.grid--four-columns>.grid__column,.grid--doubling.grid--three-columns>.grid__column {
  width:50%
 }
 .grid--doubling.grid--five-columns>.grid__column,.grid--doubling.grid--seven-columns>.grid__column,.grid--doubling.grid--six-columns>.grid__column {
  width:33.33333%
 }
 .grid--doubling.grid--eight-columns>.grid__column {
  width:25%
 }
 .grid--doubling.grid--eleven-columns>.grid__column,.grid--doubling.grid--nine-columns>.grid__column,.grid--doubling.grid--ten-columns>.grid__column {
  width:20%
 }
 .grid--doubling.grid--twelfth-columns>.grid__column {
  width:16.66667%
 }
}
@media (max-width:767px) {
 .grid--doubling.grid--five-columns>.grid__column,.grid--doubling.grid--four-columns>.grid__column,.grid--doubling.grid--three-columns>.grid__column,.grid--doubling.grid--two-columns>.grid__column {
  width:100%
 }
 .grid--doubling.grid--eight-columns>.grid__column,.grid--doubling.grid--nine-columns>.grid__column,.grid--doubling.grid--seven-columns>.grid__column,.grid--doubling.grid--six-columns>.grid__column {
  width:50%
 }
 .grid--doubling.grid--elevent-columns>.grid__column,.grid--doubling.grid--ten-columns>.grid__column,.grid--doubling.grid--twelfth-columns>.grid__column {
  width:33.3333%
 }
}

/* -- STUDIENPROGRAMME -- */

.studienprogramme-section {
	float: none;
	width: 100%;
	margin: 5px 0 10px 0;
	position: relative;
}
.studienprogramme-section::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 10px;
  border-top: 1px solid #ccc;
  width: calc(100% - 10px);
}
.studienprogramme-overlap {
  position: relative;
  left: 30px;
  z-index: 2;
  background: white;
  padding: 0 10px;
  color: black;
  font: 16px "Poppins", sans-serif;
}
.studienprogramme-universities{
	position: relative;
	width: 100%;
	margin: 0 0 20px 0;
}
.studienprogramme-university{
	float: left;
	margin: 0 30px 0 10px;
	font-size: 14px;
	font-family: "Poppins";
	color: rgb(200, 70, 70);;
	list-style-type: circle;
}
.studienprogramme-connect {
  display: flex;
  align-items: center;
  font: 25px "Oswald", sans-serif;
  color: #fff;
}
.studienprogramme-small {
  font-size: 13px;
  padding: 0px 20px
}
.studienprogramme-overlap > a {
  font-size: 25px;
}
.studienprogramme-overlap > a:not(:first-child) {
  margin-left: 0.38em;
}


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

  .studienprogramme-section {
    justify-content: center;
  }
  .studienprogramme-section::after {
    top: 25%;
  }
  .studienprogramme-connect {
    margin-bottom: 10px;
    padding: 0 10px;
  }
  .studienprogramme-overlap {
    display: flex;
    justify-content: center;
  }
  .studienprogramme-icons-wrapper {
    width: 100%;
    padding: 0;
  }
  .studienprogramme-overlap > a:not(:first-child) {
    margin-left: 20px;
  }
}

@media only screen and (max-width: 480px) {
  .studienprogramme-overlap > a {
    margin: auto;
  }
  .studienprogramme-overlap > a:not(:first-child) {
    margin-left: 0;
  }
  #footer-line .menu {
    display: grid;
  }
}
@media only screen and (max-width: 320px) {
  .footer-list-header {
    font-size: 2.2em;
  }
  .footer-list-anchor {
    font-size: 1.2em;
  }
  .footer-social-connect {
    font-size: 2.4em;
  }
  .footer-social-overlap > a {
    font-size: 2.24em;
  }
  .footer-bottom-wrapper {
    font-size: 1.3em;
  }

}


/* -- END FOOTER MENU -- */


.mod_sociallinksgenius li a {
    color: #fff !important;
}
#quick-menu {
    display: inline-flex;
}
#quick-menu li a {
    padding: 6px 10px;
}

/*blog Post e.g. Testimonials*/
.item[itemprop="blogPost"] {
    width: 100%;
}
.blog {
    padding-left: 10px;
    padding-right: 5px;
}
.column-1, .column-2, .column-3 {
    padding: 10px 0px;
}
.wrapper {
	max-width: 680px;
	margin: 60px auto;
	padding: 0 20px;
}

.youtube {
	background-color: #000;
	margin-bottom: 30px;
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
	cursor: pointer;
}
.youtube img {
	width: 100%;
	top: -16.82%;
	left: 0;
	opacity: 0.7;
}
.youtube .play-button {
	width: 90px;
	height: 60px;
	background-color: #333;
	box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
	z-index: 1;
	opacity: 0.8;
	border-radius: 6px;
}
.youtube .play-button:before {
	content: "";
	border-style: solid;
	border-width: 15px 0 15px 26.0px;
	border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
	cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
	position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
	top: 50%;
	left: 50%;
	transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}
td {
    padding: 0px 0px !important;
}
/* DivTable.com */
.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border-bottom: 1px solid #c84646;
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}
/* DivTable.com end*/

.btn-primary {
    background-color: #c84646 !important;
}
#slideshow-handler {
    background: none;
}
#fbExtended {
    background-color: #fff !important;
}
#content-handler {
    background-color: rgba(255,255,255,.85);
}

#advancedSearchForm ul {
    margin: 0px;
}
.eshop_advanced_search ul li label {
    margin-top: 2px;
    margin-bottom: 2px;
}
.eshop-filter.panel.panel-primary .panel-body {
    padding: 5px;
}
#eshop-main-container {
    margin-left: 10px;
}
.product-info h1 {
    font-weight: 400;
}