html,
body {
    overflow-x: hidden;
}

body {
    scroll-behavior: smooth;
}

a,
a:hover {
    color: var(--user-primary--color);
}

iframe {
    max-width: 100% !important;
}

.social {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* expand navigation out of the box */
.referenzen-navigation {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
}
.full-width-navbar .mod-menu ul li img{
    float: right;
}
    /* qualitat page */
.grid-under-bloks-images-second-row {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
}

.grid-under-bloks-images {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
}

.qualitat-grid {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
}

.under-bloks-4,
.under-bloks-2 {
    padding-left: 3rem;
}

.under-bloks-2 {
    padding-right: 2rem;
}

.under-bloks-1 img,
.under-bloks-3 img {
    width: 100%;
}

.under-bloks-2,
.under-bloks-4 {
    z-index: 1;
}

.qualitat-grid-image {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
}

.under-bloks-1 img {
    transform: rotateY(180deg);
}
.losungen-wrapper .click-icon,
.chat-with-your-documents-wrapper .click-icon{
    padding-left: 2rem;
}

/* CAMPUS STYLE*/
.time-vortrage {
    min-width: 9rem;
}

.mathema-slider-title {
    word-break: break-word;
}

.zeit-plan {
    width: 85%;
    margin: 0 auto;
}

#table1 {
    border-collapse: collapse;
    color: #C5003E;
}

.zeit-plan table th,
.zeit-plan table tr,
.zeit-plan table td {
    border: 2px solid grey !important;
    padding: 0;
}

.zeit-plan table th,
.zeit-plan table td {
    text-align: center;
    padding: 0.5rem;
    font-weight: bold;
}

.zeit-plan .camp-font {
    font-size: small;
    padding: 0.5rem !important;
}

.zeit-plan .camp-sesion {
    padding: 0.5rem !important;
}

.zeit-plan th:nth-child(even) {
    background-color: #dddddd;
}

.zeit-plan .camp-sesion:nth-child(even) {
    background-color: #dddddd;
}

.zeit-plan .camp-font {
    color: #000;
    font-weight: bold;
    background-color: #dddddd;
}

.zeit-plan .camp-sesion {
    font-weight: bold;
}

.zeit-plan .td-height {
    line-height: 1.2rem;
}

.zeit-plan-background {
    background-color: #C5003E;
}

.separator-campus {
    width: 0;
    height: 0;
    border-left: 100vw solid transparent;
    border-bottom: 5vw solid #C5003E;
    transform: rotate(180deg);
}

.zeit-plan a {
    color: inherit;
}

.zeit-plan a:hover {
    color: #C5003E;
}

.camp-font p {
    text-align: left;
}

td[data-href] {
    cursor: pointer;
}

td[data-href]:hover {
    color: #C5003E !important;
}

/* END CAMPUS STYLE*/
.slider-content{
    cursor: pointer;
}
.arbeiten-bei-mathema .slider-content img {
    width: 2rem;
}

.campus-email p,
.campus-email a {
    color: #fff !important;
}

ul.nav-pills {
    display: block;
}

.nav-item {
    white-space: nowrap;
}

.nav-pills li a {
    color: var(--user-greyback--color);
}

.campus-contact-form-submit .form-control:focus {
    box-shadow: none !important;
    background-color: #fff !important;
}

.losungen-wrapper .rounded-4 img {
    width: 4rem;
    height: 4rem;
}

/* Override Bootstrap's autofill styles */
.no-autofill:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px rgb(242, 242, 242) inset !important;
}

.no-autofill:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px rgb(242, 242, 242) inset !important;
}

.mathema-program-wrapper .plus-minus {
    filter: invert(96%) sepia(8%) saturate(13%) hue-rotate(42deg) brightness(89%) contrast(84%);
}

.mathema-program-wrapper .slider-content img {
    width: 1rem;
}

.mathema-program-wrapper .slider-content .title {
    padding: 0.2rem 0;
}

.red-border {
    border: 1px solid #C5003E !important;
}

.deactivate {
    display: none !important;
}

.vortrage-m5 {
    visibility: hidden;
}

.vortrage .input {
    min-width: 3rem;
}

.hideBox {
    visibility: hidden;
}

.geschaftsfuehrer-item-1 img {
    filter: brightness(60%);
}

.geschaftsfuehrer-item-2,
.geschaftsfuehrer-item-3,
.geschaftsfuehrer-item-4 {
    z-index: 1;
}

.invalid {
    border: 3px solid var(--user-primary--color) !important;
}

.invalid.form-control::placeholder {
    color: var(--user-primary--color) !important;
}

.active {
    display: block !important;
}

.mod-menu__sub .active {
    background-color: #ff0051 !important;
}

.event-block {
    display: flex;
}

.vortrage input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.vortrage-wrapper {
    width: 80%;
}

.vortrage {
    margin: 0.2rem;
}

.vortrage .input input {
    border-radius: 20%;
}

.form-check-input:checked,
.form-check-input:not(:checked) {
    background-color: #fff; /* Set the background color to black */
    border-color: #000; /* Set the border color to black */
}

.nav-pills li {
    border-left: 5px solid var(--user-greyback--color);
    padding-left: 3px;
}

.showContent + .activeCategory {
    display: block !important;
}

.fc-event-title-container {
    visibility: hidden;
    /* hides event title */
}

.cursor-mehr-erfahren {
    width: 7rem;
    filter: brightness(0) saturate(100%) invert(15%) sepia(61%) saturate(3932%) hue-rotate(326deg) brightness(103%) contrast(121%);
}

.nav-pills li.active-team {
    border-left: 5px solid var(--user-primary--color) !important;
}

.active-team {
    color: #000 !important;
    font-weight: bold;
}

div.col-sm-9 div {
    height: fit-content;
}

.fix {
    position: fixed;
    top: 20%;
}

/* Navigation*/
.full-width-navbar {
    padding: 1rem !important;
    position: fixed;
    top: 0;
    background-color: #fff;
    width: 100%;
    z-index: 100;
    height: 7rem;
}

.full-width-navbar nav ul li a {
    color: var(--user-background--color) !important;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.full-width-navbar nav .mod-menu > li > a {
    color: var(--user-primarytext--color) !important;
    text-decoration: none;
}

.full-width-navbar nav .mod-menu > li > a:after {
    content: "}";
    color: var(--user-primary--color);
    visibility: hidden;
}

.full-width-navbar nav .mod-menu > li > a:before {
    content: "{";
    color: var(--user-primary--color);
    visibility: hidden;
}

.full-width-navbar nav .mod-menu > li > a:not(.jobs-item):hover:after {
    content: "}";
    color: var(--user-primary--color);
    visibility: visible;
}

.full-width-navbar nav .mod-menu > li > a:not(.jobs-item):hover:before {
    content: "{";
    color: var(--user-primary--color);
    visibility: visible;
}

.full-width-navbar nav .mod-menu > li {
    /* padding: 0 0.5em 0 0.5em; */
}

.jobs-item:hover{
    font-style: italic;
    -webkit-text-stroke-width: 1px;

}
.full-width-navbar nav .mod-menu__sub li {
    background-color: var(--user-primary--color);
    padding: 0.3rem;
}

.jumbotron-content {
    position: relative;
}

.sub-menu {
    display: none
}

.click-menu ul li {
    display: none;
}

.full-width-navbar nav ul li ul {
    display: none;
    position: absolute;
}

.full-width-navbar nav ul li:hover > ul {
    display: block;
}

.possibilities .rounded-4 {
    min-height: 170px;
    margin: 2rem 1rem 0 0;
}

.chat-with-your-documents-wrapper .possibilities .rounded-4 {
    min-height: 190px;
}

.more-style {
    margin-right: 3.5rem !important;
}

.losungen-wrapper .faq-accordion img {
    width: 2rem;
}

.full-width-navbar nav ul li > ul li:hover {
    background-color: #e60049;
    position: relative;
}

.left-right-arrow {
    text-align: end;
    padding-right: 1rem;
}

.left-right-arrow a img {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(113deg) brightness(101%) contrast(103%);
}

.team-container {
    width: 80%;
    margin: 0 auto;
}

#rotator-left img {
    transform: rotate(180deg);
}

.content-clippath {
    display: none;
}

.full-width-navbar nav ul li > ul li:hover ul {
    position: absolute;
    left: 100%;
    top: 0;
}

.nav ul a {
    text-decoration: none;
}

.mod-menu__sub {
    padding-top: 0.5rem;
}

.mod-menu__sub .nav-item .mod-menu__sub {
    padding-top: 0;
}

/* style for mathema-campus */
.mathema-campus-grid-wrap {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
}

.campus-background-image {
    grid-column: 1/10;
    grid-row: 1/10;
}

.campus-title {
    grid-row: 5/6;
    grid-column: 2/7;
}

.campus-title p {
    color: #fff;
}

.mod-menu__sub .list-unstyled .nav-item a {

}

.full-width-navbar .navbar ul li:nth-child(2) ul li:first-child ul {
    padding-top: 0;
}

#scroll-top {
    position: fixed;
    bottom: 20pt;
    right: 26pt;
    font-weight: bold;
    font-size: calc(18px + (19 - 15) * ((100vw - 300px) / (2000 - 300)));
    border: 1px solid #fff;
    z-index: 1000;
}

/* main content */

.jumbotron-main-img img {
    position: relative;
}

.jumbotron-main-title h2 span {
    color: var(--user-primary--color);
}

.jumbotron-main-title a {
    position: relative;
    color: var(--user-background--color) !important;
    background-color: var(--user-primary--color);
    text-decoration: none;
    border: none;
    padding: 0.5em 1em;
    margin-right: 1em;
    border-radius: 3px;
}

.jumbotron-main-title a:hover {
    background-color: white !important;
    color: var(--user-primary--color) !important;
    transition: background-color 0.30s ease-out;
}

.jumbotron-main-title a:hover:after {
    border: 1px solid white !important;
    transition: border 0.30s ease-out;
}

.jumbotron-main-title a:focus:after {
    border: none !important;
}

.jumbotron-main-title a:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 5px;
    left: 5px;
    border: 1px solid var(--user-primary--color);
    border-radius: 3px;
    z-index: -1;
}

.jumbotron-main-title {
    z-index: 0;
}

.jumbotron-links {
    display: flex;
    flex-direction: column;
    margin-top: 2em;
    width: fit-content;
}

.jumbotron-links a {
    margin-bottom: 1rem;
}

.larger {
    font-size: x-large;
}

.rotated {
    transform: rotate(270deg);
    transition: transform 0.3s ease; /* Optional: Add a smooth transition */
}

/* Praxis container */

.praxis-container {
    max-width: 90rem !important;
    margin: auto;
    border: none;
    width: 90%;
}

.praxis-container .card-body .card-title {
    background-color: var(--user-primary--color);
    width: fit-content;
    color: var(--user-background--color);
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.praxis-container .card-body .card-text span {
    color: var(--user-primary--color);
}

.praxis-container .card-body a {
    background-color: var(--user-primary--color);
    color: var(--user-background--color) !important;
    text-decoration: none;
    padding-left: 0.5em;
    padding-right: 0.5em;
    border-radius: 3px;
}

.praxis-container .card-body a {
    position: relative;
    color: var(--user-background--color) !important;
    background-color: var(--user-primary--color);
    text-decoration: none;
    border: none;
    padding: 0.3em;
    margin-right: 0.5em;
    border-radius: 3px;
    z-index: 0;
}

.geschaftsfuehrer-wrapper {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 1.5rem;
}

.praxis-container .card-body a:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 5px;
    left: 5px;
    border: 1px solid var(--user-primary--color);
    border-radius: 3px;
    z-index: -1;
}

