/*
Theme Name: FAU-Einrichtungen Child
Description: Child-Theme für FAU Einrichtungen des RRZE
Author: RZE-Webteam, Sebastian Honert
Author URI: http://ili.fau.de
Template: FAU-Einrichtungen-master
Version: 1.0
*/

@import url("../FAU-Einrichtungen-master/style.css");

/* ---------------------------------
   Inhaltsverzeichnis

   1.     Header
   1.1    Navigation
   2.     Content
   2.1    Typography
   2.1.1  Lists
   2.2    Columns
   2.3    Buttons
   2.4    Homepage
   2.5    News
   2.6    Hero Link Boxes
   2.7    Projects Archive
   2.8    Post Archive
   2.9    Video Container
   3.     Sidebar / Widgets
   3.1    Calendar
   3.     Multiselect (Admin)
   4.     Search
   5.     Shariff
   6.     Team
   7.     Grid
   8.     Slick Slider
   9.     Parent Menu
   10.    Institutionen
   11.    Ninja Forms
   12.    Events
   13.    Message Boxes
   14.    iframe OSM
   15.    Cards
   99.    Responsive
   ------------------------------ */

body {
    /*color: #070707;*/
    color: #fff;
    position: relative;
}

body:not(.single-szenario):not(.post-type-archive-szenario) #content main a,
body:not(.single-portfolio_item):not(.post-type-archive-portfolio_item) #content main a {
    font-weight: 600;
}

main + h2 {
  margin-top: 0;
  padding-top: 0;
}

a {
    cursor: pointer;
}

/* ---------------------------------
   1.  Header
   ------------------------------ */

   #logo h1 {
       display: block;
   }

   .ili-logo-text {
       letter-spacing: 1px;
   }

    img.fau-logo {
        display: block;
        position: absolute;
        right: 0;
        width: 220px;
        top: 32px;
    }

    #meta-nav.menu .fa {
        font-size: 1.375em;
    }

    @media screen and (min-width: 768px) {
        #logo img {
            height: 60px;
            top: 5px;
            position: relative;
        }
    }

    #hero,
    #hero.hero-small {
        background: #0d3964;
        position: relative;
        background: linear-gradient(#036, #053e77)!important;
    }

    body.home #hero,
    body.home #hero.hero-small {
        background: #fff!important;
    }

    body #hero {
        border-bottom: 4px solid #B20036;
    }

    #hero.hero-small h1 {
        padding: 30px 0 20px 0;
    }

    @media screen and (min-width: 979px) {
        nav.breadcrumbs {
            padding-top: 20px;
        }
    }

    #hero .hero-meta-portal {
        color: #fff;
        font-size: 30px;
        display: none;
    }

    .branding h1 a {
        background: transparent!important;
    }

    .breadcrumbs {
        padding: 10px 0 0 0;
    }

    .breadcrumbs span {
        padding: 0 3px 0 0;
    }

    #meta {
        height: 42px;
    }

    #meta .searchform input[type="submit"] {
        margin-right: 0;
    }

    #meta .searchform input[type="text"] {
        background: #0d3964;
    }

    .searchicon {
        display: inline;
        position: relative;
        color: #fff;
        font-family: 'FontAwesome';
    }

    .searchicon::before {
        content: '\f002';
        color: #fff!important;
        float: left;
        left: 26px;
        top: 5px;
        position: relative;
        opacity: .6;
    }
    
    .ili-lang-switch-header {
        display: inline-block;
        vertical-align: middle;
        font-size: 1.75em;
        position: relative;
        top: .375em;
    }
    
    .ili-lang-switch-header-lang {
        font-size: 13px;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        top: -2px;
    }


/* ---------------------------------
   1.1 Navigation
   ------------------------------ */

   #nav .wp-post-image {
       display: none!important;
   }

   #nav li .nav-flyout a.button-portal {
       display: none;
   }

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

        #nav {
           overflow: visible;
           position: relative;
           float: right;
           cursor: pointer;
        }

        #nav li {
           position: relative;
           cursor: pointer;
        }

        #nav li a {
            border-radius: 0;
            color: #036;
            display: block;
            float: left;
            font-size: 17px;
            font-weight: bold;
            line-height: 17px;
            font-weight: 600;
            margin: 0 0 10px;
            padding: 8px 10px 10px 10px;
            text-decoration: none;
            cursor: pointer;
        }

        #nav li ul {
            margin: 0;
        }

        #nav li ul li a {
            padding: 11px 12px;
            border-bottom: 1px solid rgba(255,255,255,.1);
        }

        #nav li ul li:first-child a {
            padding-top: 16px;
        }

        #nav li ul li:last-child a {
            border-bottom: 0;
        }

        #nav li.has-sub > a::before {
            top: 9px;
            right: 14px;
        }

        #nav li.has-sub > a {
            padding-right: 28px;
        }

        #nav .nav-flyout {
            -webkit-box-shadow: 0 0;
            -moz-box-shadow: 0 0;
            box-shadow: 0 0;
            right: auto;
            top: 32px;
            width: 270px!important;
            overflow: hidden;
            border-top: 0;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            padding: 0;
            box-shadow: 1px 2px 3px rgba(0,0,0,.5);
        }

        #nav li:last-child .nav-flyout,
        #nav li:nth-last-child(2) .nav-flyout {
            right: 0;
            left: auto;
            box-shadow: -1px 2px 3px rgba(0,0,0,.5);
        }

        #nav li .nav-flyout a {
            font-size: 15px;
        }

        #nav li .nav-flyout a.button-portal {
            margin-top: 10px;
            margin-bottom: 0;
            font-size: 16px;
            display: none;
        }

        #nav li.level1 a.clicked-once,
        #nav li.level1.focus.has-sub a,
        .no-js #nav li.level1:hover a,
        .no-js #nav li.active a,
        .no-js #nav li.level1:focus a,
        #nav li.level1:hover a,
        #nav li.active a,
        #nav li.level1:focus a,
        #nav li.focus a {
            background-color: #003366;
            color: #fff;
        }

        #nav li ul li a:hover,
        #nav li ul li a:focus {
            text-decoration: none;
            background-color: rgba(0,0,0,.1)!important;
        }

        .nav-flyout .container .row .span4 {
            margin-left: 0;
        }

    }

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

        #nav {
            top: 4px;
            float: left;
        }

        #nav .nav-flyout {
            width: auto;
            max-width: 300px;
            width: 300px;
            border-top: 0;
            top: 35px!important;
            padding-top: 0!important;
            border-top: 0!important;
        }

        .nav-flyout .span4 {
            width: 300px!important;
        }

    }

    @media screen and (min-width: 979px) {

        #nav .nav-flyout {
            top: 35px!important;
            border-top: 0!important;
            padding-top: 0!important;
        }

    }

    #meta-nav li.fauhome::before {
        margin-left: 0;
        margin-right: 5px;
    }

    body.js-enabled #off-canvas {
        background: #fff;
    }

    body.js-enabled #off-canvas-close span {
        display: none;
    }


