#language {
	display: none !important;
}
/* #### SETTINGS - Table styles #### */
.tx_healga.table th {
	color:#f29200;
	background: rgba(255,255,255,.1);
	background:rgba(0,65,103,.3);
}

.tx_healga.table td {
	vertical-align:middle;
	color:#fff;
}
/*
.tx_healga.table th:not(:last-child),
.tx_healga.table td:not(:last-child) {
	border-right:1px solid rgba(255,255,255,.3);
	border-right:1px solid rgba(0,65,103,.6);
}*/

.tx_healga.table td .text-muted {
	color:#fff !important;
	opacity:.6;
}

.tx_healga.table tr:nth-child(odd) td {
	background:rgba(255,255,255,.1);
}

.tx_healga.table tr:hover td {
	background:rgba(0,65,103,.4);
}

.tx_healga.table td.svg svg {
	-ms-fill:#f29200;
	fill:#f29200;
}

.tx_healga.table td a.btn-primary {
	margin-bottom:0;
}
/*
.hidden {
	display:none;
}*/

button.fullscreen {
	position:absolute;
	right:20px;
	top:20px;
	width:60px;
	text-align:right;
	color:transparent;
	padding-right:54px;
	height:60px;
	line-height:60px;
	border-radius:60px;
	background:rgba(52,91,134,.6);
	border:0;
	overflow:hidden;
	transition:.6s ease;
	z-index:10;
}

button.fullscreen:after {
	position:absolute;
	content:" ";
	right:0px;
	top:0px;
	width:60px;
	height:60px;
	line-height:60px;
	background:url("../images/fullscreen-btn.png")no-repeat center center;
	background-size:30px 30px;
	border-radius:60px;
	z-index:2;
}

button.fullscreen.fullscreen-mode:after {
	background:url("../images/fullscreen-btn-close.png")no-repeat center center;
	background-size:30px 30px;
}

button.fullscreen:hover {
	width:162px;
	padding-left:10px;
	padding-right:60px;
	color:#fff;
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #fff;
    border-color: #fff;
}

/* INVITATION Styles */
label.check {
	position:relative;
	padding-left:40px;
}

label.check input[type="checkbox"] {
	position:absolute;
	left:0;
}

/* TRAINER Styles */
input#uploadFile {
	/*background:#fff;
    padding: 0.375rem 0.75rem;
	border: 2px solid #fff;
    border-radius: 7px;
	margin-bottom:1rem;*/
	width:auto;
}

.p-relative {
	position:relative;
}	

.gameplay-container textarea.form-control {
	color: #212529 !important;
}

.page-5 #boat-ani1 {
	left: 25.408759%;
	-ms-animation:none;
	animation:none;
}

/* Academy Styles */

.academy .navbar-light {
	background: rgba(255,255,255,.1);
	background: rgba(0,65,103,.3);
	margin-bottom:1rem;
}

.academy .navbar-brand {
	padding-right:1.5rem;
	border-right:1px solid rgba(255,255,255,.3);
}

.academy .navbar-light .navbar-nav .nav-link {
	color:#fff;
}

.academy .navbar-light .navbar-nav .nav-link:hover,
.academy .navbar-light .navbar-nav .nav-link:focus,
.academy .navbar-light .navbar-nav .nav-link:active,
.academy .navbar-light .navbar-nav .nav-link.active {
	color:#f29200;
}

.academy .navbar-light .navbar-nav .nav-link.active {
	font-weight:bold;
}

.academy .navbar-light .navbar-nav .nav-link.active:hover {
	text-decoration:underline;
}

.academy .navbar-light .navbar-brand {
	color:#f29200;
}

.academy .accordion-item {
	background:transparent;
}

.academy .accordion-button {
	color:#fff !important; 
	background: rgba(255,255,255,.1);
	outline:0;
	box-shadow:none !important;
}

.academy .accordion-collapse {
	color:#fff;
	background: rgba(255,255,255,.1);
	border-top:1px solid rgb(61,107,157);
}

.academy .accordion-button[aria-expanded="true"],
.academy .accordion-collapse.show,
.academy .accordion-collapse.collapsing {
	background: rgba(255,255,255,.3);
}

.academy .accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

.academy h3 {
	margin-bottom:1rem;
}

/* alertify */
.notifications {
	display:none;
}
/*
.alertify-notifier {
	position:absolute !important;
	position:fixed !important;
}



.alertify-notifier.ajs-right {
    right: 3% !important;
    right: 110px !important;
}

.alertify-notifier.ajs-top {
	top: 20px !important;
}*/

.alertify-notifier .ajs-message.ajs-notify {
	position:relative;
	color:#000 !important;
	font-size: 1.2em;
    line-height: 1.25em;
	padding:10px 20px 10px 15px !important;
	border:0;
	border-radius:10px;
	background:rgba(255,255,255,.9);
	text-align:left;
}

.alertify-notifier.ajs-right .ajs-message {
	right:0 !important;
	float:right;
}
/*
.alertify-notifier .ajs-message.ajs-notify:after {
	position:absolute;
	right:-7px;
	top:20px;
	content:" ";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 7px;
	border-color:   transparent transparent transparent rgba(255,255,255,.9);
	z-index:10;
}*/

.alertify-notifier .ajs-message.ajs-notify:before {
	position:absolute;
	right:-13px;
	top:-10px;
	content:"X";
	color:#fff;
	width: 30px;
	height: 30px;
	line-height:30px;
	text-align:center;
	border-radius:20px;
	background-color:#f29200;
	cursor:pointer;
	z-index:2;
}

.alertify-notifier .ajs-message.ajs-notify:before:hover {
	background-color:rgb(0,65,103);
}

.alertify-notifier .ajs-message.ajs-notify .text-info{
	color:#000 !important;
}


/* Adminbereich */

#account-header {
	position:fixed;
	width:100%;
	top:0;
	left:0;
	right:0;
	background:rgba(0,65,103,.6);
	z-index:10;
}

#account-header .sm-container{
	margin:0 auto;
}

#account-header .header-logo {
	width:80px;
	height:80px;
}

.user-area .square-btn {
	display:inline-block;
	color:#fff;
	align-items:center;
	padding: 10px 14px 12px;
	border:0 !important;
	background:rgba(0,65,103,.6);
}

.user-area .square-btn:hover,
.user-area .square-btn:focus,
.user-area .square-btn:active {
	background:#f29200;
}

#account-header .logout,
.user-area .back-btn {
	display:inline-block;
	color:#fff;
	align-items:center;
	padding: 10px 16px 12px;
	border:0 !important;
	background:rgba(0,65,103,.3);
}

#account-header .logout:hover,
#account-header .logout:focus,
#account-header .logout:active,
.user-area  .back-btn:hover,
.user-area  .back-btn:focus,
.user-area  .back-btn:active {
	color:#fff !important;
	background:#f29200;
}

#account-header .logout .bi,
.user-area .back-btn .bi {
	display:inline-block;
	color:#f29200;
	font-size:1.25em;
	margin-right:5px;
}

#account-header .logout:hover .bi,
.user-area .back-btn:hover .bi {
	color:#fff;
}

.user-area .back-btn {
	margin-top: 30px;
}

.user-area .back-btn[disabled="1"] {
	opacity:.5;
}

.btn-logout.p-absolute {
	top:0;
	right:0;
}

.account-col {
	height:calc(100%);
}

.account-col .account-box {
	position:relative;
	color:#fff;
	font-weight:bold;
	min-height:200px;
	padding:24px;
	background:rgba(0,65,103,.6);
	text-align:center;
	opacity:0;
	transform:scale(.9);
	-webkit-animation: fadeIn2 .3s .5s forwards ease;
	animation: fadeIn2 .3s .5s forwards ease;
	margin-bottom:var(--bs-gutter-x);
}

@keyframes fadeIn2{
	0 {
		opacity:0;
		transform:scale(.9);
	}
	100% {
		opacity:1;
		transform:scale(1);
	}
}

.account-col .account-box:hover {
	background:rgba(0,65,103,.8);
	background: #f29200;
}

.account-col .account-box p {
	text-align:left;
}

.account-col .account-box .bi{
	color: #f29200;
	font-size:90px;
	top:56%;
	left:0;
	right:0;
	margin:0 auto;
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

.account-col .account-box:hover .bi{
	color: #fff;
}

.account-col .account-box .info-text {
	position:absolute;
	left:24px;
	bottom:24px;
	font-weight:300;
	text-align:left;
}

.alert-warning {
    color: #fff;
    background-color: #f29200;
}

.alert {
    border: 0;
    border-radius: 0;
}

#company .form-control,
#trainer .form-control,
#trainer .list-group {
	border-radius:0;
}

#trainer .list-group .list-group-item {
	color:#fff;
	background:rgba(0,65,103,.3);
	border:0;
	margin-bottom:1px;
}

#trainer .list-group .list-group-item .bi{
	color:#f29200;
}

#trainer .list-group .list-group-item.node-selected {
	background:#f29200 !important;
}

#company input.form-control,
#company select.form-control {
	height:46px;
}

#company select.form-control {
	-webkit-appearance: auto;
	appearance: auto;
}

#company select.form-control option {
	color:#212529;
}

#company label.check input[type="checkbox"] {
    width: 20px;
    height: 20px;
}

.no-lb label,
.no-br br{
	display:none !important;
}

#trainerMessages li {
	padding:20px;
    background: rgba(0,65,103,.2);
}

#trainerMessages button {
	display: inline-block;
    color: #fff;
    padding: 10px 16px 12px;
    border: 0 !important;
    background: rgba(0,65,103,.3);
}

#trainerMessages button:hover,
#trainerMessages button:focus,
#trainerMessages button:active {
	background:#f29200;
}

#trainerMessages button:before {
	margin-right:7px;
}

#trainerMessages .text-warning {
	margin-top:30px;
}

#trainerMessages .link-dark.stop-link {
	display:inline-block;
	color:#dbe1ec;
	margin-bottom:1.5rem;
}

.exercise-day-desc-img img{
	width:100%;
	height:auto;
}

.exercise-day-desc-img-bottom {
	bottom:0;
}

.exercise-day-desc-img-bottom img {
	width:70%;
	height:auto;
}

/* Footer Dashboard */
#footer-dhsb .nav-link {
	color:#fff;
}

#footer-dhsb .nav-link:hover,
#footer-dhsb .nav-link:focus,
#footer-dhsb .nav-link:active {
	color:#f29200;
}

