@font-face {
    font-family: "weberserif";
    src: url("lib/WeberSerif-Light.woff") format("woff"), url("lib/WeberSerif-Light.woff2") format("woff2"), url("lib/WeberSerif-Light.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "weberserif";
    src: url("lib/WeberSerif-Regular.woff") format("woff"), url("lib/WeberSerif-Regular.woff2") format("woff2"), url("lib/WeberSerif-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "weberserif";
    src: url("lib/WeberSerif-Bold.woff") format("woff"), url("lib/WeberSerif-Bold.woff2") format("woff2"), url("lib/WeberSerif-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "DIN-Next-LT-Pro";
    src: url("lib/DINNextLTPro-Light.woff") format("woff"), url("lib/DINNextLTPro-Light.woff2") format("woff2"), url("lib/DINNextLTPro-Light.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "DIN-Next-LT-Pro";
    src: url("lib/DINNextLTPro-Regular.woff") format("woff"), url("lib/DINNextLTPro-Regular.woff2") format("woff2"), url("lib/DINNextLTPro-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "DIN-Next-LT-Pro";
    src: url("lib/DINNextLTPro-Medium.woff") format("woff"), url("lib/DINNextLTPro-Medium.woff2") format("woff2"), url("lib/DINNextLTPro-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "DIN-Next-LT-Pro";
    src: url("lib/DINNextLTPro-Bold.woff") format("woff"), url("lib/DINNextLTPro-Bold.woff2") format("woff2"), url("lib/DINNextLTPro-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

html, body {
margin:0; padding:0;
width:100%; height:100%;
}

body {
font-family:"DIN-Next-LT-Pro",Arial,Helvetica,sans-serif;
background:#fff;
color:#000;
font-size:20px;
line-height:1.3;
font-weight:300;
text-decoration:none;
-webkit-text-size-adjust:none;
}

* {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-text-size-adjust:none;
}

a, b, span, div, ul, li, td, th, form, fieldset, aside, p, h1, h2, h3, h4, input, textarea {
font-family:inherit;
color:inherit;
font-size:inherit;
line-height:inherit;
font-weight:inherit;
text-decoration:inherit;
}

h1, h2, h3,
h1 a, h2 a, h3 a {
font-family:"weberserif","DIN-Next-LT-Pro",Arial,Helvetica,sans-serif;
font-weight:700;
text-decoration:none !important;
}

a, b, span, div, ul, li, td, th, form, fieldset, p, h1, h2, h3, h4 {
margin:0; padding:0;
list-style-type:none;
outline:none;
border:0;
}

b, strong {
font-weight:700;
}

a:hover, a:focus {
color:inherit;
}

img {
display:block;
}

h1 {
font-size:49px;
text-transform:uppercase;
}

h2 {
font-size:40px;
text-transform:uppercase;
}

h3 {
clear:both;
font-size:24px;
margin-bottom:.5em;
}

@media screen and (max-width:767px) {

h1, h2 {
font-size:25px;
}

h2 {
margin-top:50px;
}

h3 {
font-size:18px;
}

}

.dn {
display:none;
}

/* Header */

header {
position:fixed;
width:100%; height:72px;
background:#fff;
border-bottom:1px solid #d6d6d6;
z-index:1000;
}

header > div {
width:100%; height:72px;
padding:3px 36px 0 36px;
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center;
}

@media screen and (max-width:767px) {

header > div {
padding:3px 18px 0 18px;
}

}

header h1 {
float:left;
margin:-5px 40px 0 0;
}

header h1 a {
display:block;
max-width:210px;
font-size:20px;
line-height:18px;
}

header h1 a svg {
float:left;
margin-right:5px;
}

nav {
flex-grow:2;
}

nav > ul {
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center;
}

nav li {
position:relative;
}

nav li a {
padding:12.5px 0;
margin:0 17px;
color:#191919;
position:relative;
font-weight:500;
font-size:14px;
line-height:1;
display:flex;
align-items:center;
text-align:center;
text-decoration:none !important;
transition:color .25s;
}

nav li a:hover,
nav li a:focus,
nav li.aktiv > a {
color:#dc1e1e !important;
}

nav > ul > li > ul > li > a {
flex-direction:column;
}


@media screen and (min-width:1200px) {

nav > ul > li > ul {
position:absolute; left:50%; top:100%;
transform:translateX(-50%);
width:100%;
background:#fff;
}

nav > ul > li:nth-child(2) > ul,
nav > ul > li:nth-child(4) > ul {
min-width:130px;
}

nav > ul > li > ul > li:not(:hover) > ul,
nav > ul > li:not(:hover) > ul {
display:none;
}

nav > ul > li > ul > li:hover > ul,
nav > ul > li > ul > li:focus > ul,
nav > ul > li > ul > li:focus-within > ul {
position:absolute; left:100%; top:0px;
background:#fff;
}

}

@media screen and (max-width:1199.999999px) {

nav {
max-height:calc(100vh - 72px);
overflow-y:auto;
}

nav > ul > li > ul > li > a {
text-align:left;
align-items:flex-start;
padding-left:17px;
}

nav > ul > li.user > ul > li > a {
padding-left:0;
}

}

.user-icon {
background:url('img/sprites.view.svg') no-repeat;
content:'';
display:block;
background-position:34.509% 92.623%;
width:22px;
height:24px;
margin:-5px 8px 0 0;
}

.user-message {
display:block;
text-align:left;
}


#nav {
position:absolute; right:-1000px;
}


@media screen and (min-width:1200px) {

header label, #nav {
display:none;
}

nav li:not(.user) a {
flex-direction:column;
}

nav li:not(.user) a span {
display:block;
width:100%;
height:1px;
margin-top:-1px;
}

nav li.download {
flex-grow:2;
}

nav li.download a {
float:right;
}

}



@media screen and (max-width:1199.999999px) {

header label {
margin:5px 0 0 0;
cursor:pointer;
}

header label svg {
height:1em;
width:1em;
position:relative;
fill:#000;
}

#nav:not(:checked) ~ nav,
#nav:not(:checked) + label svg:nth-child(2), 
#nav:checked + label svg:nth-child(1) {
display:none;
}

header nav {
position:fixed; left:0px; top:72px;
width:100%;
background:#fff;
padding:10px 30px 0 20px;
}

header nav ul {
flex-direction:column;
}

header nav li {
width:100%;
}

header nav li a {
text-align:left;
font-size:18px;
border-bottom: 1px solid #eee;
}

header nav li:not(.user) a span {
display:inline-block;
width:5px; height:100%;
}

}


.navbar-toggler {
position:relative;
height:26px;
width:26px;
background:transparent;
cursor:pointer;
}

.navbar-toggler:before, 
.navbar-toggler:after {
background:url('img/sprites.view.svg') no-repeat;
content:'';
display:block;
background-position:7.161% 86.141%;
width:28px;
height:22px;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
}

.navbar-toggler:after {
background-position:36.16% 85.215%;
width:18px;
height:18px;
opacity:0;
}

.navbar-toggler span {
display:none !important;
}


/* Footer */

footer {
clear:both;
height:62px;
text-align:right;
background:#fff;
}

footer > div {
padding:18px 36px;
}

footer a {
display:inline-block;
font-size:14px;
}

footer a:nth-of-type(1n+2) {
margin-left:43px;
}

@media screen and (max-width:767px) {

footer > div {
padding:18px;
}

footer a:nth-of-type(1n+2) {
margin-left:21px;
}

}

footer ul {
float:left;
position:relative; top:-10px;
}

/* Content */

header > div, footer > div, main {
/*margin:0 auto;
max-width:1260px;*/
}

body {
background:url('img/13_08_06_Set01_Genesis_Fisch_KE_0051_EMEA_preview.jpg') center top no-repeat fixed;
background-size:cover;
}

body.anmeldungen { background-image:url('img/13_08_06_Set01_KE_0349_EMEA_preview-1.jpg'); }
body.versandliste,
body.grillkurs { background-image:url('img/Mood-Q2400-Balkon.jpg'); }
body.haendlerkonzept { background-image:url('img/Mood-Q1000-01.jpg'); }
body.grillpromotion { background-image:url('img/Mood-Q1200-Balkon-03.jpg'); }
body.fachberatung { background-image:url('img/Mood-Park-GoAnywhere-Gas-1.jpg'); }
body.downloads { background-image:url('img/Mood-Q1200-SurfNTurf.jpg'); }
body.user { background-image:url('img/Mood-Summit.jpg'); }

main:before {
content:'';
position:fixed;
z-index:-1;
left:0px; top:0px;
width:100%; height:100%;
background:linear-gradient(180deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,.9) 100%);
}

.index main:before {
background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 100%);
}

main {
padding:122px 36px 0 36px;
min-height:calc(100% - 62px);
color:#fff;
}

@media screen and (max-width:1920px) {

.admin.anmeldungen main {
padding:122px 10px 0 10px;
}

}

.index main {
color:#000;
}

.white main:before {
background:rgba(255,255,255,.75);
}

.white main {
color:#000;
}

main > table {
margin-bottom:100px;
}

/* Login */

.index main label,
.index main span,
.index main a {
text-shadow:0 0 5px rgba(0,0,0,.5);
}

div.error,
aside.login,
form.login {
width:378px;
max-width:100%;
margin-bottom:50px;
hyphens:manual;
}

.user .error,
.admin.user .error {
width:auto;
}

.admin.user select[name=land] {
min-width:65px;
}

form.register {
width:800px;
max-width:100%;
margin-bottom:50px;
}


@media screen and (min-width:904px) {

aside.login, form.login {
float:left;
}

aside.login {
margin-right:50px;
}

}

aside.login {
padding-top:35px;
}

.index a.button:not(:hover):not(:focus) {
background:transparent;
}

form.register,
form.login {
padding:30px 15px;
background-image: radial-gradient(rgba(0,0,0,.75) 0%, rgba(0,0,0,0) 75%);
color:#fff;
}

form.register input,
form.register select,
form.login input,
form.login select {
color:#000;
border:0;
border-radius:5px;
}

form.login input[type=text],
form.login input[type=email],
form.login input[type=password] {
width:100%;
padding:5px 10px;
margin:0 0 20px 0;
}

form.register select,
form.register input[type=text],
form.register input[type=email],
form.register input[type=password] {
float:left;
width:100%;
max-width:520px;
padding:5px 10px;
margin:0 0 20px 0;
}

.button,
input[type=button]:not(.link),
input[type=submit]:not(.link) {
display:block;
width:100%;
margin:10px auto 0 auto;
background:#dc1e1e;
color:#fff !important;
font-size:16px;
font-weight:700;
border:0;
border-radius:5px;
padding:7px 20px;
cursor:pointer;
transition:background .25s;
text-decoration:none !important;
}

input[type=button].link,
input[type=submit].link {
display:inline-block;
color:#dc1e1e;
background:none !important;
border:0;
}

.button.editmenu {
transform:scaleX(-1);
}

.button.grey:not(:hover):not(:focus),
input[type=submit].grey:not(:hover):not(:focus) {
background:#696969;
}

.button.inaktiv {
background:#696969 !important;
}

.delete input[type=submit],
input[value="stornieren"],
input[value="PM stornieren"],
input[value="FB stornieren"],
input[value="stornieren ohne Mail"],
input[value="stornieren mit Mail"],
input[value="Stornierung aufheben"] {
display:inline;
background:none !important;
border:0;
padding:0;
font-size:inherit;
font-weight:inherit;
color:inherit !important;
text-decoration:underline !important;
}

.button {
display:inline-block;
width:auto;
}

.button:hover,
.button:focus,
input[type=submit]:hover,
input[type=submit]:focus {
background:#000;
}

form.login label {
display:block;
font-weight:700;
padding:0;
font-size:16px;
}

form.register label {
float:left;
clear:left;
width:250px;
font-weight:700;
padding:0;
font-size:16px;
}

.error {
font-weight:700;
color:#dc1e1e;
}

a.small {
display:block;
text-align:center;
font-size:16px;
}

.admin.user a.small {
display:inline;
}

.login span.small {
font-size:14px;
line-height:1;
}

span.am {
font-size:86%;
}

/* Startseite */

aside.index div {
padding:30px 15px;
/*background:url('img/bg2.jpg') no-repeat;
background-size:cover;
background:rgba(255,255,255,.5);
box-shadow:0 0 30px rgba(0,0,0,.2);*/
font-size:16px;
}

.index aside.index div {
margin-top:2em;
}

aside.index div img.logo {
width:auto; height:auto;
max-width:100%; max-height:180px;
border:1px solid #696969;
}

aside.index div hr {
margin:30px 0;
border-color:#000;
border-width:0 0 1px 0;
}

aside.index div a {
display:block;
font-weight:700;
margin-bottom:.5em;
}

aside.index div label {
display:inline-block;
font-weight:700;
width:140px;
margin-bottom:.5em;
}

@media screen and (max-width:475px) {

aside.index div label {
display:block;
margin:0;
}

aside.index div label:not(:first-of-type) {
margin-top:.5em;
}

}



/* Links */

.links li {
clear:both;
padding-top:1em;
}

.links li input {
float:left;
width:calc(100% - 25px);
}

a.copy {
float:right;
cursor:pointer;
position:relative; top:2px;
display:block;
width:16px; height:20px;
background:#fff;
border:2px solid #000;
border-radius:2px;
z-index:2;
}

a.copy:after {
content:'';
position:absolute; left:-7px; top:5px;
display:block;
width:16px; height:20px;
background:#fff;
border:2px solid #000;
border-radius:2px;
z-index:1;
box-sizing:border-box;
}

a.back,
a.export {
float:right;
background:#dc1e1e;
color:#fff;
border-radius:5px;
padding:4px 15px 0 15px;
font-weight:600;
text-transform:uppercase;
position:relative; top:3px;
text-decoration:none !important;
transition:background .25s;
}

a.back:hover,
a.back:focus,
a.export:hover,
a.export:focus {
background:#000;
}

textarea {
width:300px; height:150px;
}

table {
border-collapse:collapse;
}

table>tbody>tr>td, table>thead>tr>th, table>tfoot>tr>th {
padding:5px 10px;
border:1px solid #ccc;
text-align:left;
}

th {
background:rgba(255,255,255,.1);
}

.kalender th {
background:rgba(255,255,255,.3);
}

.kalender td {
background:rgba(0,0,0,.3);
}

tr.bold th {
font-weight:600;
}

tr.grey th,
tr.grey td {
color:#aaa;
}

.admin.rechnungen td.grey {
color:#aaa;
background:#111;
}

a.toggle {
position:relative; top:5px;
float:right;
width:26px;
text-align:center;
background:#f00;
color:#fff;
border-radius:10px;
padding:2px 10px;
font-size:10px;
font-weight:600;
}

tr.sub td {
font-size:16px;
}


div.kontakt {
color:#fff;
}

.admin-auswertung h2,
div.kontakt h2 {
font-size:30px;
margin-bottom:1em;
}

a.line,
div.kontakt a {
text-decoration:underline;
}


/* Anmeldung */

.formular form {
max-width:1188px;
}

.formular form > div {
margin-bottom:36px;
}

.formular fieldset {
width:100%;
display:flex;
flex-direction:row;
flex-wrap:wrap;
gap:36px;
margin-bottom:3em;
}

@media screen and (min-width:1280px) {

.haendlerkonzept.formular form {
max-width:1240px;
}

.formular fieldset > div {
width:calc(50% - 18px);
} 

.formular fieldset > div.nr {
width:calc(15% - 36px);
} 

.formular fieldset > div.status {
width:calc(25% - 27px);
} 

.formular fieldset > div.nr + div {
width:35%;
max-width:397px;
} 

.formular fieldset > div.uhrzeit {
width:calc(25% - 27px);
} 

.formular fieldset.grillkurse > div {
width:calc(30% - 27px);
} 

.formular fieldset.grillkurse > div:last-child {
width:calc(40% - 27px);
} 

.formular fieldset.haendlerkonzepte {
gap:18px;
margin-bottom:18px;
}

.formular fieldset > div.w33 {
width:calc(33% - 24px);
}

/*.formular fieldset.haendlerkonzepte > div {
width:calc(11% - 16px);
}

.formular fieldset.haendlerkonzepte > div:first-child {
width:calc(14% - 16px);
}

.formular fieldset.haendlerkonzepte > div:nth-child(2) {
width:calc(10.5% - 16px);
}

.formular fieldset.haendlerkonzepte > div:nth-child(3) {
width:calc(14% - 16px);
}

.formular fieldset.haendlerkonzepte > div:nth-child(4) {
width:calc(9% - 16px);
}

.formular fieldset.haendlerkonzepte > div:nth-child(8) {
width:calc(6% - 16px);
}*/

.formular fieldset.haendlerkonzepte > div {
width:calc(13.5% - 16px);
}

.formular fieldset.haendlerkonzepte > div:first-child,
.formular fieldset.haendlerkonzepte > div:nth-child(3) {
width:calc(15% - 16px);
}

.formular fieldset.haendlerkonzepte > div:nth-child(4) {
width:calc(9% - 16px);
}

.formular fieldset.haendlerkonzepte > div:nth-child(5) {
width:calc(14% - 16px);
}

.formular fieldset.haendlerkonzepte > div:nth-child(7) {
width:calc(6% - 16px);
}

.formular fieldset.haendlerkonzepte:not(.first) > div > label {
display:none;
}

}

@media screen and (max-width:1279px) {

.formular fieldset > div {
width:100%;
} 

}

.formular fieldset.haendlerkonzepte > div:nth-child(4),
.formular fieldset.haendlerkonzepte > div:nth-child(8) {
text-align:center;
}

.formular fieldset.haendlerkonzepte > div > input[type=checkbox] {
margin-top:1em;
}

.formular label {
font-family: "weberserif",sans-serif;
font-weight: 400;
color: #aaa;
}

.white .formular label {
color: #ebebeb;
}

.formular fieldset label {
display: block;
margin: 0 0 0.5rem 0;
}

.formular div.flex {
display:flex;
flex-direction:row;
padding-top:5px;
justify-content:center;
}

.formular div.flex label {
margin:2px 5px 0 10px;
}

.formular div.flex label:first-child {
margin-left:0;
}

.formular div.center {
text-align:center;
}

.formular div.center input[type="radio"] {
margin-top:15px;
}

.formular div.center div.flex input[type="radio"] {
margin-top:4px;
}

.formular input[type=text], 
.formular input[type=email], 
.formular input[type=tel], 
.formular input[type=number], 
.formular input[type=date], 
.formular input[type=time], 
.formular textarea,
.formular select {
border-radius:4px;
color: #171717;
font-family: DIN-Next-LT-Pro,sans-serif;
font-weight: 400;
border: 1px solid rgba(26,26,26,.25);
width: 100%;
padding: 1rem;
}

.formular select {
padding-top:calc(1rem + 2px);
padding-bottom:calc(1rem + 1px);
}

.formular input:not([type=submit]):focus, 
.formular textarea:focus {
border-color:rgba(26,26,26,1);
}

.formular input[type=submit] {
display:inline-block;
width:auto;
text-transform:uppercase;
font-size:2rem;
font-weight:400;
}

.termine input[type=submit],
.anmeldungen input[type=submit],
.admin.anmeldungen input[type=submit] {
display:inline-block;
width:auto;
}

.termine input[type=file], 
.anmeldungen input[type=file],
.admin.anmeldungen input[type=file] {
display:inline-block;
}

.termine input[type=file] ~ label {
margin-top:.5em;
} 

.termine td span:not(.am), 
.anmeldungen td span:not(.am),
.admin.anmeldungen td span:not(.am) {
white-space:nowrap;
}

.formular fieldset + input[type=submit] {
position:relative; top:-2em;
}

form.bemerkungen label {
width:130px;
font-family:"weberserif", sans-serif;
font-weight:400;
color:#aaa;
}

form.bemerkungen label[for=erledigt],
form.bemerkungen label[for^=bemerkungen],
form.bemerkungen label[for=datei] {
width:auto;
}

form.bemerkungen input {
width:auto;
padding:2px 10px;
color:#171717;
}

form.bemerkungen input[type=file] {
color:#aaa;
}

.formular img {
display:block;
height:auto;
}

.formular .stoerer {
float:right;
}

.formular fieldset div p {
margin-bottom:.5em;
}

@media screen and (max-width:1279px) {

fieldset.small div + div {
margin-top:-3.75em;
}

}

.formular .stoerer img:not(:nth-of-type(6)) {
display:none;
}

.formular .stoerer img {
margin-bottom:1em;
}

.formular .h3,
.formular h3 {
font-family:inherit;
font-size:inherit;
text-align:center;
text-transform:uppercase;
background:rgba(255,255,255,.2);
padding:10px;
}

.formular label.h3 {
background:rgba(255,0,0,.2);
}

.admin.anmeldungen td,
.termine td {
vertical-align:top;
}

.termine tr.alt td {
/*background:rgba(255,255,255,.1);*/
color:#fff;
}

.termine tr.alt td strong,
.termine tr.alt td b {
font-weight:300;
}

.anmeldungen table {
width:100%;
}

.termine .upload + form:not(.aktiv),
.termine .upload ~ form:not(.aktiv) input,
.termine .upload ~ form:not(.aktiv) label,
.anmeldungen .upload + form:not(.aktiv),
.anmeldungen .upload ~ form:not(.aktiv) input,
.anmeldungen .upload ~ form:not(.aktiv) label {
display:none !important;
}

.anmeldungen:not(.admin) tbody:not(.auftrag):not(.bewerbung) td {
border-top-width:2px;
}

.admin.anmeldungen tbody.event td {
border-bottom:0;
}

.admin.anmeldungen thead.event th {
background-color:rgba(255,255,255,.5);
border-bottom:0;
}

.versandliste tr.filter-stattgefunden td {
background-color:rgba(255,255,0,.25);
}

.versandliste tr.filter-storniert td {
background-color:rgba(255,255,255,.25);
}

.admin.anmeldungen.kompakt tr.filter-erledigt td,
.versandliste tr.filter-erledigt td,
.admin.anmeldungen thead.event.filter-erledigt th { /*:not(.filter-haendlerkonzept)*/
background-color:rgba(0,255,0,.25);
border-bottom:0;
}

.versandliste tr.nextday td,
.admin.anmeldungen.kompakt tr:not(.filter-erledigt):not(.filter-storniert):not(.filter-abgelehnt):not(.filter-auftrag):not(.filter-haendlerkonzept):not(.filter-storniert) td,
.admin.anmeldungen.kompakt tr.filter-vergangen:not(.filter-erledigt):not(.filter-abgelehnt):not(.filter-haendlerkonzept):not(.filter-storniert) td,
.admin.anmeldungen thead.event:not(.filter-erledigt):not(.filter-abgelehnt):not(.filter-storniert):not(.filter-auftrag):not(.filter-haendlerkonzept):not(.filter-storniert) th,
.admin.anmeldungen thead.event.filter-vergangen:not(.filter-erledigt):not(.filter-abgelehnt):not(.filter-haendlerkonzept):not(.filter-storniert) th {
background-color:rgba(255,0,0,.5);
border-bottom:0;
}

.admin.anmeldungen.kompakt tr:not(.filter-erledigt):not(.filter-storniert):not(.filter-auftrag):not(.filter-haendlerkonzept).filter-storniert td,
.admin.anmeldungen.kompakt tr.filter-vergangen:not(.filter-erledigt):not(.filter-haendlerkonzept).filter-storniert td,
.admin.anmeldungen thead.event:not(.filter-storniert):not(.filter-auftrag):not(.filter-haendlerkonzept).filter-storniert th,
.admin.anmeldungen thead.event.filter-vergangen:not(.filter-erledigt):not(.filter-haendlerkonzept).filter-storniert th {
background-color:rgba(255,255,255,.5);
border-bottom:0;
}

span.erledigt {
font-weight:700;
color:rgba(0,255,0,.25);
}

span.small .bestellung {
color:#666;
}

span.small .bestellung.gesamt {
color:#999;
}

/*.admin.anmeldungen thead.event:nth-of-type(2n),
.admin.anmeldungen thead.event:nth-of-type(2n) + tbody,
.admin.anmeldungen thead.event:nth-of-type(2n) + tbody + thead:not(.event),
.admin.anmeldungen thead.event:nth-of-type(2n) + tbody + thead:not(.event) + tbody {
border-left:10px solid white;
}

.admin.anmeldungen thead.event:nth-of-type(2n+1),
.admin.anmeldungen thead.event:nth-of-type(2n+1) + tbody,
.admin.anmeldungen thead.event:nth-of-type(2n+1) + tbody + thead:not(.event),
.admin.anmeldungen thead.event:nth-of-type(2n+1) + tbody + thead:not(.event) + tbody {
border-left:10px solid black;
}*/

.anmeldungen thead.auftrag.aktiv,
.anmeldungen tbody.auftrag.aktiv,
.admin.anmeldungen thead.bewerbung.aktiv,
.admin.anmeldungen tbody.bewerbung.aktiv {
display:table-row-group !important;
}


.admin.anmeldungen thead.auftrag th:first-child,
.admin.anmeldungen tbody.auftrag td:first-child,
.admin.anmeldungen thead.bewerbung th:first-child,
.admin.anmeldungen tbody.bewerbung td:first-child {
padding-left:40px;
position:relative;
}

.admin.anmeldungen thead.auftrag th:first-child:before,
.admin.anmeldungen tbody.auftrag td:first-child:before,
.admin.anmeldungen thead.bewerbung th:first-child:before,
.admin.anmeldungen tbody.bewerbung td:first-child:before {
position:absolute; left:10px; top:0px;
content:'↵';
transform:scaleX(-1);
font-size:1.5em;
opacity:.3;
}

.anmeldungen thead.auftrag th,
.anmeldungen tbody.auftrag td,
.admin.anmeldungen thead.bewerbung th,
.admin.anmeldungen tbody.bewerbung td {
border-style:dashed;
}

.admin.anmeldungen thead.aktiv th {
background:rgba(255,255,255,.2);
}

.admin.anmeldungen tbody.aktiv td {
background:rgba(255,255,255,.1);
}

input[type=radio],
input[type=checkbox] {
accent-color:#dc1e1e;
}

.versandliste input[name='versand-erledigt']:not(:checked) ~ form .filter-erledigt, 
.versandliste input[name='versand-stattgefunden']:not(:checked) ~ form .filter-stattgefunden, 
.versandliste input[name='versand-storniert']:not(:checked) ~ form .filter-storniert, 
.anmeldungen input[name='filter-erledigt']:not(:checked) ~ table .filter-erledigt,
.anmeldungen input[name='filter-erledigt']:not(:checked) ~ table .filter-erledigt + .auftrag,
.anmeldungen input[name='filter-erledigt']:not(:checked) ~ table .filter-erledigt + .auftrag + .auftrag,
.anmeldungen input[name='filter-erledigt']:not(:checked) ~ table .filter-erledigt + .bewerbung,
.anmeldungen input[name='filter-erledigt']:not(:checked) ~ table .filter-erledigt + .bewerbung + .bewerbung,
.anmeldungen input[name='filter-erledigt']:not(:checked) ~ table .filter-erledigt + .auftrag + .bewerbung,
.anmeldungen input[name='filter-erledigt']:not(:checked) ~ table .filter-erledigt + .auftrag + .auftrag + .bewerbung,
.anmeldungen input[name='filter-erledigt']:not(:checked) ~ table .filter-erledigt + .auftrag + .bewerbung + .bewerbung,
.anmeldungen input[name='filter-ausgang']:not(:checked) ~ input[name='filter-eingang']:checked ~ table .filter-ausgang:not(.filter-eingang),
.anmeldungen input[name='filter-ausgang']:not(:checked) ~ input[name='filter-eingang']:checked ~ table .filter-ausgang:not(.filter-eingang) + .auftrag,
.anmeldungen input[name='filter-ausgang']:not(:checked) ~ input[name='filter-eingang']:checked ~ table .filter-ausgang:not(.filter-eingang) + .auftrag + .auftrag,
.anmeldungen input[name='filter-ausgang']:not(:checked) ~ input[name='filter-eingang']:checked ~ table .filter-ausgang:not(.filter-eingang) + .bewerbung,
.anmeldungen input[name='filter-ausgang']:not(:checked) ~ input[name='filter-eingang']:checked ~ table .filter-ausgang:not(.filter-eingang) + .bewerbung + .bewerbung,
.anmeldungen input[name='filter-ausgang']:not(:checked) ~ input[name='filter-eingang']:checked ~ table .filter-ausgang:not(.filter-eingang) + .auftrag + .bewerbung,
.anmeldungen input[name='filter-ausgang']:not(:checked) ~ input[name='filter-eingang']:checked ~ table .filter-ausgang:not(.filter-eingang) + .auftrag + .auftrag + .bewerbung,
.anmeldungen input[name='filter-ausgang']:not(:checked) ~ input[name='filter-eingang']:checked ~ table .filter-ausgang:not(.filter-eingang) + .auftrag + .bewerbung + .bewerbung,
.anmeldungen input[name='filter-ausgang']:checked ~ input[name='filter-eingang']:not(:checked) ~ table .filter-eingang:not(.filter-ausgang),
.anmeldungen input[name='filter-ausgang']:checked ~ input[name='filter-eingang']:not(:checked) ~ table .filter-eingang:not(.filter-ausgang) + .auftrag,
.anmeldungen input[name='filter-ausgang']:checked ~ input[name='filter-eingang']:not(:checked) ~ table .filter-eingang:not(.filter-ausgang) + .auftrag + .auftrag,
.anmeldungen input[name='filter-ausgang']:checked ~ input[name='filter-eingang']:not(:checked) ~ table .filter-eingang:not(.filter-eingang) + .bewerbung,
.anmeldungen input[name='filter-ausgang']:checked ~ input[name='filter-eingang']:not(:checked) ~ table .filter-eingang:not(.filter-eingang) + .bewerbung + .bewerbung,
.anmeldungen input[name='filter-ausgang']:checked ~ input[name='filter-eingang']:not(:checked) ~ table .filter-eingang:not(.filter-eingang) + .auftrag + .bewerbung,
.anmeldungen input[name='filter-ausgang']:checked ~ input[name='filter-eingang']:not(:checked) ~ table .filter-eingang:not(.filter-eingang) + .auftrag + .auftrag + .bewerbung,
.anmeldungen input[name='filter-ausgang']:checked ~ input[name='filter-eingang']:not(:checked) ~ table .filter-eingang:not(.filter-eingang) + .auftrag + .bewerbung + .bewerbung,
.anmeldungen input[name='filter-ausgang']:not(:checked) ~ input[name='filter-eingang']:not(:checked) ~ table .filter-eingang,
.anmeldungen input[name='filter-ausgang']:not(:checked) ~ input[name='filter-eingang']:not(:checked) ~ table .filter-eingang + .auftrag,
.anmeldungen input[name='filter-ausgang']:not(:checked) ~ input[name='filter-eingang']:not(:checked) ~ table .filter-eingang + .auftrag + .auftrag,
.anmeldungen input[name='filter-ausgang']:not(:checked) ~ input[name='filter-eingang']:not(:checked) ~ table .filter-eingang + .bewerbung,
.anmeldungen input[name='filter-ausgang']:not(:checked) ~ input[name='filter-eingang']:not(:checked) ~ table .filter-eingang + .bewerbung + .bewerbung,
.anmeldungen input[name='filter-ausgang']:not(:checked) ~ input[name='filter-eingang']:not(:checked) ~ table .filter-eingang + .auftrag + .bewerbung,
.anmeldungen input[name='filter-ausgang']:not(:checked) ~ input[name='filter-eingang']:not(:checked) ~ table .filter-eingang + .auftrag + .auftrag + .bewerbung,
.anmeldungen input[name='filter-ausgang']:not(:checked) ~ input[name='filter-eingang']:not(:checked) ~ table .filter-eingang + .auftrag + .bewerbung + .bewerbung,
.anmeldungen input[name='filter-ausgang']:not(:checked) ~ input[name='filter-eingang']:not(:checked) ~ table .filter-ausgang,
.anmeldungen input[name='filter-ausgang']:not(:checked) ~ input[name='filter-eingang']:not(:checked) ~ table .filter-ausgang + .auftrag,
.anmeldungen input[name='filter-ausgang']:not(:checked) ~ input[name='filter-eingang']:not(:checked) ~ table .filter-ausgang + .auftrag + .auftrag,
.anmeldungen input[name='filter-ausgang']:not(:checked) ~ input[name='filter-eingang']:not(:checked) ~ table .filter-ausgang + .bewerbung,
.anmeldungen input[name='filter-ausgang']:not(:checked) ~ input[name='filter-eingang']:not(:checked) ~ table .filter-ausgang + .bewerbung + .bewerbung,
.anmeldungen input[name='filter-ausgang']:not(:checked) ~ input[name='filter-eingang']:not(:checked) ~ table .filter-ausgang + .auftrag + .bewerbung,
.anmeldungen input[name='filter-ausgang']:not(:checked) ~ input[name='filter-eingang']:not(:checked) ~ table .filter-ausgang + .auftrag + .auftrag + .bewerbung,
.anmeldungen input[name='filter-ausgang']:not(:checked) ~ input[name='filter-eingang']:not(:checked) ~ table .filter-ausgang + .auftrag + .bewerbung + .bewerbung,
.anmeldungen input[name='filter-fehlt']:not(:checked) ~ table .filter-fehlt,
.anmeldungen input[name='filter-fehlt']:not(:checked) ~ table .filter-fehlt + .auftrag,
.anmeldungen input[name='filter-fehlt']:not(:checked) ~ table .filter-fehlt + .auftrag + .auftrag,
.anmeldungen input[name='filter-fehlt']:not(:checked) ~ table .filter-fehlt + .bewerbung,
.anmeldungen input[name='filter-fehlt']:not(:checked) ~ table .filter-fehlt + .bewerbung + .bewerbung,
.anmeldungen input[name='filter-fehlt']:not(:checked) ~ table .filter-fehlt + .auftrag + .bewerbung,
.anmeldungen input[name='filter-fehlt']:not(:checked) ~ table .filter-fehlt + .auftrag + .auftrag + .bewerbung,
.anmeldungen input[name='filter-fehlt']:not(:checked) ~ table .filter-fehlt + .auftrag + .bewerbung + .bewerbung,
.anmeldungen input[name='filter-online']:checked ~ table tbody:not(.filter-online),
.anmeldungen input[name='filter-online']:checked ~ table thead:not(.filter-online),
.anmeldungen input[name='filter-haendlerkonzept']:not(:checked) ~ table .filter-haendlerkonzept,
.anmeldungen input[name='filter-grillkurs']:not(:checked) ~ table .filter-grillkurs,
.anmeldungen input[name='filter-fachberatung']:not(:checked) ~ table .filter-fachberatung,
.anmeldungen input[name='filter-grillpromotion']:not(:checked) ~ table .filter-grillpromotion,
.anmeldungen input[name='filter-fbz']:not(:checked) ~ table .filter-fbz,
.anmeldungen input[name='filter-veranstaltung']:not(:checked) ~ table .filter-veranstaltung,
/*.termine input[name='filter-vergangen']:not(:checked) ~ table .filter-vergangen,
.termine input[name='filter-vergangen']:checked ~ table tbody tr:not(.filter-vergangen),*/
.anmeldungen:not(.admin):not(.adm) input[name='filter-vergangen']:not(:checked) ~ table .filter-vergangen,
.anmeldungen:not(.admin):not(.adm) input[name='filter-vergangen']:checked ~ table tbody tr:not(.filter-vergangen),
.anmeldungen input[name='filter-genehmigt']:not(:checked) ~ table .filter-genehmigt,
.anmeldungen input[name='filter-ungenehmigt']:not(:checked) ~ table .filter-ungenehmigt,
.anmeldungen input[name='filter-abgelehnt']:not(:checked) ~ table .filter-abgelehnt,
.anmeldungen input[name='filter-auftrag']:not(:checked) ~ table .filter-auftrag,
.anmeldungen input[name='filter-auftrag']:not(:checked) ~ table .event.filter-auftrag + .bewerbung,
.anmeldungen input[name='filter-auftrag']:not(:checked) ~ table .event.filter-auftrag + .bewerbung + .bewerbung,
.anmeldungen input[name='filter-auftrag']:not(:checked) ~ table .event.filter-auftrag + .auftrag + .bewerbung,
.anmeldungen input[name='filter-auftrag']:not(:checked) ~ table .event.filter-auftrag + .auftrag + .auftrag + .bewerbung,
.anmeldungen input[name='filter-storniert']:not(:checked) ~ table .filter-storniert,
.anmeldungen input[name='filter-storniert']:not(:checked) ~ table .filter-storniert + .auftrag,
.anmeldungen input[name='filter-storniert']:not(:checked) ~ table .filter-storniert + .auftrag + .auftrag,
.anmeldungen input[name='filter-storniert']:not(:checked) ~ table .filter-storniert + .auftrag:not(.filter-auftrag),
.anmeldungen input[name='filter-storniert']:not(:checked) ~ table .filter-storniert + .auftrag:not(.filter-auftrag) + .auftrag:not(.filter-auftrag),
.anmeldungen input[name='filter-storniert']:not(:checked) ~ table .filter-storniert + .bewerbung,
.anmeldungen input[name='filter-storniert']:not(:checked) ~ table .filter-storniert + .bewerbung + .bewerbung,
.anmeldungen input[name='filter-storniert']:not(:checked) ~ table .filter-storniert + .auftrag + .bewerbung,
.anmeldungen input[name='filter-storniert']:not(:checked) ~ table .filter-storniert + .auftrag + .auftrag + .bewerbung,
.anmeldungen input[name='filter-storniert']:not(:checked) ~ table .filter-storniert + .auftrag + .bewerbung + .bewerbung,
.anmeldungen input[name='filter-bewerbungen']:not(:checked) ~ table .filter-bewerbungen,
.anmeldungen input[name='filter-bewerbungen']:not(:checked) ~ table .filter-bewerbungen + .bewerbung,
.anmeldungen input[name='filter-bewerbungen']:not(:checked) ~ table .filter-bewerbungen + .bewerbung + .bewerbung { display:none; }

/*.anmeldungen input[name='filter-storniert']:checked ~ table .filter-storniert + .filter-auftrag,
.anmeldungen input[name='filter-storniert']:checked ~ table .filter-storniert + .filter-auftrag + .filter-auftrag { display:table-row-group; }*/

.anmeldungen input[name='filter-grillpromotion']:not(:checked) ~ input[name='filter-fbz']:checked ~ table .filter-fbz.filter-grillpromotion { display:table-row-group; }


@media screen and (max-width:1023px) {

.anmeldungen thead.auftrag:not(.aktiv),
.admin.anmeldungen thead.bewerbung:not(.aktiv) {
display:none;
}

.event.filter-auftrag tr {
border-bottom:0;
}

/*.event.filter-auftrag + thead.auftrag + tbody.auftrag tr {
border-top:0;
}*/

input.erneut {
margin-left:-95px !important;
}

tbody.auftrag tr {
background:rgba(255,255,255,.15);
}

}

span.grey,
.anmeldungen s,
.anmeldungen s + span,
.user a.grey,
.user span.grey,
.anmeldungen span.am,
.anmeldungen span.grey,
.anmeldungen span.small { 
color:#ddd; 
}

.anmeldungen span.small span.grey {
font-weight:600;
color:#666;
}

.user a.grey:not(.button) {
text-decoration:none;
cursor:text;
}

.anmeldungen span.small + span.small:before {
content:' / ';
display:inline;
}

.user tr.inaktiv * {
color:#666;
}

body:not(.kalender) td.red,
.rechnungen b.red,
div.red,
div.red label,
.user b.red,
.anmeldungen b.red { 
color:#dc1e1e;
}

td.red {
font-weight:bold;
}

.anmeldung b.red {
background:#dc1e1e;
color:#fff;
padding:10px 20px;
}

label.filter {
font-size:.9em;
font-weight:300;
}

.termine select.filter,
.admin.rechnungen select.filter,
.admin.gutschriften select.filter {
float:right;
margin:17px 0 0 10px;
color:#000;
}

.auswertung select.filter {
float:left;
margin:17px 10px 0 0;
color:#000;
}

.rechnungen main > input[type=date],
.anmeldungen main > input[type=date],
.termine main > input[type=date],
.termine main > input[type=datetime-local],
.rechnungen main > input[type=datetime-local],
.anmeldungen main > input[type=datetime-local],
.anmeldungen main > select.filter,
.aktionsreporte main > select.filter {
float:right;
max-width:130px;
margin:17px 0 0 10px;
color:#000;
}

.rechnungen td input[type=date],
.rechnungen td input[type=datetime-local] {
max-width:130px;
color:#000;
margin-left:20px;
position:relative; top:-5px;
}

.rechnungen td input[type=checkbox]:not(:checked) + input[type=datetime-local],
.rechnungen td input[type=checkbox]:not(:checked) + input[type=date] {
display:none;
}

.haendlerkarte label.filter,
.mitarbeiterkarte label.filter {
clear:both;
}

@media only screen and (min-width: 1024px) {

.mobile {
display:none;
}

.admin .auftrag th:nth-child(1n+6),
.admin .auftrag td:nth-child(1n+6) {
min-width:440px;
}
.admin.anmeldungen td:nth-child(5) {
/*min-width:514px;*/
}

.admin.anmeldungen td:nth-child(6) {
min-width:266px;
}

.auswertung .filter {
float:left;
margin-top:20px;
}

.kalender .filter,
.haendlerkarte .filter,
.mitarbeiterkarte .filter,
.admin.user .filter,
.versandliste .filter,
.termine .filter,
.rechnungen .filter,
.anmeldungen .filter,
.provisionslisten .filter {
float:right;
margin-top:20px;
}

.auswertung input.filter {
margin:25px 15px 0 5px;
}

.kalender input.filter,
.haendlerkarte input.filter,
.mitarbeiterkarte input.filter,
.admin.user input.filter,
.versandliste input.filter,
.termine input.filter,
.rechnungen input.filter,
.anmeldungen input.filter,
.provisionslisten input.filter {
margin:25px 5px 0 15px;
}

}

@media only screen and (max-width: 1023px) {

.auswertung .filter {
float:left;
}

.kalender .filter,
.haendlerkarte .filter,
.mitarbeiterkarte .filter,
.admin.user .filter,
.versandliste .filter,
.termine .filter,
.rechnungen .filter,
.anmeldungen .filter,
.provisionslisten .filter {
float:right;
}

.auswertung input.filter {
margin:5px 15px 0 5px;
}

.kalender input.filter,
.haendlerkarte input.filter,
.mitarbeiterkarte input.filter,
.admin.user input.filter,
.versandliste input.filter,
.termine input.filter,
.rechnungen input.filter,
.anmeldungen input.filter,
.provisionslisten input.filter {
margin:5px 5px 0 15px;
}

.auswertung label.filter {
clear:left;
}

.admin.user h2,
.anmeldungen h2,
.termine label.filter,
.rechnungen label.filter,
.anmeldungen label.filter,
.provisionslisten label.filter {
clear:right;
}

body:not(.auswertung):not(.kalender) table, body:not(.auswertung):not(.kalender) thead, body:not(.auswertung):not(.kalender) tbody, body:not(.auswertung):not(.kalender) th, body:not(.auswertung):not(.kalender) td, body:not(.auswertung):not(.kalender) tr { 
display: block; 
}

body:not(.auswertung):not(.kalender) table>thead>tr>th, body:not(.auswertung):not(.kalender) table>tfoot>tr>th { 
position: absolute;
top: -9999px;
left: -9999px;
}

body:not(.auswertung):not(.kalender) table>tbody>tr { 
padding:10px;
border: 1px solid #ccc; 
}

body:not(.auswertung):not(.kalender) table>tbody.bewerbung>tr,
body:not(.auswertung):not(.kalender) table>tbody.auftrag>tr { 
border: 1px dashed #ccc; 
}

body:not(.auswertung):not(.kalender) table>tbody>tr>td { 
border: none !important;
position: relative;
padding-left: 95px; 
min-height:36px;
}

body:not(.auswertung):not(.kalender) table>tbody>tr>td:before { 
content:'';
position: absolute;
top: 6px;
left: 6px;
width: 85px; 
white-space: nowrap;
font-size:.8em;
}

.versandliste table>tbody>tr>td { 
padding-left: 135px; 
}

.versandliste table>tbody>tr>td:before { 
width: 125px; 
}

.termine .event td:nth-of-type(1):before { content: 'Termin'; }
.termine .event td:nth-of-type(2):before { content: 'Wunsch'; }
.termine .event td:nth-of-type(3):before { content: 'Typ'; }
.termine .event td:nth-of-type(4):before { content: 'Händler'; }
.termine .event td:nth-of-type(5):before { content: 'Bewerbung'; }
.termine .event td:nth-of-type(6):before { content: 'Auftrag'; }

.anmeldungen .event td:nth-of-type(1):before { content: 'Termin'; }
.anmeldungen .event td:nth-of-type(2):before { content: 'Typ'; }
.anmeldungen .event td:nth-of-type(3):before { content: 'PDF'; }
.anmeldungen .event td:nth-of-type(4):before { content: 'Bestellung'; }
.anmeldungen .event td:nth-of-type(5):before { content: 'Status'; }

.admin.anmeldungen .event td:nth-of-type(1):before { content: 'Termin'; }
.admin.anmeldungen .event td:nth-of-type(2):before { content: 'Typ'; }
.admin.anmeldungen .event td:nth-of-type(3):before { content: 'Händler'; }
.admin.anmeldungen .event td:nth-of-type(4):before { content: 'PDF'; }
.admin.anmeldungen .event td:nth-of-type(5):before { content: 'Bestellung'; }
.admin.anmeldungen .event td:nth-of-type(6):before { content: 'Status'; }

.admin.anmeldungen tbody.auftrag td:nth-of-type(1):before { left:-50px; }
.admin.anmeldungen tbody.auftrag.fachberatung td:nth-of-type(3):before { content: 'Fachberater'; }
.admin.anmeldungen tbody.auftrag.grillpromotion td:nth-of-type(3):before { content: 'Promoter'; }
.admin.anmeldungen tbody.auftrag.grillkurs td:nth-of-type(3):before { content: 'Grillmeister'; }
.admin.anmeldungen tbody.auftrag td:nth-of-type(5):before { content: 'Auftrags-PDF'; }
.admin.anmeldungen tbody.auftrag td:nth-of-type(6):before { content: 'Auftrag'; }

.admin.anmeldungen tbody.bewerbung td:nth-of-type(2):before { content: 'Typ'; }
.admin.anmeldungen tbody.bewerbung.fachberatung td:nth-of-type(3):before { content: 'Fachberater'; }
.admin.anmeldungen tbody.bewerbung.grillpromotion td:nth-of-type(3):before { content: 'Promoter'; }
.admin.anmeldungen tbody.bewerbung.grillkurs td:nth-of-type(3):before { content: 'Grillmeister'; }
.admin.anmeldungen tbody.bewerbung td:nth-of-type(5):before { content: 'Auftrags-PDF'; }
.admin.anmeldungen tbody.bewerbung td:nth-of-type(6):before { content: 'Auftrag'; }

.admin.user td:nth-of-type(1):before { content: 'Land'; }
.admin.user td:nth-of-type(2):before { content: 'Sprache'; }
.admin.user td:nth-of-type(3):before { content: 'Typ'; }
.admin.user td:nth-of-type(4):before { content: 'Status'; }
.admin.user td:nth-of-type(5):before { content: 'SAP'; }
.admin.user td:nth-of-type(6):before { content: 'KNr'; }
.admin.user td:nth-of-type(7):before { content: 'ADM'; }
.admin.user td:nth-of-type(8):before { content: 'User'; }
.admin.user td:nth-of-type(9):before { content: 'Name'; }
.admin.user td:nth-of-type(10):before { content: 'Strasse'; }
.admin.user td:nth-of-type(11):before { content: 'PLZ'; }
.admin.user td:nth-of-type(12):before { content: 'Ort'; }
.admin.user td:nth-of-type(13):before { content: 'E-Mail'; }

.adm.haendler td:nth-of-type(1):before { content: 'SAP'; }
.adm.haendler td:nth-of-type(2):before { content: 'Name'; }
.adm.haendler td:nth-of-type(3):before { content: 'Strasse'; }
.adm.haendler td:nth-of-type(4):before { content: 'PLZ'; }
.adm.haendler td:nth-of-type(5):before { content: 'Ort'; }

.admin.versandliste table.gk td:nth-of-type(1):before { content: 'Kundennummer'; }
.admin.versandliste table.gk td:nth-of-type(2):before { content: 'Händler'; }
.admin.versandliste table.gk td:nth-of-type(3):before { content: 'Ansprechpartner'; }
.admin.versandliste table.gk td:nth-of-type(4):before { content: 'Strasse'; }
.admin.versandliste table.gk td:nth-of-type(5):before { content: 'PLZ'; }
.admin.versandliste table.gk td:nth-of-type(6):before { content: 'Ort'; }
.admin.versandliste table.gk td:nth-of-type(7):before { content: 'Werbematerial'; }

.admin.versandliste table.hk td:nth-of-type(1):before { content: 'Kundennummer'; }
.admin.versandliste table.hk td:nth-of-type(2):before { content: 'Händler'; }
.admin.versandliste table.hk td:nth-of-type(3):before { content: 'Ansprechpartner'; }
.admin.versandliste table.hk td:nth-of-type(4):before { content: 'Strasse'; }
.admin.versandliste table.hk td:nth-of-type(5):before { content: 'PLZ'; }
.admin.versandliste table.hk td:nth-of-type(6):before { content: 'Ort'; }
.admin.versandliste table.hk td:nth-of-type(7):before { content: 'Kombi'; }
.admin.versandliste table.hk td:nth-of-type(8):before { content: 'Urkunden'; }
.admin.versandliste table.hk td:nth-of-type(9):before { content: 'Marketing'; }

.admin.user input[type=text],
.admin.user input[type=email],
.admin.user select {
width:100%;
}

input[value="stornieren"] {
margin:0;
}

.termine td span.small, .anmeldungen td span.small, .admin.anmeldungen td span.small {
white-space:unset;
}

}

.admin.user #inaktiv:checked ~ table tr:not(.inaktiv),
.admin.user #aktiv:checked ~ table tr.inaktiv {
display:none;
}


.admin.anmeldungen input[type=number] {
width:50px;
color:#000;
}

.termine form.rechnung textarea,
.termine form.rechnung select,
.admin.rechnungen form select,
.admin.anmeldungen form.rechnung input[type=date],
.admin.anmeldungen form.rechnung input[type=time],
.admin.anmeldungen form.edit input[type=date],
.admin.anmeldungen form.edit input[type=time],
.termine form.rechnung input[type=date],
.termine form.rechnung input[type=time] {
color:#000;
}

.admin.anmeldungen form.rechnung input[type=number],
.admin.anmeldungen form.edit input[type=number],
.termine form.rechnung input[type=number] {
width:80px;
color:#000;
}

.admin.anmeldungen form.rechnung input[type=text],
.admin.anmeldungen form.rechnung input[type=email],
.admin.anmeldungen form.edit input[type=text],
.admin.anmeldungen form.edit input[type=email],
.termine form.rechnung input[type=text],
.termine form.rechnung input[type=email] {
width:150px;
color:#000;
}

.admin.anmeldungen form.edit select {
max-width:300px;
margin-bottom:5px;
}

.termine label {
font-weight:300;
}

.termine .rechnung.CH fieldset {
min-width:500px;
}

.termine .rechnung:not(.feedback) label:not([for^=bemerkungen]) {
width:310px;
}

.termine .rechnung label[for=lebensmittelpauschale] {
width:372px;
}

.admin.anmeldungen .rechnung label.first {
width:194px;
}

.admin.anmeldungen .rechnung label.first + input[type=checkbox] {
margin-right:62px;
}

.admin.anmeldungen .rechnung label[for=kulanz_haendler],
.admin.anmeldungen .rechnung label[for=kulanz_weber] {
position:relative;
}

.admin.anmeldungen .rechnung label[for=kulanz_haendler]:after,
.admin.anmeldungen .rechnung label[for=kulanz_weber]:after {
content:'-';
position:absolute; right:0px; top:0px;
}

.admin.anmeldungen .rechnung label[for=gesamt] {
width:310px;
}

.admin.anmeldungen .rechnung #rechnungstext {
width:830px; height:88px;
}

.admin.anmeldungen .rechnung #rechnungskorrektur:not(:checked) ~ label[for=rechnungstext],
.admin.anmeldungen .rechnung #rechnungskorrektur:not(:checked) ~ #rechnungstext {
display:none;
}


