body         {font-family:arial,helvetica,sans-serif; text-align:center; margin:0}
a            {text-decoration:none; color:black;}
.daten       {display:table; vertical-align:middle; width:calc(100% - 10px); margin:0 auto; padding:5px; color:#FFFFFF; background-color:#0000c0; font-size:0.8em; text-align:left;}
.tcell       {display:table-cell;}
.butd        {width:50px; font-size:0.9em; text-align:center; margin-left:10px;
              background-color:#FFDF00; color:#000000; display:block; padding:2px 5px;
              border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.mitte       {position:relative; top:0px; left:0px; color:#000000; background-color:#ffffff; width:100%; height:100vH; margin:0 auto;}
.top         {display:table; width:100%; height:90px; vertical-align:middle; color:#ffffff; background-color:#0000c0;}
.tcel1       {display:table-cell; vertical-align:middle; text-align:left; width:calc(100% - 176px);}
.tcel2       {display:table-cell; width:100px; vertical-align:middle; text-align:right; padding-top:4px;}
.tcel3       {display:table-cell; width:40px; vertical-align:middle; text-align:right;}
.logo        {height:40px; max-width:225px; width:calc(100% - 30px); margin-left:10px; margin-right:10px;}
.suchm       {width:calc(100% - 20px); max-width:260px; height:auto; margin-left:9px; margin-right:11px;}
.suchs       {background-color:#FFFFFF; color:#000000; box-sizing:border-box; height:auto; padding-left:7px; padding-top:5px; padding-bottom:5px;
              font-size:1em; width:calc(99% - 35px);
              border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #0000C0;}
.suchl       {float:right; margin-left:5px;}
.but1        {font-size:0.9em; text-align:center;
              background-color:#F8F8E7; color:#000000; display:block; width:90px; height:auto; margin-bottom:8px; padding:2px;
              border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.but1l       {font-size:0.9em; text-align:center;
              background-color:#F8F8E7; color:#000000; display:block; width:90px; height:auto; margin-bottom:8px; padding:2px;
              border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.butf        {margin:4px 4px 8px 4px; display:block; width:32px; height:20px; border:1px solid white;}
.mid1        {position:absolute; top:100px; left:1.010101%; width:98.989898%;}
.but2        {position:relative; display:block; width:23%; height:auto; text-align:center; margin-bottom:0.5%; margin-right:1.5%; float:left;}
.buttxt      {position:absolute; top:3%; left:50%; transform:translate(-50%, 0%); color:#000000; font-size:3.2vw;}
.butimg      {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border: 2px solid #0000C0;}
.butimg:hover {border: 2px solid #FFDF00;}
.but3        {font-size:0.8125em; background-color:#0000C0; color:#FFFFFF; text-align:center;
              display:block; width:150px; height:auto; margin-top:10px; padding:2px;
              border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
              box-shadow:3px 3px 3px #000000; -moz-box-shadow:3px 3px 3px #000000; -webkit-box-shadow:3px 3px 3px #000000;}
.but3:hover  {background-color:#FFFF80; color:#000000;}
.but4        {font-size:0.8125em; font-weight:bold; background-color:#2040D0; color:#FFFFFF; text-align:center;
              display:block; width:150px; height:22px; margin-top:10px; margin-right:10px; float:right;
              border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border: 1px solid #000000;
              box-shadow:3px 3px 3px #000000; -moz-box-shadow:3px 3px 3px #000000; -webkit-box-shadow:3px 3px 3px #000000;}
.but4:hover  {background-color:#FFFF80; color:#000000;}
.but5        {display:inline-block; width:100px; background-color:#0000C0; color:#FFFFFF; font-size:0.9em; text-align:center; vertical-align:middle; padding:3px 5px;
              border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin:0 5px 10px 5px;}
.but5:hover  {background-color:#FFDF00; color:#000000;}

.skip        {display:block;}
.divl1       {width:98%;}
.divl1 input {margin-bottom:10px;}
.divr0       {width:98%;}
.divr1       {width:260px;}
.divl2       {width:98%;}
.divr2       {width:98%;}
.helf        {width:153px; clear:right; padding-top:30px;}
.passw       {width:205px; clear:left; padding-top:30px;}
.social      {width:33%;}

h1           {font-size:1.15em; font-weight:bold;}
img          {border:0; max-width:100%}
a            {text-decoration:none;}
br.next      {clear:both;}
br.left      {clear:left;}
.sub         {position:relative; top:2px; font-size:70%}
.txtl        {text-align:left;}
.txtc        {text-align:center;}
.txtr        {text-align:right;}
.flr         {float:right;}
.fll         {float:left;}
.left1       {margin-left:1em;}
.hrfoot      {border: 1px solid black; margin:10px 5px 10px 0px;}

.maina       {text-align:left; font-size:0.9em;}
.mainb       {display:none; width:18%; height:41%; margin-top:2.5%; margin-left:1%; margin-right:1%; float:right;}
.mainc       {width:33%; margin:2.5% 1%; float:right;}
.maint1      {width:65%; text-align:left; font-size:0.85em; vertical-align:top;}
.maint2      {width:34%; vertical-align:top;}

.ffeld0      {width:90px; float:left; display:none;}
.ffeld1      {width:90px; float:left;}
.ffeld2      {width:85%;}
.ffeld4      {width:95%; height:110px; border:0; background-color:#CFEEEE; padding:3px;}
.ifeld0      {width:calc(95% - 96px); border:0; background-color:#CFEEEE; padding:3px; display:none;}
.ifeld1      {width:calc(95% - 96px); border:0; background-color:#CFEEEE; padding:3px;}
.ifeld2      {width:35px; border:0; background-color:#CFEEEE; padding:3px;}

.send        {background-color:#0000C0; color:#FFFFFF; font-size:0.875em; text-align:center; padding:2px 10px;
              border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:0;
              box-shadow:3px 3px 3px #000000; -moz-box-shadow:3px 3px 3px #000000; -webkit-box-shadow:3px 3px 3px #000000;}
.send:hover  {background-color:#FFFF80; color:#000000;}
.hist        {background-color:#EC120E; color:#FFFFFF; font-size:0.875em; text-align:center; padding:2px 10px;
              border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:0;
              box-shadow:3px 3px 3px #000000; -moz-box-shadow:3px 3px 3px #000000; -webkit-box-shadow:3px 3px 3px #000000;}
.hist:hover  {background-color:#FFFF80; color:#000000;}
.sbsk        {background-color:#AAED40; color:#000000; font-size:0.875em; text-align:center; padding:2px 10px;
              border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:0;
              box-shadow:3px 3px 3px #000000; -moz-box-shadow:3px 3px 3px #000000; -webkit-box-shadow:3px 3px 3px #000000;}
.sbsk:hover  {background-color:#FFFF80; color:#000000;}

.box1        {font-size:1em; font-weight:bold; background-color:#FFD83D; color:#000000; width:98.5%; margin:2% 0; padding:3px; clear:both;}
.box2        {width:30%; font-size:0.875em; background-color:#CFEEEE; color:#000000; border:0; padding:3px;}
.text1       {width:200px; margin-bottom:10px; float:left;}
.text2       {width:100%; margin-bottom:10px; color:#FF0000; font-size:1em; font-weight:bold;}

.w60         {width:60px; border:0; padding:4px; background-color:#CFEEEE;}
.w70         {width:70px; border:0; padding:4px; background-color:#CFEEEE;}
.mb10        {margin-bottom:10px;}
.mt10        {margin-top:10px;}
.pospw       {float:left; width:calc(33.8% + 74px);}
.ptxt        {padding-left:0.8em; text-indent:-0.8em}

@media all and (min-width:500px) {
  .daten  {font-size:0.9em;}
  .tcel2  {display:table-cell; width:120px; vertical-align:middle; text-align:right;}
  .tcel3  {width:46px;}
  .butf   {margin:4px 4px 8px 4px; display:block; width:38px; height:20px; border:1px solid white;}
  .but1   {font-size:1em; width:110px;}
  .but1l  {font-size:1em; width:110px;}
  .but2   {width:18.9%; margin-right:0.9%;}
  .but5   {font-size:1em; width:115px;}
  .buttxt {font-size:2.3vw;}
  .skip   {display:none;}
  .mid1   {top:110px;}
  .passw  {clear:none; float:right; padding-top:0;}
  .social {width:24%;}
  .mainb  {display:block;}
  .maint1 {width:71%; font-size:0.935em;}
  .maint2 {width:28%;}
  h1      {font-size:1.29em;}
  }

@media all and (min-width:700px) {
  .but1:hover   {background-color:#F9D90C; color:#000000;
                 -webkit-transform:scale(1.10);
                    -moz-transform:scale(1.10);
                      -o-transform:scale(1.10);
                         transform:scale(1.10);}
  .but1l:hover  {background-color:#F9D90C; color:#000000;
                 -webkit-transform:scale(1.10);
                    -moz-transform:scale(1.10);
                      -o-transform:scale(1.10);
                         transform:scale(1.10);}
  .but2         {width:11.5%; margin-right:0.9%;}
  .buttxt       {font-size:1.6vw;}
  .skip         {display:block;}
  .divl1        {width:50%; float:left;}
  .divr0        {width:47%; float:right;}
  .divr1        {width:260px; float:right;}
  .divl2        {width:45%; float:left;}
  .divr2        {width:53%; float:right;}
  .helf         {padding-top:0; float:right;}
  .passw        {float:left;}
  .social       {width:16%;}
  .maina        {font-size:1em;}
  .maint1       {width:77%; font-size:1em;}
  .maint2       {width:22%;}
  }

@media all and (min-width:990px) {
  body    {background-image:url(pics/bg.svg); background-repeat:no-repeat;}
  .mitte  {width:990px;}
  .daten  {width:980px;}
  .butimg {box-shadow:2px 2px 2px #000000; -moz-box-shadow:2px 2px 2px #000000; -webkit-box-shadow:2px 2px 2px #000000;}
  .buttxt {font-size:0.9em;}
  .maina  {font-size:1.0625em;}
  .maint1 {width:81%; font-size:1.0625em;}
  .maint2 {width:18%;}
  }