.web-bereiche {
    background-color: #e4e5e7;
}

.web-bereiche table span {
    color: var(--user-primary--color);
}

.web-bereiche table tbody tr td span {
    visibility: hidden;
}

.web-bereiche table tbody tr td:hover span {
    visibility: visible;
}

.web-bereiche table tbody tr td a {
    text-decoration: none;
    font-weight: bold;
    color: var(--user-ligthtext--color) !important;
}

.web-bereiche table tbody tr td a:hover {
    color: var(--user-primarytext--color) !important;
}

.praxis-container-rigth-image {
    position: relative;
    border: none;
}

.web-bereiche {
    position: absolute;
    bottom: 13%;
    right: -5%;
}

/*
scrollSpy for every article
*/
.scrollSpy-wrapper #navbar ul {
    list-style: none;
    padding: 0;
}

.scrollSpy-wrapper #navbar a {
    text-decoration: none;
    color: var(--user-greyback--color);
}

.scrollSpy-wrapper #navbar ul li {
    border-left: 5px solid var(--user-greyback--color);
    padding: 1rem;
}

.scrollSpy-wrapper .section {
    margin: 10px;
}

.scrollSpy-wrapper #navbar ul li.active {
    /* border-left: 5px solid var(--user-primary--color); */
}

.scrollSpy-wrapper #navbar a.active {
    font-weight: bold;
    color: #000;
}


/* mathema-slideshow */
.right-slide-btn,
.left-slide-btn {
    cursor: pointer;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* refernece article */

.reference-grid {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
}

.grid-item-1,
.grid-item-2 {
    grid-column: 1/9;
}

.grid-item-1 {
    grid-row: 1/10;
}

.grid-item-2 {
    grid-column: 2/9;
    grid-row: 3/5;
    z-index: 1;
}

.grid-item-3 {
    grid-column: 2/6;
    grid-row: 8/12;
    z-index: 1;

}

.grid-item-4 {
    grid-column: 4/8;
    grid-row: 9/14;
    z-index: 2;
}

.zahlen-daten-block {
    /* display: grid;
    grid-template-columns: repeat(12, 1fr); */
    width: 90%;
    margin: 0 auto;
    max-width: 90rem !important;
    background-color: var(--user-primary--color);
}

.zahlen-daten-block img {
    width: 100%;
}

.zahlen-daten-block p {
    color: #fff;
    text-align: center;
}

.zahlen-daten-imgs {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 250px));
    justify-content: center;
}

.zahlen-daten-box p,
.zahlen-daten-box p,
.zahlen-daten-box p,
.zahlen-daten-box p,
.zahlen-daten-box p {
    font-weight: bold;
}

.hr-contact a {
    color: white !important;
}

/* fake bold and works for all browsers*/
.mathema-item:hover,
.leistungen-item:hover,
.produkte-item:hover,
.referenzen-item:hover,
.kontakt-item:hover,
.losungen-item:hover {
    -webkit-text-stroke-width: 1px;
}
.grid-images-1 {
    grid-column: 1/2;
}

.grid-images-2 {
    grid-column: 2/3;
}

.grid-images-3 {
    grid-column: 3/4;
    grid-row: 1/3;

}

.grid-images-4 {
    grid-column: 1/2;
}

.grid-images-5 {
    grid-column: 2/3;
}

.comment-more {
    height: 3em;
    line-height: 1.5em;
    overflow: hidden;
}

.showContent p {
    height: auto;
}

.no-hover {
    /* pointer-events: none; */
}

.no-hover:after {
    content: "}" !important;
    color: var(--user-primary--color) !important;
    visibility: visible !important;
}

.no-hover:before {
    content: "{" !important;
    color: var(--user-primary--color) !important;
    visibility: visible !important;
}

/* responsive isn't finished */

/* responsive navbar style*/
.responsive-navbar header {
    background-color: #262626;
}

.responsive-navbar .navbar {
    height: 5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 24px;
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #fff;
    z-index: 100;
}

.responsive-navbar .nav-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 60px;
}

.responsive-navbar .responsive-navmenu a {
    color: var(--user-primary--color);
}

.responsive-navbar .responsive-navmenu,
.responsive-navbar .responsive-navmenu ul {
    padding: 0;
}

.responsive-navbar .nav-branding {
    font-size: 2rem;
}

.responsive-navbar nav-link {
    transition: 0.7s ease;
}

.responsive-navbar .hamburger {
    display: none;
    cursor: pointer;
}

.responsive-navbar .bar {
    display: block;
    width: 25px;
    height: 3px;
    margin: 5px auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: var(--user-primary--color);
}

.sub-menu li a {
    font-size: large;
    font-style: italic;
}

@media (max-width: 1200px) {
    .responsive-navbar .hamburger {
        display: block;
    }
    .icons {
        grid-template-columns: 1fr;
    }

    .softwareentwicklung-overlap-img img {
        display: none;
    }

    .leistung-icon-left {
        display: none !important;
    }

    .leistung-icons {
        display: flex !important;
        justify-content: space-between !important;
    }

    .softwareentwicklung-overlap {
        grid-template-columns: 1fr !important;
        width: 100%;
    }

    .softwareentwicklung-overlap-text {
        clip-path: none !important;
    }

    .responsive-navbar .hamburger.active .bar:nth-child(2) {
        opacity: 0;
    }

    .responsive-navbar .hamburger.active .bar:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }

    .responsive-navbar .hamburger.active .bar:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }

    .responsive-navbar .nav-menu {
        position: fixed;
        right: -100%;
        top: 70px;
        gap: 0;
        flex-direction: column;
        background-color: #fff;
        width: 100%;
        text-align: center;
        transition: 0.3s;
        z-index: 1;
    }

    .responsive-navbar .nav-item {
        margin: 16px 0;
    }

    .responsive-navbar .nav-menu.active {
        right: 0;

    }
}

.hr-contact-link {
    white-space: nowrap;
}

/* unsere-historie */
.unsere-historie-wrapper .timeline {
    position: relative;
    margin: 50px auto;
    padding: 40px 0;
    width: 1000px;
    box-sizing: border-box;
}

.unsere-historie-wrapper .timeline:before {
    content: '';
    position: absolute;
    left: 50%;
    width: 2px;
    height: 100%;
    background: #C5003E;
}

.unsere-historie-wrapper .timeline ul {
    padding: 0;
    margin: 0;
}

.unsere-historie-wrapper .timeline ul li {
    list-style: none;
    position: relative;
    width: 50%;
    padding: 20px 40px;
    box-sizing: border-box;
}

.unsere-historie-wrapper .timeline ul li:nth-child(odd) {
    float: left;
    text-align: right;
    clear: both;
}

.unsere-historie-wrapper .timeline ul li:nth-child(even) {
    float: right;
    text-align: left;
    clear: both;
}

.unsere-historie-wrapper .content {
    padding-bottom: 20px;
}

.unsere-historie-wrapper .timeline ul li:nth-child(odd):before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    top: 24px;
    right: -6px;
    background: #C5003E;
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgba(233, 33, 99, 0.2);
}

.unsere-historie-wrapper .timeline ul li:nth-child(even):before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    top: 24px;
    left: -4px;
    background: #C5003E;
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgba(233, 33, 99, 0.2);
}

.unsere-historie-wrapper .timeline ul li h3 {
    padding: 0;
    margin: 0;
    color: #000;
    font-weight: 600;
}

.unsere-historie-wrapper .timeline ul li p {
    margin: 10px 0 0;
    padding: 0;
}

.unsere-historie-wrapper .timeline ul li .time h4 {
    margin: 0;
    padding: 0;
    font-size: 14px;
}

.unsere-historie-wrapper .timeline ul li:nth-child(odd) .time {
    position: absolute;
    top: 12px;
    right: -230px;
    margin: 0;
    padding: 8px 16px;
    color: #fff;
}

.unsere-historie-wrapper .timeline ul li:nth-child(even) .time {
    position: absolute;
    top: 12px;
    left: -240px;
    margin: 0;
    padding: 8px 16px;
    color: #fff;
}

.time {
    border: 1px solid #ccc !important;
    border-radius: 5px;
}

@media (max-width: 1000px) {
    .unsere-historie-wrapper .timeline {
        width: 100%;
    }
}


@media (max-width: 767px) {
    .unsere-historie-wrapper .timeline {
        width: 100%;
        padding-bottom: 0;
    }

    .uber-uns-ort {
        top: 30% !important;
        height: 500px;
    }

    .uber-uns-back-photo {
        height: 500px;
    }

    .uber-uns-back-photo img {
        height: 500px;
    }

    .unsere-historie-wrapper h1 {
        font-size: 40px;
        text-align: center;
    }

    .unsere-historie-wrapper .timeline:before {
        left: 20px;
        height: 100%;
    }

    .unsere-historie-wrapper .timeline ul li:nth-child(odd),
    .unsere-historie-wrapper .timeline ul li:nth-child(even) {
        width: 100%;
        text-align: left;
        padding-left: 50px;
        padding-bottom: 50px;
    }

    .unsere-historie-wrapper .timeline ul li:nth-child(odd):before,
    .unsere-historie-wrapper .timeline ul li:nth-child(even):before {
        top: -18px;
        left: 16px;
    }

    .unsere-historie-wrapper .timeline ul li:nth-child(odd) .time,
    .unsere-historie-wrapper .timeline ul li:nth-child(even) .time {
        top: -30px;
        left: 50px;
        right: inherit;
    }

    .time {
        display: none;
        border: none;
        border-radius: unset;
    }

}

/* big banner */

.big-banner {
    position: relative;
}

.big-banner-text {
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translateY(-50%);
    background-color: var(--user-primarytext--color);
    padding: 1%;
}

.big-banner-text h3,
.big-banner-text p {
    color: var(--user-background--color);
}

.mathema-link {
    margin-top: 3%;
}

.mathema-link a {
    position: relative;
    background-color: var(--user-background--color);
    text-decoration: none;
    padding: 1%;
    color: var(--user-primary--color) !important;
    border: none;
    margin-right: 0.5em;
    border-radius: 3px;
    z-index: 1;
}

.message-success {
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(24deg) brightness(100%) contrast(106%);
}

.pdf-triangle {
    filter: invert(100%) sepia(4%) saturate(7403%) hue-rotate(269deg) brightness(117%) contrast(91%);
}

.mathema-link a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 5px;
    left: 5px;
    border: 1px solid var(--user-background--color);
    border-radius: 3px;
    z-index: -1;
}

.jetzt-kontaktieren {
    color: var(--user-primary--color) !important;
}

.jetzt-kontaktieren:hover {
    text-decoration: underline;
}

.footer-social {
    font-family: var(--font-special);
}

/* blog-last-article */
.blog-last-article {
    width: 90%;
    max-width: 90rem !important;
    margin: 0 auto 3rem;
}

.blog-article-container .card {
    border: none;
    width: 90%;
}

.blog-article-container .card img {
    height: 15em;
    object-fit: cover;
    border-radius: unset;
}

.blog-article-container .card .card-body {
    padding-left: 0;
    display: flex;
    flex-direction: column;
    height: auto;
}

