.dbb-some .zw-titel p { margin: 0;}
.dbb-some .sm-items { width: 100%; }
.dbb-some .sm-items  .text { margin: 36px 0;}
.dbb-some .sm-items .text strong { color:#788b94; }
.dbb-some .sm-image { width:100%; height: 100%; position:relative; font-size: .7em; }
.dbb-some .sm-image img { max-width: 100%; height: auto; }
.dbb-some .sm-image .textbox, .sm-image .imagebox { position:absolute; z-index:2; border:1px dotted #000; font-size: 250%; }
.dbb-some .sm-image .textbox > div { outline: 0 solid transparent; min-height:100%; }
.dbb-some .sm-image .imagebox:not(.fix-element) { display: flex; justify-content: center; align-items: center; cursor: pointer; outline: 0 solid transparent; }
.dbb-some .sm-image .imagebox img{ width: 100%; height: 100%; }
.dbb-some .sm-image .font-file1 { font-family: CecepsHandwriting, Arial, Helvetica, sans-serif; color: var(--cdPink); }
.dbb-some .sm-image .font-file2 { font-family: TheSans-C4s-Regular, Arial, Helvetica, sans-serif; color:#656565; }
.dbb-some .sm-image .font-file3 { font-family: TheSans-C4s-Bold-Italic, Arial, Helvetica, sans-serif; color:#656565; }
.dbb-some .sm-image .font-file4 { font-family: Ck4hand-Regular, Arial, Helvetica, sans-serif; color: var(--cdPink); }
.dbb-some .sm-image picture { position:relative; z-index:1; left:0; top:0; }
.dbb-some .buttons { display: flex; flex-direction: column; gap: 22px;}
.dbb-some .button a { display:block; color: var(--contentBlueDark); border: 1px solid var(--contentBlue); padding: .86em; text-align: center; background-color: #fff; }
.dbb-some .button.passive a { cursor: default; border-color: #b5b5b5; color: #b5b5b5; }
.dbb-some .button:not(.passive) a:hover { background-color: var(--contentBlue); color: #fff; transition: background-color 450ms; }
.dbb-some .button a::before { font-weight: 300; padding-right: 10px; }
.dbb-some .button a.card::before { content: '\f2bb'; }
.dbb-some .button a.back::before { content: '\f15b'; }
.dbb-some .button a.download::before { content: '\f019'; }
.dbb-some .button a.reset::before { content: '\f2ed'; }
.dbb-some .info-icon { position:absolute; padding: 15px;}
.dbb-some .info-icon::before { content: "\f129"; font: 200 1em var(--fontAwesome);width: 1.5em; height: 1.5em; position:absolute; left: -10px; top: -12px; display: flex; justify-content: center; align-items: center; color: var(--cdPink); background-color: #fff; border-radius: 50%;  cursor:pointer; }
.dbb-some .info-icon.required::before { border: 1px solid var(--cdPink); }

/* staatklar "DU" Profilbilder Buttons */
body.du .dbb-some .button a { font-size: 1.04em; letter-spacing: .1em; text-transform: uppercase; color: var(--contentGreen); padding: .98em; border:1px solid var(--contentGreen); }
body.du .dbb-some .button.passive a { cursor: default; border-color: #b5b5b5; color: #b5b5b5; }
body.du .dbb-some .button:not(.passive) a:hover { background-color: var(--contentGreen); }
body.du .dbb-some .modal-content .crop-area { height:65%; }
body.du .jconfirm.jconfirm.jconfirm-light .jconfirm-box>.jconfirm-buttons>button.btn-default { color: var(--contentGreen); border: 1px solid var(--contentGreen); font-size: 1.05em;  }
body.du .jconfirm.jconfirm.jconfirm-light .jconfirm-box>.jconfirm-buttons>button.btn-default:hover { background-color: var(--contentGreen); color: #fff;}
body.du .jconfirm.jconfirm.jconfirm-light.jdownload .jconfirm-bg {background-color: var(--contentGreen); }

/* Modalbox */
.dbb-some .modal { position: fixed; display: none; justify-content: center; align-items: center; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.8); z-index: 3; }
.dbb-some .modal-content { text-align:center; background-color:#fff; color: black;  width:70%; height: max(40vh, 76.5%) ; overflow-y: auto; position: relative;}
.dbb-some .modal-content h2 {margin-top: 10px}
.dbb-some .modal-content .crop-area { height:75%; width:100%; }
.dbb-some .modal-content .button { display: flex; justify-content: center; align-items: center; margin: 1.5em 0; }
.dbb-some .button a.cut { display:inline-block; font-size: 1.2em; }
.dbb-some .button a.cut::before { content: "\f0c4"; }
.dbb-some .modal-content a.close { position:absolute; right:3px; top:3px; ; z-index:4;}
.dbb-some .modal-content a.close::before { font-weight: 200; content: "\f00d"; font-size: 2.3em;  }

/* Bestätigunsabfragen */
.jconfirm .container { width: unset; font-size: .8em; }
.jconfirm.jconfirm.jconfirm-light .jconfirm-box { padding: 2em; width: min(80vw, 578px); border-radius: unset; box-sizing: border-box; }
.jconfirm.jconfirm.jconfirm-light .jconfirm-box>.jconfirm-buttons { display: flex; gap:1em; }
.jconfirm.jconfirm.jconfirm-light .jconfirm-box>.jconfirm-buttons>button.btn-default { color: var(--contentBlueDark); border: 1px solid var(--contentBlue); font-size: .9em; text-align: center; background-color: #fff; font-weight: normal; border-radius: unset; padding: 1em 4em;  }
.jconfirm.jconfirm.jconfirm-light .jconfirm-box>.jconfirm-buttons>button.btn-default:hover { background-color: var(--contentBlue); color: #fff; transition: background-color 450ms; }
.jconfirm.jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c { font-size: unset; line-height: unset; }
.jconfirm.jconfirm.jconfirm-light .jconfirm-box .jconfirm-title {text-indent: -4.9em; margin-left: 4.9em; font-size: 1.4em;}
.jconfirm.jconfirm.jconfirm-light .jconfirm-box .jconfirm-title::before { font: 200 3em var(--fontAwesome); margin-right: .6em; position: relative; top: .7em; }
.jconfirm.jconfirm.jconfirm-light.jdownload .jconfirm-box .jconfirm-title::before { content: '\f019'; }
.jconfirm.jconfirm.jconfirm-light.jreset .jconfirm-box .jconfirm-title::before { content: '\f2ed'; }
.jconfirm.jconfirm.jconfirm-light.jdownload .jconfirm-bg {background-color: var(--contentBlue); opacity:.6;}
.jconfirm.jconfirm.jconfirm-light.jreset .jconfirm-bg {background-color: #a42a2a; opacity:.5;}

@media (min-width:620px) {

    .jconfirm .container { font-size: 1em; }
    .dbb-some .sm-image { width:600px; height: 600px; flex-shrink: 0; font-size: 1em; }

}

@media (min-width:992px) {

    .dbb-some { display:flex; column-gap: 5%; }
    .dbb-some .sm-items  .text { margin-top: 0;}

    /* staatklar "DU" Profilbilder Buttons */
    body.du .dbb-some .sm-image { width:450px; height: 450px; }
}

@media (min-width:1200px) {

    .dbb-some .button a { width:70%; }

    /* staatklar "DU" Profilbilder Buttons */
    body.du .dbb-some .sm-image { width:600px; height: 600px; }
}


@media (min-width:1600px) {
    /* staatklar "DU" Profilbilder Buttons */
    body.du .dbb-some .button a {width: 50%; }
}