/* oswald-200 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/oswald-v57-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* oswald-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/oswald-v57-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* oswald-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/oswald-v57-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* oswald-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/oswald-v57-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* oswald-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/oswald-v57-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* oswald-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/oswald-v57-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-100 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100;
    src: url('/fonts/inter-v20-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-200 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 200;
    src: url('/fonts/inter-v20-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/inter-v20-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/inter-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    src: url('/fonts/inter-v20-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    src: url('/fonts/inter-v20-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/inter-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    src: url('/fonts/inter-v20-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-900 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 900;
    src: url('/fonts/inter-v20-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


:root{

    --content-width: 960px;
    --content-margin: 15px;

    --background: #F7F5F0;
    --modalcover: rgba(99, 114, 95,0.5);

    --headlinecolor: #111111;
    --headlinefont: "Oswald", Arial, Helvetica, sans-serif;

    --textcolor: #111111;
    --textfont: "Inter", Arial, Helvetica, sans-serif;

    --linkcolor: #7F8F7A;
    --linkcolordisabled: silver;

    --buttoncolor: var(--accentcolor-light);
    --buttontextcolor: white ;

    --grid-spacing: 26px;
    --grid-spacing-vertically: 22px;

    --bordercolor: silver;
    --borderradius: 4px;
    --border: 1px solid var(--bordercolor);

    --input-backgroundcolor: white ;
    --input-color: #666 !important;
    --input-margin: 0.5rem 0;
    --input-padding: 0.5rem;

}


:root{



    --accentcolor-light: #7F8F7A;
    --accentcolor-dark: #63725F;


}


#_nav_mobile_button_wrapper {
    display:block;
}

html {
    background-color: var(--background);
    font-family: "Inter", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size:20px;
}

html {
    background-color: var(--background);
    font-family: var(--textfont);
    font-weight: 200;
    font-size:20px;
    scroll-behavior: smooth;
}

body {
    color: var(--textcolor);


}

#_body-wrapper {
    z-index: 2;
    position: initial;
    min-height: initial;
}


h1 {
    font-family:var(--headlinefont);
    text-transform:uppercase;
    font-size:2rem;
    line-height: 3.5rem;
    margin: 1rem 0 3rem 0;
    font-weight: 400;
    color:var(--headlinecolor);
    position:relative;
}

h1::after{

    content: " ";
    display: block;
    background: #7F8F7A;
    height: 2px;
    width: 50px;

    position: absolute;
    bottom: -2rem;

}

h2 {
    font-family:var(--headlinefont);
    text-transform:uppercase;
    font-size: 1.6rem;
    line-height: normal;
    font-weight: 400;
    margin-top: 1.5rem;
    margin-bottom: 40px;
    color:var(--headlinecolor);
    position:relative;

}

h2::after{

    content: " ";
    display: block;
    background: #7F8F7A;
    height: 2px;
    width: 30px;

    position: absolute;
    bottom: -20px;
}

h3 {
    font-family:var(--headlinefont);
    text-transform:uppercase;
    font-size: 1.3rem;
    line-height: normal;
    font-weight: 400;
    margin-top: 1.5rem;
    margin-bottom: 40px;
    color:var(--headlinecolor);
    position:relative;

}

h3::after{

    content: " ";
    display: block;
    background: #7F8F7A;
    height: 2px;
    width: 30px;

    position: absolute;
    bottom: -20px;
}

a {
    color:var(--linkcolor);
    cursor:pointer;
    text-decoration:underline;
}

a,  a:visited, a:link {
    /*text-decoration: none;*/
    /*color: silver;*/
}

a:hover{

    color: black;
}

p {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5em;
    margin-bottom: 25px;
}


#_top-wrapper{
    position: fixed;
    z-index: 6666;
    top: 0;
    left: 0;
    /*border-bottom: 1px solid silver;*/
    width: 100vw;
    height: 90px;
    background-color: var(--background);
    padding-top: 5px;

}

.top-panel {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: flex-start;
}

.top-item-1 {
    flex: 1 1 30%;
    height: inherit;
    /*border:1px solid blue;*/
}
.top-item-2 {
    flex: 1 1 50%;
    /*border:1px solid red;*/
}

#_bottom-wrapper{
    color:var(--textcolor);
    background-color:#dedede;
    min-height: 70px;
}

#logo{
    position:relative;
    width:60px;
    max-width:80px;
    float:left;
}

#claim-1{
    text-transform:uppercase;
    font-size:1rem;
    font-weight:400;
    line-height:1.5rem;
}
#claim-2{
    /*text-transform:uppercase;*/
    font-weight:400;
    font-size:.7rem;
    color: #5D6653;
}

.claim-wrapper-1 {
    font-family:var(--headlinefont);
    float: left;
    margin-left: 1rem;
}