@media screen and (min-width:1024px) {

.termine form.rechnung {
min-width:480px;
}

}

.termine form.rechnung.feedback textarea {
width:430px;
}

.termine .rechnung label[for=gesamt] {
width:375px;
}

.termine .rechnung label[for=tagessatz] {
width:395px;
}

.termine .rechnung hr {
margin-top:0;
border-color:#696969;
}

.termine.grillkurs td h3 {
font-size:inherit;
}

.termine.grillkurs td a ~ h3 {
margin-top:1em;
}

label.grey {
color:#696969;
}

.termine .rechnung label[for=gesamt] {
padding:10px 0;
}

.admin.anmeldungen .rechnung label {
width:245px;
}

.admin.anmeldungen .rechnung input[type=number],
.admin.anmeldungen .edit input[type=number],
.termine .gm2 select,
.admin.anmeldungen .rechnung select,
.admin.anmeldungen .edit select {
color:#000;
}

.termine .gm2 select {
height:34.8px;
margin-right:10px;
position:relative; top:2px;
}

/*.admin.anmeldungen .rechnung input[type=text] {
text-align:right;
}*/

.admin.anmeldungen .rechnung textarea {
width:100%; height:58px;
color:#000;
}

.admin.anmeldungen .rechnung label[for=gutschriftnummer],
.admin.anmeldungen .rechnung label[for=gutschriftdatum] {
width:175px;
}
/*.admin.anmeldungen .rechnung label[for=rechnungsnummer],
.admin.anmeldungen .rechnung label[for=rechnungsdatum]*/

