@font-face {
font-family: 'Barlow';
font-style: normal;
font-weight: 400;
src: url('../fonts/Barlow-Regular.ttf') format('truetype');
}
@font-face {
font-family: 'BarlowMedium';
font-style: normal;
font-weight: 500;
src: url('../fonts/Barlow-Medium.ttf') format('truetype');
}
@font-face {
font-family: 'BarlowSemiBold';
font-style: normal;
font-weight: 600;
src: url('../fonts/Barlow-SemiBold.ttf') format('truetype');
}


/* TYPO */





body {
  color: #4A4A4A;
  font-family: 'Barlow', sans-serif;
  font-weight: 400;
}
a {
  color: #4A4A4A;
}
a:hover {
  color: black;
}
h1, h2, h3, h4, h5 {
  font-weight: 300;
}
.csc-header h1,
.csc-textpicHeader h1,
#c2891 h1 {
  font-size: 20px !important;
}
td, th {
    padding: 10px;
}
form {
  margin: 15px 0;
}
input[type="text"], input[type="input"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input:not([type]), textarea,
select {
  width: 100%;
  display: inline-block;
    padding: 6px;
    background: #f3f3f3;
    border: 1px solid #f2f2f2;
}
input[type=checkbox], input[type=submit] {
  background: #f2f2f2;
  padding: 6px;
}
input[type="submit"] {
  margin: 20px 0;
  padding: 6px 10px;
  border: none;
  background: #939393;
  color: #ffffff;
}
select {
  width: 100%;
}


.teaser-pentagon [class*="col-"]:hover,
.teaser-pentagon [class*="col-"] {
    -webkit-transition: all 200ms linear; 
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
	}
	
}

/* START */

#TEST_c2892 {
    background: #211759;
    color: #fff;
    padding: 10px 30px;
    margin-top: 20px;
}

/* SPECIAL CLASS */

.external-link-new-window {
  padding-left: 23px;
  position: relative;
}
.external-link-new-window:before {
  font-family: 'FontAwesome', sans-serif;
    color: #4A4A4A;
    content: "\f08e";
    position: absolute;
    left: 0px;
}

.download {
  padding-left: 20px;
  position: relative;
}
.download:before {
  font-family: 'FontAwesome', sans-serif;
    color: #4A4A4A;
    content: "\f019";
    position: absolute;
    left: 0px;
}
.tx-importstudip-pi1 h3 + p {
  font-weight: bold;
  font-size: .9em !important;
}

/* COLOR */
body.start #container a,
body.start #container h1,
body.start #container .headline,
body.start #c3272 a,
body.start #c3272 h1,
body.start #c3272 .headline {
color: #005d5e;
}

body.hochschule #container a,
body.hochschule #container h1,
body.hochschule #container .headline
  {
  color: #211759;
}
body.start #c2892 a,
body.start #c2892 h1,
body.start #c2892 .headline {
  color: #007584;
}
{
  color: #8d0020;
}
body.qualifizieren #container a,
body.qualifizieren #container h1,
body.qualifizieren #container .headline {
 color: #b32472; 
}
body.verbinden #container a,
body.verbinden #container h1,
body.verbinden #container .headline {
 color: #68b7c; 
}
body.asta #container a,
body.asta #container h1,
body.asta #container .headline {
  color: #0078bf;  
}
body.studium #container a,
body.studium #container h1,
body.studium #container .headline {
 color: #007482; 
}
body.forschung #container a,
body.forschung #container h1,
body.forschung #container .headline {
  color: #636F03;/* COLOR */
}
body.weiterbildung #container a,
body.weiterbildung #container h1,
body.weiterbildung #container .headline {
  color: #820924;/* COLOR */
}
body.zentrum #container a,
body.zentrum #container h1,
body.zentrum #container .headline {
  color: #fdc600;/* COLOR */
}
body.praxis #container a,
body.praxis #container h1,
body.praxis #container .headline {
  color: #c5d221;
}
body.international #container a,
body.international #container h1,
body.international #container .headline {
  color: #E41B13;
}
.mainbar .hochschule,
.mainbar .uid-2,
body.start aside h1,
body.start aside h3,
body.hochschule aside h1,
body.hochschule aside h3 {
 /* background: #211759 !important;   */
 background: transparent !important;
}
.mainbar .studium,
.mainbar .uid-29,
body.studium aside h1,
body.studium aside h3  {
  background: #007482 !important;
  background: transparent !important;
}

.teaser-pentagon [class*="col-"] {
	background-image: url("../images/icon-pentagon-color-studium.svg")
}

.teaser-pentagon [class*="col-"]:hover {
	background-image: url("../images/icon-pentagon-color-studium-active.svg")
}

.mainbar .alumni,
body.qualifizieren aside h1,
body.qualifizieren aside h3  {
  background: #b32472 !important;
  background: transparent !important;
}
.mainbar .asta,
body.asta aside h1,
body.asta aside h3  {
  background: #0078bf !important;
  background: transparent !important;
}
.mainbar .forschung,
.mainbar .uid-50,
body.forschung aside h1,
body.forschung aside h3  {
  background: #636F03 !important;
  background: transparent !important;
}
.mainbar .weiterbildung,
.mainbar .uid-328,
body.weiterbildung aside h1,
body.weiterbildung aside h3  {
  background: #820924 !important;
  background: transparent !important;
}
.mainbar .zentrum,
.mainbar .uid-909,
body.zentrum aside h1,
body.zentrum aside h3  {
  background: #fdc600 !important;
  background: transparent !important;
}
.mainbar .praxis,
.mainbar .uid-123,
body.praxis aside h1,
body.praxis aside h3  {
  background: #c5d221 !important;
  background: transparent !important;
}
.mainbar .international,
.mainbar .uid-71,
body.international aside h1,
body.international aside h3  {

  background: #E41B13 !important;
  background: transparent !important;
}

/* NAV */

.topbar > ul,
.mainbar > ul,
.subbar > ul {
  list-style: none;
  margin: 0; 
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.topbar > ul {
  justify-content: flex-end;
}
.topbar > ul > li {
  padding: 0 15px;
  line-height: 14px;
  border-left: 1px solid #4A4A4A;
}
.topbar > ul > li:first-child {
  border: none;
}
.topbar .switch {
  display: none;
  cursor: pointer;
  position: relative;
}
.topbar .switch ul {
  list-style: none;
  padding: 0;
  position: absolute;
  display: none;
  width: 25px;
    text-align: center;
}
.topbar .switch ul.hover {
  display: block;
}
.topbar .switch i {
  margin: 0 2px;
}
.mainbar > ul {
  margin-bottom: 40px;
}
.mainbar > ul > li {
  /* width: 13.8%;  */
  color: white;
  color: #444;
  text-align: center;
  position: relative;
}
.mainbar > ul > li > i {
  display: none;
}
.mainbar > ul > li > ul.subnav {
    display: none;
  padding-top: 10px;
  position: absolute;
    z-index: 4;
    margin: 0;
    padding: 0;
    text-align: left;
  border: 1px solid #F2F2F2;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);
    box-shadow: 0 1px 2px rgba(0,0,0,.075);
    min-width: 100%;
}
.mainbar > ul > li:last-child > ul.subnav {
  right: 0;
}
.mainbar > ul > li:hover > ul.subnav {
    display: block;
}
.mainbar > ul > li > ul.subnav > li {
    background: #f3f3f3;
  white-space: nowrap;
  list-style: none;
  padding: 10px 14px;
  border-bottom: 1px solid #ffffff;
}
.mainbar > ul > li > ul.subnav > li:last-child {
  border: none;
}
.mainbar > ul > li > ul.subnav > li a {
  color: black;
  display: block;
}
.mainbar > ul > li > ul.subnav > li.active a {
  font-weight: 400;
}
.mainbar > ul > li > a {
  color: white;
  color: #444;
  padding: 10px 0;
  display: block;
}
.mainbar > ul > li > a:hover {
  text-decoration: none;
  background: rgba(255,255,255,0.3);
  font-weight: 500;
}
.mainbar > ul > li.active > a {
  font-weight: 500;
}
.subbar {
  margin-bottom: 30px;
}
.subbar > ul {
  flex-direction: column;
}
.subbar > ul li {
  padding: 10px 18px;
  border-radius: 0 !important;
  border-color: #f3f3f3 !important;
}
.subbar > ul ul li {
  border-color: #ffffff !important;
}
.subbar > ul > li:hover,
.subbar > ul > li.active,
.subbar > ul > li.active:hover {
  background: #f2f2f2;
}
.subbar > ul li.active > a {
  font-weight: 400;
}
.subbar > ul li {
  position: relative;
}
.subbar > ul li.submenu:after {
  font-family: 'FontAwesome', sans-serif;
  color: #4A4A4A;
  content: "\f105";
  position: absolute;
  right: 0;
    top: 0;
    height: 45px;
    line-height: 45px;
    padding: 0 10px;
}
.subbar > ul li.submenu.active:after {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 2px;
}
.subbar > ul li a {
  display: block;
  color: #4A4A4A !important;
}
.subbar > ul li a:hover {
  text-decoration: none;
}
.subbar > ul li.active > .sublist,
.subbar ul.sublist li.active .sublist {
  display: block;
}
.sublist {
  margin: 10px -18px -10px -18px;
  padding: 0;
  list-style: none;
  display: none;
}
.sublist li {
  padding-right: 0;
  padding-left: 35px !important;
  background: #f3f3f3;
  border-top: 1px solid #f2f2f2;
}
.sublist .sublist li {
  padding-left: 35px;
  position: relative;
}
.sublist .sublist li:before {
  font-family: 'FontAwesome', sans-serif;
  color: #4A4A4A;
  content: "\f105";
  position: absolute;
  left: 20px;
}
#sidebar li {
  font-size: 14px !important;
}

/* SEARCH */

form.search-form {
  position: relative;
  margin-bottom: 30px;
}
form.search-form button {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
    border: none;
    background: transparent;
    padding: 0 15px;

}
form.search-form input[type=search] {
  width: 100%;
  border: none;
  background: #f3f3f3;
  color: #9B9B9B;
  font-style: italic;
  padding: 10px;
}