.claim-wrapper-2 {
    font-family:var(--headlinefont);
    width: max-content;
}


#_content-wrapper{
    margin-top: 115px;
}

.divider{
    height: 0px;
    background-color: var(--background);
    border-bottom: 1px solid var(--accentcolor-light);
}

section {
    margin-bottom: 3rem;
}


section:last-of-type {
    margin-bottom: 0;
}

section:nth-of-type(even) {
    background-color: #F2F2EF;
}

.sectionwrapper-kontakt{
    /*background-color: rgba(0,0,0, .2);*/
}

.sectionwrapper-kontakt .sectioncontent{
    /*mix-blend-mode: hue;*/
}


._content-width {
    border: 1px solid transparent;
}

.quote{
    font-weight: 300;
    font-style: italic;
    margin-bottom: 0;
    margin-top: 2rem;
    background-color: rgba(0, 0, 0, .05);
    padding: 0 25px 10px 25px;
}

.reference{
    font-weight: 200;
    text-align: right;
    font-size: .9rem;
    margin-top: 0px !important;
    background-color: rgba(0, 0, 0, .05);
    padding: 0 25px 25px 25px;
}



/* Großes Anführungszeichen davor */
.quote::before {
    content: "„";
    font-size: 5em;
    line-height: 0.1em;
    margin-right: 0em;
    vertical-align: 0em;
    color: #ccc;
    opacity: 0.5;
}

/* Großes Anführungszeichen danach */
.quote::after {
    content: " “";
    font-size: 5em;
    line-height: 0.1em;
    margin-left: -0.3em;
    vertical-align: -0.6em;
    color: #ccc;
    opacity: 0.5;
}



.situation{
    border-left:2px solid black;
    padding-left:2rem;
}

.ansatz{
    /*border-left:2px solid transparent;*/
    padding: 1rem 2rem;
    background-color: rgba(178,172,136, .25);
    padding-left:2rem;
    font-weight: 400;
}

.ziel{
    padding: 1rem 2rem;
    border-left:2px solid transparent;
    font-weight: 400 !important ;
}
.ziel p{

    font-weight: 400 !important ;
}

#myBtn {
    display: none;
    opacity:1;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #555;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
    transition: all 1s;
}

#myBtn:hover {
    background-color: #eee;
    opacity:0;
}

.subheader {
    color: var(--accentcolor-dark);
    font-weight:500;
}

.card {
    display: flex;
    flex-wrap: wrap;

}

.card > * {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 280px;
}

.media {

    min-height: 380px;
    background-image: url(/media/ganzkoerperaufnahme);
    background-attachment: fixed;
    background-size: contain;
    background-position: bottom;
    background-attachment: local;
    height: 100%;
    background-repeat: no-repeat;
}

.media-kontakt {
    /* background: black; */
    min-height: 380px;
    background-image: url('/media/susanne-beimel-portrait-2');
    background-attachment: fixed;
    background-size: contain;
    background-position: top;
    background-attachment: local;
    height: 100%;
    background-repeat: no-repeat;
}


.row-container {
    margin: 1.5rem 0;
}


/* Der Hauptcontainer für die 3 Spalten */


.row-container.dreispalten {
    display: flex;
    gap: var(--grid-spacing); /* Abstand zwischen den Spalten */
    width: 100%;
    flex-wrap: wrap;
}



/* Die Spalten-Eigenschaften */
.row-container.dreispalten .column{
    /*flex: 1;  Macht alle 3 Spalten exakt gleich breit */
    flex-grow:0;
    flex-shrink: 0;
    display: flex;
    position:relative;
    flex-direction: column; /* Stapelt die inneren Blöcke vertikal */

}




@media (min-width: 716px)  {

    .row-container.dreispalten .column{

        flex-basis: calc(((100% - (2 * var(--grid-spacing)) - 4px) / 3))


    }

    .row-container:not(.nolines).dreispalten .column:not(:nth-child(3))::after {
        content: '';
        position: absolute;
        right: calc(-1 * (var(--grid-spacing) / 2));
        top: 5%;
        width: 1px;
        height: 90%;
        background-color: var(--accentcolor-light);
    }

    .row-container:not(.nolines).dreispalten .column:nth-child(n+4)::before {
        content: '';
        position: absolute;
        top: calc(-1 * (var(--grid-spacing) / 2));
        /* top: 25%; */
        width: 100%;
        height: 1px;
        background-color: var(--accentcolor-light);
    }


}


