@charset "utf-8";
/* CSS Document */



/* overpass-200 - latin */
@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/overpass-v12-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/overpass-v12-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/overpass-v12-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/overpass-v12-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/overpass-v12-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/overpass-v12-latin-200.svg#Overpass') format('svg'); /* Legacy iOS */
}
/* overpass-300 - latin */
@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/overpass-v12-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/overpass-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/overpass-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/overpass-v12-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/overpass-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/overpass-v12-latin-300.svg#Overpass') format('svg'); /* Legacy iOS */
}
/* overpass-regular - latin */
@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/overpass-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/overpass-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/overpass-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/overpass-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/overpass-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/overpass-v12-latin-regular.svg#Overpass') format('svg'); /* Legacy iOS */
}
/* overpass-500 - latin */
@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/overpass-v12-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/overpass-v12-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/overpass-v12-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/overpass-v12-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/overpass-v12-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/overpass-v12-latin-500.svg#Overpass') format('svg'); /* Legacy iOS */
}

/* Material Icons */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff') format('woff'), /* Modern Browsers */
       url('../fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.ttf') format('truetype'); /* Safari, Android, iOS */
}





/* =================| HTML5 display definitions |============================================================*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* ====================| Base |=======================================================================
  1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
  2. Force vertical scrollbar in non-IE
  3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
*/
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 16px; line-height: 1.231; }
*{-webkit-margin-before:0em; -webkit-margin-after:0em;}

body, button, input, select, textarea { font-family: 'Overpass', sans-serif; font-weight:200; color:#505456;}

div{margin:0; padding:0;}

/* Text-Markierung */
::-moz-selection { background: #BE1622; color: #fff; text-shadow: none; }
::selection 	 { background: #BE1622; color: #fff; text-shadow: none; }

/* ===============| Links |=============================================================*/
a { text-decoration:none; background-color: transparent;}
a:hover { color: #000; }
a:focus { outline: none; }
a:hover, a:active { outline: none; -moz-outline-style: none;}	/* Improve readability when focused and hovered in all browsers: h5bp.com/h */

*:focus { outline: none; }

/* ==================| Typography |===========================================================*/
abbr[title] { border-bottom: 1px dotted; }
b, strong   { font-weight: bold; }
blockquote  { margin: 1em 40px; }
dfn  { font-style: italic; }
hr   { display: block; height: 2px; border: 0; border-top: 2px solid #424c4f; margin-bottom:25px; padding: 0;}
ins  { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }		/* Redeclare monospace font family: h5bp.com/j */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }													/* Improve readability of pre-formatted text in all browsers */
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* ============================| Lists |=================================================*/
ul, ol { margin:0; padding: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; padding: 0; }

/* ====================| Embedded content & Figures |===================================================*/
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }		/* Improve image quality when scaled in IE7: h5bp.com/d  &  Remove the gap between images and borders on image containers: h5bp.com/e */
svg:not(:root) { overflow: hidden; }											/* Correct overflow not hidden in IE9  */
figure {margin: 0;}



html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}


div.center{
	width:92%;
	max-width:960px;
	margin:0 auto;
	padding: 50px 0 100px;
}


ul:not(.browser-default) {
  padding-left: 0;
  list-style-type: none;
}

ul:not(.browser-default) > li {
  list-style-type: none;
}

a {
  color: #98141B;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}


.valign-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.clearfix {clear: both;}

.z-depth-0 {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.z-depth-1, .card-panel, .toast, .btn, .btn-large, .btn-floating, .dropdown-content {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.z-depth-1-half, .btn:hover, .btn-large:hover, .btn-floating:hover {
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
}

.z-depth-2 {
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}

.z-depth-3 {
  -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3);
          box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3);
}

.z-depth-4, .modal {
  -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3);
          box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3);
}

.z-depth-5 {
  -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3);
}

.hoverable {
  -webkit-transition: -webkit-box-shadow .25s;
  transition: -webkit-box-shadow .25s;
  transition: box-shadow .25s;
  transition: box-shadow .25s, -webkit-box-shadow .25s;
}

.hoverable:hover {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
          box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.divider {
  height: 1px;
  overflow: hidden;
  background-color: #e0e0e0;
}

blockquote {
  margin: 20px 0;
  padding-left: 1.5rem;
  border-left: 5px solid #ee6e73;
}

i {line-height: inherit;}

i.left {float: left; margin-right: 15px;}
i.right {float: right; margin-left: 15px;}

i.tiny {font-size: 1rem;}
i.small {font-size: 2rem;}
i.medium {font-size: 4rem;}
i.large {font-size: 6rem;}

img.responsive-img,
video.responsive-video {
  max-width: 100%;
  height: auto;
}

/*----------------------------------------------------------------------------------------------------------- Parallax  */

.parallax-container {
  position: relative;
  overflow: hidden;
  height: 33vh;
  -webkit-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.15);
-moz-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.15);
box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.15);
}

.impressum{height: 350px;}