#footer-dhsb .dropdown-toggle::after {
    vertical-align: 0.155em;
}

#footer-dhsb .dropdown-menu {
	background-color:rgba(0,65,103,.8);
	padding:0;
	border-radius:0;
}

#footer-dhsb .dropdown-menu li {
    padding: 0.5rem 1rem;
}

#footer-dhsb .dropdown-menu .dropdown-item,
.lang-select ul#language li a {
	color:#fff;
	margin:0;
	padding-left:35px;
	background-size:24px 24px;
	background-repeat:no-repeat;
	background-position:left center;
	background-color:transparent !important;
}

#footer-dhsb .dropdown-menu .dropdown-item[hreflang="de-DE"],
.lang-select ul#language li a[hreflang="de-DE"] {
	background-image:url("../images/flag_de.png");
}

#footer-dhsb .dropdown-menu .dropdown-item[title="English"],
.lang-select ul#language li a[title="English"] {
	background-image:url("../images/flag_uk.png");
}

#footer-dhsb .dropdown-menu li.active .dropdown-item,
#footer-dhsb .dropdown-menu li .dropdown-item:hover,
#footer-dhsb .dropdown-menu li .dropdown-item:focus,
#footer-dhsb .dropdown-menu li .dropdown-item:active {
	color:#f29200;
}

/* Lang select Login */
.lang-select ul#language {
	display:inline-block;
	background: rgba(0,65,103,.6);
	padding:0.5rem 1rem;
}

.lang-select ul#language li a {
	display:inline-block;
	width:24px;
	height:24px;
	padding:0;
}

.lang-select ul#language li a:hover {
	-webkit-transform:scale(1.05);
	transform:scale(1.05);
}

a.lnk-pwd-recovery {
	color: #ffffff;
}
a.lnk-pwd-recovery:hover {
	color: #f29200;
}

/* Impressum + DSE */
.page {
	height:100%;
}
.page-9 .page,
.page-10 .page {
	max-width: 1200px;
	padding:100px 20px;
	margin:0 auto;
	height:auto;
}

.page-9 .page .frame-type-text h1,
.page-10 .page .frame-type-text h1 {
	font-size:2.5rem;
}

.page-9 .page h2,
.page-9 .page h3,
.page-10 .page h2,
.page-10 .page h3{
	margin-bottom:1.5rem;
}

.page-9 .page .frame-type-text p a,
.page-10 .page .frame-type-text p a {
	color:#f29200 !important;
}

.page-9 .page .frame-type-text p a:hover,
.page-9 .page .frame-type-text p a:focus
.page-10 .page .frame-type-text p a:hover,
.page-10 .page .frame-type-text p a:focus {
	text-decoration:underline;
}

.frame-space-after-medium {
	margin-bottom:2rem;
}
.page-9 .page .frame-type-text.frame-layout-1 p a,
.page-10 .page .frame-type-text.frame-layout-1 p a {
    display: inline-block;
    color: #fff !important;
    padding: 10px 16px 12px;
    border: 0 !important;
    background: rgba(0,65,103,.3);
	text-decoration:none !important;
	margin-bottom:2rem;
}
.page-9 .page .frame-type-text.frame-layout-1 p a:hover,
.page-9 .page .frame-type-text.frame-layout-1 p a:focus,
.page-10 .page .frame-type-text.frame-layout-1 p a:hover,
.page-10 .page .frame-type-text.frame-layout-1 p a:focus {
    background: #f29200;
}
/*
.page {
	background-image:url("../images/icon-bg1.png");
}*/

#profil select.form-control option {
	color:#212529;
}

.alertify-notifier .ajs-message.ajs-visible {
	opacity:0 !important;
}

.alertify-notifier .ajs-message.ajs-visible:last-child {
	opacity:1 !important;
}

.alertify-notifier:empty{
	display:none;
}

#specials-monthview-content .row.p-5 {
	padding-top:0 !important;
}

#academy-dhsb .client-logo {
	width: 13%;
    height: 3%;
    top: 65.8%;
    left: 50%;
    z-index: 1000;
    transform: rotate(2deg);
}

#academy-dhsb .client-logo img{
	width:auto !important;
	max-width:100%;
	position:relative !important;
	top:initial !important;
	left:initial !important;
	object-fit:contain !important;
}

#academy-dhsb img {
	-ms-transition: .2s ease;
    -moz-transition: .2s ease;
    -webkit-transition: .2s ease;
    transition: .2s ease;
}

#academy-dhsb:hover img{
	-ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

#plane-ani {
	position:fixed;
	width:20%;
	top:5%;
	right:-100%;
	-ms-animation:plane 20s infinite linear;
	-webkit-animation:plane 20s infinite linear;
	-moz-animation:plane 20s infinite linear;
	animation:plane 20s infinite linear;
}
#plane-ani > img{
	max-width:100%;
	width:100%;
	height:auto;
}

#plane-ani .client-logo {
    display: flex;
	position: absolute;
    width: 60%;
    height: 80%;
    top: 10%;
    right: 2%;
}

#plane-ani .client-logo img{
	width:auto;
	height:100%;
}

