/** Button Styles  */

.button {
    display: inline-block;
    height: 3.375rem;
    margin-top: 1.125rem;
    margin-bottom: 1.125rem;
    padding-top: 1.0rem;
    padding-bottom: 0.925rem;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: #000000;
    border: 0px solid #e31f26 !important;
    border-radius: 2px;
    background-color: #ffffff !important;
    font-family: inherit !important;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.125rem;
    font-family: "effra",sans-serif !important;
}

.button:hover, .button:focus {
    text-decoration: none;
    color: #000000;
    border-color: #5fbb46;
    background-color: #5fbb46 !important;
}

.button:focus {
    outline: 2px solid  #49c3f1;
    outline-offset: 2px;
    /* box-shadow: 0 0 0 2px #fff, 0 0 0 4px #49c3f1, 0 0 36px rgba(83, 176, 235, 0.25); */
    box-shadow: none;
}

.button:active {
    background-color: #000000 !important;
}

.button--primary,
.form-actions .button, 
.form-actions .action-link {
    color: #ffffff;
    background-color: #5fbb46 !important;
    
}
        /** 500px */
        @media (max-width: 31.25rem) {
            .button--primary,
            .form-actions .button, 
            .form-actions .action-link {
                width: 100%;
            }
        }

.form-actions .button[data-drupal-selector="edit-cancel"],
.form-actions .button[data-drupal-selector="edit-delete"] {
    background-color: #e31f26 !important;
}
        /** 500px */
        @media (max-width: 31.25rem) {
            .form-actions .button[data-drupal-selector="edit-cancel"],
            .form-actions .button[data-drupal-selector="edit-delete"] {
                margin: auto;
            }            
        }
.button:active,
.form-actions .button[data-drupal-selector="edit-cancel"]:active,
.form-actions .button[data-drupal-selector="edit-delete"]:active {
  text-decoration: none;
  background-color: #000000 !important;
  color: #fff !important;
}

.button.purple {
    background-color: #B81B56 !important;
}

/** Create Account, Save, "Save & Edit-Button" */
.button--primary:hover, 
.button--primary:focus,
.form-actions .button:hover,
.form-actions .button:focus,  
.form-actions .action-link:hover,
.form-actions .action-link:focus  {
    color: #222;
    /* background-color: #5fbb46; */
    /* border-right: 0px solid #222; */
    /* border-bottom: 6px solid #222; */
    /* border-left: 0px solid #222; */
}


/* [data-drupal-selector="edit-save-edit"]::after,
[data-drupal-selector="edit-submit"]::after,
[data-drupal-selector="edit-delete"]::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    content: "";
    transition: opacity 0.2s, transform 0.2s;
    transform: none;
    opacity: 0;
    border-top: solid 6px currentColor;
}
 */

[data-drupal-selector="edit-save-edit"]:focus::after,
[data-drupal-selector="edit-save-edit"]:hover::after,
[data-drupal-selector="edit-submit"]:focus::after,
[data-drupal-selector="edit-submit"]:hover::after,
[data-drupal-selector="edit-delete"]:focus::after,
[data-drupal-selector="edit-delete"]:hover::after {
    transform: none;
    opacity: 0.8;
}


.button--primary,
.text-content a.button--primary {
    background-color:#49c3f1 !important;
    color: #ffffff;
    border-radius: 25px;
    box-shadow: unset;
}

.button--round25 {
    border-radius: 25px !important;
}

.button--primary:hover {
    color: #ffffff;
}
.text-content a.button--primary:hover,
.text-content a.button--primary:focus,
.cke_editable a.button--primary:hover,
.cke_editable a.button--primary:focus {
    text-decoration:none;
    box-shadow: unset;
    color: #ffffff;
    border-color: #5fbb46;
    background-color: #5fbb46 !important;
}
.text-content a.button--primary:active,
.cke_editable a.button--primary:active {
    text-decoration:none;
    background-color: #000000 !important;
}

.button--primary.form-submit {
    border-radius: 2px;
}

.button--primary:hover, 
.button--primary:focus {
    border: unset !important;
}

.button--primary:hover {
    background-color: #5fbb46 !important;
}

.button--primary:focus {
    outline: solid 2px currentColor !important;
    outline-offset: 2px !important;
    background-color: #5fbb46 !important;
}

.button--primary:active {
    background-color: #000000 !important;
}

/** Tranlation German "Save & Edit-Button" */

html:lang(de) .node-submission-quick-node-clone-form [data-drupal-selector="edit-save-edit"],
html:lang(de) .node-submission-form [data-drupal-selector="edit-save-edit"],
html:lang(de) .node-submission-edit-form [data-drupal-selector="edit-save-edit"] {
    width: 370px;
}

        /** 500px */
        @media (max-width: 31.25rem) {
        html:lang(de) .node-submission-quick-node-clone-form [data-drupal-selector="edit-save-edit"], 
        html:lang(de) .node-submission-form [data-drupal-selector="edit-save-edit"], 
        html:lang(de) .node-submission-edit-form [data-drupal-selector="edit-save-edit"] {
        width: 100%;
        height: 5rem;
        margin: 0;
        padding: 0;
        }
    }

