@import url('https://fonts.googleapis.com/css2?family=Luxurious+Script&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); 
:root {
--font-size18: 18px;
--font-size10pt: 10pt; 
--font-size22: 1.23rem;
--font-size28: 1.55rem;
--font-size40: 2.22rem;
--font-size72: 4rem;
--cassiopeia-color-primary: #b6ddd5;
--body-font-size: 16px;
--body-line-height:18px; 
--camp-font-size-sub: 1.63rem;
--camp-font-size-sub-line-height: 1.5rem;
--camp-font-size-head: 5.1rem;
--camp_gray: #dde1e6;
--max-width: 1280px;
--bs-body-bg: #000;
--btn-font-family: "Poppins";
}
:root, [data-bs-theme="light"] {
   --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #d1bf93;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #B6DDD5;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #344034;
  --primary: #B6DDD5;
  --secondary: #d1bf93;
  --success: #28a745;
  --info: #6c757d;
  --warning: #fd7e14;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #344034;
  --primary-rgb: 1, 1, 86;
  --secondary-rgb: 109, 117, 126;
  --success-rgb: 68, 131, 68;
  --info-rgb: 48, 99, 141;
  --warning-rgb: 173, 98, 0;
  --danger-rgb: 165, 31, 24;
  --light-rgb: 249, 250, 251;
  --dark-rgb: 53, 59, 65;
  --primary-text-emphasis: #002;
  --secondary-text-emphasis: #2c2f32;
  --success-text-emphasis: #1b341b;
  --info-text-emphasis: #132838;
  --warning-text-emphasis: #452700;
  --danger-text-emphasis: #420c0a;
  --light-text-emphasis: #484f56;
  --dark-text-emphasis: #484f56;
  --primary-bg-subtle: #eff2f2;
  --secondary-bg-subtle: #e2e3e5;
  --success-bg-subtle: #dae6da;
  --info-bg-subtle: #d6e0e8;
  --warning-bg-subtle: #efe0cc;
  --danger-bg-subtle: #edd2d1;
  --light-bg-subtle: #fcfdfd;
  --dark-bg-subtle: #ced4da;
  --primary-border-subtle: #99b;
  --secondary-border-subtle: #c5c8cb;
  --success-border-subtle: #b4cdb4;
  --info-border-subtle: #acc1d1;
  --warning-border-subtle: #dec099;
  --danger-border-subtle: #dba5a3;
  --light-border-subtle: #eaedf0;
  --dark-border-subtle: #adb5bd;
  --white-rgb: 255, 255, 255;
  --black-rgb: 0, 0, 0;
  --font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --gradient: linear-gradient(180deg, #ffffff26, #fff0);
  --body-font-family: var(--cassiopeia-font-family-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
  --body-font-size: 1rem;
  --body-font-weight: 400;
  --body-line-height: 1.5;
  --body-color: #22262a;
  --body-color-rgb: 34, 38, 42;
  --body-bg: #fff;
  --body-bg-rgb: 255, 255, 255;
  --emphasis-color: #000;
  --emphasis-color-rgb: 0, 0, 0;
  --secondary-color: #22262abf;
  --secondary-color-rgb: 34, 38, 42;
  --secondary-bg: #eaedf0;
  --secondary-bg-rgb: 234, 237, 240;
  --tertiary-color: #22262a80;
  --tertiary-color-rgb: 34, 38, 42;
  --tertiary-bg: #f9fafb;
  --tertiary-bg-rgb: 249, 250, 251;
  --heading-color: inherit;
  --link-color: #224faa;
  --link-color-rgb: 34, 79, 170;
  --link-decoration: underline;
  --link-hover-color: #424077;
  --link-hover-color-rgb: 66, 64, 119;
  --code-color: #e93f8e;
  --highlight-color: #22262a;
  --highlight-bg: #fbeea8;
  --border-width: 1px;
  --border-style: solid;
  --border-color: #dfe3e7;
  --border-color-translucent: #0000002d;
  --border-radius: .25rem;
  --border-radius-sm: .2rem;
  --border-radius-lg: .3rem;
  --border-radius-xl: .3rem;
  --border-radius-xxl: 2rem;
  --border-radius-2xl: var(--border-radius-xxl);
  --border-radius-pill: 50rem;
  --box-shadow: 0 .5rem 1rem #00000026;
  --box-shadow-sm: 0 .125rem .25rem #00000013;
  --box-shadow-lg: 0 1rem 3rem #0000002d;
  --box-shadow-inset: inset 0 1px 2px #00000013;
  --focus-ring-width: .25rem;
  --focus-ring-opacity: .25;
  --focus-ring-color: #01015640;
  --form-valid-color: #448344;
  --form-valid-border-color: #448344;
  --form-invalid-color: #a51f18;
  --form-invalid-border-color: #a51f18;
--btn-font-family: "Poppins";
}

.luxurious-script-regular {
  font-family: "Luxurious Script", sans-serif;
  font-weight: 400;
  font-style: normal; 
}
.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.btn-primary:hover, .btn-primary:focus {background-color:var(--bs-btn-bg);}
h1,h2,h3,h4,h5,h6 {  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;}
.ev_slim summary {
    text-align: center;
	    border: 1px solid;
}
summary {
    font-weight: 600;
}
.ev_slim summary:hover {
	color:#FFF;
    background: linear-gradient(180deg, #404071 0%, #404071 100%);
}
body,button,.btn {font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;}
body > div.site-grid > div > main > div > div.icons > div > div > a {display:none;}
#tn_uebersicht > .tnlist:nth-of-type(even) {background-color:var(--gray-300);}
#tn_uebersicht > .tnlist:nth-of-type(odd) {background-color:var(--gray-400);}


.blink-success {
        background-color: #d4edda !important;
        transition: background-color 1s ease;
    }


.tooltip .tooltip-inner {font-size: 1rem;border:3px solid #aed18c;}
.bi:hover{border-color:#b6ddd5 !important;}

.blink-red {
	border: 2px solid red;
	animation: blink 1s ease-in-out;
}
@keyframes blink {
	0%, 100% { background-color: #fff; }
	50% { background-color: #ffdddd; }
}
.container-header {background-image:unset;background-color:var(--info);}
.container-header .mod-menu>li>a, .container-header .mod-menu>li>span {color:var(--secondary);}
.green-bg-verlauf {background: linear-gradient(285.09deg, rgba(0, 0, 0, 0) 6.27%, rgba(182, 221, 213, 0.2) 82.01%);}
.gold-bg-verlauf {background: linear-gradient(285.09deg, rgba(113, 113, 113, 0) 6.27%, rgba(191, 158, 81, 0.2) 82.01%);}
.blue-bg-verlauf {
    background: linear-gradient(285.09deg, rgba(113, 113, 113, 0) 6.27%, rgb(81 115 191 / 20%) 82.01%);
}
#jform,#ta_form,#vp_form {padding:15px;}



 
 



#webinarform ul {list-style:none;}
button.v_anlegen {
	width: 200px;
    margin: auto;
    display: block;
    height: 60px;
font-size: var(--camp-font-size-sub);}
ul.evt_main_data li {display: grid;
    grid-template-columns: 1fr 1.3fr;
    align-items: center;
    border-bottom: 1px solid;
    word-break: break-all;
}
#vl_vidlink{width:30%;}
.evt_data_grid {display: grid;
    grid-template-columns: 1fr 1fr;
grid-column-gap: 20px;}
.evt_data_grid .actionbuttons{grid-template-rows:160px 160px 160px 160px;justify-items: center;align-items:center;}
.evt_data_grid .actionbuttons button{height:150px;width:150px;}	
.evt_data_grid .actionbuttons button i {font-size:3rem;}	
.evt_data_grid .actionbuttons button.delete {height: 20px;
    width: 20px;
    color: red;
    font-size: 20px;
    line-height: 16px;
padding: 0;}
.evt_data_grid .actionbuttons input[type="file"] {max-width:150px;}
.evt_file {overflow:hidden;
width: 150px;height:150px;}
.evt_add_data {display: grid;
    grid-template-columns: 48% 48%;
grid-column-gap: 5%;padding:0;}
.evt_add_data label{font-size: 1.4rem;
    text-align: center;
width: 100%;margin:20px;}
#teilnehmer.tn_hinzu_backend {max-width:1280px;margin:auto;}
.evt_file label  {font-size: 1.3rem;
    text-align: center;
width: 100%;}
.tn_hinzu_backend_tarife#tb_tarife {max-width:700px;}
.event_file label{margin:5px;}
.div_doc button {height: 70px;width: 250px;margin: 10px auto;font-size: var(--camp-font-size-sub);line-height: var(--camp-font-size-sub);}
.fr-top button {width:25px;}
h1.doc_template {cursor:pointer;border:1px solid var(--camp_blue3);}
div.doc_template {display:none;}
div.tn_readdr {display:none;}
#f_eventlist .event_date {margin:10px 25px; text-align:right;line-height:1.5em;}
#webinarform, #teilnehmerform {margin:auto;
    padding: 1vw;}
#teilnehmerform td {padding:0 15px;}
.evnt_head,.tn_form {margin:auto;padding:10px;background-color: var(--camp_blue1);}
.evnt_lines {margin: auto;
    padding: 20px;
    background: var(--camp_blue1);
    width: 70vw;
    margin-top: 30px;}
#webinarform, #teilnehmerform {margin:auto;max-width:var(--max-width);
    padding: 1vw;}
#teilnehmerform td {padding:0 15px;}
.evnt_head,.tn_form {margin:auto;background-color: var(--camp_blue1);}
.evnt_lines {margin: auto;
    border: 1px solid #fff;
    padding: 20px;
    background: var(--camp_blue1);
    width: 70vw;
    margin-top: 30px;}
#f_eventlist .event_header {font-size:1.3rem;}
#f_eventlis{background-color:white;}
.tn_toolbox i {margin:0;}
.event_header {font-size:var(--camp-font-size-sub);}
.event_header button {min-width:200px;}
.evt_row:nth-child(4n),.evt_row:nth-child(4n-1), .evd_details:nth-child(even) {background-color:#7eb7ef;}
.evd_details > td , .evd_table > thead {padding:5px;}
.evd_head{background-color:#7eb7ef;border:1px solid;}
.evd_details{border:1px solid;}
.evt_mgmt {width:800px;margin:auto;}
.actionbuttons {
    display: grid;
    grid-auto-columns: auto;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: start;
    grid-column-gap: 20px;
    grid-row-gap: 10px;
    text-align: center;
	max-width: 98vw;
    margin: auto;
}
.actionbuttons button {
	height: 56px;
    width: 100%;
    margin: 5px;
    font-size: 1.2rem;
	line-height:1.2rem;
}
.verwaltung_buttons button {
	height: 100px;
    width: 100%;
    margin: 5px;
    font-size: 1.4rem;
	line-height:1.4rem;
}
.justify{text-align:justify;}
.verwaltung_buttons button i {font-size:36px;}
.verwaltung button.green {background-color:#00a500;}
.verwaltung button.orange {background-color:#d59300;}
.verwaltung button.red {background-color:#cb7777;}
.verwaltung button.blue {background-color:#009da5;}
.verwaltung button:hover.blue,button:hover.red,button:hover.green,button:hover.orange {border:1px solid #ccc;}
.ans_live_anmeldeform {text-align:center;}
.container-header .mod-menu{color:#fff;}
.newevent {padding:5px;}
#toolbox,.tn_toolbox {display:inline-block;} 
.t_dsgvo {    max-width: 640px;padding-left: 20px;
margin: auto;}
#tb_tarife{list-style:none;}
#tb_tarife li {border-bottom: 1px solid red;
    padding: 5px;
    margin: 5px 0;
    justify-items: stretch;}
#tn_uebersicht {list-style:none;min-width: 300px;margin: auto;font-size:0.9rem;overflow:visible;padding-left:5px;}
#tn_uebersicht > li > span {display:inline-block;overflow:hidden;}

#tb_tarife_select li.evt_li_tarif,#tb_tarife li.evt_li_tarif {
	border-bottom: 1px solid #b81c4e;
	font-size:0.9em;
    padding: 20px 0;
    position: relative;
    display: grid;
    grid-template-columns: 30px 2.5fr 1fr 1.5fr;
}	
.tn_liste {padding-top:50px;}
.tndetails {cursor:pointer;    border: 0;
    background-color: initial;}
i.fa-solid {align-items: center;text-align:center;
display: inherit;}
div.tn_details {
	display:none;
	    position: absolute;
    bottom: 15px;
	left:30px;z-index:999;
	padding:13px;
	background-color: var(--camp_blue1);max-width:400px;
	box-shadow:0px 0px 20px 20px rgb(0 0 0 / 60%)
}
.back_button {height: 40px;
    width: 200px;
    font-size: 1.3rem;
color: green;}
#backbutton {text-align:center;}
div.tn_details ul {list-style:none;padding:0;}
div.tn_details li {display: grid;column-gap:20px;
grid-template-columns: 1fr 1fr;}
span.tn_value{font-weight:bold;}
#tn_uebersicht li.header {background-color: var(--camp_blue3);color: #fff;}
#tn_uebersicht li.header>button {color:#000;text-align:left;padding:2px;font-size:0.8em;}
#tn_uebersicht .chkbox {margin:5px;font-size:0.8em;}
#tn_uebersicht .fa-file-lines {color:#2e5bff;}

#tn_uebersicht .tn_toolbox {font-size:0.9em;}
#tn_uebersicht .tn_toolbox .tn_edit {margin: 1px;
    border: 1px solid #000;
    width: 30px;
    height: 30px;
    padding: 0;}



.tn_tarife_umsatz {list-style:none;}
.tn_tarife_umsatz li {border: 1px solid #000;padding:8px;}
.tn_tarife_umsatz li:nth-of-type(even) {background-color: var(--camp_blue2);}
ul.tn_uebersicht {list-style:none;}
ul.tn_master_uebersicht {list-style:none;}
ul.tn_master_uebersicht li {    align-items: center;
    display: grid;
    grid-template-columns: 40px 50px 1fr 1fr 2fr;
    grid-column-gap: 5px;
    padding: 2px;}
ul.tn_uebersicht li {  align-items: center;display:grid;grid-template-columns:20px 30px 1fr 1fr 1fr;grid-column-gap:5px;padding:2px;}


/* TN POPUP */

#tn_form.tn_popup li {max-width:500px;}
#tn_form.tn_popup li input,#tn_form.tn_popup li label,#tn_form.tn_popup li select,#tn_form.tn_popup li textarea {font-size:1rem;max-width:200px;margin:3px 0;}
#tn_form.tn_popup {padding-top:0;}
#tn_form.tn_popup textarea#t_notiz {height:unset;}