@font-face {
    /* Vectora LT Pro W04 Light Italic */
    font-family: "Vectora LT Pro W04 Italic";
    font-style: italic;
    font-weight: 400;
    src: url("../fonts/1361816/b90c6e13-e324-4199-8018-5f019ec32cfc.woff2") format("woff2"), url("../fonts/1361816/132e6238-d7e1-4451-a575-4a02d05d98ef.woff") format("woff");
}

@font-face {
    /* Vectora LT Pro W04 Bold Italic */
    font-family: "Vectora LT Pro W04 Italic";
    font-style: italic;
    font-weight: 700;
    src: url("../fonts/1361810/cc2615d9-13b7-49df-bc0a-aa0a5df92492.woff2") format("woff2"), url("../fonts/1361810/03ba35f2-5c65-4840-bc7e-03e72978dceb.woff") format("woff");
}
@font-face {
  font-family: "GotchaStandup";
  src: url('../fonts/GotchaStandup/font.woff2') format('woff2'), url('../fonts/GotchaStandup/font.woff') format('woff');
}

.schreib {
	font-family: GotchaStandup;
    font-style: normal;
}

.ff .schreib p {
    font-size: 21pt;
    line-height: 110%;
}

.ff p .schreib {
    font-size: 21pt;
    line-height: 110%;
}

h1 .schreib, h2 .schreib, h3 .schreib, h4 .schreib, h5 .schreib, h6 .schreib {
    font-weight: normal;
    line-height: 100%;
}

.green {
    color: #95c119;
}

.orange {
    color: #f79922;
}

.purple {
    color: #642082;
}

.grey {
    color: #575757;
}

.grau-mittel {
    /*background-color: #e8e8e8;*/
    background-color: #f1eaf7;
}

.grau-hell {
    /*background-color: #f2f2f2;*/
    background-color: #f7f4fa;
}

/* remove gutters from colored row which is normally used outside of a container which leads to screen size bigger than 100% width */
.row.grau-hell {
    margin-left: 0;
    margin-right: 0;
}

.row.grau-mittel {
    margin-left: 0;
    margin-right: 0;
}

.white {
    color: #ffffff;
}

.bg-green, .bg-secondary {
    background-color: #95c119 !important;
    color: white;
}

.bg-orange, .bg-warning {
    background-color: #f79922 !important;
    color: white;
}

.bg-purple, .bg-primary {
    background-color: #642082 !important;
    color: white;
}

.bg-grey {
    background-color: #575757;
}

.bg-white {
    background-color: #ffffff;
}

.bg-milk {
    background-color: rgba(255,255,255,1);
    opacity: 0.95;
}

.bg-milk.schraeg::after {
    background-color: rgba(255,255,255,1);
}

.bg-milk.schraeg::before {
    background-color: rgba(255,255,255,1);
}

.container div {
    /*margin: 0;*/
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Vectora LT Pro W04 Italic", sans-serif;
    font-style: italic;
    font-weight: bold;
    color: #642082;
    /*line-height: 120%;*/
}

.ff h1 {
    /*font-size: 40pt;*/
    font-size: 18pt;
    padding-bottom: 12px;
    padding-top: 30px;
    margin-bottom: 1rem;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}

.ff h1 small, .ff h2 small {
    color: #575757;
    font-size: 21pt;
    font-weight: bold;
    margin-bottom: 60px;
}

.ff h1 big, .ff h2 big {
    font-size: 25pt;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 60px;
}

.ff h2 {
    /*font-size: 40pt;*/
    font-size: 18pt;
    margin-top: 15px;
    margin-bottom: 1rem;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}

.ff h3 {
    font-size: 16pt;
}

@media (min-width: 1200px) {

    .ff h1 {
        /*font-size: 40pt;*/
        font-size: 35pt;
        padding-bottom: 12px;
        padding-top: 30px;
        margin-bottom: 1rem;
    }

    .ff h1 small, .ff h2 small {
        color: #575757;
        font-size: 30pt;
        margin-bottom: 60px;
    }

    .ff h1 big, .ff h2 big {
        font-size: 49pt;
        margin-bottom: 60px;
    }

    .ff h2 {
        /*font-size: 40pt;*/
        font-size: 31pt;
        margin-top: 15px;
        margin-bottom: 1rem;
    }

    .ff h3 {
        font-size: 19pt;
    }


}


.ff h3 small {
    color: #575757;
    font-weight: bold;
}