/* CALENDAR */

aside h1,
aside h3 {
  color: white !important;
  padding: 10px 14px !important;
  margin-bottom: 30px !important;
  font-size: 1.25em !important;
    font-weight: 400 !important;
    line-height: 1.3em !important;
}
aside .bodytext {
  font-size: 14px !important;
}
aside .calendar a {
  color: #211759;
  font-size: 1em;
  font-weight: 400;
  margin-bottom: 5px;
  display: block;
}
aside .calendar p {
  margin-bottom: 0;
  font-size: 1em !important;
}
aside .calendar .list-group {
  line-height: 1.35em;
  margin-bottom: 10px;
}
aside .calendar .list-group-item {
  background: #f3f3f3;
  font-size: .85em;
  border-radius: 0;
  border-color: #F2F2F2;
}

/* HEADER */

header {
  min-height: 200px;
}
body.start header {
  width: 1170px;
    margin: 0 auto;
  /* background: url("../img/ehs-logo.png") no-repeat 0px 5px transparent; */
}
body.zentrum header {
  width: 1170px;
    margin: 0 auto;
  background: url("../img/ehs-zentrum.png") no-repeat 20px 70px transparent;
  background-size: auto 30%;
}
/* HEADER 
body.hochschule header {
    background: url("../img/menschen-leben.png") no-repeat top left transparent;
  background-size: auto 100% !important;
} 
body.qualifizieren header {
    background: url("../img/menschen-qualifizieren.png") no-repeat top left transparent;
  background-size: auto 100% !important;
}
body.verbinden header {
    background: url("../img/menschen-verbinden.png") no-repeat top left transparent;
  background-size: auto 100% !important;
}
body.asta header {
    background: url("../img/menschen-bewegen.png") no-repeat top left transparent;
  background-size: auto 100% !important;
}
body.studium header {
    background: url("../img/menschen-studieren.png") no-repeat top left transparent;
  background-size: auto 100% !important;
}
body.forschung header {
    background: url("../img/menschen-forschen.png") no-repeat top left transparent;
  background-size: auto 100% !important;
}
body.weiterbildung header {
    background: url("../img/menschen-weiterbilden.png") no-repeat top left transparent;
  background-size: auto 100% !important;
}
body.praxis header {
    background: url("../img/menschen-gestalten.png") no-repeat top left transparent;
  background-size: auto 100% !important;
}
body.international header {
    background: url("../img/menschen-begegnen.png") no-repeat top left transparent;
  background-size: auto 100% !important;
} */

header .toggler {
  display: none;
}

body.hochschule .topbar,
body.qualifizieren .topbar,
body.asta .topbar, 
body.studium .topbar,
body.forschung .topbar,
body.weiterbildung .topbar,
body.zentrum .topbar,
body.praxis .topbar,
body.international .topbar {
  width: 1170px;
    margin: 20px auto;
  }

/*NEWS STARTSEITE*/

.start #c2896 .row  {
	margin: 25px 0 0 0;
	display: flex;
	width: 100%;
	}

.start #c2896 .row article  {
	border-bottom: 1px solid white;
	padding-bottom: 20px;
	}

.start #c2896 .row article:last-child  {
	border: none;
	}

.start #c2896 .row > div {
	flex: 1;
	}

.start #c2896 .row > div:first-child {
	padding-left: 0;
	}

.start #c2896 .row > div:first-child article {
	border-color: #211759;
	}

.start #c2896 .row > div:last-child {
	padding-right: 0;
	}

.start #c2896 .row > div > div{
	padding:25px;
    height: 100%;
	}

.start #c2896 .row > div:nth-child(2) > div{
	background-color:#211759;
}

.start #c2896 .row > div:nth-child(2) *{
	color:#FFF
	}

.start #c2896 .row > div:nth-child(1) > div{
	background-color:#dfe0e1;
}

/*NEWS STARTSEITE*/

/*NEWS*/

.news.list {
	padding:10px 0 30px 0;
	}
	
.tx-ttnews-browsebox {
	padding:20px 0 20px 0;
	}
	
	
.tx-ttnews-browsebox ul {
	line-height:35px;
	}
	
.tx-ttnews-browsebox ul,
.tx-ttnews-browsebox ul li{
	list-style:none;
	margin:0;
	padding:0;
	}
	
div.tx-ttnews-browsebox {
  width:100%;
  }
  
div.tx-ttnews-browsebox li {
  float:left;
  margin-right:5px;
  padding:0 8px 0 8px;
  background-color:#EEE;
  }

/*NEWS SUB*/

.news.list article{
	padding-bottom:20px;
	}

/*NEWS SUB*/


/* QUICKLINKS */

.quicklinks {
  display: flex;
  flex-wrap: wrap;
  margin: 30px 0 0 0;
  padding: 0;
  justify-content: space-between;
  align-items: stretch;
}
.quicklinks li {
  background: white;
  border: 1px solid #ececec;
  width: 9%;
  list-style: none;
  text-align: center;
  margin-bottom: 20px;
  position: relative;
  font-size: 14px !important;
}
.quicklinks li:hover {
  background: white;
  -webkit-box-shadow: 0px 0px 8px 2px rgba(209,209,209,0.5);
  -moz-box-shadow: 0px 0px 8px 2px rgba(209,209,209,0.5);
  box-shadow: 0px 0px 8px 2px rgba(209,209,209,0.5);
}
.quicklinks a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 90px 10px 10px 10px;
  line-height: 14px;
  font-size: 12px;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
    hyphens: auto;
    color: black !important;
}
.quicklinks a:hover {
  text-decoration: none;
}
.quicklinks a:before {
  content: "";
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: -40px;
  display: block;
  width: 80px;
  height: 80px;
  background: white;
  border-radius: 100px;
  background: url("../img/ehs-icons.png") no-repeat top left transparent;
}
.quicklinks .studienbewerbung {
  border-color: #00a788;
}
.quicklinks .studienbewerbung a:before {
  background-position: 0 -84px;
}
.quicklinks .asta {
  border-color: #00a788;
}
.quicklinks .asta a:before {
  background-position: -62px 10px;
    width: 100px;
    height: 100px;
    margin-left: -50px;
    background-size: 370px;
    top: 5px;
}
.quicklinks .bibliothek {
  border-color: #00a788;
}
.quicklinks .bibliothek a:before {
  background-position: -160px -4px;
}
.quicklinks .mensa {
  border-color: #00a788;
}
.quicklinks .mensa a:before {
  background-position: -240px 0;
}
.quicklinks .presse {
  border-color: #00a788;
}

.quicklinks .presse a:before {
  background-position: 3px -4px;
}


.quicklinks .stellenboerse {
  border-color: #00a788;
}
.quicklinks .stellenboerse a:before {
  background-position: -320px 0;
}
.quicklinks .english {
  border-color: #00a788;
}
.quicklinks .english a:before {
  background-position: 0 -80px;
}
.quicklinks .leichtesprache {
  border-color: #00a788;
}
.quicklinks .leichtesprache a:before {
  background-position: -80px -83px;
}
.quicklinks .zentrum {
  border-color: #00a788;
}
.quicklinks .zentrum a:before {
  background-position: -160px -80px;
}
.quicklinks .forschungsthemen {
  border-color: #00a788;
}
.quicklinks .forschungsthemen a:before {
  background-position: -240px -80px;
}
.quicklinks .studentenwerk {
  border-color: #00a788;
}
.quicklinks .studentenwerk a:before {
  background-position: -320px -80px;
}


/*STARTSEITE TEASER PENTAGON*/

.teaser-pentagon {
    margin-bottom: 60px;
}


.teaser-pentagon [class*="col-"]{
	background-position: center center;
	background-size: 95% auto;
	background-repeat: no-repeat;
	height: 200px;
}

.teaser-pentagon [class*="col-"]:hover{
	background-size: 100% auto;
}

.teaser-pentagon [class*="col-"] div {
	display: table;
	vertical-align: middle;
	text-align: center;
	height: 100%;
	width: 100%
}
	

.teaser-pentagon [class*="col-"] .csc-header > *{
	display: table-cell;
	vertical-align: middle;
	padding: 15px 15px 0 12px;
	hyphens: none;
    overflow-wrap: normal;
}

#container .teaser-pentagon [class*="col-"]  * a{
	color: #007482;
	display: inline-block;
	vertical-align: text-bottom;
	padding-top: 150px;
	width: 100%
}


/* CONTAINER */

.container.hover #container:before {
  height: 100%;
  width: 110%;
  opacity: 0.0;
  -webkit-transition: opacity .90s ease-in-out;
  -moz-transition: opacity .90s ease-in-out;
  -ms-transition: opacity .90s ease-in-out;
  -o-transition: opacity .90s ease-in-out;
  transition: opacity .90s ease-in-out;
}
#container:before {
  background: white;
  content: "";
  display: block;
  width: 0%;
  height: 0%;
  position: absolute;
  top: 0;
  z-index: 3;
  opacity: 0;
  -webkit-transition: opacity .90s ease-in-out;
  -moz-transition: opacity .90s ease-in-out;
  -ms-transition: opacity .90s ease-in-out;
  -o-transition: opacity .90s ease-in-out;
  transition: opacity .90s ease-in-out;
}
#container {
  padding-bottom: 50px;
  line-height: 1.75em;
  position: relative;
}
#container section {
  padding-bottom: 20px;
}
#container figure img {
  width: 100%;
  height: auto;
}
#container p,
#container li {
  font-size: 1.1em;
}
#container h1 {
  font-weight: 500;
  font-size: 2.5em;
  margin-bottom: 20px;
}
#container h1.csc-header-alignment-center {
  width: 50%;
  margin: 40px auto 10px auto;
  font-size: 1.65em !important;
}
#container h1 + h2 {
  margin-top: 0;
  margin-bottom: 15px;
  font-weight: 300;
}
#container h2 {
  font-size: 1.7em;
  font-weight: 500;
  font-family: 'BarlowMedium',sans-serif;
}
#container h3 {
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.3em;
  margin: 0;
}
#container p {
  margin: 0;
}
#container #c2892 article,
#container #c2 article,
#container #c101 article,
#container #c321 article ,
#container #c105 article,
#container #c3181 article {
  margin-bottom: 20px;
}