.parallax-container .parallax {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.parallax-container .parallax img {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 100%;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.parallax-container {
	height: 50vw;
    max-height:28vh;	
  }
  
.welcome{
	top:100px; margin-bottom:100px;
    max-height:calc(80vh - 100px);	
	}  
	
	
/*@media only screen and (min-width: 1500px){
	.parallax-container .parallax img {
	  bottom: calc((1500px - 100vw) * 0.2);
	}	
}
}*/
	

.parallax-container .parallax img {bottom: calc(11vh - 11vw);}

@media screen and (max-aspect-ratio: 3/1)   {.parallax-container .parallax img {bottom: calc(10vh - 10vw);}}
@media screen and (max-aspect-ratio: 2/1)   {.parallax-container .parallax img {bottom: calc(9vh - 9vw);}}
@media screen and (max-aspect-ratio: 11/6)  {.parallax-container .parallax img {bottom: calc(8vh - 8vw);}}
@media screen and (max-aspect-ratio: 10/6)  {.parallax-container .parallax img {bottom: calc(7vh - 7vw);}}
@media screen and (max-aspect-ratio: 9/6)   {.parallax-container .parallax img {bottom: calc(6vh - 6vw);}}
@media screen and (max-aspect-ratio: 8/6)   {.parallax-container .parallax img {bottom: calc(5vh - 5vw);}}
@media screen and (max-aspect-ratio: 7/6)   {.parallax-container .parallax img {bottom: calc(4vh - 4vw);}}	
@media screen and (max-aspect-ratio: 1/1)   {.parallax-container .parallax img {bottom: calc(3vh - 3vw);}}
@media screen and (max-aspect-ratio: 2/3)   {.parallax-container .parallax img {bottom: calc(2vh - 2vw);}}
@media screen and (max-height: 320px)       {.parallax-container .parallax img {bottom: calc(16vh - 16vw);}}


.pin-top, .pin-bottom {position: relative;}

.pinned {position: fixed !important;}

/*********************
  Transition Classes
**********************/
ul.staggered-list li {opacity: 0;}

.fade-in {
  opacity: 0;
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
}

/*********************
  Media Query Classes
**********************/
@media only screen and (max-width: 600px) {.hide-on-small-only, .hide-on-small-and-down {display: none !important;}}
@media only screen and (max-width: 840px) {.hide-on-med-and-down {display: none !important;}}

@media only screen and (min-width: 601px) {.hide-on-med-and-up {display: none !important;}}
@media only screen and (min-width: 600px) and (max-width: 840px) {.hide-on-med-only {display: none !important;}}
@media only screen and (min-width: 841px) {.hide-on-large-only {display: none !important;}}

@media only screen and (min-width: 841px) {.show-on-large {display: block !important;}}
@media only screen and (min-width: 600px) and (max-width: 840px) {.show-on-medium {display: block !important;}}
@media only screen and (max-width: 600px) {.show-on-small {display: block !important;}}
@media only screen and (min-width: 601px) {.show-on-medium-and-up {display: block !important;}}
@media only screen and (max-width: 840px) {.show-on-medium-and-down {display: block !important;}}
@media only screen and (max-width: 600px) {.center-on-small-only {text-align: center;}}



.page-footer {
  padding-top: 20px;
  color: #fff;
  background-color: #ee6e73;
}

.page-footer .footer-copyright {
  overflow: hidden;
  min-height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0px;
  color: rgba(255, 255, 255, 0.8);
  background-color: rgba(51, 51, 51, 0.08);
}


.collection {
  margin: 0.5rem 0 1rem 0;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
}

.collection .collection-item {
  background-color: #fff;
  line-height: 1.5rem;
  padding: 10px 20px;
  margin: 0;
  border-bottom: 1px solid #e0e0e0;
}

.collection .collection-item.avatar {
  min-height: 84px;
  padding-left: 72px;
  position: relative;
}

.collection .collection-item.avatar:not(.circle-clipper) > .circle,
.collection .collection-item.avatar :not(.circle-clipper) > .circle {
  position: absolute;
  width: 42px;
  height: 42px;
  overflow: hidden;
  left: 15px;
  display: inline-block;
  vertical-align: middle;
}

.collection .collection-item.avatar i.circle {
  font-size: 18px;
  line-height: 42px;
  color: #fff;
  background-color: #999;
  text-align: center;
}

.collection .collection-item.avatar .title {font-size: 16px;}
.collection .collection-item.avatar p {margin: 0;}

.collection .collection-item.avatar .secondary-content {
  position: absolute;
  top: 16px;
  right: 16px;
}

.collection .collection-item:last-child {border-bottom: none;}

.collection .collection-item.active {
  background-color: #26a69a;
  color: #eafaf9;
}

.collection .collection-item.active .secondary-content {color: #fff;}

.collection a.collection-item {
  display: block;
  -webkit-transition: .25s;
  transition: .25s;
  color: #26a69a;
}

.collection a.collection-item:not(.active):hover {background-color: #ddd;}

.collection.with-header .collection-header {
  background-color: #fff;
  border-bottom: 1px solid #e0e0e0;
  padding: 10px 20px;
}

.collection.with-header .collection-item {padding-left: 30px;}

.collection.with-header .collection-item.avatar {padding-left: 72px;}

.secondary-content {
  float: right;
  color: #26a69a;
}

.collapsible .collection {
  margin: 0;
  border: none;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.progress {
  position: relative;
  height: 4px;
  display: block;
  width: 100%;
  background-color: #acece6;
  border-radius: 2px;
  margin: 0.5rem 0 1rem 0;
  overflow: hidden;
}

.progress .determinate {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #26a69a;
  -webkit-transition: width .3s linear;
  transition: width .3s linear;
}

.progress .indeterminate {background-color: #26a69a;}

.progress .indeterminate:before {
  content: '';
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
          animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

.progress .indeterminate:after {
  content: '';
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
          animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  -webkit-animation-delay: 1.15s;
          animation-delay: 1.15s;
}

@-webkit-keyframes indeterminate {
  0% {left: -35%; right: 100%;}
  60% {left: 100%; right: -90%;}
  100% {left: 100%; right: -90%;}
}

@keyframes indeterminate {
  0% {left: -35%; right: 100%;}
  60% {left: 100%; right: -90%;}
  100% {left: 100%; right: -90%;}
}

@-webkit-keyframes indeterminate-short {
  0% {left: -200%; right: 100%;}
  60% {left: 107%; right: -8%;}
  100% {left: 107%; right: -8%;}
}

@keyframes indeterminate-short {
  0% {left: -200%; right: 100%;}
  60% {left: 107%; right: -8%;}
  100% {left: 107%; right: -8%;}
}

/*******************
  Utility Classes
*******************/
.hide {display: none !important;}

.left-align {text-align: left;}
.right-align {text-align: right;}
.center, .center-align {text-align: center;}

.left {float: left !important;}
.right {float: right !important;}

.no-select, input[type=range],
input[type=range] + .thumb {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.circle {border-radius: 50%;}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.truncate {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.no-padding {padding: 0 !important;}


/* This is needed for some mobile phones to display the Google Icon font properly */
.material-icons {
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: 'liga';
     -moz-font-feature-settings: 'liga';
          font-feature-settings: 'liga';
}

.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;
}



.container {
  margin: 0 auto;
  max-width: 1280px;
  width: 90%;
}

@media only screen and (min-width: 601px) {.container {width: 85%;}}
@media only screen and (min-width: 993px) {.container {width: 70%;}}

.container .row {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

.section {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.section.no-pad {padding: 0;}
.section.no-pad-bot {padding-bottom: 0;}
.section.no-pad-top {padding-top: 0;}

/*----------------------------------------------------------------------------------------------------------- Columns  */

.row {
  margin-left: auto;
  margin-right: auto;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.row .col {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.75rem;
  min-height: 1px;
}

.col {margin-bottom: 40px;}

.row .col[class*="push-"], .row .col[class*="pull-"] {position: relative;}

.row .col.s1, .row .col.s2, .row .col.s3, .row .col.s4, 
.row .col.s5, .row .col.s6, .row .col.s7, .row .col.s8, 
.row .col.s9, .row .col.s10, .row .col.s11, .row .col.s12 {margin-left: auto; left: auto; right: auto;}

.row .col.s1 {width: 8.3333333333%;}
.row .col.offset-s1 {margin-left: 8.3333333333%;}
.row .col.pull-s1 {right: 8.3333333333%;}
.row .col.push-s1 {left: 8.3333333333%;}

.row .col.s2 {width: 16.6666666667%;}
.row .col.offset-s2 {margin-left: 16.6666666667%;}
.row .col.pull-s2 {right: 16.6666666667%;}
.row .col.push-s2 {left: 16.6666666667%;}

.row .col.s3 {width: 25%;}
.row .col.offset-s3 {margin-left: 25%;}
.row .col.pull-s3 {right: 25%;}
.row .col.push-s3 {left: 25%;}

.row .col.s4 {width: 33.3333333333%;}
.row .col.offset-s4 {margin-left: 33.3333333333%;}
.row .col.pull-s4 {right: 33.3333333333%;}
.row .col.push-s4 {left: 33.3333333333%;}

.row .col.s5 {width: 41.6666666667%;}
.row .col.offset-s5 {margin-left: 41.6666666667%;}
.row .col.pull-s5 {right: 41.6666666667%;}
.row .col.push-s5 {left: 41.6666666667%;}

.row .col.s6 {width: 50%;}
.row .col.offset-s6 {margin-left: 50%;}
.row .col.pull-s6 {right: 50%;}
.row .col.push-s6 {left: 50%;}

.row .col.s7 {width: 58.3333333333%;}
.row .col.offset-s7 {margin-left: 58.3333333333%;}
.row .col.pull-s7 {right: 58.3333333333%;}
.row .col.push-s7 {left: 58.3333333333%;}

.row .col.s8 {width: 66.6666666667%;}
.row .col.offset-s8 {margin-left: 66.6666666667%;}
.row .col.pull-s8 {right: 66.6666666667%;}
.row .col.push-s8 {left: 66.6666666667%;}

.row .col.s9 {width: 75%;}
.row .col.offset-s9 {margin-left: 75%;}
.row .col.pull-s9 {right: 75%;}
.row .col.push-s9 {left: 75%;}

.row .col.s10 {width: 83.3333333333%;}
.row .col.offset-s10 {margin-left: 83.3333333333%;}
.row .col.pull-s10 {right: 83.3333333333%;}
.row .col.push-s10 {left: 83.3333333333%;}

.row .col.s11 {width: 91.6666666667%;}
.row .col.offset-s11 {margin-left: 91.6666666667%;}
.row .col.pull-s11 {right: 91.6666666667%;}
.row .col.push-s11 {left: 91.6666666667%;}

.row .col.s12 {width: 100%;}
.row .col.offset-s12 {margin-left: 100%;}
.row .col.pull-s12 {right: 100%;}
.row .col.push-s12 {left: 100%;}

@media only screen and (min-width: 601px) {
	
  .row .col.m1, .row .col.m2, .row .col.m3, .row .col.m4, 
  .row .col.m5, .row .col.m6, .row .col.m7, .row .col.m8, 
  .row .col.m9, .row .col.m10, .row .col.m11, .row .col.m12 {margin-left: auto; left: auto; right: auto;}	
	  
  .row .col.m1 {width: 8.3333333333%;}
  .row .col.offset-m1 {margin-left: 8.3333333333%;}
  .row .col.pull-m1 {right: 8.3333333333%;}
  .row .col.push-m1 {left: 8.3333333333%;}
  
  .row .col.m2 {width: 16.6666666667%;}
  .row .col.offset-m2 {margin-left: 16.6666666667%;}
  .row .col.pull-m2 {right: 16.6666666667%;}
  .row .col.push-m2 {left: 16.6666666667%;}
  
  .row .col.m3 {width: 25%;}
  .row .col.offset-m3 {margin-left: 25%;}
  .row .col.pull-m3 {right: 25%;}
  .row .col.push-m3 {left: 25%;}
  
  .row .col.m4 {width: 33.3333333333%;}
  .row .col.offset-m4 {margin-left: 33.3333333333%;}
  .row .col.pull-m4 {right: 33.3333333333%;}
  .row .col.push-m4 {left: 33.3333333333%;}
  
  .row .col.m5 {width: 41.6666666667%;}
  .row .col.offset-m5 {margin-left: 41.6666666667%;}
  .row .col.pull-m5 {right: 41.6666666667%;}
  .row .col.push-m5 {left: 41.6666666667%;}
  
  .row .col.m6 {width: 50%;}
  .row .col.offset-m6 {margin-left: 50%;}
  .row .col.pull-m6 {right: 50%;}
  .row .col.push-m6 {left: 50%;}
  
  .row .col.m7 {width: 58.3333333333%;}
  .row .col.offset-m7 {margin-left: 58.3333333333%;}
  .row .col.pull-m7 {right: 58.3333333333%;}
  .row .col.push-m7 {left: 58.3333333333%;}
  
  .row .col.m8 {width: 66.6666666667%;}
  .row .col.offset-m8 {margin-left: 66.6666666667%;}
  .row .col.pull-m8 {right: 66.6666666667%;}
  .row .col.push-m8 {left: 66.6666666667%;}
  
  .row .col.m9 {width: 75%;}
  .row .col.offset-m9 {margin-left: 75%;}
  .row .col.pull-m9 {right: 75%;}
  .row .col.push-m9 {left: 75%;}
  
  .row .col.m10 {width: 83.3333333333%;}
  .row .col.offset-m10 {margin-left: 83.3333333333%;}
  .row .col.pull-m10 {right: 83.3333333333%;}
  .row .col.push-m10 {left: 83.3333333333%;}
  
  .row .col.m11 {width: 91.6666666667%;}
  .row .col.offset-m11 {margin-left: 91.6666666667%;}
  .row .col.pull-m11 {right: 91.6666666667%;}
  .row .col.push-m11 {left: 91.6666666667%;}
  
  .row .col.m12 {width: 100%;}
  .row .col.offset-m12 {margin-left: 100%;}
  .row .col.pull-m12 {right: 100%;}
  .row .col.push-m12 {left: 100%;}
}

@media only screen and (min-width: 993px) {
	
  .row .col.l1, .row .col.l2, .row .col.l3, .row .col.l4, 
  .row .col.l5, .row .col.l6, .row .col.l7, .row .col.l8, 
  .row .col.l9, .row .col.l10, .row .col.l11, .row .col.l12 {margin-left: auto; left: auto; right: auto;}		
  
  .row .col.l1 {width: 8.3333333333%;}
  .row .col.offset-l1 {margin-left: 8.3333333333%;}
  .row .col.pull-l1 {right: 8.3333333333%;}
  .row .col.push-l1 {left: 8.3333333333%;}
  
  .row .col.l2 {width: 16.6666666667%;}
  .row .col.offset-l2 {margin-left: 16.6666666667%;}
  .row .col.pull-l2 {right: 16.6666666667%;}
  .row .col.push-l2 {left: 16.6666666667%;}
  
  .row .col.l3 {width: 25%;}
  .row .col.offset-l3 {margin-left: 25%;}
  .row .col.pull-l3 {right: 25%;}
  .row .col.push-l3 {left: 25%;}
  
  .row .col.l4 {width: 33.3333333333%;}
  .row .col.offset-l4 {margin-left: 33.3333333333%;}
  .row .col.pull-l4 {right: 33.3333333333%;}
  .row .col.push-l4 {left: 33.3333333333%;}
  
  .row .col.l5 {width: 41.6666666667%;}
  .row .col.offset-l5 {margin-left: 41.6666666667%;}
  .row .col.pull-l5 {right: 41.6666666667%;}
  .row .col.push-l5 {left: 41.6666666667%;}
  
  .row .col.l6 {width: 50%;}
  .row .col.offset-l6 {margin-left: 50%;}
  .row .col.pull-l6 {right: 50%;}
  .row .col.push-l6 {left: 50%;}
  
  .row .col.l7 {width: 58.3333333333%;}
  .row .col.offset-l7 {margin-left: 58.3333333333%;}
  .row .col.pull-l7 {right: 58.3333333333%;}
  .row .col.push-l7 {left: 58.3333333333%;}
  
  .row .col.l8 {width: 66.6666666667%;}
  .row .col.offset-l8 {margin-left: 66.6666666667%;}
  .row .col.pull-l8 {right: 66.6666666667%;}
  .row .col.push-l8 {left: 66.6666666667%;}
  
  .row .col.l9 {width: 75%;}
  .row .col.offset-l9 {margin-left: 75%;}
  .row .col.pull-l9 {right: 75%;}
  .row .col.push-l9 {left: 75%;}
  
  .row .col.l10 {width: 83.3333333333%;}
  .row .col.offset-l10 {margin-left: 83.3333333333%;}
  .row .col.pull-l10 {right: 83.3333333333%;}
  .row .col.push-l10 {left: 83.3333333333%;}
  
  .row .col.l11 {width: 91.6666666667%;}
  .row .col.offset-l11 {margin-left: 91.6666666667%;}
  .row .col.pull-l11 {right: 91.6666666667%;}
  .row .col.push-l11 {left: 91.6666666667%;}
  
  .row .col.l12 {width: 100%;}
  .row .col.offset-l12 {margin-left: 100%;}
  .row .col.pull-l12 {right: 100%;}
  .row .col.push-l12 {left: 100%;}
}

@media only screen and (min-width: 1201px) {
	
  .row .col.xl1, .row .col.xl2, .row .col.xl3, .row .col.xl4, 
  .row .col.xl5, .row .col.xl6, .row .col.xl7, .row .col.xl8, 
  .row .col.xl9, .row .col.xl10, .row .col.xl11, .row .col.xl12 {margin-left: auto; left: auto; right: auto;}			
	  
  .row .col.xl1 {width: 8.3333333333%;}
  .row .col.offset-xl1 {margin-left: 8.3333333333%; }
  .row .col.pull-xl1 {right: 8.3333333333%; }
  .row .col.push-xl1 {left: 8.3333333333%;}
  
  .row .col.xl2 {width: 16.6666666667%;}
  .row .col.offset-xl2 {margin-left: 16.6666666667%;}
  .row .col.pull-xl2 {right: 16.6666666667%;}
  .row .col.push-xl2 {left: 16.6666666667%;}
  
  .row .col.xl3 {width: 25%;}
  .row .col.offset-xl3 {margin-left: 25%;}
  .row .col.pull-xl3 {right: 25%;}
  .row .col.push-xl3 {left: 25%;}
  
  .row .col.xl4 {width: 33.3333333333%;}
  .row .col.offset-xl4 {margin-left: 33.3333333333%;}
  .row .col.pull-xl4 {right: 33.3333333333%;}
  .row .col.push-xl4 {left: 33.3333333333%;}
  
  .row .col.xl5 {width: 41.6666666667%;}
  .row .col.offset-xl5 {margin-left: 41.6666666667%;}
  .row .col.pull-xl5 {right: 41.6666666667%;}
  .row .col.push-xl5 {left: 41.6666666667%;}
  
  .row .col.xl6 {width: 50%;}
  .row .col.offset-xl6 {margin-left: 50%;}
  .row .col.pull-xl6 {right: 50%;}
  .row .col.push-xl6 {left: 50%;}
  
  .row .col.xl7 {width: 58.3333333333%;}
  .row .col.offset-xl7 {margin-left: 58.3333333333%;}
  .row .col.pull-xl7 {right: 58.3333333333%;}
  .row .col.push-xl7 {left: 58.3333333333%;}
  
  .row .col.xl8 {width: 66.6666666667%;}
  .row .col.offset-xl8 {margin-left: 66.6666666667%;}
  .row .col.pull-xl8 {right: 66.6666666667%;}
  .row .col.push-xl8 {left: 66.6666666667%;}
  
  .row .col.xl9 {width: 75%;}
  .row .col.offset-xl9 {margin-left: 75%;}
  .row .col.pull-xl9 {right: 75%;}
  .row .col.push-xl9 {left: 75%;}
  
  .row .col.xl10 {width: 83.3333333333%;}
  .row .col.offset-xl10 {margin-left: 83.3333333333%;}
  .row .col.pull-xl10 {right: 83.3333333333%;}
  .row .col.push-xl10 {left: 83.3333333333%;}
  
  .row .col.xl11 {width: 91.6666666667%;}
  .row .col.offset-xl11 {margin-left: 91.6666666667%;}
  .row .col.pull-xl11 {right: 91.6666666667%;}
  .row .col.push-xl11 {left: 91.6666666667%;}
  
  .row .col.xl12 {width: 100%;}
  .row .col.offset-xl12 {margin-left: 100%;}
  .row .col.pull-xl12 {right: 100%;}
  .row .col.push-xl12 {left: 100%;}
}

/*----------------------------------------------------------------------------------------------------------- Nav  */


div.logodiv {
	width:100%;
	height:100px;
	z-index:1020;
	background-color:white;
	position:relative;
/*-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);*/
}



nav {
  background-color: #fff;
  color:#505456;
  width: 100%;
  height:100px;
  max-width:960px;
  margin:0 auto;
  line-height: 56px;
  padding:0;
}


nav.nav-extended {height: auto;}
nav.nav-extended .nav-wrapper {min-height: 56px; height: auto;}
nav.nav-extended .nav-content {position: relative; line-height: normal;}

nav a {color: #98141B;}

nav i,
nav [class^="mdi-"], nav [class*="mdi-"],
nav i.material-icons {
  display: block;
  font-size: 24px;
  height: 56px;
  line-height: 56px;
}

nav .nav-wrapper {
  position: relative;
  height: 100%;
}


@media only screen and (min-width: 840px) {nav a.button-collapse {display: none;}}

nav .button-collapse {
  float: left;
  position: absolute;
  top:0;
  z-index: 2000;
  height: 46px;
  margin: 0 10px;
}

nav .button-collapse i {
  height: 46px;
  line-height: 46px;
}



nav .brand-logo {
  position: absolute;
  color: #fff;
  display: inline-block;
  font-size: 2.1rem;
  padding: 0;
  right: 0.5rem;
    left: auto;
    -webkit-transform: none;
            transform: none;
			width:310px;
}

nav .brand-logo.center {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media only screen and (max-width: 840px) {
  nav .brand-logo {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
			min-width:240px;
			max-width:330px;
  }
}

nav .brand-logo.right {
  right: 0.5rem;
  padding: 0;
}

nav .brand-logo i,
nav .brand-logo [class^="mdi-"], nav .brand-logo [class*="mdi-"],
nav .brand-logo i.material-icons {
  float: left;
  margin-right: 15px;
}

nav .brand-logo h1{margin:0;}



nav .nav-title {
  display: inline-block;
  font-size: 32px;
  padding: 28px 0;
}

nav ul {margin: -35px 0 0 0;}

nav ul li {
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
  float: left;
  padding: 0;
}

nav ul li.active {background-color: rgba(0, 0, 0, 0.1);}

nav ul a {
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
  font-size: 1rem;
  font-weight:300;
  color: #505456;
  display: block;
  padding: 0 15px;
  cursor: pointer;
}

nav ul a.btn, 
nav ul a.btn-large, 
nav ul a.btn-large, 
nav ul a.btn-flat, 
nav ul a.btn-floating {
  margin-top: -2px;
  margin-left: 15px;
  margin-right: 15px;
}

nav ul a.btn > .material-icons, 
nav ul a.btn-large > .material-icons, 
nav ul a.btn-large > .material-icons, 
nav ul a.btn-flat > .material-icons, 
nav ul a.btn-floating > .material-icons {
  height: inherit;
  line-height: inherit;
}

nav ul a:hover {border-bottom:5px solid #98141B;}

nav ul.left {float: left;
	z-index: 1100;
	position:absolute;
	}

.navbar-fixed {
  position: relative;
  height: 100px;
  width:100%;
  z-index: 999;
  background: white;
position: fixed; left: 0; right: 0;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
}


@media only screen and (min-width: 601px) {
  nav.nav-extended .nav-wrapper {min-height: 100px;}
  nav, nav a.button-collapse {line-height: 30px;}
  .navbar-fixed {height: 100px;}
}



.language {
	position:absolute;
	top:0;
	margin-left:7px;
	margin-top:0;
	}
	
.language li a{
	font-size:12px;
	padding: 0 8px;
	line-height:24px;
	padding-top:3px;
	}
	
	
.language a:hover {
	border-bottom:none; 
	border-top:3px solid #98141B;
	padding-top:0;
	}
	
	




/*----------------------------------------------------------------------------------------------------------- Text  */

/* anchor-offset */
*[id]:before { 
  display: block; 
	height:0;
  content: " "; 
  margin-top: -210px; 
  height: 210px; 
  visibility: hidden; 
}

a {text-decoration: none;}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.1;
  text-align:center;
  }

h1 {
	font-size: 2em;
	/*margin: 15px 10px;*/
	}	

h2 {
	color:#A4ACB1;
	font-size:32px;
	font-weight:200;
	letter-spacing:-0.5px;
	margin:33px 0 50px;
	}	
	
h2 span, h3 span {position:relative; padding-bottom : 10px;}
h2 span:after, h3 span:after{position:absolute; left:0; bottom:0; width:100%; height:1px; border-bottom:4px solid #98141B; content:""}	
	
h3 {
	color:#A4ACB1;
	font-size:32px;
	font-weight:200;
	letter-spacing:-0.5px;
	padding:10px 0 40px;
	}

h4 {
	font-size:20px;
	font-weight:400;
	padding:20px 0 0 0;
	}	

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit;}

em {font-style: italic;}
strong {font-weight: 500;}
small {font-size: 75%;}

.light, .page-footer .footer-copyright {font-weight: 300;}
.thin {font-weight: 200;}

p{
	font-size:16px;
	font-weight:200;
	line-height:1.5;
	margin:20px 0;
	text-align:center;
	}


p a{font-weight:300;}
p a:hover{text-decoration:underline;}

/*----------------------------------------------------------------------------------------------------------- scale-transition  */

.scale-transition {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
  transition: -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
  transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
  transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63), -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
}

.scale-transition.scale-out {
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform .2s !important;
  transition: -webkit-transform .2s !important;
  transition: transform .2s !important;
  transition: transform .2s, -webkit-transform .2s !important;
}

.scale-transition.scale-in {
  -webkit-transform: scale(1);
          transform: scale(1);
}


/*----------------------------------------------------------------------------------------------------------- CARDS  */



.card-panel {
  -webkit-transition: -webkit-box-shadow .25s;
  transition: -webkit-box-shadow .25s;
  transition: box-shadow .25s;
  transition: box-shadow .25s, -webkit-box-shadow .25s;
  padding: 24px;
  margin: 0.5rem 0 1rem 0;
  border-radius: 2px;
  background-color: #fff;
}

.card {
  position: relative;
  margin: 0.5rem 0 1rem 0;
  background-color: #fff;
  -webkit-transition: -webkit-box-shadow .25s;
  transition: -webkit-box-shadow .25s;
  transition: box-shadow .25s;
  transition: box-shadow .25s, -webkit-box-shadow .25s;
  border-radius: 2px;
  border:1px solid #ddd;
}

.card .card-title {
  font-size: 24px;
  font-weight: 300;
}

.card .card-title.activator {
  cursor: pointer;
}

.card.small, .card.medium, .card.large {
  position: relative;
}

.card.small .card-image, .card.medium .card-image, .card.large .card-image {
  max-height: 60%;
  overflow: hidden;
}

.card.small .card-image + .card-content, .card.medium .card-image + .card-content, .card.large .card-image + .card-content {max-height: 40%;}

.card.small .card-content, .card.medium .card-content, .card.large .card-content {
  max-height: 100%;
  overflow: hidden;
}

.card.small .card-action, .card.medium .card-action, .card.large .card-action {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.card.small  {height: 300px;}
.card.medium {height: 400px;}
.card.large  {height: 500px;}

.card.horizontal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border:1px solid #ddd;
}

.card.horizontal.small .card-image, .card.horizontal.medium .card-image, .card.horizontal.large .card-image {
  height: 100%;
  max-height: none;
  overflow: visible;
}

.card.horizontal.small .card-image img, .card.horizontal.medium .card-image img, .card.horizontal.large .card-image img {height: 100%;}

.card.horizontal .card-image {max-width: 50%;}

.card.horizontal .card-image img {
  border-radius: 2px 0 0 2px;
  max-width: 100%;
  width: auto;
}

.card.horizontal .card-stacked {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}

/*.card.horizontal .card-stacked .card-content {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}*/

.card.sticky-action .card-action {z-index: 2;}

.card.sticky-action .card-reveal {
  z-index: 1;
  padding-bottom: 64px;
}

.card .card-image {position: relative;}

.card .card-image img {
  display: block;
  border-radius: 2px 2px 0 0;
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
}

.card .card-image .card-title {
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 100%;
  padding: 24px;
}

.card .card-content {
  padding: 24px 5px 5px;
  border-radius: 0 0 2px 2px;
}

.card .card-content p {
  margin: 0;
  color: inherit;
  font-weight:400;
}

.card .card-content .card-title {
  display: block;
  line-height: 32px;
  margin-bottom: 8px;
}

.card .card-content .card-title i {
  line-height: 32px;
}

.card .card-action {
  position: relative;
  background-color: inherit;
  /*border-top: 1px solid rgba(160, 160, 160, 0.2);*/
  padding: 16px 24px;
}

.card .card-action:last-child {
  border-radius: 0 0 2px 2px;
}

.card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating) {
  color: #98141B;
  font-weight:400;
  -webkit-transition: color .3s ease;
  transition: color .3s ease;
  text-transform: uppercase;
}

.card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating):hover {
	text-decoration: underline;
}

.card .card-reveal {
  padding: 24px;
  position: absolute;
  background-color: #fff;
  width: 100%;
  overflow-y: auto;
  left: 0;
  top: 100%;
  height: 100%;
  z-index: 3;
  display: none;
}

.card .card-reveal .card-title {
  cursor: pointer;
  display: block;
}


/*----------------------------------------------------------------------------------------------------------- Buttons  */


.material-tooltip {
  padding: 10px 8px;
  font-size: 1rem;
  z-index: 2000;
  background-color: transparent;
  border-radius: 2px;
  color: #fff;
  min-height: 36px;
  line-height: 120%;
  opacity: 0;
  position: absolute;
  text-align: center;
  max-width: calc(100% - 4px);
  overflow: hidden;
  left: 0;
  top: 0;
  pointer-events: none;
  visibility: hidden;
}

.backdrop {
  position: absolute;
  opacity: 0;
  height: 7px;
  width: 14px;
  border-radius: 0 0 50% 50%;
  background-color: #323232;
  z-index: -1;
  -webkit-transform-origin: 50% 0%;
          transform-origin: 50% 0%;
  visibility: hidden;
}

.btn, .btn-large,
.btn-flat {
  border: none;
  border-radius: 2px;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  padding: 0 2rem;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}

.btn.disabled, .disabled.btn-large,
.btn-floating.disabled,
.btn-large.disabled,
.btn-flat.disabled,
.btn:disabled,
.btn-large:disabled,
.btn-floating:disabled,
.btn-large:disabled,
.btn-flat:disabled,
.btn[disabled],
[disabled].btn-large,
.btn-floating[disabled],
.btn-large[disabled],
.btn-flat[disabled] {
  pointer-events: none;
  background-color: #DFDFDF !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #9F9F9F !important;
  cursor: default;
}

.btn.disabled:hover, .disabled.btn-large:hover,
.btn-floating.disabled:hover,
.btn-large.disabled:hover,
.btn-flat.disabled:hover,
.btn:disabled:hover,
.btn-large:disabled:hover,
.btn-floating:disabled:hover,
.btn-large:disabled:hover,
.btn-flat:disabled:hover,
.btn[disabled]:hover,
[disabled].btn-large:hover,
.btn-floating[disabled]:hover,
.btn-large[disabled]:hover,
.btn-flat[disabled]:hover {
  background-color: #DFDFDF !important;
  color: #9F9F9F !important;
}

.btn, .btn-large,
.btn-floating,
.btn-large,
.btn-flat {
  font-size: 1rem;
  outline: 0;
}

.btn i, .btn-large i,
.btn-floating i,
.btn-large i,
.btn-flat i {
  font-size: 1.3rem;
  line-height: inherit;
}

.btn:focus, .btn-large:focus,
.btn-floating:focus {
  background-color: #1d7d74;
}

.btn, .btn-large {
  text-decoration: none;
  color: #fff;
  background-color: #26a69a;
  text-align: center;
  letter-spacing: .5px;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
  cursor: pointer;
}

.btn:hover, .btn-large:hover {
  background-color: #2bbbad;
}

.btn-floating {
  display: inline-block;
  color: #fff;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  background-color: #26a69a;
  border-radius: 50%;
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer;
  vertical-align: middle;
}

.btn-floating:hover {background-color: #26a69a;}
.btn-floating:before {border-radius: 0;}

.btn-floating.btn-large {width: 56px; height: 56px;}
.btn-floating.btn-large.halfway-fab {bottom: -28px;}
.btn-floating.btn-large i {line-height: 56px;}

.btn-floating.halfway-fab {
  position: absolute;
  right: 24px;
  bottom: -20px;
}

.btn-floating.halfway-fab.left {
  right: auto;
  left: 24px;
}

.btn-floating i {
  width: inherit;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 1.6rem;
  line-height: 40px;
}

button.btn-floating {border: none;}

.fixed-action-btn {
  position: fixed;
  right: 23px;
  bottom: 23px;
  padding-top: 15px;
  margin-bottom: 0;
  z-index: 997;
}

.fixed-action-btn.active ul {visibility: visible;}
.fixed-action-btn.horizontal {padding: 0 0 0 15px;}

.fixed-action-btn.horizontal ul {
  text-align: right;
  right: 64px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 100%;
  left: auto;
  width: 500px;
  /*width 100% only goes to width of button container */
}

.fixed-action-btn.horizontal ul li {
  display: inline-block;
  margin: 15px 15px 0 0;
}

.fixed-action-btn.toolbar {
  padding: 0;
  height: 56px;
}

.fixed-action-btn.toolbar.active > a i {opacity: 0;}

.fixed-action-btn.toolbar ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  bottom: 0;
  z-index: 1;
}

.fixed-action-btn.toolbar ul li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: inline-block;
  margin: 0;
  height: 100%;
  -webkit-transition: none;
  transition: none;
}

.fixed-action-btn.toolbar ul li a {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
  line-height: 56px;
  z-index: 1;
}

.fixed-action-btn.toolbar ul li a i {
  line-height: inherit;
}

.fixed-action-btn ul {
  left: 0;
  right: 0;
  text-align: center;
  position: absolute;
  bottom: 64px;
  margin: 0;
  visibility: hidden;
}

.fixed-action-btn ul li {
  margin-bottom: 15px;
}

.fixed-action-btn ul a.btn-floating {
  opacity: 0;
}

.fixed-action-btn .fab-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 40px;
  height: 40px;
  background-color: #26a69a;
  border-radius: 50%;
  -webkit-transform: scale(0);
          transform: scale(0);
}

.btn-flat {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
  color: #343434;
  cursor: pointer;
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
}

.btn-flat:focus, .btn-flat:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-flat:focus {background-color: rgba(0, 0, 0, 0.1);}

.btn-flat.disabled {
  background-color: transparent !important;
  color: #b3b2b2 !important;
  cursor: default;
}

.btn-large {
  height: 54px;
  line-height: 54px;
}

.btn-large i {font-size: 1.6rem;}

.btn-block {display: block;}


/*----------------------------------------------------------------------------------------------------------- modal  */


.modal {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  background-color: #fff;
  padding: 0;
  max-height: 100%;
  width: 100%;
  max-width:960px;
  margin: auto;
  overflow-y: auto;
  border-radius: 2px;
  will-change: top, opacity;
}

.portrait h1, .portrait h2, .portrait h3, .portrait h4 {margin-top: 0;}
.portrait {padding: 40px;}

@media only screen and (max-width: 960px) {
	.portrait {padding: 20px;}
	}





.portrait p{
	text-align:center;
	padding: 0 0.75rem;
	}
	
.portrait img{
	width:100%;
	margin-bottom:30px;
	}	
	
.portrait h4{
	padding: 0 0.75rem;
	}	


  dl {text-align: left; line-height: 1.5;}
  dt {font-weight: 400; margin-bottom:10px;}
  dd {margin: 0; padding: 0 0 20px 0;}


ul.squared li {list-style-type:none; color:#30393D; font-size:16px; line-height:21px; margin: 0 0 7px 20px;}

ul.squared li::before {
	content: '\25A0 ';
	color: #98141B;
	font-size:16px;
	line-height:16px;
	display: inline-block;
	width: 22px;
	margin-left: -22px;
	padding-bottom:2px;	
	}



/*-----------------------------------------------------------------------------------------------------------  AKKORDEON */


.collapsible {
  border-top: 1px solid #ddd;
  margin: 0.5rem 0 1rem 0;
}

.collapsible-header::before {
	content: '\25A0 ';
	color: #98141B;
	font-size:20px;
	line-height:20px;
	display: inline-block;
	width: 30px;
	padding-bottom:2px;	
	}

.collapsible-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  line-height: 1.5;
  padding: 10px 0;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  position:relative;
  font-weight:400;
}

.collapsible-header:hover{background-color:#F5F8F9;}

.collapsible-header i {
  width: 2rem;
  font-size: 1.6rem;
  display: inline-block;
  text-align: center;
  color: #98141B;
}

.collapsible-header i {
	font-size:20px;
	line-height:24px;
	font-weight:900;
	margin-right:5px;
	}

.collapsible-header i.arrow{
	color: #ccc;
	position:absolute;
	right:0;
	-webkit-transition:all 200ms ease-in 0s;
    -moz-transition: all 200ms ease-in 0s;
    -o-transition: all 200ms ease-in 0s;
    transition: all 200ms ease-in 0s;
	}

.active .arrow {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
	}

.collapsible-body {
  display: none;
  border-bottom: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px 10px 40px 25px;
  text-align:left;
}


ul.details {margin:0 5% 40px 0;}

div.ihrExperte span{line-height:21px;}



.horizontal .card-image{width:100px;}
.horizontal .card-content {padding:24px 20px 0;}
.horizontal .card-content p{text-align:left;}
.horizontal .card-action {padding:8px 20px;}



/*-----------------------------------------------------------------------------------------------------------  Side-Nav */



.side-nav .collapsible,
.side-nav.fixed .collapsible {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.side-nav .collapsible li,
.side-nav.fixed .collapsible li {
  padding: 0;
}

.side-nav .collapsible-header,
.side-nav.fixed .collapsible-header {
  background-color: transparent;
  border: none;
  line-height: inherit;
  height: inherit;
  padding: 0 16px;
}

.side-nav .collapsible-header:hover,
.side-nav.fixed .collapsible-header:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.side-nav .collapsible-header i,
.side-nav.fixed .collapsible-header i {
  line-height: inherit;
}

.side-nav .collapsible-body,
.side-nav.fixed .collapsible-body {
  border: 0;
  background-color: #fff;
}

.side-nav .collapsible-body li a,
.side-nav.fixed .collapsible-body li a {
  padding: 0 23.5px 0 31px;
}

.collapsible.popout {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.collapsible.popout > li {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  margin: 0 24px;
  -webkit-transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.collapsible.popout > li.active {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  margin: 16px 0;
}


/*-----------------------------------------------------------------------------------------------------------  view image */


.materialboxed {
  display: block;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  position: relative;
  -webkit-transition: opacity .4s;
  transition: opacity .4s;
  -webkit-backface-visibility: hidden;
}

.materialboxed:hover:not(.active) {
  opacity: .8;
}

.materialboxed.active {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

#materialbox-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #292929;
  z-index: 1000;
  will-change: opacity;
}

.materialbox-caption {
  position: fixed;
  display: none;
  color: #fff;
  line-height: 50px;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 0% 15%;
  height: 50px;
  z-index: 1000;
  -webkit-font-smoothing: antialiased;
}



select:focus {outline: 1px solid #c9f3ef;}
button:focus {outline: none; background-color: #2ab7a9;}

label {font-size: 0.8rem; color: #9e9e9e;}





/***************
    Nav List
***************/

.table-of-contents.fixed {position: fixed;}
.table-of-contents li {padding: 2px 0;}

.table-of-contents a {
  display: inline-block;
  font-weight: 300;
  color: #757575;
  padding-left: 20px;
  height: 1.5rem;
  line-height: 1.5rem;
  letter-spacing: .4;
}

.table-of-contents a:hover {
  color: #a8a8a8;
  padding-left: 19px;
  border-left: 1px solid #ee6e73;
}

.table-of-contents a.active {
  font-weight: 500;
  padding-left: 18px;
  border-left: 2px solid #ee6e73;
}

.side-nav {
  
  width: 100%;
  left: 0;
  top: 100px;
  margin: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  padding-bottom: 30px;
  background-color: #fff;
  z-index: 1010;
  overflow-y: auto;
  will-change: transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateX(-105%);
          transform: translateX(-105%);

}

.side-nav.right-aligned {
  right: 0;
  -webkit-transform: translateX(105%);
          transform: translateX(105%);
  left: auto;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

.side-nav .collapsible {margin: 0;}

.side-nav li {
  float: none;
  line-height: 48px;
  margin:0 0 8px 0;
  text-align:center;
}

.side-nav li:first-child {
  margin:0 0 20px 0;
  border:none;
}

.side-nav li.active {background-color: rgba(0, 0, 0, 0.05);}

.side-nav li > a {
  color: rgba(0, 0, 0, 0.87);
  display: block;
  font-size: 16px;
  font-weight: 500;
  height: 48px;
  line-height: 48px;
  padding: 0 10px;
  width:auto;
}

.side-nav li > a span {position:relative; padding-bottom : 10px;}
.side-nav li > a span:after{position:absolute; left:0; bottom:0; width:100%; height:1px; border-bottom:3px solid #98141B; content:""}

.side-nav li > a:hover {
  background-color: none;
  border:none;
}

.side-nav li > a.btn, .side-nav li > a.btn-large, .side-nav li > a.btn-large, .side-nav li > a.btn-flat, .side-nav li > a.btn-floating {margin: 10px 15px;}
.side-nav li > a.btn, .side-nav li > a.btn-large, .side-nav li > a.btn-large, .side-nav li > a.btn-floating {color: #fff;}

.side-nav li > a.btn-flat {color: #343434;}

.side-nav li > a.btn:hover, .side-nav li > a.btn-large:hover, .side-nav li > a.btn-large:hover {background-color: #2bbbad;}

.side-nav li > a.btn-floating:hover {background-color: #26a69a;}

.side-nav li > a > i,
.side-nav li > a > [class^="mdi-"], .side-nav li > a li > a > [class*="mdi-"],
.side-nav li > a > i.material-icons {
  float: left;
  height: 48px;
  line-height: 48px;
  margin: 0 32px 0 0;
  width: 24px;
  color: rgba(0, 0, 0, 0.54);
}

.side-nav .divider {
  margin: 8px 0 0 0;
}

.side-nav .subheader {
  cursor: initial;
  pointer-events: none;
  color: rgba(0, 0, 0, 0.54);
  font-size: 14px;
  font-weight: 500;
  line-height: 48px;
}

.side-nav .subheader:hover {
  background-color: transparent;
}

.side-nav .user-view,
.side-nav .userView {
  position: relative;
  padding: 32px 32px 0;
  margin-bottom: 8px;
}

.side-nav .user-view > a,
.side-nav .userView > a {
  height: auto;
  padding: 0;
}

.side-nav .user-view > a:hover,
.side-nav .userView > a:hover {
  background-color: transparent;
}

.side-nav .user-view .background,
.side-nav .userView .background {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.side-nav .user-view .circle, .side-nav .user-view .name, .side-nav .user-view .email,
.side-nav .userView .circle,
.side-nav .userView .name,
.side-nav .userView .email {
  display: block;
}

.side-nav .user-view .circle,
.side-nav .userView .circle {
  height: 64px;
  width: 64px;
}

.side-nav .user-view .name,
.side-nav .user-view .email,
.side-nav .userView .name,
.side-nav .userView .email {
  font-size: 14px;
  line-height: 24px;
}

.side-nav .user-view .name,
.side-nav .userView .name {
  margin-top: 16px;
  font-weight: 500;
}

.side-nav .user-view .email,
.side-nav .userView .email {
  padding-bottom: 16px;
  font-weight: 400;
}

.drag-target {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 998;
}

.side-nav.fixed {
  left: 0;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  position: fixed;
}

.side-nav.fixed.right-aligned {
  right: 0;
  left: auto;
}

@media only screen and (max-width: 992px) {
  .side-nav.fixed {
    -webkit-transform: translateX(-105%);
            transform: translateX(-105%);
  }
  .side-nav.fixed.right-aligned {
    -webkit-transform: translateX(105%);
            transform: translateX(105%);
  }
  .side-nav a {
    padding: 0 16px;
  }
  .side-nav .user-view,
  .side-nav .userView {
    padding: 16px 16px 0;
  }
}

.side-nav .collapsible-body > ul:not(.collapsible) > li.active,
.side-nav.fixed .collapsible-body > ul:not(.collapsible) > li.active {
  background-color: #ee6e73;
}

.side-nav .collapsible-body > ul:not(.collapsible) > li.active a,
.side-nav.fixed .collapsible-body > ul:not(.collapsible) > li.active a {
  color: #fff;
}

.side-nav .collapsible-body {
  padding: 0;
}

#sidenav-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 120vh;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 996;
  will-change: opacity;
}


.side-language{
	height:50px;
	position:relative;
	background-color:#eee;
	margin:0;
	}
	
.side-language > li{	
	float:left;
	border:none;
	margin:0;
	width:33%;
}

.side-language > li a{	
	font-size:12px;
	padding:0 8px;
	text-align:center;
}

/*nav div.logodiv a h1 img {height:45px;}
*/
nav, nav *, 
.navbar-fixed, a.brand-logo {-moz-transition: all 0.1s; -webkit-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s;}

.reduced,
.reduced nav,
.reduced nav div.logodiv {height:66px;}
.reduced nav div.logodiv a h1 {margin:0 10px; line-height:1;}
.reduced nav div.logodiv a h1 img {height:65px;}