.blog-article-container .card .card-body .card-title p {
    font-weight: bold;
    font-size: smaller;
    color: #000;
}

.blog-article-container .card .card-body .card-title {
    margin-top: 0.5em;
}

.blog-article-container .card .card-body .card-text {
    font-size: medium;
    color: var(--user-ligthtext--color);
    text-align: justify;
}

.blog-article-container .card .card-body .card-text span {
    color: var(--user-ligthtext--color) !important;
    font-weight: bold;
    text-decoration: none;
}

.blog-img {
    position: relative;
}

.red-flag p {
    background-color: var(--user-primary--color) !important;
    color: var(--user-background--color);
    width: fit-content;
    padding-left: 0.2em;
    padding-right: 0.2em;
    position: absolute;
    left: 1em;
    bottom: -1em;
}

.mehr-lesen a {
    background-color: var(--user-primary--color) !important;
    color: var(--user-background--color) !important;
    text-decoration: none;
    padding: 0.1em;
    position: relative;
    border-radius: 0.2em;

}

.mehr-lesen a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 5px;
    left: 5px;
    border: 1px solid var(--user-primary--color);
    border-radius: 0.2em;
    z-index: -1;
}

.under-blog-content {
    margin-bottom: 3em;
    width: 70%;
}

.jumbotron-main-img img {
    height: calc(450px + (1200) * ((100vw - 300px) / (3000)));
    object-fit: cover;
}

@media screen and (max-width: 300px) {
    .grid-wrapper {
        /* grid-template-columns: 1fr; */
        display: grid !important;
        grid-template-columns: 100% !important;
        word-break: break-all !important;
        grid-gap: 2rem !important;
        margin: 1rem !important;
    }

    .jumbotron-main-img img {
        height: calc(300px + (1200) * ((100vw - 300px) / (3000)));
    }

    .responsive-navbar .navbar > a img {
        display: none;
    }

    .jumbotron-main-title a {
        display: block;
        width: fit-content;
        margin-top: 1rem;
    }

    .clip-map-img-right-icons .icons {
        flex-direction: column;
        padding-bottom: 0;
        margin-bottom: 0 !important;
    }

    .clip-map-img-right-bottom-img {
        margin-top: 1rem !important;
    }

    .clip-map-img-right-bottom-img img {
        width: 12rem !important;
    }

    .hr-contacts {
        display: contents !important;
    }

    .softwareentwicklung-overlap {
        grid-template-columns: 1fr;
    }

    .nurnberg,
    .munchen {
        margin: 3rem 0.5rem 3rem 0.5rem !important;
    }
}

.under-blog-content h2 {
    margin-top: 0.5em;
    margin-bottom: 1em;
}

.under-blog-content p:first-of-type {
    background-color: var(--user-primary--color) !important;
    color: var(--user-background--color) !important;
    width: fit-content;
    padding: 0.2em;
}

.under-blog-content span {
    color: var(--user-primary--color) !important;
}

/* why not the second but the third child */
.under-blog-content h2 span:nth-child(3) {
    font-weight: bold !important;
    color: var(--user-secondary--color) !important;
}

/* footer */
.footer-container {
    width: 90%;
    max-width: 90rem;
    margin: 0 auto 3rem;
}

.footer-container a {
    text-decoration: none;
    color: var(--user-secondary--color);
    padding-bottom: 0.2em;

}


.rigth-social-links {
    text-align: center;
}

.rigth-social-links a img {
    width: 3em;
    padding: 0.5em;
    margin: 0.5em;
    margin-right: 2rem;
}

.frist-row .left-text {
    align-self: center;
    text-align: center;
}

.frist-row .left-text span {
    color: var(--user-primary--color) !important;
}

.frist-row .left-text span:nth-child(2) {
    font-weight: bold !important;
    color: var(--user-secondary--color) !important;
}

.frist-row .left-text a {
    text-decoration: none;
}

.unsere-seiten p,
.leistungen p,
.kontakt p {
    color: var(--user-primary--color) !important;
    margin-bottom: 1em;
}

.unsere-seiten ul li a,
.leistungen ul li a,
.kontakt ul li a {
    padding: 0.2em 0.2em 0.2em 0;
}

.text-bottom-right a {
    color: var(--user-primary--color) !important;
}

.text-bottom-right span {
    color: var(--user-secondary--color) !important;
}

.text-bottom-left span {
    color: var(--user-primary--color) !important;
}

.mathema-logo {
    position: relative;
}

.mathema-logo-bottom-text {
    position: inherit;
    bottom: 0;
}


/* blog category */
.contacts-list-container {
    margin: auto;
}

.com-content-category ul li {
    border: none;
}

.com-content-category {
    max-width: 1720px;
    margin: auto;
}

.com-content-category ul li a {
    text-decoration: none;
    color: var(--user-secondary--color) !important;
}

.com-content-category ul li span:first-child {
    background-color: #e4e5e7;
    margin-right: 1em;
}

.com-content-category ul li span:nth-child(2),
.com-content-category ul li span:nth-child(3) {
    color: #C2C3C4;
    margin-right: 1em;
}

.com-content-category ul li img {
    width: 2.4em;
    margin-right: 1em;
}

.com-content-category ul li {
    margin-bottom: 1em;
}

.blog-title {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e4e5e7;
}

.blog-title a h3 {
    font-weight: bold;
}

/* contacts team list */
.contacts-list-container a {
    text-decoration: none;
}

.contacts-list {
    border: none !important;
}

.contacts-list-image img {
    position: relative;
    object-fit: cover;
}

.contacts-list-image {
    border-top-left-radius: unset !important;
    border-top-right-radius: unset !important;
}

.contacts-list-body p:nth-child(2) {
    color: var(--user-secondary--color) !important;
}

.contacts-links {
    text-align: -webkit-center;
}

.contacts-links a {
    text-decoration: none;
    color: var(--user-secondary--color) !important;
    background-color: #e4e5e7;
    padding: 0.4rem;
    margin: 0.5rem;
    font-size: small;
    font-weight: bold;
    display: inline-block;
}

.parent-praxis-container-right {
    margin: 1rem 0rem 3rem 2rem;
    position: relative;
}

.nav-stacked li {
    padding: 1rem 1.5rem;
}

.skills {
    position: absolute;
    right: 0;
    bottom: -100pt;
}

.hover-skills:hover span {
    visibility: visible !important;
}

.hover-skills:hover b {
    color: #000 !important;
}

.nach-active-left {
    align-self: center;
}

.nach-active-right img {
    z-index: 10;
    position: relative;
    top: -5rem;
    width: 100%;
    max-width: 30rem;
}

.wrapp-all {
    margin: 0 auto;
    width: 90%;
}

.topic {
    text-transform: uppercase;
    font-weight: bold;
    padding: 3px 15px;
    width: max-content;
}

.topic-white {
    background-color: white;
    color: var(--user-primary--color) !important;
}

.topic-red {
    background-color: var(--user-primary--color) !important;
    color: white;
}

.uber-mathema,
.bewerbungprozess {
    margin-top: 1rem;
    width: fit-content;
}

.carousel {
    position: relative;
    max-width: 90rem !important;
    margin: auto;
}

.carousel-wrapper {
    background-color: #C5003E;
}

.carousel-links {
    margin: 1rem;
    align-self: center;
}

.carousel-links .icons-list:not(:last-child) {
    margin-bottom: 3rem !important;
}


.carousel-links .icons-list-hover {
    font-family: var(--font-basic);
    color: #e01958;
}

.carousel-links a {
    text-decoration: none;
    color: #fff !important;
}

.carousel-links a:hover .icons-list-hover {
    font-family: var(--font-basic) !important;
    font-style: italic !important;
    color: white !important;
    -webkit-text-stroke-width: 1px !important;
}

.page-load-hover-load {
    font-family: var(--font-basic) !important;
    font-style: italic !important;
    color: white !important;
    -webkit-text-stroke-width: 1px !important;
}

.carousel-image img {
    width: 100%;
    max-width: 35rem;
    object-fit: cover;
}

.carousel-desc {
    margin: 0 auto;
    width: 85%;
}

.carousel-image img {
}

.editor-mail a {
    color: #fff;
}

#calendar {
    margin: 0 auto;
    width: 50%;
}

.fc-today-button {
    display: none !important;
}

.fc-prev-button,
.fc-next-button {
    display: none;
}

.referenc-table td {
    padding: 1rem 0.5rem 0.5rem 1.5rem;
}

.referenz-topic {
    letter-spacing: 3px !important;
    text-transform: uppercase;
    padding: 0 2px;
}


#calendar {
    width: 100% !important;

}

.right-event {
    align-self: baseline;
}

.event-content {
    margin: 0 auto;
}

.event-content-items {
    display: flex;
    flex-direction: column;
}

.right-event-wrapp {
    width: 90%;
}

.right-event-wrapp h5 {
    color: #C5003E;
    font-weight: 600;
}

.referenzen-image img,
.events-image img,
.tellerrand-image img {
    object-fit: cover;
}

a.fc-event {
    height: 20pt;
    width: 20pt;
    background-color: var(--user-muted--color);
    border-radius: 50%;
    border: none;
}

.selected-event {
    background-color: var(--user-primary--color) !important;
}

.fc-daygrid-day-frame {
    background-color: #f7f7f7;
}

div.fc-content-skeleton > table > tbody > tr {
    display: inline-block;
}

.fc-daygrid-day-top {
    justify-content: center;
}

.fc-event-title-container {
    text-align: center;
}

.fc-daygrid-event-harness {
    display: flex;
    justify-content: center;
}

.fc-daygrid-day-top a {
    color: #000 !important;
    font-weight: bold;
    text-decoration: none;
}

.fc-scrollgrid-sync-inner a {
    text-decoration: none;
}

.fc-event {
    border: none;
}

.event-content-wrapper {
    width: 90%;
    max-width: 90rem !important;
    margin: 0 auto 3rem !important;
    padding-bottom: 3rem;
}

.fc .fc-daygrid-day.fc-day-today {
    background-color: #f7f7f7 !important;
}

.fc-dayGridMonth-view,
.event-content {
    background-color: #f7f7f7;
}

.fc-col-header-cell {
    background-color: #fff;
}

.fc td,
.fc th,
.fc tr {
    border-style: none !important;
}

.fc-icon-chevron-right,
.fc-icon-chevron-left {
    color: #C5003E;
}

.fc-next-button,
.fc-prev-button {
    background-color: #f7f7f7 !important;
    border-color: #f7f7f7 !important;
}

.row th {
    border-right: 10px solid #f7f7f7 !important;
}

.fc-scrollgrid {
    border-style: none !important;
}

.jumbotron-main-img img {
    filter: blur(0.3rem) brightness(60%);
    transform: scale(1.2);
    z-index: -1;
}

.fc .fc-scroller-liquid-absolute {
    bottom: -2% !important;
}

.separator {
    width: 0;
    height: 0;
    border-left: 100vw solid transparent;
    border-bottom: 5.9vw solid #C5003E;
    margin-top: -5.9vw;
    position: relative;
    z-index: 5;
}

.separator-grey {
    width: 0;
    height: 0;
    border-left: 100vw solid transparent;
    border-bottom: 5.9vw solid #f7f7f7;
    margin-top: -5.9vw;
    position: relative;
    z-index: 5;
}

.underline-container {
    display: flex;
}

.com-content-article {
    overflow: hidden;
}

.right-event-wrapp a {
    text-decoration: none;
    color: #000 !important;
}

