.user-login-form {
    padding: 100px 20px 20px;
    justify-self: center;
}

.user-login-form .js-form-item {
    display: grid;padding-bottom: 15px;
}

.user-login-form label {
    display: block;
    font-size: 0.8rem;
    padding-bottom: 2px;
}


/*
    CSS für CKEditor und Content
*/

div.ck.ck-editor__top {
    position: sticky;
    top: 0px;
    z-index: 50;
}



.views-element-container,
.wolf-page-content article,
body[class*="cke"]
{
    padding: 20px;
}


.wolf-page-content article p:first-child,
.ck.ck-editor p:first-child,
[class*="cke"] p:first-child
{
  margin-top: 0px;
}



.wolf-page-content article p,
.ck.ck-editor p,
[class*="cke"] p
{
    margin-block-start: 0.5em;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    widows: 3;
}



.wolf-page-content article img,
.ck.ck-editor img,
[class*="cke"] img
{
    max-width: 100%;
    height: auto;
}



.wolf-page-content article hr,
.ck.ck-editor hr,
[class*="cke"] hr
{
    clear: both;
    display: block;
    border: none;
    height: 2px;
    margin: 20px 0px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(../images/lin2.gif);
    box-shadow: 2px 2px 3px black;
}


/*
.wolf-page-content article a,
[class*="cke"] a
{
    text-decoration: none;
    color: var(--color-orange);
    text-shadow: 1px 1px 1px black;
}



.wolf-page-content article a:hover,
[class*="cke"] a:hover
{
    color: black;
    background-color: var(--color-orange);
    text-shadow: none;
}
*/
/*
.wolf-page-content article img.wolf-bb,
.ck.ck-editor img.wolf-bb,
[class*="cke"] img.wolf-bb {
    border: 3px solid black;
}

/*.wolf-page-content article img.wolf-bw {*/
/*
.wolf-page-content article img.wolf-bw,
.ck.ck-editor img.wolf-bw,
[class*="cke"] img.wolf-bw {
    border: 3px solid white;
    box-shadow: 3px 3px 5px black;
}
*/

/*
hr {
    clear: both;
    display: block;
    border: none;
    height: 2px;
    margin: 20px 0px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(../images/lin2.gif);
    box-shadow: 2px 2px 3px black;
}
*/

.wolf-bb-img img {
    outline: 3px solid black;
}

.wolf-bb {
    padding: 7px;
    border: 3px solid black;
}

.wolf-bw-img img {
    border: 3px solid white;
    box-shadow: 3px 3px 5px black;
}

.wolf-bw {
    padding: 7px;
    margin: 8px 0px;
    border: 3px solid white;
    box-shadow: 3px 3px 5px black;
}


.wolf-bw60l {
    float: left;
    width: 60%;
    margin-right: 20px;
    margin-bottom: 20px;
    border: 3px solid white;
    box-shadow: 3px 3px 5px black;
}


.wolf-bw60r {
    float: right;
    width: 60%;
    margin-left: 20px;
    margin-bottom: 20px;
    border: 3px solid white;
    box-shadow: 3px 3px 5px black;
}


.wolf-c2 {
    column-count: 2;
    column-rule-color: black;
    column-rule-width: 1px;
    column-rule-style: dotted;
}


.wolf-c3 {
    column-count: 3;
    column-rule-color: black;
    column-rule-width: 1px;
    column-rule-style: dotted;
}