.ff h4 {
    font-size: 12pt;
}

.ff h4 small {
    color: #575757;
    font-weight: bold;
}

.headline {
    font-size: 21pt;
    line-height: 150%;
}

.copy {
    font-size: 15pt;
    line-height: 120%;
}

img.blog-heading {
    padding-bottom: 20px;
}

.subcopy {
    font-size: 14pt;
    line-height: 120%;
}


.ff figure {
    margin: 0;
    position: relative;
}

.ff figcaption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 8pt;
    color: white;
    font-weight: bold;
    white-space: pre;
    line-height: 150%;
}

.ff figure.figure>figcaption.figure-caption {
    display: none;
}

.ff figure.figure.rechts>figure>figcaption {
    left: 66%;
    transform: translate(-66%, -50%);
}

.ff figure.figure.links>figure>figcaption {
    left: 33%;
    transform: translate(-33%, -50%);
}

.ff figure.figure.rechts2>figure>figcaption {
    left: 87%;
    transform: translate(-87%, -50%);
}

.ff figure.figure.links2>figure>figcaption {
    left: 13%;
    transform: translate(-13%, -50%);
}

@media (min-width: 420px) {
    .ff figcaption {
        font-size: 10pt;
    }
}

@media (min-width: 600px) {
    .ff figcaption {
        font-size: 14pt;
    }
}

@media (min-width: 800px) {
    .ff figcaption {
        font-size: 18pt;
    }
}

@media (min-width: 1200px) {
    .ff figcaption {
        font-size: 28pt;
    }
}

@media (min-width: 1900px) {
    .ff figcaption {
        font-size: 40pt;
    }
}

@media (min-width: 2200px) {
    .ff figcaption {
        font-size: 52pt;
    }
}

/* .figcaption {
    font-size: 11pt;
    line-height: 120%;
}*/

footer.page-footer p {
    font-size: 11pt;
    line-height: 191%;
}

footer.page-footer {
    font-size: 11pt;
    line-height: 120%;
    background-color: #666b6e;
    padding-top: 2rem;
    border-top: 10px solid #642082;
}

@media (min-width: 540px) {
    footer.page-footer  {
        border-top-width: 10px;
    }
}

@media (min-width: 960px) {
    footer.page-footer {
        border-top-width: 18px;
    }
}

footer.page-footer img {
    /*max-height: 60px;*/
}

section.center {
    text-align: center;
}

.ff p {
    margin-top: 10px;
    margin-bottom: 23px;
    font-size: 15pt;
    line-height: 150%;
}

hr {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #575757;
}

hr.double-green {
    border-top: 1px solid #95c119;
    border-bottom: 1px solid #95c119;
    color: #ffffff;
    height: 4px;
}

hr.double-grey {
    border-top: 1px solid #575757;
    border-bottom: 1px solid #575757;
    color: #ffffff;
    height: 4px;
}

section {
    padding-top: 5px;
    padding-bottom: 5px;
}

strong {
    /*font-family: "Vectora LT Pro W04 Italic", sans-serif;*/
    font-weight: bold;
    font-style: italic;
}

body {
    font-family: "Vectora LT Pro W04 Italic", sans-serif;
    font-style: italic;

    /*padding-top: 130px;*/
    padding-top: 4.5rem;
    color: #575757;
}

body.ff {
    line-height: 25pt;
    font-size: 15pt;
}

.dark-background {
    color: #ffffff;
}
.dark-background a {
    color: #ffffff;
}

.dark-background a:hover {
    color: #dddddd;
}

.dark-background li a {
    color: #ffffff !important;;
}

.dark-background h1, .dark-background h2, .dark-background h3, .dark-background h4 {
    color: #ffffff;
}

.navbar-nav>.active>a {
    background-color: #642082 !important;
    color: #ffffff !important;
}

header.page-header {
    margin-top: -36px;
    border-bottom: 10px solid #642082;
    min-height: 0px;
}

@media (min-width: 540px) {
    header.page-header {
        margin-top: -72px;
        min-height: 46px;
        border-bottom-width: 10px;
    }
}

@media (min-width: 960px) {
    header.page-header {
        border-bottom-width: 18px;
        min-height: 93px;
    }
}

header.page-header img {
    width: 100%
}


.signet {
    position: relative;
}