/* ---------------------------------
   2. Content
   ------------------------------ */

   #hero {
       padding: 0;
   }

   /*body.home #content {
       padding: 20px 0 40px 0;
   }*/

   #content {
       padding: 40px 0 40px 0;
       min-height: 260px;
   }

   #content.content-home {
       padding-top: 20px;
   }

   #content .container {
       padding-bottom: 1em;
   }

   #content p {
       font-size: 16px;
       line-height: 1.6;
   }

   #content img {
       box-shadow: 0 0 !important;
   }
   
   .search-result img {
       box-shadow: 0 0 !important;
   }

   img.float-left {
       float: left;
       margin: 0 1.5em 1em 0;
   }

   img.float-right {
       float: right;
       margin: 0 0 1em 1.5em;
   }

   img.center {
       display: block;
       float: auto;
       margin: 0 auto 1em;
   }

   img.img-s {
       max-width: 20%!important;
   }

   img.img-m {
       max-width: 36%!important;
   }

   img.img-l {
       max-width: 100%!important;
   }

    a, p a, li a, table a, .accordion-inner a,
    a:focus, p a:focus, li a:focus, table a:focus, .accordion-inner a:focus {
        text-decoration: none;
    }

    a.email::before {
        font-family: 'FontAwesome';
        content: '\f003';
        margin-right: .25em;
    }

   .page-nosubtitle {
       display: none;
   }

   #footer {
       padding: 40px 0;
       background: #003366;
   }

   .onpage-footer {
       display: block;
       overflow: hidden;
       margin-top: 3em;
   }

   .onpage-footer p {
       font-size: .75em!important;
   }

   .onpage-footer img {
       max-width: 160px!important;
       max-height: 80px!important;
       float: left;
       margin-right: 1em;
       vertical-align: middle;
   }

   .accordion {
       margin-top: 0;
   }


/* ---------------------------------
   2.1 Typography
   ------------------------------ */

   * {
       -webkit-hyphens: none!important;
       -moz-hyphens: none!important;
       hyphens: none!important;
   }

   h2, h3 {
       color: #B20036;
       line-height: 1.35;
   }

   h1.first,
   h2.first,
   h3.first,
   h4.first,
   h5.first,
   h6.first {
       padding-top: 0!important;
       margin-top: 0!important;
   }

   ul, ol {
    margin-left: 2em;
   }

   #content ul li,
   #content ol li {
       list-style-type: disc;
       font-size: 1.06125em;
       line-height: 1.6;
   }

   #content ol li {
       list-style-type: decimal;
   }

   #content ol li ul li {
       list-style-type: lower-latin;
   }

   #content ul.slides li,
   #content ul.flex-direction-nav li {
       list-style-type: none;
   }

   .last {
       padding-bottom: 0!important;
       margin-bottom: 0!important;
   }

   .highlight {
     background: rgb(255, 244, 201);
   }

   [class*="span"] {
       margin-left: 0;
   }

   select:-moz-focusring {
       color: transparent;
       text-shadow: 0 0 0 #000;
   }

   #content main .post-image {
       margin: 0 0 1em 1em;
   }

   .post-image .post-image-caption {
       text-align: center;
   }

   img.full-width {
       max-width: 100%;
       width: 100%;
   }

   .ili-hr,
   .page-template-page-start hr,
   .home hr {
       width: 100%;
       height: 0;
       box-shadow: 0 0;
       background: transparent;
       border-bottom: 1px solid #eee;
       padding: 0 0 1px;
       margin: 1em 0;
       display: block;
       overflow: hidden;
   }

   .ili-hr.no-border {
       border: 0;
   }

   .ili-hr.half {
       padding-top: 1em;
       margin-bottom: 1.25em;
   }

   .ili-hr.half,
   .page-template-page-start hr.half,
   .home hr.half {
       padding: 0 0 1px;
       margin: 1.25em 0;
   }

   .pagination {
       text-align: left;
       display: block;
       margin: 3em 0 1em;
   }

   .page-numbers {
       padding: .5em .875em;
       margin-right: .5em;
       background: #f9f9f9;
       border-radius: .2em;
   }

   .page-numbers:not(.current):hover {
       background: #f1f1f1;
   }

   .page-numbers.current {
       background: #0d3964;
       color: #fff;
   }

   .row::before {
       display: none;
   }

   input,
   textarea {
       outline: none!important;
   }

   .ili-link-separator::before {
       content: '|';
       display: inline-block;
       padding: 0 .5em;
       color: #eee;
   }

   a.ili-read-more {
       font-weight: 600;
   }

   a.ili-read-more::after {
       content: '…';
   }

   #content p.meta-footer {
       display: block;
       margin-top: 2em;
       font-size: .93875em;
   }

   img {
       color: transparent;
   }

   .top-link {
       padding: 10px;
       border-radius: 50%;
       font-size: 1.25em;
       background: rgba(0,51,102,.9);
       display: none!important;
   }

/* ---------------------------------
   2.1.1 Lists
   ------------------------------ */

   .ili-anchor-nav li {
       list-style: square;
   }


/* ---------------------------------
  2.2 Columns
  ------------------------------ */

.full_width,
.one_half,
.one_third,
.two_third,
.one_fourth,
.three_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
  float: left;
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
}

.clear_column, .clear_columns {
  clear:both;
  display:block;
  font-size:0;
  height:0;
  line-height:0;
  width:100%;
  overflow: hidden;
}

.full_width  {
  width: 100%;
}
.one_half {
  width: 48%;
  margin-right: 4%;
}
.one_half.last_column {
  width: 48%;
  margin-right: 0px;
}
.one_third {
  width: 31%;
  margin-right: 3.33%;
}
.one_third.last_column {
  width: 31%;
  margin-right: 0px;
}
.two_third {
  width: 65%;
  margin-right: 4%;
}
.two_third.last_column {
  width: 65.33%;
  margin-right: 0;
}
.one_fourth {
  width: 23.5%;
  margin-right: 4%;
}
.one_fourth.last_column {
  width: 23.5%;
  margin-right: 0px;
}
.three_fourth {
  width: 72.5%;
  margin-right: 4%;
}
.three_fourth.last_column {
  width: 72.5%;
  margin-right: 0px;
}
.one_fifth {
  width: 16.4%;
  margin-right: 4%;
}
.one_fifth.last_column {
  width: 16.4%;
  margin-right: 0px;
}
.two_fifth {
  width: 37%;
  margin-right: 4%;
}
.two_fifth.last_column {
  width: 37%;
  margin-right: 0px;
}
.three_fifth {
  width: 57%;
  margin-right: 4%;
}
.three_fifth.last_column {
  width: 57%;
  margin-right: 0px;
}
.four_fifth {
  width: 77.6%;
  margin-right: 4%;
}
.four_fifth.last_column {
  width: 77.6%;
  margin-right: 0px;
}
.one_sixth {
  width: 13%;
  margin-right: 4%;
}
.one_sixth.last_column {
  width: 13%;
  margin-right: 0px;
}
.last_column {
    margin-right: 0!important;
    margin-bottom: 0;
}

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

  .full_width,
  .one_half:not(.ili-dont-clear),
  .one_third:not(.ili-dont-clear),
  .two_third:not(.ili-dont-clear),
  .one_fourth:not(.ili-dont-clear),
  .three_fourth:not(.ili-dont-clear),
  .one_fifth:not(.ili-dont-clear),
  .two_fifth:not(.ili-dont-clear),
  .three_fifth:not(.ili-dont-clear),
  .four_fifth:not(.ili-dont-clear),
  .one_sixth:not(.ili-dont-clear),
  .five_sixth:not(.ili-dont-clear),
  .last_column:not(.ili-dont-clear) {
    clear: both;
    width: 100%!important;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 1em;
    float: none;
  }
}

