/***** Aktuelles - Start *****/
.news .article.rm {
    margin: 0 0 50px;
}

.news .article .image img {
    display: block;
    width: 100%;
    height: auto;
}

.news .article .image .caption {
    padding: 4px 0 0;
    line-height: 1.5;
    font-style: italic;
}

.news .article .date {
    font-size: 21px;
    color: rgb(var(--color-secondary));
    margin: -2px 0 10px;
}

/* Hide Date for Publications on Home Page */
#c2 .news .article .date {
    visibility: hidden;
}

.news .article a {
    position: relative;
    text-decoration: none;
    border-bottom: 3px solid rgb(var(--color-primary));
    transition: border-bottom var(--transition-t1) ease-out;
}

.news .article .more a {
    border-bottom-width: 2px;
}

.news .article a:hover {
    border-bottom-color: transparent;
}

.news .article .title h2 {
    font-size: 12px;
    line-height: 1.35714;
}

.news .article .title h2 span {
    font-size: 28px;
}

.news .article .text p {
    margin: 0 0 26px;
    line-height: 1.5;
}

.news .article .text .more {
    font-weight: 700;
    color: rgb(var(--color-secondary));
}

.news .article .text .more a {
    margin: 0 0 0 38px;
}

.news .article .text .more a::before {
    content: '';
    position: absolute;
    top: 11px;
    left: -38px;
    width: 28px;
    height: 14px;
    background: url("../Images/bg-arrow-right-red.svg") no-repeat;
    background-size: 28px auto;
}

.news .page-navigation {
    text-align: center;
}

.news .page-navigation .page-number {
    float: none;
    margin: 0;
    font: 34px/1.23529 var(--font-2);
    color: rgb(var(--color-secondary));
}

.news .page-navigation ul {
    float: none;
    display: inline-block;
}

.news .page-navigation ul li::before {
    display: none;
}

.news .page-navigation ul li.current span {
    display: block;
    padding: 2px 11px 7px;
    color: #fff;
    background-color: rgb(var(--color-secondary-light));
}

.news .page-navigation .pagebrowser .previous a,
.news .page-navigation .pagebrowser .next a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    margin: 0 6px;
    text-indent: -9999em;
}

.pagebrowser .previous a::before {
    content: '';
    width: 0;
    height: 0;
    border-right: 11px solid rgb(var(--color-secondary-light));
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    transition: all var(--transition-t1);
}

.pagebrowser .next a::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 11px solid rgb(var(--color-secondary-light));
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    transition: all var(--transition-t1);
}

.pagebrowser .previous a:hover,
.pagebrowser .next a:hover {
    background-color: transparent;
}

.pagebrowser .previous a:hover::before {
    border-right-color: rgb(var(--color-secondary));
}

.pagebrowser .next a:hover::before {
    border-left-color: rgb(var(--color-secondary));
}

.news .no-news-found {
    margin: 0 0 76px;
    color: rgb(var(--color-primary));
}

.news.news.news-single p {
    line-height: 1.5;
}

/***** Aktuelles - End *****/

/***** Aktuelles-Startseite - Start *****/
.col-md-4 .article.rm.start .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
}

.col-md-4 .news .article.rm.start .image {
    margin: 0 0 24px;
}

.col-md-4 .news .article.rm.start .image .caption {
    display: none;
}

.col-md-4 .news .article.rm.start a {
    text-decoration: none;
    border-bottom-color: rgb(var(--color-secondary-light));
}

.col-md-4 .news .article.rm.start a:hover {
    border-bottom-color: transparent;
}

.col-md-4 .news .article.rm.start .text .more a::before {
    background: url("../Images/bg-arrow-right-lightblue.svg") no-repeat;
}

.news .article.rm.start .category {
    display: none;
    margin: 0 0 18px;
    font-family: var(--font-2);
    font-size: 42px;
    line-height: 0.98;
    color: rgb(var(--color-secondary));
    border-bottom: 3px solid rgb(var(--color-primary));
}

.col-md-4 .news .article.rm.start .category {
    display: inline-block;
    border-bottom-color: rgb(var(--color-secondary-light));
}

/***** Aktuelles-Startseite - End *****/

/***** Aktuelles-Detailseite - Start *****/
.news-single .article .headline-outer {
    /*margin-left: -110px;*/
    margin-left: -128px;
}

.news-single .article .headline-outer .title {
    display: inline-flex;
    min-width: 1030px;
    margin: 66px 0 24px;
    padding: 30px 42px 22px 36px;
    border-radius: 0 40px 0 0;
    background-color: rgba(var(--color-secondary-light), .85);
}

.news-single .article .headline-outer .title.blog {
    background-color: rgba(var(--color-primary), .85);
}

.news-single .article .headline-outer .title h1 {
    display: block;
    background: none;
    margin: 0;
    padding: 0;
    border-radius: 0;
}

.news-single .article .headline-outer .category {
    margin: 0 30px 0 0;
    font: 24px/1.22222 var(--font-2);
    color: #fff;
}

.news-single .article .headline-outer .category .text {
    display: inline;
    border-bottom: 3px solid #fff;
}

.news-single .article .headline-outer .category .text:hover {
    border-bottom: 0;
}

.news-single .article .headline-outer .category a {
    font-size: 42px;
    border-bottom: 0;
}

.news-single .footer {
    margin: 0;
    padding: 0;
    border: none;
}

.news .footer span {
    margin: 0 15px 0 0;
    padding: 0;
    font-size: 21px;
    color: rgb(var(--color-secondary));
    border: none;
}

.news .footer span.news-list-date {
    margin-bottom: 8px;
}

.news .footer span.news-list-category {
    display: inline;
}

.news .footer span.news-list-category span,
.news .footer span.news-list-category a,
.news .news-related span.news-list-category span,
.news .news-related span.news-list-category a {
    margin: 0 8px 8px 0;
    padding: 10px 20px 8px;
    color: #fff;
    border-radius: 40px;
    border-bottom: 3px solid rgb(var(--color-secondary));
    background-color: rgb(var(--color-secondary));
    display: inline-block;
    font-size: 21px;
}

.news .footer span.news-list-category a {
    text-decoration: none;
}

.news .footer span.news-list-category a:hover {
    border-color: rgb(var(--color-primary));
}

.news .footer span.news-list-category .cat-item.aktuelles,
.news .footer span.news-list-category .cat-item.presse,
.news .footer span.news-list-category .cat-item.news,
.news .footer span.news-list-category .cat-item.blog,
.news .news-related span.news-list-category .cat-item.aktuelles,
.news .news-related span.news-list-category .cat-item.presse,
.news .news-related span.news-list-category .cat-item.news,
.news .news-related span.news-list-category .cat-item.blog {
    display: none;
}

.news-single .article .news-img-wrap {
    float: left;
    width: 50%;
    margin: 0 18px 24px 0;
    background: none;
}

.news-single .article .news-img-wrap a {
    float: none;
    padding: 0;
    border: none;
    background: none;
}

.news-single .article .news-img-caption {
    font-size: 21px;
    color: rgb(var(--color-secondary));
    margin: 4px 0 0;
}

.news-single .news-text-wrap {
    margin-bottom: 72px;
}

.news-single .news-related-wrap {
    display: block;
    width: auto;
    margin: 0;
}

.news-single .news-related-wrap .news-related {
    display: block;
    width: auto;
    margin: 0 0 76px;
    padding: 0;
    border: none;
}

