/* Grid */
.col-3 , .col-4, .col-6, .col-9, .col-12 { width: 100%;  box-sizing: border-box;}

h3 { margin-bottom: 10px; font-size: 1.5em; color: var(--contentBlue); }
input:focus { outline-color: var(--contentBlue); }
hr { border: 1px solid #a4a8aa; }

.rwform, .rwform .section {display: flex; flex-wrap: wrap; column-gap: 2%;}
.rwform .section { box-sizing: border-box; }
.rwform>div:first-child { display:none; } /* div um type="hidden" für keine Wirkung als Flex-Item */
.rwform span.description{ margin:15px 0 0 0; display: block; font-size:11px; }
.rwform {  color: var(--contentBlue); margin-bottom: 20px; /*overflow: hidden;*/ box-sizing: border-box; }
.rwform .headline { font: 1.4em var(--fontHeadline); color: var(--contentBlue); margin-bottom: .9em;  }
.rwform textarea { width: 100%; height: 150px; padding: 8px; box-sizing: border-box; }
.rwform .error { color: #f10000; }


.form-control { background-color: #f2f2f2; border: none; }
.grecaptcha-badge {display: none;}

.rwform .control-group > * { margin: 0 0 1.9em 0; }
.rwform .control-group label { display: block; font-size: .92em; text-transform: uppercase; margin-bottom: 4px;  }
.rwform .control-group strong { font-weight: bolder; font-style: italic; }


.rwform .input-1, .rwform .input-2, .rwform .select-1, .rwform .conversion-form-1 select, .rwform input[type=text] { width: 100%;padding: 12px 8px;box-sizing: border-box; color: var(--contentBlueLight); }
.rwform .input-2 { padding: 15px; }

.rwform .form-send-1 {width: 28px;height: 28px;border: none;cursor: pointer;}

.rwform .file {margin-top: 10px;}

.rwform .form-horizontal input {margin-left: 0;}

.rwform .controls ul { list-style: none; margin-bottom: 30px; }

/* Absenden */
.rwform .submit-items { display: flex; flex-direction: column; align-items: flex-end; width: 100%; }
.control-group.submit button { border: 1px solid var(--contentBlue); background: none; color: var(--contentBlue); text-transform: uppercase; width: 150px; padding: 14px 0; cursor: pointer; }
.control-group.submit button:hover { background-color: var(--contentBlue); color: #fff;  transition: background-color, 400ms; }

/* Captcha */
.control-group.captcha { display: grid; grid-template-columns: 1fr auto; }
.control-group.captcha input {width: 200px; text-transform: uppercase; background-color: #e9e9e9;  }
.control-group.captcha label.captcha-label {grid-column: 1/-1; margin-bottom: 1em; }
.control-group.captcha img { margin: 0 0 1.4em 2em }
.control-group.captcha .audio { justify-self: flex-end; align-self: center;}
.control-group.captcha .controls { grid-column: 2/3; justify-self: flex-end; margin-left: 0;}
a.play-captcha { width:30px; display:inline-block; padding:0; }
a.play-captcha:before { font: 200 2.4em var(--fontAwesome); content: '\f144'; }
a.play-captcha.play:before { content: '\f6a8'; }



/*
.rwform .controls li {
    float: left;
    margin: 10px 20px 30px 0;
}

.rwform .controls ul.chosen-results{
    margin-bottom: 0;
}

.rwform .controls ul.chosen-results li{
    float:inherit;
    margin: 0;
}

.rwform .control-group.select select {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rwform .control-group.checkbox label, .rwform .control-group.radio label {
    padding-left:0;
    text-align:left;
}

.rwform .control-group.checkbox .controls li, .rwform .control-group.radio .controls li{
    float:inherit;
    display:block;
    line-height:28px;
    margin: 2px 0;
}

.rwform .control-group.checkbox .controls li {
    line-height: normal;
}



.rwform .control-group.date .controls, .rwform .control-group.datetime .controls {
    position:relative;
}

.rwform .control-group.date .controls input, .rwform .control-group.datetime .controls input {
    padding-right:20px;
    position:relative;
    z-index:0;
}

.rwform .control-group.date .controls .delete:before, .rwform .control-group.datetime .controls .delete:before {
    position:absolute;
    right:3px;
    top: 50%;
    transform: translateY(-50%);
    content: 'X';
    padding:5px;
    cursor: pointer;
    z-index:1;
    text-shadow: 1px 1px 2px #ccc;
}

 */

@media (min-width: 768px) {
    /* Grid Abzug column-gap: 2% */
    .col-2 { width: calc(16.66666667% - 1.66666667%); }
    .col-3 { width: calc(25% - 1.5%); }
    .col-4 { width: calc(33.33333% - 1.33333%); }
    .col-6 { width: calc(50% - 1%); }
    .col-8 { width: calc(66.66666667% - .66667%); }
    .col-9 { width: calc(75% - .5%); }
    .col-12 { width: 100%; }

    .rwform .control-group label { font-size: clamp(.77em,1.3vw,.92em); }
}