.signet::before {
    content: "";
    width: 200px;
    height: 200px;
    background-image: url("/static/img/signet.svg");
    background-repeat: no-repeat;
    z-index: -1;
    left: 0px;
    top: 85px;
    position: absolute;
    opacity: 0.1;
}


.birne {
    position: relative;
}

.birne::after {
    content: "";
    background-image: url("/static/img/konzept.svg");
    background-repeat: no-repeat;
    background-position: right -90px center;
    width: 75%;
    height: 75%;
    top: 10%;
    right: 0;
    position: absolute;
    opacity: 0.1;
    z-index: 0;
}

.pinsel {
    position: relative;
}

.pinsel::after {
    content: "";
    background-image: url("/static/img/design.svg");
    background-repeat: no-repeat;
    background-position: right -20px center;
    width: 75%;
    height: 75%;
    top: 10%;
    right: 0;
    position: absolute;
    opacity: 0.1;
    z-index: 0;
}

.schreibmaschine {
    position: relative;
}

.schreibmaschine::after {
    content: "";
    background-image: url("/static/img/content.svg");
    background-repeat: no-repeat;
    background-position: right -90px center;
    width: 75%;
    height: 75%;
    top: 10%;
    right: 0;
    position: absolute;
    opacity: 0.1;
    z-index: 0;
}


.gehirn {
    position: relative;
}

.gehirn::after {
    content: "";
    background-image: url("/static/img/gehirn.svg");
    background-repeat: no-repeat;
    background-position: right -90px center;
    width: 75%;
    height: 75%;
    top: 10%;
    right: 0;
    position: absolute;
    opacity: 0.1;
    z-index: 0;
}

.megafon {
    position: relative;
}

.megafon::after {
    content: "";
    background-image: url("/static/img/megafon.svg");
    background-repeat: no-repeat;
    background-position: right -90px center;
    width: 75%;
    height: 75%;
    top: 10%;
    right: 0;
    position: absolute;
    opacity: 0.1;
    z-index: 0;
}

.rakete {
    position: relative;
}

.rakete::after {
    content: "";
    background-image: url("/static/img/rakete.svg");
    background-repeat: no-repeat;
    background-position: right -90px center;
    width: 75%;
    height: 75%;
    top: 10%;
    right: 0;
    position: absolute;
    opacity: 0.1;
    z-index: 0;
}

.zitat {
    position: relative;
}

.zitat::after {
    content: "";
    background-image: url("/static/img/zitat.svg");
    background-repeat: no-repeat;
    background-position: right -90px center;
    width: 75%;
    height: 75%;
    top: 10%;
    right: 0;
    position: absolute;
    opacity: 0.1;
    z-index: 0;
}

/* Slanted Edge Buttons */


.schraeg {

}

.schraeg:before {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    left: -8px;
    top: 0;
    width: 20px;
    transform: skewX(-10deg);
    z-index: -1;
}

.schraeg:after {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    right: -8px;
    top: 0;
    width: 20px;
    transform: skewX(-10deg);
    z-index: -1;
}

/*
.schraeg {
	background: #EEE;
	display: block;
	color: #000;
	font-family: sans-serif;
	font-size: 16px;
	font-weight: normal;
	margin: 0 60px 20px 0;
	padding: 20px;
	position: relative;
	text-decoration: none;
	transition: background 0.25s;
}

.schraegebasis.schraeg:after {
    content: "";
    background-color: #EEE;
    display: block;
    height: 100%;
    position: absolute;
    right: -30px;
    top: 0;
    width: 60px;
    transform: skewX(-10deg);
}*/

/* Navi */
#logo {
    width: 100px;
}

#navbar {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
}

#navbar ul {
    text-align: center;
}

.nav-masthead .nav-item {
    border-bottom: 1px solid #642082;
    background-color: white;
    padding-left: 11px;
    left: -11px;
    position: relative;
    margin-right: -16px;
}

.nav-masthead .nav-item.active {
    background-color: #642082;
}

.nav-masthead .nav-item:last-child {
    border-bottom: none;
}

.navbar {
    padding: 0.1rem 0.1rem;
}

.navbar-brand {
    padding: 0;
}