.ili-card {
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    background: #e8f0f9;
    padding: 1em;
    width: 33.333%;
}

.ili-card p,
.ili-card ol li,
.ili-card ul li {
    font-size: 14px!important;
    line-height: 1.5!important;
    padding: 0 0!important;
}

.ili-card ol,
.ili-card ul {
    font-size: 14px!important;
    padding: 0 0;
    margin: 0 0 0 1.25em;
}

.ili-card h4 {
    padding-top: 0;
}

/* ---------------------------------
  2.3 Buttons
  ------------------------------ */

.btn {
    /* Structure */
    display: inline-block;
    zoom: 1;
    line-height: normal;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: .5em;
}

/* Firefox: Get rid of the inner focus border */
.btn::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/*csslint outline-none:false*/

.btn {
    font-family: inherit;
    font-size: 100%;
    padding: .875em 1em;
    color: #444;
    border: 1px solid #ccc;
    background: #e6e6e6;
    text-decoration: none;
    border-radius: 2px;
    transition: opacity .1s linear;
    width: auto!important;
    line-height: 1;
    z-index: 2;
    position: relative;
    font-weight: 400;
}

.btn:hover,
.btn:focus {
    color: #444;
    opacity: .9;
    text-decoration: none!important;
}
.btn:focus {
    outline: 0;
}

/* Firefox: Get rid of the inner focus border */
.btn::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus {
    color: #fff!important;
    background: #0d3964!important;
    border: none;
    box-shadow: 0 0;
}

.btn-success, .btn-success:hover, .btn-success:focus,
.btn-error, .btn-error:hover, .btn-error:focus,
.btn-warning, .btn-shop, .btn-warning:hover, .btn-shop:hover .btn-warning:focus, .btn-shop:focus,
.btn-secondary, .btn-secondary:hover, .btn-secondary:focus {
    color: #fff!important;
    border: none;
}

.btn-success {
    background: #1a8a51; /* this is a green */
}

.btn-error {
    background: rgb(202, 60, 60); /* this is a maroon */
}

.btn-warning,
.btn-shop {
    background: rgb(223, 117, 20); /* this is an orange */
}

.btn-secondary {
    background: rgb(66, 184, 221); /* this is a light blue */
}

.btn-back::before,
.btn-next::before,
.btn-up::before,
.btn-down::before,
.btn-project-website::before {
  font-family: 'FontAwesome';
  margin-right: .375em;
}

.btn-back:before {
  content: '\f104';
}

.btn-next:before {
  content: '\f105';
}

.btn-up:before {
  content: '\f106';
}

.btn-down:before {
  content: '\f107';
}

.btn-transparent {
  border: 3px solid;
  background: transparent;
  border-radius: .75em;
  font-weight: 400;
  transition: all .2s linear;
}

.btn-transparent.light {
  border: 3px solid #fff;
  color: #fff;
}

.btn-transparent.light:hover,
.btn-transparent.light:focus {
  background: rgba(255,255,255,1);
  border: 3px solid transparent;
  color: #185a9d;
  opacity: 1;
}

.btn-transparent.dark {
  border: 3px solid #185a9d;
  color: #185a9d;
}

.btn-transparent.dark:hover,
.btn-transparent.dark:focus {
  background: #185a9d;
  border: 3px solid transparent;
  color: #fff;
  opacity: 1;
}

.btn-s {
	font-size: 1em;
}

.btn-xs {
    font-size: .875em;
    padding: .75em .75em;
}

.btn-xs {
    font-size: .875em;
}

.btn-no-border {
    border: 0!important;
    box-shadow: 0 0!important;
}

.btn-margin-top {
    margin-top: 2em;
}

.btn-project-website {
    margin-top: 3em;
}

.btn-project-website::before,
.btn-ext::before {
    font-family: 'FontAwesome';
    content: '\f08e';
    margin-right: .375em;
    position: relative;
    top: 1px;
}

/* ---------------------------------
  2.4 Homepage / Startseite
  ------------------------------ */

.container .row {
    margin-left: 0;
}

.hero-small h1 {
    line-height: 1.375;
    font-size: 2.75em;
    top: .25em;
    padding-bottom: .5em;
}

.ili-hero-small-home-bg.page {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    background: url('/wp-content/uploads/2017/06/ili-home-bg.png') repeat-x center bottom!important;
    background-size: 600px 131px!important;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: .17;
}

/* ---------------------------------
  2.5 News
  ------------------------------ */
.ili-post-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.ili-post-list-title {
    font-size: 1.5em;
    line-height: 1.375;
    font-weight: 400;
}

.ili-post-list-entry {
    display: block;
    margin-bottom: 1em;
}

.ili-post-list-image {
    max-height: 4.5em;
    max-width: 25%;
    float: left;
    margin: 0 1em 0 0;
}

.ili-events-title,
.ili-news-title {
    padding-top: 0;
}

.ili-events-title {
    padding-bottom: 1em;
}

article.news-details {
    margin-top: 0;
}

aside.widget.Shariff h2 {
    padding-top: 0;
}

.event-meta {
  margin-bottom: 1em;
}

.event-container:not(:first-of-type) {
  margin-bottom: 2em;
}

/* ---------------------------------
   2.7 Projects Archive
   ------------------------------ */

.ili-project-archive-item {
    display: block;
    overflow: hidden;
    padding-bottom: 1.75em;
    border-bottom: 1px solid #eee;
    margin-bottom: .875em;
}

.ili-project-archive-item h2 a {
    color: #B20036!important;

}

.ili-project-archive-item .attachment-post-thumbnail {
    float: right;
    margin: 2em 0 1.5em!important;
}

.ili-project-list-status-wrapper {
    display: block;
    overflow: hidden;
    padding: 1em 0 .5em;
    font-size: .875em
}

.ili-projects-list-letters {
    font-size: 1.25em;
    padding-bottom: 1em;
}

.ili-projects-list-letters a {
    font-weight: 400!important;
}

.ili-project-list-alphabetically {
    line-height: 1.75;
}

.ili-project-list-alphabetically a {
    font-size: 1.125em;
}

.ili-project-status-string.round {
    display: inline-block;
    padding: 0 0;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    vertical-align: middle;
    position: relative;
    bottom: 1px;
    margin: 0 .5em 0 0;
}

.btn-project {
    color: #fff!important;
    border: 0;
}

.ili-project-status-string.active,
.btn-project.btn-project-active  {
    background: rgb(66, 184, 221);
}

.ili-project-status-string.inactive,
.btn-project.btn-project-inactive {
    background: #0d3964;
}

.ili-project-status-string.all {
    background: #0d3964;
}