/*@media (min-width: 561px) and (max-width: 715px) {
    .row-container.dreispalten .column {

        flex-basis: calc(((100% - (2 * var(--content-margin)) - var(--grid-spacing) - 4px) / 2))


    }
    .row-container:not(.nolines).dreispalten .column:not(:nth-child(2))::after {
        content: '';
        position: absolute;
        right: calc(-1 * (var(--grid-spacing) / 2));
         top: 25%;
        width: 1px;
        height: 100%;
        background-color: var(--accentcolor-light);
    }


    .row-container:not(.nolines).dreispalten .column:nth-child(n+3)::before {
        content: '';
        position: absolute;
        top: calc(-1 * (var(--grid-spacing) / 2));
         top: 25%;
        width: 100%;
        height: 1px;
        background-color: var(--accentcolor-light);
    }
}*/


@media (max-width: 715px) {
    .row-container:not(.nolines).dreispalten .column  {

        flex-basis: 100%;


    }

    /*    .row-container.dreispalten .column:not(:nth-child(1)):not(:last-child)::after {
            content: '';
            position: absolute;
            right: calc(-1 * (var(--grid-spacing) / 2));
             top: 25%;
            width: 1px;
            height: 100%;
            background-color: var(--accentcolor-light);
        }*/

    .row-container:not(.nolines).dreispalten .column:nth-child(n+2)::before {
        content: '';
        position: absolute;
        top: calc(-1 * (var(--grid-spacing) / 2));
        /* top: 25%; */
        width: 100%;
        height: 1px;
        background-color: var(--accentcolor-light);
    }



}






/* Der Hauptcontainer für die 2 Spalten */


.row-container.zweispalten {
    display: flex;
    gap: var(--grid-spacing); /* Abstand zwischen den Spalten */
    width: 100%;
    flex-wrap: wrap;
}



/* Die Spalten-Eigenschaften */
.row-container.zweispalten .column{
    /*flex: 1;  Macht alle 3 Spalten exakt gleich breit */
    flex-grow:0;
    flex-shrink: 0;
    display: flex;
    position:relative;
    flex-direction: column; /* Stapelt die inneren Blöcke vertikal */

}



@media (min-width: 800px)  {

    .row-container.zweispalten.bp800 .column{

        flex-basis: calc(((100% - (1 * var(--grid-spacing)) - 0px) / 2))


    }

    .row-container:not(.nolines).zweispalten .column:nth-child(odd)::after {
        content: '';
        position: absolute;
        right: calc(-1 * (var(--grid-spacing) / 2));
        top: 5%;
        width: 1px;
        height: 90%;
        background-color: var(--accentcolor-light);
    }

    .row-container:not(.nolines).zweispalten .column:nth-child(n+3)::before {
        content: '';
        position: absolute;
        top: calc(-1 * (var(--grid-spacing) / 2));
        /* top: 25%; */
        width: 100%;
        height: 1px;
        background-color: var(--accentcolor-light);
    }


}




@media  (max-width: 799px) {
    .row-container.zweispalten.bp800 .column  {

        flex-basis: 100%;


    }

    /*    .row-container.dreispalten .column:not(:nth-child(1)):not(:last-child)::after {
            content: '';
            position: absolute;
            right: calc(-1 * (var(--grid-spacing) / 2));
             top: 25%;
            width: 1px;
            height: 100%;
            background-color: var(--accentcolor-light);
        }*/

    /*    .row-container:not(.nolines).zweispalten .column:nth-child(n+2)::before {
            content: '';
            position: absolute;
            top: calc(-1 * (var(--grid-spacing) / 2));
             top: 25%;
            width: 100%;
            height: 1px;
            background-color: var(--accentcolor-light);
        }*/


    .zweispalten h1{
        margin: 1rem 0 3rem 0;
    }


}





@media (min-width: 660px)  {

    .row-container.zweispalten .column{

        flex-basis: calc(((100% - (1 * var(--grid-spacing)) - 0px) / 2))


    }

    .row-container:not(.nolines).zweispalten .column:nth-child(odd)::after {
        content: '';
        position: absolute;
        right: calc(-1 * (var(--grid-spacing) / 2));
        top: 5%;
        width: 1px;
        height: 90%;
        background-color: var(--accentcolor-light);
    }

    .row-container:not(.nolines).zweispalten .column:nth-child(n+3)::before {
        content: '';
        position: absolute;
        top: calc(-1 * (var(--grid-spacing) / 2));
        /* top: 25%; */
        width: 100%;
        height: 1px;
        background-color: var(--accentcolor-light);
    }


}




@media  (max-width: 659px) {
    .row-container.zweispalten .column  {

        flex-basis: 100%;


    }

    /*    .row-container.dreispalten .column:not(:nth-child(1)):not(:last-child)::after {
            content: '';
            position: absolute;
            right: calc(-1 * (var(--grid-spacing) / 2));
             top: 25%;
            width: 1px;
            height: 100%;
            background-color: var(--accentcolor-light);
        }*/

    /*    .row-container:not(.nolines).zweispalten .column:nth-child(n+2)::before {
            content: '';
            position: absolute;
            top: calc(-1 * (var(--grid-spacing) / 2));
             top: 25%;
            width: 100%;
            height: 1px;
            background-color: var(--accentcolor-light);
        }*/


    .zweispalten h1{
        margin: 1rem 0 3rem 0;
    }


}




