@charset "UTF-8";
@import url("/login/assets/css/lightcase-admin.css");
@import url("/login/assets/css/dropzone/basic.css");
@import url("/login/assets/css/dropzone/dropzone.css");
@import url('/assets/fontawesome/css/all.min.css');
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(/assets/fonts/OpenSans-Light.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: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/assets/fonts/OpenSans-Regular.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: 'Saira Semi Condensed'; font-style: normal; font-weight: 300; src: local('Saira SemiCondensed Light'), local('SairaSemiCondensed-Light'), url(/assets/fonts/SairaSemiCondensed-Light.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: 'Saira Semi Condensed'; font-style: normal; font-weight: 500; src: local('Saira SemiCondensed Medium'), local('SairaSemiCondensed-Medium'), url(/assets/fonts/SairaSemiCondensed-Medium.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; }

*												{ margin: 0; padding: 0; }
#adm										{ font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 400; }
#adm header							{ width: 100%; }
#adm main								{ width: 100%; }
#adm footer							{ width: 100%; }
#adm .content						{ width: 100%; max-width: 1280px; margin: 0 auto; padding: 2em; }

/* Navigation Sidebar */

#adm .navigation			  { display: none; }

/* Überschriften */
#adm h1									{ font-size: 2.000rem; font-weight: 400; margin-bottom: 2rem; display: block; width: 100%; }
#adm h2									{ font-size: 1.250rem; }
#adm h3									{ font-size: 1.000rem; font-weight: 700; }
#adm h4									{ font-size: 1.000rem; font-weight: 700; margin-bottom: 1.000rem; }

#adm .heading						{ font-weight: 400; padding: 0.750rem 1.000rem; width: 100%; display: block; }
#adm p									{ line-height: 1.5; margin-bottom: 1.500rem; display: block; }
#adm .smaller						{ font-size: 0.750rem; }
#adm p:last-child				{ margin-bottom: 0; }
#adm ul									{ list-style: none; margin-bottom: 1em; }
#adm ul li							{ list-style: none; margin-left: 1.000rem; line-height: 1.5; }
#adm ul li:before				{ content: "\f0da"; font-family: FontAwesome; color: #000; margin-left: -1.000rem; padding-right: 0.625em; }
#adm a									{ color: #000; text-decoration: underline; }
#adm .preview						{ text-decoration: none; }

/* Farben */
#adm .light							{ background: #ffffff; color: #000000; }
#adm .middle						{ background: #efefef; color: #000000; }
#adm .dark							{ background: #333333; color: #ffffff; }
#adm .accent						{ background: #666666; color: #ffffff; }

#adm .login							{ width: 100%; max-width: 500px; padding: 1em; margin: 0 auto; }
#adm .header						{ width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 2rem; }
#adm .hbox							{ padding: 0.500rem 1rem; }
#adm .h50								{ width: 50%; }
#adm .h50 a							{ color: #ffffff; text-decoration: none; }
#adm .h50 a:visited			{ color: #ffffff; }

#adm .col100						{ width: 100%; max-width: 1280px; margin: 0 auto; padding: 2em; }
#adm .sidebar						{ width: 32%; padding: 0 0 1rem 0; }
#adm .formarea					{ width: 100%; max-width: 64%; }
#adm .inner100					{ padding: 1.000rem; }

/* Abstände und Flexboxen */
#adm .bbx								{ -webkit-box-sizing: border-box!important; -moz-box-sizing: border-box!important; box-sizing: border-box!important; }
#adm .center						{ text-align: center; display: block; }
#adm .centered					{ margin: 0 auto; }
#adm .flex							{ display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; }
#adm .flexshrink				{ display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; }
#adm .flexspace					{ display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; justify-content: space-between; }
#adm .flexaround				{ display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; align-content: space-around; align-items: flex-start; }
#adm .flexstart					{ display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; align-content: flex-start; }
#adm .flexcenter				{ display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; justify-content: center; align-content: space-between; }
#adm .flexend						{ display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; justify-content: flex-end; }
#adm .flexenditems			{ display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; align-content: flex-end; }
#adm .flexspacetop			{ display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; align-content: space-between; }
#adm .flexcc						{ display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; justify-content: center; align-items: center; }
#adm .mabo05						{ margin-bottom: 0.500em; }
#adm .mabo10						{ margin-bottom: 1.000em; }
#adm .matobo10					{ margin: 1.000rem 0; }
#adm .mabo15						{ margin-bottom: 1.500em; }
#adm .maboauto					{ margin: 0 auto 1.500rem; }
#adm .tleft							{ text-align: left; }
#adm .tright						{ text-align: right; }

/* Meldungen / Warnungen */
#adm .alert							{ width: 100%; margin: 0 auto 0.500rem; padding: 1.000rem; display: block; font-size: 1rem; text-align: center; }
#adm .orange						{ background: #f9b13f; color: #000; }
#adm .red								{ background: #ff9999; color: #000; }
#adm .green							{ background: #99cc66; color: #000; }

/* Formulare */
#adm form								{ width: 100%; margin: 0 auto; }
#adm form label					{ display: block; font-size: 0.875rem; font-style: italic; color: #000; margin-bottom: 0.313rem; }
#adm form label a				{ text-decoration: underline; }
#adm .subject						{ position: absolute; visibility: hidden; z-index: -1; }
#adm .input,
#adm .noninput					{ background: #fff; border: 1px solid #dadada; display: block; font-family: 'Open Sans', sans-serif; font-size: 1rem; padding: 0.75rem; width: 100%; margin-bottom: 0.500em; }
#adm .noninput					{ background: transparent; font-weight: normal; }
#adm .fieldset					{ width: 49%; }
#adm .i100							{ width: 100%; }
#adm .i100s							{ display: none !important; }
#adm .i70								{ width: 69%; }
#adm .i50								{ width: 49%; }
#adm .i30								{ width: 29%; }
#adm .box_select				{ width: 100%; }
#adm .select						{ background: #fff; border: 1px solid #dadada; font-family: 'Open Sans', sans-serif; font-size: 1rem; padding: 0.75rem; margin-bottom: 0.5rem; }
#adm .s100							{ width: 100%; }
#adm .s50								{ width: 49%; }
#adm .s45								{ width: 44%; }
#adm .s30								{ width: 31.333%; }
#adm .s25								{ width: 24%; }
#adm .s15								{ width: 15%; }
#adm .textarea					{ background: #ffffff; border: 1px solid #dadada; display: block; font-family: 'Open Sans', sans-serif; font-size: 0.936rem; padding: 1rem; height: 10rem; margin-bottom: 0.5rem; width: 100%; }

#adm .fieldbox					{ margin-bottom: 0.500rem; }
#adm .fb100							{ width: 100%; }
#adm .fb66							{ width: 64%; }
#adm .fb50							{ width: 49%; }
#adm .fb33							{ width: 32%; }
#adm .submit						{ border: none; box-shadow: none; color: #ffffff; cursor: pointer; }
#adm .hrform						{ width: 100%; clear: both; border: none; color: transparent; margin-bottom: 0.5em; display: block; }
#adm .hrborder					{ width: 100%; clear: both; border-top: 1px solid #012340; color: transparent; margin-bottom: 0.5em; display: block;  }
#adm .hrmargin					{ width: 100%; clear: both; border-top: 1px solid #012340; color: transparent; margin: 0.500rem 0; display: block; }
#adm .approve						{ color: #fff; cursor: pointer; display: block;  }
#adm .approve:disabled	{ color: #999; cursor: default; display: block; background: #bbbbbb; }
/* Checkboxen für DSGVO */
/* The container */
#adm .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 */
#adm .container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
/* Create a custom checkbox */
#adm .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #ffffff; }
/* On mouse-over, add a grey background color */
#adm .container:hover input ~ .checkmark { background-color: #999999; }
/* When the checkbox is checked, add a blue background */
#adm .container input:checked ~ .checkmark { background-color: #012340; }
/* Create the checkmark/indicator (hidden when not checked) */
#adm .checkmark:after { content: ""; position: absolute; display: none; }
/* Show the checkmark when checked */
#adm .container input:checked ~ .checkmark:after { display: block; }
/* Style the checkmark/indicator */
#adm .container .checkmark:after { left: 9px;  top: 5px;  width: 5px; height: 10px;  border: solid white;  border-width: 0 3px 3px 0;  -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

/* Buttons */
#adm .btn								{ text-align: center; padding: 1.0rem; font-size: 1.0rem; text-decoration: none; border: none; outline: none; cursor: pointer; display: block; }
#adm .btndel						{ text-align: center; padding: 1.0rem; font-size: 1.0rem; text-decoration: none; border: none; outline: none; cursor: pointer; display: block; background: #ff9999; color: #000;  }
#adm .btnprofile				{ text-align: center; padding: 0.725rem; font-size: 1.0rem; background: #012340; color: #ffffff; text-decoration: none;  border: none; outline: none; cursor: pointer; margin-bottom: 0.500em; display: block; }
#adm .btn20							{ width: 19%; margin-right: 1.250%; margin-bottom: 0 !important; }
#adm .btn20:last-child	{ margin-right: 0; }
#adm .btn20del					{ width: 19%; margin-bottom: 0.500rem; }
#adm .btn33,
#adm .btn33nav					{ width: 31.333%; }
#adm .btn50							{ width: 49%; }
#adm .btn66							{ width: 65.666%; }
#adm .btn80							{ width: auto; }
#adm .btn100						{ width: 100%; }
#adm .btntxt						{ width: 100%; margin: 0.500rem auto; border: none; display: block; font-size: 1.000rem; text-align: center; color: #000; }
#adm .nolink						{ cursor: default; }
/*
#adm .btn:last-child	{ margin-bottom: 0; }
*/

a.txtdel								{ width: 100%; font-size: 0.936rem; display: block; text-decoration: underline; text-align: center; }

/* Teamübersicht */
#adm .relative					{ position: relative; }
#adm .thumb_team				{ width: 23%; display: block; outline: none; text-align: center; padding: 0.500rem; border: 1px solid #333; text-decoration: none; color: #000; }
#adm .thumb_team:hover	{ background: #333333; color: #ffffff; }
#adm .thumbimg					{ width: 100%; height: auto; position: relative; margin-bottom: 0.500rem; }
#adm .thumbimg img			{ width: 100%; display: block; outline: none; }
#adm .thumb_status			{ position: absolute; bottom: 2.000rem; left: 1.000rem; line-height: 2.000rem; padding: 0 1.000rem; }

/* Profilübersicht */
#adm .listp							{ width: 100%; border: 1px solid #333; }
#adm .listpleft					{ width: 33.333%; padding: 1rem; }
#adm .listpleft img			{ width: 100%; display: block; outline: none; }
#adm .listpright				{ width: 66.666%; padding: 1rem; }
#adm .listpfull					{ width: 100%; margin-bottom: 0.500rem; }
#adm .listpfull img			{ width: 100%; display: block; }
#adm .borderb						{ border-bottom: 1px solid #333; }

/* Galeriebilder intern */
#adm .thumb_gallery			{ width: 12.75%; outline: none; margin-bottom: 0.500rem; }
#adm .thumb_gallery img	{ width: 100%; display: block; outline: none; }
#adm .thumb_delete			{ width: 24%; max-width: 24%; outline: none; margin-bottom: 0.500rem; padding: 0.500rem; border: 1px solid #666666; }
.chk										{ width: 100%;  border-top: 1px solid #666666; display: block; padding: 0.500rem 0 0; }
#adm .thumb_delete img	{ width: 100%; display: block; outline: none; margin-bottom: 0.500rem; }

/* Galerieübersicht - Question Answer */
#adm .question					{ width: 100%; display: block; font-size: 1.000rem; margin-bottom: 10px; padding: 0.500em; cursor: pointer; }
#adm .question:before		{ font-family: FontAwesome; content: "\f0da"; color: #ffffff; font-weight: bold; display: inline-block; font-size: 1.000rem; margin-right: 0.500em; }
#adm .answer						{ width: 100%; padding: 15px 1.000rem; }
/*
#adm .answer p					{ padding: 0 0.500em; }
*/
#adm .answer p:last-child	{ margin: 0; }
/*
#adm .answer ul li			{ font-size: 1.000rem; line-height: 1.5; }
*/
#adm .answerimg					{ width: 33%; float: left; display: block; margin-right: 1.000rem; margin-bottom: 0.500rem; }
#adm .answerimg_full		{ width: 100%; display: block; margin-bottom: 1.000rem; }

/* Termine Highlights */

#adm .table							{ width: 100%; border-bottom: 1px solid #333; padding: 0.500rem 0; }
#adm .table:last-child	{ border-bottom: none; }
#adm .table .tabledata	{ text-align: left; width: 24%; }
#adm .table .tablebtn		{ width: 74%; }
#adm .kaw								{ width: 3.300rem; height: 3.000rem; border: 3px solid #333; text-align: center; position: relative; }
#adm .kaw .small				{ font-size: 0.750rem; display: block; width: 100%; position: absolute; top: 2px; left: 0; }
#adm .kaw .big					{ font-size: 1.500rem; display: block; width: 100%; position: absolute; bottom: 2px; left: 0; font-weight: bold; }
#adm .date							{ width: auto; line-height: 3.300rem; padding: 0 1rem; }

/* Video */
#adm video#video				{ width: 100%; display: block; outline: none; }
#adm .inner100 video		{ margin-bottom: 0; }

/* Accountdaten */
#adm .kvline						{ width: 100%; padding: 0.250rem 0; }
#adm .kvname						{ width: 30%; }
#adm .kvdata						{ width: 70%; }

/* FAQ */
#adm .data							{ width: 100%; padding: 0 0.500rem; }

/* Adminbereich */
#adm .tops							{ width: 31.333%; outline: none; margin-bottom: 1.000rem; position: relative; }
#adm .tops img					{ width: 100%; display: block; }
#adm .topsname					{ width: 100%; display: block; position: absolute; bottom: 3.500rem; left: 0; padding: 0.750rem 0; background: rgb(255,255,255,0.8); text-align: center; }
#adm a.topsbar					{ width: 50%; text-align: center; padding: 0.750rem; background: #666666; color: #ffffff; }
#adm a.topsbar:hover		{ background: transparent; color: #000 !important; }
#adm .btitel						{ width: 100%; display: block; display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; align-content: flex-start; text-decoration: none; font-weight: 700; }
#adm a.bdata						{ width: 100%; display: block; display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; align-content: flex-start; text-decoration: none; }
#adm a.bdata:hover			{ background: #333333; color: #ffffff; }
#adm a.bdata:hover .green{ background: #73a254; }
#adm a.bdata:last-child	{ border-bottom: none; }
#adm .buser							{ width: 30%; padding: 0.500rem; font-size: 1rem; text-align: left; }
#adm .bname							{ width: 40%; padding: 0.500rem; font-size: 1rem; text-align: left; }
#adm .bdatum						{ width: 20%; padding: 0.500rem; font-size: 1rem; text-align: center; }
#adm .baktiv						{ width: 10%; padding: 0.500rem; font-size: 1rem; text-align: center; }
#adm .baktivg						{ width: 10%; padding: 0.500rem; font-size: 1rem; text-align: center; color: #33cc00; font-weight: 700; }
#adm .baktivr						{ width: 10%; padding: 0.500rem; font-size: 1rem; text-align: center; color: #cc0000; font-weight: 700; }

@media screen and (max-width: 1280px){
#adm .sidebar									{ display: none!important; }	
#adm .navigation							{ display: flex; position: fixed; top: 5vh; z-index: 10; width: 20em; }
#adm .navigation .toggle			{ background: #f9b13f; color: #000; cursor: pointer; line-height: 2.0rem; height: 2.0rem; width: 3.5000rem; text-align: center; }
#adm .navigation .toggle svg	{ height: auto; width: 100%; }
#adm .navigation .menu				{ background-color: #efefef; width: 16.5rem; }
#adm .inactive								{ left: -16.5rem; transition: 1s ease all; }
#adm .active									{ left: 0; transition: 0.5s ease all; }

#adm .formarea								{ width: 100%; max-width: 46.875em; margin: 0 auto; }
	}

@media screen and (max-width: 1180px){
/* Teamübersicht */
#adm .thumb_team				{ width: 31.333%; }	
}

@media screen and (max-width: 1024px){
#adm .formarea					{ width: 100%; max-width: 46.875em; margin: 0 auto; }
	}

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

#adm .formarea					{ width: 100%; max-width: 43.750em; margin: 0 auto; }
/* Teamübersicht */
#adm .thumb_team				{ width: 31.333%; }

#adm .kvline						{ width: 100%; padding: 0.250rem 0; }
#adm .kvname						{ width: 40%; }
#adm .kvdata						{ width: 60%; }
	}

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

#adm .formarea					{ width: 100%; max-width: 40.625em; margin: 0 auto; }
/* Teamübersicht */
#adm .thumb_team				{ width: 48%; }	
	}


@media screen and (max-width:520px) {
/* Buttons */
#adm .btn								{ font-size: 0.936rem; padding: 1rem 0.500rem; }
#adm .btndel						{ font-size: 0.936rem; }
#adm .btnprofile				{ font-size: 0.936rem; }
	
#adm .header						{ padding: 0 1rem; }
#adm .col100						{ width: 100%; margin: 0 auto; padding: 2.75em 0; }
#adm .formarea					{ width: 90%; margin: 0 auto; }

#adm .listpleft					{ width: 100%; padding: 1rem; }
#adm .listpleft img			{ width: 100%; display: block; outline: none; }
#adm .listpright				{ width: 100%; padding: 1rem; }

#adm .fieldset					{ width: 100%; }
#adm .i50								{ width: 100%; }
#adm .i70								{ width: 100%; }
#adm .i30								{ width: 100%; }
#adm .s30								{ width: 100%; }
#adm .btn50							{ width: 100%; }
#adm .fb50							{ width: 100%; }

#adm .thumb_gallery			{ width: 23%; }
#adm .thumb_delete			{ width: 48%; max-width: 48%; }

#adm .kvline						{ width: 100%; padding: 0.250rem 0; }
#adm .kvname						{ width: 100%; }
#adm .kvdata						{ width: 100%; }
	}