.alle-termine a {
    background-color: #C5003E;
    color: #fff !important;
    padding: 0.5rem;
    text-decoration: none;
    border-radius: 3px;
    position: relative;
    z-index: 0;
}

.alle-termine a:hover {
    border: 1px solid var(--user-primary--color) !important;
    background-color: white !important;
    color: var(--user-primary--color) !important;
}

.alle-termine a:focus:after {
    border: none !important;
}

.alle-termine a:after {
    content: "";
    position: absolute;
    top: 13%;
    left: 3%;
    width: 100%;
    height: 100%;
    border: 1px solid #C5003E;
    border-radius: 3px;
    z-index: -1;
}

.right-ort-image img,
.uber-uns-back-photo img {
    width: 100%;
}

.uber-uns-back-photo > img {
    filter: brightness(25%);
}

.uber-uns-back-photo {
    overflow: hidden;
}


.uber-uns-back-photo > img {
    filter: blur(0.3rem) brightness(60%);
    transform: scale(1.2);
    z-index: -1;
}

.right-ort-image {
    position: relative;
    height: min-content;
}

.topic-bottom {
    position: absolute;
    z-index: 50;
    bottom: -10px;
    left: 35px;
    font-size: 12px !important;
}

.wrapper-uber-uns {
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
}

.uber-uns-front-photo {
    position: relative;
    overflow: hidden;

}

.uber-uns-ort {
    position: absolute;
    top: 30%;
    margin: 0 10%;
    transform: translateY(-30%);

}

.left-ort-text {
    padding: 0 !important;
}

.left-ort-text h2,
.left-ort-text p {
    color: #fff;
}

.mathema-erfahrung {
    margin: 0 10%;

}

.softwere-leistungen-flex,
.embedded-leistungen-flex {
    align-items: center;
    height: 100%;
}

.softwere-leistungen,
.embedded-leistungen {
    background-color: #f7f7f7;
    border-radius: 15px;
    padding: 1rem 2rem;

}

.softwere-leistungen-bild-text {
    display: flex;
    align-items: center;
    height: 250px;
    max-height: 350px;
}

.arrow-erfahrung {
    display: block;
    text-align: right;
    padding: 1rem;
}

.zusammenarbeit-block {
    background-color: #C5003E;
    width: 100%;
    padding: 0 10%;
}

.grid-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 2rem;
    padding-bottom: 1rem;
}

.grid-wrapper .d-flex {
    background-color: #fff !important;
    border-radius: 10px;
}

.grid-wrapper .d-flex img {
    width: 5rem;
    padding: 1rem;
    margin: 1rem 0 auto 0;
}

.zusammenarbeit-block > p,
.zusammenarbeit-block h3 {
    width: 50%;
}

.mathema-workflow {
    background-color: #f7f7f7;
    padding: 0 10% 3rem;
}

.rotate {
    filter: invert(11%) sepia(99%) saturate(6821%) hue-rotate(336deg) brightness(76%) contrast(104%);
}

.rotate.down {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.praxis-container-left {
    margin: 1rem 3rem 3rem 0rem;
    max-width: calc(100% - 20px);
}

.mathema-workflow-image .first {
    background-color: #fff;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 1rem;
    padding: 2rem 3rem;
    position: relative;
}

.kostenfrei-unferbindlich {
    position: absolute;
    text-align: start;
    top: -15px;
    left: 20px;
    z-index: 50;
    font-size: 12px !important;
}


.separator-grey-down {
    width: 0;
    height: 0;
    border-left: 100vw solid transparent;
    border-bottom: 5vw solid #f7f7f7;
    transform: rotate(180deg);
}

.entstanden-content {
    display: flex;
    margin: 0 10% !important;
}

.entstanden-text {
    width: 50%;
    align-self: center;
}

.zufriedene-kunden {
    background-color: #C5003E;
    padding: 0rem 10% 2rem 10%;
}

.image-centre {
    padding-top: 3rem;
}

.zufriedene-kunden p,
.zufriedene-kunden h2 {
    color: #fff;
}

.content-clippath p {
    color: #000;
}

.content-clippath {
    background-color: #fff;
    margin: 1rem;
    padding: 1rem;
    /* clip-path: polygon(28.9% 4.5%, 100% 1%, 100% 100%, 13.1% 100%); */
}
.uber-zufriedene-kunden .content-clippath p{
    padding: initial;
}
.content-clippath p {
    padding: 1rem 2rem;
}

.pagination .page-link {
    background-color: #C5003E !important;
    color: #fff !important;
    padding: 1rem;
    margin: 0.2rem;
    border-color: #fff !important;
}

.pagination .page-link:visited {
    border-color: #fff !important;
}

.separator-white-down {
    width: 0;
    height: 0;
    border-left: 100vw solid transparent;
    border-bottom: 5vw solid #C5003E;
}

/* .erfolg {
background-color: #fff;
color: #C5003E !important;
padding: 0.5rem;
text-decoration: none;
border-radius: 3px;
position: relative;
z-index: 0;
width: fit-content;
} */

.erfolg a {
    position: relative;
    color: var(--user-primary--color) !important;
    background-color: white;
    text-decoration: none;
    border: none;
    padding: 0.5em 2em;
    margin-right: 1em;
    border-radius: 3px;
    z-index: 5;
}

.erfolg a:hover {
    padding: 0.6em 2.1em;
}

.erfolg a:hover:after {
    top: 6px;
    left: 6px;
}

.erfolg a:focus:after {
    border: none !important;
}

.erfolg a:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 5px;
    left: 5px;
    border: 1px solid white;
    border-radius: 3px;
    z-index: 4;
}

/*
.erfolg a {
text-decoration: none;
}

.erfolg a:after {
content: "";
position: absolute;
top: 13%;
left: 3%;
width: 100%;
height: 100%;
border: 2px solid #fff;
border-radius: 3px;
z-index: -1;
} */


.cto-person img {
    width: 100%;
    filter: none;
}

.contact-quer-img img {
    width: 100%;
}

.partner-title p {
    font-size: smaller;
    white-space: nowrap;
}

.com-contact {
    overflow: hidden;
}

.com-contact h1 {
    margin-left: 3rem;
    margin-bottom: 2rem;
}

.teams-contacts-events {
    margin: 0 auto;
    width: 83%;
}

.nav-image {
    position: absolute;
    top: 28%;
    z-index: 0;
    width: 5rem;
}

.image-title {
    padding: 1rem;
    color: #fff;
    position: relative;
    z-index: 1;
}

.blog-title h3 {
    font-weight: bold;
}

.tellerrand-content {
    padding: 1rem;
}

.com-content-category {
    overflow: hidden;
}

.tellerrand-image {
    position: relative;
    z-index: 1;
}

.fc-day-today .fc-daygrid-day-top a {
    color: var(--user-primary--color) !important;
}

.faq-wrapper {
    margin: 0 auto;
    width: 85%;
}

.faq-wrapper a {
    text-decoration: none;
}

.accordion-title > p {
    background-color: var(--user-primary--color);
    color: #fff;
    width: fit-content;
    padding: 0.2rem 0.3rem;
}

.faq-wrapper .slider-content img {
    width: 2rem;
}

.slider-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.slider-content .icon {
    align-self: center;
}

.slider-content .title h2 {
    margin: 0 !important;
}

.mathema-slider-title .hidden-block {
    display: none;
}

.hidden-block {
    word-break: break-word;
}


.minus {
    filter: invert(10%) sepia(93%) saturate(6658%) hue-rotate(336deg) brightness(82%) contrast(100%);
}

.title h3 {
    font-weight: bold;
}

.mathema-slider-title div:nth-child(3) {
    display: none;
}

.impressionen-wrapper,
.contact-wrapper {
    width: 90%;
    max-width: 90rem;
    margin: 0 auto 3rem
}

.nurnberg-img img {
    clip-path: polygon(10% 0, 100% 0%, 95% 100%, 0% 100%);
    width: 100%;
}

.munchen-img img {
    clip-path: polygon(10% 0, 100% 0%, 95% 100%, 0% 100%);
    width: 100%;
}

.nurnberg-img {
    position: relative;
    z-index: 1;
    width: 100%;
}

.munchen-img {
    position: absolute;
    bottom: -80%;
    left: 20%;
    z-index: -1;
    width: 100%;
}

.image-ort {
    text-align: -webkit-center;
}

.nurnberg-title {
    position: absolute;
    right: 20%;
    top: -4%;
    background-color: var(--user-primary--color);
    color: #fff;
    z-index: inherit;
}

.munchen-parent {
    position: relative;
}

.munchen-title {
    position: absolute;
    right: 10%;
    bottom: -4%;
    background-color: var(--user-primary--color);
    color: #fff;
    z-index: inherit;
}

.impressionen-wrapper {
    margin-top: 4rem;
}

.company-photos img {
    height: 30vw;
}

.referenzen-wrapper,
.referenzen-items,
.events-wrapper,
.blog-conteiner {
    margin: 0 auto;
    width: 85%;
    margin-top: 5rem;
}

.qualitat-page .referenzen-items {
    width: 80%;
}

.referenzen-image,
.events-image {
    position: relative;
    z-index: 1;

}


.referenzen-text {
    width: 90%;
}

.ref-item {
    border-radius: unset;
    border: none;
    position: relative;
}

.card-text {
    color: #000;
}

.referenc-sub-title {
    color: #fff;
    background-color: var(--user-primary--color);
    width: fit-content;
    padding: 0.1rem;
    position: absolute;
    left: 3%;
    bottom: -3%;
    font-size: small;
}

a,
a:hover {
    text-decoration: none;
}

.nurnberg,
.munchen {
    margin: 3rem 3rem 3rem 0;
}

.alle-termine a {
    padding: 0.5rem 2rem;
    white-space: nowrap;
}

.chat-with-your-documents-wrapper .alle-termine a {
    padding: 1rem 3rem;
    white-space: nowrap;
}

.losungen-wrapper .alle-termine a {
    padding: 1.2rem 2rem;
    white-space: nowrap;
}

.search-icon img {
    filter: invert(10%) sepia(93%) saturate(6658%) hue-rotate(336deg) brightness(82%) contrast(100%);
    width: 25px;
    height: 25px;
}

.star {
    display: none;
}

.controls button {
    background-color: var(--user-primary--color) !important;
    margin-top: 0.5rem;
}

.contact-form-wrapper input,
.contact-form-wrapper textarea {
    border: 1px solid #000;
    border-radius: 1px;
}

.contact-form-wrapper input::placeholder {
    font-weight: 600;
    color: #000;
}

.contact-form-wrapper .readonly::placeholder {
    font-weight: 600;
    color: #D3D3D3;
}

.awesomplete {
    width: 100%;
}

.form-check-input:checked {
    background-color: #000;
    color: #000;
}

.form-control:focus {
    border-color: #000;
    box-shadow: 0 0 0 1px #000;
}

.input-row,
.form-check {
    margin-left: 0;
}

.alle-termine-submit:hover {
    background-color: var(--user-primary--color) !important;
}

.campus-btn .alle-termine-submit:hover {
    background-color: var(--user-primary--color) !important;
}

.alle-termine-submit {
    padding: 0.5rem 2rem;
    background-color: var(--user-primary--color);
    border: var(--user-primary--color) !important;
    text-decoration: none;
    border-radius: 3px !important;
    position: relative;
    z-index: 0;
}