/* Allgemeine Formatierung für alle inneren Blöcke */
.block {
    padding: 15px  0;
    margin-bottom: 10px;
    word-wrap: break-word;
    /*    hyphens: auto;
        hyphenate-limit-chars: auto 4;
        hyphenate-limit-lines: 2;*/
    /*border:1px dotted silver;*/
}



/* Der Trick für den untersten Block */
.column .bottom {
    margin-top: auto; /* Schiebt diesen Block automatisch ganz nach unten */
    margin-bottom: 0;  /* Entfernt den unteren Außenabstand beim letzten Element */
    /*font-weight:600;*/
}



#fuehrung-3er .column .bottom p {
    /*text-transform:uppercase;*/
    color: var(--accentcolor-dark);
    font-weight:500 !important;
    min-height: 3rem;
}

.zitatgeber  {
    /*text-transform:uppercase;*/
    color: var(--accentcolor-dark);
    font-weight:200 !important;
    font-style: italic;
    text-align: right;
    font-size:smaller;

}

/*.zweispalten h1{
    margin: 1rem 0 1rem 0;
}*/

.kernaussage{
    font-weight: 300;
    /*    font-family: serif;*/

    color: var(--accentcolor-dark);
    font-size: 1.4rem;
    line-height: normal;
    margin: 1rem 0 1rem 0;
}



#wieicharbeite h2{
    margin-top:0;
    line-height: 0.5rem;
}
#wieicharbeite .fragen{
    font-weight: bold;
}



label {
    display: block;
    clear: both;
    color: var(--accentcolor-light);
    font-weight:400;
    margin-top:1rem;
}

input, textarea, select {
    padding: var(--input-padding);
    font-size: inherit;
    font-weight:300;
    font-family: inherit;
    border: var(--border);
    border-color: var(--bordercolor);
    background-color: var(--input-backgroundcolor);
    color: black;
    border-style: solid;
    border-radius: var(--borderradius);
    margin: .5rem 0;
    width: 100%;
    /*max-width: 400px;*/
    box-sizing: border-box;
}


/* Customize the label (the container) */
.container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    /*font-size: 22px;*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 1rem;
    width: 1rem;
    background-color: white;
    border-radius: var(--borderradius);
    border: var(--border);
    border-color: var(--bordercolor);
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    /*background-color: #ccc;*/
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
    /*background-color: #2196F3;*/
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
    left: 0.3rem;
    top: 0rem;
    width: 0.3rem;
    height: 0.6rem;
    border: solid black;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);

}

input::placeholder, textarea::placeholder {
    font-weight: 200;
    /*font-size:smaller;*/
    opacity: 0.7;
    color: var(--textcolor);
}

button, ._button {
    width: fit-content !important;
    padding: 10px !important;
}

button:hover, ._button:hover {
    border: 1px solid transparent !important;
    background-color: var(--accentcolor-dark) !important;
    color:white  !important;
}

ol, ul {
    list-style-type: none ;
    margin-left: 0px;
    line-height: normal;
    font-weight:300;
    margin-bottom: 25px;
}

li {
    margin-bottom: .75rem;
}
#fragenliste {
    color:var(--accentcolor-dark);
    font-weight: 400;
}

#qualifikationen li{
    border-bottom: 1px solid var(--accentcolor-light);
    padding-bottom:15px;
}

#qualifikationen li:last-of-type{
    border-bottom: none;
    padding-bottom:none;
}

#_modalcover {
    z-index:6000;
    backdrop-filter: blur(2px);
}


#message-html{
    width: 75%;
    margin: 0 auto 2em auto;
    background-color: #efefef;
    padding: .5em;
    -moz-transform: rotate(-.5deg);
    -ms-transform: rotate(-.5deg);
    -o-transform: rotate(-.5deg);
    -webkit-transform: rotate(-.5deg);

    box-shadow: 10px 10px 20px #aaaaaa;
}

#message-html td, #message-html th {
    padding: 3px 5px;
}

#message-html * {
    font-size: 100%;
    /* line-height: 1.2em; */
}


.ui-widget-shadow {

    opacity: 1;
    filter: Alpha(Opacity=100);

}

@media print {
    #message-html{
        width: 75%;
        margin: 0 auto 2em auto;
        background-color: #efefef;
        padding: .5em;
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        border:1px solid #aaaaaa;
        box-shadow: 10px 10px 20px #aaaaaa;
    }
}

.error{
    color:red;
}