.news-single .news-related-wrap .news-related .related-article {
    margin: 0 0 76px;
    font-size: 24px;
}

.news-single .news-related-wrap .news-related .title {
    margin: 0 0 15px;
    font: 24px/1.26471 var(--font-2);
    color: rgb(var(--color-secondary));
}

.news-single .news-related-wrap .news-related .title .headline {
    display: inline;
    border-bottom: 3px solid rgb(var(--color-primary));
}

.news-single .news-related-wrap .news-related .title .headline span {
    font-size: 42px;
}

.news-single .news-related-wrap .news-related .news-related-news-date {
    display: inline-block;
    margin: 0 15px 10px 0;
    font-size: 21px;
    color: rgb(var(--color-secondary));
}

/***** Aktuelles-Detailseite - End *****/

/***** Blog-Detailseite - Start *****/
.news-single .article .blog .headline-outer .title.blog {
    padding-bottom: 140px;
}

.news-single .article .blog .news-img-wrap {
    float: none;
    width: auto;
    margin: -150px 0 40px;
}

.news-single .article .blog .footer {
    margin: 0 0 14px;
}

.news-single .article .blog .author {
    display: flex;
    margin: 0 0 42px;
}

.news-single .article .blog .author .image {
    flex: 0 0 124px;
    margin: 0 30px 0 0;
}

.news-single .article .blog .author .text {
    font-size: 24px;
    line-height: 1.41666;
    color: rgb(var(--color-secondary));
}

.news-single .article .blog .author .title-author {
    margin: 0 0 12px;
    font: 28px/1.2 var(--font-2);
}

.news-single .article .blog .author .title-author .headline {
    display: inline;
    border-bottom: 3px solid rgb(var(--color-primary));
}

.news-single .article .blog .author .title-author .headline span {
    font-size: 32px;
}

/***** Blog-Detailseite - End *****/

/***** Materialdatenbank- Suche - Start *****/
.materialdb-search {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin: 0 0 46px;
}

.materialdb-search .inner {
    background-color: rgb(var(--color-table-bg-tr-primary));
    flex: 0 0 calc(100% - 140px);
    padding: 72px 75px 85px 75px;
    border-radius: 0 80px 0 0;
}

.materialdb-search .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 148px;
    margin: 0 0 48px;
    background-color: rgba(var(--color-secondary-light), .78);
    flex: 0 0 140px;
}

.materialdb-search .icon::before {
    content: '';
    width: 84px;
    height: 84px;
    background: url("../Images/bg-icon-lens-2.svg") no-repeat;
    background-size: 84px auto;
    opacity: .5;
}

.materialdb-search .title {
    margin: 0 36px 22px 0;
    border-bottom: 3px solid rgb(var(--color-secondary-light));
}

.materialdb-search .headline {
    margin: 0 0 -4px;
    font: 400 34px/1.3125 var(--font-2);
    color: rgb(var(--color-secondary));
}

.materialdb-search .inputs {
    display: flex;
    justify-content: space-between;
}

.materialdb-search .inputs input[type="text"] {
    flex: 0 0 calc(100% - 156px);
    border: 0;
}

.materialdb-search .inputs input[type="submit"] {
    padding: 0 20px 0 56px;
    font: 700 24px/1 var(--font-1);
    color: #fff;
    border: none;
    background: rgb(var(--color-secondary-light)) url("../Images/bg-icon-lens-2.svg") no-repeat 11px 10px;
    background-size: 34px auto;
}

/***** Materialdatenbank- Suche - End *****/

/***** Materialdatenbank- Filter - Start *****/
.materialdb-header {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 22px;
    padding: 0 0 10px;
    font-size: 24px;
    border-bottom: 3px solid rgb(var(--color-secondary-light));
}

.materialdb-header .hits {
    font: 400 34px/1.23529 var(--font-2);
    color: rgb(var(--color-secondary));
}

.materialdb-header .filter-tab {
    display: flex;
    padding: 8px 70px 12px 10px;
    color: #fff;
    background-color: rgb(var(--color-secondary-light));
    cursor: pointer;

    transition: all var(--transition-t1) ease-in-out;
}

.materialdb-header .filter-tab:hover,
.materialdb-header .filter-tab.active {
    background-color: rgb(var(--color-secondary));
}

.materialdb-header .filter-tab::before {
    content: '';
    margin: 0 10px 0 0;
    width: 34px;
    height: 32px;
    background: url("../Images/bg-icon-filter.svg") no-repeat;
    background-size: 34px auto;
}

.materialdb-header .filter-tab::after {
    content: '';
    position: absolute;
    top: 21px;
    right: 19px;
    width: 19px;
    height: 10px;
    background: url("../Images/bg-arrow2-up-white.svg") no-repeat;
    background-size: 19px auto;
    transform: rotate(180deg);
    transition: all var(--transition-t2) ease-out;
}

.materialdb-header .filter-tab.active::after {
    transform: rotate(0);
}

.materialdb-header .filter-tab .label {
    display: inline-block;
    margin: 0 12px 0 0;
    font-weight: 700;
    border-bottom: 2px solid #fff;
}

.materialdb-header .filter-tab .status {
    display: inline-block;
    color: #fff;
    padding: 3px 14px;
    background: rgb(var(--color-notice));
    margin: 0 0 0 12px;
}

.materialdb-header .filter-content {
    position: absolute;
    top: 52px;
    left: 0;
    right: 0;
    padding: 46px 86px 30px 66px;
    color: #fff;
    background-color: rgb(var(--color-secondary-light));
    cursor: auto;
    z-index: 10;

    opacity: 0;
    transition: all var(--transition-t2) ease-in-out;
    pointer-events: none;
}

.materialdb-header .filter-tab.active .filter-content {
    opacity: 1;
    background-color: rgb(var(--color-secondary));
    pointer-events: auto;
}

.materialdb-header .filter-content .divider {
    margin: 0 0 22px;
    border-top: 2px dotted #fff;
}

.materialdb-header .input .theme-icon {
    display: flex;
    align-items: center;
    width: 72px;
    height: 58px;
    margin: -6px 0 -6px 14px;
}

.materialdb-header .input .theme-icon.education::before {
    content: '';
    width: 47px;
    height: 47px;
    background: url("../Images/bg-icon-material-education.svg") no-repeat;
    background-size: 47px auto;
}

.materialdb-header .input .theme-icon.campaign::before {
    content: '';
    width: 47px;
    height: 57px;
    background: url("../Images/bg-icon-material-campaign.svg") no-repeat;
    background-size: 47px auto;
}

.materialdb-header .input .theme-icon.movie::before {
    content: '';
    width: 41px;
    height: 41px;
    background: url("../Images/bg-icon-material-movie.svg") no-repeat;
    background-size: 41px auto;
}

.materialdb-header .input .theme-icon.literature::before {
    content: '';
    width: 55px;
    height: 55px;
    background: url("../Images/bg-icon-material-literature.svg") no-repeat;
    background-size: 55px auto;
}

.materialdb-header .input .theme-icon.order,
.materialdb-header .input .theme-icon.download {
    width: auto;
    margin: 0 15px 0 10px;
}

.materialdb-header .input .theme-icon.order::before {
    content: '';
    width: 33px;
    height: 30px;
    background: url("../Images/bg-icon-material-order.svg") no-repeat;
    background-size: 33px auto;
}

.materialdb-header .input .theme-icon.download::before {
    content: '';
    width: 28px;
    height: 26px;
    background: url("../Images/bg-icon-material-download.svg") no-repeat;
    background-size: 28px auto;
}

.materialdb-header .filter-content .form-group.topics label.select {
    margin-top: 10px;
}

.materialdb-header .filter-content .form-group.topics div.select {
    margin-top: 10px;
}

.materialdb-header .filter-content label.select {
    margin: -2px 0 0;
}

.materialdb-header .filter-content div.select {
    margin: -2px 0 32px 40px;
}

.materialdb-header .filter-content .form-group .input {
    margin: 0 40px 22px 0;
}

.materialdb-header .filter-content .form-group .input.checkbox {
    width: 406px;
    max-width: 100%;
}

.materialdb-header .filter-content .form-group.mediatypes {
    position: relative;
}

.materialdb-header .filter-content .form-group.target-group {
    position: absolute;
    top: -2px;
    right: 1px;
}

.materialdb-header .filter-content .target-group label.select {
    margin: 0 20px 0 0;
    padding: 0;
}

.materialdb-header .filter-content .target-group div.select {
    margin: 0;
}

.materialdb-header .reset-form {
    position: relative;
    margin: 10px 0 24px;
    padding: 0 0 0 46px;
    cursor: pointer;
}

.materialdb-header .reset-form::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 34px;
    height: 32px;
    background: url("../Images/bg-icon-filter-remove.svg") no-repeat;
    background-size: 34px auto;
}

.materialdb-header .reset-form span {
    border-bottom: 2px solid #fff;

    transition: all var(--transition-t1);
}

.materialdb-header .reset-form:hover span {
    border-bottom-color: transparent;
}

/***** Materialdatenbank- Filter - End *****/

/***** Materialdatenbank- Liste - Start *****/
.materialdb-list {
    margin: 0 0 76px;
}

.materialdb-list .item {
    position: relative;
    display: flex;
    align-items: flex-start;
    margin: 0 0 8px;
}

.materialdb-list .item .item-content {
    display: flex;
    width: 100%;
    margin: 0 -75px 0 0;
    padding: 28px 194px 30px 30px;
    background-color: rgb(var(--color-table-bg-tr-primary));
}

.materialdb-list .item .item-content .image {
    flex: 0 0 153px;
    margin: 0 28px 0 0;
}

.materialdb-list .item .item-content .image.video {
    width: auto;
    height: auto;
    padding: 0;
}

.materialdb-list .item .item-content .image.placeholder {
    height: 153px;
    background-color: rgb(var(--color-secondary-light));
}

.materialdb-list .item .item-content .image.placeholder::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
}

.materialdb-list .item.literature .item-content .image.placeholder::before {
    background: url("../Images/bg-icon-material-literature.svg") no-repeat center;
    background-size: 118px auto;
}

.materialdb-list .item.campaign .item-content .image.placeholder::before {
    background: url("../Images/bg-icon-material-campaign.svg") no-repeat center;
    background-size: 100px auto;
}

.materialdb-list .item.education .item-content .image.placeholder::before {
    background: url("../Images/bg-icon-material-education.svg") no-repeat center;
    background-size: 108px auto;
}

.materialdb-list .item.movie .item-content .image.placeholder::before {
    background: url("../Images/bg-icon-material-movie.svg") no-repeat center;
    background-size: 104px auto;
}

.materialdb-list .item .item-content .text {
    width: 100%;
    font-size: 24px;
}

.materialdb-list .item .item-content .title {
    position: relative;
    padding: 0 0 18px;
    margin: 0 0 14px;
}

.materialdb-list .item .item-content .title::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 65px;
    border-bottom: 3px solid rgb(var(--color-secondary-light));
}

.materialdb-list .item .item-content .title .headline {
    font: 28px/1.21428 var(--font-2);
    color: rgb(var(--color-secondary));
}

dl.publishing-details dd {
    float: none;
    font-weight: 700;
}

.materialdb-list .item .item-actions {
    flex: 0 0 214px;
    padding: 20px 20px 30px 36px;
    font-size: 24px;
    color: #fff;
    background-color: rgb(var(--color-secondary-light));
    border-radius: 0 0 0 60px;
}

.materialdb-list .item .item-actions li {
    margin: 0 0 20px;
    padding: 0;
}

.materialdb-list .item .item-actions li::before {
    display: none;
}

.materialdb-list .item .item-actions li a {
    position: relative;
    margin: 0 0 0 40px;
    font-weight: 700;
    text-decoration: none;
    border-bottom: 2px solid #fff;
    cursor: pointer;

    transition: all var(--transition-t1);
}

.materialdb-list .item .item-actions li a:hover {
    border-bottom-color: transparent;
}

.materialdb-list .item .item-actions li a.details:before {
    content: '';
    position: absolute;
    top: 5px;
    left: -40px;
    width: 40px;
    height: 28px;
    background: url("../Images/bg-icon-material-details.svg") no-repeat;
    background-size: 28px auto;
}

.materialdb-list .item .item-actions li a.download:before {
    content: '';
    position: absolute;
    top: 5px;
    left: -40px;
    width: 40px;
    height: 28px;
    background: url("../Images/bg-icon-material-download.svg") no-repeat;
    background-size: 28px auto;
}

.materialdb-list .item .item-actions li a.order:before {
    content: '';
    position: absolute;
    top: 2px;
    left: -40px;
    width: 40px;
    height: 30px;
    background: url("../Images/bg-icon-material-order.svg") no-repeat;
    background-size: 33px auto;
}

.materialdb-list .item .badge {
    position: absolute;
    top: 0;
    right: 234px;
    padding: 15px 12px 15px;
    color: #fff;
    font: 400 28px/1.21429 var(--font-2);
    border-radius: 0 0 50% 50%;
    background-color: rgb(var(--color-custom-5));
}

.materialdb-list .no-results {
    text-align: center;
}

.materialdb-list .reset-form {
    position: relative;
    display: inline-block;
    padding: 7px 15px 10px 60px;
    color: #fff;
    cursor: pointer;
    background-color: rgb(var(--color-secondary));
}

.materialdb-list .reset-form::before {
    content: '';
    position: absolute;
    top: 9px;
    left: 15px;
    width: 34px;
    height: 32px;
    background: url("../Images/bg-icon-filter-remove.svg") no-repeat;
    background-size: 34px auto;
}

.materialdb-list .reset-form span {
    border-bottom: 2px solid #fff;

    transition: all var(--transition-t1);
}

.materialdb-list .reset-form:hover span {
    border-bottom-color: transparent;
}

.materialdb-list .loading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.25);
    margin: 0;
}

/***** Materialdatenbank- Liste - End *****/

/***** Materialdatenbank- Bestellübersicht - Start *****/
.materialdb-list .item.selected .item-content {
    background-color: rgba(var(--color-secondary), .17);
}

.materialdb-list .item.selected .item-actions {
    background-color: rgb(var(--color-secondary));
}

.materialdb-list .item .item-actions .input-order {
    display: flex;
    justify-content: space-between;
    margin: 0 0 20px;
}

.materialdb-list .item .item-actions .input-order input {
    width: 72px;
    text-align: right;
    border: none;
}

.materialdb-list.order .item .item-actions li {
    margin: 0 0 12px;
}

