@charset "utf-8";
@import url('/acp/assets/css/lightcase/lightcase.css');
@import url('/acp/assets/css/dropzone/dropzone.basic.css');
@import url('/acp/assets/css/dropzone/dropzone.css');

/* Schriftarten */
@font-face { font-family: 'Lato'; font-style: italic; font-weight: 400; font-display: swap; src: url(/acp/assets/fonts/Lato-italic-400.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Lato'; font-style: italic; font-weight: 700; font-display: swap; src: url(/acp/assets/fonts/Lato-italic-700.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; font-display: swap; src: url(/acp/assets/fonts/Lato-normal-400.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; font-display: swap; src: url(/acp/assets/fonts/Lato-normal-700.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* UI Symbol Icons */
@font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(/acp/assets/fonts/material-icons.woff2) format('woff2'); }
.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; }

/* Grundeinstellungen */
*													{ margin: 0; padding: 0; box-sizing: border-box; }
body											{ font-family: 'Lato', sans-serif; font-size: 16px; font-weight: 400; background: #ffffff; }
#acp header								{ display: none; overflow: auto; }
#acp main									{ width: 100%; }
#acp content							{ display: flex; flex-direction: row; height: 100%; overflow: hidden; }
#acp footer								{ width: 100%; }
#acp #workspace						{ margin-left: 240px; display: flex; flex-direction: column; width: 100%;  padding: 1.500rem 2.000rem; }

/* Global */
#acp h1										{ font-size: 1.750rem; font-weight: 400; margin-bottom: 1.750rem; color: #e14d28; }
#acp h2										{ font-size: 1.500rem; font-weight: 400; margin-bottom: 1.500rem; color: #e14d28; }
#acp h3										{ font-size: 1.250rem; font-weight: 400; margin-bottom: 1.250rem; color: #9d2c79; padding-bottom: 0.500rem; border-bottom: 1px solid #9d2c79; }
#acp h3 i									{ font-size: 24px; line-height: 1.250rem; }
#acp .right								{ float: right; text-align: right !important; line-height: 1.250rem; padding: 0.300rem 0; }
#acp .right	a							{ color: #9d2c79 !important; font-size: 1.250rem; }
#acp strong								{ font-weight: 700; color: #9d2c79; }
#acp .borderb							{ border-bottom: 1px solid #cd1150; }
#acp #navdesk							{ width: 240px; height: 100%; border-right: 1px solid #000; padding: 0 1.500rem 1.500rem; position: fixed; }
#acp .databox							{ width: 50%; margin: 0 auto; }
#acp .section							{ margin-bottom: 2.000rem; background: #f8f3ec; border: 1px solid #cd1150; padding: 1.500rem; }
#acp .inner100						{ width: 100%; }
#acp .inner75							{ width: 73%; }
#acp .inner66							{ width: 65% }
#acp .inner50							{ width: 48%; }
#acp .inner33							{ width: 31% }
#acp .inner33 img					{ width: 100%; display: block; outline: none; }
#acp .inner25							{ width: 23%; }
#acp .inner25 img					{ width: 100%; display: block; outline: none; }

/* Abstände und Flexboxen */
#acp .centered						{ margin: 0 auto 1.000rem; }
#acp .center							{ text-align: center; }
#acp .mb0									{ margin-bottom: 0 !important; }
#acp .mb05								{ margin-bottom: 0.500rem; }
#acp .mb10								{ margin-bottom: 1.000rem; }
#acp .mb15								{ margin-bottom: 1.500rem; }
#acp .flex								{ display: flex; flex-wrap: wrap; }
#acp .flexcc							{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
#acp .flexalign						{ display: flex; flex-wrap: wrap; align-content: center; }
#acp .flexstart						{ display: flex; flex-wrap: wrap; align-content: flex-start; }
#acp .flexspace						{ display: flex; flex-wrap: wrap; justify-content: space-between; }
#acp .flexaround					{ display: flex; flex-wrap: wrap; justify-content: space-around; }
#acp .flexend							{ display: flex; flex-wrap: wrap; justify-content: flex-end; }
#acp .flexspacetop				{ display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;  }
#acp .flexcentered				{ display: flex; flex-wrap: wrap; justify-content: center; gap: 2.000% }

/* hr-klassen */
#acp .trans								{ width: 100%; display: block; clear: both; border: none; }
#acp .trans10							{ width: 100%; display: block; clear: both; margin-bottom: 1.000rem; border: none; }
#acp .transtb							{ width: 100%; display: block; clear: both; margin: 1.000rem 0; border: none; }
#acp .line								{ width: 100%; display: block; clear: both; border-top: 1px solid #cd1150; border-right: none; border-bottom: none; border-left: none; }
#acp .linetb							{ width: 100%; display: block; clear: both; margin: 1.000rem 0; border-top: 1px solid #cd1150; border-right: none; border-bottom: none; border-left: none; }

/* Startseite */
#acp #start								{ width: 100%; height: 100vh; max-width: 60em; margin: 0 auto; }
#acp .login								{ width: 350px; min-height: 300px; margin: 0 auto; border-radius: 5px; padding: 1.5rem; }
#acp .login img						{ width: 100%; outline: none; }

/* Teamübersichten */
#acp .thumbprofile				{ width: 23%; outline: none; text-decoration: none; outline: none; padding: 0.300rem; border: 1px solid #cd1150; margin-bottom: 1.000rem; }
#acp .thumbprofile img		{ width: 100%; display: block; outline: none; margin-bottom: 0.500rem; }
#acp .profilename					{ width: 100%; text-align: center; padding: 0.500rem 0; display: block; }
/* Ambiente Übersichten */
#acp .thumbambiente				{ width: 32%; outline: none; text-decoration: none; outline: none; padding: 0.300rem; border: 1px solid #cd1150; margin-bottom: 1.000rem; }
#acp .thumbambiente img		{ width: 100%; display: block; outline: none; margin-bottom: 0.500rem; }


/* Buttons */
#acp a.btn								{ text-decoration: none; cursor: pointer; font-size: 1.000rem; text-align: center; padding: 0.500rem; border-color: transparent; display: block; }
#acp .btn									{ text-decoration: none; cursor: pointer; font-size: 1.000rem; text-align: center; padding: 0.500rem; border-color: transparent; display: block; }
#acp .btn i								{ margin-right: 0.500rem; }
#acp .btn100							{ width: 100%; }
#acp .btn50								{ width: 49%; }
#acp .btn33								{ width: 32%; }
#acp .btn25								{ width: 24%; }
#acp .btn10								{ width: 9%; border-radius: 5px; text-align: center; }
#acp .btn10 i							{ margin: 0 !important; }
#acp a.btnm								{ width: 15%; margin: 0 2% 1rem 0; border: 1px solid #333; color: #333; }
#acp a.btnm:nth-child(6n)	{ margin-right: 0; }
#acp a.btnm:hover					{ border: 1px solid #333; background: #333; color: #fff;}
#acp a.btnq								{ width: 23%; margin: 0 2.666% 1rem 0; border: 1px solid #333; color: #333; }
#acp a.btnq:nth-child(4n)	{ margin-right: 0; }
#acp a.btnq:hover					{ border: 1px solid #333; background: #333; color: #fff;}

/* Formulare */
#acp form									{ width: 100%; }
#acp label								{ width: 100%; font-size: 0.936rem; font-style: italic; margin-bottom: 0.250rem; display: block; }
#acp .fb100								{ width: 100%; }
#acp .fb100	img						{ width: 100%; display: block; outline: none; }
#acp .fb50								{ width: 49%; }
#acp .fb30								{ width: 32%; }
/* anfang divs für eben hochgeladene medien */
#acp .fbimgw							{ width: 100%; }
#acp .fbimgw img					{ width: 100%; display: block; outline: none; }
#acp .fbimgh							{ width: 250px; margin: 0 auto 1.000rem; }
#acp .fbimgh img					{ width: 100%; display: block; outline: none; }
#acp .fbv									{ width: 600px; margin: 0 auto 1.000rem; }
/* ende */
#acp .input,
#acp .select,
#acp .textarea						{ background: #ffffff; color: #000000; font-size: 1.000rem; padding: 0.500rem; border: 1px solid #cd1150; margin-bottom: 0.500rem; }
#acp .gesperrt						{ background: #ff9999 !important; }
#acp .i100								{ width: 100%; }
#acp .i90									{ width: 89%; }
#acp .i50									{ width: 48%; }
#acp .i10									{ width: 9%; }
#acp .noninput						{ background: transparent; margin-bottom: 0.500rem; padding: 0.500rem; font-size: 1.000rem; }

#acp .s100								{ width: 100%; }

#acp .submitjs						{ cursor: pointer; outline: none; border: none; border-radius: 5px; font-size: 1.000rem; }
#acp .submitjs:hover			{ background: #333333; color: #fff; }
#acp .submitcw						{ cursor: pointer; outline: none; border: none; border-radius: 5px; font-size: 1.000rem; }
#acp .submitcw:hover			{ background: #f69608; color: #fff; }
#acp .cancel							{ width: 100%; padding: 1.000rem 0 0 0; text-align: center; border-top: 1px solid #9d2c79; }
#acp .cancel a						{ color: #e14d28; text-decoration: none; }

#acp .note								{ width: 100%; border: 1px solid #333; border-radius: 5px; background: #FFCD00; padding: 1.000rem; }

/* Galerie im acp */
#acp .thumb								{ width: 12.75%; outline: none; margin-bottom: 0.500rem; }
#acp .thumb img						{ width: 100%; display: block; outline: none; }
#acp .thumbdel						{ width: 18%;  border: 1px solid #cd1150; display: block; padding: 0.500rem; margin-bottom: 1.000rem; }
#acp .chk									{ width: 100%;  border-top: 1px solid #cd1150; display: block; padding: 0.500rem 0 0; }
#acp .thumbdel img				{ width: 100%; display: block; outline: none; margin-bottom: 0.500rem; }

/* Video im acp */
#acp video#video					{ width: 100%; display: block; outline: none; max-height: 20rem; }

/* Navigation */
.navcontainer							{ display: none; }
#acp #sidebar							{ width: 240px; height: 100%; float: left; position: fixed; overflow: visible; padding: 1.500rem; background: #f8f3ec; box-shadow: rgba(0,0,0,1) 0px 0px 15px; }
#acp .navlogo img					{ width: 100%; margin: 0 auto 1.500rem; display: block; outline: none; }
#acp ul.nav								{ list-style: none; }
#acp ul.nav > li a				{ list-style: none; line-height: 2.0; font-size: 1.000rem; color: #000; font-weight: 400; text-decoration: none; margin-left: 1.000rem; }
#acp ul.nav > li a:before	{ content: "\f105"; font-family: FontAwesome; color: #000000; margin-left: -1.000rem; padding-right: 0.400rem; }
#acp ul.nav > li a:hover	{ color: #A88B5C; }

/* Liniks/Banner */
#acp .banner							{ width: 100%; max-width: 468px; padding: 0.500rem; border: 1px solid #000; margin: 0 auto 1.000rem; text-align: center; }
#acp .banner a						{ text-decoration: none; }
#acp .banner img					{ width: auto; max-width: 100%; display: block; outline: none; }
#acp .bannerdescr					{ font-size: 0.936rem; color: #000; }

/* Farben */
#acp .accent							{ background: #cd1150; color: #ffffff; }
#acp .noaccent						{ border: 1px solid #cd1150 !important; color: #000000 !important; }
#acp .light								{ background: #f8f3ec; }
#acp .alert								{ width: 100%; font-weight: normal; font-size: 1.000rem; padding: 0 0 0.500rem 0; margin-bottom: 1.000rem; display: block; text-align: center; }
#acp .alertsuccess				{ border: 1px solid #99cc66; }
#acp .alerterror					{ border: 1px solid #f69608; }
#acp .alert > .error			{ display: block; width: 100%; font-weight: 700; margin-bottom: 1rem; padding: 0.500rem 0; background: #f69608; color: #000; }
#acp .alert > .success		{ display: block; width: 100%; font-weight: 700; margin-bottom: 1rem; padding: 0.500rem 0; background: #99cc66; color: #000; }
#acp .alert a							{ text-decoration: underline; color: #000000; }
#acp .alert a.btn					{ text-decoration: none; color: #ffffff; }
#acp .orange							{ background: #f69608; color: #000; }
#acp .blue								{ background: #99ccff; color: #000; }
#acp .red									{ background: #ff9999; color: #000; }
#acp .green								{ background: #99cc66; color: #000 !important; }

/* Checkboxen für DSGVO */
/* The container */
.container { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 0.875rem; font-style: italic; color: #000; text-align: justify; -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: 22px; width: 22px; background-color: #ffffff; border-radius: 5px; }
/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark { background-color: #999999; }
/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark { background-color: #cd1150; }
/* 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: 6px;  top: 4px;  width: 5px; height: 8px;  border: solid white;  border-width: 0 3px 3px 0;  -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }