/*colors*/
.red{
    color:red;
}
.green{
    color:green;
}
.orange{
    color:#f7921e;
}

#header .header-inner .logo a {
    width: 179px;
    height: 73px;
    display: inline-block;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 1;
    text-indent: -1000px;
}

#header .slope.opt-bottom{
    position: absolute;
    left: 0;
    right: 0;
    height: 5vw;
    overflow: hidden;
}

#header .slope.opt-bottom:before, 
#header .slope.opt-bottom:after {
    content: "";
    position: absolute;
    width: 200vw;
    top: -5vw;
    border-bottom: 5vw solid transparent;
    bottom: 0;
}

#header .slope.opt-bottom:before {
    right: 0;
    border-top: 5vw solid #333;
    border-right: 100vw solid #333;
    border-left: 100vw solid transparent;
    
    opacity: .5;
}

#header .slope.opt-bottom:after {
    border-right: 100vw solid transparent;
    border-left: 100vw solid #333;
}
s
section.opt-intro {
    margin-top:100px;
    padding: 130px 0 ;
    margin: 0;
    text-align: center;
}

section.opt-intro.opt-image-overlay .image {
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

section.opt-intro.opt-image-overlay .image::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.7) 100%);
    z-index: 1;
}

.opt-intro .wrap-inner {
    padding: 0 180px;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    max-width: 1080px;
    position: relative;
    z-index: 1;
}

section.opt-intro .slope.opt-bottom {
    position: absolute;
    left: 0;
    right: 0;
    height: 5vw;
    overflow: hidden;
    top: -5vw;
    top: auto;
    bottom: 0;
}

section.opt-intro .slope.opt-bottom:before, 
section.opt-intro .slope.opt-bottom:after {
    content: "";
    position: absolute;
    width: 200vw;
    top: -5vw;
    border-bottom: 5vw solid #fff;
    border-top: 5vw solid transparent;
    bottom: 0;
}

section.opt-intro .slope.opt-bottom:before {
    right: 0;
    border-right: 100vw solid transparent;
    border-left: 100vw solid #fff;
    opacity: 1;
   
}

section.opt-intro .slope.opt-bottom:after {
    left: 0;
    border-right: 100vw solid #fff;
    border-left: 100vw solid transparent;
    opacity: .5;
}

section.opt-intro.opt-image-overlay .content{
    padding-top:80px; 
    padding-bottom:20px;
}

section.opt-intro.opt-image-overlay h1, 
section.opt-intro.opt-image-overlay p {
    color:#fff;
    text-align: center;
}


section.opt-well.opt-cta {
    background-color: #f7921e;
    color: #fff;
    text-align: center;
    padding-bottom: 0px;
}

section.opt-well.opt-cta-bottom {
     margin-bottom: -70px; 
}

section.opt-well .slope.opt-top {
    position: absolute;
    left: 0;
    right: 0;
    height: 5vw;
    overflow: hidden;
    top: -1px;
    z-index: 1;
}

section.opt-well .slope.opt-top:before, section.opt-well .slope.opt-top:after {
    content: "";
    position: absolute;
    width: 200vw;
    top: -5vw;
}

section.opt-well .slope.opt-top:before {
    right: 0;
    border-top: 5vw solid #fff;
    border-right: 100vw solid #fff;
    border-left: 100vw solid transparent;
    border-bottom: 5vw solid transparent;
    opacity: .5;
    bottom: 0;
}

section.opt-well .slope.opt-top:before, section.opt-well .slope.opt-top:after {
    content: "";
    position: absolute;
    width: 200vw;
    top: -5vw;
}

section.opt-well .slope.opt-top:after {
    left: 0;
    border-top: 5vw solid #fff;
    border-right: 100vw solid transparent;
    border-left: 100vw solid #fff;
    border-bottom: 5vw solid transparent;
    bottom: 0;
}
.opt-cta .wrap-inner, .opt-slim .wrap-inner, .opt-intro .wrap-inner {
    padding: 0 180px;
}

section.opt-well.opt-cta-bottom .slope.opt-bottom {
    display: none;
}

section.opt-well .slope.opt-bottom {
    position: absolute;
    left: 0;
    right: 0;
    height: 5vw;
    overflow: hidden;
    top: -5vw;
    top: auto;
    bottom: 0;
}

.footer {
    position: relative;  
    background-color: #333;
    background-repeat: repeat-x,repeat;
    background-position: 0 0,0 0;
    background-size: auto,auto;
    margin-top: 70px;
}

.footer-slope.opt-top {
    position: absolute;
    left: 0;
    right: 0;
    height: 5vw;
    overflow: hidden;
    top: -5vw;
}


.footer-slope.opt-top:before, 
.footer-slope.opt-top:after {
    content: "";
    position: absolute;
    width: 200vw;
    top: -5vw;
    border-top: 5vw solid transparent;
    border-bottom: 5vw solid #333;
    bottom: 0;
}

.footer-slope.opt-top:before {
    right: 0;
    border-right: 100vw solid transparent;
    border-left: 100vw solid #333;
    opacity: 1;
}

.footer-slope.opt-top:after {
    left: 0;
    border-right: 100vw solid #333;
    border-left: 100vw solid transparent;
    opacity: .5;
}

/* Suggest-Box suche*/

#user-list{
    list-style:none;
    margin-top:-3px;
    padding:0;
}


#user-list li{
    padding: 10px; 
    background: #FFF; 
    border-bottom: #bbb9b9 1px solid;
}

#user-list li:hover{
    background:#f0f0f0; ;
    cursor: pointer;
}


/* Kalender */

.fc table {
    font-size: 1em;
    width: 100%;
    box-sizing: border-box;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
}

.fc td, .fc th {
    border-style: solid;
    border-color: #ddd;
    border-width: 1px;
    padding: 0;
    vertical-align: top;
    text-align: center;

}


/* Kalender */


.Sun {
   background-color: #f5e5d3;
}

.Sat {
    background-color: #f9f1e7;
 }

 

 .fc-day-top{
     height:120px;
 }

 td .calendar__task{
     clear:both;
     padding-top:20px;
 }

 .alert {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert.alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

.icon-alert-triangle {
    font-style:2.3rem !important;
}

/* Unterschriften*/

.unterschrift{
    position: absolute;
    top: 0px;
    left:20px;
}