.materialdb-list.order .form-btn {
    border: none;
    cursor: pointer;
    position: relative;
    display: inline-block;
    margin: 15px 0 0;
    padding: 7px 15px 10px 52px;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    background-color: rgb(var(--color-secondary-light));
}

.materialdb-list.order .form-btn::before {
    content: '';
    position: absolute;
    top: 16px;
    left: 15px;
    width: 28px;
    height: 14px;
    background: url("../Images/bg-arrow-right-white.svg") no-repeat;
    background-size: 28px auto;
}

.materialdb-list.order .form-btn.back::before {
    transform: rotate(180deg);
}

.materialdb-list.order .form-btn span {
    border-bottom: 2px solid #fff;

    transition: all var(--transition-t1);
}

.materialdb-list.order .form-btn:hover span {
    border-bottom-color: transparent;
}

.materialdb-list.order .form-btn.next {
    margin: 32px 0 0;
    background-color: rgb(var(--color-secondary));
}

/***** Materialdatenbank- Bestellübersicht - End *****/

/***** Materialdatenbank- Bestellung Zusammenfassung - Start *****/
.materialdb-orderlist {
    margin: 0 0 35px;
}

.materialdb-orderlist .title {
    margin: 0 0 20px;
    padding: 0 0 14px;
    font: 34px/1.2 var(--font-2);
    color: rgb(var(--color-secondary));
    border-bottom: 3px solid rgb(var(--color-secondary-light));
}

.materialdb-orderlist .list {
    margin: 0 140px 40px 0;
}

.materialdb-orderlist .list .item {
    margin: 0 0 8px;
    padding: 30px;
    background-color: rgb(var(--color-table-bg-tr-primary));
}

.materialdb-orderlist .list .item .headline {
    position: relative;
    margin: 0 0 14px;
    padding: 0 0 14px;
    font: 28px/1.21429 var(--font-2);
    color: rgb(var(--color-secondary));
}

.materialdb-orderlist .list .item .headline::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 65px;
    border-bottom: 3px solid rgb(var(--color-secondary-light));
}

.materialdb-orderlist .list .item .number {
    font-size: 24px;
}

.materialdb-orderlist .list .item .number span {
    font-weight: 700;
}

.materialdb-orderlist .to-order a,
.materialdb-orderlist .to-order button {
    border: none;
    cursor: pointer;
    position: relative;
    display: inline-block;
    padding: 7px 14px 10px 52px;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    background-color: rgb(var(--color-secondary-light));
}

.materialdb-orderlist .to-order a::before,
.materialdb-orderlist .to-order button::before {
    content: '';
    position: absolute;
    top: 9px;
    left: 12px;
    width: 33px;
    height: 30px;
    background: url("../Images/bg-icon-material-order.svg") no-repeat;
    background-size: 33px auto;
}

.materialdb-orderlist .to-order a span,
.materialdb-orderlist .to-order button span {
    border-bottom: 2px solid #fff;

    transition: all var(--transition-t1);
}

.materialdb-orderlist .to-order a:hover span,
.materialdb-orderlist .to-order button:hover span {
    border-bottom-color: transparent;
}

/***** Materialdatenbank- Bestellung Zusammenfassung - End *****/

/***** Materialdatenbank- Bestellformular - Start *****/
.materialdb-form {

}

.materialdb-form .msg-error {
    margin-right: 140px;
}

.materialdb-form .form {
    position: relative;
    margin: 0 140px 30px 0;
    padding: 70px 75px 40px;
    font-size: 24px;
    border-radius: 0 80px 0 0;
    background-color: rgb(var(--color-table-bg-tr-primary));
}

.materialdb-form .form > .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 138px;
    right: -140px;
    width: 140px;
    height: 148px;
    background-color: rgba(var(--color-secondary-light), .78);
}

.materialdb-form .form > .icon::before {
    content: '';
    width: 101px;
    height: 76px;
    margin: -20px 0 0;
    background: url("../Images/bg-icon-pen.svg") no-repeat;
    background-size: 101px auto;
}

.materialdb-form .form .title {
    position: relative;
    margin: 0 0 26px;
}

.materialdb-form .form .title::before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    border-bottom: 3px solid rgb(var(--color-secondary-light));
}

.materialdb-form .form .title .headline {
    font: 34px/1.23529 var(--font-2);
    color: rgb(var(--color-secondary));
}

.materialdb-form .form .form-group {
    margin: 0 0 20px;
}

.materialdb-form .form .form-group.subtitle {
    margin-bottom: 14px;
}

.materialdb-form .form .form-group label {
    flex: 0 0 196px;
}

.materialdb-form .form .form-group.vertical label {
    flex: 1 1 auto;
    margin: 10px 0 10px;
}

.materialdb-form .form .form-group .input.text {
    /*display: block;*/
    flex: 1 1 auto;
    margin: 0;
}

.materialdb-form .form .form-group .input.checkbox {
    margin: 0 0 10px;
}

.materialdb-form .form .form-group .input.text.space {
    justify-content: space-between;
}

.materialdb-form .form .form-group.textarea {
    margin-bottom: 24px;
}

.materialdb-form .form .form-group input[type="text"],
.materialdb-form .form .form-group textarea {
    width: 100%;
    border: none;
}

.materialdb-form .form .form-group textarea {
    height: 156px;
    min-height: 156px;
    max-height: 312px;
    resize: vertical;
}

.materialdb-form .form .form-group .input.checkbox label {
    flex: 0 0 auto;
    align-items: flex-start;
    max-width: 100%;
}

.materialdb-form .form .form-group .input.checkbox label .icon {
    flex: 0 0 30px;
    margin: 2px 20px 0 0;
}

.materialdb-form .form .form-group .input.checkbox label span {
    flex: 1 1 auto;
}

.materialdb-form .form .form-group .input.checkbox label span a {
    font-weight: 700;
    color: rgb(var(--color-secondary));
}

.materialdb-form .form .form-group .input.checkbox label span a::before {
    content: '';
    display: inline-block;
    width: 17px;
    height: 15px;
    margin: 0 3px 0 0;
    background: url("../Images/bg-arrow-right-blue-short.svg") no-repeat;
    background-size: 17px auto;
}

.materialdb-form .form .subtitle .headline {
    font-weight: 700;
}

.materialdb-form .form .form-group input[type="text"].number,
.materialdb-form .form .form-group input[type="text"].plz {
    width: 100px;
}

.materialdb-form .form .form-group input[type="text"].street,
.materialdb-form .form .form-group input[type="text"].city {
    width: calc(100% - 112px);
}

.materialdb-form .form input[type="submit"] {
    margin: 15px 0 0;
    padding: 8px 20px 10px 60px;
    font: 700 24px/1.2 var(--font-1);
    color: #fff;
    border: none;
    background: rgb(var(--color-secondary)) url("../Images/bg-icon-material-order.svg") no-repeat 12px 9px;
    background-size: 33px auto;
}

/***** Materialdatenbank- Bestellformular - End *****/

/***** Page-Browser - Start *****/
.pagebrowser {
    display: flex;
    justify-content: center;
    margin: 0 0 76px;
    padding: 10px 0 0;
    border-top: 3px solid rgb(var(--color-secondary-light));
}

.pagebrowser-top .pagebrowser {
    margin: 0 0 30px;
    padding: 0;
    border-top: none;
}

.pagebrowser .inner {
    display: flex;
    align-items: flex-start;
}