.admin.anmeldungen .rechnung label[for=menu] {
width:98px;
}

.admin.anmeldungen .edit label,
.admin.anmeldungen .edit label[for=menu] {
width:70px;
}

.admin.anmeldungen .edit label[for=promotyp],
.admin.anmeldungen .edit label[for=umbuchen],
.admin.anmeldungen .edit label[for=datumbeauftragtverschieben],
.admin.anmeldungen .edit label[for=mailanhaendler],
.admin.anmeldungen .edit label[for=mailangebucht],
.admin.anmeldungen .edit label[for=mailanbewerber] {
width:auto;
}

#umbuchen:checked ~ #datumbeauftragtverschieben:checked ~ label[for=mailanbewerber],
#umbuchen:checked ~ #datumbeauftragtverschieben:checked ~ #mailanbewerber,
#umbuchen:not(:checked) ~ label[for=mailanbewerber],
#umbuchen:not(:checked) ~ #mailanbewerber,
#umbuchen:not(:checked) ~ label[for=datumbeauftragtverschieben],
#umbuchen:not(:checked) ~ #datumbeauftragtverschieben {
display:none;
}

.termine .rechnung input[type=date],
.termine:not(.admin) .rechnung #rechnungsnummer,
.termine .rechnung.bewerber #rechnungsnummer {
width:160px;
}

