@charset "UTF-8";
@import url("/myLogin/_assets/css/my.navi.css");
@import url("/myLogin/_assets/css/my.forms.css");
@import url("/myLogin/_assets/css/my.buttons.css");
@import url("/myLogin/_assets/css/lightcase/my.lightcase.css");
@import url("/myLogin/_assets/css/dropzone/dropzone.basic.css");
@import url("/myLogin/_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(/myLogin/_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(/myLogin/_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: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Semi Bold'), local('OpenSans-Semibold'), url(/myLogin/_assets/fonts/OpenSans-SemiBold.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: 'Roboto'; font-style: normal; font-weight: 300; src: url(/myLogin/_assets/fonts/Roboto300.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: 'Roboto'; font-style: normal; font-weight: 400; src: url(/myLogin/_assets/fonts/Roboto400.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: 'Roboto'; font-style: normal; font-weight: 500; src: url(/myLogin/_assets/fonts/Roboto500.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: 'Roboto'; font-style: normal; font-weight: 700; src: url(/myLogin/_assets/fonts/Roboto700.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; }

/* Grundeinstellungen */
*																{ margin: 0; padding: 0; box-sizing: border-box; }
body														{ font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; background: #efefef;}
header													{ display: none; overflow: auto; background: #333333; }
main														{ width: 100%; }
footer													{  }

/* Farben */
#my .back											{ background: #827b7d; color: #E8E4E5; }
#my .light											{ background: #efefef; color: #333333; }
#my .middle										{ background: #777a82; }
#my .dark											{ background: #333333; color: #ffffff; }
#my .accent										{ background: #1B1517; color: #E8E4E5; }
#my .note											{ width: 100%; padding: 1rem; border: 1px solid #333333; display: block; }

/* Schriftarten */
#my h1													{ width: 100%; font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; display: block; font-size: 1.750rem; padding-bottom: 0.500rem; border-bottom: 1px solid #31353e; margin-bottom: 1.000rem; }
#my h2													{ width: 100%; font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; display: block; font-size: 1.500rem; margin-bottom: 1.000rem; display: block; }
#my h3													{ width: 100%; font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; display: block; font-size: 1.250rem; margin-bottom: 1.000rem; }
#my .underline									{ padding-bottom: 0.500rem; border-bottom: 1px solid #31353e; margin-bottom: 1.000rem; }
#my h4													{ font-family: 'Roboto', sans-serif; font-weight: 500; font-style: normal; display: block; }
#my h5													{ font-family: 'Roboto', sans-serif; font-weight: 500; font-style: normal; display: block; }
#my h6													{ font-family: 'Roboto', sans-serif; font-weight: 500; font-style: normal; display: block; }
#my p													{ font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal; line-height: 1.5; margin-bottom: 1.500rem; }
#my p:last-child								{ margin-bottom: 0; }

/* Abstände und Flexboxen */
#my .centered									{ margin: 0 auto 1.000rem; }
#my .center										{ text-align: center; }
#my .flex											{ display: flex; flex-wrap: wrap; }
#my .flexcc										{ display: flex; justify-content: center; align-items: center; }
#my .flexalign									{ display: flex; flex-wrap: wrap; align-content: center; }
#my .flexstart									{ display: flex; flex-wrap: wrap; align-content: flex-start; }
#my .flexspace									{ display: flex; flex-wrap: wrap; justify-content: space-between; }
#my .flexaround								{ display: flex; flex-wrap: wrap; justify-content: space-around; }
#my .flexend										{ display: flex; flex-wrap: wrap; justify-content: flex-end; }
#my .flexspacetop							{ display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; justify-content: space-between; align-content: flex-start;  }
#my .mb0												{ margin-bottom: 0 !important; }
#my .mb05											{ margin-bottom: 0.500rem; }
#my .mb10											{ margin-bottom: 1.000rem; }
#my .mb15											{ margin-bottom: 1.500rem; }
#my .mauto											{ margin: 0 auto; }
#my .mauto15										{ margin: 0 auto 1.500rem; }
#my .pad0											{ padding: 0 !important; }
#my .hrtrans										{ width: 100%; display: block; clear: both; border: none; }
#my .hrtrans05									{ width: 100%; display: block; clear: both; margin-bottom: 0.500rem; border: none; }
#my .hrtrans10									{ width: 100%; display: block; clear: both; margin-bottom: 1.000rem; border: none; }
#my .hrline										{ width: 100%; display: block; clear: both; margin-bottom: 1.000rem; border-top: 1px solid #31353e; border-right: none; border-bottom: none; border-left: none; }
#my .hrlinetb									{ width: 100%; display: block; clear: both; margin: 1.000rem 0; border-top: 1px solid #31353e; border-right: none; border-bottom: none; border-left: none; }
#my .rel												{ position: relative; }

/* login */
.login													{ height: 100vh; width: 100%; }
.loginform											{ width: 500px; height: auto; background: #fff; margin: 0 auto; border-radius: 8px; padding: 2.000rem; }

#my #page											{ margin: 0 auto 0 15%; width: 85%; overflow: auto; padding: 2.000rem; }
#my .col100										{ width: 100%; }
#my .col50											{ width: 48%; }
#my .prio1											{ order: 1; }
#my .prio2											{ order: 2; }

#my .col50 ul.objects							{ list-style: none; }
#my .col50 ul.objects li						{ margin-bottom: 1.000rem; }
#my .col50 ul.objects li a					{ text-decoration: none; color: #000000; padding: 0.500rem; }
#my .col50 ul.objects li a:before	{ font-family: FontAwesome; content: "\f0da"; font-weight: bold; margin-right: 1.000rem; }
#my .col50 ul.objects li a:hover		{ text-decoration: none; background: #333333; color: #ffffff; }

#my .inner33										{ width: 31.333%; }
#my .inner33 img								{ width: 100%; display: block; outline: none; }
#my .inner66										{ width: 64.666%; }
#my .inner100									{ width: 100%; }
#my .inner100 img							{ width: 100%; display: block; outline: none; margin-bottom: 1.000rem;}

/* Teamübersicht */
#my .thumb_team								{ width: 23%; display: block; outline: none; overflow: auto; text-align: center; padding: 0.500rem; border: 1px solid #333; text-decoration: none; color: #000; margin: 0 auto 1rem; }
#my .thumb_team:hover					{ background: #333333; color: #ffffff; }
#my .thumbimg									{ width: 100%; height: auto; position: relative; }
#my .thumbimg img							{ width: 100%; display: block; outline: none; }
#my .thumb_status							{ width: 100%; position: absolute; bottom: 0; left: 0; line-height: 2.000rem; }
#my .relative									{ position: relative; }
#my .position									{ position: absolute; width: 2.500rem; height: 2.500rem; right: 0.500rem; bottom: 1.000rem; background: #fff; color: #000; line-height: 2.500rem; border-radius: 50%; border: transparent; text-align: center; font-weight: bold; z-index: 99; }
#my .positionp									{ position: absolute; width: 2.500rem; height: 2.500rem; right: 1.500rem; bottom: 1.500rem; background: #fff; color: #000; line-height: 2.500rem; border-radius: 50%; border: transparent; text-align: center; font-weight: bold; z-index: 99; }

/* Profilübersicht, Gästebuchübersicht & Blogübersicht */
#my .listp											{ width: 100%; border: 1px solid #333; }
#my .listpleft									{ width: 33.333%; padding: 1rem; }
#my .listpleft img							{ width: 100%; display: block; outline: none; }
#my .listpright								{ width: 66.666%; padding: 1rem; }
#my .listpright h3							{ margin-bottom: 1rem; }
#my .listpfull									{ width: 100%; padding: 1.000rem; position: relative; }
#my .imgname										{ position: absolute; right: 1rem; bottom: 1.000rem; width: 100px; line-height: 2.000rem; z-index: 9; background: #333333; color: #ffffff; text-align: center; }
#my .listpfull img							{ width: 100%; display: block; }
#my .borderb										{ border-bottom: 1px solid #333; }

/* Terminliste */
#my .datelist									{ width: 100%; margin-bottom: 0.500rem; }
#my .datedata									{ width: auto; padding: 0 1rem 0 0; }

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

/* Sidebar Navigation */
#my #sidebar										{ width: 15%; height: 100%; float: left; position: fixed; overflow: visible; padding: 2.000rem 0; box-shadow: rgba(0,0,0,1) 0px 0px 15px; }
#my #sidebar .logo							{ width: 50%; margin: 0 auto; margin-bottom: 1.500rem;  }
#my #sidebar .logo img					{ display: block; width: 100%; outline: none; }
#my #sidebar ul								{ list-style: none; }
#my #sidebar ul li							{ list-style: none; }
#my #sidebar ul li a						{ text-decoration: none; color: #efefef; padding: 1.000rem 3rem; display: block; font-size: 1.000rem; }
#my #sidebar ul li a:before		{ font-family: FontAwesome; content: "\f0da"; font-weight: bold; margin-right: 1.000rem; }
#my #sidebar ul li a:hover			{ background: #efefef; color: #000; }

/* Galeriebilder intern */
#my .thumb_gallery							{ width: 12.75%; outline: none; margin-bottom: 0.500rem; }
#my .thumb_gallery img					{ width: 100%; display: block; outline: none; }
#my .thumb_delete							{ width: 18%; 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; }
#my .thumb_delete img					{ width: 100%; display: block; outline: none; margin-bottom: 0.500rem; }

/* Seitenbilder */
#my .headerimg									{ width: 100%; display: block; outline: none; }
#my .locationlogo							{ width: 100%; max-width: 500px; display: block; outline: none; margin: 0 auto; }

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

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

@media screen and (max-width: 1368px){
	header												{ position: fixed; width: 100%; margin: 0 auto; display: block; background: #333333; color: #efefef; z-index: 99; }
	main													{ padding-top: 60px; }
	#my #page										{ margin: 0 auto 0 0; width: 100%; overflow: auto; padding: 2.000rem; }
	#my #sidebar									{ display: none; }
}

@media screen and (max-width: 1024px){
#my .col50											{ width: 100%; margin-bottom: 2.000rem; }
#my .prio1											{ order: 2; }
#my .prio2											{ order: 1; }
	}

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

@media screen and (max-width: 520px){
#my h1													{ font-size: 1.500rem;font-weight: 600; }
#my h2													{ font-size: 1.250rem; }
#my h3													{ font-size: 1.000rem; }
#my .question									{ width: 100%; display: block; font-size: 1.000rem; margin-bottom: 10px; padding: 0.500em 2rem; cursor: pointer; }
#my .question:before						{ margin-left: -1.000rem; }
	}