.pagebrowser .pages {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 4px 14px 0;
}

.content .pagebrowser ul li {
    padding: 0;
    margin: 0;
}

.content .pagebrowser ul li::before {
    display: none;
}

.pagebrowser ul li a,
.pagebrowser ul li span.page-link
{
    display: block;
    padding: 2px 11px 7px;
    text-decoration: none;

    transition: all var(--transition-t1);
}

.pagebrowser ul li.active a {
    color: #fff;
    background-color: rgb(var(--color-secondary-light));
}

.pagebrowser ul li a:hover {
    color: #fff;
    background-color: rgb(var(--color-secondary));
}

.pagebrowser .first-page,
.pagebrowser .previous-page,
.pagebrowser .next-page,
.pagebrowser .last-page {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    margin: 14px 6px 0;
}

.pagebrowser .first-page::before {
    content: '';
    width: 0;
    height: 0;
    border-right: 11px solid rgb(var(--color-secondary-light));
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;

    transition: all var(--transition-t1);
}

.pagebrowser .first-page::after {
    content: '';
    width: 0;
    height: 0;
    margin: 0 0 0 3px;
    border-right: 11px solid rgb(var(--color-secondary-light));
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;

    transition: all var(--transition-t1);
}

.pagebrowser .previous-page::before {
    content: '';
    width: 0;
    height: 0;
    border-right: 11px solid rgb(var(--color-secondary-light));
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;

    transition: all var(--transition-t1);
}

.pagebrowser .next-page::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 11px solid rgb(var(--color-secondary-light));
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;

    transition: all var(--transition-t1);
}

.pagebrowser .last-page::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 11px solid rgb(var(--color-secondary-light));
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;

    transition: all var(--transition-t1);
}

.pagebrowser .last-page::after {
    content: '';
    width: 0;
    height: 0;
    margin: 0 0 0 3px;
    border-left: 11px solid rgb(var(--color-secondary-light));
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;

    transition: all var(--transition-t1);
}

.pagebrowser .first-page:hover::before,
.pagebrowser .first-page:hover::after {
    border-right-color: rgb(var(--color-secondary));
}

.pagebrowser .previous-page:hover::before {
    border-right-color: rgb(var(--color-secondary));
}

.pagebrowser .next-page:hover::before {
    border-left-color: rgb(var(--color-secondary));
}

.pagebrowser .last-page:hover::before,
.pagebrowser .last-page:hover::after {
    border-left-color: rgb(var(--color-secondary));
}

/***** Page-Browser - End *****/

/***** Fehlermeldung - Start *****/
.msg-error {
    position: relative;
    margin: 0 0 36px;
    padding: 15px 30px 15px 48px;
    font-size: 24px;
    color: rgb(var(--color-error-1));
    border: 1px solid rgb(var(--color-error-3));
    background-color: rgb(var(--color-error-2));
    border-radius: 0.25rem;
}

.msg-error::before {
    content: '!';
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 15px;
    left: 10px;
    width: 26px;
    height: 26px;
    font-size: 24px;
    color: #fff;
    background-color: rgb(var(--color-error-1));
    border-radius: 50%;
}

.msg-error p {
    margin: 0;
}

.content .msg-error li {
    margin: 0;
    padding: 0;
}

.content .msg-error li::before {
    display: none;
}

/***** Fehlermeldung - End *****/

/***** Materialdatenbank- Layer - Start *****/
.materialdb-layer {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    padding: 100px 0;
    background-color: rgba(var(--color-secondary), .5);
    overflow-y: scroll;
    z-index: 100;

    transition: all var(--transition-t2) ease-in-out;
    opacity: 0;
    pointer-events: none;
}

.materialdb-layer.active {
    opacity: 1;
    pointer-events: auto;
}

.materialdb-layer .row {
    height: 100%;
}

.materialdb-layer .layer-outer-content {
    display: flex;
    align-items: center;
    height: 100%;
}

.materialdb-layer .layer-content {
    display: flex;
    position: relative;
    margin: 0 0 100px;
    padding: 108px 90px 30px 30px;
    background-color: rgb(var(--color-table-bg-tr-primary));

    transition: all var(--transition-t2);
    transform: scale(.25);
}

.materialdb-layer.active .layer-content {
    transform: scale(1);
}

.materialdb-layer .layer-content .close {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    padding: 12px 32px 26px 58px;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    background-color: rgb(var(--color-secondary-light));
    border-radius: 0 0 0 40px;
}

.materialdb-layer .layer-content .close::before {
    content: '';
    position: absolute;
    top: 22px;
    left: 30px;
    width: 16px;
    height: 16px;
    background: url("../Images/bg-close.svg") no-repeat;
    background-size: 16px auto;
}

.materialdb-layer .layer-content .close span {
    border-bottom: 2px solid #fff;

    transition: all var(--transition-t1);
}

.materialdb-layer .layer-content .close:hover span {
    border-bottom-color: transparent;
}

.materialdb-layer .layer-content .image {
    flex: 0 0 233px;
    margin: 0 40px 0 0;
}

.materialdb-layer .layer-content .text {
    font-size: 24px;
}

.materialdb-layer .layer-content .title {
    position: relative;
    margin: 0 0 30px;
}

.materialdb-layer .layer-content .title .headline {
    font: 400 34px/1.23529 var(--font-2);
    color: rgb(var(--color-secondary));
}

.materialdb-layer .layer-content .text .video {
    margin: 0 0 30px;
}
.materialdb-layer .layer-content .text .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.materialdb-layer .layer-content .layer-actions {
    display: flex;
    justify-content: flex-end;
    margin: 50px -90px -80px 0;
}

.materialdb-layer .layer-content .layer-actions .links {
    padding: 20px 35px 30px 76px;
    font-weight: 700;
    background-color: rgb(var(--color-secondary-light));
    border-radius: 0 0 0 60px;
}

.materialdb-layer .layer-content .layer-actions .links li {
    margin: 0 0 18px;
    padding: 0;
}

.materialdb-layer .layer-content .layer-actions .links li::before {
    display: none;
}

.materialdb-layer .layer-content .layer-actions .links li a {
    position: relative;
    color: #fff;
    text-decoration: none;
    border-bottom: 2px solid #fff;
    cursor: pointer;

    transition: all var(--transition-t1);
}

.materialdb-layer .layer-content .layer-actions .links li a:hover {
    border-bottom-color: transparent;
}

.materialdb-layer .layer-content .layer-actions .links li a.download:before {
    content: '';
    position: absolute;
    top: 5px;
    left: -40px;
    width: 40px;
    height: 28px;
    background: url("../Images/bg-icon-material-download.svg") no-repeat;
    background-size: 28px auto;
}

.materialdb-layer .layer-content .layer-actions .links li a.order:before {
    content: '';
    position: absolute;
    top: 2px;
    left: -40px;
    width: 40px;
    height: 30px;
    background: url("../Images/bg-icon-material-order.svg") no-repeat;
    background-size: 33px auto;
}

.loading-layer {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    padding: 100px 0;
    background-color: rgba(var(--color-secondary), .5);
    overflow-y: scroll;
    z-index: 50;
    transition: all var(--transition-t2) ease-in-out;
}

.loading-layer .loading {
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
}

.loading-layer .loading .lds-default div {
    background-color: rgb(var(--color-table-bg-tr-primary));
}

/***** Materialdatenbank- Layer - End *****/

