/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Maven+Pro:400,900,700,500);
a,
a:focus {
    outline: 0;
}

a:focus {
    text-decoration: none;
}

.navbar-right li {
    font-size: 18px;
}

.main-navbar {
    -webkit-box-shadow: 0 0 10px 5px #000000;
    box-shadow: 0 0 10px 5px #000000;
}

.tag {
    opacity: 0;
    transform: translate(0, 10vh);
    transition: all 1s;
}

.tag.visible {
    opacity: 1;
    transform: translate(0, 0);
}
.parralax {
    /* The image used */
    background-image: url(../images/background_header.jpg);
    /* Set a specific height */
    height:1000px;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position:bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.background {
    background-image: url(../images/background_header.jpg);
}
.backgroundcolor {
    background-color: black;
}


.headerrow {
    background-image: url(../images/background_header.jpg);
    background-size: cover;
    background-position: center;
    padding: 6% 0;
    color: #ffffff;
    text-shadow: #4d4d4d 2px 2px 2px;
}

.largeHeadline {
    font-size: 4.9em;
}

.headerrow img {
    max-width: 70%;
    height: 350px;
    min-width: 350px;
}

.container h2 {
    color: #ffffff;
}

.footerContainer {
    margin-top: 40px;
}

.invisibleSpacer {
    border-width: 0;
    padding-top: 20px;
}

.largeinvisibleSpacer {
    border-width: 0;
    padding-top: 65px;
}

.smallSpacer {
    padding: 0;
    margin: 0;
    padding-top: 10px;
}

.stickyElement {
    position: fixed;
    width: 100%;
    z-index: 2000;
}

.hoersaal {
    float: right;
    padding-left: 5px;
}

.glyphicon-menu-right {
    position: absolute;
    left: -4px;
}

.panel-title {
    position: relative;
    padding-left: 0px;
}

.navelement {
    height: 42px;
    position: absolute;
    margin-top: -42px;
    border-width: 0px;
}

.color1 {
    color: #b33e53;
    font-weight: bold;
}

.color2 {
    color: #879c65;
    font-weight: bold;
}

.color3 {
    color: #fa8c4e;
    font-weight: bold;
}

.kd2lab {
    color: #4ac1ec;
    font-weight: bold;
}

.triangel {
    color: #46d99c;
    font-weight: bold;
}

.glyphicon-envelope {
    position: relative;
    top: 2px;
}

.panel-body .img-container img {
    max-width: 100%;
}

.panel-body .img-container {
    text-align: center;
    width: 100%;
    margin-bottom: 1em;
}

@media (min-width: 1200px) {
    .col-lg-12 .panel-body .img-container {
        /* Wenn gro�, werden Vortragsbilder in Containern, die �ber die ganze Seitenbreite gehen, links angezeigt. */
        width: auto;
        float: left;
        margin-right: 1em;
    }
}

@media (max-width: 768px) {
    .largeHeadline {
        padding-top: 50px;
        font-size: 2.94em;
    }
}

@media (max-width: 1200px) {
    h4 {
        text-align: left !important;
    }
}

.panel-body p {
    text-align: justify;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    hyphenate-limit-chars: auto 5;
    hyphenate-limit-lines: 2;
}

.full-width-image div {
    padding: 0px;
}

.full-width-image img {
    margin-top: 50px;
    image-orientation: from-image;
    width: 100%;
    min-height: 200px;
}

.partner img {
    margin-right: 3em;
    margin-bottom: 1em;
}

#gallerycarousel img {
    margin: auto;
}

.carousel-control,
.carousel-inner {
    border-radius: 10px;
}

.img-container img {
    max-height: 300px;
}

.embeddedmap {
    height: 333px;
}

.question-header {
    font-weight: bold;
    color: greenyellow;
}

.question textarea {
    height: 6em;
    color: rgb(173, 173, 173);
    background: #0000004d;
    font-size: 1.2em;
    width: 100%;
    border-color: transparent;
}