

.tx-powermail .container-fluid,.tx-powermail .col-md-12{padding:0}
.tx-powermail .powermail_fieldset .powermail_legend{display:none}
 
.tx-powermail .btn-group{display:flex;justify-content:center;border:1px solid #EE7100;margin:15px 0}
.tx-powermail .btn-check:focus+.btn-primary, .btn-primary:focus{background:#EE7100;color:#FFF}

.powermail_fieldwrap.col-md-12 div.col-md-12 {
    padding-left: 30px;
}
.tx-powermail .powermail_fieldwrap_type_input, .tx-powermail .powermail_fieldwrap_type_radio,.tx-powermail .powermail_fieldwrap_type_check,.tx-powermail .powermail_fieldwrap_type_select,.tx-powermail .powermail_fieldwrap_type_html{border:1px solid #f2f2f2;margin-bottom:24px;padding:6px;display:flex;flex-direction:column}
.powermail_fieldwrap_type_textarea{border:1px solid #f2f2f2;margin-bottom:12px;padding:6px;display:flex;flex-direction:column}
.powermail_fieldwrap .control-label{font-family:'Source Sans Pro Semibold'}
.radio label {display:flex}
.radio label input{margin-right:12px}

.tx-powermail .layout2{display:flex;flex-direction:row}
.tx-powermail .layout2 > label.col-md-12{width:60%}
.tx-powermail .layout2 > div.col-md-12{display:flex;flex-direction:row}
.tx-powermail .layout2 .radio{width:15%}
.tx-powermail .layout2 .radio label span{display:none}
.tx-powermail .layout2 .radio label {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-bottom: 0;
}

.powermail_fieldwrap_type_check.layout2{display:flex;flex-direction:column}
.powermail_fieldwrap_type_check.layout2 > div.col-md-12{flex-direction:column}
.powermail_fieldwrap_type_select{display:flex;flex-direction:column}

.tx-powermail,.tx-powermail p{
	hyphenate-limit-chars: auto 4;
   hyphenate-limit-lines: 3;
-webkit-hyphens: auto;
-webkit-hyphenate-limit-chars: auto 4;
-webkit-hyphenate-limit-lines: 3;
-ms-hyphens: auto;
-ms-hyphenate-limit-chars: auto 4;
-ms-hyphenate-limit-lines: 3;
}
.powermail_fieldwrap_f210 .col-md-12{width:100%}
	.f210-col1{width:60%}
	.f210-col2{width:13.33%}
	.f210-col2 p{text-align:center}
	
@media (max-width:575px){

	.f210-col1{width:40%;font-size:80%}
	.f210-col2{width:20%;font-size:12px}
	.powermail_fieldwrap_f211 > label{width:40% !important;font-size:14px}
	.powermail_fieldwrap_f211 > div{width:60%}
	.powermail_fieldwrap_f211 .col-md-12 .radio{width:60% !important}
	.powermail_fieldwrap_f212 > label{width:40% !important;font-size:14px}
	.powermail_fieldwrap_f212 > div{width:60%}
	.powermail_fieldwrap_f212 .col-md-12 .radio{width:60% !important}
	.powermail_fieldwrap_f213 > label{width:40% !important;font-size:14px}
	.powermail_fieldwrap_f213 > div{width:60%}
	.powermail_fieldwrap_f213 .col-md-12 .radio{width:60% !important}
	.powermail_fieldwrap_f214 > label{width:40% !important;font-size:14px}
	.powermail_fieldwrap_f214 .col-md-12 .radio{width:60% !important}
	.powermail_fieldwrap_f214 > div{width:60%}
	.powermail_fieldwrap_f215 > label{width:40% !important;font-size:14px}
	.powermail_fieldwrap_f215 > div{width:60%}
	.powermail_fieldwrap_f215 .col-md-12 .radio{width:60% !important}
	.tx-powermail .btn-group .btn{font-size:80%!important}
}

/* ALLGEMEIN */
.radio label:has(input[type="radio"][value="99"]) {
  margin-top: 30px;
}

.checkbox label:has(input[type="checkbox"][value="99"]) {
  margin-top: 30px;
}

/* Stelle sicher, dass die Navigation ein Flex-Container ist */
.tx-powermail .powermail_fieldset .powermail_tab_navigation {
    display: flex;
    justify-content: space-between; /* verteilt Elemente links/rechts */
    align-items: center;
    margin-top: 1rem;
}

/* Der "Weiter"-Button soll nach rechts */
.tx-powermail .powermail_fieldset .powermail_tab_navigation .btn-primary {
    margin-left: auto;
}

/* Der "Zurück"-Button nach links */
.tx-powermail .powermail_fieldset .powermail_tab_navigation .btn-warning {
    margin-right: auto;
}

/* Abschicken-Button rechts ausrichten */
.tx-powermail input[type="submit"].btn-primary {
  display: block;
  margin-left: auto;   /* schiebt ihn nach rechts */
  margin-right: 0;
  margin-top:30px;
  margin-bottom:30px
}

.tx-powermail .mandatory{color:rgba(var(--bs-danger-rgb));font-familiy:'Source Sans Pro Bold';font-size:24px}