/***** Ansprechpartner - Start *****/
.tx-ttaddress {
    margin: 0 0 76px;
}

.vcard {
    display: flex;
    align-items: center;
    margin: 0 0 40px;
    padding: 34px 28px;
    border-radius: 0 0 80px 0;
}

.vcard.person {
    position: relative;
    color: #fff;
    background-color: rgba(191, 80, 84, 1);
}

.vcard.person::before {
    content: '';
    position: absolute;
    top: 70px;
    right: -160px;
    width: 160px;
    height: 148px;
    background: rgba(var(--color-custom-5), .56) url("../Images/bg-icon-speech-bubble.svg") no-repeat center;
    background-size: 94px auto;
}

.vcard .details {
    font-size: 24px;
    line-height: 1.41667;
}

.vcard .details a {
    text-decoration: none;
}

.vcard .details .email {
    margin: 20px 0 0;
}

.vcard .details a.email {
    position: relative;
    padding: 0 0 0 50px;
    font-weight: 700;
}

.vcard .details a.email::before {
    content: '';
    position: absolute;
    top: 6px;
    left: 2px;
    width: 33px;
    height: 22px;
    background: url("../Images/bg-icon-mail.svg") no-repeat;
    background-size: 33px auto;
}

.vcard .details a.email span {
    border-bottom: 2px solid #fff;

    transition: all var(--transition-t1);
}

.vcard .details a.email:hover span {
    border-bottom-color: transparent;
}

.vcard.person .title {
    margin: 0 0 12px;
    font: 24px/1.2 var(--font-2);
}

.vcard.person .title .headline {
    display: inline;
    border-bottom: 3px solid #fff;
}

.vcard.person .title .headline span {
    font-size: 42px;
}

.vcard .image {
    flex: 0 0 250px;
    margin: 0 30px 0 0;
    border-radius: 50%;
    overflow: hidden;
}

.vcard .image img {
    width: 100%;
}

/***** Ansprechpartner - End *****/

/***** Suchbox - Start *****/
.content .tx-kesearch-pi1 {
    font-family: var(--font-1);
}

.content .tx-kesearch-pi1 .searchbox {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: -120px 0 90px;
    font-size: 24px;
}

.searchbox .inner {
    flex: 0 0 calc(100% - 140px);
}

.searchbox .inner .form-fields {
    padding: 72px 75px 56px 75px;
    border-radius: 0 80px 0 0;
    background-color: rgb(var(--color-table-bg-tr-primary));
}

.searchbox .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 148px;
    margin: 140px 0 0;
    background-color: rgba(var(--color-secondary-light), .78);
    flex: 0 0 140px;
}

.searchbox .icon::before {
    content: '';
    width: 84px;
    height: 84px;
    background: url("../Images/bg-icon-lens-2.svg") no-repeat;
    background-size: 84px auto;
    opacity: .5;
}

.searchbox .title {
    margin: 0 0 22px 0;
    border-bottom: 3px solid rgb(var(--color-secondary-light));
}

.searchbox .headline {
    margin: 0 0 -4px;
    font: 400 34px/1.3125 var(--font-2);
    color: rgb(var(--color-secondary));
}

.searchbox .inputs {

}

.searchbox .inputs input[type="text"] {
    width: 100%;
    margin: 0 0 32px;
    border: 0;
}

.searchbox .inputs input[type="submit"] {
    height: 48px;
    padding: 0 20px 0 56px;
    font: 700 24px/1 var(--font-1);
    color: #fff;
    border: none;
    background: rgb(var(--color-secondary-light)) url("../Images/bg-icon-lens-2.svg") no-repeat 11px 10px;
    background-size: 34px auto;
}

.searchbox .inner .message {
    padding: 0 75px 26px 75px;
    background-color: rgb(var(--color-table-bg-tr-primary));
}

.searchbox .inner .info-materialdb {
    margin: 0 0 0 104px;
    padding: 30px 75px 46px 75px;
    color: #fff;
    border-radius: 0 0 0 80px;
    background-color: rgb(var(--color-table-bg-th-1));
}

.searchbox .inner .info-materialdb a.link-arrow-right {
    margin: 6px 0 0;
    font-weight: 700;
    text-decoration: none;
}

.searchbox .inner .info-materialdb a.link-arrow-right span {
    border-bottom: 2px solid #fff;

    transition: all var(--transition-t1);
}

.searchbox .inner .info-materialdb a.link-arrow-right:hover span {
    border-bottom-color: transparent;
}

.searchbox .inner .info-materialdb a.link-arrow-right::before {
    background-image: url("../Images/bg-arrow-right-white.svg");
}

/***** Suchbox - End *****/

/***** Suchergebnisse - Start *****/
.search-results {

}

.search-results-num {
    margin: 0 0 40px;
    font: 34px/1.23529 var(--font-2);
    color: rgb(var(--color-secondary));
    text-align: center;
}

.search-results .hit {
    color: rgb(var(--color-primary));
}

.search-results .result-list-item {
    margin: 0 0 42px;
}

.search-results .result-title {
    font-size: 30px;
    font-weight: 700;
    color: rgb(var(--color-secondary));
    margin: 0 0 2px;
}

.search-pagebrowser .result-txt {
    font: 32px/1.2 var(--font-2);
    color: rgb(var(--color-secondary));
    text-align: center;
}

.search-pagebrowser.bottom .result-txt {
    display: none;
}

.search-pagebrowser.top .pagebrowser {
    margin: 0 0 40px;
}

.pagebrowser ul {
    display: flex;
    margin: 4px 14px 0;
}

.pagebrowser ul li a.prev,
.pagebrowser ul li a.next {
    /*display: flex;
    justify-content: center;
    align-items: center;*/
    position: relative;
    display: block;
    width: 30px;
    margin: 0 6px;
    text-indent: -9999em;
}

.pagebrowser ul li a.prev:hover,
.pagebrowser ul li a.next:hover {
    background-color: transparent;
}

.pagebrowser ul li a.next::before {
    content: '';
    position: absolute;
    left: 10px;
    top: 10px;
    width: 0;
    height: 0;
    border-left: 11px solid rgb(var(--color-secondary-light));
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    transition: all var(--transition-t1);
}

.pagebrowser ul li a.prev::before {
    content: '';
    position: absolute;
    left: 10px;
    top: 10px;
    width: 0;
    height: 0;
    border-right: 11px solid rgb(var(--color-secondary-light));
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    transition: all var(--transition-t1);
}

.pagebrowser ul li a.next:hover::before {
    border-left-color: rgb(var(--color-secondary));
}

.pagebrowser ul li a.prev:hover::before {
    border-right-color: rgb(var(--color-secondary));
}

.pagebrowser ul li.active span.page-link {
    color: #fff;
    background-color: rgb(var(--color-secondary-light));
}

/***** Suchergebnisse - End *****/

/***** Powermail - Start *****/
.rm-form {
    position: relative;
    margin: 0 140px 76px 0;
    padding: 72px 90px 10px 75px;
    font-size: 24px;
    line-height: 1.41666;
    border-radius: 0 80px 0 0;
    background-color: rgb(var(--color-table-bg-tr-primary));
}

.rm-form::before {
    content: '';
    position: absolute;
    top: 140px;
    right: -140px;
    width: 140px;
    height: 148px;
    background: rgba(var(--color-secondary-light), .78) url("../Images/bg-icon-pen.svg") no-repeat center calc(50% - 10px);
    background-size: 100px auto;
}