.termine .rechnung.bewerber #rechnungsnummer {
margin-bottom:10px;
}

.termine .rechnung span.small.sum,
.termine .rechnung label + span.small,
.termine .rechnung select + span.small,
.termine .rechnung input + span.small {
position:relative;
display:inline-block;
padding-left:10px;
min-width:80px;
text-align:right;
}

.termine .rechnung span.small.sum {
min-width:100px;
}

.termine .rechnung.CH span.small.sum {
min-width:115px;
}

.termine .rechnung span.small.sum:before {
content:'';
position:absolute; top:-5px; right:0px;
width:80%; height:1px;
display:block;
border-top:1px solid #fff;
}

.downloads h2 {
margin:0 0 .5em 0;
}

.downloads ul + h2 {
margin:1.5em 0 .5em 0;
}

.downloads main ul li {
list-style-type:disc;
margin-left:15px;
}

.downloads li form {
display:inline-block;
}

.downloads .delete input[type=submit] {
color:#dc1e1e !important;
}

.downloads input[type=file],
.downloads input[type=submit] {
display:inline-block;
width:auto;
}

.downloads section section > b {
font-size:24px;
}

.downloads section section > ul b {
font-size:20px;
}

.downloads section section ul + b {
display:block;
margin-top:1em;
} 