/* ---------------------------------
   2.8 Posts Archive
   ------------------------------ */

   .archive-post-title {
       margin-top: 0;
       padding-top: 0;
   }

   .post-meta-wrapper {
       display: block;
       padding: 0 0;
       position: relative;
       top: -.25em;
       font-size: .9em;
       margin-bottom: 1em;
   }

   .archive-post-thumbnail {
       max-width: 25%;
       display: inline-block;
        float: left;
        padding: .25em 0 0;
        margin: 0 1em 1em 0;
   }

   .archive-post-category {
       /* ... */
   }

    .archive-post-tags {
        display: inline-block;
        margin: 0;
    }
    
    .archive-post-entry {
        display: block;
        overflow: hidden;
    }
    
    .archive-post-entry .archive-post-thumbnail {
        padding: .25em 0 0 0;
        margin: 0 1em 1em 0;
        float: left;
    }

    .archive-post-entry p {
        padding: 0;
    }


/* ---------------------------------
   2.9 Video/YouTube Container
   ------------------------------ */

    .video-container {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        margin-bottom: 2em;
    }

    .video-container iframe {
        position: absolute;
        top:0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    figure.wp-block-embed.is-type-video {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 56.25%; /*16:9*/
    }

    figure.wp-block-embed.is-type-video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .wp-block-embed__wrapper {
        width: 100%;
        height: 100%;
        position: absolute;
    }


/* ---------------------------------
   3. Sidebar / Widgets
   ------------------------------ */

   .ili-meta-wrapper .attachment-post-thumbnail {
       max-height: 5em;
       width: auto;
       margin: 0 auto 1em;
   }

   .ili-meta-wrapper h4 {
       margin: 1em 0 .5em;
       padding-bottom: 0;
   }

   .ili-meta-wrapper h4:first-of-type {
       margin-top: 0;
       padding-top: 0;
   }

   .ili-meta-wrapper-portrait-wrapper {
       display: block;
       margin-bottom: .5em;
   }


   img.ili-meta-wrapper-portrait {
       max-height: 9em;
       margin-bottom: .5em;
       border-radius: 50%;
       overflow: hidden;
   }

   .ili-meta-wrapper-logo {
       margin-bottom: 1em;
       display: inline-block;
       overflow: hidden;
       max-width: 300px;
   }

   .ili-logo-eramus-plus {
       height: 4em;
       max-width: 100%;
       margin-bottom: 1em;
   }

   h2.ili-widget-title {
       line-height: 1;
   }

   h2.ili-widget-title:first-of-type {
       padding-top: 0;
   }

   .post-meta-tags {
       text-transform: capitalize;
   }


/* ---------------------------------
   3.1 Widgets
   ------------------------------ */

   .event-item .event-title {
       font-size: 1.125em !important;
   }

   .event-item .event-date {
       padding: 5px 8px 9px !important;
   }

   .event-location {
       font-size: 1em !important;
       color: #4d799b !important;
   }

   /*table#wp-calendar caption {
       text-align: left;
   }

   .event-item {
       box-sizing: border-box;
       margin: 0!important;
       font-size: .75em;
   }

   .event-item * {
       font-size: 1em!important;
       box-sizing: border-box;
   }

   .event-info {
       margin-left: 0;
   }

   .event-title {
     font-size: 15px!important;
     font-weight: 400!important;
     position: relative;
     top: -1px;
     line-height: 1.375!important;
     margin: 0 0 .25em!important;
     padding-top: 15px;
   }

   .event-item:first-of-type .event-title {
       padding-top: 0;
   }*/

   /*.event-title a {
       color: #B20036!important;
   }*/

   /*.event-title-date {
       margin-bottom: .5em;
       display: inline-block;
       background: #003366;
       color: #fff;
       padding: .5em;
       margin: 0 0 .4em!important;
   }

   .event-title-date:before {
       font-family: 'FontAwesome';
       content: '\f073';
       margin-right: .375em;
   }

   .event-date {
       display: block;
       display: none;
       width: 100%;
       margin: 0 0 .5em!important;
       line-height: 1.375!important;
       text-align: left;
       padding: .5em;
   }

   .event-date.event-allday {
       display: none!important;
   }

   .event-location {
       margin: 0!important;
   }*/

   /* Old Version of RRZE calendar plugin */

   #content div.events-list ul li {
       margin: 0 0;
       padding: 0 0;
       list-style-type: none;
   }

   .event-date {
       background-color: #003366!important;
       font-family: Arial, Helvetica, sans-serif!important;
       line-height: 1.3;
   }

   .event-detail-item .event-date {
       margin-right: .875em;
   }

   .events-more-links {
       margin-top: 1em;
   }

   .event-title a {
       color: #003366;
       transition: opacity .2s linear;
   }

   .event-title a:hover {
       opacity: .875;
   }

   .event-info {
       font-size: .875em;
       line-height: 1.4;
       margin-bottom: 2em;
   }
   
    .event-allday {
        text-transform: none !important;
    }

/* ---------------------------------
   3. Multiselect (Admin)
   ------------------------------ */

   div.ms-container {
       width: 100%!important;
   }


/* ---------------------------------
   4. Search
   ------------------------------ */

    #hero .searchform {
        padding-top: 0;
    }

    #hero .searchform .filter {
        margin-top: 16px
    }

    .filter {
        padding-top: 12px;
    }

    .search-result .news-image {
        margin: 0 1em 1em 0;
        background: transparent;
        -webkit-box-shadow: 0 0;
        -moz-box-shadow: 0 0;
        box-shadow: 0 0;
    }


/* ---------------------------------
   5. Shariff
   ------------------------------ */

    li.shariff-button:first-child {
        margin-left: 0!important;
    }


/* ---------------------------------
   6. Team
   ------------------------------ */

    .ili-team-member {
        display:block;
        position: relative;
        overflow: hidden;
        padding: 0 0 2em;
        border-bottom: 1px solid #f3f3f3;
        margin-bottom: 0;
    }

    #content .ili-team-member ul li {
        padding: 1px 0;
    }

    #content .ili-team-member h4 {
        padding-top: .5em;
    }

    .ili-team-member-single {
        border-bottom: 0;
        font-size: 1em;
        font-size: 16px;
    }

    .team-function-heading {
        padding-top: 0;
        margin-bottom: 1em;
    }

    .team-portrait {
        border-radius: 50%;
        width: 100%;
        max-width: 160px!important;
        box-shadow: 0 0!important;
    }

    .ili-team-member-projects {
        margin-bottom: 0;
    }

    .ili-team-social-button {
        font-size: 1.75em;
        margin-right: .75em;
        padding: .125em 0;
        display: inline-block;
    }

    .ili-team-member-single p {
        padding: 0;
    }

    #content .ili-team-member-single h4 {
        font-size: 1.125em;
        padding: 1.25em 0 .5em;
    }

    #content .ili-team-member-single h4:first-of-type {
        padding-top: 0!important;
    }

    .ili-team-member-single ul {
        margin-bottom: 0;
    }

    #content .ili-team-member-single ul li {
        font-size: 16px;
        padding: 1px 0;
    }

    .ili-team-member-social-media-wrapper {
        display: block;
        overflow: hidden;
        margin-top: 2em;
    }

    .ili-team-member-vita ul {
        margin-bottom: .5em;
    }

    .ili-team-member-vita ul:last-of-type {
        margin-bottom: 0;
    }


/* ---------------------------------
   7. Grid
   ------------------------------ */

.grid {
    width: 102%;
    height: auto;
    margin-top: 1em;
}

