.pe-zweiklick .pe-platzhalter {
box-sizing: border-box;
max-width: 760px;
margin: 0 auto;
padding: 28px 24px;
background: #fff;
border: 1px solid #e3e6ea;
border-radius: 12px;
box-shadow: 0 4px 18px rgba(0, 0, 0, .06);
text-align: center;
font-family: Roboto, sans-serif;
color: #374151;
}
.pe-zweiklick .pe-titel {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
margin: 0 0 10px;
font-family: Poppins, sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 1.3;
color: #111;
}
.pe-zweiklick .pe-g { width: 22px; height: 22px; flex: none; }
.pe-zweiklick .pe-text {
max-width: 620px;
margin: 0 auto 18px;
font-size: 15px;
line-height: 1.6;
}
.pe-zweiklick .pe-text a { color: #006dbc; text-decoration: underline; }
.pe-zweiklick .pe-knopf {
display: inline-block;
margin: 0;
padding: 13px 30px;
border: 2px solid #006ccc;
border-radius: 35px;
background: #006ccc;
color: #fff;
font-family: Roboto, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.2;
cursor: pointer;
transition: background-color .2s, color .2s;
}
.pe-zweiklick .pe-knopf:hover,
.pe-zweiklick .pe-knopf:focus-visible { background: #fff; color: #006ccc; }
.pe-zweiklick .pe-knopf:focus-visible { outline: 2px solid #006dbc; outline-offset: 3px; }
.pe-zweiklick .pe-inhalt:focus { outline: none; }
.pe-zweiklick .pe-inhalt iframe { display: block; max-width: 100%; }
.pe-zweiklick .pe-fehler,
.pe-direkt .pe-fehler {
max-width: 620px;
margin: 0 auto;
padding: 16px 0;
font-family: Roboto, sans-serif;
font-size: 15px;
line-height: 1.6;
color: #374151;
text-align: center;
}
.pe-zweiklick .pe-fehler a,
.pe-direkt .pe-fehler a { color: #006dbc; text-decoration: underline; }
@media (max-width: 767px) {
.pe-zweiklick .pe-platzhalter { padding: 22px 16px; }
.pe-zweiklick .pe-titel { font-size: 18px; }
}