.downloads section section ul {
padding:.5em 0 .5em 2em;
}

.downloads input[type=checkbox] {
position:absolute; left:-10000px;
}

.downloads input[type=checkbox]:not(:checked) + label + ul {
display:none;
}

.downloads main label {
display:block;
cursor:pointer;
}

.downloads main label svg {
fill:#dc1e1e;
transform:rotate(90deg);
width:30px; height:15px;
}

.downloads main input[type=checkbox]:checked + label svg {
transform:rotate(270deg);
}

form.feedback label {
min-width:200px;
}

.formular .h3 + input:not(:checked) + fieldset {
display:none;
}

.formular .h3 + input + fieldset {
position:relative; top:-2em;
margin-bottom:1em;
}

.formular .h3 {
width:100%;
text-align:left;
margin:-1em 0 2em 0;
color:#fff;
cursor:pointer;
}

.formular .h3 + input[type=checkbox] {
float:right;
position:relative; top:-3.5em; right:2em;
}

.formular input[type=submit] {
margin-bottom:2em;
}

.formular div.hinweis {
width:100%;
margin:.5em 0 -1em 0;
}

.datenschutz section {
max-width:1200px;
}

.datenschutz p {
margin-bottom:1em;
}

#planchafree:not(:checked) ~ .planchafree,
#promo:checked ~ #gm,
#balcony:checked ~ #gm,
#electro:checked ~ #gm {
display:none;
}

