body{
    font-family: var(--vars-font-family-text,'Arial');
}
img{
    max-width: 100%;
    height: auto;
}
/* default-headers */
h1,h2,h3,h4,h5,h5{
    line-height:var(--vars-header--line-height);
    hyphens: auto;
}
h1,
.h1,
.h1 a,
h1 a{
    font-family: var(--vars-font-family-header,'Arial');
    font-weight: var(--vars-font-weight-header);
    text-transform: var(--vars-text-transform-header);
    line-height:var(--vars-header--line-height);
    letter-spacing: var(--vars-header--letter-spacing);
    font-size: var(--vars-font-size-header,3rem);
    color: var(--vars-color-header,#333);
    margin: var(--vars-headline-margin,0);
}
h2,
.h2,
.h2 a,
h2 a{
    font-family: var(--vars-font-family-header-2,'Arial');
    font-weight: var(--vars-font-weight-header-2);
    text-transform: var(--vars-text-transform-header-2);
    line-height:var(--vars-header-2--line-height);
    letter-spacing: var(--vars-header-2--letter-spacing);
    font-size: var(--vars-font-size-header-2,2.5rem);
    color: var(--vars-color-header,#333);
    margin: var(--vars-headline-margin,0);
}
h3,
.h3,
h3 a,
h3 a{
    font-family: var(--vars-font-family-header-3,'Arial');
    font-weight: var(--vars-font-weight-header-3);
    text-transform: var(--vars-text-transform-header-3);
    line-height:var(--vars-header-3--line-height);
    letter-spacing: var(--vars-header-3--letter-spacing);
    font-size: var(--vars-font-size-header-3,2rem);
    color: var(--vars-color-header-2,#333);
    margin: var(--vars-headline-margin,0);
}
h4,
.h4,
.h4 a,
h4 a{
    font-family: var(--vars-font-family-header-4,'Arial');
    font-weight: var(--vars-font-weight-header-4);
    text-transform: var(--vars-text-transform-header-4);
    line-height:var(--vars-header-4--line-height);
    letter-spacing: var(--vars-header-4--letter-spacing);
    font-size: var(--vars-font-size-header-4,1.8rem);
    color: var(--vars-color-header-2,#333);
    margin: var(--vars-headline-margin,0);
}
h5,
.h5,
.h5 a,
h5 a{
    font-family: var(--vars-font-family-header-5,'Arial');
    font-weight: var(--vars-font-weight-header-5);
    text-transform: var(--vars-text-transform-header-5);
    line-height:var(--vars-header-5--line-height);
    letter-spacing: var(--vars-header-5--letter-spacing);
    font-size: var(--vars-font-size-header-5,1.5rem);
    color: var(--vars-color-header-3,#333);
    margin: var(--vars-headline-margin,0);
}
h6,
.h6,
.h6 a,
h6 a{
    font-family: var(--vars-font-family-header-6,'Arial');
    font-weight: var(--vars-font-weight-header-6);
    text-transform: var(--vars-text-transform-header-6);
    line-height:var(--vars-header-6--line-height);
    letter-spacing: var(--vars-header-6--letter-spacing);
    font-size: var(--vars-font-size-header-6,1.3rem);
    color: var(--vars-color-header-4,#333);
    margin: var(--vars-headline-margin,0);
}
/* header-styles */
.stahl-headline{
    color: var(--vars-color-header,#333);
}
/*.stahl-headline.-size-1{*/
/*    font-size: var(--vars-font-size-header,3rem);*/
/*}*/
/*.stahl-headline.-size-2{*/
/*    font-size: var(--vars-font-size-header-2,2.5rem);*/
/*}*/
/*.stahl-headline.-size-3{*/
/*    font-size: var(--vars-font-size-header-3,2rem);*/
/*}*/
/*.stahl-headline.-size-4{*/
/*    font-size: var(--vars-font-size-header-4,1.8rem);*/
/*}*/
/*.stahl-headline.-size-5{*/
/*    font-size: var(--vars-font-size-header-5,1.5rem);*/
/*}*/
/*.stahl-headline.-size-6{*/
/*    font-size: var(--vars-font-size-header-6,1.3rem);*/
/*}*/
.stahl-headline.--subheadline{
    font-family: var(--vars-font-family-subheader);
    font-size: var(--vars-font-size-subheader,3rem);
}

.stahl-headline-wrapper{
    margin: var(--vars-headline-margin,0 0 3rem 0);
}
/* when header AND subheader are set */
.stahl-headline-wrapper.-combined *:first-child{
    margin-bottom: var(--vars-headline-inbetween-margin);
}
.stahl-headline-wrapper.-combined *:last-child{
    margin-top: var(--vars-headline-inbetween-margin);
}
.stahl-headline-wrapper > * {
    margin-block-end: 0;
}
/* paragraphs */
p{
    font-size: var(--vars-font-size-text);
    color: var(--vars-color-text);
    margin: var(--vars-text-margin);
    line-height: var(--vars-text--line-height);
}
figcaption{
    color: var(--vars-color-text);
}
/* links */
a {
    color: var(--vars-color-link);
    font-family: var(--vars-font-family-text,'Arial');
    line-height: var(--vars-text--line-height);
}
a.link-internal::after{
    content:"";
    margin-left:5px;
    color: var(--vars-color-link);
    border: solid var(--vars-color-link);
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    text-decoration: none;

    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
a:hover{
    color: var(--vars-color-link-hover);
    text-decoration:none;
}
a[class^="rte"]:hover{
    text-decoration:underline;
}
:not(button) a:hover::after{
    opacity: 0.8;
}

.text-center{
    text-align:center;
}
.text-left{
    text-align:left;
}
.text-right{
    text-align:right;
}
.text-justify{
    text-align:justify;
}
/* text-styles */
.text-shy{
    color: var(--vars-color-text-shy);
}
/* margins */
.stahl-margin-bottom-extra-small{
    margin-bottom: var(--vars-margin-extra-small);
}
.stahl-margin-bottom-small{
    margin-bottom: var(--vars-margin-small);
}
.stahl-margin-bottom-medium{
    margin-bottom: var(--vars-margin-medium);
}
/* fluid styled content */
@media (max-width: 768px) {
    .stahl-ce > div{
        display: flex;
        flex-direction: column;
    }
    .stahl-ce > div div.ce-gallery{
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* frames */
.frame-class-default,
.frame-class-ruler-before,
.frame-class-ruler-after,
.frame-class-indent{
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
}


.frame-class-indent{
    padding-left: 4rem;
}
.frame-class-indentMore{
    padding-left: 6rem;
}
.frame-class-frame > [class^="ce-"]{
    padding: 3rem;
    border:solid 4px #eee;
}
.frame-class-frame > [class^="ce-"] .ce-gallery,
.frame-class-frame > [class^="ce-"] .ce-bodytext > *:last-child{
    margin-bottom:0;
}
.frame-class-highlighted > [class^="ce-"]{
    background: #eee;
}
.frame-class-important > [class^="ce-"]{
    background: var(--vars-color-main);
    border:none;
}


[data-bp="stahl-bp-small"] .frame-class-indent,
[data-bp="stahl-bp-medium"] .frame-class-identmore{ padding:0 2rem; }

/* frames width*/
.frame-width-default{
    width: var(--vars-content-width-default,86.875rem);
    max-width:100%;
}
.frame-width-1{
    width: var(--vars-content-width-narrow,60rem);
    max-width:100%;
}
.frame-width-2{
    width: var(--vars-content-width-narrower,40rem);
    max-width:100%;
}
.frame-width-10{
    width: var(--vars-content-width-full,100%);
    max-width:100%;
    padding-left:0;
    padding-right:0;
}
.frame-width-11{
    width: var(--vars-content-width-full,100%);
    max-width:100%;
}
.frame-width-20{
    width: var(--vars-content-width-wider,100%);
    max-width:100%;
}

/* frame margins */
.stahl-frame-margin{
    margin-bottom: var(--vars-margin-bottom,5rem);
    margin-top: var(--vars-margin-top,0);
}

.frame-space-before-none{
    margin-top: var(--vars-margin-top,0);
}
.frame-space-before-extra-small{
    margin-top: var(--vars-margin-extra-small,0);
}
.frame-space-before-small{
    margin-top: var(--vars-margin-small,0);
}
.frame-space-before-medium{
    margin-top: var(--vars-margin-medium,0);
}
.frame-space-before-large{
    margin-top: var(--vars-margin-large,0);
}
.frame-space-before-large{
    margin-top: var(--vars-margin-extra-large,0);
}

.frame-space-after-none{
    margin-bottom: var(--vars-margin-top,0);
}
.frame-space-after-extra-small{
    margin-bottom: var(--vars-margin-extra-small,0);
}
.frame-space-after-small{
    margin-bottom: var(--vars-margin-small,0);
}
.frame-space-after-medium{
    margin-bottom: var(--vars-margin-medium,0);
}
.frame-space-after-large{
    margin-bottom: var(--vars-margin-large,0);
}
.frame-space-after-extra-large{
    margin-bottom: var(--vars-margin-extra-large,0);
}
/* Richtext */
.stahl-richtext li{
    margin: var(--vars-text-margin-small);
}
.stahl-richtext ol li{
    list-style-type: decimal;
}
.stahl-richtext ul li{
    list-style-type: circle;
}