body {
& .top-kandidaten {
max-width: 1400px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
gap: 30px;
justify-content: flex-start;
& .card-top-kandidaten {
width: 30%;
background-color: #efefef;
border-radius: 2px;
overflow: hidden;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
transition: transform 160ms ease, box-shadow 160ms ease;
display: flex;
flex-direction: column;
& .card-image {
width: 100%;
flex-shrink: 0;
aspect-ratio: 3/2;
background: #ddd;
display: block;
overflow: hidden;
& img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
}
& .card-body {
padding: 14px 16px;
display: flex;
flex-direction: column;
flex-grow: 1;
gap: 8px;
height: 100%;
& .card-title {
margin: 0;
font-size: 28px;
}
& p {
padding: 0;
}
& p:last-of-type {
margin-bottom: 10px;
}
& .card-btn {
margin-top: auto;
align-self: start;
padding: 14px 20px;
background: #19bae4;
color: #fff !important;
text-decoration: none;
font-size: inherit;
transition: all 0.3s ease;
&:hover {
background: #003953;
}
}
& ul li::before {
content: none !important;
}
& ul {
list-style: disc;
padding: 0 0 0 20px !important;
li {
padding: 0 0 10px 0 !important;
span {
font-weight: 300 !important;
}
}
}
}
}
}
}
@media (max-width: 1024px) {
body .top-kandidaten .card-top-kandidaten {
width: 47%;
}
}
@media (max-width: 568px) {
body .top-kandidaten {
padding: 12px;
gap: 30px;
& .card-top-kandidaten {
width: 100%;
}
}
} body {
& .main-top-kandidat {
padding: 0 30px;
max-width: 1400px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
gap: 16px;
h2{
margin-bottom:10px;
}
.top-kandidat-detail {
ul,
ul.auflistung-top-kandidat {
list-style-type: disc;
margin-bottom: 40px;
padding-left: 40px;
li{
font-size: inherit;
line-height:inherit;
}
}
h2 {
margin-bottom: 10px;
}
h4{
margin-bottom:10px;
}
}
.profil-anfordern {
max-width:100%;
> p:first-child {
margin-bottom: 40px;
}
}
}
.top-kandidat-kontakt {
margin: 0 auto;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 50px;
@media (max-width: 1024px) {
flex-direction: column;
justify-content: center;
align-items: center;
.ansprechpartner-box {
max-width: 50%;
}
.kontaktformular {
max-width: 100%;
}
}
@media (max-width: 768px) {
.ansprechpartner-box {
max-width: 70%;
}
}
@media (max-width: 500px) {
.ansprechpartner-box {
max-width: 100%;
}
}  
}
.ansprechpartner-box {
max-width: 28%;
background-color: #efefef;
border-radius: 2px;
overflow: hidden;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
transition: transform 160ms ease, box-shadow 160ms ease;
display: flex;
flex-direction: column;
.ansprechpartner-bild {
width: 100%;
aspect-ratio: 3/2;
background: #ddd;
display: block;
overflow: hidden;
& img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
}
.ansprechpartner-info {
padding: 14px 16px;
display: flex;
flex-direction: column;
gap: 8px;
h3 {
margin: 0;
font-size: 28px;
span {
font-family: poppins, sans-serif;
font-size: 17px;
font-weight: 500;
margin-top: -10px;
}
}
a {
color: #19bae4;
text-decoration: none;
transition: all 0.3s ease;
&:hover {
color: #003953;
text-decoration: none;
}
}
& p {
padding: 0;
}
}
}
.kontaktformular {
max-width: 65%;
.contact-head {
display: flex;
justify-content: space-between;
.links,
.rechts {
width: 48%;
p {
padding-bottom: 15px;
}
}
}
}}
.ansprechpartner-box {
max-width: 50%;
margin-bottom: 50px;
} body.page-id-1095 #maincontent{
.wp-block-columns {
padding: 0 30px;
@media (max-width: 768px) {
padding: 0 15px;
}
&.kein-abstand{
margin-bottom: -80px;
@media (max-width: 1024px) {
margin-bottom: -60px;
}
@media (max-width: 768px) {
margin-bottom: -40px;
} 
}
.wp-block-list {
margin-bottom: 40px;
text-align: center;
li {
padding-bottom: 10px;
}
}
h2{
margin-bottom:10px;
}
.ansprechpartner-kontakt {
.wpcf7 {
max-width: 100%;
}
@media (max-width: 1024px) {
flex-direction: column;
justify-content: center;
align-items: center !important;
.ansprechpartner-spalte {
max-width: 50%;
}
.kontaktformular {
max-width: 100%;
}
}
@media (max-width: 768px) {
.ansprechpartner-spalte {
max-width: 70%;
}
}
@media (max-width: 500px) {
.ansprechpartner-spalte {
max-width: 100%;
}
}
}
.ansprechpartner-box {
max-width: 100%;
}
}
} #maincontent {
.wpcf7 {
max-width: 100%;
margin-left: 0;
margin-right: 0;
input[type="text"],
input[type="email"],
input[type="tel"],
select,
textarea {
font-size: inherit;
padding: 15px 10px;
margin-top: 5px;
border-radius: 2px;
border: 2px solid #003953;
box-shadow: none;
max-width: 100%;
&:focus {
border: 2px solid #19bae4;
outline: 0;
}
}
select {
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
background-repeat: no-repeat;
background-position-x: 98%;
background-position-y: 12px;
}
::placeholder,
:-ms-input-placeholder,
::-ms-input-placeholder {
color: #000000;
opacity: 1;
}
label {
font-weight: 500;
margin-bottom: 15px;
&.hasicon {
input {
padding-left: 10px !important;
}
i {
display: none;
}
}
}
input[type="submit"] {
background-color: #19bae4;
text-align: center;
text-decoration: none;
border-radius: 2px;
font-size: inherit;
line-height: inherit;
color: #fff;
font-weight: 400;
background-image: none;
padding: 12px 25px;
border: 0;
cursor: pointer;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
&:hover {
background-image: none;
background-color: #003953;
}
}
p {
padding-bottom: 0;
}
}
} @media (min-width: 1024px){
body .smallheader .main-navigation ul li{
margin-right: 10px !important;
}
}
#menu-item-1099 {
@media (max-width: 1024px) {
margin-bottom: 15px;
}
} body #maincontent .wp-block-columns .brlbs-cmpnt-cb-btn{
color: #ffffff; 
}