label[for^=bemerkungen] {
font-weight:300;
}

label[for^=bemerkungen] {
margin:.5em 0 0 0;
color:#6c6c6c;
}

#bemerkungen_admin,
#bemerkungen_mitarbeiter,
#bemerkungen_versand,
#bemerkungen_rechnung,
#bemerkungen {
display:block;
margin-top:.5em;
width:100%;
color:#fff;
background:none;
border:1px solid rgba(255,255,255,.3);
}

label + #bemerkungen_admin,
label + #bemerkungen_mitarbeiter,
label + #bemerkungen_versand,
label + #bemerkungen {
margin-top:0;
}

input.dn {
position:fixed; left:-1000px; top:-1000px;
}

.rechnungerzeugen + form input[type=checkbox] {
position:relative; top:3px;
width:18px; height:18px;
}

.rechnungerzeugen + form span.small.red {
white-space:normal;
padding:10px 0;
}

.rechnungerzeugen + form span.small.red,
.rechnungerzeugen + form,
.zuordnen + form {
display:none;
}

.zuordnen + form select {
color:#000;
}

.admin.anmeldungen a.job ~ form input[type=submit] {
background:#000;
}

.admin.user td:nth-child(3) {

}

.admin.user td:nth-child(4) {
min-width:200px;
}