@keyframes plane {
	0% {
		top:5%;
		right:-100%;
	}
	5% {
		top:6%;
		right:-20%;
	}
	20% {
		top:5%;
		right:-5%;
	}
	40% {
		top:7%;
		right:6%;
	}
	60% {
		top:4%;
		right:9%;
	}
	80% {
		top:-4%;
		right:15%
		transform:rotate(3deg);
	}
	90% {
		top:-12%;
		right:20%
	}
	95% {
		top:-18%;
		right:25%
	}
	100% {
		top:-15%;
		right:0;
		transform:rotate(0deg);
	}
}

#signpost-client {
	position: absolute;
}

#signpost-client > img{
	max-width:100%;
	width:100%;
}

#signpost-client .client-logo {
    display: flex;
    width: 72%;
    height: 13%;
    top: 16%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate(2deg);
}

#signpost-client .client-logo img{
	object-fit:contain;
}

#jahresscore #signpost-client {
	width: 8%;
    top: 57%;
    left: 77%;
}

#exercises-day #signpost-client {
	width: 19%;
    right: -5%;
    top: 16%;
}
#exercises-day-detail #signpost-client {
    width: 16%;
    right: -13%;
    top: 11%;
}

#exercises-week #signpost-client,
#exercises-week-detail #signpost-client {
	position: absolute;
    right: -17%;
    width: 15%;
    top: 18%;
}

#timer-overlay #controls {
	display:none !important;
}

.academy .navbar-light .navbar-toggler {
    background:#f29200;
	outline: 0 !important;
}


/* alt. Layout Wochenaufgabe Ern�hrung */

.dwt-type2 .exercise-week-desc h2 {
    margin-bottom: 3%;
}

.dwt-type2 .exercise-week-desc video {
	width:100%;
}

.page-2 .frame-type-text p a,
.page-4 .frame-type-text p a {
	color:#fff !important;
}

.page-2 .frame-type-text p a:hover,
.page-2 .frame-type-text p a:focus,
.page-2 .frame-type-text p a:active,
.page-4 .frame-type-text p a:hover,
.page-4 .frame-type-text p a:focus,
.page-4 .frame-type-text p a:active {
	text-decoration:underline;
}

.registration-form a {
	text-decoration:underline;
}

.registration-form a:hover,
.registration-form a:focus,
.registration-form a:active {
	text-decoration:none;
}

.dhsb-tooltip {
	position:fixed;
	display:none;
	font-size:1em;
	color:#fff;
	padding:5px 10px;
	border-radius:10px;
	background: rgba(0,65,103,.8);
	white-space:nowrap;
	z-index:1001;
}

.dhsb-tooltip:before {
	position:absolute;
	content:" ";
	top:50%;
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	left:-7px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 7px 5px 0;
	border-color: transparent rgba(0,65,103,.8) transparent transparent;
	z-index:1001;
}

#specials-detail-content h2 {
	margin-top:1rem;
	margin-bottom:1rem;
}


/* Coach-Messages new */
.alertify-notifier {
	position:fixed !important;
	right:0 !important;
	top:0;
	left:0;
	bottom:0;
}
.alertify-notifier.ajs-right {
	right:0 !important;
	left:0 !important;
	margin:0 auto;
}

.alertify-notifier.ajs-right .ajs-message {
	float:none !important;
}
.alertify-notifier .ajs-message.ajs-visible {
	margin-top:0 !important;
}
.alertify-notifier .ajs-message.ajs-notify {
	position:absolute;
	width:80vw !important;
	max-width:400px !important;
	background:#fff !important;
	border:0 !important;
	top:50% !important;
	left:0 !important;
	right:0 !important;
	margin:0 auto !important;
	-ms-transform:translateY(-50%) translateX(-50%);
	-webkit-transform:translateY(-50%) translateX(-50%);
	-moz-transform:translateY(-50%) translateX(-50%);
	transform:translateY(-50%) translateX(-50%);
	border-radius:10px !important;
	padding: 25px 50px 25px !important;
	box-shadow:0 0 20px 0 rgba(0,0,0,.3);
}

.alertify-notifier .ajs-message.ajs-notify:after {
	position: absolute !important;
	width: 210px !important;
	height: 170px;
	bottom: auto;
	border: 0;
	left: -39px;
	top: -94px;
	content: " ";
	left: -54px !important;
	background: url(../images/coach-clipboard-mobil.png)no-repeat center;
	background-size: 100% auto;
	z-index: 1;
}
.alertify-notifier .ajs-message.ajs-notify {
	font-size: 16px;
	line-height: 24px;
}

#settings label{
	display:block;
	width:100%;
}

#settings .form-control{
	display:block;
	width:100%;
}

#hearts-balloon {
	width:auto;
	position:absolute;
	top:50%;
	left:0;
	right:0;
	-ms-transform:translateY(-50%) scale(.5);
	-o-transform:translateY(-50%) scale(.5);
	-webkit-transform:translateY(-50%) scale(.5);
	-moz-transform:translateY(-50%) scale(.5);
	transform:translateY(-50%) scale(.5);
	margin:0 auto;
	text-align:center;
	opacity:0;
	-moz-transition:.3s .3s ease;
	-webkit-transition:.3s .3s ease;
	transition:.3s .3s ease;
}

#hearts-balloon.visible {
	opacity:1;
	-ms-transform:translateY(-50%) scale(1);
	-o-transform:translateY(-50%) scale(1);
	-webkit-transform:translateY(-50%) scale(1);
	-moz-transform:translateY(-50%) scale(1);
	transform:translateY(-50%) scale(1);
}

#hearts-balloon .grey,
#hearts-balloon .red {
	-moz-transition:.2s 3.7s ease;
	-webkit-transition:.2s 3.7s ease;
	transition:.2s 3.7s ease;
}

#hearts-balloon .red {
	position:absolute;
	top:0;
	left:0;
	right:0;
	opacity:0;
	margin:0 auto;
	z-index:1;
}

#hearts-balloon.gofly {
	-moz-animation:goFly 1.7s 4.1s forwards linear;
	-webkit-animation:goFly 1.7s 4.1s forwards linear;
	animation:goFly 1.7s 4.1s forwards linear;
}

#hearts-balloon.gofly .grey {
	opacity:0;
}

#hearts-balloon.gofly .red {
	opacity:1;
}

#hearts-balloon img[class^="hearts"]{
	position:absolute;
	top:0;
	left:0;
	right:0;
	opacity:0;
	-ms-transform:scale(1.8);
	-o-transform:scale(1.8);
	-webkit-transform:scale(1.8);
	-moz-transform:scale(1.8);
	transform:scale(1.8);
	margin:0 auto;
	z-index:2;
}

#hearts-balloon img[class^="hearts"].visible{
	opacity:1;
	-ms-transform:scale(1);
	-o-transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	transform:scale(1);
	-moz-transition:1.2s 2.5s ease;
	-webkit-transition:1.2s 2.5s ease;
	transition:1.2s 2.5s ease;
}

#hearts-balloon img[class^="hearts"].show{
	opacity:1;
	-ms-transform:scale(1);
	-o-transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	transform:scale(1);
}

#hearts-balloon #hearts-count {
	position:absolute;
	top:29%;
	left:0;
	right:0;
	margin:0 auto;
	color:#fff;
	font-size:1em;
	font-weight:bold;
	-ms-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
	text-shadow: 2px 2px 2px rgba(0, 0, 0, .6);
	opacity:0;
	z-index:3;
}

#hearts-balloon #hearts-count.visible {
	-moz-animation:heartsCount 2.0s .6s forwards ease;
	-webkit-animation:heartsCount 2.0s .6s forwards ease;
	animation:heartsCount 2.0s .6s forwards ease;
}

#settings .input-error {
	padding:3px 5px;
	color:#fff;
	background-color:red;
}

@keyframes heartsCount {
	0% {
		font-size:1em;
		opacity:0;
	}
	15% {
		font-size:4em;
		opacity:1;	
	}
	25% {
		font-size:3em;
		opacity:1;	
	}
	60% {
		opacity:1;
		font-size:3em;
		-ms-transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		transform:translateY(-50%);
	}
	100% {
		opacity:0;
		font-size:3em;
		-ms-transform:translateY(-350%);
		-webkit-transform:translateY(-350%);
		-moz-transform:translateY(-350%);
		transform:translateY(-350%);
	}
}

@keyframes goFly {
	0% {
		opacity:1;
		-ms-transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		transform:translateY(-50%);
	}
	10% {
		opacity:0.9;
		-ms-transform:translateY(-80%) rotate(-3deg);
		-webkit-transform:translateY(-80%) rotate(-3deg);
		-moz-transform:translateY(-80%) rotate(-3deg);
		transform:translateY(-80%) rotate(-3deg);
	}

	20% {
		opacity:0.8;
		-ms-transform:translateY(-110%) rotate(-0deg);
		-webkit-transform:translateY(-110%) rotate(-0deg);
		-moz-transform:translateY(-110%) rotate(-0deg);
		transform:translateY(-110%) rotate(-0deg);

	}

	30% {
		opacity:0.7;
		-ms-transform:translateY(-140%) rotate(3deg);
		-webkit-transform:translateY(-140%) rotate(3deg);
		-moz-transform:translateY(-140%) rotate(3deg);
		transform:translateY(-140%) rotate(3deg);
	}

	40% {
		opacity:0.6;
		-ms-transform:translateY(-170%) rotate(0deg);
		-webkit-transform:translateY(-170%) rotate(0deg);
		-moz-transform:translateY(-170%) rotate(0deg);
		transform:translateY(-170%) rotate(0deg);
	}

	50% {
		opacity:0.5;
		-ms-transform:translateY(-200%) rotate(-3deg);
		-webkit-transform:translateY(-200%) rotate(-3deg);
		-moz-transform:translateY(-200%) rotate(-3deg);
		transform:translateY(-200%) rotate(-3deg);
	}

	60% {
		opacity:0.4;
		-ms-transform:translateY(-230%) rotate(0deg);
		-webkit-transform:translateY(-230%) rotate(0deg);
		-moz-transform:translateY(-230%) rotate(0deg);
		transform:translateY(-230%) rotate(0deg);
	}

	70% {
		opacity:0.3;
		-ms-transform:translateY(-260%) rotate(3deg);
		-webkit-transform:translateY(-260%) rotate(3deg);
		-moz-transform:translateY(-260%) rotate(3deg);
		transform:translateY(-260%) rotate(3deg);
	}

	80% {
		opacity:0.2;
		-ms-transform:translateY(-290%) rotate(0deg);
		-webkit-transform:translateY(-290%) rotate(0deg);
		-moz-transform:translateY(-290%) rotate(0deg);
		transform:translateY(-290%) rotate(0deg);
	}

	90% {
		opacity:0.1;
		-ms-transform:translateY(-320%) rotate(-3deg);
		-webkit-transform:translateY(-320%) rotate(-3deg);
		-moz-transform:translateY(-320%) rotate(-3deg);
		transform:translateY(-320%) rotate(-3deg);
	}

	100% {
		opacity:0;
		-ms-transform:translateY(-350%) rotate(0deg);
		-webkit-transform:translateY(-350%) rotate(0deg);
		-moz-transform:translateY(-350%) rotate(0deg);
		transform:translateY(-350%) rotate(0deg);
	}
}