.grid-item {
    position: relative;
    overflow: hidden;
    display: block;
    height: auto;
    width: 23.55%;
    box-sizing: border-box;
    /*padding: .5em;*/
    padding: 1em;
    /*box-shadow: 1px 0 4px rgba(0,0,0,.2);*/
    box-shadow: 0 0;
    margin-right: 1.125%;
    margin-bottom: 12px;
    text-align: center;
    background: transparent!important;
    z-index: 8;
    float: left;
}

.team-grid-change-view {
    position: absolute;
    right: 0;
    top: 8px;
}

.team-grid-change-view::before {
    font-family: 'FontAwesome';
    content: '\f03a';
    margin-right: .25em;
}

/*.grid-sizer {
    padding: 0 1% 1em 0;
    position: relative;
    overflow: hidden;
    display: block;
    height: auto;
}*/

.gutter-sizer {
    width: 0%;
}

.grid-sizer-full,
.grid-item-full {
  position: relative;
  overflow: hidden;
  display: block;
}

.grid-item img {
  margin: 0;
  padding: 0;
  top: 0;
  vertical-align: bottom;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: block;
  z-index: 2;
  color: transparent;
  /*-webkit-filter: grayscale(100%);
  filter: grayscale(100%);*/
}

.project-thumbnail-wrapper {
  transition: all .3s linear;
}

.project-thumbnail-wrapper div.project-meta {
  opacity: 0;
  position: absolute;
  left: 1.25em;
  top: -3em;
  color: #fff;
  font-weight: 400;
  z-index: 5;
  transition: top .3s ease-out, opacity .3s ease-out;
  max-width: 85%;
  padding: .125em;
  pointer-events: none;
}

.project-thumbnail-wrapper:hover div.project-meta {
  opacity: 1;
  top: 1em;
}

.project-thumbnail-wrapper:hover div.project-meta .project-meta-title {
  font-size: 1.875em;
  line-height: 1.2em;
}

.project-thumbnail-wrapper:hover div.project-meta .project-meta-categories::before {
  font-family: 'FontAwesome';
  content: '\f097';
  margin-right: .3em;
}

.project-thumbnail-wrapper:hover div.project-meta .project-meta-categories {
  border-top: 2px solid rgba(255,255,255,.275);
  font-size: .875em;
  position: relative;
  top: .875em;
  padding-top: .2em;
}

.project-thumbnail-wrapper::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: 100% 0;
  box-shadow: inset 0 0 0 0 rgba(0,0,0,.3);
  transition: all .2s linear;
  z-index: 4;
  pointer-events: none;
}

.project-thumbnail-wrapper:hover::after {
  /*box-shadow: inset 0 0 0 .375em rgba(0,0,0,.3);*/
  background: rgba(0,130,213,.875);
  top: 0;
}

.gutter-sizer {
  width: 2%;
}

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

  .grid-item {
    margin-right: 1%;
  }

  .grid-item-meta-wrapper {
      font-size: .8125em;
  }

}

@media screen and (max-width: 800px) {
    #content.content-home {
        padding-top: 0;
    }
}

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

  .grid-item {
    width: 31%;
    margin-right: 2%;
  }

}

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

  .grid-item {
    width: 48%;
    margin-right: 2%;
  }

  .grid-item-meta-wrapper {
      font-size: 1em;
  }

  .ili-home-container {
      top: 2em;
  }

  #hero.hero-small h1 {
      font-size: 2em;
  }
}

@media screen and (max-width: 420px) {
    .grid {
        width: 100%;
    }

  .grid-item {
    width: 100%;
    box-shadow: 0 0;
    padding: 0 .75em .75em 0;
  }

  .grid-item-meta-wrapper {
      font-size: 1.25em;
  }

  .grid-item img {
    width: 66.66%;
    margin: 0 auto;
  }

}

.grid-item img.team-portrait {
    position: relative;
    z-index: 11;
    max-width: 100%!important;
    /* filter: grayscale(100%); */
}

.grid-item img.team-portrait:hover {
    filter: none;
}

.grid-item-meta-wrapper {
  line-height: 1.25;
  position: relative;
  display: block;
  width: 96%;
  padding: 1em 2% 0;
  top: 0;
  left: 0;
}

.grid-item-name {
  position: relative;
  font-size: 1em;
  font-weight: 400;
  text-align: center;
  color: rgba(0,0,0,.875);
  z-index: 3;
  padding: .6125em 0 0;
  margin-bottom: .25em;
  height: 40px;
}

.grid-item-courses {
    display: block;
    font-size: .7825em;
    margin-bottom: .5em;
    border-top: 1px solid #eee;
    padding-top: .75em;
    font-weight: 500;
}

.grid-item-projects {
    font-size: .75em;
    padding-bottom: .5em;
}

.grid-item-languages {
    font-size: .725em;
    padding-bottom: .5em;
}

ul.isotope-menu {
    margin-left: 0;
}

ul.isotope-menu li {
  display: inline-block;
  margin-right: .375em;
}

ul.isotope-menu li:last-child {
  margin-right: 0;
}

.filter-by {
  padding: .125em .25em;
  /*transition: background .125s linear;*/
}

.filter-by.active,
.filter-by.active:hover,
.filter-by.active:focus {
  font-weight: 400;
  background: #fff;
  color: #222;
}

select.filter-by-select {
    font-size: .875em;
    width: 100%;
    padding-right: 2.75em;
}

/* Layout Grid Item Components
*/

.grid-mitarbeiter-name {
    font-size: 1em;
    padding-top: .75em;
}

.grid-filter-count {
    font-size: .6125em;
}


/* ---------------------------------
   8. Slick Slider
   ------------------------------ */

   .ili-projects-slider-wrapper {
       display: none;
   }

   .ili-projects-slider,
   .ili-projects-slider * {
       box-sizing: border-box;
       outline: none;
   }

   .ili-projects-slider {
       margin-bottom: 3em;
       border-top: 1px solid #eee;
       border-bottom: 1px solid #eee;
       padding: 1em 0;
   }

   .ili-projects-slider.no-border {
       border: 0!important;
   }

   .ili-projects-slider .slick-arrow {
       opacity: .25;
   }

   .ili-projects-slider .slick-arrow:hover {
       opacity: 1;
   }
   
   .ili-projects-slider-logo {
       box-shadow: 0 0 !important;
   }

   @media screen and (max-width:570px) {
       .ili-projects-slider {
           padding: 0;
       }
   }

   .ili-projects-slider .slick-prev:before,
   .ili-projects-slider .slick-next:before {
      color: #003366;
      opacity: 1;
  }

  .ili-projects-slider .slick-slide {
      text-align: center;
      outline: none!important;
      margin: 0 .75em;
  }

  .ili-projects-slider .slick-active::-moz-focus-inner {
    border: 0;
    outline: none!important;
  }

  .ili-projects-slider .slick-active {
      border: 0!important;
      outline: none!important;
  }

  .ili-projects-slider-logo {
    max-width: 10em;
    max-height: 3.5em;
    margin: 0 auto;
  }

  .ili-projects-slider h5 {
      margin: 0;
      padding: 0;
  }

  .ili-projects-slider .slick-initialized .slick-slide {
    float: none;
    display: inline-block;
    vertical-align: middle;
  }

  .ili-projects-slider .slider-acronym {
      font-size: 1.75em;
  }

  .nextend-shadow-image {
      opacity: .75;
      position: relative;
      top: -2px;
  }

  .ili-projects-slider .slick-track {
      display: flex;
      align-items: center;
  }

