.kp-news-widget {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
padding: 0 5% 50px;
margin: 1rem auto 3rem;
background-color: #e3e3e3;
}
.kp-news-widget::before {
content: "";
position: absolute;
z-index: 0;
top: 18px;
width: 0;
height: 0;
border-left: 0vw solid transparent;
border-right: 100vw solid transparent;
border-top: 250px solid white; }
@media screen and (max-width: 700px) {
.kp-news-widget::before {
content: "";
position: absolute;
z-index: 0;
top: 14px;
width: 0;
height: 0;
border-left: 0vw solid transparent;
border-right: 100vw solid transparent;
border-top: 100px solid white; }
}
.kp-news-widget h2 {
position: relative;
z-index: 5;
font-size: 35px;
line-height: 43px;
font-weight: 300;
text-align: center;
margin-bottom: 30px;
}
@media screen and (max-width: 700px) {
.kp-news-widget h2 {
font-size: 19px;
line-height: 20px;
}
}
.kp-news-widget .news-slider-wrap {
max-width: 1400px;
width: 80%;
padding: 0 0 50px;
margin: 0 auto;
}
.kp-news-widget .news-slider-wrap .slick-slide {
margin: 0 60px;
}
.kp-news-widget .news-slider-wrap .slick-slide > div {
height: 100%;
}
.kp-news-widget .news-slider-wrap .slick-list {
margin: 0 -60px;
}
@media screen and (max-width: 1200px) {
.kp-news-widget .news-slider-wrap .slick-slide {
margin: 0 30px;
}
.kp-news-widget .news-slider-wrap .slick-list {
margin: 0 -30px;
}
}
.kp-news-widget .news-archive-lnk {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.kp-news-widget .news-archive-lnk a.btn-yellow {
display: block;
width: fit-content;
padding: 10px 25px;
background-color: #f6dc34;
border-radius: 9px;
font-size: 18px;
line-height: 24px;
font-weight: 300;
cursor: pointer;
}
.kp-news-widget .news-archive-lnk a.btn-yellow:hover {
background-color: #ffdd02;
text-decoration: none;
}
.kp-files-widget {
display: flex;
flex-direction: column;
width: fit-content;
margin-left: auto;
margin-right: auto;
}
.kp-membernews-widget {
max-width: 1440px;
width: 80%;
margin: 2rem auto;
}
.membernews-modal .modal-dialog {
max-width: 800px;
}
.membernews-modal .modal-dialog .modal-body img {
max-width: 100%;
}
.kp-single-persons-widget {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.kp-single-persons-widget .person-box {
width: 25%;
}
@media screen and (max-width: 1000px) {
.kp-single-persons-widget .person-box {
width: 33.333333333%;
}
}
@media screen and (max-width: 700px) {
.kp-single-persons-widget .person-box {
width: 50%;
}
}
@media screen and (max-width: 450px) {
.kp-single-persons-widget .person-box {
width: 100%;
}
}
.kp-persons-widget h2 {
margin-bottom: 1.5rem;
}
.kp-persons-widget .function-box {
margin-bottom: 3rem;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.kp-persons-widget .function-box .person-box {
width: 33.3333333%;
}
@media screen and (max-width: 1000px) {
.kp-persons-widget .function-box .person-box {
width: 50%;
}
}
@media screen and (max-width: 700px) {
.kp-persons-widget .function-box .person-box {
width: 50%;
}
}
@media screen and (max-width: 500px) {
.kp-persons-widget .function-box .person-box {
width: 100%;
}
}
.kp-memberlist-widget a {
display: table;
margin-left: auto;
margin-right: auto;
color: #333333 !important;
}
.kp-memberlist-widget .toggle-collapse {
background-color: transparent;
padding: 0.5rem 0;
border: none;
color: #333333;
font-weight: 300;
}
.kp-memberlist-widget .toggle-collapse:focus {
outline: none;
}
.kp-memberlist-widget .toggle-collapse .weniger {
display: none;
}
.kp-memberlist-widget .toggle-collapse .mehr {
display: inline;
}
.kp-memberlist-widget .toggle-collapse.open .weniger {
display: inline;
}
.kp-memberlist-widget .toggle-collapse.open .mehr {
display: none;
}
.kp-committee-widget {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.kp-committee-widget .committee-teaser {
width: 25%;
padding: 0.5rem;
display: block;
border-bottom: none !important;
color: #333333 !important;
}
.kp-committee-widget .committee-teaser .image {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding-bottom: 65%;
}
.kp-committee-widget .committee-teaser .text {
background-color: #e4e4e4;
padding: 0.25rem;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 1200px) {
.kp-committee-widget .committee-teaser {
width: 33.3333%;
}
}
@media screen and (max-width: 800px) {
.kp-committee-widget .committee-teaser {
width: 50%;
}
}
@media screen and (max-width: 600px) {
.kp-committee-widget .committee-teaser {
width: 100%;
}
}
.kp-untersektionen-widget {
display: flex;
flex-wrap: wrap;
}
.kp-untersektionen-widget .committee-teaser {
width: 25%;
padding: 0.5rem;
display: block;
border-bottom: none !important;
color: #333333 !important;
}
.kp-untersektionen-widget .committee-teaser .image {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding-bottom: 65%;
}
.kp-untersektionen-widget .committee-teaser .text {
background-color: #e4e4e4;
padding: 0.25rem;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 1200px) {
.kp-untersektionen-widget .committee-teaser {
width: 33.3333%;
}
}
@media screen and (max-width: 800px) {
.kp-untersektionen-widget .committee-teaser {
width: 50%;
}
}
@media screen and (max-width: 600px) {
.kp-untersektionen-widget .committee-teaser {
width: 100%;
}
}
.kp-projects-widget {
display: flex;
flex-wrap: wrap;
}
.kp-projects-widget .project-preview {
width: 33.3333333%;
padding: 1rem;
display: block;
color: #333333 !important;
border-bottom: none !important;
cursor: pointer;
}
.kp-projects-widget .project-preview .image {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding-bottom: 60%;
position: relative;
overflow: hidden;
}
.kp-projects-widget .project-preview .image .angle {
border-bottom: 9rem solid rgba(255, 221, 2, 0.6392156863);
border-right: 6rem solid transparent;
position: absolute;
bottom: 0;
left: -6rem;
transition: 0.4s ease all;
}
.kp-projects-widget .project-preview .text {
background-color: #e4e4e4;
padding: 0.25rem;
display: flex;
justify-content: center;
align-items: center;
}
.kp-projects-widget .project-preview:hover .image .angle {
left: 0;
}
@media screen and (max-width: 1100px) {
.kp-projects-widget .project-preview {
width: 50%;
}
}
@media screen and (max-width: 600px) {
.kp-projects-widget .project-preview {
width: 100%;
}
}
.kp-documents-widget .filters-box {
display: flex;
margin-bottom: 1rem;
flex-wrap: wrap;
}
.kp-documents-widget .filters-box .category-filter {
margin-right: 1rem;
display: flex;
}
.kp-documents-widget .filters-box .category-filter label {
margin-right: 0.5rem;
line-height: 2;
}
.kp-documents-widget .filters-box .category-filter select {
border-radius: 5px;
border: 1px solid #d6d6d6;
width: 100%;
padding: 0.3rem;
font-weight: 100;
color: #929392;
background: white;
}
.kp-documents-widget .filters-box .category-filter select:active, .kp-documents-widget .filters-box .category-filter select:focus, .kp-documents-widget .filters-box .category-filter select:focus-within {
outline: none;
border-color: #ffdd02;
box-shadow: none;
}
.kp-documents-widget .filters-box .search-filter {
display: flex;
}
.kp-documents-widget .filters-box .search-filter label {
margin-right: 0.5rem;
line-height: 2;
}
.kp-documents-widget .filters-box .search-filter #search {
border-radius: 5px;
border: 1px solid #d6d6d6;
width: 100%;
padding: 0.3rem;
font-weight: 100;
color: #929392;
}
.kp-documents-widget .filters-box .search-filter #search:active, .kp-documents-widget .filters-box .search-filter #search:focus, .kp-documents-widget .filters-box .search-filter #search:focus-within {
outline: none;
border-color: #ffdd02;
box-shadow: none;
}
@media screen and (max-width: 700px) {
.kp-documents-widget .filters-box {
justify-content: center;
}
.kp-documents-widget .filters-box .category-filter {
margin-bottom: 0.5rem;
}
}
.kp-documents-widget .documents-box {
display: flex;
flex-wrap: wrap;
}
.kp-documents-widget .documents-box .document-item {
display: block;
width: 20%;
padding: 0.5rem;
color: #333333 !important;
border-bottom: none !important;
}
.kp-documents-widget .documents-box .document-item .image {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding-bottom: 110%;
background-color: #e4e4e4;
}
.kp-documents-widget .documents-box .document-item .text {
background-color: #e4e4e4;
padding: 0.5rem;
display: flex;
align-items: center;
justify-content: center;
}
.kp-documents-widget .documents-box .document-item:hover {
transform: scale(1.02);
}
@media screen and (max-width: 850px) {
.kp-documents-widget .documents-box .document-item {
width: 25%;
}
}
@media screen and (max-width: 500px) {
.kp-documents-widget .documents-box .document-item {
width: 33.333333%;
}
}
@media screen and (max-width: 420px) {
.kp-documents-widget .documents-box .document-item {
width: 50%;
}
}
.kp-newsletter-widget .modal-dialog .modal-content .modal-body form {
text-align: left;
margin-top: 1rem;
}
.kp-newsletter-widget .modal-dialog .modal-content .modal-body form input[type=text], .kp-newsletter-widget .modal-dialog .modal-content .modal-body form input[type=email], .kp-newsletter-widget .modal-dialog .modal-content .modal-body form input[type=number] {
border-radius: 5px;
border: 1px solid #d6d6d6;
width: 100%;
padding: 0.3rem;
font-weight: 100;
color: #929392;
}
.kp-newsletter-widget .modal-dialog .modal-content .modal-body form input[type=text]:active, .kp-newsletter-widget .modal-dialog .modal-content .modal-body form input[type=text]:focus, .kp-newsletter-widget .modal-dialog .modal-content .modal-body form input[type=text]:focus-within, .kp-newsletter-widget .modal-dialog .modal-content .modal-body form input[type=email]:active, .kp-newsletter-widget .modal-dialog .modal-content .modal-body form input[type=email]:focus, .kp-newsletter-widget .modal-dialog .modal-content .modal-body form input[type=email]:focus-within, .kp-newsletter-widget .modal-dialog .modal-content .modal-body form input[type=number]:active, .kp-newsletter-widget .modal-dialog .modal-content .modal-body form input[type=number]:focus, .kp-newsletter-widget .modal-dialog .modal-content .modal-body form input[type=number]:focus-within {
outline: none;
border-color: #ffdd02;
box-shadow: none;
}
.kp-newsletter-widget .modal-dialog .modal-content .modal-body form input[type=submit] {
margin-left: auto;
display: block;
}