/* ##################################
### Additional Responsive Styling ###
##################################### */
/* Screens > 1024 */
@media (min-width:1025px), (min-height:577px) {
	.exercise-week-desc form#feedback {
		font-size: 0.5em;
		line-height: 1.1em;
	}
	.exercise-week-desc form#feedback .form-group label {
		-ms-flex: 1 0 66%;
		flex:1 0 66%;
		width:66%;
		max-width:66%;
	}
	.exercise-week-desc form#feedback .form-group select,
	.exercise-week-desc form#feedback .form-group input:not([type="submit"]) {
		-ms-flex: 1 0 33%;
		flex:1 0 33%;
		width:33%;
		max-width:33%;
	}
	.exercise-week-desc.exercise-upload {
		font-size:17px; line-height:20px;
	}
	#specials-detail-content .specials-info p{
		font-size:21px; line-height:23px;
	}
	#specials-detail-content {
		font-size:13px; line-height:16px;
	}

	/*body > main#content {
		height:100vh;
		overflow:hidden;
	}
	#footer-normal {
		position: fixed;
		width: 100%;
		bottom: 0;
	}*/
	#specials-monthview-content .special-underline {
		font-size: 12px;
		line-height: 14px;
	}

	#specials-detail-content label {
		font-size: 11px;
		line-height: 18px;
	}
}

/* Screens > 1280 */
@media (min-width:1281px), (min-height:721px) {
	.exercise-week-desc form#feedback {
		font-size: 0.5em;
		line-height: 1.1em;
	}
	.exercise-week-desc.exercise-upload {
		font-size:21px; line-height:24px;
	}
	#specials-detail-content .specials-info p{
		font-size:24px; line-height:27px;
	}
	#specials-detail-content {
		font-size:16px; line-height:21px;
	}
	#specials-detail-content label{
		font-size: 15px;
		line-height: 18px;
	}
	#specials-monthview-content .special-underline {
		font-size: 14px;
		line-height: 20px;
	}
}

/* Screens > 1600 */
@media (min-width:1601px), (min-height:901px) {
	.exercise-week-desc form#feedback {
		font-size: 0.55em;
		line-height: 1.1em;
	}
	.exercise-week-desc.exercise-upload {
		font-size:26px;
		line-height:30px;
	}
	#specials-detail-content .specials-info p{
		font-size:30px; line-height:32px;
	}
	#specials-detail-content {
		font-size:18px; line-height:25px;
	}
	#specials-detail-content label {
		font-size: 16px;
		line-height: 22px;
	}
	#specials-monthview-content .special-underline {
		font-size: 17px;
		line-height: 24px;
	}
}

/* Screens > 1920 */
@media (min-width:1921px), (min-height:1081px) {
	.exercise-week-desc.exercise-upload {
		font-size:32px; line-height:40px;
	}
	#specials-detail-content .specials-info p{
		font-size:42px; line-height:47px;
	}
	#specials-detail-content {
		font-size:24px; line-height:35px;
	}
	#specials-detail-content h2 {
		font-size: 50px;
		line-height: 60px;
	}
	#specials-monthview-content .special-underline {
		font-size: 21px;
		line-height: 32px;
	}	
}

@media (max-width:1600px) {
	/*.alertify-notifier.ajs-right {
		right: 8% !important;
	}*/
	.alertify-notifier .ajs-message.ajs-notify {
		font-size: 1.1em;
		line-height: 1.15em;
	}
}

@media (max-width:1280px) {
	.alertify-notifier .ajs-message {
		width:230px !important;
	}
	.alertify-notifier .ajs-message.ajs-notify {
		font-size: 0.9em;
		line-height: 1em;
	}

	.page-9 .page,
	.page-10 .page {
		max-width: 930px;
	}
}

@media (max-width:1199px) {
	#signpost-client {
		display:none !important;
	}
}

