<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
html, body{
    height: 100%;
}

body {
    padding-top: 50px;
	padding-bottom:20px;
}

.body-content {
    min-height: calc(100% - 20px);
    /*min-height: 100%;*/
    height: auto !important;
    height: 100%;
    margin: 0 auto -65px; /* the bottom margin is the negative value of the footer's height */
	margin-top: 20px;
}

/* footer on bottom */
footer.myFooter, .push{
	height: 65px; /* .push must be the same height as .footer */
}

/* Set padding to keep content from hitting the edges */
.query {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.MediaList {
    opacity: 1.0;
    border-radius: 0px; 
    border: solid; 
    border-color: lightgrey; 
    border-width:thin;
}

*::before, *::after {
    box-sizing: border-box;
}
*::before, *::after {
    box-sizing: border-box;
}
.media:first-child {
    margin-top: 0;
}

.myMediaList {
/*    opacity: 0.9; */
    border-radius: 0px; 
    border: solid; 
    border-color: lightgray; 
    border-width:thin;
    background-color: white;
    box-shadow: 10px 10px 5px rgba(136, 136, 137, 0.61);
}
.media, .media-body { /* überschreibt den bootstrap wert */
    overflow:initial;
}
.media .media-left { /* überschreibt den bootstrap wert */
    width:3000px;
}
.myMediaListContainer {
    padding: 6px 12px 6px 10px; 
}
.myExercisePanelHeight {
    height: 200px;
}

/* Wallpapers / Backgrounds */
body {
    /*background-image: url("Images/Background/background5.jpg");*/
    background-attachment:fixed;
    background-position:top left;
    background-size:cover;
    background-repeat: repeat-x;

	background-color:white; /* For browsers that do not support gradients */
	background-image: -webkit-linear-gradient(bottom, white 0%, #B6DEF8 50%); /*Safari 5.1-6*/
	background-image: -o-linear-gradient(bottom, white 0%, #B6DEF8 50%); /*Opera 11.1-12*/
	background-image: -moz-linear-gradient(bottom, white 0%, #B6DEF8 50%); /*Fx 3.6-15*/
	background-image: linear-gradient(to top, white 0%, #B6DEF8 50%); /*Standard*/
}

/* extra large screens */
@media(min-width: 2000px) { 
    html {
		background-attachment:fixed;
		background-position:top left;
		background-size:cover;
		background-repeat: repeat-x;

		background-color:white; /* For browsers that do not support gradients */
		background-image: -webkit-linear-gradient(bottom, white 0%, #B6DEF8 50%); /*Safari 5.1-6*/
		background-image: -o-linear-gradient(bottom, white 0%, #B6DEF8 50%); /*Opera 11.1-12*/
		background-image: -moz-linear-gradient(bottom, white 0%, #B6DEF8 50%); /*Fx 3.6-15*/
		background-image: linear-gradient(to top, white 0%, #B6DEF8 50%); /*Standard*/

		width:2000px;
		margin:0px auto;
    }
	body {
		background-color:transparent;
		background-image:none;
	}
	.navbar-fixed-top, .navbar-fixed-bottom {
		width:2000px;
		right:auto;
		left:auto;
		margin-left:-15px;
		border-bottom-left-radius:10px;
		border-bottom-right-radius:10px;
	}
}

/* Scrolling */
@media screen and (max-width: 930px) { /* Android Browser URL-Bar Scrolling fix */
    body{
        overflow-y: scroll;
        -webkit-overflow-scrolling:touch;
    }
}

/* Icons */
.myLogo{
    background-image: url('Images/Background/logo-rehathlon-256-transp.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto 44px;
    padding: 5px 30px 0 20px;
}

.myLogo-sm{
    background-image: url('Images/Background/logo-rehathlon-256-transp-angeschnitten.png');
    background-position: 0 5px;
    background-repeat: no-repeat;
    background-size: auto 32px;
    margin-left: -5px;
    padding: 10px 5px 10px 32px;
}

.myLogo-brand{
    background-image: url('Images/Background/logo-rehathlon-300dpi.png');
    /*background-image: url('Images/Background/logo-rehathlon.png');*/
    /*background-image: url('Images/Background/rehthlon_logo_web.png');*/
	/*background-image: url('Images/Background/logo-rehathlon-maennchen-100x50.png');*/
    background-position: 5px 0;
    background-repeat: no-repeat;
    background-size: 100px 50px;
    min-width: 110px;
}


.myContact {
    /*background-image: url("Images/Background/optisoft_contact.png");*/
    background-size: auto 100px;
    background-position: 230px 40px;
    background-repeat: no-repeat;
    padding: 0px 20px 0px 0px;
}

.myPanel {
    box-shadow: 10px 10px 5px rgba(136, 136, 137, 0.61);
    opacity: 0.9;
	z-index:3; /* über der Sidebar */
}

.myPanelHeader h3, a {
	color: #333;
}

/*div.myPanel[name="Exercise"] .myPanelHeader{
	cursor: move;
}*/

@media(max-width: 800px) {
    div.myPanel[name="Exercise"] .myPanelHeader {
	    cursor: default !important;
    }
}

@media(min-width: 801px) {
    div.myPanel[name="Exercise"] .myPanelHeader {
	    cursor: move;
    }
}

.myFilterNavigation, .mySidebar {
    z-index: 2;
}

#PlanBody {
    overflow-y: auto; 
    min-height: 200px; 
    height: auto; 
    max-height: 400px;
}

.myPanelFooter a{
    color: black;
}


.timetable {
    background-color: white; 
    opacity: 0.9;
    border-collapse: collapse;
}

.timetable tbody th {
    height: 140px;
    width: 160px;
}

.timetable thead th {
    text-align: center;
    background-color: lightgray;
}

.Sidebar {
    width: 220px; 
    position: fixed;
    margin-left:-20px;
    margin-top:90px;
	z-index:1;
}

@media screen and (min-width: 1700px)
{
    .Sidebar {
        width: 290px;
    }
}

@media screen and (max-width: 1360px)
{
    .Sidebar {
        width: 200px;
    }
}

@media screen and (max-width: 1199px)
{
    .Sidebar {
        width: 330px;
    }
}

@media screen and (max-width: 1042px)
{
    .Sidebar {
        width: 290px;
    }
}

@media screen and (max-width: 930px)
{
    .Sidebar {
        width: 240px;
    }
}
    
@media screen and (max-width: 767px)
{
    .Sidebar {
        position: relative;
        width: auto;
    }
	/* /Exercises */
	#Exercises {
		margin-left: -50px; /* bündig */
		margin-right:20px; /* platz um mit dem Finger zu scrollen */
	}
	/* /Workout */
	nav.myFilterNavigation[name="WorkoutFilter"] {
		margin-left: -15px; /* bündig */
		margin-right:-15px;
	}
	#WorkoutDesigner {
		margin-left: -15px; /* bündig */
		margin-right:-30px;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

    .Sidebar {
        position: fixed;
        width: 230px;
    }

}

.navbar-right{
    margin-right:1px;

}


.selectCategorys label.active {
   border: 1px solid black !important;
   box-shadow: 0 5px 8px rgba(0, 0, 0, 0.225) !important;
   background-color:lightgrey !important;
   color:#000 !important;
}
.selectCategorys legend {
   font-size:1em;
   padding-left:20px;
   margin: auto;
}

/* zeilenumbruch von texten darstellen */
.whitespace {
    white-space:pre-wrap;
}
.nobr {
    white-space:nowrap;
    min-width:70px;
}

/* Exercise scroll to top */
.scrollToTop {
	z-index:99;
    cursor:pointer;
	padding:10px; 
	text-align:center; 
	font-weight: bold;
    font-size:2.5em;
	color: #444;
	text-decoration: none;
	position:fixed;
	bottom:14px;
	right:1px;
	display:none;
}
.scrollToTop:hover {
	text-decoration:none;
}

/* show LoadingImage when Ajax is requesting */
.loadingImg {
    display:    none;
    position:   fixed;
    z-index:    9999;
    top:        0px;
    left:       0px;
    height:     50px;
    width:      110px;
    background: rgba( 247, 246, 246, 0.8 ) 
                url('Images/Background/ajax-loader.gif') 
                50% 50% 
                no-repeat;
}
body.loading .loadingImg {
    display: block;
}

/* blendet einen Bereich langsam ein */
.myImgFade { 
    -webkit-animation: fadein 3.5s; /* Safari and Chrome */
    -moz-animation: fadein 3.5s; /* Firefox */
    -ms-animation: fadein 3.5s; /* Internet Explorer */
    -o-animation: fadein 3.5s; /* Opera */
    animation: fadein 3.5s;
}

/* Anzahl der eingeblendeten Übungen */
.badge-notify{
   display:none;
   background:#5c95c5;
   position:absolute;
   top: -1px;
   left: -10px;
}
#ExercisesCount { /* Erstmal ausgeblendet solange es nicht geht */
    display: none !important;
}

/* Workouts: Joint and Ability */
.toggleItemArea {
    background-color:white;
    position:absolute;
    opacity:0.9;
    padding-bottom:20px;
    padding-right:15px;
    padding-left:15px;
    border-bottom:1px solid lightgrey;
    border-bottom-right-radius:20px;
    border-bottom-left-radius:20px;
	z-index:2;
    width:inherit;
    box-shadow:0 10px 5px rgba(136, 136, 137, 0.61);
}
.hideMyItems {
    display: none;
}
.jointAreaPaddingFix {
    padding-right: 0px;
    padding-left: 0px;
}

.openItemArea {
    cursor: pointer;
}

/* position alerts */
.hoveringAlert, .setEventsAlert{
    position:fixed;z-index:999;top:60px;right:10px;
	opacity:0.96;
	min-width:300px;
	max-width:700px;
	cursor:pointer;
	/*-webkit-box-shadow: 0px 0px 4px 0px rgba(112,112,112,0.5);
	-moz-box-shadow: 0px 0px 4px 0px rgba(112,112,112,0.5);
	box-shadow: 0px 0px 4px 0px rgba(112,112,112,0.5);*/
}
.hoveringAlert.alert-success {
	-webkit-box-shadow: 3px 5px 5px -3px rgba(30,120,0,1);
	-moz-box-shadow: 3px 5px 5px -3px rgba(30,120,0,1);
	box-shadow: 3px 5px 5px -3px rgba(30,120,0,1);
}
.hoveringAlert.alert-error {
	-webkit-box-shadow: 3px 5px 5px -3px rgba(153,14,14,1);
	-moz-box-shadow: 3px 5px 5px -3px rgba(153,14,14,1);
	box-shadow: 3px 5px 5px -3px rgba(153,14,14,1);
}
.iconAlert {
	margin-right: 10px;
}

/* a href color fix */
a.link {
	line-height:normal;
	font-size:16px;
	padding: 6px 3px;
    color: #777;
    text-decoration:none;
	cursor:pointer;
}

a.link:hover, .link:focus {
    color: #333;
    text-decoration:none;

	text-shadow: 0 0 0.2em Silver, 0 0 0.2em Silver, 0 0 0.2em Silver;
	transform: scale(1.1);
}

a.link:active {
	text-shadow: 0 0 0.2em Silver, 0 0 0.2em Silver, 0 0 0.2em Silver;
	transform: scale(1.1);
}

div.panel-heading a {
    color: #555;
}

div.panel-heading a:hover, div.panel-heading a:focus {
	color: #333;
	text-decoration:none !important;
}

/* make panel-title responsiv to parents div */
.myPanelHeader h3.panel-title{
	font-size:1.5rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
    line-height: normal;
}

.myPanelHeader2 h3.panel-title{
	font-size:1.5rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
    line-height: normal;
}

hr.soften {
  height: 1px;
  background-image: -webkit-linear-gradient(left, rgba(128,128,128,0), rgba(128,128,128,.8), rgba(128,128,128,0));
  background-image:    -moz-linear-gradient(left, rgba(128,128,128,0), rgba(128,128,128,.8), rgba(128,128,128,0));
  background-image:     -ms-linear-gradient(left, rgba(128,128,128,0), rgba(128,128,128,.8), rgba(128,128,128,0));
  background-image:      -o-linear-gradient(left, rgba(128,128,128,0), rgba(128,128,128,.8), rgba(128,128,128,0));
  border: 0;
  opacity: 0.8;
}

/* unter Workout die zwei Tab Reiter zentrieren */
#myTabs li {
    width: 50%;
    text-align: center;
}
ul#myTabs {
    margin-top: -11px;
    margin-right: -16px;
    margin-left: -16px;
    margin-bottom: 10px;
}
#myTabs li.tabFullWidth {
    width: 100%;
    margin-bottom: 0px;
    padding-right: 0px;
    margin-right: 0px;
}

/* Zentriere die zwei Buttons unten im Modal Footer */
.modal-footer {
    text-align: center !important; 
}

/* Loading Button unter Übungen */
#infinityProgress {
    position:fixed;
    bottom:20px;
    right:95px;
	z-index:3;
}

.required:after 
{
    content: "*";
    font-weight: bold;
    color: red; 
}
.pagination-centered {
    text-align: center;
}
.deaktiviert {
    color: darkred !important;
}
.resetmaxwidth {
	max-width: 100%;
	width:100%;
}
.summaryHome {
	padding-left: 10px;
	font-weight: bolder;
}


/* smartphone anpassungen */
@media screen 
and (max-width : 425px) { /* Damit kann man nicht kleiner skalieren als 425px */
	body { 
		width: 425px;
	} 
}

table.ownCalculationTable  { border-collapse: separate; }
table.ownCalculationTable td, table.ownCalculationTable th { border: solid 1px #ddd; }
table.ownCalculationTable tr:first-child th:first-child { border-top-left-radius: 10px; }
table.ownCalculationTable tr:first-child th:last-child { border-top-right-radius: 10px; }
table.ownCalculationTable tr:last-child td:first-child { border-bottom-left-radius: 10px; }
table.ownCalculationTable tr:last-child td:last-child { border-bottom-right-radius: 10px; }
table.ownCalculationTable tr, table.ownCalculationTable thead, table.ownCalculationTable{
	border-radius: 10px;
}

footer.myFooter {
	font-size: small;
}

footer.myFooter h5 {
	font-size: small;
	display: inline;
}

footer.myFooter h5 a {
    color: #777;
}

footer.myFooter h5 a:hover, footer.myFooter h5 a:focus {
	color: #333;
}

/* Paket als Favorit kennzeichnen */
.badge-fav{
   background: orange;
   position:absolute;
   top: 15px;
   left: -55px;
   font-size:18px;
   transform: rotate(-30deg);
   width:200px;
}


/* columns of same height styles */
.inside-full-height {
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}
.row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
}
.col-height {
  display: table-cell;
  float: none;
  height: 100%;
}
.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}

@media (min-width: 480px) {
  .row-xs-height {
    display: table;
    table-layout: fixed;
    height: 100%;
  }
  .col-xs-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-xs-top {
    vertical-align: top;
  }
  .col-xs-middle {
    vertical-align: middle;
  }
  .col-xs-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 768px) {
  .row-sm-height {
    display: table;
    table-layout: fixed;
    height: 100%;
  }
  .col-sm-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-sm-top {
    vertical-align: top;
  }
  .col-sm-middle {
    vertical-align: middle;
  }
  .col-sm-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 992px) {
  .row-md-height {
    display: table;
    table-layout: fixed;
    height: 100%;
  }
  .col-md-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-md-top {
    vertical-align: top;
  }
  .col-md-middle {
    vertical-align: middle;
  }
  .col-md-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 1200px) {
  .row-lg-height {
    display: table;
    table-layout: fixed;
    height: 100%;
  }
  .col-lg-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-lg-top {
    vertical-align: top;
  }
  .col-lg-middle {
    vertical-align: middle;
  }
  .col-lg-bottom {
    vertical-align: bottom;
  }
}

@media screen and (max-width: 990px)
{
    .ExerciseComment {
        margin-top: 20px;
    }
}

.strike-price::after {
    position: absolute;
    display: block;
    content: '';
    top: 24%;
    left: 50%;
    width: 20%;
    height: 2px;
    background-color: #e60000;
    transform: translate(-50%) rotate(150deg);
}

/* override bootstrap */

.jumbotron {
  border-radius: 0px !important;
}
.btn {
  border-radius: 0px;
}
.btn-lg,
.btn-group-lg &gt; .btn {
  border-radius: 0px;
}
.btn-sm,
.btn-group-sm &gt; .btn {
  border-radius: 0px;
}
.btn-xs,
.btn-group-xs &gt; .btn {
  border-radius: 0px;
}
.modal-content {
  border-radius: 0px;
}
.form-control{
  border-radius: 0px;
}
.nav-pills &gt; li &gt; a{
  border-radius: 0px;
}
.panel{
  border-radius: 0px;
}
.list-group-item:first-child {
  border-radius: 0px;
}
.nav-tabs &gt; li &gt; a {
  border-radius: 0px;
}
.alert{
  border-radius: 0px;
}
.wizard &gt; .steps a, .wizard &gt; .steps a:hover, .wizard &gt; .steps a:active{
  border-radius: 0px !important;
}
.wizard &gt; .actions a, .wizard &gt; .actions a:hover, .wizard &gt; .actions a:active{
  border-radius: 0px !important;
}

.navbar {
    border-radius: 0px !important;
}

.label {
    border-radius: 0;
}

/* Rehaplan =&gt; calendar items */
.fc-event {
    border-radius: 0 !important;
}

.dropdown-menu {
    border-radius: 0;
}

/* Scroll Bereich für Übungen bei mobilen Endgeräten etwas vergößern */
@media only screen and (max-device-width: 1366px) {
    .exercises-wrapper {
        padding-right: 35px;
    }
}</pre></body></html>