.alle-termine-submit input {
    color: #fff;
    background-color: var(--user-primary--color);
    border: none !important;
}

.alle-termine-submit:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 5px;
    left: 5px;
    border: 1px solid var(--user-primary--color);
    border-radius: 3px;
    z-index: -1;
}

.js-finder-search-query {
    border: 1px solid #000 !important;
    border-radius: 0 !important;
}

.js-finder-search-query::placeholder {
    font-weight: bold !important;
    color: #000 !important;

}

.mathema-slider {
    word-break: break-all;
}

.mod-finder input#mod-finder-searchword111 {
    /*background: url('../../../images/icons/magnifying-glass.png') no-repeat right;
background-size: 30px; */
    text-indent: 20px;
}

.com-finder {
    margin: 0 auto;
    width: 85%;
    margin-top: 4rem;
}

.com-finder__search .btn-primary,
.com-finder__search .btn-secondary {
    display: none;
}

.arbeiten-bei-mathema,
.onlyfyheader-wrapper,
.job-decription-wrapper {
    margin: 0 auto;
    width: 80%;
}

.arbeiten-bei-mathema .main-image img {
    width: 100%;
}

.clip-container {
    width: 100%;
    margin: 10rem 0 5rem 0;
}

.left-content,
.right-content {
    position: relative;
}

.clip-map {
    -webkit-clip-path: polygon(9% 4%, 100% 1%, 100% 100%, 0 100%);
    clip-path: polygon(9% 4%, 100% 1%, 100% 100%, 0 100%);
    background-color: #C5003E;
}
.clip-map,
.clip-map-right {
    width: 100%;
    height: 39rem;
}
.chat-with-your-documents-wrapper .clip-map-right {
    height: 50rem;
}
.chat-with-your-documents-wrapper .clip-map{
    height: 40rem;
}

.clip-map-img img {
    max-width: 15rem;
}

.clip-map-img-right {
    width: 100%;
}

.blog-height-text {
    min-height: 5rem;
}


.clip-map-img {
    position: absolute;
    top: -5rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    padding-left: 5rem;
    padding-right: 3rem;
}

.clip-map-right {
    background-color: #f7f7f7;
    -webkit-clip-path: polygon(9% 4%, 100% 1%, 100% 100%, 0 100%);
    clip-path: polygon(9% 4%, 100% 1%, 100% 100%, 0 100%);
    shape-outside: polygon(9% 4%, 100% 1%, 100% 100%, 0 100%);
    transform: rotate(180deg);
}

.clip-map-img-right {
    position: absolute;
    top: 3rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

.centre-img {
    width: fit-content;
}

.icons {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 0 2.5rem;
}

.job-decription-wrapper p,
.job-decription-wrapper span,
.job-decription-wrapper li {
    word-break: break-word;
}

.icons img {
    height: 3rem;
}

.icons p,
.icons img {
    text-align: left;
}

.icons .left-icon {
    margin-right: 0.5rem;
}

.left-icon,
.right-icon,
.center-icon {
    text-align: left;
}

.office-left-div {
    align-self: center;
    margin-left: 3%;
}

.clip-container p {
    font-size: smaller;
}

.mathema-slider > p {
    background-color: var(--user-primary--color);
    color: #fff;
    width: fit-content;
    padding: 0.1rem;
}

.du-wir-block {
    width: 60%;
}

.mathema-possibilities img {
    width: 4rem;
    height: 4rem;
}

.mathema-possibilities p {
    font-size: smaller;
}

.div {
    padding: 1rem;
}

.edu-content {
    width: 100%;
    background-color: #f4f4f6;
    margin: 1rem;
    text-align: center;
    padding: 1rem 1rem;
    position: relative;
    word-break: break-word;
    cursor: default;
}

.edu-content p {
    padding-top: 0.5rem;
    font-weight: bold;
}

.edu-content img {
    filter: invert(11%) sepia(100%) saturate(5185%) hue-rotate(335deg) brightness(81%) contrast(104%);
}


.blog-items .page-header h2 {
    padding-top: 2rem;
    text-align: center;
    padding-bottom: 3rem;
}

.blog-items .item-image img {
    width: calc(100% + var(--body-margin-width-fix));
    height: calc(130px + (650) * ((100vw - 300px) / (4000)));
    object-fit: cover;
}

.edu-content:hover,
.edu-content p:hover {
    background-color: #C5003E;
    color: #fff;

}

.hover-text {
    display: none;
}

.hover-text-style {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    padding: 0.5rem !important;
    font-size: medium;
    font-weight: bold;
    padding: 0.5rem;

}

.center-icon {
    padding: 0.3rem;
}

.hr-container {
    background-color: #C5003E;
    color: #fff;
    overflow: hidden;
}

.hr-container .d-lg-flex {
    width: 80%;
    margin: 0 auto;
}

.hr-container img {
    max-height: 30rem;
}

.first-contact img,
.second-contact img {
    width: 100%;
    max-width: 30rem;
}

.first-contact-img,
.second-contact-img {
    position: relative;
}

.first img {
    width: 100%;
    height: 15rem;
}

.contact-title {
    position: absolute;
    bottom: -1rem;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    width: fit-content;
    color: #C5003E;

}

.contact-title h6 {
    font-size: 12px !important;
}

.separator-red-down {
    width: 0;
    height: 0;
    border-left: 100vw solid transparent;
    border-bottom: 3.9vw solid #fff;
    margin-top: 0.1vw;
}

.main-image img {
    width: 100%;
}

.job-list-container {
    width: 100%;
    background-color: #f7f7f7;
    margin-top: 5rem;
}

.nun-jobs,
.munich-jobs {
    margin: 0 auto;
    width: 80%;
    padding-top: 5rem;
}

.job-ort {
    background-color: #C5003E;
    color: #fff;
    margin-bottom: 2rem;
    padding: 0.2rem;
    width: fit-content;
}

.job-list {
    background-color: #fff;
    margin-bottom: 1rem;
    padding: 1rem;
}

.job-title-and-img p {
    color: #000;
}

.job-list span {
    font-size: larger;
}

.job-title-and-img img {
    padding-right: 1rem;
    padding-left: 1rem;
    width: 5rem;
}

.arrow-right {
    padding-right: 1rem;
}

.arrow-right img {
    width: 2.5rem;
    filter: invert(10%) sepia(93%) saturate(6658%) hue-rotate(336deg) brightness(82%) contrast(100%);
}

.job-icon span {
    color: #000;
}

.job-list:hover {
    background-color: #d8d8df;

}

.job-list {
    align-items: center;
}

#section-1 {
    background-color: #fff;
}

.alle-standorte-img {
    text-align: center;
}

.alle-standorte-img img {
    width: 100%;
}

.upload,
.starken,
.kennen-lernen {
    background-color: #f7f7f7;
    margin: 0.5rem;
    padding: 1rem 2rem;
}

.job-decription-wrapper img {
    width: 100%;
}

.stars {
    color: #C5003E;
}

.job-decription-links {
    text-align: center;
}

.job-decription-introduction {
    margin-top: 2rem;
}

.carousel-links li,
.responsive-navbar li {
    list-style-type: none
}

.du-wir-title {
    width: 80%;
}

.mehr-erfahren {
    margin: 0 auto;
    width: 50%;
    text-align: center;
}

.mathema-ort-picture {
    overflow: hidden;
    background-color: #f7f7f7;
    padding: 3rem 0;
}

.job-decription-wrapper {
    margin-bottom: 6rem;
}

.separators {
    overflow: hidden;
}

.separator-grey-details {
    width: 0;
    height: 0;
    border-left: 100vw solid transparent;
    border-bottom: 5.9vw solid #f7f7f7;
}

.hide {
    display: none;
}

.nach-active-items {
    margin: 10rem auto 0;
    justify-content: center;
    max-width: 90rem !important;
    width: 90%;
    display: flex;
    flex-direction: column-reverse;

}

.fc-scroller-harness .fc-scroller {
    overflow: auto !important;
}

.background-img {
    position: relative;
    overflow: hidden;
}

.background-img img {
    height: 40rem;
    object-fit: cover;
    filter: blur(0.3rem) brightness(60%);
    transform: scale(1.2);
    z-index: -1;
}

.softwareentwicklung-title {
    position: absolute;
    top: 35%;
    left: 10%;
    right: 0;
    transform: translateY(-35%);
    width: 80%;
}

.softwareentwicklung-background {
    overflow: hidden;
}

.softwareentwicklung-background img {
    filter: blur(0.3rem) brightness(60%);
    transform: scale(1.2);
    z-index: -1;
    height: 40rem;
    object-fit: cover;
}

.softwareentwicklung-overlap {
    margin: 0 auto;
    width: 80%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    position: relative;
    top: -8rem;
}


.overlap-right-div {
    position: relative;
    left: -15%;
}


.softwareentwicklung-overlap-img {
}

.softwareentwicklung-overlap-text {
    font-size: small;
    padding: 3rem;
    clip-path: polygon(9% 4%, 100% 1%, 100% 100%, 0 100%);
    background-color: #C5003E;
    height: 100%;
    display: inline-grid;
    font-size: initial;
}

.teams-padding {
    padding-top: 7rem;
}

.softwareentwicklung-module {
    margin: 0 auto;
    width: 70%;
}

.leistugen p,
.technologien p {
    background-color: #C5003E;
    color: #fff;
    width: fit-content;
    margin-bottom: 1rem;
}

.team-contacts-list {
    margin: 0 auto;
    width: 90%;
}

.gallery {
    width: 100%;
    overflow: hidden;
}

.gallery-container {
    align-items: center;
    display: flex;
    height: 30rem;
    margin: 0 auto;
    position: relative;
}

.gallery-container img {
    width: 40%;
    object-fit: scale-down;
}

.gallery-item {
    opacity: 0;
    position: absolute;
    z-index: 0;
    border-radius: 15px;
}

.gallery-item-1 {
    left: 10%;
    opacity: .4;
    transform: translateX(-100%);
    z-index: 0;
}

.gallery-item-2 {
    left: 10%;
    opacity: initial;
    transform: translateX(50%);
    z-index: 1;

}

.gallery-item-3 {
    right: 10%;
    opacity: .4;
    transform: translateX(100%);
    z-index: 0;
}

.gallery-controls {
    display: flex;
    justify-content: center;
}

.gallery-controls button {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    margin: 0 50px;
    padding: 0 12px;
    text-transform: capitalize;
}

.gallery-controls-next img {
    transform: rotate(-180deg);
}


.mathema-erfahrung-leistungen {
    display: grid;
    margin-top: 2rem;
    grid-template-columns: 50% 50%;
}


.grid-wrapper p {
    white-space: break-spaces;
}

.entstanden-image img {
    width: 100%;
}

.image-centre {
    margin-top: 1rem;
}
.contact-click,
.tagFilter{
    border: 2px solid #fff;
}
.blog-conteiner .tagFilter:focus {
    background-color: #fff !important;
    border: 2px solid #000;
}
.contact-click-style{
    background-color: #fff !important;
    border: 2px solid #000 ;
}

.contact-click:focus {
    background-color: #fff !important;
    border: 2px solid #000;
}

.centre-img {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 1000;
    text-align: center;
}

.centre-img img {
    width: 3rem;
}

.news,
.kontakt-icon,
.jobs {
    display: grid;
    align-content: center;
    background-color: #e9e9ee;
    border-radius: 5px 0 0 5px;
    font-size: medium;
    width: 100px;
    height: 100px;

}

