:root {
    --accent: #389eff;
}

body, header { padding-right: 0 !important }

.accent {
    color: var(--accent);
}

[class^="col"] {
    padding-right: 30px;
    padding-left: 0px;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}


/************/
/* Img Clip */
/************/

.img-clip-left-forward {
    -webkit-clip-path: polygon(14% 0, 100% 0, 100% 100%, 0% 100%, 0 86%);
    clip-path: polygon(14% 0, 100% 0, 100% 100%, 0% 100%, 0 86%)
}
.img-clip-left-backward {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 14% 100%, 0 14%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 14% 100%, 0 14%)
}

.img-clip-right-forward {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 14%, 86% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 14%, 86% 100%, 0 100%)
}
.img-clip-right-backward {
    -webkit-clip-path: polygon(0 0, 86% 0, 100% 86%, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 86% 0, 100% 86%, 100% 100%, 0 100%)
}


/***********/
/* Buttons */
/***********/

.btn .material-icons {
    margin-left: 15px;
}

.btn {
    padding: 14px 30px
}


/**********/
/* Header */
/**********/

.header .navbar-brand img {
    max-height: 60px;
    width: auto;
    margin-top: 5px;
    margin-bottom: 5px;
}

@media (min-width:992px) {
    .header .navbar-brand img {
        max-height: 85px;
    }
}


/************/
/* Showcase */
/************/

.rad-showcase h1 span.accent {
    display: inline;
    font-weight: 800;
}

.rad-showcase h1 span.subtitle {
    font-size: 21px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: 300;
}

@media (min-width:992px) {
    .rad-showcase h1 span.subtitle {
        font-size: 31px;
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

.rad-showcase {
    min-height: 750px;
}

@media (min-width: 992px) {
    .rad-showcase__bg {
        padding-left: 50px;
    }
}

.rad-showcase__bg img {
    height: 70%;
}

.rad-showcase__bg--mobile img {
    margin-top: 0px;
}

.rad-showcase__bg--mobile {
    margin-top: 0px;
    margin-bottom: 30px;
    padding-right: 30px;
}

[class^="icomoon"], [class*=" icomoon"] {
    display: inline-block;
}

.rad-showcase .platform-links {
    margin-top: 7px;
    margin-left: 50px;
}

.rad-showcase .platform-links a:hover {
    text-decoration: none;
}

.platform-link-container {
    float: left;
}

.platform-links .material-icons {
    margin-left: -5px;
    margin-top: -9px;
    font-size: 52px;
    color: #000
}

.platform-links .icomoon {
    margin-right: 25px;
    font-size: 35px;
    color: #000
}

.rad-showcase .platform-links .platform-link-container span:hover {
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

/************/
/* Projekte */
/************/

@media (min-width: 992px) {
    .rad-showcase+section {
        margin-top: -120px;
    }
}

.section li {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.24;
    color: #333;
}

/******************************************/
/* Beruflicher und akademischer Werdegang */
/******************************************/

.experience__tasks {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    z-index: 2;
    position: relative
}

.experience__company {
    font-size: 16px;
    font-weight: 300;
    color: #333;
    z-index: 2;
    position: relative
}

/*************/
/* Impressum */
/*************/

.section--impressum {
    padding-bottom: 0;
    background-image: url(../img/impressum-bg.png);
    background-repeat: repeat-x;
    background-position: 0 100%;
    padding-top: 30px;
    height: 100%;
}

.section--impressum .container {
    background-color: #fff;
    box-shadow: 0 42px 34px -16px rgba(0, 0, 0, .3);
    height: 100%;
}

.impressum {
    padding-bottom: 60px;
}

/**********/
/* Footer */
/**********/

@media (min-width:992px) {
    .footer__links {
        -webkit-box-pack: right;
        justify-content: right;
        -webkit-box-align: right;
    }
}