.navbar-light .navbar-toggler  {
    color: #642082 !important;
    border: none;
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28100, 32, 130, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-toggler-icon {
    width: 1em;
    height: 1em;
}

.collapsing {
  transition: none !important;
}


/* Navi auf Desktop */
@media (min-width: 992px) {

    #logo {
    width: 229px;
}

    #navbar {
        padding-top: 0;
        padding-bottom: 0;
        margin-left: 15px;
        position: static;
    }

    .masthead-brand {
        float: left;
        padding-top: 16px;
        padding-bottom: 16px;
        padding-left: 21px
    }

    .nav-masthead {
        font-size: 14pt;
        float: right;
        bottom: 0px;
        right: 0px;
        position: absolute;

    }

  .nav-masthead {
      height: 100%;
  }

  .nav-masthead div {
      height: 100%;
  }

  .nav-masthead ul {
      height: 100%;
  }

  .nav-masthead li {
      height: 100%;
  }

  #navbar {
      background-color: inherit;
  }

  #navbar li {
    border-bottom: none;
    background-color: inherit;
    padding-left: inherit;
    left: inherit;
}

  .nav-masthead .nav-item {
      margin-left: 10px;
      margin-right: 10px;
  }

  .nav-masthead a {
      height: 100%;
      display: flex;
      align-items: flex-end;
      text-transform: uppercase;
      font-weight: bold;
      color: #662382 !important;
  }

    .nav-masthead li.active {
     position: relative;
        z-index: 0;
  }

  .nav-masthead li.active::after {
      content: "";
      background-color: #662382 !important;
    display: block;
    position: absolute;
    height: 100%;
    right: -8px;
    top: 0;
    width: 20px;
    transform: skewX(-10deg);
    z-index: -1;
  }

    .nav-masthead li.active::before {
      content: "";
      background-color: #662382 !important;
    display: block;
    position: absolute;
    height: 100%;
    left: -8px;
    top: 0;
    width: 20px;
    transform: skewX(-10deg);
    z-index: -1;
  }

    .signet::before {
    width: 350px;
    height: 350px;
    left: -229px;
    top: -66px;
}
}


}

#mood {
    min-height: 10px;
    /*min-height: 190px;
    background-image: url("../../images/mood.png");
    background-position: center;
    background-repeat: no-repeat;*/
}

div#mood-background {
    /*background-color: #e4e5e4;*/
    background-color: #642082;
}

.app-cms .card .btn {
    margin-left: 1.6rem;
    margin-right: auto;
    margin-bottom: 1rem;
}

@media (min-width: 576px) {
    .card-deck {
        display: block;
        -ms-flex-flow: unset;
        flex-flow: unset;
        margin-right: 0;
        margin-left: 0;
    }
}

@media (min-width: 576px) {
    .card-deck .card {
        -ms-flex: none;
        flex: none;
        margin-right: 0;
        margin-bottom: 15px;
        margin-left: 0;
    }
}

@media (min-width: 992px) {
    .card-deck {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
    }
}

@media (min-width: 992px) {
    .card-deck .card {
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px;
    }
}


@media (min-width: 1200px){
    .app-cms .card .btn {
        margin-left: 2.6rem;
        margin-bottom: 2rem;
    }
}

.card {
    border-radius: unset;
}

.app-cms .card h3, .app-cms .card h2, .app-cms .card h1, .app-cms .card h4 {
    color: white;
}

.app-cms .card-body {
    padding: 1.4rem;
    padding-bottom: 0.8rem;
}

@media (min-width: 576px) {
    .app-cms .card-body {
        padding: 2.0rem;
        padding-bottom: 1.0rem;
    }
}

.card.bg-warning, .card.bg-primary, .card.bg-secondary {
    border: none;
}


.btn {
    white-space: nowrap;
    background-color: #642082;
    border-color: #642082;
    position: relative;
    border: none;
    border-radius: initial;
    margin-left: 6px;
    margin-bottom: 6px;
    text-transform: uppercase;
    font-size: 10pt;
    font-weight: bold;
    padding: 7px 5px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    z-index: 3;
}

@media (min-width: 768px) {

    .btn {
        font-size: 12pt;
        padding: 10px 7px;
    }
}

@media (min-width: 1000px) {

    .btn {
        font-size: 14pt;
        padding: 7px 17px;
    }
}

@media (min-width: 1200px) {

    .btn {
        font-size: 17pt;
        padding: 13px 25px;
    }
}

.btn.btn-warning, .btn.btn-warning::before, .btn.btn-warning::after {
    background-color: #f79922;
    color: white;
}

.btn.btn-warning:hover, .btn.btn-warning:hover::before, .btn.btn-warning:hover::after {
    background-color: #f59b00;
    color: white;
}