/*
#container p a {
  margin-bottom: 10px;
  display: block;
}
*/

#container .headline {
  text-transform: uppercase;
  margin-top: 20px;
    margin-bottom: 20px;
}
#container .breadcrumb {
    padding: 10px 0;
    background: transparent;
    font-size: 12px;
}
#container .breadcrumb li:last-child {
  font-weight: 400;
}
#container .breadcrumb a {
  color: #4A4A4A !important;
}
#container .breadcrumb > li + li::before {
  font-weight: 100;
}

/*FOOTER*/

footer img.logo {
  width:240px;
  display:block;
  margin:auto
}

/* STELLENBOERSE */

.nb-stellenboerse-searchfilter-left,
.nb-stellenboerse-searchfilter-right  {
  float: left;
  width: 50%;
}
.nb-stellenboerse-searchfilter-left select {
  width: 85%;
}
.tx-nb-stellenboerse table {
  clear: both;
  border-spacing: 0;
}
.tx-nb-stellenboerse table td,
.tx-nb-stellenboerse table th {
  padding: 2px 5px;
  color: #4A4A4A;
}
.tx-nb-stellenboerse table tr:nth-child(odd) td {
  background: #F3F3F3;
}
.tx-nb-stellenboerse-hidden-entry-hint-text,
.tx-nb-stellenboerse-hidden-entry td a {
  color: red !important;
}
.tx-nb-stellenboerse table td a,
.tx-nb-stellenboerse table th a {
  color: black !important;
  font-size: 13px;
  vertical-align: top;
  line-height: 20px;
}
.dataTables_wrapper {
  margin-top: 50px;
  overflow: hidden;
}

.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-error {
  font-size: 12px !important;
}
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-error ~ input {
  background: #ffeded !important;
}
input[type="checkbox"] {
    margin-right: 5px;
}

/* MEDIAQUERIES */

@media only screen and (max-width: 1200px) {
  body.start header,
  body.zentrum header {
    width: 100%;
  }
}


@media only screen and (max-width: 990px) {
	
/*STARTSEITE TEASER PENTAGON*/

.teaser-pentagon [class*="col-"]{
	height: 400px
	}
}

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

	
.col-md-2 {
    width: 50%;
	float: left
}
	
  .quicklinks li {
    width: 18%;
  }
  
body .slider {
  height:170px;
  }

  
body .sliderimage {
      overflow: hidden;
    height:83px;
      position: relative;
  }
  
body .slider .imagetext {
    bottom: -70px;
    height: 0;

}
  
/*
  .sliderimage img {
      position: absolute;
      width: auto !important;
      height: 100%;
  }
*/
  .sliderimage img {
    width:100%;
  
/*  min-height:115px;*/
  }

  body.start header,
  body.zentrum header {
    width: 100%;
  }
  #container h1.csc-header-alignment-center {
    width: 100%;
    text-align: left;
  }
  body.hochschule .topbar, body.qualifizieren .topbar, body.asta .topbar, body.studium .topbar, body.forschung .topbar, body.weiterbildung .topbar, body.zentrum .topbar, body.praxis .topbar, body.international .topbar {
    width: auto;
    background: white;
  }
  .topbar > ul {
      justify-content: center;
    padding: 10px 0px;
    }
}
@media only screen and (max-width: 768px) {
	
	
.start #c2896 .row > div:first-child {
	padding: 0;
	}

.start #c2896 .row > div:last-child {
	padding: 0;
	margin-top:20px;
	
	}
  header { background-size: 85% auto; min-height: 200px; }
  header .toggler { display: block; position: absolute; top: 45px; right: 20px; width: 40px; height: 40px; text-align: center; font-size: 28px; cursor: pointer; }
  nav.topbar { font-size: 11px; }
  .topbar > ul > li { padding: 0 10px; }
  nav.mainbar { display: none; }
  nav.mainbar > ul { flex-wrap: wrap; }
  nav.mainbar > ul > li { width: 100%; border-bottom: 1px solid white; text-align: left; position: relative; }
  nav.mainbar > ul > li > a { padding: 10px 20px; }
  nav.mainbar > ul > li > ul.subnav { position: relative; }
  nav.mainbar > ul > li > i { display: block; position: absolute; right: 0; top: 0; padding: 10px 15px; font-size: 1.5em; cursor: pointer; background: rgba(255,255,255,0.2);}
  nav.mainbar > ul > li:hover > ul.subnav { display: none; }
  .quicklinks li { width: 30%; }
  body.start header { background-position: 20px 40px; }
	
/*STARTSEITE TEASER PENTAGON*/


.teaser-pentagon [class*="col-"]{
	background-size:95% auto ;
	margin-bottom: 20px;
	height: 200px;
}
	
}
@media only screen and (max-width: 390px) {
  .quicklinks li {
    width: 47%;
  }
  body.hochschule header,
  body.qualifizieren header,
  body.asta header,
  body.studium header,
  body.forschung header,
  body.weiterbildung header,
  body.praxis header,
  body.international header {
    background-size: auto 80% !important;
  }
  nav.topbar {
	  display: none;
  }
}

@media only screen 
  and (min-width: 220px) 
  and (max-width: 768px){
	  
/*NEWS STARTSEITE */
	  
.start #c2896 .row  {
	margin-top:25px;
	display:block;
	width:auto;
	}


	
/*NEWS STARTSEITE */
    
#container  ul.pers_liste li {
    display:block;
    width:100%;
    }  
    
  }

/*Header für allgemeine Überschriften ergänzt, da ansonsten immer Logo im Hintergrund geladen wird */
header h2, div#container header {
 width: auto;
    margin: 20 auto;
  background: none;
  min-height: auto;
}

/* Startseite Meldungen grauer Kasten */
div#c3272.frame.frame-default.frame-type-list.frame-layout-0 {
  background-color: transparent;
  padding: 15px;
  height: 100%;
  border: 1px solid #62be75;
}

div#c13807.frame.frame-default.frame-type-list.frame-layout-0 {
  background-color: transparent;
  padding: 15px;
  height: 100%;
  border: 1px solid #62be75;
}

div#c3272.frame.frame-default.frame-type-list.frame-layout-0 header h2,
div#c3272.frame.frame-default.frame-type-list.frame-layout-0 h3
{
  color:#333;
}

div#c3272.frame.frame-default.frame-type-list.frame-layout-0 article {
font-weight: bold;

}


div#c3272.frame.frame-default.frame-type-list.frame-layout-0 article div.csc-default p a {
  font-weight: normal;
}


/* Startseite Meldungen grauer Kasten */
div#c13807.frame.frame-default.frame-type-list.frame-layout-0 {
  background-color: transparent;
  padding: 15px;
  height: 100%;
  border: 1px solid #62be75;
}

div#c13807.frame.frame-default.frame-type-list.frame-layout-0 header h2,
div#c13807.frame.frame-default.frame-type-list.frame-layout-0 h3
{
  color:#333;
}

div#c13807.frame.frame-default.frame-type-list.frame-layout-0 article {
font-weight: bold;

}


div#c13807.frame.frame-default.frame-type-list.frame-layout-0 article div.csc-default p a {
  font-weight: normal;
}






/* Startseite Meldungen blauer Kasten height: 640px; ist nur fuer Uebergang*/

div#c2892.frame.frame-default.frame-type-list.frame-layout-0 {
  background-color:transparent;
  padding: 15px;
  min-height: 100%;
  height: 760px;
  border: 1px solid #307e40;
  overflow: auto;
}

div#c3272.frame.frame-default.frame-type-list.frame-layout-0 {
    min-height: 100%;
   height: 760px;
}
div#c13807.frame.frame-default.frame-type-list.frame-layout-0 {
    min-height: 100%;
   height: 760px;
  overflow-y: auto;
}



div#c2892.frame.frame-default.frame-type-list.frame-layout-0 header h2,
div#c2892.frame.frame-default.frame-type-list.frame-layout-0 h3,
div#c2892.frame.frame-default.frame-type-list.frame-layout-0 article a,
div#c2892.frame.frame-default.frame-type-list.frame-layout-0 article
 {
  color:#333;
  text-decoration:none;
}

div#c2892.frame.frame-default.frame-type-list.frame-layout-0 article a:hover {
  color:#777;
}






html body.start div#wrapper div.container div#container div.row main.col-md-12 section ul.breadcrumb {
  display:none;
}


#container h1 {
  font-size: 1.5em;
}


html body.start .sliderimage {
  width: 100%;
  height: 250px !important;
  overflow: hidden;
  display: block;
}


.sliderimage {
  width: 100%;
  height: 200px !important;
  overflow: hidden;
  display: block;
}

/* korrigiert Hoehe des Fotografenhinweis im Banner */
.slider .imagetext {
  bottom: 15px !important;
}

body.start div.imagetext {
bottom: 0px !important;
}

fieldset legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: inherit;
  color: #333;
  border: 0;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: 0px;
  border-bottom: 0px solid #e5e5e5;
}

fieldset label {
  display: inline-block;
  width: 25% !important;
  margin-bottom: 22px;
  margin-left: 0px;
  padding-left: 6px;
  font-weight: 300;
}

fieldset select#onetimeaccount-gender.form-select{
  margin-left: 0px;
  padding-left: 6px;
}

fieldset div.col-sm-10 {
  width: 75% !important;
}

fieldset div.col-sm-8 {
  width: 73% !important;
  padding-left: 12px;
}

fieldset input {
  padding-left: 6px;
}


fieldset div.row div.col div.row.mb-3 {
  margin-left: 0px !important;
}



/* Erst einmal ausgeblendet bis auf weiteres */
div#tx-seminars-pi1-registration-form div#tx-seminars-pi1-registration-banking-data div.row div.alert.alert-warning.mt-3{
display: none;

}
div.tx-seminars-pi1 div.alert.alert-warning.mt-3 {
  display: none;
}