/* ---------------------------------
 9. Parent Menu
 ------------------------------ */
.ili-parent-menu-wrapper,
.ili-parent-menu-wrapper * {
    box-sizing: border-box;
}

.ili-parent-menu-wrapper {
    display: block;
    overflow: hidden;
    padding: 0;
    margin-bottom: 2em;
}

.ili-parent-menu {
    margin: 0 0 1em;
}

#content .ili-parent-menu li {
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0;
    background: #fafafa;
    border-bottom: 1px solid #eee;
    transition: .2s linear background-color;
    box-shadow: inset 1px 0 0 #eee;
}

#content .ili-parent-menu li:last-child {
    border-bottom: 0;
}

#content .ili-parent-menu li a {
    font-size: .875em;
    display: block;
    padding: .375em .375em .375em .6125em;
}

#content .ili-parent-menu li:hover,
#content .ili-parent-menu li:focus,
#content .ili-parent-menu li.ili-parent-menu-current {
    background: #f3f3f3;
}

#content .ili-parent-menu li.ili-parent-menu-current {
    background: #f3f3f3;
    box-shadow: inset 2px 0 0 #003366;
}

#content .ili-parent-menu li.ili-parent-menu-back-to-index a {
    font-size: .75em;
    padding: .5em .5em .5em .75em;
}

#content.content-home {
    padding-top: 0;
}


/* ---------------------------------
   10. Institutionen
   ------------------------------ */

.ili-institution {
    box-sizing: border-box;
    padding-bottom: 1em;
    margin-bottom: 1.5em;
    border-bottom: 1px solid #eee;
}

.ili-institution:last-of-type{
    border-bottom: 0;
}

.ili-project-institutionen {
    margin-top: 1em;
    margin-bottom: 1em;
}

.project-coordinator {
    /*color: #B20036;*/
}


/* ---------------------------------
   11. Ninja Forms
   ------------------------------ */
   
.nf-form-layout form {
    padding: 0!important;
    border: 0!important;
}

.nf-form-title h3 {
    padding-top: 0;
}

.nf-before-form-content {
    margin: 0 0 1em;
}

.nf-form-fields-required {
    color: #aaa;
    font-weight: 300;
    padding: .5em 0;
    display: block;
}

.nf-error-msg.nf-error-field-errors {
    background: #ffeeee;
    padding: 1em;
}

.ninja-forms-req-symbol, .nf-error-msg {
    color: #B20036!important;
}

.nf-error .ninja-forms-field {
    border: 1px solid #B20036!important;
}

.nf-response-msg {
    display: block;
    padding: 1em 1em .375em;
    background: #eeffee;
    border: 1px solid #aabbaa;
}

.nf-form-wrap input[type="button"],
.nf-form-wrap input[type="submit"] {
    background: #013365;
    border: 0;
    color: #fff;
    font-size: 1em;
    padding: .75em 1em;
    border-radius: 4px;
}

.nf-form-wrap .submit-wrap input[type="button"],
.nf-form-wrap .submit-wrap input[type="submit"] {
    font-size: 1.25em;
}

.nf-progress {
    height: 16px;
    background-color: #1a8a51 !important;
}

.nf-progress-container {
    border: 1px solid #1a8a51 !important;
}

.nf-field-label label {
    width: auto !important;
}

/* ---------------------------------
   12. Events
   ------------------------------ */

.event-detail-item .event-info {
    margin-left: 0;
}

.event-detail-item .events-more-links {
    margin: 1.5em 0 0;
}

.events-more-links a.events-more {
    margin-left: 0;
}

body.home .events-list ul li:last-child .event-info {
    margin-bottom: .5em;
}


/* ---------------------------------
   13. Message Boxes
   ------------------------------ */

.msg-box {
    padding: 1em;
    margin: 1em 0;
    display: block;
}

.msg-box a {
    border: 0!important;
    text-decoration: underline
}

.msg-box-title {
    display: inline-block;
    margin-top: 0;
    padding-top: .3em;
}

ul.msg-list {
    margin: 0 0 0 20px;
}

#content ul.msg-list li {
    list-style-type: circle;
    margin-left: 0;
    padding-left: 0;
    line-height: 1.375;
}

.msg-box:before {
    font-family:FontAwesome;
    font-style:normal;
    font-weight:400;
    speak:none;
    display:inline-block;
    text-decoration:inherit;
    width:1em;
    margin-right:.2em;
    text-align:center;
    font-variant:normal;
    text-transform:none;
    line-height:1em;
    /*margin-left:.2em;*/
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}

.msg-box.default:before {
    content:"\f05a";
}

.msg-box.info:before {
    content:"\f05a";
}

.msg-box.success:before {
    content:'\f00c';
}

.msg-box.warning:before {
    content:'\f071';
}

.msg-box.error:before {
    content:'\f057';
}

.msg-box.default {
    color: #666!important;
    background: #f3f3f3!important;
}

.msg-box.default a {
    color: #999!important;
}

.msg-box.info {
    color: #175d9c!important;
    background-color: #e7f3ff!important;
}

.msg-box.info a {
    color: #175d9c!important;
}

.msg-box.default {
    color: #999!important;
    border: none!important;
}

.msg-box.default a {
    color: #999!important;
}

.msg-box.success {
    color: #4F8A10!important;
    background-color: #DFF2BF!important;
}

.msg-box.success a {
    color: #4F8A10!important;
}

.msg-box.warning {
    color: #9F6000;
    background-color: #FEEFB3;
}

.msg-box.warning a {
    color: #9F6000!important;
}

.msg-box.error {
    color: #ffffff;
    background-color: #b52237;
}

.msg-box.error a {
    color: #fff!important;
}

.msg-box.no-icon:before {
    display: none!important;
}

.msg-box.center {
    text-align: center;
}

.msg-box p:last-of-type {
    padding-bottom: 0!important;
}

/* ---------------------------------
   14. iframe OSM
   ------------------------------ */

.ili-map-wrapper {
    position: relative;
    display: block;
    border: 0;
    background: #f7f7f7;
    margin-bottom: 1em;
    padding-bottom: 56.25%;
    height: 0;
}

iframe.ili-map {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

/* ---------------------------------
   15. Cards
   ------------------------------ */

.ili-cards {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.ili-card {
    display: table-cell;
    height: 100%;
    border: 4px solid #fff;
}

@media screen and (max-width: 979px) {
    .ili-card {
        border: 0;
        display: block;
        width: 100%;
        overflow: hidden;
    }
}

/* Scenarios */
.ili-scenarios-filter-container {
    display: none;
}
#content .project-meta p {
    font-size: 15px;
}

#content .project-meta h4 {
    font-size: 17px;
}

.project-meta a {
    font-weight: 400 !important;
}

.zielgruppe {
    padding: 0;
}

.zielgruppe a {
    font-weight: 600;
}

.szenario-sidebar-portrait {
    width: 80px;
    border-radius: 50%;
}

.general-info {
    background: #f3f8fd;
    padding: .875em;
    margin-bottom: 2em;
    margin-top: 0;
}