.btn.btn-secondary, .btn.btn-secondary::before, .btn.btn-secondary::after {
    background-color: #95c119;
}

.btn.btn-secondary:hover, .btn.btn-secondary:hover::before, .btn.btn-secondary:hover::after {
    background-color: #9DCC1A;
}

.btn.btn-outline-primary:hover {
    color: #763290;
}

.btn.btn-outline-secondary:hover {
    color: #A5D61C;
}

.btn.btn-outline-warning:hover {
    color: #f59b00;
}


.btn.btn-outline-primary, .btn.btn-outline-secondary, .btn.btn-outline-warning, .btn.btn-outline-light {
    background-color: white !important;
}

.btn.btn-outline-primary::before, .btn.btn-outline-secondary::before, .btn.btn-outline-warning::before, .btn.btn-outline-light::before {
    background-color: white !important;
}

.btn.btn-outline-primary::after, .btn.btn-outline-secondary::after, .btn.btn-outline-warning::after, .btn.btn-outline-light::after {
    background-color: white !important;
}

.btn-outline-warning {
    color: #f79922;
}

.btn-outline-primary {
    color: #662382;
}

.btn-outline-secondary {
    color: #95c119;
}

.btn::before {
    content: "";
    background-color: #662382;
    display: block;
    position: absolute;
    height: 100%;
    left: -5px;
    top: 0;
    width: 10px;
    transform: skewX(-10deg);
    z-index: 1;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn::after {
    content: "";
    background-color: #662382;
    display: block;
    position: absolute;
    height: 100%;
    right: -5px;
    top: 0;
    width: 10px;
    transform: skewX(-10deg);
    z-index: 1;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn:hover, .btn:hover::after, .btn:hover::before {
    background-color: #763290;
    border-color: #763290;
}

.btn-default {
    color: #ffffff;
}

.btn-default:hover {
    color: #ffffff;
}

.pagination>.active>a {
    background-color: #642082;
    border-color: #642082;
    color: #ffffff;
}

.pagination>.active>a:hover {
    background-color: #642082;
    border-color: #642082;
    color: #ffffff;
}

.panel-info {
    border-color: #642082;
}

.panel ul {
    padding-top: 10px;
}

.panel-info>.panel-heading {
    background-color: #642082;
    color: #ffffff;
}

ul {
    padding-left: 1.25rem;
}

.main li {
    padding-bottom: 0.2rem;
}

ul.tag-cloud {
    padding-left: 10px;
    padding-right: 10px;
}

ul.tag-cloud li {
    display: inline;
    list-style-type: none;
}

.tag-1 {
    font-size: 8px;
}
.tag-2 {
    font-size: 14px;
}
.tag-3 {
    font-size: 20px;
}
.tag-4 {
    font-size: 26px;
}
.tag-5 {
    font-size: 32px;
}
.tag-6 {
    font-size: 38px;
}



.widget ul {
    padding-top: 14px;
}

.label-info {
    background-color: #f79922;
}

.panel-default>.panel-heading {
    background-color: #95c119;
    color: #ffffff;
}

li.list-group-item:first-of-type {
    padding-top: 0;
}



a:hover {
    color: #95c119;
    text-decoration: none;
}

a {
    color: #642082;
    text-decoration: none;
}

.plugin_link a {
    font-size: 30pt;
    color: #95c119;
}

.plugin_link a:hover {
    color: #642082;
    text-decoration: none;
}

img {
    box-shadow: none;
}

img.footer-icon {
    width: 21px;
    margin: 6px 0px;
    margin-right: 15px;
}

@media (min-width: 768px) and (max-width: 990px) {
    img.footer-icon {
        margin-right: 5px;
    }
}

@media (max-width: 767px) {
    img.img-md {
        max-width: 66%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1rem;
    }

    .img-md-20 {
        max-width: 19%;
        margin: 0!important;
    }

    .img-md-40 {
        max-width: 36%;
        margin: 0!important;
    }
}

@media (max-width: 575px) {
    img.img-sm {
        max-width: 66%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1rem;
    }
}

.main {
    padding-top: 0px;
}


#branding {
    text-align: right;
    vertical-align: middle;
    min-height: 96px;
}

#branding h1 {
    margin-top: 44px;
}

.middle {
    vertical-align: middle;

}

div.main-menu {

}

div.header-background {

}

div#menu-background {
    margin-top: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #95c119;
}