.admin.user td:nth-child(13),
.admin.user th:nth-child(13),
.admin.user td:nth-child(9),
.admin.user th:nth-child(9) {
max-width:290px;
}

.admin.user td:nth-child(13) a {
display:inline;
}

th[data-order],
.admin.user th {
cursor:pointer;
}

.filter {
opacity:0;
}

a.small.direkt {
display:inline-block;
margin-left:10px;
text-align:left;
}

h2.red,
span.red,
label.red {
color:#dc1e1e;
font-weight:600;
}

.admin .gutschriften input[type=checkbox] {
width:20px; height:20px;
/*display:block;
margin:0 auto;*/
}

.admin .gutschriften tbody td:last-child input[type=button],
.admin .gutschriften tbody td:last-child input[type=submit] {
width:auto;
margin:10px 0 0 0;
}

#jquery-script-menu{position:absolute;height:90px;width:100%;top:0;left:0;border-top:5px solid #316594;background:#fff;-moz-box-shadow:0 2px 3px 0 rgba(0,0,0,.16);-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.16);box-shadow:0 2px 3px 0 rgba(0,0,0,.16);z-index:999999;padding:10px 0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.jquery-script-center{max-width:960px;margin:0 auto}.jquery-script-center ul{width:212px;float:left;line-height:45px;margin:0;padding:0;list-style:none}.jquery-script-center a{text-decoration:none}.jquery-script-ads{max-width:728px;height:90px;float:right}.jquery-script-clear{clear:both;height:0}#carbonads{display:block;overflow:hidden;max-width:728px;position:relative;font-size:22px;box-sizing:content-box}#carbonads>span{display:block}#carbonads a{color:#4078c0;text-decoration:none}#carbonads a:hover{color:#3664a3}.carbon-wrap{display:flex;align-items:center}.carbon-img{display:block;margin:0;line-height:1}.carbon-img img{display:block;height:90px;width:auto}.carbon-text{display:block;padding:0 1em;line-height:1.35;text-align:left}.carbon-poweredby{display:block;position:absolute;bottom:0;right:0;padding:6px 10px;text-align:center;text-transform:uppercase;letter-spacing:.5px;font-weight:600;font-size:8px;border-top-left-radius:4px;line-height:1;color:#aaa!important}@media only screen and (min-width:320px) and (max-width:759px){.carbon-text{font-size:14px}}@media only screen and (max-width:1023px){.jquery-script-ads{display:none}}

#provisionsliste {
display:block;
max-width:510px;
padding:10px;
margin:1em 0;
border:1px solid #fff;
font-size:.8em;
}

.termine .rechnung #provisionsliste label {
width:350px;
}

.termine .rechnung #provisionsliste input + span.small {
min-width:50px;
}

.auswertung div.auswertung {
display:flex;
flex-direction:row;
flex-wrap:wrap;
gap:30px;
justify-content:space-between;
}

@media screen and (max-width:1380px) {

.auswertung div.auswertung:first-of-type {
max-width:700px;
}

}

.auswertung th {
background:rgba(255,255,255,.1);
border:1px solid #fff;
}

.auswertung th,
.auswertung td {
padding:3px 10px;
}

.auswertung.ziele td.a0 { color:#999; /*background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 30%, rgba(255,255,255,0.25) 100%);*/ }
.auswertung.ziele td.a1 { background:linear-gradient(90deg, rgba(52,157,0,0) 0%, rgba(52,157,0,0) 30%, rgba(52,157,0,1) 100%); }
.auswertung.ziele td.a2 { background:linear-gradient(90deg, rgba(235,210,0,0) 0%, rgba(235,210,0,0) 30%, rgba(235,210,0,1) 100%); }
.auswertung.ziele td.a3 { background:linear-gradient(90deg, rgba(171,0,0,0) 0%, rgba(171,0,0,0) 30%, rgba(171,0,0,1) 100%); }

.haendlerdaten label {
width:123px;
}

.subnav {
float:right;
margin:0 0 2em 0;
}

.subnav li {
float:left;
}

.subnav li + li {
margin-left:20px;
}

.subnav li a:before {
content:'☐ ';
}

.subnav li.aktiv a:before {
content:'☑ ';
}

.auswertung.ziele {
display:block;
width:100%;
}
body:not(.mitarbeiter) .auswertung.ziele {
max-height:90vh;
overflow:auto;
}
.auswertung.ziele table {
table-layout: fixed;
}
.auswertung.ziele table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #000;
}
.auswertung.ziele table thead tr:last-of-type th {
  top: 58px;
  z-index: 2;
}
.auswertung.ziele table thead th:first-child {
  position: sticky;
  left: 0;
  z-index: 3 !important;
}
.auswertung.ziele table tbody th:first-child {
  position: sticky;
  left: 0;
  background: #000;
  z-index: 2;
}

.versandliste form label {
width:auto;
font-family:"weberserif", sans-serif;
font-weight:400;
color:#aaa;
}

.versandliste form label.mw {
min-width:200px;
}

.versandliste form label[for$=anzahl] {
display:inline-block;
margin-left:50px;
}

.versandliste form #mailsenden {
display:inline-block;
margin-left:100px;
}

.versandliste form select,
.versandliste form input {
width:auto;
padding:2px 10px;
margin:0 5px;
color:#171717;
}

.versandliste form select {
max-width:200px;
}

.versandliste form input[type=date] {
max-width:150px;
}

.versandliste form input[type=number] {
max-width:50px;
}

.versandliste form input[type=text] {
width:calc(100% - 210px);
}

@media screen and (min-width:1700px) {

.versandliste form input[type=text] {
max-width:calc(100% - 170px);
margin-right:0;
}

.versandliste.onlinestellung form input[type=text] {
max-width:calc(100% - 380px);
}

}

.zusammenlegen td {
white-space:nowrap;
}

.zusammenlegen td input[type=radio] {
display:block;
margin:0 auto;
}

.zusammenlegen tr.green td {
background: #006600;
}

.zusammenlegen tr.red td {
background:#dc1e1e;
}

/* Kalender */

body.kalender div.kalender > div {
display:flex;
flex-direction:row;
flex-wrap:wrap;
gap:50px;
padding-bottom:100px;
}

body.kalender main table {
margin:0;
font-size:14px;
}

body.kalender main table caption {
font-size:20px;
}

body.kalender main table a {
text-decoration:none;
}

body.kalender main table a.date {
display:block;
text-align:right;
font-size:20px;
color:#999;
}

body.kalender main table span {
font-size:8px;
color:#999;
}

body.kalender .kal_aktueller_tag {
font-weight:bold;
}

body.kalender .kal_vormonat_tag {
color:#666;
text-align:right;
vertical-align:top;
}

body.kalender td.yellow {
background:rgba(255,255,0,.25);
}

body.kalender td.red {
background:rgba(255,0,0,.25);
}

body.kalender td.green {
background:rgba(0,255,0,.25);
}

body.kalender td.grey {
background:rgba(0,0,0,.25);
}

input[name=saisonpauschale]:not(:checked) ~ input[name=rnr_saisonpauschale],
input[name=saisonpauschale]:not(:checked) ~ label[for^=rnr_saisonpauschale] {
display:none;
}

.kalenderurlaub div,
.kalenderurlaub {
width:100%;
}

@media screen and (min-width:1920px) {

.kalenderurlaub {
display:flex;
flex-direction:row;
gap:40px;
}

.kalenderurlaub div.kalender {
flex-basis:1410px;
flex-shrink:0;
}

.kalenderurlaub div.urlaub {
flex-basis:470px;
}

}

.kalenderurlaub .urlaub a {
font-size:.9em;
text-decoration:none;
}

a.orange,
span.orange {
color:#FFA000;
}

.termine tr.urlaub td {
color:#999;
}

.termine tr.urlaub.zeile td {
color:#fff;
background:rgba(255, 160, 0, .2);
}

/* Karte */

@media screen and (min-width:1024px) {

.haendlerkarte #list,
.mitarbeiterkarte #list {
float:left;
width:300px; height:calc(100vh - 230px);
overflow-y:auto;
}

.mitarbeiterkarte #map {
float:left;
width:calc(100% - 300px); height:calc(100vh - 230px);
}

.haendlerkarte #map {
float:left;
width:calc(100% - 600px); height:calc(100vh - 230px);
}

}

@media screen and (max-width:1023px) {

.haendlerkarte #list,
.mitarbeiterkarte #list {
display:block;
width:100%;
}

.mitarbeiterkarte #map,
.haendlerkarte #map {
width:100%; height:calc(100vh - 230px);
}

}


.haendlerkarte #list .property.highlight,
.mitarbeiterkarte #list .property.highlight {
align-items:flex-start;
border-radius:0;
}

.haendlerkarte #list .icon svg,
.mitarbeiterkarte #list .icon svg {
width:30px;
height:30px;
}

.haendlerkarte,
.mitarbeiterkarte {
  --gm-color: #EA4335;
  --pmplus-color: #FF9800;
  --fb-color: #0288D1;
  --pm-color: #558B2F;
  --hk-color: #999;
}

/*
 * Property styles in unhighlighted state.
 */
.property {
  align-items: center;
  background-color: #FFFFFF;
  border-radius: 50%;
  color: #263238;
  display: flex;
  font-size: 14px;
  gap: 15px;
  height: 30px;
  justify-content: center;
  padding: 4px;
  position: relative;
  position: relative;
  transition: all 0.3s ease-out;
  width: 30px;
}

.property::after {
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid #FFFFFF;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  top: 95%;
  transform: translate(-50%, 0);
  transition: all 0.3s ease-out;
  width: 0;
  z-index: 1;
}