/* Galleries */
.blocks-gallery-grid.columns-3 .blocks-gallery-image,
.blocks-gallery-grid.columns-3 .blocks-gallery-item,
.wp-block-gallery.columns-3 .blocks-gallery-image,
.wp-block-gallery.columns-3 .blocks-gallery-item {
    width: calc(33.33333% - 1em) !important;
}

.blocks-gallery-grid .blocks-gallery-image figcaption,
.blocks-gallery-grid .blocks-gallery-item figcaption,
.wp-block-gallery .blocks-gallery-image figcaption, 
.wp-block-gallery .blocks-gallery-item figcaption {
    pointer-events: none;
}

/* Filter Menu */
/* =========================================
   Filter Menu
   ========================================= */

   ul.filter-menu {
    list-style-type: none;
    margin: 0 0 1em;
    padding-left: 8px;
    border-left: 4px solid #d4eaff;
    font-size: 15px;
}
ul.filter-menu li {
    display: inline-block;
    line-height: 1.25 !important;
    margin: 0 .125em
}
ul.filter-menu li a,
ul.filter-menu li a:hover,
ul.filter-menu li a:focus,
ul.filter-menu li a:active {
    border: 0;
    padding: .125em .25em;
    transition: background .15s linear
}
ul.filter-menu li a:hover {
    background: #f3f9ff
}
ul.filter-menu li a.active {
    font-weight: 700;
    background: #ffed87;
    color: #000
}
ul.filter-menu li.filter-menu-label {
    margin-left: 0;
    margin-right: .375em;
    padding-left: 0;
    font-weight: 700
}
ul.filter-menu li a.filter-all.active {
    background: #f3f9ff
}
a.filter {
    cursor: pointer;
}

/* =========================================
   Flip Container
   ========================================= */

   .grid-container {
    position: relative;
    width: 100%;
    padding-top: 1em;
    z-index: 0;
}

.flip {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;

    -ms-transform: perspective(1000px);
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;

    position: relative;
    z-index: 1;
    display: block;
    float: left;
    margin: 0 0;
    margin-right: 2%;
    margin-bottom: 1.25em!important;
    width: 32%;
    max-width: 100%;
}

.flip--half {
  width: 49%;
}

body.post-type-archive-portfolio_item .flip--half,
body.post-type-archive-szenario .flip--half {
    width: 48%;
}

body.post-type-archive-szenario .flip:nth-child(2n+2),
body.post-type-archive-portfolio_item .flip:nth-child(2n+2) {
    margin-right: 2%;
}

body.post-type-archive-szenario .flip:nth-child(3n+3),
body.post-type-archive-portfolio-item .flip:nth-child(3n+3) {
    margin-right: 2%;
}

.flip-me {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 9;
} 
.back.flip-me {
    height: 100%;
}

/* START: Accommodating for IE */
/*.flip:hover .back, */.flip.hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

/*.flip:hover .front, */.flip.hover .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

/* END: Accommodating for IE */

.flip, .front, .back {
    margin-bottom: 8px;
    cursor: pointer;
}

.front, .back {
    box-shadow: 0px 1px 3px rgba(0,0,0,.175);
}

.flipper {
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 0.6s;

    -moz-transition: 0.6s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;

    transition: 0.6s;
    transform-style: preserve-3d;

    position: relative;

    width: 100%;
    height: 0;
    padding-bottom: 56.25%;

    margin-bottom: 6px;
}

.front, .back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;

    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);

    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -moz-transform: rotateY(0deg);

    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    -o-transform: rotateY(0deg);

    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;
    -ms-transform: rotateY(0deg);

    transition: 0.6s;
    transform-style: preserve-3d;
    transform: rotateY(0deg);

    position: absolute;
    top: 0;
    left: 0;
    overflow: visible;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.front {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
    background-repeat: no-repeat;
}

.flip-title-bg {
    background: rgba(0,0,0,.5);
}

.flip.zentrale-einrichtung .front,
.flip.zentrale-einrichtung .back {
    background: rgb(0, 51, 102) url('/wp-content/uploads/2021/04/fau-siegel.png') no-repeat 125% bottom;
}

.flip.zentrale-einrichtung .flip-title-bg {
    background: rgb(1, 32, 63);
}

.flip.philosophische-fakultaet-und-fachbereich-theologie .front,
.flip.philosophische-fakultaet-und-fachbereich-theologie .back {
    background: rgb(201, 147, 19) url('/wp-content/uploads/2021/04/fau-siegel.png') no-repeat 125% bottom;
}

.flip.philosophische-fakultaet-und-fachbereich-theologie .flip-title-bg {
    background: rgb(101, 73, 6);
}

.flip.medizinische-fakultaet .front,
.flip.medizinische-fakultaet .back {
    background: rgb(0, 177, 235) url('/wp-content/uploads/2021/04/fau-siegel.png') no-repeat 125% bottom;
}

.flip.medizinische-fakultaet .flip-title-bg {
    background: rgb(3, 86, 113);
}

.flip.naturwissenschaftliche-fakultaet .front,
.flip.naturwissenschaftliche-fakultaet .back {
    background: rgb(0, 155, 119) url('/wp-content/uploads/2021/04/fau-siegel.png') no-repeat 125% bottom;
}

.flip.naturwissenschaftliche-fakultaet .flip-title-bg {
    background: rgb(3, 60, 46);
}

.flip.technische-fakultaet .front,
.flip.technische-fakultaet .back {
    background: rgb(152, 164, 174) url('/wp-content/uploads/2021/04/fau-siegel.png') no-repeat 125% bottom;
}

.flip.technische-fakultaet .flip-title-bg {
    background: rgb(81, 88, 95);
}

.flip.rechts-und-wirtschaftswissenschaftliche-fakultaet .front,
.flip.rechts-und-wirtschaftswissenschaftliche-fakultaet .back {
    background: rgb(141, 20, 41) url('/wp-content/uploads/2021/04/fau-siegel.png') no-repeat 125% bottom;
}

.flip.flip.rechts-und-wirtschaftswissenschaftliche-fakultaet .flip-title-bg {
    background: rgb(64, 5, 15);
}

.back {
    /* background: #ecf0f5; */
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    line-height: 1.5;
}

/* =========================================
   Flip Typography
   ========================================= */

.flip-img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.flip-title {
    position: absolute;
    height: auto;
    bottom: 0;
    left: 0;
    display: block;
    overflow: hidden;
    width: 100%;
    background: transparent;
    text-shadow: 1px 2px 0 rgba(0,0,0,.5);
    font-size: 1.125em;
	color: #fff;
	opacity: 1;
}

.flip-title-bg {
    background: #036;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .9;
}

.flip-title p {
    position: relative;
    display: block;
    overflow: hidden;
    bottom: 0;
    right: 0;
    text-align: right;
    font-size: 1em;
    font-weight: 400;
    /* color: rgba(0,0,0,.75); */
    margin: 0 .5em;
    padding: 9px 4px 10px 1em;
    z-index: 2;
    display: block;
    font-family: Arial;
    line-height: 1.4em;
    color: #fff;
}

.flip-project-id {
    display: none!important;
    position: absolute;
    left: .5em;
    top: .25em;
    color: rgba(0,0,0,.8);
    font-family: 'Bitter';
    font-size: 2em;
    font-weight: 400;
    text-transform: uppercase;

    /* With images */
    background: #fff;
    line-height: 1;
    padding: .125em .25em;
    opacity: .95;
    left: .25em;
}