@media (min-width:992px) {
	#gameplay-header {
		position:relative;
		z-index:10;
	}

	.table-swipe-icon {
		display:none;
	}

	/* Footer dashboard alternative style */
	#footer-dhsb {
		position:fixed;
		top:0;
		width:100%;
		bottom:auto;
		padding:20px 0;
		background: rgba(0,65,103,.6);
		background:#f29200;
		transform:translateY(-96%);
		transition:transform .3s ease;
		z-index:1983;
	}
	#footer-dhsb:hover {
		transform:translateY(0);
		background: rgba(0,65,103,.8);
	}
	#footer-dhsb:after {
		position: absolute;
		bottom: -30px;
		width: 60px;
		height: 30px;
		line-height: 30px;
		content: " ";
		font-size: 21px;
		text-align: center;
		color:#fff;
		left: 0;
		right: 0;
		margin: 0 auto;
		background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-caret-down' viewBox='0 0 16 16'><path d='M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659z'/></svg>");
		background-color:#f29200;
		background-repeat:no-repeat;
		background-position:center;
		background-size:55% auto;
		border-radius: 0 0 60px 60px;
		z-index: 2;
	}
	#footer-dhsb:hover:after {
		background-color: rgba(0,65,103,.8);
	}
	#footer-dhsb .dropdown-menu {
		margin-top:17px !important;
	}

	/*.alertify-notifier.ajs-top.ajs-right:before {
		display:block;
		position:absolute !important;
		width:123px;
		height:93px;
		top:-9px;
		right:-92px;
		content:" ";
		background:url("../images/trainer-bubble.png")no-repeat center;
		background-size:100% auto;
		opacity:1;
		-moz-transition:.3s ease;
		-webkit-transition:.3s ease;
		transition:.3s ease;
	}*/

	.alertify-notifier.ajs-top.ajs-right:empty:before {
		opacity:0;
	}

	/*.alertify-alt-position .alertify-notifier.ajs-top {
		top: 12% !important;
	}*/

	/* alt. positions for elements not in fullscreen mode fullscreen */

	.not_fullscreen.browser_max #exercises-week-dhsb img {
		top: 66.611111%;
	}

	.not_fullscreen.browser_max #academy-dhsb img {
		top: 50.796296%;
	}
	.not_fullscreen.browser_max #exercises-day-dhsb img {
		top: 57.055556%;
	}
	
	#specials.not_fullscreen.browser_max #bg-image,
	#specials.not_fullscreen.browser_max .specials-calendar-year{
		transform:translateY(-80px);
	}

	.not_fullscreen.browser_max #points-content {
		margin-top:-53px;
	}

	.not_fullscreen.browser_max #gameplay-header .logo {
		margin-left: -30px;
	}

	.not_fullscreen.browser_max #academy-dhsb .client-logo {
		top: 62.8%;
	}

	#jahresscore250.not_fullscreen.browser_max #bg-image,
	#jahresscore500.not_fullscreen.browser_max #bg-image,
	#jahresscore750.not_fullscreen.browser_max #bg-image,
	#jahresscore1000.not_fullscreen.browser_max #bg-image,
	#jahresscore1500.not_fullscreen.browser_max #bg-image {
		margin-top: -4% !important;
	}

	#jahresscore250.not_fullscreen.browser_max #gameplay-header,
	#jahresscore500.not_fullscreen.browser_max #gameplay-header,
	#jahresscore750.not_fullscreen.browser_max #gameplay-header,
	#jahresscore1000.not_fullscreen.browser_max #gameplay-header,
	#jahresscore1500.not_fullscreen.browser_max #gameplay-header {
		margin-top: 5% !important;
	}



	/* disable Scroll when browser is maximized */
	.page-5.not_fullscreen.browser_max .page {
		overflow:hidden;
	}

	.page-5.not_fullscreen.browser_max #footer-normal {
		position:fixed;
		width:100%;
		left:0;
		bottom:0;
	}

	.page-5.not_fullscreen.browser_max #footer-normal #back-btn,
	.page-5.not_fullscreen.browser_max #footer-normal #next-btn {
		width: 12.775956%;
		bottom: 20px;
	}

	.page-5.not_fullscreen.browser_max #footer-normal #back-btn {
		left:20px;
	}

	.page-5.not_fullscreen.browser_max #footer-normal #next-btn {
		right:20px;
	}

	.page-5.not_fullscreen.browser_max #footer-normal #video-btn,
	.page-5.not_fullscreen.browser_max #footer-normal #wanted-btn {
		bottom: 20px;
	}

	.page-5.not_fullscreen.browser_max #footer-normal #download-btn {
		bottom:10px;
	}


	/* Logout Slidedown-Header */
	 .footer-logout {
		position:absolute;
		top:50%;
		-ms-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		transform:translateY(-50%);
		right:20px;
		color:#ef9c00 !important;
		padding-left:30px;
		background:url("../images/logout-icon.png")no-repeat left center;
		background-size: auto 100%;
	 }
	 .footer-logout:focus,
	 .footer-logout:hover {
		text-decoration:none;
	 }
	 .dwt-type2 .exercise-week-desc form#upload-pic {
		bottom:-20%;
	}
	.dhsb-tooltip.visible {
		display:block;
	}

	.exercise-week-desc.exercise-feedback {
		position:relative;
		height:100%;
	}

	.exercise-week-desc form#nachricht .form-inner {
		overflow-y:auto;
	}

	#specials-detail-content {
		overflow-y:auto;
		overflow-x:hidden;
	}

	#footer-normal #wanted-btn.wanted-right {
		right:2%;
	}
}

