@media (min-width: 768px) and (max-width:992px){

.container {
    width: 100%;
}

}
@media (min-width: 200px) {
    #quicklinks-right {
        display: none;
    }


    .navbar-top {
        display: none;
        height: 0px;
    }
    .breadcrumb-section {
        display: none;
    }

    .footer-section.footer-section-content {
        display: none;
        height: 0px;
    }
    
}

@media (min-width: 200px) {
    .footer-section-meta {
            display: none;
}

}

 @media (min-width: 576px) {
        #content {
            margin-top: 0px;
        }

    }
@media (min-width: 200px) {
    #quicklinks-right { display: none; }
}


.powermail_form { border: 0px solid #A94442;; }

.is-submitting { border: 1px solid green; }

.powermail_fieldwrap_type_text { 
    
    font-weight: 600;
    width: 100%; border: 0px solid red;

}

.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}




.powermail_fieldwrap .powermail_fieldwrap_type_text .powermail_fieldwrap_spacer {
    display:none;
}


@media (min-width: 576px) and (max-width: 992px) {


    .powermail_fieldwrap.col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .powermail_fieldwrap.col-sm-10 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .powermail_fieldwrap > .col-sm-2 {
        flex: 0 0 100%;
        max-width: 100%;
    }

}





@media (min-width: 992px) {


    /* Abstand Überschriften */

    .col-application .frame.frame-space-before-extra-small {
        margin-top: 0rem;
        padding-top: 0rem;

    }
    .col-application .frame.frame-space-after-extra-small {
        margin-bottom: 0rem;
        padding-bottom: 0rem;

    }

    .col-application .frame.frame-space-before-small {
        margin-top: 0.5rem;
        padding-top: 0.5rem;

    }
    .col-application .frame.frame-space-after-small {
        margin-bottom: 0.5rem;
        padding-bottom: 0.5rem;

    }





    .frame-space-after-extra-small


    .powermail_fieldwrap.layout2 {
        /*border: 1px solid red;*/
    }

    .layout1 > .control-label.col-sm-2 {
        /*border: 1px solid blue;*/
        /*background: rgba(0,0,0,.1);*/
        /*border: 4px solid white;*/
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }

    .layout2 > .control-label.col-sm-2 {
        /*border: 1px solid blue;*/
        /*background: rgba(0,0,0,.1);*/
        /*border: 4px solid white;*/
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }


    /* INPUT */
    .layout1 > .col-sm-10 {
        flex: 0 0 100%;
        max-width: 100%;
        /*border: 1px solid red;*/
    }
    .layout2 > .col-sm-10 {
        flex: 0 0 90%;
        max-width: 90%;
        /*border: 1px solid red;*/
    }
    .layout3 > .col-sm-10 {
        flex: 0 0 95%;
        max-width: 95%;
        /*border: 1px solid red;*/
    }


    /* Einzeilige Eingabe */

    .layout3.col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        border: 0px solid red;
    }


    /* wrong parameter input field */
    .tx-powermail .powermail_fieldset .parsley-error,
    .tx-powermail .powermail_fieldset .powermail_form .parsley-error:focus
    {
        background-color: #ffffff;
        color: #A94442;

    }

    .tx-powermail .powermail_fieldset .parsley-errors-list>li {
        color: #A94442;
        padding: 5px 10px;
        font-size: .875rem;
    }


    /* Datenschutzhinweis kleiner */
    .powermail_fieldwrap_markerdatenschutz .control-label {

    }

    .powermail_fieldwrap_markerdatenschutz .checkbox {
        font-size: .875rem;
    }


    /* Datenschutzhinweis und Sicherheitsabfrage anpassen */
    .powermail_fieldwrap_markerdatenschutz.layout2.col-md-6 {
        /*border: 2px solid red;*/
        width: 55%;
        max-width: 55%;
        flex: 100%;
    }
    .powermail_fieldwrap_markerdatenschutz.layout2 > .col-sm-10 {
        /*border: 1px solid red;*/
        width: 100%;
        max-width: 100%;
        flex: 100%;
    }
    .powermail_fieldwrap_type_captcha.col-md-6 {
        /*border: 2px solid blue;*/
        flex: 40%;
        max-width: 40%;
    }

    /* captcha breitetr */
    .powermail_fieldwrap_type_captcha.layout1 > .col-sm-10 {
        flex: 0 0 100%;
        max-width: 100%;
        /* border: 1px solid red; */
    }
    .powermail_captchaimage { width: 197px;}
}

@media (min-width: 1200px) {

    /* captcha breite anpassen */
    .powermail_captchaimage { width: 240px;}

}


.powermail_confirmation h1 { font-size: 1.75rem; }

.powermail_confirmation {
    font-size: 1rem;
}

.powermail_confirmation > .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,0.05);
}

@media (max-width:768px) {
    .no-display-mobile {
        display: none;
    }
}



/* Formatierung des Formulars */ 
/* ------------------------------------------------------- */

/*
.powermail_fieldwrap_ticket     {  display: none;              }
.powermail_fieldwrap_sharelink  {   display: none;             }
*/