.news:hover,
.kontakt-icon:hover,
.jobs:hover {
    background-color: var(--user-lightgraytext--color);
}

.morecontent span {
    display: none;
}

.morelink less,
.morelink {
    font-weight: bold;
}

.morelink:hover {
    color: var(--user-primary--color) !important;
    text-decoration: underline;
}

.job-decription-wrapper p {
    white-space: break-spaces;
}

.contact-card {
    word-break: break-word;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .mathema-logo {
        position: static;
    }

    .left-scroll-element {
        display: none;
    }

    .right-scroll-content {
        width: 100%;
    }

    .mathema-slides .active-slide {
        max-width: 60rem !important;
    }

    .icons {
        grid-template-columns: 1fr !important;

    }

    .icons div {
        padding: 0.5rem 0;
    }

    .campus-contact-form {
        width: 95%;
        margin: 0 auto;
    }

    .du-wir-block {
        width: 100%;
    }
    .losungen-wrapper .faq-accordion img{
        width: 20px;
    }
    .vortrage-wrapper {
        flex-direction: column;
    }

    .geschaftsfuehrer-item-1 {
        grid-column: 1/13;
        grid-row: 1/10;
    }

    .geschaftsfuehrer-item-2 {
        grid-column: 2/13;
        grid-row: 2/12;
    }

    .zeit-plan-background {
        flex-direction: column;
    }

    .geschaftsfuehrer-item-3 {
        grid-column: 2/10;
        grid-row: 8/12;
    }

    .geschaftsfuehrer-item-4 {
        grid-column: 2/10;

    }

    .mathema-program-wrapper .vortrage {
        flex-direction: column;
    }

    .scrollSpy-wrapper,
    .mathema-campus-title-box {
        margin: 0 auto;
        width: 85%
    }

    .kostenfrei-unferbindlich {
        display: none;
    }

    .grid-item-2 {
        grid-column: 1/9;
        padding-left: 2rem;
    }

    .grid-item-4 {
        grid-column: 1/9;
        grid-row: 10/14;
        clip-path: none !important;
        padding-left: initial !important;
    }

    .grid-item-3 {
        display: none;
    }

    .mathema-logo-bottom-text {
        position: static;
    }

    .underline-container .mathema-logo {
        width: 70%;
        padding-bottom: 2rem;
    }

    .clip-map-img-right-bottom-img img {
        width: 12rem;
    }

    .carousel,
    .blog-last-article,
    .praxis-container {
        margin: 1rem 3rem 3rem 2rem !important;

    }

    .praxis-container-left,
    .praxis-container-right {
        margin: 1rem 0rem 3rem 0rem !important;
    }

    .parent-praxis-container-right {
        margin: 0 !important;
    }

    .event-image-box {
        clip-path: none !important;
        padding-left: 0 !important;
    }

    .entstanden-content {
        flex-direction: column;
    }

    .wrapp-all {
        width: 100%;
    }

    .teams-padding {
        padding-top: 5rem;
    }


    .clip-map-img-right-bottom-img {
        margin-top: 0;
    }

    .entstanden-text {
        width: 50%;
        align-self: center;
    }

    #mehr-erfarung-icon {
        width: 2rem;
    }

    .grid-images-1 {
        grid-column: 1/4;
    }

    .grid-images-2 {
        grid-column: 1/4;
    }

    .grid-images-3 {
        grid-column: 1/4;
    }

    .grid-images-4 {
        grid-column: 1/4;
    }

    .grid-images-5 {
        grid-column: 1/4;
    }

    .chat-with-your-documents-wrapper .clip-map-img-right .d-flex {
        display: initial !important;
    }

    .chat-with-your-documents-wrapper .clip-map-img .icons {
        margin-top: 0 !important;
    }

    .chat-with-your-documents-wrapper .clip-map-img .icons img {
        width: 3rem !important;
        height: 3rem !important;
    }

    .chat-with-your-documents-wrapper .clip-map-img img {
        width: 100%;
    }

    .comment-more {
        height: 3em;
        line-height: 1.5em;
        overflow: hidden;
    }

    .skills {
        bottom: auto;
    }

    .right-event-wrapp {
        width: auto;
    }

    .gallery-container {
        height: 15rem;
    }

    .nach-active-left {
        margin: 1rem;
    }

    .jumbotron-main-title {
        position: absolute;
        top: 5%;
        left: 5%;
        color: var(--user-background--color);
        width: 95%;
    }

    .right-ort-image {
        display: none;
    }

    .uber-uns-ort {
        margin: 0 10%;
        font-size: smaller;
        margin-top: 0 !important;
    }

    .mathema-erfahrung-leistungen {
        grid-template-columns: 100%;
    }


    .grid-wrapper {
        grid-template-columns: 100%;
    }

    .grid-wrapper .div {
        word-break: break-word;
    }
    .rigth-social-links a img{
        margin-right: 2.5rem;
    }
    .cto-info {
        background-color: #C5003E;
        color: #fff;
        width: fit-content;
        filter: none;
        padding: 0.3rem;
    }

    .tellerrand-image {
        margin-top: 3rem;
    }

    .munchen-img {
        position: absolute;
        bottom: -157%;
        left: 0;
        z-index: -1;
        width: 100%;
    }

    .munchen-img img,
    .nurnberg-img img {
        clip-path: initial;
    }

    .munchen-parent {
        margin-bottom: 4rem;
    }

    .referenzen-image,
    .events-image {
        margin-top: 3rem;
    }

    .karriere-title {
        flex-direction: column;
    }

    .karriere-title-left-text {
        width: 100%;
        margin-bottom: 2rem;
    }

    .upload-content {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 2rem;
        margin: 0rem;
    }

    .bottom-bewerben-link {
        flex-direction: column;
    }

    .datenschutz {
        margin-top: 1rem;
    }

    .softwareentwicklung-overlap {
        width: 100%;
    }

    .overlap-right-div {
        left: 0;
    }

    .softwareentwicklung-overlap-text {
        clip-path: none;
    }


    .job-decription-links {
        margin-top: 3rem;
    }

    .mathema-possibilities {
        grid-template-columns: 100%;
        width: 90%;
        display: grid;
        grid-column-gap: 3rem;
        grid-row-gap: 0.5rem;
        /*grid-auto-rows: minmax(100%,auto);*/
        grid-auto-rows: 190px;
        /* same height for every grid elements */
    }

    .referenzen-image img,
    .events-image img,
    .tellerrand-image img {
        /* clip-path: polygon(28.9% 4.5%, 100% 1%, 100% 100%, 13.1% 100%); */
        width: 100%;
        height: 100%;
    }

    .referenzen-image:after,
    .events-image:after,
    .tellerrand-image:after {
        content: "";
        position: absolute;
        /* clip-path: polygon(28.9% 4.5%, 100% 1%, 100% 100%, 13.1% 100%); */
        width: 100%;
        height: 106%;
        top: -3%;
        left: 0%;
        background-color: var(--user-primary--color);
        z-index: -1;
    }

    .blog-items .com-content-article__body {
        margin: 0 auto;
        width: 80%;
        position: relative;
        top: -4rem;
        background-color: #fff;
        padding: 2rem;
    }

    .clip-map-img {
        padding-left: 3rem;
        padding-right: 2rem;
    }

    .clip-map {
        clip-path: none;
    }

    .clip-map-right {
        background-color: #f7f7f7;
        -webkit-clip-path: none;
        clip-path: none;
    }

    .blog-height-text {
        min-height: 3rem;
    }

    .full-width-navbar {
        display: none;
    }

    .responsive-navbar {
        display: block;
    }

    .margin-active {
        margin-top: 5rem;
    }

    .separator,
    .separator-grey,
    .separator-grey-down,
    .separator-white-down,
    .separator-red-down,
    .separator-grey-details {
        display: none;
    }

    .contact-quer-img {

        text-align: center;
    }

    .contact-quer-img img {
        width: 80%;
    }

    .centre-img {
        display: none !important;
    }

    .softwareentwicklung-overlap {
        grid-template-columns: 1fr;
    }

    /* .zahlen-daten1 {
        grid-column: 3/11;
    }

    .zahlen-daten2 {
        grid-column: 3/11;
    }

    .zahlen-daten3 {
        grid-column: 3/11;
    }

    .zahlen-daten4 {
        grid-column: 3/11;
    }

    .zahlen-daten5 {
        grid-column: 3/11;
    } */
    .facts {
        top: 58%;
        left: 52%;
        transform: translateY(-58%);
        transform: translateX(-52%);
        font-size: xx-large;
    }

    .zahlen-daten0 {
        grid-column: 3/11;
    }

    .skills {
        padding: 3% 1%;
        display: block !important;
    }

    .skills a {
        font-size: x-large;
        white-space: nowrap;
    }

    .small-fonts {
        font-size: large;
    }

    .nach-active-items {
        margin-top: 11rem;
    }

    .nach-active-right img {
        top: 0;
    }

    .qualitat-grid p,
    .qualitat-grid h2 {
        color: #000 !important;
    }

    .qualitat-grid-image {
        grid-column: 1/12;
        grid-row: 1/10;
    }

    .qualitat-grid-text {
        grid-column: 1/10;
        grid-row: 10/13;
        z-index: 1;
        padding: 2%;
    }

    .qualitat-grid-logo {
        grid-column: 7 / 12;
        grid-row: 13/17;
        z-index: 1;
        padding: 2%;
    }

    .qualitat-grid-under-text {
        grid-column: 1/5;
        grid-row: 13/17;
        z-index: 1;
    }

    .under-bloks-1 {
        grid-column: 1 / 12;
        grid-row: 1/8;
    }

    .under-bloks-3 {
        grid-column: 1 / 12;
        grid-row: 1/8;
    }

    .under-bloks-2 {
        grid-column: 1/ 12;
        grid-row: 5 / 6;
    }

    .under-bloks-4 {
        grid-column: 1 / 11;
        grid-row: 5 / 7;
    }

    .contact-title {
        display: none;
    }

    .anwendungsbereiche-wrapper {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 2rem;
    }

    .possibilities-grid {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 3rem;
        row-gap: 0.5rem;
    }
}