.rm-form fieldset {
    margin: 0 0 32px;
    padding: 0 0 12px;
    border-bottom: 3px solid #fff;
}

.rm-form fieldset:last-of-type {
    border: none;
}

fieldset legend {
    padding: 0;
    font: 700 30px/1.2 var(--font-1);
}

fieldset:first-of-type legend {
    display: block;
    width: 100%;
    margin: 0 0 26px;
    padding: 0;
    font: 34px/1.1 var(--font-2);
    color: rgb(var(--color-secondary));
}

fieldset:first-of-type legend .page-title {
    border-bottom: 3px solid rgb(var(--color-secondary-light));
}

.powermail_fieldwrap {
    display: flex;
    margin: 0 0 20px;
}

label.powermail_label {
    flex: 0 0 206px;
    align-items: flex-start;
    padding: 8px 0 0;
}

.powermail_field {
    width: calc(100%);
}

.powermail_field input[type="text"],
.powermail_field input[type="tel"],
.powermail_field input[type="password"],
.powermail_field input[type="email"] {
    width: 100%;
    color: inherit;
    font-size: 24px;
    border: none;
}

.powermail_field.radio-fields {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.powermail_field.radio-fields .radio {
    margin: 0 0 22px;
}

.powermail_field .checkbox input,
.powermail_field .radio input {
    display: none;
}

.powermail_field .checkbox label,
.powermail_field .radio label {
    align-items: flex-start;
}

.powermail_field .checkbox .icon,
.powermail_field .radio .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    margin: 2px 20px 0 0;
    background-color: #fff;
}

.powermail_field .radio .icon {
    margin: 2px 10px 0 0;
    border-radius: 50%;
}

.powermail_field .checkbox input + label .icon::before {
    content: '';
    transform: rotate(-45deg);
    width: 20px;
    height: 10px;
    margin: -4px 0 0;
    border: 3px solid rgb(var(--color-secondary-light));
    border-top-style: none;
    border-right-style: none;
    opacity: 0;

    transition: all var(--transition-t1);
}

.powermail_field .checkbox input:checked + label .icon::before {
    opacity: 1;
}

.powermail_field .radio input + label .icon::before {
    content: '';
    width: 14px;
    height: 14px;
    /*margin: -4px 0 0;*/
    border-radius: 50%;
    background-color: rgb(var(--color-secondary-light));
    opacity: 0;

    transition: all var(--transition-t1);
}

.powermail_field .radio input:checked + label .icon::before {
    opacity: 1;
}

.powermail_field a {
    font-weight: 700;
    color: rgb(var(--color-secondary));
}

.powermail_field a::before {
    content: '';
    display: inline-block;
    width: 17px;
    height: 15px;
    margin: 0 3px 0 0;
    background: url("../Images/bg-arrow-right-blue-short.svg") no-repeat;
    background-size: 17px auto;
}

.btn-group {
    display: flex;
    justify-content: space-between;
    margin: 0 0 20px;
}

.rm-form input[type="submit"] {
    display: inline-block;
    margin: 14px 0 0;
    padding: 7px 15px 10px 52px;
    font: 24px/1.2 var(--font-1);
    color: #fff;
    font-weight: 700;
    border: none;
    background: rgb(var(--color-secondary-light)) url("../Images/bg-arrow-right-white.svg") no-repeat 15px 15px;
    background-size: 28px auto;
}

.rm-form input[type="submit"].do-submit {
    background-color: rgb(var(--color-secondary));
}

.rm-form input[type="submit"].go-back {
    background-image: url("../Images/bg-arrow-left-white.svg");
}

ul.parsley-errors-list {
    margin: 0;
    padding: 0;
    font-size: 20px;
    color: rgb(var(--color-primary));
}

.content ul.parsley-errors-list li {
    margin: 0;
    padding: 0;
}

ul.parsley-errors-list li::before {
    display: none;
}

.powermail_field input[type="text"].parsley-error,
.powermail_field input[type="tel"].parsley-error,
.powermail_field input[type="password"].parsley-error,
.powermail_field input[type="email"].parsley-error {
    background-color: rgba(var(--color-primary), .2);
}

.checkbox.parsley-error {
    padding: 10px;
    border: 1px solid rgb(var(--color-primary));
}

.powermail_field .checkbox.parsley-error .icon,
.powermail_field .radio.parsley-error .icon {
    background-color: rgba(var(--color-primary), .2);
}

.rm-form.confirmation .title {
    font: 34px/1.23529 var(--font-2);
    color: rgb(var(--color-secondary));
}

.rm-form.confirmation .title .headline {
    border-bottom: 3px solid rgb(var(--color-secondary-light));
}

.rm-form.confirmation .table-responsive {
    margin: 0 0 20px;
    border-collapse: separate;
    border-spacing: 0 20px;
}

.rm-form.confirmation .table-responsive tr {
    background-color: rgba(255, 255, 255, .53);
}

.rm-form.confirmation .table-responsive tr td {
    padding: 10px;
    vertical-align: top;
}

.rm-form.confirmation .table-responsive tr td strong {
    font-weight: 400;
}

.rm-form.confirmation .table-responsive tr td:nth-of-type(2) {
    font-style: italic;
}

.powermail_field_error + ul {
    color: rgb(var(--color-error-1));
}

.powermail_field_error {
    background-color: rgb(var(--color-error-2));
    color: rgb(var(--color-error-1));
}

.checkbox.powermail_field_error {
    background: none;
}

.powermail_field_error + ul li {
    padding: 0;
}

.powermail_field_error + ul li::before {
    display: none;
}

.checkbox.powermail_field_error + div.powermail_field_error_container {
    background: none;
}

.checkbox.powermail_field_error + div.powermail_field_error_container ul li::before {
    display: none;
}

.checkbox.powermail_field_error + div.powermail_field_error_container ul li {
    padding-left: 50px;
}

.checkbox.powermail_field_error label span {
    background-color: rgb(var(--color-error-2));
    color: rgb(var(--color-font));
}
/***** Powermail - End *****/

/***** Powermail / Spenden - Start *****/
.powermail_fieldwrap_lastschrift label.powermail_label,
.powermail_fieldwrap_datenschutz label.powermail_label {
    display: none;
}

.powermail_fieldwrap_betrag label.powermail_label {
    padding: 0;
}

/***** Powermail / Spenden - End *****/

/***** Newsletter Anmeldeformular - Start *****/
.newsletter-subscription .form {
    position: relative;
    margin: 0 140px 30px 0;
    padding: 70px 75px 40px;
    font-size: 24px;
    border-radius: 0 80px 0 0;
    background-color: rgb(var(--color-table-bg-tr-primary));
}

.newsletter-subscription .form > .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 138px;
    right: -140px;
    width: 140px;
    height: 148px;
    background-color: rgba(var(--color-secondary-light), .78);
}

.newsletter-subscription .form > .icon::before {
    content: '';
    width: 101px;
    height: 76px;
    margin: -20px 0 0;
    background: url("../Images/bg-icon-pen.svg") no-repeat;
    background-size: 101px auto;
}

.newsletter-subscription .form .title {
    position: relative;
    margin: 0 0 26px;
}

.newsletter-subscription .form .title::before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    border-bottom: 3px solid rgb(var(--color-secondary-light));
}