.flip-project-id.reverse {
    left: auto;
    right: .5em;
    color: #ddd;
    opacity: .4;
    z-index: 0;
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
    display: none;
}

.flip-project-id span.subtitle {
    display: block;
    width: 100%;
    color: rgba(0,0,0,.3);
    font-size: .375em;
    position: relative;
    bottom: 6px;
    font-family: 'Open Sans', Arial, helvetica, sans-serif;

    /* With images */
    display: none;
}

.flip-project-id span.subtitle.reverse {
    color: rgba(0,0,0,.05);
    text-align: right;
}

.flip-description {
    font-size: .938em;
    margin: .5em;
    line-height: 20px;
    z-index: 2;
    position: relative;

    /* With images */
    background: rgba(255,255,255,1);
    padding: .75em;
    /* border-radius: .5em; */
}

#content .flip-description p {
    font-size: 1em;
}

.flip-more {
    text-align: center;
    font-size: 1em;
    font-weight: 400;
    position: absolute;
    z-index: 9999;
    bottom: 0;
    left: 0;
    color: rgba(0,0,0,.75);
    display: block;
    width: 94%;
    padding: 7px 3% 10px;
    /* background: rgba(0,0,0,.025); */
    transition: background 300ms linear;

    /* With images */
    color: #fff;
}

.flip-more a {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    z-index: 99999;
    color: #fff!important;
    font-size: 1.125em;
    text-shadow: 1px 1px 0 rgba(0,0,0,.4);
	font-weight: 400;
}

.flip-more span {
    margin-right: .375em;
}

.flip-more:hover {
    background: rgba(0,0,0,.05);

    /* With images */
    background: transparent;
}

.flip-project-icon {
    position: absolute;
    display: block;
    width: 50%;
    left: 70%;
    top: -30%;
    font-size: 10em;
    color: rgba(0,0,0,.033);
}

.project-icon-page-bg {
    position: fixed;
    overflow: hidden;
    left: -5%;
    bottom: -15%;
    font-size: 40em;
    color: #f8f8f8;
    z-index: 0;
}

/* Flip Label Ribbon */

/* .flip-label {
    position: absolute;
    right: .75em;
    top: -2px;
    width: 1.125em;
    height: 1.75em;
    box-shadow: 1px 1px 2px rgba(0,0,0,.2);
    border-radius: 1px 1px 3px 3px;
    -moz-border-radius: 1px 1px 3px 3px;
    -webkit-border-radius: 1px 1px 3px 3px;
}

.flip-label.backside {
    right: auto;
    left: .75em;
    top: -1px;
    height: 9px;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
} */

/* Flip Label Width 100% */

.flip-label {
    /* position: absolute;
    left: 0;
    top: 0;
    width:  100%;
    height: 4px;
    opacity: .9; */
}

/* Table of contents */
.ili-toc {
    padding: 1rem 1rem .75rem;
    background: #f3f7fb;
}

.ili-toc h2 {
    margin-top: 0;
    padding-top: 0;
}

#content .ili-toc ol li,
#content .ili-toc ul li {
    line-height: 1.33;
}

.wp-block-column figure.wp-block-image {
    margin: 0 auto;
}

.wp-block-columns.has-background {
    padding: 1.25em 1.5em;
}

/* ---------------------------------
   99. Responsive
   ------------------------------ */

   @media screen and (min-width: 980px) {
       #header {
           padding-bottom: 30px;
       }
   }

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

        .breadcrumbs {
            padding: 10px 10px 0 0;
            margin-left: 10px;
        }

        #logo img {
            height: 54px;
            top: 10px;
            position: relative;
        }

        img.fau-logo {
            right: 0;
            width: 190px;
            top: 31px;
        }

        #header {
            padding-bottom: 14px;
        }

        #nav .nav-flyout {
            border-top: 17px solid #fff;
            width: 100%;
        }

        #hero.hero-small h1 {
            padding: 30px 0 20px 10px;
        }

        .slick-prev,
        .slick-next {
            display: none!important;
        }

        .ili-project-archive-item {
            padding-bottom: 0;
        }


        .ili-project-archive-item .attachment-post-thumbnail {
            float: left;
            margin: .5em 0!important;
        }

        .sidebar-inline {
            float: left;
            width: 100%;
            margin-left: 0;
            padding-left: 0;
            border-left: 0;
        }

        .flip, .flip-half {
            width: 49%;
            margin-right: 2%;
        }

        .flip:nth-child(3n),
        .flip--half:nth-child(3n) {
            margin-right: 2%;
        }
        
        .flip:nth-child(2n),
        .flip--half:nth-child(2n) {
            margin-right: 0;
        }

        body.page-template-template-szenarien .flip:nth-child(2n+2) {
            margin-right: 2%;
        }
   }

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

       body.js-enabled ul#meta-nav li.ili-social-nav {
           display: inline-block;
       }

       body.js-enabled ul#meta-nav li.ili-social-nav a {
           display: inline-block;
           padding: 10px 5px;
       }

       body.js-enabled ul#meta-nav li.ili-social-nav.ili-social-nav--first a {
           padding: 10px 5px 10px 20px;
       }

        #header {
            padding-bottom: 0;
        }

        #hero.hero-small h1 {
            padding: 30px 0 20px 15px;
        }

        form#search-header {
            margin-right: 10px!important;
            float:left!important;
        }

        .nextend-bullet-bar {
            display: none!important;
        }

        nav.breadcrumbs a {
           padding-left: 5px!important;
        }

        img.fau-logo {
            display: none;
        }

        #logo img {
            height: 45px;
            top: 6px;
            position: relative;
            margin-left: 8px;
            display: block;
        }

        #footer-nav li {
            margin-left: 15px;
        }

        #nav .nav-flyout {
            border-top: 0;
        }

        #meta {
            height: 40px;
            z-index: -1;
        }

        img.attachment-post.wp-post-image {
            float: auto;
            max-width: 33%!important;
            margin: 0 0 2em 0!important;
        }

        .post-image .post-image-caption {
            text-align: center;
            margin: 0 auto;
            display: block;
            padding: 0 0 1em;
            top: -1em;
            position: relative;
        }

        li.shariff-button:first-child {
            margin-left: 15px !important;
        }

        .flip-title p {
            margin: 0 8px !important;
        }
   }

   @media screen and (max-width:360px) {
       img.attachment-post.wp-post-image,
       .post-image {
           width: 100%;
           max-width: 100%;
       }

       .post-image-caption {
            width: 100%;
            text-align: center;
            margin: 0 auto;
            padding: 0 0 1em;
        }

   }

   /* Mobile only */
   @media screen and (max-width: 979px) {

       .ili-mobile-only {
           display: block;
       }

       .ili-desktop-only {
           display: none!important;
       }
   }

   /* Desktop only */
   @media screen and (min-width: 980px) {

       .ili-mobile-only {
           display: none!important;
       }

       .ili-desktop-only {
           display: block;
       }

   }

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

    .flip, .flip-half,
    .flip:nth-child(3n),
    .flip--half:nth-child(3n),
    .flip:nth-child(2n),
    .flip--half:nth-child(2n) {
        width: 100% !important;
        margin-right: 0 !important;
    }

}