.news > article:nth-child(1) > p:nth-child(3),
.news > article:nth-child(2) > p:nth-child(3),
.news > article:nth-child(3) > p:nth-child(3),
.news > article:nth-child(4) > p:nth-child(3),
.news > article:nth-child(5) > p:nth-child(3) {
  display: none;
}


/* Schaltet im Sofi Formular unnötige Felder aus - später noch mal optimieren */
#tx-seminars-pi1-registration-banking-data > div:nth-child(1) > div:nth-child(1),
#tx-seminars-pi1-registration-banking-data > div:nth-child(1) > fieldset:nth-child(2)  {
  display:none;
}



/* Formatierungen Containeritems Accordion */

.c-accordion-title {
  display: block;
  position: relative;
  box-sizing: border-box;
  padding: .72em 3em .72em 1.1em !important;
  font-size: 1.26em;
  font-weight: 400;
  transition: all .3s;
  border-bottom: 1px solid transparent;
  color: #005d5e !important;
}

.c-accordion-title:hover {
  cursor: pointer;
  color: #2bd2b3 !important;
}

body.studium span.c-accordion-title {
 color: #007482; 
}

body.studium span.c-accordion-title a {
 color: #007482; 
}

body.studium span.c-accordion-title:hover {
 color: #249782; 
}

/* Ergaenzende Formatierungen MOBILE */

@media (max-width: 767px) {

body.start div.imagetext {
  bottom: 30px !important;
}

ol.flex-control-nav.flex-control-paging
 {
display:none;
}

div.imagetext p {
    font-size: 0.45em !important;
  padding: 4px 4px;
  position:relative !important;

}

div.slider ul.slides div.imagetext p {

  font-size: 0.45em !important;
  padding: 4px 4px;
  margin-top: 100%;
}

}

.news > article:nth-child(1) > p:nth-child(4),
.news > article:nth-child(2) > p:nth-child(4),
.news > article:nth-child(3) > p:nth-child(4),
.news > article:nth-child(4) > p:nth-child(4),
.news > article:nth-child(5) > p:nth-child(4),
.news > article:nth-child(6) > p:nth-child(4),
.news > article:nth-child(7) > p:nth-child(4),
.news > article:nth-child(8) > p:nth-child(4) {
  display: none;
}

#container #c2892 article, #container #c2 article, #container #c101 article, #container #c321 article, #container #c105 article, #container #c3181 article {
  margin-bottom: 12px;
}

.news.list article {
  padding-bottom: 12px;
}

.news.list {
  padding: 0px 0 30px 0;
}

.h2, h2 {
  margin-top: 20px;
  margin-bottom: 16px;
}


div#c8112.frame.frame-default.frame-type-list.frame-layout-0 div.tx-powermail div.powermail_fieldwrap.powermail_fieldwrap_type_radio.powermail_fieldwrap_kurs.form-group.col-md-6 {
  width:100%;
  margin-top:16px;
}

div#c8112.frame.frame-default.frame-type-list.frame-layout-0 div.tx-powermail div.container-fluid form.powermail_form.powermail_form_1.form-horizontal fieldset.powermail_fieldset.powermail_fieldset_1 div.row div.powermail_fieldwrap.powermail_fieldwrap_type_radio.powermail_fieldwrap_kurs.form-group.col-md-6 div.col-sm-10 div.radio label
{
  width:100% !important;

}


div#c8112 .powermail_fieldwrap_type_radio > label:nth-child(1) {
  width:110px !important;
}

div#c8112 form.powermail_form.powermail_form_1.form-horizontal h3 {
display:none;
}


div#c8112.frame.frame-default.frame-type-list.frame-layout-0 input.btn.btn-primary {
  background: #211759;
}

html body.hochschule div#wrapper div.container div#container div.row main.col-md-9 section div#c8112.frame.frame-default.frame-type-list.frame-layout-0 div.tx-powermail div.container-fluid form.powermail_form.powermail_form_1.form-horizontal fieldset.powermail_fieldset.powermail_fieldset_1 legend.powermail_legend
{
  font-size:22px;
}


#c8112 .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-right: 9px;
  padding-left: 15px;
}


.c-columns {
  width: 100%;
  float: left;
  padding-bottom: 40px;
  display: block;
}

/* Trennlinien wurden zum Teil nicht richtig angezeigt */

hr.ce-div {
  display: block;
  margin-top: 0.5em;
  color: #eee;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: solid;
  border-width: 1px 1px 0px 0px;
}


li.hochschule.uid-2.submenu,
li.studium.uid-29.submenu,
li.forschung.uid-50.submenu,
li.weiterbildung.uid-328.submenu,
li.praxis.uid-123.submenu,
li.international.uid-71.submenu,
li.alumni.uid-9.submenu
 {
  z-index: 1001;
}


body.forschung header h2 {
color: #636F03;
}

body.weiterbildung.sofi header h2 {
 color: #820924; 
}

body.studium header h2 {
color: #007482;
}

body.international header h2 {
color: #E41B13;
}

div#c8528.frame.frame-default.frame-type-list.frame-layout-0 div.tx-powermail div.container-fluid div.row div.col-sm-10 div.checkbox label {
width:100% !important;
}


body.weiterbildung.sofi fieldset.powermail_fieldset.powermail_fieldset_2 legend.powermail_legend, html body.weiterbildung.sofi div.tx-powermail form.powermail_form.powermail_form_2.form-horizontal h3 {
  display: none;
}

html body.weiterbildung.sofi div#c8528.frame.frame-default.frame-type-list.frame-layout-0 div.tx-powermail input.btn.btn-primary {
  background: #820924;
}

body.weiterbildung.sofi div#c8528.frame.frame-default.frame-type-list.frame-layout-0 div.row div.powermail_fieldwrap.powermail_fieldwrap_type_input.powermail_fieldwrap_name.form-group.col-md-6,
body.weiterbildung.sofi div#c8528.frame.frame-default.frame-type-list.frame-layout-0 div.tx-powermail div.container-fluid form.powermail_form.powermail_form_2.form-horizontal fieldset.powermail_fieldset.powermail_fieldset_2 div.row div.powermail_fieldwrap.powermail_fieldwrap_type_input.powermail_fieldwrap_email_adresse.form-group.col-md-6,
body.weiterbildung.sofi div#c8528.frame.frame-default.frame-type-list.frame-layout-0 div.tx-powermail div.container-fluid form.powermail_form.powermail_form_2.form-horizontal fieldset.powermail_fieldset.powermail_fieldset_2 div.row div.powermail_fieldwrap.powermail_fieldwrap_type_textarea.powermail_fieldwrap_nachricht.form-group.col-md-6,
body.weiterbildung.sofi div#c8528.frame.frame-default.frame-type-list.frame-layout-0 div.tx-powermail div.container-fluid form.powermail_form.powermail_form_2.form-horizontal fieldset.powermail_fieldset.powermail_fieldset_2 div.row div.powermail_fieldwrap.powermail_fieldwrap_type_check.powermail_fieldwrap_datenschutz.form-group.col-md-6
{
  width: 85%;
}

body.weiterbildung.sofi section div#c8528.frame.frame-default.frame-type-list.frame-layout-0 div.container-fluid 
 {
  padding: 0px;
}


p a span.atzeichen img{
height:14px
}


body.forschung span.c-accordion-title  {
  color: #636F03;
}

body.forschung span.c-accordion-title:hover {
  color: #249782 !important;
  text-decoration: underline !important;
}

div.c-accordion-item.stayopen-.act div.c-accordion-content {
  max-height: 100% !important;
}

/* Aenderungsformular Adresse HejFam - Informationen fuer Teilnehmende */
body.forschung div#c10954.frame.frame-default.frame-type-list.frame-layout-0 div.powermail_fieldwrap.powermail_fieldwrap_type_input.form-group.col-md-6
{
  width: 85%;
}


body.forschung div.tx-powermail div.container-fluid
{
  padding-left: 0px;
}

div#c10954.frame.frame-default.frame-type-list.frame-layout-0 div.powermail_fieldwrap.powermail_fieldwrap_type_text.powermail_fieldwrap_einwilligungserklaerung.form-group.col-md-6
{
 width:25%; 
}

div#c10954.frame.frame-default.frame-type-list.frame-layout-0 div.tx-powermail div.container-fluid div.powermail_fieldwrap.powermail_fieldwrap_type_check.powermail_fieldwrap_marker_01.form-group.col-md-6 label.control-label.col-sm-2
{
  display:none;
}

div#c10954.frame.frame-default.frame-type-list.frame-layout-0 div.powermail_fieldwrap.powermail_fieldwrap_type_check.powermail_fieldwrap_marker_01.form-group.col-md-6 div.col-sm-10 div.checkbox label
{
  width:100% !important; 
}

 div#c10954.frame.frame-default.frame-type-list.frame-layout-0 div.tx-powermail div.col-sm-10.col-sm-offset-2
 {
    font-size: 1.4em;
  font-weight: 400;
    color: #636F03;
    margin-left: 0px;
 
 }

 div#c10954.frame.frame-default.frame-type-list.frame-layout-0 
div.tx-powermail div.container-fluid form.powermail_form.powermail_form_3.layout3.form-horizontal h3 {
    font-size: 1.4em;
  font-weight: 400;
    color: #636F03;
}

div#c10954.frame.frame-default.frame-type-list.frame-layout-0 form.powermail_form.powermail_form_3.layout3.form-horizontal h3
{
display: none;
}

 div#c10954.frame.frame-default.frame-type-list.frame-layout-0 div.tx-powermail div.container-fluid div.powermail_fieldwrap.powermail_fieldwrap_type_check.powermail_fieldwrap_marker_01.form-group.col-md-6
{
  padding-top: 0px
}

div#c10954.frame.frame-default.frame-type-list.frame-layout-0 div.tx-powermail div.container-fluid div.powermail_fieldwrap.powermail_fieldwrap_type_check.powermail_fieldwrap_marker_01.form-group.col-md-6
{
  width:75%;
}