.property .icon {
  align-items: center;
  display: flex;
  justify-content: center;
  color: #FFFFFF;
}

.property .icon svg {
  height: 20px;
  width: auto;
}

.property .details {
  display: none;
  flex-direction: column;
  flex: 1;
}

.property .address,
.property .mail,
.property .phone {
  color: #9E9E9E;
  font-size: 10px;
  margin-top: 5px;
}

.property .features {
  margin-top: 10px;
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.property .features > div {
  align-items: center;
  background: #F5F5F5;
  border-radius: 5px;
  border: 1px solid #ccc;
  display: flex;
  font-size: 10px;
  gap: 5px;
  padding: 5px;
}

/*
 * Property styles in highlighted state.
 */
.property.highlight {
  background-color: #FFFFFF;
  border-radius: 8px;
  box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.2);
  height: 130px;
  padding: 8px 15px;
  width: auto;
}

.property.highlight::after {
  border-top: 9px solid #FFFFFF;
}

.property.highlight .details {
  display: flex;
}

.property.highlight .icon svg {
  width: 50px;
  height: 50px;
}

.property .gm {
  color: #EA4335;
}

.property .fb {
  color: #03A9F4;
}

.property .pm {
  color: #388E3C;
}

.property .pmplus {
  color: #FFA000;
}

.property .hk {
  color: #999;
}

/*
 * FB icon colors.
 */
.property.highlight:has(.icon.user-tie) .icon {
  color: var(--fb-color);
}

.property:not(.highlight):has(.icon.user-tie) {
  background-color: var(--fb-color);
}

.property:not(.highlight):has(.icon.user-tie)::after {
  border-top: 9px solid var(--fb-color);
}

/*
 * GM icon colors.
 */
.property.highlight:has(.icon.burger) .icon {
  color: var(--gm-color);
}

.property:not(.highlight):has(.icon.burger) {
  background-color: var(--gm-color);
}

.property:not(.highlight):has(.icon.burger)::after {
  border-top: 9px solid var(--gm-color);
}

/*
 * PM+ icon colors.
 */
.property.highlight:has(.icon.user-plus) .icon {
  color: var(--pmplus-color);
}

.property:not(.highlight):has(.icon.user-plus) {
  background-color: var(--pmplus-color);
}

.property:not(.highlight):has(.icon.user-plus)::after {
  border-top: 9px solid var(--pmplus-color);
}

/*
 * PM icon colors.
 */
.property.highlight:has(.icon.user) .icon {
  color: var(--pm-color);
}

.property:not(.highlight):has(.icon.user) {
  background-color: var(--pm-color);
}

.property:not(.highlight):has(.icon.user)::after {
  border-top: 9px solid var(--pm-color);
}


/*
 * HK icon colors.
 */
.property.highlight:has(.hk) .icon {
  color: var(--hk-color);
}

.property:not(.highlight):has(.hk) {
  background-color: var(--hk-color);
}

.property:not(.highlight):has(.hk)::after {
  border-top: 9px solid var(--hk-color);
}


/* PLZ */

.mitarbeiterkarte {
--red:#EA4335;
--yellow:#ea6835;
--green:#FF9800;  
--grey:#f4d453;
/*--yellow:#ff8a00;
--green:#0000df;  
--grey:#00ddff;*/
}

.property:not(.highlight):has(.red) {
  background-color: var(--red);
}

.property:not(.highlight):has(.yellow) {
  background-color: var(--yellow);
}

.property:not(.highlight):has(.green) {
  background-color: var(--green);
}

.property:not(.highlight):has(.grey) {
  background-color: var(--grey);
}

.property.highlight:has(.red) .icon,
.property .icon.red {
  color: var(--red);
}

.property.highlight:has(.yellow) .icon,
.property .icon.yellow {
  color: var(--yellow);
}

.property.highlight:has(.green) .icon,
.property .icon.green {
  color: var(--green);
}

.property.highlight:has(.grey) .icon,
.property .icon.grey {
  color: var(--grey);
}

.property:not(.highlight):has(.red)::after {
  border-top: 9px solid var(--red);
}

.property:not(.highlight):has(.yellow)::after {
  border-top: 9px solid var(--yellow);
}

.property:not(.highlight):has(.green)::after {
  border-top: 9px solid var(--green);
}

.property:not(.highlight):has(.grey)::after {
  border-top: 9px solid var(--grey);
}

.property.highlight .icon:has(.fa-stack) svg {
width:30px;
}

.fa-stack .text-primary {
color:#fff;
display:flex;
justify-content:center;
align-items:center;
}

.legende label {
display:block;
width:100%;
padding:5px 0;
text-align:right;
color:#fff;
}

.legende label:after {
content:'';
display:inline-block;
width:15px; height:15px;
margin-left:10px;
}

.legende label.red:after { background:var(--red); }
.legende label.yellow:after { background:var(--yellow); }
.legende label.green:after { background:var(--green); }
.legende label.grey:after { background:var(--grey); }

/* Händlerkarte */

.haendlerkarte .filter:has(.icon.premium),
.haendlerkarte .property:has(.icon.premium) { --haendlercolor:#2573bc; } /*#88fffa;*/
.haendlerkarte .filter:has(.icon.premiumplus),
.haendlerkarte .property:has(.icon.premiumplus) { --haendlercolor:#018827; } /*#0dd144;*/
.haendlerkarte .filter:has(.icon.weberworld),
.haendlerkarte .property:has(.icon.weberworld) { --haendlercolor:#bc805e; }
.haendlerkarte .filter:has(.icon.weberworldplus),
.haendlerkarte .property:has(.icon.weberworldplus) { --haendlercolor:#4e524d; }
.haendlerkarte .filter:has(.icon.weberstore),
.haendlerkarte .property:has(.icon.weberstore) { --haendlercolor:#ed1b24; }
.haendlerkarte .filter:has(.icon.weberoriginalstore),
.haendlerkarte .property:has(.icon.weberoriginalstore) { --haendlercolor:#870018; }
.haendlerkarte .filter:has(.icon.partner),
.haendlerkarte .property:has(.icon.partner) { --haendlercolor:#000; }
.haendlerkarte .filter:has(.icon.ohnekategorie),
.haendlerkarte .property:has(.icon.ohnekategorie) { --haendlercolor:#ff0; }

.haendlerkarte #map .property:not(.highlight) .icon, 
.haendlerkarte .property.highlight:has(.icon.user) .icon,
.haendlerkarte .property.highlight .icon {
  color: var(--haendlercolor);
}

.haendlerkarte .property:not(.highlight):has(.icon.user) {
  background-color: transparent;
  color:var(--haendlercolor);
}

.haendlerkarte .property:not(.highlight):has(.icon.user):after {
  border-top: 9px solid var(--haendlercolor);
  display:none;
}

.haendlerkarte #map .property:not(.highlight) {
width:15px; height:15px;
}

.haendlerkarte .filter .icon {
  float:left;
  margin:0 10px;
  color: var(--haendlercolor);
}

.haendlerkarte .filter .icon svg {
width:20px; height:20px;
}

.haendlerkarte #map .property:not(.highlight) .icon svg {
width:15px; height:15px;
}

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

.adm.haendler .inaktiv {
display:none;
}

.standardzeit2026 {
display:none;
}


ul.steps {
width:100%;
max-width:1188px;
display:flex;
flex-direction:row;
gap:1px;
margin:1em 0 2em 0;
}

ul.steps li {
flex-basis:calc(33.3% - 2px);
padding:10px 20px;
background:rgba(255,255,255,.4);
color:#000;
}

ul.steps li.aktiv {
background:rgba(255,0,0,.4);
color:#fff;
}

ul.steps li span {
display:inline-flex;
justify-content:center;
align-items:center;
width:1.5em; height:1.5em;
border-radius:50%;
background:#fff;
color:#000;
padding-top:4px;
margin-right:.5em;
}

h3:has(.pfeilrunter) {
position:relative;
padding-left:100px;
max-width:1188px;
}

.pfeilrunter {
position:absolute; left:30px; top:50%;
transform:translateY(-50%);
font-size:10rem;
text-shadow:0 0 10px rgba(0,0,0,.5);
}

@media screen and (max-width:914px) {

ul.steps {
flex-direction:column;
}

}

header > div.fortsetzung {
position:fixed; left:0px; top:72px;
width:100%; height:36px;
background:#ed1d24;
color:#fff;
font-weight:bold;
justify-content:center;
}

header:has(.fortsetzung) + main {
padding-top:158px;
}

@media screen and (max-width:790px) {

header > div.fortsetzung {
height:72px;
}

header:has(.fortsetzung) + main {
padding-top:194px;
}


}

@media screen and (max-width:425px) {

header > div.fortsetzung {
height:108px;
}

header:has(.fortsetzung) + main {
padding-top:230px;
}


}

.anmeldungen .auftrag.veranstaltung label,
.anmeldungen .bewerbung.veranstaltung label {
min-width:217px;
}

.anmeldungen .auftrag.veranstaltung input[type=number],
.anmeldungen .bewerbung.veranstaltung input[type=number] {
width:60px;
}

.veranstaltung #weberbezahlt:checked ~ .filter[name^=filter-],
.veranstaltung #weberoffen:checked ~ .filter[name^=filter-],
.saisonpauschale #weberbezahlt:checked ~ .filter[name^=filter-],
.saisonpauschale #weberoffen:checked ~ .filter[name^=filter-],
.weberpauschale .filter[name^=filter-],
.veranstaltung #weberbezahlt:checked ~ .filter[for^=filter-],
.veranstaltung #weberoffen:checked ~ .filter[for^=filter-],
.saisonpauschale #weberbezahlt:checked ~ .filter[for^=filter-],
.saisonpauschale #weberoffen:checked ~ .filter[for^=filter-],
.weberpauschale .filter[for^=filter-] {
display:none;
}

.termine #genja:checked ~ .gennein {
display:none;
}

.admin.rechnungen table:not(:has(input:checked)) input[value^=ausgew] {
display:none;
}