#main-content {
    padding: 10px;
    position: relative;
    padding-left: 0px;
    padding-top: 40px;
    padding-right: 30px;
}

#main-content img {
    position: absolute;
    left: 0;
    top: 52px;

}



img.right {
    float: right;
    padding-right: 15px;
}

#main-content .row {
    padding-left: 20px;
    padding-right: 20px;
}

.align-right {
    float: right;
}

#siderbar {

}

#sidebar-inner {
    padding-left: 40px;
    padding-top: 40px;

}

#sidebar-inner .row {
    padding-left: 20px;
    padding-right: 20px;
}

.breadcrumb {
    border-radius: 0;
}

.widget {
    border-radius: 0;
}

.panel-heading {
    border-radius: 0;
}

/*article {
    border-bottom-style: solid;
    border-bottom-color: #642082;
    background-color: transparent;
    padding: 20px;
    padding-top: 5px;
    margin-bottom: 20px;
}*/

h2.entry-title {
    margin-top: 5px;
}

header.entry-header {
    margin-top: 10px;
}

.entry-content img {
    display: block;
    height: auto;
    max-width: 100%;
}

.container .plugin_picture img, img.filer_image{
    height: auto;
    max-width: 100%;
}

html,
body {
    height: 100%;
    /* The html and body elements cannot have any padding or margin. */
}

/*#wrap {
    min-height: 100%;
    height: auto;
    /* Negative indent footer by its height */
/*    margin: 0 auto -140px;
    /* Pad bottom by footer height */
/*    padding: 0 0 60px;
}*/

/*#footer {
    height: 60px;
    background-color: #642082;
    margin-top: 50px;
    position: relative;
}

#footer p {
    margin-top: 10px;
    margin-bottom: 10px;
}

#wrap > .container {
    padding: 20px 15px 0px;
    padding-bottom: 80px;
    padding-top: 0px;
}

#footer-green {
    height: 80px;
    background-color: #95c119;

}

.container .text-muted {
    margin: 20px 0;
    line-height: 20px;
    color: #ffffff;
}

#footer > .container {
    padding-left: 15px;
    padding-right: 15px;
}*/

.carousel {
    border: 1px solid #642082;
}

.carousel-caption {
    background-color: inherit;
    right: 15%;
    left: 50%;
    top: 5%;
    bottom: 60%;
    color: #ffffff;
    text-shadow: none;
}

.carousel-caption h1 {
    color: #ffffff;
}

.carousel-caption h1 {
    font-size: 18pt;
    line-height: normal;
    padding-top: 5px;
    padding-bottom: 10px;
}

.carousel-caption p {
    font-size: 14pt;
}

.carousel-control-next, .carousel-control-prev, .carousel-control-next:hover, .carousel-control-prev:hover  {
    opacity: 1;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    background-color: #642082;
    padding: 24px 15px;
    background-size: 45%;
}

.carousel-control-next-icon {
    right: -12px;
    position: relative;
}

.carousel-control-prev-icon {
    left: -12px;
    position: relative;
}

@media (min-width: 768px) {
    .carousel-control-next-icon, .carousel-control-prev-icon {
        background-color: #642082;
        padding: 54px 27px;
        background-size: 45%;
    }

    .carousel-control-next-icon {
        right: -30px;
    }
    .carousel-control-prev-icon {
        left: -30px;
    }
}

.carousel-control-next:hover .carousel-control-next-icon, .carousel-control-prev:hover .carousel-control-prev-icon {
    background-color: #763290;
}

.carousel.orange .carousel-control-next-icon, .carousel.orange .carousel-control-prev-icon {
    background-color: #f79922;
}

.carousel.orange .carousel-control-next:hover .carousel-control-next-icon, .carousel.orange .carousel-control-prev:hover .carousel-control-prev-icon {
    background-color: #f59b00;
}


.carousel.green .carousel-control-next-icon, .carousel.green .carousel-control-prev-icon {
    background-color: #95c119;
}

.carousel.green .carousel-control-next:hover .carousel-control-next-icon, .carousel.green .carousel-control-prev:hover .carousel-control-prev-icon {
    background-color: #9DCC1A;
}



.registered {
    position: relative;
    top: -0.5em;
    font-size: 75%;
}

.milkglass {
    background-color: rgba(255, 255, 255, 0.8);
    position: relative;
}