/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .geschaftsfuehrer-item-1 {
        grid-column: 1/13;
        grid-row: 1/10;
    }

    .geschaftsfuehrer-item-2 {
        grid-column: 2/13;
        grid-row: 3/12;
    }

    .geschaftsfuehrer-item-3 {
        grid-column: 2/7;
        grid-row: 8/12;
    }

    .geschaftsfuehrer-item-4 {
        grid-column: 7/12;
        grid-row: 8/12;
    }

    #mehr-erfarung-icon {
        width: 4rem;
    }

    .grid-item-3 {
        grid-column: 1/6;
    }

    .grid-item-4 {
        grid-column: 3/9;
    }

    .campus-contact-form {
        width: 50%;
        margin: 0 auto;
        max-width: 52rem;
    }

    .jumbotron-links {
        display: flex;
        flex-direction: row;
    }

    .nach-active-items {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .vortrage-wrapper {
        flex-direction: row;
    }

    .carousel-image img {
        width: 15rem;
        height: 15rem;
    }

    .gallery-container {
        height: 20rem;
    }

    .right-ort-image {
        display: none;
    }

    .softwere-leistungen-flex,
    .embedded-leistungen-flex {
        flex-direction: column;
    }

    .grid-wrapper {
        grid-template-columns: 1fr 1fr;
        grid-gap: 1rem;
    }


    .scrollSpy-wrapper,
    .mathema-campus-title-box {
        margin: 0 auto;
        width: 80%
    }

    .cto-info {
        background-color: #C5003E;
        font-size: smaller;
        color: #fff;
        width: fit-content;
        padding: 1rem 4rem 0.5rem 3rem;
        filter: none;
        clip-path: polygon(10.7% 17%, 70.2% 9.6%, 90.5% 100%, 9.5% 100.7%);
        position: relative;
        top: -3rem;
    }

    .munchen-img {
        left: 3%;
    }

    .upload-content {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 2rem;
        margin: 0rem;
    }


    .softwareentwicklung-overlap-text {
        padding: 1.5rem;
    }

    .softwareentwicklung-overlap-text {
        padding-top: 2rem;
    }

    .job-decription-links {
        margin-top: 3rem;
    }

    .mathema-possibilities {
        grid-template-columns: 50% 50%;
        width: 85%;
        display: grid;
        grid-column-gap: 3rem;
        grid-row-gap: 0.5rem;
        /*grid-auto-rows: minmax(100%,auto);*/
        grid-auto-rows: 190px;
        /* same height for every grid elements */
    }

    .referenzen-image,
    .events-image,
    .tellerrand-image {
        margin-top: 2rem;
    }

    .referenzen-image img,
    .events-image img,
    .tellerrand-image img {
        /* clip-path: polygon(28.9% 4.5%, 100% 1%, 100% 100%, 13.1% 100%); */
        width: 100%;
        height: 100%;
    }

    .referenzen-image:after,
    .events-image:after,
    .tellerrand-image:after {
        content: "";
        position: absolute;
        /* clip-path: polygon(28.9% 4.5%, 100% 1%, 100% 100%, 13.1% 100%); */
        width: 100%;
        height: 106%;
        top: -3%;
        left: 0%;
        background-color: var(--user-primary--color);
        z-index: -1;
    }

    .blog-items .com-content-article__body {
        margin: 0 auto;
        width: 80%;
        position: relative;
        top: -8rem;
        background-color: #fff;
        padding: 2rem;
    }

    .full-width-navbar {
        display: none;
    }

    .responsive-navbar {
        display: block;
    }

    .margin-active {
        margin-top: 5rem;
    }

    .jumbotron-main-title {
        position: absolute;
        top: 10%;
        left: 10%;
        color: var(--user-background--color);
        width: 75%;
    }

    /* .zahlen-daten1 {
        grid-column: 3/6;

    }

    .zahlen-daten2 {
        grid-column: 6/9;

    }

    .zahlen-daten3 {
        grid-column: 9/12;

    }

    .zahlen-daten4 {
        grid-column: 3/6;

    }

    .zahlen-daten5 {
        grid-column: 6/9;
    } */
    .facts {
        top: 53%;
        left: 57%;
        transform: translateY(-53%);
        transform: translateX(-57%);
        font-size: x-large;
    }

    .zahlen-daten0 {
        grid-column: 3/6;
    }

    .skills {
        clip-path: polygon(33% 5%, 100% 0%, 100% 100%, 26% 100%);
        padding: 5% 1% 1% 51%;
    }

    .skills a {
        font-size: larger;
        white-space: nowrap;
    }

    .small-fonts {
        font-size: large;
    }

    .qualitat-grid-image {
        grid-column: 1/12;
        grid-row: 1/10;
    }

    .qualitat-grid-text {
        grid-column: 1/12;
        grid-row: 1/13;
        z-index: 1;
        padding: 2%;
    }

    .qualitat-grid-logo {
        grid-column: 7 / 12;
        grid-row: 10 / 12;
        z-index: 1;
        padding: 2%;
    }

    .qualitat-grid-under-text {
        grid-column: 1/5;
        grid-row: 10/12;
        z-index: 1;
    }

    .under-bloks-1 {
        grid-column: 1 / 8;
        grid-row: 1/8;
    }

    .under-bloks-3 {
        grid-column: 5 / 12;
        grid-row: 1/8;
    }

    .under-bloks-2 {
        grid-column: 1 / 11;
        grid-row: 5 / 6;
    }

    .under-bloks-2 {
        grid-column: 2 / 10;
        grid-row: 5 / 6;
    }

    .under-bloks-4 {
        grid-column: 2 / 11;
        grid-row: 5 / 7;
    }

    .anwendungsbereiche-wrapper {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 4rem;
    }

    .possibilities-grid {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 1rem;
        row-gap: 1rem;
    }

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

    .anwendungsbereiche-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 4rem;
    }

    .geschaftsfuehrer-item-1 {
        grid-column: 1/13;
        grid-row: 1/10;
    }

    .zeit-plan-background {
        justify-content: space-between;
    }

    .geschaftsfuehrer-item-2 {
        grid-column: 2/13;
        grid-row: 3/12;
    }

    .geschaftsfuehrer-item-3 {
        grid-column: 2/6;
        grid-row: 9/12;
    }

    .geschaftsfuehrer-item-4 {
        grid-column: 6/10;
        grid-row: 9/12;
    }

    #mehr-erfarung-icon {
        width: 5rem;
    }

    .uber-uns-back-photo img {
        height: calc(250px + (1200) * ((100vw - 250px) / (3000)));
    }

    .grid-item-3 {
        grid-column: 2/6;
    }

    .grid-item-4 {
        grid-column: 3/8;
    }

    .social {
        display: flex;
        flex-direction: row;
    }

    .event-content-items {
        display: flex !important;
        flex-direction: row !important;
    }

    .right-event-wrapp {
        margin: auto;
    }

    .carousel-image img {
        width: 25rem;
        height: 20rem;
    }

    .gallery-container {
        height: 20rem;
    }

    .uber-uns-ort {
        width: 80% !important;
    }

    .softwere-leistungen-flex,
    .embedded-leistungen-flex {
        flex-direction: initial;
    }

    .mathema-erfahrung {
        position: relative;
        z-index: 50;
    }

    .grid-wrapper {
        grid-template-columns: 1fr 1fr;
    }

    .cto-info {
        background-color: #C5003E;
        font-size: smaller;
        color: #fff;
        width: fit-content;
        padding: 1rem 4rem 0.5rem 3rem;
        filter: none;
        clip-path: polygon(10.7% 17%, 70.2% 9.6%, 90.5% 100%, 9.5% 100.7%);
        position: relative;
        top: -3rem;
    }

    .upload-content {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 2rem;
        margin: 0rem;
    }


    .softwareentwicklung-overlap-text {
        padding: 3.5rem;
    }

    .job-decription-links {
        margin-top: 0;
    }

    .mathema-possibilities {
        grid-template-columns: 33% 33% 33%;
        width: 85%;
        display: grid;
        grid-column-gap: 3rem;
        grid-row-gap: 0.5rem;
        /*grid-auto-rows: minmax(100%,auto);*/
        grid-auto-rows: 190px;
        /* same height for every grid elements */
    }

    .referenzen-image img,
    .events-image img,
    .tellerrand-image img {
        clip-path: polygon(28.9% 4.5%, 100% 1%, 100% 100%, 13.1% 100%);
        width: 100%;
        height: 80%;
    }

    .referenzen-image:after,
    .events-image:after,
    .tellerrand-image:after {
        content: "";
        position: absolute;
        clip-path: polygon(28.9% 4.5%, 100% 1%, 100% 100%, 13.1% 100%);
        width: 100%;
        height: 80%;
        top: -6%;
        left: -3%;
        background-color: var(--user-primary--color);
        z-index: -1;
    }

    .blog-items .com-content-article__body {
        margin: 0 auto;
        width: 80%;
        position: relative;
        top: -8rem;
        background-color: #fff;
        padding: 2rem;
    }

    .full-width-navbar {
        display: none;
    }

    .responsive-navbar {
        display: block;
    }

    .margin-active {
        margin-top: 5rem;
    }

    .jumbotron-main-title {
        position: absolute;
        top: 15%;
        left: 10%;
        color: var(--user-background--color);
        width: 80%;
    }

    /* .zahlen-daten1 {
        grid-column: 3/6;

    }

    .zahlen-daten2 {
        grid-column: 6/9;

    }

    .zahlen-daten3 {
        grid-column: 9/12;

    }

    .zahlen-daten4 {
        grid-column: 3/6;

    }

    .zahlen-daten5 {
        grid-column: 6/9;

    } */
    .facts {
        top: 53%;
        left: 57%;
        transform: translateY(-53%);
        transform: translateX(-57%);
        font-size: xx-large;
    }

    .zahlen-daten0 {
        grid-column: 3/6;
    }

    .skills {
        clip-path: polygon(33% 5%, 100% 0%, 100% 100%, 26% 100%);
        padding: 5% 1% 1% 36%;
        right: -5%;
    }

    .skills a {
        font-size: x-large;
    }

    .small-fonts {
        font-size: large;
    }

    .qualitat-grid-image {
        grid-column: 1/12;
        grid-row: 1/10;
    }

    .qualitat-grid-text {
        grid-column: 1/8;
        grid-row: 2/13;
        z-index: 1;
        padding: 2%;
    }

    .qualitat-grid-logo {
        grid-column: 7 / 12;
        grid-row: 10 / 12;
        z-index: 1;
        padding: 2%;
    }

    .qualitat-grid-under-text {
        grid-column: 1/5;
        grid-row: 10/12;
        z-index: 1;
    }

    .under-bloks-1 {
        grid-column: 1 / 7;
        grid-row: 1/8;
    }

    .under-bloks-3 {
        grid-column: 6 / 12;
        grid-row: 1/8;
    }

    .under-bloks-2 {
        grid-column: 2 / 11;
        grid-row: 3 / 6;
    }

    .under-bloks-4 {
        grid-column: 2 / 11;
        grid-row: 3 / 7;
    }

    .possibilities-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 3rem;
        row-gap: 1rem;
    }
    .anwendungsbereiche-wrapper{
        grid-gap: 2rem;
    }
}

@media only screen and (max-width: 768px) {

    .mathema-erfahrung-leistungen {
        display: block;
    }
}

