body{ background-color: #FFFFFF;
background-image:url("/img/bg.png");
background-repeat:no-repeat;
background-size: cover;
background-attachment: fixed;
}

.card{
    border-radius:10px;
    background-color:white;
    margin-right: 10px !important;
    margin-bottom: 10px !important;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
}

.label.badge-pill {
border-radius:1em;
margin:0 0.25em;
}

.css-dreieck-rot {
  width: 0px;
  height: 0px;

  border-top: 8px solid transparent; /* skyblue */
  border-right: 8px solid transparent; /* limegreen;  */
  border-bottom: 8px solid transparent; /* orange; */
  border-left: 8px solid red;
}

.css-dreieck-gruen {
  width: 0px;
  height: 0px;

  border-top: 8px solid transparent; /* skyblue */
  border-right: 8px solid transparent; /* limegreen;  */
  border-bottom: 8px solid transparent; /* orange; */
  border-left: 8px solid green;
}

.css-dreieck-gelb {
  width: 0px;
  height: 0px;

  border-top: 8px solid transparent; /* skyblue */
  border-right: 8px solid transparent; /* limegreen;  */
  border-bottom: 8px solid transparent; /* orange; */
  border-left: 8px solid #efef00;
}

.borderless tr td {
    border: none !important;
    padding: 0px !important;
}

/* (A) TABS CONTAINER */
.tab, .tab * {
  font-family: arial, sans-serif;
  box-sizing: border-box;
}
.tab { max-width: 600px; }

/* (B) HIDE CHECKBOX */
.tab input { display: none; }

/* (C) TAB LABEL */
.tab label {
  /* (C1) DIMENSIONS */
  position: relative; /* required for (f2) position:absolute */
  display: block;
  width: 100%;
  margin-top: 5px;
  padding: 5px;
  border-radius: 5px;

  /* (C2) COSMETICS */
  font-weight: 700;
  color: #fff;
  background: #2d5faf;
  cursor: pointer;
}

/* (D) TAB CONTENT - HIDDEN BY DEFAULT */
/* css animation will not work with auto height */
/* this is why we use max-height instead */
.tab .content {
  overflow: hidden;
  transition: max-height 0.3s;
  max-height: 0;
}
.tab .content p { padding: 10px; }

/* (E) OPEN TAB ON CHECKED */
.tab input:checked ~ .content { max-height: 100vh; }

/* (F) EXTRA - ADD ARROW INDICATOR */
.tab label::after {
  /* (F1) RIGHT ARROW */
  display: block;
  content: "\25b6";

  /* (F2) PLACE AT RIGHT SIDE */
  position: absolute;
  right: 10px; top: 5px;

  /* (F3) ANIMATED ARROW */
  transition: all 0.4s;
}

/* (F4) ROTATE ARROW ON CHECKED */
.tab input:checked ~ label::after { transform: rotate(90deg); }

.borderless {
 border:none;
}