div#c10954.frame.frame-default.frame-type-list.frame-layout-0 div.powermail_fieldwrap.powermail_fieldwrap_type_text.powermail_fieldwrap_einwilligungserklaerung.form-group.col-md-6 div.col-sm-10.col-sm-offset-2
{
  padding-top: 15px;
}

div#c10954.frame.frame-default.frame-type-list.frame-layout-0 div.tx-powermail div.container-fluid div.powermail_fieldwrap.powermail_fieldwrap_type_check.powermail_fieldwrap_marker_01.form-group.col-md-6 div.col-sm-10
{
  padding-left: 5px;
}

div#c10954.frame.frame-default.frame-type-list.frame-layout-0.frame-space-after-small div.powermail_fieldwrap.powermail_fieldwrap_type_text.powermail_fieldwrap_marker_03.form-group.col-md-6
{
width: 100%
}


div#c10954.frame.frame-default.frame-type-list.frame-layout-0.frame-space-after-small div.tx-powermail div.powermail_fieldwrap.powermail_fieldwrap_type_text.powermail_fieldwrap_marker_03.form-group.col-md-6 div.col-sm-10.col-sm-offset-2
{
font-size: 14px;
  font-weight: 300;
  color: #4A4A4A;
  margin-left: 0px;
  width: 90% !important;
}

div#c10954.frame.frame-default.frame-type-list.frame-layout-0.frame-space-after-small input.btn.btn-primary {
  background: #636F03;
  color: #ffffff;
}

/* Begrenzung der angezeigeten Termine und Artikel auf 5 

#c3272 > div:nth-child(2) > article:nth-child(5),
#c3272 > div:nth-child(2) > article:nth-child(6),
#c3272 > div:nth-child(2) > article:nth-child(7),
#c3272 > div:nth-child(2) > article:nth-child(8),
#c3272 > div:nth-child(2) > article:nth-child(9),
#c3272 > div:nth-child(2) > article:nth-child(10),
#c3272 > div:nth-child(2) > article:nth-child(11),
#c3272 > div:nth-child(2) > article:nth-child(12),
#c3272 > div:nth-child(2) > article:nth-child(13),
#c3272 > div:nth-child(2) > article:nth-child(14),
#c3272 > div:nth-child(2) > article:nth-child(15),
#c3272 > div:nth-child(2) > article:nth-child(16),
#c3272 > div:nth-child(2) > article:nth-child(17),
#c3272 > div:nth-child(2) > article:nth-child(18),
#c3272 > div:nth-child(2) > article:nth-child(19),
#c3272 > div:nth-child(2) > article:nth-child(20),
#c3272 > div:nth-child(2) > article:nth-child(21),
#c3272 > div:nth-child(2) > article:nth-child(22),
#c3272 > div:nth-child(2) > article:nth-child(23),
#c3272 > div:nth-child(2) > article:nth-child(24),
#c3272 > div:nth-child(2) > article:nth-child(25),
#c3272 > div:nth-child(2) > article:nth-child(26),
#c3272 > div:nth-child(2) > article:nth-child(27)
 {
display:none;
}



c13807 > div:nth-child(2) > article:nth-child(5),
c13807 > div:nth-child(2) > article:nth-child(6),
c13807 > div:nth-child(2) > article:nth-child(7),
c13807 > div:nth-child(2) > article:nth-child(8),
c13807 > div:nth-child(2) > article:nth-child(9),
c13807 > div:nth-child(2) > article:nth-child(10),
c13807 > div:nth-child(2) > article:nth-child(11),
c13807 > div:nth-child(2) > article:nth-child(12),
c13807 > div:nth-child(2) > article:nth-child(13),
c13807 > div:nth-child(2) > article:nth-child(14),
c13807 > div:nth-child(2) > article:nth-child(15),
c13807 > div:nth-child(2) > article:nth-child(16),
c13807 > div:nth-child(2) > article:nth-child(17),
c13807 > div:nth-child(2) > article:nth-child(18),
c13807 > div:nth-child(2) > article:nth-child(19),
c13807 > div:nth-child(2) > article:nth-child(20),
c13807 > div:nth-child(2) > article:nth-child(21),
c13807 > div:nth-child(2) > article:nth-child(22),
c13807 > div:nth-child(2) > article:nth-child(23),
c13807 > div:nth-child(2) > article:nth-child(24),
c13807 > div:nth-child(2) > article:nth-child(25),
c13807 > div:nth-child(2) > article:nth-child(26),
c13807 > div:nth-child(2) > article:nth-child(27)
 {
display:none;
}
*/

/* 
#c2892 .news > article:nth-child(5), 
#c2892 .news > article:nth-child(6), 
#c2892 .news > article:nth-child(7), 
#c2892 .news > article:nth-child(8), 
#c2892 .news > article:nth-child(9), 
#c2892 .news > article:nth-child(10), 
#c2892 .news > article:nth-child(11), 
#c2892 .news > article:nth-child(12), 
#c2892 .news > article:nth-child(13), 
#c2892 .news > article:nth-child(14), 
#c2892 .news > article:nth-child(15), 
#c2892 .news > article:nth-child(16), 
#c2892 .news > article:nth-child(17), 
#c2892 .news > article:nth-child(18), 
#c2892 .news > article:nth-child(19), 
#c2892 .news > article:nth-child(20), 
#c2892 .news > article:nth-child(21), 
#c2892 .news > article:nth-child(22), 
#c2892 .news > article:nth-child(23), 
#c2892 .news > article:nth-child(24), 
#c2892 .news > article:nth-child(25), 
#c2892 .news > article:nth-child(26)
{
display:none; 
}


c13807 > article:nth-child(5), 
c13807 > article:nth-child(6), 
c13807 > article:nth-child(7), 
#c13807 > article:nth-child(8), 
#c13807 > article:nth-child(9), 
#c13807 > article:nth-child(10), 
#c13807 > article:nth-child(11), 
#c13807 > article:nth-child(12), 
#c13807 > article:nth-child(13), 
#c13807 > article:nth-child(14), 
#c13807 > article:nth-child(15), 
#c13807 > article:nth-child(16), 
#c13807 > article:nth-child(17),  
#c13807 > article:nth-child(18), 
#c13807 > article:nth-child(19),  
#c13807 > article:nth-child(20), 
#c13807 > article:nth-child(21), 
#c13807 > article:nth-child(22),  
#c13807 > article:nth-child(23), 
#c13807 > article:nth-child(24),  
#c13807 > article:nth-child(25) 
{
display:none; 
}
*/

/* Änderungen an Reihenfolge Menupunkte Hauptseite ANFANG */

body.start nav#mainbar.mainbar ul li:nth-child(4) {
order:7;
}

body.start nav#mainbar.mainbar ul li:nth-child(5) {
order:4;
}

body.start nav#mainbar.mainbar ul li:nth-child(7) {
order:5;
}

body.hochschule nav#mainbar.mainbar ul li:nth-child(4) {
order:7;
}

body.hochschule nav#mainbar.mainbar ul li:nth-child(5) {
order:4;
}

body.hochschule nav#mainbar.mainbar ul li:nth-child(7) {
order:5;
}
 



/* Navi milile Studiengänge ausblenden */
#c11427 {
display: none;
}


body.start header h2 {
  color: #444;
  font-size: 1.7em;
}

body.start article div.csc-default h3 a
{
  color: #333 !important;
}


div#c2892.frame.frame-default.frame-type-list.frame-layout-0 div.news.list article p a {
  padding-top: 19px;
  color: #005d5e; !important;
  text-decoration: underline;
}

div#c2892.frame.frame-default.frame-type-list.frame-layout-0 div.news.list article p a:hover {
  color: #009176;
  text-decoration: none;
}


body.start div#c25.frame.frame-default.frame-type-list.frame-layout-0 dd a {
    color: #005d5e; !important;
  text-decoration: underline !important;
}

html body.start div#c25.frame.frame-default.frame-type-list.frame-layout-0 dd a:hover {
   color: #009176; !important;
  text-decoration: none !important;
}





body.start {
  font-size: 17px;
}

body.start #container h3 {
   font-size: 1.0em;
}

body.start #container p {
   font-size: 1.0em;
}

body.start div#c3272.frame.frame-default.frame-type-list.frame-layout-0 div article {
  margin-bottom: 30px !important;
}

body.start div#c13807.frame.frame-default.frame-type-list.frame-layout-0 div article {
  margin-bottom: 30px !important;
}

body.start div#c3272 h2 {
  margin-bottom: 24px;
}

body.start div#c8526 a {
  background: #00a788 !important;

}

body.start div#c8526 a:hover {
  text-decoration: none;
  color: #ddd !important;
}

div#c3272.frame.frame-default.frame-type-list.frame-layout-0 div article div.csc-default p {
color: #333;
}


body.start nav#mainbar.mainbar {
color: #333;
font-family: 'BarlowMedium',sans-serif;
font-weight: 500;
font-size: 21px;
width:72%;
float: right;

}

.mainbar ul {
  margin-bottom: 24px;
}


body.start nav.topbar ul {
padding-top: 21px;
padding-right: 0px;
padding-left: 20px;
padding-bottom: 20px;
font-size: 17px;
}

body.start i.fa.fa-twitter {
  display:none;
}

body.start header {
  min-height: 115px;
}

body.start div#wrapper div.container div#container {
background:transparent !important;
}

body.start .row {
  margin-right: -15px;
  margin-left: -15px;
  background: transparent;
}


#logostart {
  position: absolute;
  background: url("../img/ehs-logo.png") no-repeat 0px 5px transparent;
  height: 160px;
  width: 215px;
  z-index: 7 !important;
}


#logostartsmart {
  position: absolute;
  background: url("../img/ehs-logo_smart01.png") no-repeat 0px 5px transparent;
  height: 55px;
  width: 90px;
  z-index: 7 !important;
  display: none;
}





/* Studium Navi



*/


body.start #navistudium nav#mainbar.mainbar {
color:#fff;

}

