img {float:right; margin-right:2%;}
a {color:red; text-decoration:none; display: inline; background-color: yellow; height: 5%;}
a:hover {color:blue;}
h1, h2, h3 {color:black; text-decoration:underline;}
body {font-family: arial;}
form {width:80%; padding: 3%; text-align: left; background-color: lightgreen;  border: 2px solid black; border-radius: 15px; box-shadow: 10px 10px 5px #888888;}
.kontakt {width:90%; padding: 2%; margin-top: 5%; color: white; background-color: green; border: 2px solid black; border-radius: 15px; box-shadow: 10px 10px 5px #888888;}  
div .links {width:40%; padding: 3%; float: left; border: 2px solid black; border-radius: 15px; box-shadow: 10px 10px 5px #888888;}
div .rechts {width:40%; padding: 3%; float: right; margin-right:3%; background-color: lightgrey; border-radius: 15px; box-shadow: 10px 10px 5px #888888;}
div .center, .powermail_create {width:90%; padding: 3%;margin-top:3%; clear: both; display: inline-block; text-align: center; border: 2px solid black; border-radius: 15px; box-shadow: 10px 10px 5px #888888;}
# div .navi {width:85%; padding: 3%; margin: 3%; text-align: center; lightgreen; border-radius: 15px; box-shadow: 10px 10px 5px #888888;}
div .arrow_box { position: relative; background: #d51a45; border: 4px solid #27f527; box-shadow: 10px 10px 5px #888888;} 
div .arrow_box:after, .arrow_box:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
.arrow_box:after { border-color: rgba(213, 26, 69, 0); border-top-color: #d51a45; border-width: 40px; margin-left: -40px; } 
.arrow_box:before { border-color: rgba(39, 245, 39, 0); border-top-color: #27f527; border-width: 46px; margin-left: -46px; }
@media screen and (max-device-width: 320px) {
body {font-size: 1.5em;}
img {visibility: hidden;}
.csc-textpic-imagerow {clear: both; width: 90%; visibility: hidden;}
}
.myButton {
  -moz-box-shadow: 6px 6px 1px 1px #f29c93;
  -webkit-box-shadow: 6px 6px 1px 1px #f29c93;
  box-shadow: 6px 6px 1px 1px #f29c93;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
  background:-moz-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
  background:-webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
  background:-o-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
  background:-ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
  background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0);
  background-color:#fe1a00;
  -moz-border-radius:25px;
  -webkit-border-radius:25px;
  border-radius:25px;
  border:1px solid #d83526;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:arial;
  font-size:20px;
  font-weight:bold;
  font-style:italic;
  padding:10px 30px;
  text-decoration:none;
  text-shadow:0px 1px 0px #b23e35;
}
.myButton:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00));
  background:-moz-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
  background:-webkit-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
  background:-o-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
  background:-ms-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
  background:linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00',GradientType=0);
  background-color:#ce0100;
}
.myButton:active {
  position:relative;
  top:1px;
}