mark_grau {
  margin: 0 -0.4em;
  padding: 0.1em 0.4em;
  border-radius: 0.8em 0.3em;
  background: transparent;
  background-image: linear-gradient(
    to right,
    rgba(145, 142, 144, 0.1),
    rgba(145, 142, 144, 0.7) 4%,
    rgba(145, 142, 144, 0.3)
  );
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

mark_gelb {
  margin: 0 -0.4em;
  padding: 0.1em 0.4em;
  border-radius: 0.8em 0.3em;
  background: transparent;
  background-image: linear-gradient(
    to right,
    rgba(223, 223, 0, 0.1),
    rgba(223, 223, 0, 0.7) 4%,
    rgba(223, 223, 0, 0.3)
  );
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

mark_blau {
  margin: 0 -0.4em;
  padding: 0.1em 0.4em;
  border-radius: 0.8em 0.3em;
  background: transparent;
  background-image: linear-gradient(
    to right,
    rgba(0, 170, 255, 0.1),
    rgba(0, 170, 255, 0.7) 4%,
    rgba(0, 170, 255, 0.3)
  );
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

mark_gruen {
  margin: 0 -0.4em;
  padding: 0.1em 0.4em;
  border-radius: 0.8em 0.3em;
  background: transparent;
  background-image: linear-gradient(
    to right,
    rgba(56, 179, 47, 0.1),
    rgba(56, 179, 47, 0.7) 4%,
    rgba(56, 179, 47, 0.3)
  );
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

mark_red {
  margin: 0 -0.4em;
  padding: 0.1em 0.4em;
  border-radius: 0.8em 0.3em;
  background: transparent;
  background-image: linear-gradient(
    to right,
    rgba(236, 83, 83, 0.1),
    rgba(236, 83, 83, 0.7) 4%,
    rgba(236, 83, 83, 0.3)
  );
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.toggle {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 62px;
  height: 32px;
  display: inline-block;
  position: relative;
  border-radius: 50px;
  overflow: hidden;
  outline: none;
  border: none;
  cursor: pointer;
  background-color: #707070;
  transition: background-color ease 0.3s;
}

.toggle:before {
  content: "on off";
  display: block;
  position: absolute;
  z-index: 2;
  width: 28px;
  height: 28px;
  background: #fff;
  left: 2px;
  top: 2px;
  border-radius: 50%;
  font: 10px/28px Helvetica;
  text-transform: uppercase;
  font-weight: bold;
  text-indent: -22px;
  word-spacing: 37px;
  color: #fff;
  text-shadow: -1px -1px rgba(0,0,0,0.15);
  white-space: nowrap;
  box-shadow: 0 1px 2px rgba(0,0,0,0.2);
  transition: all cubic-bezier(0.3, 1.5, 0.7, 1) 0.3s;
}

.toggle:checked {
  background-color: #4CD964;
}

.toggle:checked:before {
  left: 32px;
}

.widget-header-div {
  display: flex;
  flex-wrap: wrap;
}

.widget-header-item .panel {
  height: 100%;
}
.widget-header-item {
  margin-bottom: 20px;
}

.highlighted-text {
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMjAwMTA5MDQvL0VOIgogICAgICAgICAgICAgICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+Cgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgICB3aWR0aD0iMWluIiBoZWlnaHQ9IjAuNWluIgogICAgIHZpZXdCb3g9IjAgMCAzMDAgMTUwIj4KICA8cGF0aAogICAgICAgIGZpbGw9IiNmZmUwMDAiIHN0cm9rZT0ibm9uZSIKICAgICAgICBkPSJNIDEyLjAwLDQ4LjAwCiAgICAgICAgICAgQyAxMi4wMCw1MC4wOSAxMS43OSw1NC45OSAxMi42MCw1Ni43MgogICAgICAgICAgICAgMTUuNTksNjMuMTggMjYuMDksNTYuNjQgMzMuMDAsNjMuMDAKICAgICAgICAgICAgIDMwLjg0LDYzLjE4IDIzLjA1LDYzLjg3IDIxLjgwLDY1LjAyCiAgICAgICAgICAgICAxOC4wMiw2Ny44OCAyMS4yOSw3Ni4zNSAyMS44MCw4MC4wMAogICAgICAgICAgICAgMjEuODAsODAuMDAgMjEuODAsODYuMDAgMjEuODAsODYuMDAKICAgICAgICAgICAgIDIxLjgwLDg2LjAwIDQwLjAwLDg3LjAwIDQwLjAwLDg3LjAwCiAgICAgICAgICAgICAzOS45Myw4OC44OCA0MC4wNiw5MS4wNCAzOC45OCw5Mi42OQogICAgICAgICAgICAgMzcuNTEsOTQuOTMgMzUuMTUsOTQuNzUgMzIuNTksOTYuMjAKICAgICAgICAgICAgIDI4LjMzLDk4LjYxIDI2Ljg3LDEwMi4yMiAyNy4zNCwxMDcuMDAKICAgICAgICAgICAgIDI3LjM0LDEwNy4wMCAzMC4wMiwxMjMuNDEgMzAuMDIsMTIzLjQxCiAgICAgICAgICAgICAzMS44MiwxMjUuNzUgNDAuMDEsMTI3Ljk1IDQzLjAwLDEyOC4wMAogICAgICAgICAgICAgNDMuMDAsMTI4LjAwIDg3LjAwLDEyOC4wMCA4Ny4wMCwxMjguMDAKICAgICAgICAgICAgIDg4LjA4LDEyMS41NiA5MS4xNiwxMjEuODAgOTcuMDAsMTIyLjA0CiAgICAgICAgICAgICA5Ny4wMCwxMjIuMDQgMTA5LjAwLDEyMy4wMCAxMDkuMDAsMTIzLjAwCiAgICAgICAgICAgICAxMDkuMDAsMTIzLjAwIDEyOC4wMCwxMjMuMDAgMTI4LjAwLDEyMy4wMAogICAgICAgICAgICAgMTI4LjAwLDEyMy4wMCAxODIuMDAsMTIyLjAwIDE4Mi4wMCwxMjIuMDAKICAgICAgICAgICAgIDE5NC41OCwxMjEuOTcgMTg4LjQyLDExOS4wMyAyMDEuMDAsMTE5LjAwCiAgICAgICAgICAgICAyMDEuMDAsMTE5LjAwIDI0My4wMCwxMTkuMDAgMjQzLjAwLDExOS4wMAogICAgICAgICAgICAgMjQzLjAwLDExOS4wMCAyNTguMDAsMTE4LjAwIDI1OC4wMCwxMTguMDAKICAgICAgICAgICAgIDI1OS41MywxMDkuMTAgMjY2LjAxLDExMy4zNyAyNzAuNDAsMTA5LjE1CiAgICAgICAgICAgICAyNzIuNjEsMTA3LjAzIDI3Mi4zMCwxMDAuODUgMjcyLjAwLDk4LjAwCiAgICAgICAgICAgICAyNzIuMDAsOTguMDAgMjgwLjAwLDk3LjAwIDI4MC4wMCw5Ny4wMAogICAgICAgICAgICAgMjgwLjAwLDk0LjEwIDI4MC4yNiw4OC41NSAyNzkuMjYsODYuMDIKICAgICAgICAgICAgIDI3Ni40OSw3OC45OCAyNjQuNjMsNzYuODggMjU4LjAwLDc2LjAwCiAgICAgICAgICAgICAyNjUuMTUsNjkuMTkgMjc2LjQwLDczLjAzIDI3NC44NSw2Mi4wNAogICAgICAgICAgICAgMjc0LjQ3LDU5LjM1IDI3My43Myw1OC44NSAyNzIuMDAsNTcuMDAKICAgICAgICAgICAgIDI4MS42OCw1My43NyAyODEuMDAsNTQuMjggMjgxLjAwLDQ0LjAwCiAgICAgICAgICAgICAyODEuMDAsNDQuMDAgMjU4LjAwLDQyLjM4IDI1OC4wMCw0Mi4zOAogICAgICAgICAgICAgMjUwLjAwLDQwLjg0IDI1MS40OCwzOC4wMyAyMzUuMDAsMzguMDAKICAgICAgICAgICAgIDIzNS4wMCwzOC4wMCAxODkuMDAsMzkuMDAgMTg5LjAwLDM5LjAwCiAgICAgICAgICAgICAxODkuMDAsMzkuMDAgMTc3LjAwLDM5LjgyIDE3Ny4wMCwzOS44MgogICAgICAgICAgICAgMTc3LjAwLDM5LjgyIDE1OS4wMCwzOC4wMCAxNTkuMDAsMzguMDAKICAgICAgICAgICAgIDE1OS4wMCwzOC4wMCAxMjguMDAsMzguMDAgMTI4LjAwLDM4LjAwCiAgICAgICAgICAgICAxMTYuOTAsMzguMDIgMTIwLjE2LDM5LjQwIDExMy4wMCw0MC42NwogICAgICAgICAgICAgMTEzLjAwLDQwLjY3IDk3LjAwLDQyLjE3IDk3LjAwLDQyLjE3CiAgICAgICAgICAgICA5Ny4wMCw0Mi4xNyA4Ny4wMCw0My44MyA4Ny4wMCw0My44MwogICAgICAgICAgICAgODcuMDAsNDMuODMgNTcuMDAsNDUuMDAgNTcuMDAsNDUuMDAKICAgICAgICAgICAgIDU3LjAwLDQ1LjAwIDMyLjAwLDQ4LjAwIDMyLjAwLDQ4LjAwCiAgICAgICAgICAgICAzMi4wMCw0OC4wMCAxMi4wMCw0OC4wMCAxMi4wMCw0OC4wMCBaIiAvPgo8L3N2Zz4K');
        background-position: 50% 50%;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 5px;
        background-repeat: no-repeat;
        background-size: cover;
      }

a.tip {
    border-bottom: 1px dashed;
    text-decoration: none
}
a.tip:hover {
    cursor: help;
    position: relative
}
a.tip span {
    display: none
}
a.tip:hover span {
    border: #c0c0c0 1px dotted;
    padding: 5px 20px 5px 5px;
    display: block;
    z-index: 100;
    background: #f0f0f0 no-repeat 100% 5%;
    left: 0px;
    margin: 10px;
    width: 250px;
    position: absolute;
    top: 10px;
    text-decoration: none
}

a:link { text-decoration: none; }

.jumbotron {
   background-color: rgba(238, 238, 238, 0.6);
}

h1 {
    font-family: Arial, sans-serif;
    font-size: 20pt;
    font-weight: bold;
    text-shadow: 10px 11px 12px #3073AD,
                 -3px -4px 15px white;
}

h4 {
    font-family: Arial, sans-serif;
    font-size: 36pt;
    font-weight: bold;
    text-shadow: 10px 11px 12px #3073AD,
                 -13px -14px 15px green;
}

.item {
    position:relative;
    padding-top:20px;
    display:inline-block;
}
.notify-badge{
    position: absolute;
    right:3px;
    top:55px;
    background:red;
    text-align: center;
    border-radius: 5px 5px 5px 5px;
    color:white;
    padding:4px 5px;
    font-size:14px;
}

.navbar {
	margin-bottom: 0px;
}

.navbar-inverse .navbar-brand {
	font-size: 2em;
	color: #fff;
}

.navbar-inverse .navbar-brand:hover {
	color: #ccc;
}

.navbar-brand .logo {
	color: #5cb85c;
}

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	border:1px solid #dcdcdc;
	width:55px;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.myButton:active {
	position:relative;
	top:1px;
}

figure {
  margin: 0;
}

#shadowText2 {
background-color: #d9edf6;
color: #57585a;
border-top-left-radius: 0%;
border-top-right-radius: 0%;
border-bottom-left-radius: 37%;
border-bottom-right-radius: 37%;
width: 35%;
cursor: pointer;
}

#container1, #container2 {
  border: 0px solid blue;
}

#inner1, #inner2 {
  width: 80%;
  text-align: center;
}

#container1 {
  width: 400px;
  height: 300px;
  background-image: url(https://via.placeholder.com/400x300);
  display: flex;
  justify-content: center;
  align-items: center;
}

#container2 {
  position: relative;
  display: inline-block;
}

#inner2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#container2 img {
  vertical-align: top;
}