/* Hide buttons fast buttons */
@media only screen and (max-width: 992px) {
    .icons {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .entstanden-image {
        display: none;
    }

    .entstanden-text {
        width: 100%;
    }

    .zusammenarbeit-block > p,
    .zusammenarbeit-block h3 {
        width: 100%;
    }

    .news,
    .kontakt-icon,
    .jobs {
        display: none;
    }

    .underline-container {
        display: flex;
        flex-direction: column;
    }

    .mobile-view {
        height: 700px;

    }


    .referenzen-illu {
        display: none;
    }

    .mathema-workflow-image {
        display: grid;
        margin: auto;
    }

    .mathema-workflow-title {
        width: 100%;
    }

    .uber-uns-ort {
        top: 15%;
        transform: translateY(-15%);
    }


}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

    #mehr-erfarung-icon {
        width: 6rem;
    }

    .mathema-workflow-image {
        display: grid;

        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 2rem;
    }

    .mathema-workflow-title {
        width: 70%;
        margin-bottom: 2rem;
    }

    .grid-item-4 {
        grid-column: 4/8;
    }

    .mathema-logo-bottom-text {
        position: absolute;
    }

    .carousel-image img {
        width: 35rem;
        height: 25rem;
    }

    .gallery-container {
        height: 30rem;
    }

    .right-ort-image {
        display: block;
    }

    .mathema-erfahrung {
        width: 80%;
    }

    .grid-wrapper {
        grid-template-columns: 1fr 1fr;
    }

    .geschaftsfuehrer-item-1 {
        grid-column: 1/13;
        grid-row: 1/10;
    }

    .geschaftsfuehrer-item-2 {
        grid-column: 2/13;
        grid-row: 3/12;
    }

    .geschaftsfuehrer-item-3 {
        grid-column: 2/6;
        grid-row: 9/12;
    }

    .geschaftsfuehrer-item-4 {
        grid-column: 6/10;
        grid-row: 9/12;
    }

    .cto-info {
        background-color: #C5003E;
        font-size: smaller;
        color: #fff;
        width: fit-content;
        padding: 1rem 4rem 0.5rem 3rem;
        filter: none;
        clip-path: polygon(10.7% 17%, 70.2% 9.6%, 90.5% 100%, 9.5% 100.7%);
        position: relative;
        top: -3rem;
    }

    .upload-content {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 2rem;
        margin: 0rem;
    }

    .job-decription-links {
        margin-top: 0;
    }

    .mathema-possibilities {
        grid-template-columns: 33% 33% 33%;
        width: 85%;
        display: grid;
        grid-column-gap: 3rem;
        grid-row-gap: 0.5rem;
        /*grid-auto-rows: minmax(100%,auto);*/
        grid-auto-rows: 190px;
        /* same height for every grid elements */
    }

    .referenzen-image img,
    .events-image img,
    .tellerrand-image img {
        clip-path: polygon(28.9% 4.5%, 100% 1%, 100% 100%, 13.1% 100%);
        width: 100%;
        height: 100%;
    }

    .referenzen-image:after,
    .events-image:after,
    .tellerrand-image:after {
        content: "";
        position: absolute;
        clip-path: polygon(28.9% 4.5%, 100% 1%, 100% 100%, 13.1% 100%);
        width: 100%;
        height: 100%;
        top: -6%;
        left: -3%;
        background-color: var(--user-primary--color);
        z-index: -1;
    }

    .blog-items .com-content-article__body {
        margin: 0 auto;
        width: 80%;
        position: relative;
        top: -8rem;
        background-color: #fff;
        padding: 2rem;
    }

    .full-width-navbar {
        display: none;
    }

    .responsive-navbar {
        display: block;
    }

    .margin-active {
        margin-top: 5rem;
    }

    .jumbotron-main-title {
        position: absolute;
        top: 10%;
        left: 10%;
        color: var(--user-background--color);
        width: 60%;
    }

    /* .zahlen-daten1 {
        grid-column: 2/4;

    }

    .zahlen-daten2 {
        grid-column: 4/6;

    }

    .zahlen-daten3 {
        grid-column: 6/8;

    }

    .zahlen-daten4 {
        grid-column: 8/10;

    }

    .zahlen-daten5 {
        grid-column: 10/12;

    } */
    .facts {
        top: 53%;
        left: 57%;
        transform: translateY(-53%);
        transform: translateX(-57%);
        font-size: xx-large;
    }

    .zahlen-daten0 {
        grid-column: 2/5;
    }

    .parent-praxis-container-right {
        width: 85%;
    }

    .skills {
        clip-path: polygon(33% 5%, 100% 0%, 100% 100%, 26% 100%);
        padding: 5% 5% 5% 41%;
        right: -5%;
    }

    .skills a {
        font-size: xx-large;
    }

    .small-fonts {
        font-size: x-large;
    }

    .qualitat-grid-image {
        grid-column: 1/12;
        grid-row: 1/10;
    }

    .qualitat-grid-text {
        grid-column: 1/9;
        grid-row: 3/13;
        z-index: 1;
        padding: 2%;
    }

    .qualitat-grid-logo {
        grid-column: 7 / 12;
        grid-row: 10 / 12;
        z-index: 1;
        padding: 2%;
    }

    .qualitat-grid-under-text {
        grid-column: 1/5;
        grid-row: 10/12;
        z-index: 1;
    }

    .under-bloks-1 {
        grid-column: 1 / 7;
        grid-row: 1/8;
    }

    .under-bloks-3 {
        grid-column: 6 / 12;
        grid-row: 1/8;
    }

    .under-bloks-2 {
        grid-column: 2 / 10;
        grid-row: 5 / 6;
    }

    .under-bloks-4 {
        grid-column: 2 / 11;
        grid-row: 5 / 7;
    }

    .possibilities-grid {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 1rem;
        row-gap: 1rem;
    }
    .losungen-wrapper .possibilities .rounded-4,
    .chat-with-your-documents-wrapper .possibilities .rounded-4{
        min-height: 230px;
        padding-top: 4.5rem !important;
    }
    .chat-with-your-documents-wrapper .clip-map-right{
        height: 45rem;
    }
    .anwendungsbereiche-wrapper{
        grid-gap: 4rem;
    }
}

@media only screen and (max-width: 1200px) {

    .uber-uns-ort {
        flex-direction: column;
    }

    .right-ort-image {
        display: none;
    }

    #leistungen-illus {
        display: none;
    }

    .overlap-right-div {
        left: 0;
    }

    .softwere-leistungen-bild-text img,
    .embedded-leistungen-bild-text img {
        display: none;
    }


    .praxis-container {
        flex-direction: column;
    }

    .skills {
        display: none;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .responsive-navbar{
        display: none !important;
    }
    .geschaftsfuehrer-item-1 {
        grid-column: 1/13;
        grid-row: 1/10;
    }

    .geschaftsfuehrer-item-2 {
        grid-column: 2/13;
        grid-row: 3/12;
    }

    .geschaftsfuehrer-item-3 {
        grid-column: 2/5;
        grid-row: 8/12;
    }

    .geschaftsfuehrer-item-4 {
        grid-column: 5/8;
        grid-row: 8/12;
    }

    #calendar {
        height: 800px;
    }

    .softwere-leistungen,
    .embedded-leistungen {
        height: inherit;
    }

    #mehr-erfarung-icon {
        width: 6rem;
    }

    .uber-uns-back-photo > img {
        height: calc(250px + (1200) * ((100vw - 250px) / (3000)));
    }

    .uber-uns-ort {
        margin-top: 7rem;

    }

    .overlap-right-div {
        position: relative;
        left: -15%;
    }

    .leistung-icon-mobile {
        display: none !important;
    }

    .carousel-image img {
        width: 45rem;
        height: 25rem;
    }

    .gallery-container {
        height: 30rem;
    }

    .right-ort-image {
        display: block;
    }

    .grid-wrapper {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 2rem;
        margin-bottom: 0rem;
        padding-bottom: 1rem;
    }


    .zufriedene-kunden-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 2rem;
    }


    .cto-info {
        background-color: #C5003E;
        font-size: smaller;
        color: #fff;
        width: fit-content;
        padding: 1rem 4rem 0.5rem 3rem;
        filter: none;
        clip-path: polygon(10.7% 17%, 70.2% 9.6%, 90.5% 100%, 9.5% 100.7%);
        position: relative;
        top: -3rem;
    }

    .upload-content {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 2rem;
        margin: 0rem;
    }


    .job-decription-links {
        margin-top: 0;
    }

    .mathema-possibilities {
        grid-template-columns: 25% 25% 25% 25%;
        width: 85%;
        display: grid;
        grid-column-gap: 3rem;
        grid-row-gap: 0.5rem;
        /*grid-auto-rows: minmax(100%,auto);*/
        grid-auto-rows: 190px;
        /* same height for every grid elements */
    }

    .referenzen-image img,
    .events-image img,
    .tellerrand-image img {
        clip-path: polygon(28.9% 4.5%, 100% 1%, 100% 100%, 13.1% 100%);
        width: 100%;
        height: 100%;
    }

    .referenzen-image:after,
    .events-image:after,
    .tellerrand-image:after {
        content: "";
        position: absolute;
        clip-path: polygon(28.9% 4.5%, 100% 1%, 100% 100%, 13.1% 100%);
        width: 100%;
        height: 100%;
        top: -6%;
        left: -3%;
        background-color: var(--user-primary--color);
        z-index: -1;
    }

    .blog-items .com-content-article__body {
        margin: 0 auto;
        width: 80%;
        position: relative;
        top: -8rem;
        background-color: #fff;
        padding: 2rem;
    }

    .full-width-navbar {
        display: inline-grid;
        align-content: center;
        justify-content: center;
    }

    .responsive-navbar {
        display: none;
    }

    .margin-active {
        margin-top: 7rem;
    }

    .jumbotron-main-title {
        position: absolute;
        top: 20%;
        left: 10%;
        color: var(--user-background--color);
        width: 60%;
    }

    .softwareentwicklung-overlap-text {
        font-size: smaller;
    }

    /* .zahlen-daten0 {
        grid-column: 2/5;
    }

    .zahlen-daten1 {
        grid-column: 2/4;
    }

    .zahlen-daten2 {
        grid-column: 4/6;
    }

    .zahlen-daten3 {
        grid-column: 6/8;
    }

    .zahlen-daten4 {
        grid-column: 8/10;
    }

    .zahlen-daten5 {
        grid-column: 10/12;
    } */
    .facts {
        top: 59%;
        left: 54%;
        transform: translateY(-59%);
        transform: translateX(-54%);
        font-size: xx-large;
    }

    .parent-praxis-container-right {
        width: 90%;
    }

    .skills {
        clip-path: polygon(33% 5%, 100% 0%, 100% 100%, 26% 100%);
        padding: 5% 5% 5% 33%;
        right: -5%;
    }

    .skills a {
        font-size: xx-large;
    }

    .small-fonts {
        font-size: x-large;
    }

    .qualitat-grid-image {
        grid-column: 1/12;
        grid-row: 1/10;
    }

    .qualitat-grid-text {
        grid-column: 2/6;
        grid-row: 3/13;
        z-index: 1;
    }

    .qualitat-grid-logo {
        grid-column: 8/11;
        grid-row: 7/12;
        z-index: 1;
    }

    .qualitat-grid-under-text {
        grid-column: 2/7;
        grid-row: 11/13;
        z-index: 1;
    }

    .under-bloks-1 {
        grid-column: 2 / 6;
        grid-row: 1/8;
    }

    .under-bloks-3 {
        grid-column: 7 / 11;
        grid-row: 1/8;
    }

    .under-bloks-2 {
        grid-column: 2 / 11;
        grid-row: 4 / 6;
    }

    .under-bloks-4 {
        grid-column: 2 / 10;
        grid-row: 5 / 6;
    }

    .uber-title,
    .qualitat-grid {
        width: 95%;
        margin: 0 auto;
    }

    .navbar-brand {
        margin-right: 3rem;
    }

    .possibilities-grid {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 3rem;
        row-gap: 1rem;
    }
    .losungen-wrapper .possibilities .rounded-4,
    .chat-with-your-documents-wrapper .possibilities .rounded-4{
        min-height: 170px;
        padding-top: 3rem !important;
    }
    .chat-with-your-documents-wrapper .clip-map-right {
        height: 39rem;
    }
}

@media only screen and (min-width: 1550px) {
    .navbar-brand {
        margin-right: initial;
    }

    .full-width-navbar {
        display: inline-grid;
        align-content: center;
        justify-content: normal;
    }

    .uber-title,
    .qualitat-grid {
        width: 100%;
        margin: 0 auto;
    }
}