#navistudium .mainbar .hochschule,
#navistudium .mainbar .uid-2,
#navistudium body.start aside h1,
#navistudium body.start aside h3,
#navistudium body.hochschule aside h1,
#navistudium body.hochschule aside h3 {
  background: #d21446 !important;
}
#navistudium .mainbar .studium,
#navistudium .mainbar .uid-29,
#navistudium body.studium aside h1,
#navistudium body.studium aside h3  {
  background: #006fb9 !important;
}

.teaser-pentagon [class*="col-"] {
  background-image: url("../images/icon-pentagon-color-studium.svg")
}

.teaser-pentagon [class*="col-"]:hover {
  background-image: url("../images/icon-pentagon-color-studium-active.svg")
}

#navistudium .mainbar .alumni,
body.qualifizieren aside h1,
body.qualifizieren aside h3  {
  background: #b32472 !important;
}
#navistudium .mainbar .asta,
body.asta aside h1,
body.asta aside h3  {
  background: #0078bf !important;
}
#navistudium .mainbar .forschung,
#navistudium .mainbar .uid-50,
body.forschung aside h1,
body.forschung aside h3  {
  background: #f89c1c !important;
}
#navistudium .mainbar .weiterbildung,
#navistudium .mainbar .uid-328,
body.weiterbildung aside h1,
body.weiterbildung aside h3  {
  background: #9d1e87 !important;
}
#navistudium .mainbar .zentrum,
.mainbar .uid-909,
body.zentrum aside h1,
body.zentrum aside h3  {
  background: #fdc600 !important;
}
#navistudium .mainbar .praxis,
#navistudium .mainbar .uid-123,
body.praxis aside h1,
body.praxis aside h3  {
  background: #f16348 !important;
}
#navistudium .mainbar .international,
#navistudium .mainbar .uid-71,
body.international aside h1,
body.international aside h3  {
  background: #00675e !important;
}

body.start #navistudium nav#mainbar.mainbar {
color: #fff;
font-family: 'BarlowMedium',sans-serif;
font-weight: 500;
font-size: 21px;
width:100%;
float: right;
}

body.start nav.topbar ul li a:hover {
  text-decoration: none;
  color: #00a788;
}

html body.start nav#mainbar.mainbar ul li a:hover {
   color: #00a788;
   text-decoration: none;
}

  .slider ul {
  margin-right: 0px !important;
}

body.start div#c8526 {
margin-right: 0px;
}

body.start nav#mainbar.mainbar .subnav li a {
font-size:17px;
}

body.start div#wrapper div.container div#container div.row main.col-md-12 section div.row {
  margin-right: -9px;
}


.topbar {
  color: #4A4A4A;
  font-family: 'BarlowMedium',sans-serif;
  font-weight: 500;

}

#navistudium {
  z-index: 1;
}

body.start div#navistudium nav#mainbar.mainbar ul li a {
color: #fff;
font-family: 'BarlowSemiBold',sans-serif;
 font-weight: 600;
font-size: 15px;
width: 183px;
text-align: left;
padding-left: 12px;
}


body.start div#c6066.frame.frame-default.frame-type-header.frame-layout-0 header h2 {
margin-top: 22px;
margin-right: auto;
margin-bottom: 21px;
margin-left: auto;
}

body.start div#navistudium nav#mainbar.mainbar ul li.weiterbildung.uid-328.submenu {
	max-width: 183px
	max-height: 50px
}

body.start div#navistudium nav#mainbar.mainbar ul li.weiterbildung.uid-328.submenu a{
font-size: 15px;	
line-height: 18px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 7px;
}



body.hochschule header nav.topbar ul li a,
body.studium header nav.topbar ul li a,
body.forschung header nav.topbar ul li a,
body.weiterbildung sofi header nav.topbar ul li a,
body.praxis header nav.topbar ul li a,
body.international header nav.topbar ul li a,
body.qualifizieren header nav.topbar ul li a
 {
font-size: 18px;

}
body.hochschule header nav.topbar ul li a:hover
 {
  color: #00a788; 
  text-decoration:none;
}

body.hochschule nav#mainbar.mainbar ul li a, 
body.weiterbildung sofi nav#mainbar.mainbar ul li a
{
  font-size: 20px;
}

body.hochschule nav#mainbar.mainbar ul li a:hover
{
color: #00a788; 
}

body.hochschule #container main.col-md-9 a {
  color: #005d5e;
  text-decoration: underline;
}
body.hochschule #container a:hover {
  color: #005d5e;
   text-decoration: none;
}


body.hochschule nav#mainbar.mainbar {
  float:right;
width:72%;
}


body.hochschule header {
 min-height: 83px;
  width: 1170px;
  margin: 0 auto;
}

body.hochschule #logo {
  position: absolute;
  background: url("../img/ehs-logo_hochschule.png") no-repeat 0px 5px transparent;
  height: 160px;
  width: 215px;
  z-index: 10;
}

html body.hochschule div#wrapper header div#logostart {
 background: url("../img/ehs-logo_hochschule.png") no-repeat 0px 5px transparent;
}


body.hochschule div#wrapper div.container div#container div.row aside#sidebar.col-md-3 div#logo {
  position: absolute;
  z-index: 7 !important;
}



html body.hochschule div#wrapper div.container div#container div.row aside#sidebar.col-md-3 form.search-form
{
  margin-top:109px;
}


html body.hochschule div#wrapper div.container div#container div.row main.col-md-9 {
padding-top: 20px;  
}


body.hochschule div.slider ul.slides div.imagetext h2 {
display:none;
}

body.hochschule div#c2891.frame.frame-default.frame-type-html.frame-layout-0.frame-space-before-small ul.quicklinks li a::before {
 transform: scale(0.8);
}


html body.start div#wrapper div.container div#container div.row aside#sidebar.col-md-3 {
  margin: 74px 0px !important;
}



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

  body.start nav#mainbar.mainbar {
    color: #333;
  font-family: 'BarlowMedium',sans-serif;
  font-weight: 500;
  font-size: 15px;
  width: 72%;
  clear: both;
  margin: 0 auto;
  background: #fff;
  }

#logostartsmart {
  display: inherit;
}


 body.start #logostartsmart {
    padding-top: 13px;
    margin-top: 26px;
    transform: scale(0.9) !important;
  }

  body.hochschule #logostartsmart {
    padding-top: 13px;
    margin-top: 26px;
    transform: scale(0.9) !important;
  }

  html body.hochschule div#wrapper header div#logostartsmart {
    margin-top: 26px;
  }


#logostart {
  display:none;
}


body.start div#wrapper div.container div#container div.row main.col-md-12 {
padding-top: 40px;
}


html body.start div#c11221.frame.frame-default.frame-type-html.frame-layout-0 {
  flaot:left !important;
  text-align: left;
}

body.start #navistudium nav#mainbar.mainbar {
float: none !important;
  transform: scale(0.7);
}


body.hochschule header {
  min-height: 83px;
  width: auto;
  margin: 0 auto;
}

body.hochschule nav#mainbar.mainbar {
  float: right;
  width: auto;
}

body.hochschule nav#mainbar.mainbar ul li a, body.weiterbildung sofi nav#mainbar.mainbar ul li a {
  font-size: 16px;
 
}

body.hochschule nav#mainbar.mainbar ul li {
   padding: 5px;
}


footer img.logo {
  width: 160px;
  display: block;
  margin: auto;
}


body.start nav#mainbar.mainbarmobil ul {
  list-style: inside url('../img/pfeil.png');
padding-left: 4px;
line-height: 30px;

}



div#c3272.frame.frame-default.frame-type-list.frame-layout-0 {
  min-height: 100%;
   height: 860px;
  margin-bottom: 30px;
}

div#c13807.frame.frame-default.frame-type-list.frame-layout-0 {
  min-height: 100%;
   height: 860px;
  margin-bottom: 30px;
}


body.hochschule  div.container div#container div.row aside#sidebar.col-md-3 nav.subbar ul.list-group {
  line-height: 1em;
}


}




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

  #c11427 {
display: block;
}

  #c11422 {
display: none;
}

  #c8526 {
    z-index: 1;
  }

  #mainbar {
    z-index: 20;
  }

  body.start header {
  min-height: 80px;
}
 
  nav.mainbar > ul > li > a {
    padding: 10px 20px;
     background: #efefef;
  }

    nav.mainbar > ul > li > a:hover {
    padding: 10px 20px;
     background: #fff;
  }

body.start nav.topbar ul {
  padding-top: 20px;
  padding-right: 0px;
  padding-left: 17px;
  padding-bottom: 2px;
  font-size: 12px;
}

body.hochschule nav.topbar ul {
   font-size: 13px;
}

body.hochschule header nav.topbar ul li a, body.studium header nav.topbar ul li a, body.forschung header nav.topbar ul li a, body.weiterbildung sofi header nav.topbar ul li a, body.praxis header nav.topbar ul li a, body.international header nav.topbar ul li a, body.qualifizieren header nav.topbar ul li a {
  font-size: 13px;
}

body.start nav#mainbar.mainbar .subnav li a {
  font-size: 13px;
}


body.start div#c8526.frame.frame-default.frame-type-html.frame-layout-0 a {
  background: #007482;
  color: white;
  padding: 5px;
  margin-top: 20px;
  display: block;
  width: 100%;
  text-align: center;
  font-size: 13px !important;
}

  body .slider {
    height: 120px;
  }


html body.hochschule div#wrapper div.container div#container div.row aside#sidebar.col-md-3 form.search-form {
  margin-top: 20px;
}



body.start div#navistudium nav#mainbar.mainbar {
  display:flex !important;
  width: auto !important;
  transform: scale(1);
  width:80%;
}



body.start div#navistudium nav#mainbar.mainbar ul li a {
  color: #fff;
  font-family: 'BarlowSemiBold',sans-serif;
  font-weight: 600;
  font-size: 19px;
  width: 100%;
  height: 100%;
  text-align: left;
  background: #00a788;
  height: 50px;
}

body.start div#navistudium nav#mainbar.mainbar ul li a:hover {
  color: #efefef;
}

body.start div#navistudium nav#mainbar.mainbarmobil ul li a:hover {
  color: #00a788;
  text-decoration: none;
}