.main-container {
	margin-top: 20px;
}

.registration-form {
	max-width: 450px;
	margin: 0 auto;
}

.small-container-500 {
	max-width: 500px;
  	padding: 15px;
  	margin: 0 auto;
}

.small-container-330 {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}


.small-container .small-container-heading,
.small-container .checkbox {
  margin-bottom: 10px;
}
.small-container .checkbox {
  font-weight: normal;
}
.small-container .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.small-container .form-control:focus {
  z-index: 2;
}

/* Signin */
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.login td {
    padding-right: 2px;
    padding-left: 2px;
}

.login {
	color: #fff;
}

.wmfg_layout_3 { color: #ffffff; }
.wmfg_layout_3, table, .wmfg_textarea { font-family: Verdana, Geneva, sans-serif; font-size: 13px; }
.wmfg_layout_3 ul.wmfg_questions { list-style-type: none; margin: 0; padding: 15px; background-color:#ffffff;
-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;
-moz-box-shadow: 5px 5px 7px #888; -webkit-box-shadow: 5px 5px 7px #888; -webkit-border-bottom-right-radius: 15px;
}
.wmfg_layout_3 ul.wmfg_questions li.wmfg_q { margin: 15px 0; }
.wmfg_layout_3 label.wmfg_label { display: block; margin: 0 0 10px 0; font-size:1.5em; color:#000000; }
.wmfg_layout_3 table.wmfg_answers { width: 100%; _width: 97%; border-collapse: collapse; }
.wmfg_layout_3 table.wmfg_answers { vertical-align: top; }
.wmfg_layout_3 table.wmfg_answers td { padding: 2px; vertical-align: top; }
.wmfg_layout_3 table.wmfg_answers td.wmfg_a_td { width: 25px; }
.wmfg_layout_3 .wmfg_text { border: 1px solid #ccc; padding: 4px; font-size: 13px; color: #000000; width: 98.5%;
background-color: #ffffff;
background:-webkit-gradient(linear,0 0,0 100%,from(#efefef),to(#fff));
background:-moz-linear-gradient(top,#efefef,#fff);
}
.wmfg_layout_3 .wmfg_textarea { border: 1px solid #CCC; padding: 4px; font-size: 13px; color: #000000; width: 98.5%;
background:-webkit-gradient(linear,0 0,0 100%,from(#efefef),to(#fff));
background:-moz-linear-gradient(top,#efefef,#fff);
background-color: #ffffff;
}
.wmfg_layout_3 .wmfg_select {
border:1px solid #CCCCCC; padding: 3px; font-size: 13px; color: #000000; margin: 0; width: 100%; _width: 97%;
background-color: #ffffff;
background:-webkit-gradient(linear,0 0,0 100%,from(#efefef),to(#fff));
background:-moz-linear-gradient(top,#efefef,#fff);
}
.wmfg_layout_3 .wmfg_btn {
border: 1px solid #ccc; cursor: pointer; font-weight: bold; font-size: 15px; padding: 6px; color: white; letter-spacing: 1px;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
-webkit-box-shadow: rgba(0,0,0,0.75) 0px 0px 3px; -moz-box-shadow: rgba(0,0,0,0.75) 0px 0px 3px; box-shadow: rgba(0,0,0,0.75) 0px 0px 3px;
background: -webkit-gradient(linear, left top, left bottom, from(#718079), color-stop(0.5, #889A8E), color-stop(0.5, #889A8E), to(#718079));
background: -moz-linear-gradient(top, #718079, #889A8E 50%, #889A8E 50%, #718079);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#718079', endColorstr='#889A8E');
}
.wmfg_layout_3 .wmfg_btn:hover {background: -webkit-gradient(linear, left top, left bottom, from(#8B9892), color-stop(0.5, #A4B2A9), color-stop(0.5, #A4B2A9), to(#8B9892));
background: -moz-linear-gradient(top, #8B9892, #A4B2A9 50%, #A4B2A9 50%, #8B9892);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8B9892', endColorstr='#A4B2A9');
}

a.box
{
background-color: transparent;
color: #e3121d;
h1 {
    font-size: 50pt;
    font-family: sans-serif;
    text-shadow: 10px 11px 12px red,
                 -13px -14px 15px green;
}
text-decoration: none
}
a.box:hover
{
cursor: help;
background-color: transparent;
color: #000000
}
a.box span
{
position: absolute;
visibility: hidden;
margin-left: 2px;
margin-top: -10px;
padding: 4px;
text-decoration: none
}
a.box:hover span
{
visibility: visible;
border: 2px dotted #000;
color: #000;
background-color: #d9edf6
}

header{
margin:auto;
width:100%;
height:auto; background:#00A6C1;background-color: rgba(238, 238, 238, 0.9);
 }

header h5 span{

font-family: 'Ubuntu', sans-serif;
 color:#FFFFFF; font-size:160%;
 }

footer {
	border-top: 2px solid #00A6C1;
   width:100%; padding:10px 0;
	position: fixed;
   padding: 0px;
   bottom: 0;
   left: 0;
   right: 0;
   width: 100%;
   background-color: rgba(238, 238, 238, 0.9);
}

.alrightgreen {
    background: rgba(0, 255, 0, .4);
    border: 0px solid #3dcf2d;
    border-radius: 4px ;
}

.alrightred {
    background: rgba(226, 29, 13, .4);
    border: 0px solid #B40404;
    border-radius: 4px ;
}

.alrightgreyz {
    background: rgba(193, 165, 193, .4);
    border: 0px solid #CCC7C7;
    border-radius: 4px ;
}

.alrightgrey {
    background: rgba(0, 165, 193, .6);
    border: 0px solid #4267B2;
    border-radius: 4px ;
}

.alrightwhite {
    background: rgba(238, 238, 238, .8);
    border: 0px solid #4267B2;
    border-radius: 4px ;
}

.wrapper {
    margin:auto;
	width:60%;
	height:auto;
}

.responschart {
    height: 500px !important;
}

.move-up {
 position: fixed;
 bottom: 50px;
 right: 40px;
 z-index: 3;
 display: none;
 z-index:1000;
}

.move-up button {
  background:transparent;
  border:none;
}

.move-up button:active:hover {
  padding-right:4px !important;
  margin-right:2px;
}

.move-up i {
  font-size:60px;
  opacity:0.5;
  color:#7ce1f7;
}

.menu {
  font-size: 1em;
}

.menu div {
  line-height: 1.5;
  float: left;
  width: 100px;
  height: 100px;
  text-align: center;
  margin-left: 3px;
  margin-top: 3px;
  padding: 10px;
  border-radius: 3px 15px 5px 30px;
  font-family: 'メイリオ';
  box-shadow: 10px 10px 15px #333333;
}

            #menu01
            {
                background-color: rgba(229,20,0,.7);
            }
            #menu02
            {
                background-color: #00CC0090;
            }
            #menu03
            {
                background-color: #04509790;
            }
            #menu04
            {
                background-color: #F5B91590;
            }
            #menu05
            {
                background-color: #5EA8DE90;
            }
            #menu06
            {
                background-color: #7B4F9D90;
            }
            #menu07
            {
                background-color: #ED1C8090;
            }
            #menu08
            {
                background-color: #46464690;
            }
            #menu09
            {
                background-color: #F18A2B90;
            }
            #menu10
            {
                background-color: #ED709990;
            }
            #menu11
            {
                background-color: #00000090;
            }
            #menu12
            {
                background-color: #AE4D2090;
            }
            #menu13
            {
                background-color: #A0C31F90;
            }
            #menu14
            {
                background-color: #1C8C3C90;
            }
            #menu15
            {
                background-color: #3563AE90;
            }
            #menu16
            {
                background-color: #6D008790;
            }

            .menu div a
            {
                color: #ffffff;
                text-decoration: none;
            }
            .menu div a:hover
            {
                color: #ffffff;
                font-weight: bold;
            }

.calout {
font-family:Tahoma, Geneva, sans-serif;
font-size:11px;
text-align:center;
width:160px;
}

.calcellTop {
float:left;
width:100%;
color:#00A6C1;
font-size:16px;
font-weight:bold;
}

.calcellday {
float:left;
width:14%;
font-weight:bold;
}

.calcell {
float:left;
width:14%;
}

.calcellactive {
float:left;
width:14%;
background-color:#CC0000;
color:#FFFFFF;
}

.calcellactiver {
float:left;
width:14%;
background-color:#00A6C1;
color:#FFFFFF;
}

section.cms-boxes .cms-boxes-outer {
    text-align: left;
    margin-bottom: 6px;
    padding: 0 3px;
}
section.cms-boxes .cms-boxes-outer .cms-boxes-items {
    height: 350px;
    display: table;
    width: 100%;
}
section.cms-boxes .cms-features {
    background-color: #b70457;
    background-size: cover;
}
section.cms-boxes .boxes-align {
    display: table-cell;
    vertical-align: middle;
}
section.cms-boxes .small-box, section.cms-boxes .large-box {
    max-width: 350px;
    margin: 0 auto;
    text-align: center;
}
section.cms-boxes .cms-boxes-items h3 {
    font-size: 35px;
    color: #fff;
    font-weight: 400;
    line-height: 37px;
    text-align: center;
    margin: 20px 0 10px;
    text-transform: uppercase;
}
section.cms-boxes .cms-boxes-outer .cms-boxes-items p {
    color: #fff;
}
section.cms-boxes .boxes-align {
    display: table-cell;
    vertical-align: middle;
}
section.cms-boxes .cms-boxes-outer .cms-boxes-items {
    height: 350px;
    display: table;
    width: 100%;
}
section.cms-boxes .cms-features {
    background: url(http://www.tipspieler.de/img/rasen.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260) 0 0 no-repeat;
    background-size: cover;
}
section.cms-boxes .cms-boxes-outer .cms-boxes-items {
    height: 350px;
    display: table;
    width: 100%;
}
section.cms-boxes .cms-security {
    background-color: #0489b7;
}
section.cms-boxes .cms-security, section.cms-boxes .cms-documentation {
    background-color: rgb(66, 16, 88);
}
section.cms-boxes .cms-scalability {
    background-color: #b70457;
    background-size: cover;
}
section.cms-boxes .cms-boxes-outer {
    text-align: left;
    margin-bottom: 6px;
    padding: 0 3px;
}
section.cms-boxes .cms-built {
	 background: url(https://images.pexels.com/photos/97050/pexels-photo-97050.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260) 0 0 no-repeat;
    background-size: cover;
}
section.cms-boxes .cms-security, section.cms-boxes .cms-documentation {
    background-color: rgb(56, 6, 78);
}
section.cms-boxes .cms-boxes-items:hover {
  opacity: .9;
  cursor: pointer;
}

caption {
	background:#656e70;
	background:-webkit-gradient(linear, left top, left bottom, from(#656e70),
color-stop(50%, #515b5c), color-stop(50.1%, #465153), to(#323e40));
	background:-moz-linear-gradient(top, #656e70, #515b5c 50%, #465153 50.1%, #323e40);
	background:linear-gradient(top, #656e70, #515b5c 50%, #465153 50.1%, #323e40);
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	border-radius:5px@import url('https://fonts.googleapis.com/css?family=Rubik&display=swap'); 5px 0 0;
	color:#fff;
	font-size:15px;
	font-weight:bold;
 	padding:10px 0 10px 10px;
 	text-align:left;
	text-shadow:0 -1px 1px rgba(0,0,0,.5);}
small {
	color:#a3a8a9;}

.blink_me {
  animation: blinker 1.2s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }

@import url('https://fonts.googleapis.com/css?family=Rubik&display=swap');

.faq{
   width: 320px;
   margin: 100px auto;
   background: #fff;
   border-radius: 7px;
   box-shadow: 1px 2px 4px rgba(0,0,0,.3);
}

.faq .heading{
   background: #7800CF;
   border-radius: 7px 7px 0px 0px;
   padding: 10px;
   color: #fff;
   text-align: center;
   font-family: "Rubik";
}

.faqs{
   padding: 0px 20px 20px;
}

::-webkit-details-marker{
   float: right;
   margin-top: 3px;
}

details{
   background: #f6f6f6;
   padding: 10px 20px;
   border-radius: 7px;
   margin-top: 20px;
   font-family: "Rubik";
   font-size: 14px;
   letter-spacing: 1px;
   cursor: pointer;
}

details summary{
   outline: none;
   cursor: pointer;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.switch-toggle {
   float: left;
   background: #242729;
}
.switch-toggle input {
  position: absolute;
  opacity: 0;
}
.switch-toggle input + label {
  padding: 7px;
  float:left;
  color: #fff;
  cursor: pointer;
}
.switch-toggle input:checked + label {
  background: green;
}