#webinaranmeldung {
max-width: 980px;
margin: 0 auto;
font-family: inherit;
}
#webinaranmeldung .webinar-grid {
display: grid;
grid-template-columns: 1fr;
gap: 18px;
}
#webinaranmeldung .webinar-field label {
display: block;
font-size: 15px;
font-weight: 600;
margin-bottom: 8px;
}
#webinaranmeldung input[type="text"],
#webinaranmeldung input[type="email"],
#webinaranmeldung textarea {
width: 100%;
box-sizing: border-box;
border: 1.5px solid #1c2733;
border-radius: 999px;
padding: 16px 22px;
font-size: 18px;
line-height: 1.4;
background: #fff;
}
#webinaranmeldung textarea {
border-radius: 24px;
min-height: 78px;
max-height: 78px;
resize: none;
overflow-y: auto;
}
#webinaranmeldung input[type="text"]:focus,
#webinaranmeldung input[type="email"]:focus,
#webinaranmeldung textarea:focus {
outline: none;
box-shadow: 0 0 0 2px rgba(61, 158, 188, 0.18);
border-color: #3d9ebc;
}
#webinaranmeldung .webinar-selected-block,
#webinaranmeldung .webinar-next-block {
margin-top: 30px;
}
#webinaranmeldung .webinar-block-title {
font-size: 20px;
font-weight: 700;
margin-bottom: 16px;
}
#webinaranmeldung .webinar-options-grid {
display: grid;
grid-template-columns: 1fr;
gap: 18px;
}
#webinaranmeldung .webinar-card {
display: grid;
grid-template-columns: 28px 1fr;
align-items: start;
gap: 14px;
padding: 22px 24px;
border: 1px solid #d9dee3;
border-radius: 20px;
background: #fff;
box-sizing: border-box;
}
#webinaranmeldung .webinar-card-option {
cursor: pointer;
transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
#webinaranmeldung .webinar-card-option:hover {
border-color: #3d9ebc;
}
#webinaranmeldung .webinar-card-current {
border-color: #3d9ebc;
box-shadow: 0 0 0 2px rgba(61, 158, 188, 0.12);
background: #f7fcfe;
}
#webinaranmeldung .webinar-card-option .wpcf7-form-control-wrap {
display: contents;
}
#webinaranmeldung .webinar-card-option .wpcf7-list-item {
margin: 0;
display: contents;
}
#webinaranmeldung .webinar-card-option .wpcf7-list-item-label {
display: none;
}
#webinaranmeldung .webinar-card-option input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
width: 22px;
min-width: 22px;
height: 22px;
border: 2px solid #222;
border-radius: 50%;
background: #fff;
box-sizing: border-box;
position: relative;
margin: 2px 0 0;
cursor: pointer;
}
#webinaranmeldung .webinar-card-option input[type="checkbox"]:checked {
border-color: #3d9ebc;
}
#webinaranmeldung .webinar-card-option input[type="checkbox"]:checked::after {
content: "";
position: absolute;
inset: 4px;
border-radius: 50%;
background: #3d9ebc;
}
#webinaranmeldung .webinar-card-content {
display: block;
min-width: 0;
}
#webinaranmeldung .webinar-card-date {
display: block;
font-size: 28px;
line-height: 1.2;
font-weight: 700;
color: #000;
margin-bottom: 8px;
}
#webinaranmeldung .webinar-card-subtitle {
display: block;
font-size: 14px;
line-height: 1.45;
color: #444;
margin-bottom: 8px;
}
#webinaranmeldung .webinar-card-title {
display: block;
font-size: 22px;
line-height: 1.25;
font-weight: 700;
color: #000;
}
#webinaranmeldung .webinar-card-option.is-checked {
border-color: #3d9ebc;
box-shadow: 0 0 0 2px rgba(61, 158, 188, 0.12);
background: #f7fcfe;
}
#webinaranmeldung .webinar-selection-error {
margin-top: 12px;
font-size: 14px;
color: #dc3232;
display: none;
}
#webinaranmeldung .webinar-selection-error.is-visible {
display: block;
}
#webinaranmeldung .webinar-privacy {
margin-top: 22px;
font-size: 15px;
line-height: 1.5;
}
#webinaranmeldung .webinar-privacy a {
color: inherit;
text-decoration: underline;
}
#webinaranmeldung .webinar-submit {
margin-top: 24px;
}
#webinaranmeldung input[type="submit"] {
display: block;
width: 100%;
border: 0;
border-radius: 999px;
background: #3d9ebc;
color: #fff;
font-size: 18px;
line-height: 1.2;
font-weight: 700;
padding: 18px 28px;
cursor: pointer;
transition: opacity 0.2s ease, transform 0.2s ease;
}
#webinaranmeldung input[type="submit"]:hover {
opacity: 0.92;
}
#webinaranmeldung input[type="submit"]:active {
transform: translateY(1px);
}
#webinaranmeldung .wpcf7-not-valid-tip {
font-size: 14px;
margin-top: 8px;
}
#webinaranmeldung .wpcf7-response-output {
margin: 20px 0 0;
padding: 12px 16px;
border-radius: 14px;
}
@media (min-width: 768px) {
#webinaranmeldung .webinar-grid {
grid-template-columns: 1fr 1fr;
}
#webinaranmeldung .webinar-field-full {
grid-column: 1 / -1;
}
#webinaranmeldung .webinar-options-grid {
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
#webinaranmeldung .webinar-card-date {
font-size: 22px;
}
#webinaranmeldung .webinar-card-title {
font-size: 18px;
}
}   h1 i {font-weight:normal;}  .grecaptcha-badge {
visibility: hidden !important;
opacity: 0;
pointer-events: none;
}  figure.wp-block-embed {
border: 1px solid #00000052;
box-shadow: 6px 6px 26px 0px rgba(66, 68, 90, 0.35);
}
hr.is-style-default, hr.wp-block-separator {
border-top: 2px solid #3396B2;
width:100%;
border-radius:4px;margin:40px 0px;
} div.wp-block-group.blue-border-basic {
border:1px solid #03a9f4;
width:100%;padding:20px 40px;
border-radius:25px;
background-color:white;
}