@media (max-width:991px) {
	.alertify-notifier {
		position:fixed !important;
		right:0 !important;
		top:0;
		left:0;
		bottom:0;
	}
	.alertify-notifier.ajs-right {
		right:initial !important;
	}

	.alertify-notifier.ajs-right .ajs-message {
		float:none !important;
	}
	.alertify-notifier .ajs-message.ajs-visible {
		margin-top:0 !important;
	}
	.alertify-notifier .ajs-message.ajs-notify {
		position:absolute;
		width:80vw !important;
		background:#fff !important;
		border:0 !important;
		top:50% !important;
		left:10vw !important;
		right:10vw !important;
		margin:0 auto !important;
		-ms-transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		transform:translateY(-50%);
		border-radius:10px !important;
		padding:50px 20px 20px !important;
		box-shadow:0 0 20px 0 rgba(0,0,0,.3);
	}

	.alertify-notifier .ajs-message.ajs-notify:after {
		position: absolute !important;
		width: 210px !important;
		height: 170px;
		bottom: auto;
		border: 0;
		left: -39px;
		top: -94px;
		content: " ";
		left: -54px !important;
		background: url(../images/coach-clipboard-mobil.png)no-repeat center;
		background-size: 100% auto;
		z-index: 1;
	}
	.alertify-notifier .ajs-message.ajs-notify {
		font-size: 16px;
		line-height: 24px;
	}

	.gameplay-container #notifications{
		display:none;
	}
	.page-9 .page,
	.page-10 .page {
		max-width: 720px;
	}

	.account-col .account-box {
		padding:20px;
	}
	.table-scroll-mobile {
		position:relative;
		overflow-x:auto;
	}

	.table-scroll-mobile .tx_healga.table {
		width:720px;
	}

	.table-swipe-icon {
		position:fixed;
		width:200px;
		height:200px;
		display:flex;
		align-items:center;
		flex-wrap:wrap;
		top:60%;
		left:0;
		right:0;
		margin:0 auto;
		color:#fff;
		text-align:center;
		padding:40px 20px;
		border-radius:100%;
		-ms-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		transform:translateY(-50%);
		background: rgba(0,65,103,.8);
		opacity:0;
		-moz-animation:tableSwipe .6s .6s forwards ease;
		-webkit-animation:tableSwipe .6s .6s forwards ease;
		animation:tableSwipe .6s .6s forwards ease;
		z-index:2;
	}

	.table-swipe-icon p {
		margin:0 auto;
	}

	.table-swipe-icon img{
		margin:0 auto;
		-moz-animation:tableSwipeIcon 2s .6s infinite;
		-webkit-animation:tableSwipeIcon 2s .6s infinite;
		animation:tableSwipeIcon 2s .6s infinite;
	}

	@-moz-keyframes tableSwipe{
		0 {
			opacity:0;
		}
		100% {
			opacity:1;
		}
	}
	@-webkit-keyframes tableSwipe{
		0 {
			opacity:0;
		}
		100% {
			opacity:1;
		}
	}
	@keyframes tableSwipe{
		0 {
			opacity:0;
		}
		100% {
			opacity:1;
		}
	}

	@-moz-keyframes tableSwipeIcon{
		0 {
			transform:translateX(0%);
		}
		25% {
			transform:translateX(-50%);
		}
		50% {
			transform:translateX(0%);
		}
		75% {
			transform:translateX(50%);

		}
		100% {
			transform:translateX(0%);
		}
	}

	@-webkit-keyframes tableSwipeIcon{
		0 {
			transform:translateX(0%);
		}
		25% {
			transform:translateX(-50%);
		}
		50% {
			transform:translateX(0%);
		}
		75% {
			transform:translateX(50%);

		}
		100% {
			transform:translateX(0%);
		}
	}

	@keyframes tableSwipeIcon{
		0 {
			transform:translateX(0%);
		}
		25% {
			transform:translateX(-50%);
		}
		50% {
			transform:translateX(0%);
		}
		75% {
			transform:translateX(50%);

		}
		100% {
			transform:translateX(0%);
		}
	}

	#content .account-col .account-box .bi.p-absolute{
		position:absolute !important;
	}

	.app-menu-col,
	.app-menu-btn {
		overflow:hidden !important;
	}

	.app-menu-col > a {
		position:relative;
		display:block;
	}
	#gameplay-header .dhsb-tooltip {
		display:none !important;
	}
	
	.dhsb-tooltip {
		position:absolute !important;
		left:15px !important;
		right: 15px !important;
		top: auto !important;
		margin:0 auto;
		bottom:20px;
		text-align:center;
	}

	.app-menu-col > a:hover .dhsb-tooltip {
		display:block;
	}

	.dhsb-tooltip:before {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 10px 10px 10px;
		border-color: transparent transparent rgba(0,65,103,.8) transparent;
		-ms-transform:none;
		-moz-transform:none;
		-webkit-transform:none;
		transform:none;
		left:0;
		right:0;
		top:-10px;
		margin:0 auto;
	}

	.alertify-notifier.ajs-right {
		width: 100%;
	}
}

@media (max-width:767px) {
	button.fullscreen {
		display:none;
	}

	#trainersTree {
		margin-bottom:1rem;
	}
	.page-9 .page,
	.page-10 .page {
		max-width: 520px;
	}
	#content #company.user-area {
		display:block;
	}
}

@media (max-width:575px) {
	.page-9 .page,
	.page-10 .page {
		max-width: 100%;
	}
	.user-area .row.w-100 {
		margin-left:0;
		margin-right:0;
	}
}