html body.start .sliderimage {
  width: 100%;
  height: 80px !important;
  overflow: hidden;
  display: block;
}

  body .slider {
    height: 80px;
  }


footer img.logo {
  width: 160px;
  display: block;
  margin: auto;
}

body.start nav#mainbar.mainbarmobil ul {
  list-style: inside url('../img/pfeil.png');
padding-left: 4px;
line-height: 30px;

}



div#c3272.frame.frame-default.frame-type-list.frame-layout-0 {
  min-height: 100%;
   height: 860px;
  margin-bottom: 30px;
}

div#c13807.frame.frame-default.frame-type-list.frame-layout-0 {
  min-height: 100%;
   height: 860px;
  margin-bottom: 30px;
}






body.hochschule  div.container div#container div.row aside#sidebar.col-md-3 nav.subbar ul.list-group {
  line-height: 1em;

}










}




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

  #c11427 {
display: block;
}

  #c11422 {
display: none;
}

  .quicklinks li {
    width: 23%;
  }

  .quicklinks li a {
  transform: scale(0.8);
}

  body.start header h2,
  body.start section div#c2891 h2  {
   font-size: 1.3em !important;
  font-weight: 500;
  font-family: 'BarlowMedium',sans-serif; 
  }


html body.start .sliderimage {
  width: 100%;
  height: 80px !important;
  overflow: hidden;
  display: block;
}


  body.hochschule header,
  body.qualifizieren header,
  body.asta header,
  body.studium header,
  body.forschung header,
  body.weiterbildung header,
  body.praxis header,
  body.international header {
    background-size: auto 80% !important;
  }

  nav.topbar {
    display: flex;
  }

  nav.topbar {
    display: flex !important;
  }

  body.start nav.topbar ul {
  padding-top: 20px;
  padding-right: 0px;
  padding-left: 48px;
  padding-bottom: 2px;
  font-size: 11px;
  width:auto;
}

  body.hochschule nav.topbar ul {
  padding-top: 0px;
  padding-right: 3px;
  padding-left: 12px;
  padding-bottom: 2px;
  font-size: 11px;
  width:auto;
}

.topbar > ul > li {
  padding: 0 5px;
  line-height: 14px;
  border-left: 1px solid #4A4A4A;
}


#logostartsmart {
  padding-top: 5px;
transform: scale(0.7);
}


body.start header div#logostartsmart  {

  margin-top: 26px;
}


body.start div#navistudium nav#mainbar.mainbar {
  display:flex !important;
  width: auto !important;
  transform: scale(1);
}



body.start div#navistudium nav#mainbar.mainbar ul li a {
  color: #fff;
  display:block !important;
  font-family: 'BarlowSemiBold',sans-serif;
  font-weight: 600;
  font-size: 19px;
  width: auto;
  text-align: left;
  height: 50px;
}

body.start div#navistudium nav#mainbar.mainbar ul li a:hover {
  color: #efefef;
}




body.start div#navistudium li.hochschule.uid-2.submenu, li.studium.uid-29.submenu, li.forschung.uid-50.submenu, li.weiterbildung.uid-328.submenu, li.praxis.uid-123.submenu, li.international.uid-71.submenu, li.alumni.uid-9.submenu {
  z-index: 1002;
}



body.start div#navistudium nav#mainbar.mainbar ul li.weiterbildung.uid-328.submenu a {
  font-size: 16px;
  line-height: 18px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 5px;
  padding-bottom: 7px;
}

body.start div#navistudium nav#mainbar.mainbar ul li.weiterbildung.uid-328.submenu  {
background: #9d1e87 !important;
}

  body.start div#wrapper div.container div#container div.row main.col-md-12 {
    padding-top: 20px;
  }

    body .slider {
    height: 80px;
  }



footer img.logo {
  width: 160px;
  display: block;
  margin: auto;
}



  body.hochschule #logostartsmart {
    padding-top: 35px;
    margin-top: 35px;
    transform: scale(0.6) !important;
  }

 


body.start nav#mainbar.mainbarmobil ul {
  list-style: inside url('../img/pfeil.png');
padding-left: 4px;
line-height: 30px;
}



div#c3272.frame.frame-default.frame-type-list.frame-layout-0 {
  min-height: 100%;
  height: 860px;
    margin-bottom: 30px;
}

div#c13807.frame.frame-default.frame-type-list.frame-layout-0 {
  min-height: 100%;
  height: 860px;
    margin-bottom: 30px;
}




body.hochschule  div.container div#container div.row aside#sidebar.col-md-3 nav.subbar ul.list-group {
  line-height: 1em !important;
}




}





body.start div#wrapper div.container div#container div.row aside#sidebar.col-md-3 {
 margin-top: 90px; 
}


body.hochschule .quicklinks a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 90px 10px 10px 10px;
  line-height: 14px;
  font-size: 12px;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  color: black !important;
  transform: scale(0.8);
}


body.start span.sliderimage a:hover {
  opacity: 0.7;
}



@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

#c11420 { animation: fadeIn 3s; }

#logostart {animation: fadeIn 2s;}

body.hochschule nav#mainbar.mainbar .subnav li a {
  font-size: 17px;
}


div#wrapper header div#logostartsmart a img
{
  width: 100%;
  height: 100%;
}

div#wrapper header div#logostart a img
{
  width: 100%;
  height: 100%;
}


body.start div#c3272.frame.frame-default.frame-type-list.frame-layout-0 div article div.csc-default p a
{
  color: #005d5e;
  text-decoration: underline;
  font-weight: 500;
}

body.start div#c3272.frame.frame-default.frame-type-list.frame-layout-0 div article div.csc-default p a:hover {
  color: #009176;
  text-decoration: none;
}


body.start div.container div#c3272.frame.frame-default.frame-type-list.frame-layout-0 h3 a {
  text-decoration: none;
  color:#333;
}

body.start div.container div#c3272.frame.frame-default.frame-type-list.frame-layout-0 h3 a:hover {
  text-decoration: none;
  color:#777 !important;
}

html body.start div#wrapper div.container div#container div.row main.col-md-9 section div#c25.frame.frame-default.frame-type-list.frame-layout-0 p a,
html body.start div#wrapper div.container div#container div.row main.col-md-9 section div#c25.frame.frame-default.frame-type-list.frame-layout-0 p strong a,
html body.start div#wrapper div.container div#container div.row main.col-md-12 section div#c13176.frame.frame-default.frame-type-text.frame-layout-0 p strong a,
html body.start div#wrapper div.container div#container div.row main.col-md-12 section div#c13174.frame.frame-default.frame-type-text.frame-layout-0 p strong a
 {
color: #005d5e !important;
text-decoration: underline !important;
}


html body.start div#wrapper div.container div#container div.row main.col-md-9 section div#c25.frame.frame-default.frame-type-list.frame-layout-0 p a:hover,
html body.start div#wrapper div.container div#container div.row main.col-md-9 section div#c25.frame.frame-default.frame-type-list.frame-layout-0 p strong a:hover,
html body.start div#wrapper div.container div#container div.row main.col-md-12 section div#c13176.frame.frame-default.frame-type-text.frame-layout-0 p strong a:hover,
html body.start div#wrapper div.container div#container div.row main.col-md-12 section div#c13174.frame.frame-default.frame-type-text.frame-layout-0 p strong a:hover
 {
   color: #009176 !important;
  text-decoration: none !important;
}


.c-accordion-title a {
  color: #005d5e !important;
}


    .c-accordion-title {
        display: block;
        position: relative;
        box-sizing: border-box;
        padding: 0.72em 3em 0.72em 1.1em;
        font-size: 1.26em;
        font-weight: 400;
        transition: all 0.3s;
        border-bottom: 1px solid transparent;
        color: #005d5e;
    }



  @media (min-width: 992px) {
div#c10954 .col-md-6 {
    width: 100%;
  }
}

div#c10954 fieldset div.col-sm-10 {
  width: 55% !important;
}


.news-single-img {
  float: left;
}

div#c25 div.news-single-img a img,
div#c95 div.news-single-img a img
 {
    padding-right: 20px;
  padding-bottom: 10px;
}


body.start div#c2892.frame.frame-default.frame-type-list.frame-layout-0 div.news.list article figure div img {
  display: none;
}



body.hochschule div#c3755.frame.frame-default.frame-type-list.frame-layout-0 div.news.list article figure div img {
  display: none;
}


body.start div#navistudium nav#mainbar.mainbar ul li.forschung.uid-50.submenu a {
  color:#000;
}

body.start div#navistudium nav#mainbar.mainbar ul li.praxis.uid-123.submenu a {
  color:#000;
}


li.list-group-item:nth-child(1) > a:nth-child(1) {
  text-decoration: inherit;
}

body.hochschule div#container main.col-md-9 div.ce-bodytext p a {
  text-decoration: underline;
}

body.hochschule div#wrapper div.container div#container div.row main.col-md-9 ul.quicklinks a {
   text-decoration: none !important;
}



/* Formatierung Tab links START */

.ui-tabs .ui-tabs-nav {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom: 0;
    border-bottom-width: 0px;
  padding: 0;
  white-space: nowrap;
}

.ui-state-active, .ui-widget-content .ui-state-active {
border: 1px solid #00a788 !important;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(251, 216, 80);
  background: #ffffff url('../../../fileadmin/ehs-admin/stylesheets/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png') 50% 50% repeat-x;
  font-weight: bold;
  color: #eb8f00;
  outline: none;
}


/* Formatierung Tabs Hejfam rechts START */
div#c12252 .ui-tabs .ui-tabs-nav, 
div#c12253 .ui-tabs .ui-tabs-nav,
div#c12214 .ui-tabs .ui-tabs-nav, 
div#c12219 .ui-tabs .ui-tabs-nav, 
div#c12188 .ui-tabs .ui-tabs-nav, 
div#c12232 .ui-tabs .ui-tabs-nav

  {
   float: right !important;
}
/* Formatierung Tabs Hejfam rechts STop */

