/* Variablen */

:root 
{
    --colTest: pink;

    --colText: #00000;
    --colTitle: #00000;

    --colBoxBorder: #E6E6E6;
    --colBoxBack: #F2F2F2;

    --colMain1: #FADF00;
    --colMain2: #32343B;

    --colLight: #FADF00;
    --colDark: #262626;

    --colNo: #CC0033;
    --colYes: #09A501;

    --colLink: #1781DE;
}



/* text */

p   { font-size:1.6rem; line-height:2.2rem; color:var(--colText); font-weight:500; }
ul  { list-style-type:none; }

a   { text-decoration:none; color:inherit;  }
p a { color:var(--colLink); }
img { max-width:100%; }

h1, h2, h3, h4, h5 { margin:0rem; }

h1 { font-size:5.0rem; line-height:7.0rem; }
h2 { font-size:4.0rem; line-height:5.5rem; }
h3 { font-size:2.6rem; line-height:4.0rem; }
h4 { font-size:2.2rem; line-height:3.2rem; }


/* tinymce */

.mce        { color:inherit; }
.mce h3     { font-size:2.4rem; line-height:3.5rem; margin:0rem 0rem 0.5rem 0rem;  }
.mce p      { font-size:1.6rem; line-height:3.0rem; margin:0rem 0rem 2.5rem 0rem; font-weight:500; }
.mce h5     { font-size:1.6rem; line-height:3.0rem; margin:0rem 0rem 0rem 0rem; font-weight:700; }
.mce table              { width:100%; margin-bottom:2.5rem; }
.mce td:first-child     { padding-right:2rem; }
.mce td         { font-size:1.6rem; line-height:2.2rem; padding:0.5rem 0.4rem; }
.mce p a        { text-decoration:underline; }
.mce td a       { text-decoration:underline; }

.mce ul:not(.sidelist__list)     { list-style-type:disc; padding:0rem 0rem 2.5rem 2rem; }
.mce li     { font-size:1.6rem; line-height:3.0rem; }

.mce--small h3 { font-size:1.8rem; line-height:2.4rem; margin-bottom:1.2rem; }
.mce--small p  { font-size:1.5rem; line-height:2.2rem; margin:0rem 0rem 2.2rem 0rem; }
.mce--small td { font-size:1.5rem; line-height:2.2rem; }

.mce--dark      { color:white; }
.mce--dark p a  { color:var(--colLight); }


/* controls */

.textbox           { font-size:1.6rem; line-height:2.4rem; font-weight:500; padding:0.8rem 1.5rem 0.7rem 1.5rem;  background-size:2rem; background-position:right 2rem center; border:solid 0px white; background-repeat:no-repeat; }
.textbox--withicon { background-position:right 1.5rem center; background-size:2rem; background-repeat:no-repeat; }
.textbox--novalue  { /*color:var(--colBoxBorder);*/ }

select.select           { font-size:1.6rem; line-height:2.4rem; font-weight:500; padding:0.8rem 1.5rem 0.7rem 1.5rem;  background-size:2rem; background-position:right 2rem center; border:solid 0px white; background-repeat:no-repeat; }
select.select--withicon {  }

a.iconbutton    { width:5rem; height:5rem; background-color:var(--colLight); padding:1.7rem 0rem 0rem 0rem; text-align:center; display:inline-block; }

a.button                { background-color:var(--colLight); color:var(--colDark); padding:1.6rem 2.8rem; font-size:1.8rem; line-height:2.4rem; display:inline-block; font-weight:600; border:solid 2px white; min-width:20rem; text-align:center; margin:auto; }
a.button--trans         { background-color:transparent; border-color:var(--colDark); } 
a.button--trans--white  { background-color:transparent; border-color:white; color:white; } 
a.button--small         { font-size:1.6rem; line-height:2.2rem;  padding:1.1rem 2.0rem; min-width:auto; }
a.button--withicon      {  }

/* effects */

.fade-bottom { background-image:url(/images/start-header-verlauf-horizontal.png); background-repeat:repeat-x; background-position:left bottom; width:100%; height:100%; position:absolute; bottom:0rem; left:0rem; z-index:1; }


/* testing */

.wip { background-color: pink; }


/* Accessibility */

.sr-only {  position: absolute; width: 1px; height: 1px; padding: 0;  margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

/* Swal */


.swal2-html-container { font-size:1.2rem; }
.swal2-html-container p:first-child { margin-top:0rem; }
.swal2-styled.swal2-confirm     { width:90%; color:var(--colDark); background-color:var(--colLight); font-size:1.2rem; }
.swal2-styled.swal2-deny        { width:90%; color:var(--colLight); background-color:var(--colDark); font-size:1.2rem; }


.inhalt__maincol a {color:var(--colLink); }