html:lang(de) .node-submission-quick-node-clone-form [data-drupal-selector="edit-save-edit"],
html:lang(de) .node-submission-quick-node-clone-form [data-drupal-selector="edit-save-edit"]:hover,
html:lang(de) .node-submission-quick-node-clone-form [data-drupal-selector="edit-save-edit"]:focus,
html:lang(de) .node-submission-form [data-drupal-selector="edit-save-edit"],
html:lang(de) .node-submission-form [data-drupal-selector="edit-save-edit"]:hover,
html:lang(de) .node-submission-form [data-drupal-selector="edit-save-edit"]:focus,
html:lang(de) .node-submission-edit-form [data-drupal-selector="edit-save-edit"],
html:lang(de) .node-submission-edit-form [data-drupal-selector="edit-save-edit"]:hover,
html:lang(de) .node-submission-edit-form [data-drupal-selector="edit-save-edit"]:focus {
    color: transparent !important;
}

html:lang(de) .node-submission-quick-node-clone-form  .form-actions .input-submit:first-child,
html:lang(de) .node-submission-form .form-actions .input-submit:first-child,
html:lang(de) .node-submission-edit-form .form-actions .input-submit:first-child {
    position: relative;
    width: 390px;
    height: 70px;
}
        /** 500px */
        @media (max-width: 31.25rem) {

            .input-submit {
                width: 100%;
            }

            html:lang(de) .node-submission-quick-node-clone-form .form-actions .input-submit:first-child, 
            html:lang(de) .node-submission-form .form-actions .input-submit:first-child, 
            html:lang(de) .node-submission-edit-form .form-actions .input-submit:first-child {
            position: relative;
            width: 390px;
            width: 100%;
            height: 5rem;
            }
        }
  
html:lang(de) .node-submission-quick-node-clone-form .form-actions .input-submit:first-child:after,
html:lang(de) .node-submission-form .form-actions .input-submit:first-child:after,
html:lang(de) .node-submission-edit-form .form-actions .input-submit:first-child:after {
    pointer-events: none;
    position: relative;
    content: "Speichern und Bearbeitung fortsetzen";
    font-size: 1.25rem;
    font-weight: 700;
    color: #fff !important;
    width: auto;
    height: 26px;
    left: 0;
    top: -63px;
    margin: auto;
    background-color: #5fbb46 !important;
    height: 54px;
    display: block;
    text-align: center;
    line-height: 2.5;
    margin-right: 1.1rem;
}

        /** 500px */
        @media (max-width: 31.25rem) {
            html:lang(de) .node-submission-quick-node-clone-form .form-actions .input-submit:first-child:after, 
            html:lang(de) .node-submission-form .form-actions .input-submit:first-child:after, 
            html:lang(de) .node-submission-edit-form .form-actions .input-submit:first-child:after {
                margin-right: 0;
                width: auto;
                display: inline-block;
                line-height: 1.2;
                text-align: left;
                top: -4rem;
                background-color: transparent !important;
                width: 100%;
                max-width: 100%;
                text-align: center;
            }
        }

html:lang(de) .node-submission-quick-node-clone-form .form-actions .input-submit:first-child:hover:after,
html:lang(de) .node-submission-quick-node-clone-form .form-actions .input-submit:first-child:hover:focus,
html:lang(de) .node-submission-form .form-actions .input-submit:first-child:hover:after,
html:lang(de) .node-submission-form .form-actions .input-submit:first-child:hover:focus,
html:lang(de) .node-submission-edit-form .form-actions .input-submit:first-child:hover:after,
html:lang(de) .node-submission-edit-form .form-actions .input-submit:first-child:hover:focus {
    color: #222;
}

html:lang(de) .node-submission-quick-node-clone-form .form-actions .input-submit:hover:first-child:after,
html:lang(de) .node-submission-form .form-actions .input-submit:first-child:hover:after,
html:lang(de) .node-submission-edit-form .form-actions .input-submit:first-child:hover:after { 
    color: #222 !important;
}

html:lang(de) .node-submission-quick-node-clone-form .form-actions .input-submit:active:first-child:after,
html:lang(de) .node-submission-form .form-actions .input-submit:first-child:active:after,
html:lang(de) .node-submission-edit-form .form-actions .input-submit:first-child:active:after { 
    color: #ffffff !important;
}

.js-form-type-managed-file,
.js-form-item-field-video-poster-image-0 {
    background-color: #eee !important;
    padding: 20px;
}
.field--name-field-video-poster-image .form-item-field-video-poster-image-0 {
    background-color: #eee !important;
	color: #000000;
}

.js-form-type-managed-file .input-submit,
.js-form-item-field-video-poster-image-0 .input-submit{
    background-color: transparent !important;
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    display: block;
    max-width: 160px;
}
.js-form-type-managed-file .input-submit .button,
.js-form-item-field-video-poster-image-0 .input-submit .button {
    background-color: #e31f26 !important;
    color: #ffffff;
}
.js-form-type-managed-file .input-submit .button:hover,
.js-form-item-field-video-poster-image-0 .input-submit .button:hover  {
    background-color: #5fbb46 !important;
    color: #ffffff;
}