/** TEAM Detail **/
.MemberContainer{
  width:100%;
}
.MemberContainer img{
float:left;
margin-right:20px;
}
.MemberContainer h5{
font-weight:bold;
}
.personalinfo{
  width:60%;
  float:right;
}

h4.member{
  font-weight:bold;
  margin-bottom:20px;
}

.publication-container{
  width:100%;
}

ul.pubnav{
  list-style-type: square;
  margin-left:20px;
}
.pubnav a{
  text-decoration:none;
}

.pubnav a:hover{
  text-decoration:underline;
}
.member-telefon {
width:100%;
}
.member-telefon span{float:left;
margin-right:15%;
}
.contact-info{
width:100%;
float:left;
}
/** TEAM DETAIL END **/

/** TEAM **/

.TeamContainer {
  margin-right:10px;
  float:left;
  /** height:230px;**/
  height:140px;
  width:145px;
  padding-bottom: 1em;
}
.TeamContainer a {
  text-decoration:none;
}
.TeamContainer h6 a{
  text-decoration:none;
  font-size: 13px;
  /**color: red;**/
}
.TeamContainer a:hover img {
  border: solid 1px #CCC;
  -moz-box-shadow: 1px 1px 5px #999;
  -webkit-box-shadow: 1px 1px 5px #999;
    box-shadow: 1px 1px 5px #999;
 }

.TeamContainer img {
  width: 110px;
  height: 110px; 
  padding: 5px;
  border: solid 1px #EFEFEF;
}

/** TEAM END **/



/** Side Bar **/

.side-bar{
  font-family:Helvetica;
}

.side-bar li{
  border-bottom: 3px dashed #ddd;
  margin:0px;
}

.side-bar a{
  text-decoration:none;
  font-size:1em;
  display: block;
  padding: 4% 5%;
  margin: 1% 0;

}
.side-bar a.active{
  background:#9bc6e2;
  display: block;
  padding: 4% 5%;
}

.side-bar a:hover{
  background:#9bc6e2;

}

.side-bar .separator {
  font-size: 1em;
  display: block;
  padding: 4% 5%;
  margin: 1% 0;
}

/** Side Bar END **/



/** Header **/
.logo {
  display: block;
width: 301px;
height: 72px;
background-image: url(../Images/logo.png);
margin: 30px 0;
float:left;

}
.search-bar{
  float:right;
  margin-top:60px;
}
.icon-search {
  display: inline-block;
  width: 27px;
  height: 27px;
  background-repeat: no-repeat;
  text-indent:-9999px;
  border:none;
  background:none;
    background-image: url(../Images/Sprites/search.png);

}
.icon-search {
  background-position: 0 0;
}
.icon-search:hover {
  border:none;
  background-position: 0 0;
  z-index:99999;
  background:none!important;
  background-image: url(../Images/Sprites/search-hover.png)!important;
}

.search-bar #regularInput, .search-bar input{
  display:inline-block;
}

.lang-menu{
  float:right;
  display:block;
}
ul.countries{
  width:100%;
  list-style:none;
  display: inline-block;
  margin-top:60px;

}
ul.countries li {
  float:left;
  margin-right:10px;
}
ul.countries li a{
  display:block;
  float:left;
  height:18px;
  background-image: url(../Images/Sprites/country.png);
  text-indent:-9999px;
  margin-bottom:20px;
  width:26px;
}
ul.countries li a.active-german{
  width:26px;
  background-position-y: 115px;
  /* firefox compatibility */
  background-position: left 38px;
}
ul.countries li a.german{
  width:26px;
  background-position-y: 96px;
  /* firefox compatibility */
  background-position: left 19px;
}
ul.countries li a.german:hover{
  background-position-y: 115px;
  /* firefox compatibility */
  background-position: left 38px;
}

ul.countries li a.active-english{
  width:26px;
  background-position-y: 0px;
  /* firefox compatibility */
  background-position: left top;
}
ul.countries li a.english{
  width:26px;
  background-position-y: -19px;
  /* firefox compatibility */
  background-position: left 58px;
}
ul.countries li a.english:hover{
  background-position-y:0px;
  /* firefox compatibility */
  background-position: left top;
}

/** Header END **/

ul.extern{
  width:100%;
  list-style:none;
  display: inline-block;
  margin-top: 20px;
}
ul.extern li a{
  display:block;
  float:left;
  /*height:74px;
  background-image: url(../Images/Extern/extern.png);
  text-indent:-9999px;
  margin-bottom:20px;*/
}
ul.extern li {
  margin-bottom: 0;
}
ul.extern li a.goethe{
  width:100px;
  background-position: 0 0;
}
ul.extern a.informatik{
  background-position: -100px 0;
  width: 310px;
}
ul.extern a.robotic{
background-position: -420px 0;
width: 174px;

}
.container .footer{
      display: inline;
      float: left;
      width: 100%;
      border-bottom: 5px solid #929292;
      height:2em;

    }

