

/* Positions(un-)abhängige Module für den Content-Bereich */



.subcolumns { }

.col-10,.col-20,.col-25,.col-33,.col-40,.col-50,.col-60,.col-66,.col-75,.col-80 {
    float: left;
    position: relative;
}
.col-10 { width: 10%; }
.col-20 { width: 20%; }
.col-25 { width: 25%; }
.col-33 { width: 33%; }
.col-40 { width: 40%; }
.col-50 { width: 50%; }
.col-60 { width: 60%; }
.col-66 { width: 66%; }
.col-75 { width: 75%; }
.col-80 { width: 80%; }


/**
 * Modul: Standard Content-Header mit Icon der Fakultät (optional)
 * Position: Content-Spalte oben
 *
**/

.content-header {
    padding: 0 0 8px 0;
    border-bottom: 1px solid;
    margin-bottom: 20px;
    position: relative;
}
.content-header span.headline {
    color:#464646;
    display:block;
    font-size:18px;
    padding: 0 55px 10px 0;
}
.content-header .faculty-icon {
    left:422px;
    position:absolute;
    top:0;
}

/* TODO: auslagern in z.B. fonts.css */

.lightgrey { color: #898989 }

/* btn-common */

.btn-common {
    margin-bottom: 30px;
    max-width: 100%;
}

.btn-common:after {
    content: " ";
    display: block;
    float: none;
    clear: left;
    font-size: 0;
}

.btn-common__link {
    max-width: 100%;
    text-align: center;
    display: inline-block;
    padding: 12px 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid #929292;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 2px 0 0 #464646;
}

.btn-common__link:hover {
    text-decoration: none;
    border-color: #9e9e9e;
}
.btn-common__link:hover .btn-common__text {
    color: #9e9e9e;
}
.btn-common--fill .btn-common__link {
    box-shadow: 0 2px 0 0 #464646, inset 0 1px 0 0 rgba(225,225,225,0.5);
    border: 0 none;
    padding: 12px 24px;
    background-color: #929292;
}
.btn-common--fill .btn-common__link:hover {
    background-color: #9e9e9e;
}
.btn-common--fill .btn-common__link:hover .btn-common__text {
    color: #ffffff;
}



.btn-common__text {
    display: inline;
    font-size: 15px;
    font-weight: bold;
    color: #929292;
}

.btn-common--color-green .btn-common__link {
    box-shadow: 0 2px 0 0 #7E9318, inset 0 1px 0 0 rgba(225,225,225,0.5);
    border-color: #94ad1c;
}
.btn-common--color-green .btn-common__link:hover {
    border-color: #9FBA1E;
}
.btn-common--color-green .btn-common__link:hover .btn-common__text {
    color: #9FBA1E;
}
.btn-common--color-green.btn-common--fill .btn-common__link {
    background-color: #94ad1c;
}
.btn-common--color-green.btn-common--fill .btn-common__link:hover .btn-common__text {
    color: #FFFFFF;
}
.btn-common--color-green.btn-common--fill .btn-common__link:hover {
    background-color: #9FBA1E;
}
.btn-common--color-green .btn-common__text {
    color: #94ad1c;
}

.btn-common--color-red .btn-common__link {
    box-shadow: 0 2px 0 0 #be032b, inset 0 1px 0 0 rgba(225,225,225,0.5);
    border-color: #d30330;
}
.btn-common--color-red .btn-common__link:hover {
    border-color: #e00333;
}
.btn-common--color-red .btn-common__link:hover .btn-common__text {
    color: #e00333;
}
.btn-common--color-red.btn-common--fill .btn-common__link {
    background-color: #d30330;
}
.btn-common--color-red.btn-common--fill .btn-common__link:hover .btn-common__text {
    color: #FFFFFF;
}
.btn-common--color-red.btn-common--fill .btn-common__link:hover {
    background-color: #e00333;
}
.btn-common--color-red .btn-common__text {
    color: #d30330;
}

.btn-common--fill .btn-common__text {
    color: #FFFFFF;
    font-size: 20px;
}

.btn-common__caption {
    margin-top: 10px;
    font-size: 12px;
    display: block;
}

.btn-common--left {
    text-align: left;
}

.btn-common--right {
    text-align: right;
}

.btn-common--center {
    text-align: center;
}


.col-right .btn-common { /*marginal*/
    margin-bottom: 0;
}

.col-right .btn-common__caption { /*marginal*/
    padding-bottom: 10px;
    line-height: 16px;
    border-bottom: 1px solid #929292;
    display: block;
}

/* module: video */
[id^="videoPlayer"] {
    font-style: italic;
}

/* slick.js
 Version: 1.3.15
 Author: Ken Wheeler
 Website: http://kenwheeler.github.io
 Docs: http://kenwheeler.github.io/slick
 Repo: http://github.com/kenwheeler/slick
 Issues: http://github.com/kenwheeler/slick/issues */
.slick-slider{position:relative;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:0}.slick-loading .slick-list{background:url() center center no-repeat #fff}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;left:0;top:0;display:block}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-next,.slick-prev{position:absolute;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:0 0;color:transparent;top:50%;margin-top:-10px;padding:0;border:none;outline:0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{outline:0;background:0 0;color:transparent}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;color:#fff;opacity:.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{left:auto;right:-25px}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{left:-25px;right:auto}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-45px;list-style:none;display:block;text-align:center;padding:0;width:100%}.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{border:0;background:0 0;display:block;height:20px;width:20px;outline:0;line-height:0;font-size:0;color:transparent;padding:5px;cursor:pointer}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{position:absolute;top:0;left:0;content:"•";width:20px;height:20px;font-family:slick;font-size:6px;line-height:20px;text-align:center;color:#000;opacity:.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{color:#000;opacity:.75}

/* slider */
.slider--startpage:before {
    position: absolute;
    width: 1px;
    height: 100%;
    content: " ";
    background-color: #ffffff;
    top: 0;
    right: -1px;
    z-index: 0;
}

.slider--startpage .slider__slide {
    overflow: hidden;
}
.slider--startpage .slider__imageLink {
    width: 225px;
    margin-right: 27px;
    padding-bottom: 5px;
    float: left;
    overflow: hidden;
}

.slider--startpage .slider__image {
    max-width: 100%;
}

.slider--startpage .date {
    margin-bottom: 6px;
    display: block;
}

.slider--startpage .slider__text {
    padding-top: 5px;
    padding-bottom: 0;
    max-height: 116px;
    overflow: hidden;
    line-height: 15px;
}

.slider--startpage.slick-slider {
    margin-bottom: 0;

}

.cols-3-border-bottom .cols-2-no-border .slider--startpage.slick-slider {
    margin-bottom: -20px;
}

.slider--startpage .slick-dots {
    position: static;
    margin: 3px 0 0;
}

.slider--startpage .slick-dots li {
    height: 17px;
    width: 17px;
    margin: 0 2px -2px 1px;
}

.slider--startpage .slick-dots li button {
    height: 17px;
    width: 17px;
}

.slider--startpage .slick-dots li.slick-active button:before {
    opacity: 1;
    background-color: #8e908f;
}
.slider--startpage .slick-dots li button:before {
    content: " ";
    border: 1px solid #8e908f;
    opacity: 1;
    width: 11px;
    height: 11px;
    top: 2px;
    left: 2px;
}

.slider--startpage .slick-active {

}

link {

}

.slider__text .link--more {
    margin-top: 7px;
    display: block;
}

.link--h3 {
    font-weight: bold;
}

.link-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.link-list.link-list--startpage {
    margin-bottom: -18px;
}

.link-list.link-list--startpage li:first-child {
    border-top: 0 none;
}

.link-list.link-list--startpage li {
    border-top: 1px solid #464646;
}

.link-list.link-list--startpage > li > a {
    font-size: 16px;
    line-height: 20px;
    margin-right: 2px;
    padding: 20px 30px 19px 0;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    background-position: right 8px;
    background-repeat: no-repeat;
    background-image: url(../img/_technik_1/hm_arrow_content_darkgrey.gif);
}