.newsletter-subscription .form .title .headline {
    font: 34px/1.23529 var(--font-2);
    color: rgb(var(--color-secondary));
}

.newsletter-subscription .form .form-group {
    margin: 0 0 20px;
}

.newsletter-subscription .form .form-group label {
    flex: 0 0 196px;
}

.newsletter-subscription .form .form-row.form-group label {
    display: inherit;
}

.newsletter-subscription .form .form-group .input.checkbox label {
    flex: 0 0 auto;
    align-items: flex-start;
    align-items: flex-start;
    max-width: 100%;
}

.newsletter-subscription .form .form-group input[type="text"],
.newsletter-subscription .form .form-group textarea {
    width: 100%;
    border: none;
}

.newsletter-subscription .form .form-group .input.text {
    flex: 1 1 auto;
    margin: 0;
}

.newsletter-subscription .form-btn {
    border: none;
    cursor: pointer;
    position: relative;
    display: inline-block;
    margin: 15px 0 0;
    padding: 7px 15px 10px 52px;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    background-color: rgb(var(--color-secondary-light));
}

.newsletter-subscription .form-btn::before {
    content: '';
    position: absolute;
    top: 16px;
    left: 15px;
    width: 28px;
    height: 14px;
    background: url("../Images/bg-arrow-right-white.svg") no-repeat;
    background-size: 28px auto;
}

.newsletter-subscription .form-btn span {
    border-bottom: 2px solid #fff;

    transition: all var(--transition-t1);
}

.newsletter-subscription .form-btn:hover span {
    border-bottom-color: transparent;
}

.newsletter-subscription .form .form-group.footer-actions {
    margin: 76px 0 0;
}

.newsletter-subscription .footer-actions a.link-arrow-right {
    text-decoration: none;
}

.newsletter-subscription .footer-actions a.link-arrow-right span {
    border-bottom: 2px solid rgb(var(--color-secondary-light));

    transition: var(--transition-t1);
}

.newsletter-subscription .footer-actions a.link-arrow-right:hover span {
    border-bottom-color: transparent;
}

/***** Newsletter Anmeldeformular - End *****/

/***** Schritte - Start *****/
.step-tabs {
    display: flex;
    justify-content: space-between;
    margin: 0 0 76px;
}
.step-tabs .tab {
    flex: 1 0 auto;
    margin: 0 10px;
    padding: 15px;
    text-align: center;
    background-color: rgb(var(--color-table-bg-tr-primary));
}
.step-tabs .tab:first-of-type {
    margin-left: 0;
}
.step-tabs .tab:last-of-type {
    margin-right: 0;
}
.step-tabs .tab.active {
    color: #fff;
    background-color: rgba(var(--color-secondary-light), .78);
}
.step-tabs .tab .title {
    margin: 0 0 4px;
}
.step-tabs .tab .title::before {
    display: none;
}
.step-tabs .tab .description {
    font-size: 20px;
}
/***** Schritte - End *****/

/***** Organisation-Form - Start *****/
.organisation-form .form {
    position: relative;
    margin: 0 140px 30px 0;
    padding: 70px 75px 40px;
    font-size: 24px;
    border-radius: 0 80px 0 0;
    background-color: rgb(var(--color-table-bg-tr-primary));
}
.organisation-form .form > .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 138px;
    right: -140px;
    width: 140px;
    height: 148px;
    background-color: rgba(var(--color-secondary-light), .78);
}
.organisation-form .form > .icon::before {
    content: '';
    width: 101px;
    height: 76px;
    margin: -20px 0 0;
    background: url("../Images/bg-icon-pen.svg") no-repeat;
    background-size: 101px auto;
}
.organisation-form .form .title {
    position: relative;
    margin: 0 0 26px;
}
.organisation-form .form .title::before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    border-bottom: 3px solid rgb(var(--color-secondary-light));
}
.organisation-form .form .title .headline {
    font: 34px/1.23529 var(--font-2);
    color: rgb(var(--color-secondary));
}

.organisation-form .form .form-group {
    margin: 0 0 20px;
}
.organisation-form .form .form-group.form-head {
    display: block;
    margin: 40px 0 32px;
    padding: 0 0 6px;
    color: rgb(var(--color-secondary));
    border-bottom: 3px dotted rgb(var(--color-secondary-light));
}
.materialdb-form .form .form-group.textarea {
    margin-bottom: 24px;
}
.organisation-form .form .form-group.upload {
    flex-wrap: nowrap;
    align-items: flex-start;
}

.organisation-form .form .form-group label {
    flex: 0 0 196px;
}
.organisation-form .form .form-row.form-group label {
    display: inherit;
}
.organisation-form .form .form-group .input.checkbox label {
    flex: 0 0 auto;
    align-items: flex-start;
    align-items: flex-start;
    max-width: 100%;
}
.organisation-form .form .form-group.vertical label {
    flex: 1 1 auto;
    margin: 10px 0 10px;
}

.organisation-form .form .form-group input[type="text"],
.organisation-form .form .form-group textarea {
    width: 100%;
    border: none;
}
.organisation-form .form .form-group textarea {
    resize: vertical;
    min-height: 207px;
    max-height: 600px;
}
.organisation-form .form .form-group .input.text {
    flex: 1 1 auto;
    margin: 0;
}
.organisation-form .form .form-group .input.text.space {
    justify-content: space-between;
}
.organisation-form .form .form-group .input.text input[type="text"].strasse,
.organisation-form .form .form-group .input.text input[type="text"].ort {
    width: calc(100% - 112px);
}
.organisation-form .form .form-group .input.text input[type="text"].hausnr,
.organisation-form .form .form-group .input.text input[type="text"].plz {
    width: 100px;
}
.organisation-form .form .form-group .input.upload input[type="file"] {
    margin: 0 0 12px 0;
    font-size: inherit;
}
.organisation-form .form .form-group .input.upload {
    flex-direction: column;
    padding: 6px 0 0;
}
.organisation-form .form .form-group .msg-error {
    margin-top: 20px;
}
.organisation-form .form .form-group .smalltext {
    font-size: 20px;
}

.organisation-form .form-btn {
    border: none;
    cursor: pointer;
    position: relative;
    display: inline-block;
    margin: 15px 0 0;
    padding: 7px 15px 10px 52px;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    background-color: rgb(var(--color-secondary-light));
}
.organisation-form .form-btn::before {
    content: '';
    position: absolute;
    top: 16px;
    left: 15px;
    width: 28px;
    height: 14px;
    background: url("../Images/bg-arrow-right-white.svg") no-repeat;
    background-size: 28px auto;
}
.organisation-form .form-btn span {
    border-bottom: 2px solid #fff;

    transition: all var(--transition-t1);
}
.organisation-form .form-btn:hover span {
    border-bottom-color: transparent;
}

.confirmation-text .title {
    position: relative;
    margin: 0 0 26px;
}
.confirmation-text .title::before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    border-bottom: 3px solid rgb(var(--color-secondary-light));
}
.confirmation-text .title .headline {
    font: 44px/1.23529 var(--font-2);
    color: rgb(var(--color-secondary));
}
.confirmation-text .confirmation-text-box {
    padding: 30px;
    background-color: rgb(var(--color-table-bg-tr-primary));
    margin: 0 0 20px 0;
}
.confirmation-text .confirmation-text-box p:last-of-type {
    margin: 0;
}
/***** Newsletter Anmeldeformular - End *****/