.footer-nav-left{
  float:left;
  width:50%;
}
.footer-nav-left li{
  float:left;
  padding-right:10px;
  padding-left:10px;
}
.footer-nav-left li a{
  text-decoration:none;
}
.footer-nav-left li a:hover{
  text-decoration:underline;
}
.footer-nav-right li a{
  text-decoration:none;
}
.footer-nav-right li a:hover{
  text-decoration:underline;
}
.footer-nav-right{
  float:right;
}
.footer-nav-right li{
  padding: 0 10px;
}
.container .footer ul{
    display:inline-block;
}
.footer-nav-left ul li a{
    padding-right:2em;
    padding-right: 2em;
    text-decoration: none;
}
.container .footer a:hover{
    text-decoration: underline;
}
.container .footer ul li{
  float:left;
}


/*** TABLES **/

table {
  width: 100%;
  border-collapse: collapse;
}

table th, table td {
  padding: 10px 10px 9px;
  font-size: 13px;
  line-height: 18px;
  text-align: left;
}

table td {
  vertical-align: top;
  border-top: solid 1px #ddd;
}

table th {
  padding-top: 9px;
  font-weight: bold;
  vertical-align: middle;
}

table.condensed th, table.condensed td {
  padding: 5px 5px 4px;
}

table.bordered {
  border-collapse: separate;
  border: solid 1px #ddd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

table.bordered th + th,
table.bordered th + td,
table.bordered td + td {
  border-left: solid 1px #ddd;
}

.zebra-striped tbody tr:nth-child(odd) td,
.zebra-striped tbody tr:nth-child(odd) th {
  background: #f5f5f5;
}

/*** TABLES END **/

/* TYPO3 Hooks (Fluid Styled Content) */
.frame-header,
.frame > header {
  clear: both;
}

/** Bullet List **/

.publication-container ul li:before, .frame ul li:before {
  color:#285d85; /* set color to corparete blue */
  content:"\2022"; /* /2022 is the numerical unicode for • */
  font-size:1.5em;
  padding-right:.25em;
  position:relative;
    top:.1em; /* set the vertical position of the bullet if necessary. Make sure to use em or % */
  margin: 8px 0 0 -12px;   
}

/** UL Korrektur **/

.frame ul {
  margin-left: 24px;
}

/** Bullet List **/


/** CODE **/


code,
pre {
  padding: 0 3px 2px;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 12px;
  color: #333333;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

code {
  padding: 2px 4px;
  color: #d14;
  white-space: nowrap;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 20px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

pre.prettyprint {
  margin-bottom: 20px;
}

pre code {
  padding: 0;
  color: inherit;
  white-space: pre;
  white-space: pre-wrap;
  background-color: transparent;
  border: 0;
}


/** Lehre **/

.frame-header {
  margin-bottom:10px;
}

.frame h1 {font-size:28px;}

.frame b {font-weight:bold;}

.frame .important {
  color:red;
  font-weight:bold;
  }


/** Login As **/


.loginAs {
  float: right;
  padding: 7px;
}


/** HOME TYPO **/

.one-third .frame-header h2,
.one-third .frame-header h3,
.one-third .frame-header h4{
  text-align: center;
}

.one-third .ce-bodytext {
  text-align: justify;
}



/** Fluid Styled Content: Bilder und Textumfluss **/
.ce-gallery img { max-width: 100%; height: auto; }
.ce-left .ce-gallery,  .ce-intext.ce-left .ce-gallery  { float: left;  margin: 0 20px 10px 0; }
.ce-right .ce-gallery, .ce-intext.ce-right .ce-gallery { float: right; margin: 0 0 10px 20px; }
.ce-center .ce-gallery { margin: 0 auto 10px; text-align: center; }
.ce-bodytext, .frame { overflow: hidden; }
figure { margin: 0; }
figcaption { font-size: 12px; color: #777; }

/** Frontend-Login (EXT:felogin) **/
.tx-felogin-pi1 form fieldset,
.felogin-hidden { border: 0; padding: 0; }
.tx-felogin-pi1 label { display: block; }

/** Platzhalter fuer Team-Fotos **/
.TeamContainer img.placeholder { background: #f3f3f3; }

/** Team-Kacheln (tt_address) **/
.team-list-end { clear: both; }
.member-description { clear: both; padding-top: 20px; }
.MemberContainer::after { content: ""; display: block; clear: both; }

/** Alumni-Hinweis in der Detailansicht **/
.alumni-badge { display: inline-block; margin: 0 0 10px; padding: 2px 10px; background: #9bc6e2; color: #fff; font-size: 12px; border-radius: 2px; }

/** Cookie-Hinweis **/
.cookie-notice { position: fixed; left: 0; right: 0; bottom: 0; z-index: 99999; box-sizing: border-box;
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 20px;
  padding: 12px 20px; background: #285d85; color: #fff; font-size: 14px; line-height: 20px; box-shadow: 0 -2px 6px rgba(0,0,0,.2); }
.cookie-notice[hidden] { display: none; }
.cookie-notice p { margin: 0; }
.cookie-notice a { color: #fff; text-decoration: underline; }
.cookie-notice button { margin: 0; padding: 6px 22px; border: 1px solid #fff; background: #fff; color: #285d85; font-weight: bold; cursor: pointer; }
.cookie-notice button:hover, .cookie-notice button:focus { background: #9bc6e2; color: #fff; }


/* Listen im Inhalt (Textelemente) */
.frame-type-text ul {
  list-style: disc outside;
  margin-left: 24px;
  margin-bottom: 4px;
}
.frame-type-text li {
  margin-bottom: 8px;
  line-height: 20px;
}

/* Dateilisten (Inhaltselement "File links") */
.ce-uploads {
  list-style: disc outside;
  margin-left: 24px;
}
.ce-uploads li {
  margin-bottom: 6px;
  line-height: 20px;
}
.ce-uploads li > * {
  display: inline;
}
.ce-uploads-icon,
.ce-uploads-icon:empty,
.ce-uploads li > div:empty,
.ce-uploads li > span:empty {
  display: none;
}
.ce-uploads-description,
.ce-uploads-fileName + span {
  margin-left: 6px;
  color: #777;
  font-size: 90%;
}

/** PDF-Archiv (Frontend-Upload) **/
.pdf-archive-list { list-style: none; margin-left: 10px; }
.pdf-archive-list li { margin-bottom: 6px; font-size: 16px; line-height: 20px; }
.pdf-archive-list li::before { content: none; display: none; }
.pdf-meta { margin-left: 6px; color: #777; font-size: 85%; }
.pdf-missing { color: #a00; }
.pdf-edit { display: inline-block; margin-left: 10px; font-size: 85%; }
.pdf-edit summary { cursor: pointer; color: #285d85; }
.pdf-inline-form { display: inline-block; margin: 4px 8px 0 0; }
.pdf-inline-form input[type="text"] { width: 260px; margin: 0 4px 0 0; }
.pdf-upload fieldset { margin-top: 20px; padding: 12px 16px; border: 1px solid #ddd; }
.pdf-upload legend { padding: 0 6px; font-weight: bold; }
.pdf-upload label { display: block; margin-bottom: 10px; }
.pdf-upload input[type="text"] { width: 100%; max-width: 420px; display: block; }
.pdf-upload small { display: block; margin-bottom: 10px; color: #777; }

.pdf-message { margin: 0 0 14px; padding: 8px 12px; border-left: 4px solid #4a8a3c; background: #eef6ec; }
.pdf-message-error { border-left-color: #b33; background: #fbeeee; }

.pdf-toolbar { margin: 0 0 14px; padding: 6px 10px; background: #f3f3f3; border: 1px solid #e2e2e2; }
.pdf-toolbar-label { margin-right: 8px; font-size: 85%; color: #555; }
.pdf-toolbar .pdf-inline-form { margin: 2px 4px 2px 0; }
.pdf-toolbar input[type="submit"], .pdf-move input[type="submit"] { margin: 0; padding: 2px 10px; font-size: 85%; line-height: 20px; height: auto; cursor: pointer; }
.pdf-toolbar .pdf-btn-active { background: #285d85; color: #fff; }
.pdf-toolbar-right { float: right; }
.pdf-toolbar::after { content: ""; display: table; clear: both; }
.pdf-move { margin-left: 8px; white-space: nowrap; }
.pdf-move .pdf-inline-form { margin: 0 2px 0 0; }

/** Passwort-Auge **/
.pw-wrap { position: relative; display: inline-block; max-width: 100%; }
.pw-wrap input { padding-right: 38px; margin-bottom: 0; }
.pw-toggle { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); margin: 0; padding: 2px; width: auto; height: auto;
  border: 0; background: none; color: #666; cursor: pointer; line-height: 0; }
.pw-toggle:hover, .pw-toggle:focus { color: #285d85; background: none; }

/** Liste ohne Aufzaehlungspunkte (Rahmen-Stil "video-list") **/
.frame-video-list ul { list-style: none; margin-left: 10px; }
.frame-video-list li { margin-bottom: 6px; font-size: 16px; line-height: 20px; }
.frame-video-list li::before { content: none; display: none; }

/** Accordion (details/summary) **/
.accordion-item { margin-bottom: 8px; border: 1px solid #ddd; }
.accordion-item summary { padding: 8px 12px; cursor: pointer; font-weight: bold; background: #f3f3f3; list-style-position: inside; }
.accordion-item summary:hover, .accordion-item[open] summary { background: #e6eef4; color: #285d85; }
.accordion-body { padding: 10px 14px; }
.accordion-body p:last-child { margin-bottom: 0; }