@media (min-width:768px) {

    /* aktive Reiter bzw. Page */
    .tx-powermail .btn.btn-default {
        background-color: #eee !important;
        color: #4c4a48;
        border-color: #fff;
        margin-right: 4px;
    }

    /* aktive Reiter bzw. Page */
    .tx-powermail .btn-primary.btn-default {
        background-color: #4c4a48 !important;
        color: #fff;
        border-color: #fff;
    }


    .tx-powermail .powermail_form {
        border-left: 0px solid #efefef;
        border-top: none;
        background-color: #fff !important;

    }

    .tx-powermail .powermail_form {
        /*font-size: 1rem;*/

    }
    .tx-powermail .powermail_form .control-label {
        font-size: 1.3rem;
        text-transform: uppercase;
        font-weight: 500;
        color: #e7167f;
        max-width: 100%;
    }


    .powermail_fieldset .powermail_legend {
        display: block;
        width: 100%;
        max-width: 100%;
        padding: 5px;
        padding-top: 1.5rem;
        margin-bottom: 1.5rem;
        /* font-size: 1.2rem; */
        line-height: inherit;
        color: inherit;
        white-space: normal;
        font-weight: 500;
        color: #e7167f;
        color:  black;
        /* background: #f4f4f4; */
        border-bottom: 2px solid #e7167f;
        /* border-left: 4px solid #e7167f; */
        padding-top: .5rem;
        font-weight: 400;
    }

    /* buttons weiter zurück */

    .tx-powermail .powermail_tab_navigation .btn.btn-primary.pull-right {
        background-color: #4c4a48 !important;
        color: white;
        border: none;
        min-width: 3rem;
        font-size: .875rem;
    }

    .tx-powermail .powermail_tab_navigation .btn.btn-primary.pull-right::before{
        content: 'weiter';
        color: white;
        margin-right: .5rem;
        font-size: .875rem;
    }
    .tx-powermail 
    .powermail_tab_navigation 
    .btn.btn-primary.pull-right:hover{
        background-color: #6c6a68 !important;
        color: white;
        border: none;
        min-width: 3rem;
        font-size: .875rem;
    }


    /* zurück, angaben fehlend */
    .tx-powermail .powermail_tab_navigation .btn.btn-warning {
        background-color: #4c4a48 !important;
        color: white;
        border: none;
        min-width: 3rem;
        font-size: .875rem;

    }

    .tx-powermail .powermail_tab_navigation .btn.btn-warning::after{
        content: 'zurück';
        color: white;
        margin-left: .5rem;
        font-size: .875rem;
    }

    /* File input schöner */
    .btn-file {
        position: relative;
        overflow: hidden;
    }
    input[type=file].powermail_file  {
        display: block;
        position: relative;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 1;
        outline: none;
        /* color: #509950; */
        border: none;
        /* font-weight: bold; */
        min-width: 3rem;
        font-size: .875rem;
        cursor: inherit;
    }




    /* Fehlende ode falsche Eingabe */
    .tx-powermail .powermail_fieldset .powermail_field_error_container .parsley-errors-list>li {
        padding-left: 10px;
    }


    .tx-powermail li::before {
        content: "";
        font-family: "Arial Black"; 
    }


    /* Rechnenaufgabe Captcha  */

    .powermail_fieldwrap_type_captcha p {
        margin-left: 0rem;
    }


    /* Pflichtfeld nachr rechts */
    .control-label .mandatory {
        margin-left: .3rem;
        color: black;
        font-weight: 600;
    }



    .powermail-legend {
        color: #676767;
        background-color: #f4f4f4;
        border-color: #efefef;
        padding-top: .25rem;
        padding-bottom: .25rem;
        font-size: 1.25rem;
        font-weight: 400;
    }

}


/* Feldnamen über input */

@media (min-width:992px) {

    .powermail_fieldwrap {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        align-content: flex-start;
    }

    .powermail_fieldwrap .control-label.col-sm-2 {
        flex: 0 0 100%;
        /* max-width: 100%; */
        width: 100%;
        /*         border: 1px solid red;*/
        text-align: left;
    }
    .powermail_fieldwrap .col-sm-10 {
        max-width: 100%;
        width: 100%;
    }


    .alert-secondary {
        color: #676767;
        background-color: #f4f4f4;
        border-color: #efefef;
    }

    .col-sm-offset-2 { 

        margin-left: 0px; 
        padding-left: 20px; 

        border: 0px solid red;}

}



/* Finalisieren */

@media any and(min-width: 200px) {


    .powermail_fieldwrap_wettbewerb {

        /*        touch-action: none; 
                pointer-events: none;*/
    }


    #powermail_field_wettbewerb { 
        /*        touch-action: none; 
                pointer-events: none;*/
    }


}

/* Upload Freigabe Share */

@media (min-width:200px) {

    .iframe-nc-share {
        border: 1px dashed red;
        width: 100%;
        height: calc(50vh);

    }


}




/* Menü */

@media (min-width:200px) {

    .col-info .btn-primary {
        /* orange */
        background: #f2b23d;
        color: white;
    }

    .col-info .btn-primary {
        /* Gruen */
        background: #e7167f;
        color: white;
    }
}





/* Menü */

@media (min-width:200px) {


    .col-info .btn {
        min-width: 100%;
        border-color: transparent;
        font-size: 2rem;
        padding-top: 2rem;
        padding-bottom: 2rem;
        align-items:center;
    }


    /* aktiv = orange */
    .col-info .btn-primary {
        /* orange */
        background: #f2b23d;
        color: white;
    }


    
    /* default = green */
    .col-info .btn-default {
        /* Gruen */
        background: #e7167f;
        color: white;
    }
     .col-info .btn-default:hover {
        /* Gruen */
        background: #e7167f;
        color: white;
        
    }
}



img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}


/* FIX Typo3 13 */

.tx-powermail .powermail_fieldwrap+.powermail_fieldwrap {
    margin-block-start: 0rem;
}


.tx-powermail .layout3 .powermail_field {
   
    width: 100%;
}

.tx-powermail .col-md-6 .powermail_field {
     width: 100%;
}

.tx-powermail .powermail_label {
        font-size: 0.75rem;
        text-transform: uppercase;
        font-weight: 500;
        color: #e7167f;
        max-width: 100%;
    }
.tx-powermail .form-control {
    border-radius: .5px;
    border: .5px solid #999;
}