.ui-widget-header {
   border: 0px solid #00a788 !important;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(251, 216, 80) !important;
   background: #ffffff url('../../../fileadmin/ehs-admin/stylesheets/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png') 50% 50% repeat-x !important;
  color: #ffffff !important;
  font-weight: bold;
}

.ui-state-default, .ui-widget-content .ui-state-default {
  border: 1px solid #cccccc;
  background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #1c94c4 !important;
  outline: none;
}

 .ui-state-hover {
  border: 1px solid #00a788;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(251, 216, 80);
  background: #ffffff url('../../../fileadmin/ehs-admin/stylesheets/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png') 50% 50% repeat-x;
  font-weight: bold;
  color: #eb8f00;
  outline: none;
}

.ui-widget-content {
  border: 0px solid #ffff !important;
  background: #fff !important;
  
}


/* Formatierung Tab links STOP */








div#c12038 .ui-widget-header, div#c12188 .ui-widget-header, div#c12214 .ui-widget-header, div#c12219 .ui-widget-header, div#c12232 .ui-widget-header, div#c12247 .ui-widget-header, div#c12192 .ui-widget-header, div#c12190 .ui-widget-header, div#c12248 .ui-widget-header, div#c12546 .ui-widget-header {
  border: 0px;
  background: transparent; 
  color: #ffffff;
  font-weight: bold;
}


div#c12038 .ui-widget-content, div#c12188 .ui-widget-content, div#c12214 .ui-widget-content, div#c12219 .ui-widget-content, div#c12232 .ui-widget-content, div#c12247 .ui-widget-content, div#c12192 .ui-widget-content, div#c12190 .ui-widget-content, div#c12248 .ui-widget-content, div#c12546 .ui-widget-content {
  border: 0px;
  background: transparent;
  color: #333;
}



div#c12038 .ui-state-active, div#c12188 .ui-state-active, div#c12214 .ui-state-active, div#c12219 .ui-state-active, div#c12232 .ui-state-active, div#c12247 .ui-state-active, div#c12192 .ui-state-active, div#c12190 .ui-state-active, div#c12248 .ui-state-active, div#c12546 .ui-state-active   {
  border: 1px solid #00a788;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(251, 216, 80);
  background: #ffffff url('../../../fileadmin/ehs-admin/stylesheets/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png') 50% 50% repeat-x;
  font-weight: bold;
  color: #eb8f00;
  outline: none;
}


div#c12038 .ui-state-hover, div#c12188 .ui-state-hover, div#c12214 .ui-state-hover, div#c12219 .ui-state-hover, div#c12232 .ui-state-hover, div#c12247 .ui-state-hover, div#c12192 .ui-state-hover, div#c12190 .ui-state-hover, div#c12248 .ui-state-hover, div#c12546 .ui-state-hover    {
  border: 1px solid #00a788;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(251, 216, 80);
  background: #ffffff url('../../../fileadmin/ehs-admin/stylesheets/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png') 50% 50% repeat-x;
  font-weight: bold;
  color: #eb8f00;
  outline: none;
}


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

.ce-right .ce-gallery {
  float: inherit;
}

}



 #jfmulticontent_c12188 .ui-tabs .ui-tabs-nav li, div#c12038 .ui-tabs .ui-tabs-nav li, div#c12252 .ui-tabs .ui-tabs-nav li  {
  position: relative;
  float: right !important;
  border-bottom-width: 0 !important;
  margin: 0 .2em -1px 0;
  padding: 0;
}

/* Formatierung Tab lP 
.ui-tabs .ui-tabs-nav {
  list-style: none;
  float: right;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom: 0;
    border-bottom-width: 0px;
  padding: 0;
  white-space: nowrap;
}
*/

div#c12038 .ui-tabs .ui-tabs-nav, div#c12192 .ui-tabs .ui-tabs-nav, div#c12190 .ui-tabs .ui-tabs-nav, div#c12546 .ui-tabs .ui-tabs-nav {
  list-style: none;
  float: left !important;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom: 0;
    border-bottom-width: 0px;
  padding: 0;
  white-space: nowrap;
}

div#c12038 .ui-tabs .ui-tabs-nav li, div#c12192 .ui-tabs .ui-tabs-nav li, div#c12190 .ui-tabs .ui-tabs-nav li, div#c12546 .ui-tabs .ui-tabs-nav li {
  position: relative;
  float: left !important;
  border-bottom-width: 0 !important;
  margin: 0 .2em -1px 0;
  padding: 0;
}



#container .ui-widget {
   font-family: 'Barlow',sans-serif !important;
  font-size: 1em;
  color: #555 !important;
}


#container .ui-widget h2 {
  font-size: 1.7em !important;
  font-weight: 500 !important;
  color: #555555 !important;
  font-family: 'BarlowMedium',sans-serif !important;
}

#container .ui-widget p.text-justify {
color: #555 !important;
}


.tx-jfmulticontent-pi1 .ui-tabs .ui-tabs-panel {

  padding-left: 0em !important;

}


body.start .frame.frame-default.frame-type-html.frame-layout-0 a:hover {
color: #444444;
}

html body.start div#wrapper div.container div#container div.row main.col-md-12 section div#c11885.frame.frame-default.frame-type-html.frame-layout-0.frame-space-before-small img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

html body.start div#wrapper div.container div#container div.row main.col-md-12 section div#c11885.frame.frame-default.frame-type-html.frame-layout-0.frame-space-before-small:hover img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

html body.start div#wrapper div.container div#container div.row main.col-md-12 section div#c13171.frame.frame-default.frame-type-html.frame-layout-0.frame-space-before-small img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

html body.start div#wrapper div.container div#container div.row main.col-md-12 section div#c13171.frame.frame-default.frame-type-html.frame-layout-0.frame-space-before-small:hover img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

/* Weiterbildungen Tabelle */ 
.frame.frame-default.frame-type-shortcut .frame.frame-default.frame-type-list.frame-layout-0 div.tx-seminars-pi1 {	
	border: 6px solid #009F8B;
	border-radius: 40px;
	overflow: auto;
  margin-top: 38px;
}

.tx-seminars-pi1 .contenttable {
	width: 100% !important;
  margin: 0px 0 30px;
}

.tablesorter-headerRow {
	background: #009F8B;
	color: #fff;
	text-align: center;
}


.tablesorter-headerRow .tablesorter-header {
  border-color: #ffffff38;
  	background-size: 30px;
    font-size: 15px;
}



.contenttable tbody tr {
	background: #f6fffe;
}

.tablesorter-headerRow th {text-align: center}


.tx-seminars-pi1 table.contenttable.tablesorter.tablesorter-default tbody tr td:nth-last-child(1) {
	min-width: 140px;
}

.tx-seminars-pi1 table.contenttable.tablesorter.tablesorter-default tbody tr td:nth-child(2) {
white-space: nowrap;
}

/* Weiterbildungen Tabelle ENDE */ 


/* WEITERBILDUNG KONTAKT-FORMULAR */

/* Nur auf der Seite mit body-Klasse "kontakt-weiterbildung" */
.kontakt-weiterbildung .tx-powermail .container-fluid {
  max-width: none;
  padding: 0;
}

/* Bootstrap-Reihen und Spalten neutralisieren */
.kontakt-weiterbildung .tx-powermail .row {
  display: block;
  margin: 0;
}

.kontakt-weiterbildung .tx-powermail [class*="col-"],
.kontakt-weiterbildung .tx-powermail .col-sm-2,
.kontakt-weiterbildung .tx-powermail .col-sm-10,
.kontakt-weiterbildung .tx-powermail .col-md-6 {
  float: none;
  width: 100% !important;
  max-width: 100%;
  padding: 0;
  margin: 0 0 1rem 0;
  box-sizing: border-box;
}

/* Form-Gruppen vertikal statt horizontal */
.kontakt-weiterbildung .powermail_form.form-horizontal .form-group {
  display: block;
  margin: 0 0 1.5rem 0;
}


/* Eingabefelder neutralisieren */
.kontakt-weiterbildung .powermail_form .form-control,
.kontakt-weiterbildung .powermail_form textarea,
.kontakt-weiterbildung .powermail_form input[type="text"],
.kontakt-weiterbildung .powermail_form select {
  display: block;
  width: 100%;
  max-width: 100%;
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #aaa;
  padding: 0.5rem 0.6rem;
  font: inherit;
  background: #fff;
}

/* Checkbox-Bereich */
.kontakt-weiterbildung .powermail_form .checkbox {
  padding: 0;
  margin: 0;
}

.kontakt-weiterbildung .powermail_form .checkbox label {
  padding: 0;
  margin: 0;
  font-weight: normal;
}

/* Absende-Button von Bootstrap lösen */
.kontakt-weiterbildung .powermail_form .btn {
  border-radius: 0;
  box-shadow: none;
  padding: 1.2rem 1.2rem;
  background: #00ab8e;
  color: #fff;
  text-transform: none;
  width: 100%;
  font-weight: bold;
  font-size: 15px;
}

.kontakt-weiterbildung .powermail_form .btn:hover {
  background: #00987e;  
}



.kontakt-weiterbildung .powermail_form {
	border: 40px solid #f3f3f3;
	padding: 30px;
}


.kontakt-weiterbildung .checkbox input[type=checkbox],
.kontakt-weiterbildung .checkbox-inline input[type=checkbox],
.kontakt-weiterbildung .radio input[type=radio],
.kontakt-weiterbildung .radio-inline input[type=radio] {
  position:     unset ;
  margin-left: 0px;
}


.kontakt-weiterbildung input[type="submit"] {margin: 0;}


@media  (max-width: 767px) { 
.kontakt-weiterbildung .powermail_form {
        border: 10px solid #f3f3f3;
        padding: 15px 10px;
        background: #f3f3f3;
}
}



.kontakt-weiterbildung .pers_liste {
	display: block;
	padding: 0;
	margin: 19px 0 0;
}
.kontakt-weiterbildung .pers_liste li {list-style: none}


.kontakt-weiterbildung .control-label,
.kontakt-weiterbildung .powermail_legend
{display: none;}


/* WEITERBILDUNG KONTAKT-FORMULAR ENDE */