h1.milkglass, h2.milkglass, h3.milkglass, p.milkglass {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 5px;
    padding-bottom: 10px;
}

.references .more {
    display: block;
    visibility: hidden;
    position: absolute;
    z-index: 100;
    width: 96%;
    height: 100%;
    padding-right: 15px;
    padding-left: 15px;
    background-color: rgba(100, 32, 130, 0.9);
    color: white;
    font-size: 2em;
    text-align: center;
    margin-bottom: 20px;
}

@media (max-width: 991px){
    .references {
        margin-bottom: 1em;
        /*position: relative;
        background-color: white;*/
    }
}

@media (min-width:992px){
    .references .more {
        width: 93%;
        height: 92%;
    }

    .reference-listing {
        padding-top: 1em;
    }
}


.references .more>span {
    position: absolute;
    display: block;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.references p>.btn {
    margin-bottom: 0;
    font-style: italic;
}

/*
.references:first-of-type>a>.more {
    visibility: visible !important;
}*/

.references>a:hover>.more {
    visibility: visible;
}

.reference-listing {
    background-color: white;
}

.references .image {
    display: block;
    width: 100%;
    height: 150px;
}

.references .placeholder {
    background-color: lightgrey;
}

.references {
    overflow: hidden;
}

.reference .statement {

}

.list-ff {
    list-style: none;
    padding-left: 0;
}

.list-ff li {
    line-height: 150%;
}

.list-ff li:before {
    content: '\3e';
    margin: 0 0.5em;
}

.carousel-inner img {
  margin: auto;
}

.reference .btn {
    /*background-color: #ffffff;*/
    border-color: #642082;
    margin-bottom: 0.6em;
}

.reference .btn-default {
    color: #642082;
}

.btn-active {
    color: #ffffff;
    background-color: #642082;
    border-color: #642082;
}

.btn-active:hover {
    color: #ffffff;
}

/*.reference .btn:hover {
    background-color: #95c119;
    border-color: #95c119;
}*/

.btn-default:hover {
    color: #ffffff;
    background-color: #95c119;
    border-color: #95c119;
}


.reference-filter .tab-pane {
    padding-top: 1em;
}

.nav-tabs>li>a {
    border-radius: inherit;
}

.btn {
    margin-right: 0.4em;
}

.reference-filter .btn {
    margin-bottom: 1em;
}

.row h1.has-breadcrumb {
    padding-top: 0.1em;
}

table.project-details tr td {
    vertical-align: top;
    /*border: black solid 1px;*/
    padding-top: 0;
}

table.project-details {
    line-height: 150%;
}

table.project-details td:first-child {
    padding-right: 1em;
}


/* Blog */

.post-detail.d-inline {
    font-size: 12pt;
    line-height: 18pt;
}


.blog-list .post-item {
    border: 1px solid rgba(0,0,0,.125);
}

/* Blog & Referenzen gemeinsam */

.post-list-imagearea {
    position: relative;
    overflow: hidden;
}

.post-list-imagefooter {
    position: absolute;
    bottom: -6px;
    left: -6px;
}

.post-list-imagefooter .btn {
    margin-right: 0.3em;
    padding: 5px 5px;
    font-size: 10pt;
}

@media (min-width: 1200px) {
    .post-list-imagefooter .btn {
        margin-right: 0.4em;
        padding: 5px 5px;
        font-size: 12pt;
    }
}

@media (min-width: 1550px) {
    .post-list-imagefooter .btn {
        margin-right: 0.4em;
        padding: 7px 17px;
        font-size: 14pt;
    }
}

@media (min-width: 1890px) {
    .post-list-imagefooter .btn {
        margin-right: 0.4em;
        padding: 12px 24px;
        font-size: 17pt;
    }
}

.container-wide {
    max-width: 2200px;
    margin-right: auto;
    margin-left: auto;
}

/* Referenzen */

.app-references .card-footer  {
    background-color: unset;
    border-top: none;
    text-align: center;
}

/*.app-references .card h3, .app-references .card h2, .app-references .card h1, .app-references .card h4 {
    color: #642082;
}*/

.btn-default {
    background-color: #f2f2f2;
    color: #575757;
}

.btn-default.btn::before, .btn-default.btn::after {
    background-color: #f2f2f2;
}

.btn.btn-default:hover::before, .btn.btn-default:hover::after {
    background-color: #95c119;
    border-color: #95c119;
}

.app-references li {
    padding-bottom: inherit;
}