/* Compiled Less CSS File */
/* Generated from "maxis.css" */

/* LESS Document */
@font-face {
  font-family: 'OpenSans-Normal';
  src: url('fonts/regular/OpenSans.eot?iefix') format('eot'), url('fonts/regular/OpenSans.woff') format('woff'), url('fonts/regular/OpenSans.ttf') format('truetype'), url('fonts/regular/OpenSans.svg#OpenSans') format('svg');
}
@font-face {
  font-family: 'OpenSans-Semibold';
  src: url('fonts/semibold/OpenSans-Semibold.eot?iefix') format('eot'), url('fonts/semibold/OpenSans-Semibold.woff') format('woff'), url('fonts/semibold/OpenSans-Semibold.ttf') format('truetype'), url('fonts/semibold/OpenSans-Semibold.svg#OpenSans') format('svg');
}
@font-face {
  font-family: 'OpenSans-Bold';
  src: url('fonts/bold/OpenSans-Bold.eot?iefix') format('eot'), url('fonts/bold/OpenSans-Bold.woff') format('woff'), url('fonts/bold/OpenSans-Bold.ttf') format('truetype'), url('fonts/bold/OpenSans-Bold.svg#OpenSans') format('svg');
}
@font-face {
  font-family: 'OpenSans-Italic';
  src: url('fonts/italic/OpenSans-Italic.eot?iefix') format('eot'), url('fonts/italic/OpenSans-Italic.woff') format('woff'), url('fonts/italic/OpenSans-Italic.ttf') format('truetype'), url('fonts/italic/OpenSans-Italic.svg#OpenSans') format('svg');
}
/* Import Meyerweb */
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* Maxis Fahrschule */
.bold {
  font-family: 'OpenSans-SemiBold';
}
html {
  width: 100%;
  height: 101%;
}
body {
  background-color: #ffffff;
  height: 101%;
  font-family: 'OpenSans-Normal';
}
#bgmaxis {
  position: relative;
  background-image: url(../images/home/bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 435px;
  padding: 15px 0px 0px 0px;
}
#bgangebote {
  position: relative;
  background-image: url(../images/angebote/bg.jpg);
  background-position: center;
  width: 100%;
  height: 250px;
  padding: 15px 0px 0px 0px;
}
#bgfahrschule {
  position: relative;
  background-image: url(../images/fahrschule/bg.jpg);
  background-position: center;
  width: 100%;
  height: 250px;
  padding: 15px 0px 0px 0px;
}
#bgtermine {
  position: relative;
  background-image: url(../images/termine/bg.jpg);
  background-position: right;
  width: 100%;
  height: 250px;
  padding: 15px 0px 0px 0px;
}
#bgnews {
  position: relative;
  background-image: url(../images/news/bg.jpg);
  background-position: center;
  width: 100%;
  height: 250px;
  padding: 15px 0px 0px 0px;
}
#bgdownloads {
  position: relative;
  background-image: url(../images/downloads/bg.jpg);
  background-position: center;
  width: 100%;
  height: 250px;
  padding: 15px 0px 0px 0px;
}
#bgkontakt {
  position: relative;
  background-image: url(../images/kontakt/bg.jpg);
  background-position: center;
  width: 100%;
  height: 250px;
  padding: 15px 0px 0px 0px;
}
#bgimpressum {
  position: relative;
  background-image: url(../images/impressum/bg.jpg);
  background-position: center;
  width: 100%;
  height: 250px;
  padding: 15px 0px 0px 0px;
}
#headernav {
  background-image: url(../images/design/bg_menu.png);
  margin: 0px auto 30px auto;
  width: 980px;
  height: 130px;
  font-family: 'OpenSans-Semibold';
}
#headernav ul {
  float: left;
  padding: 10px 0px 0px 0px;
}
#headernav ul li {
  display: block;
  color: #ffffff;
  margin: 0px 0px 0px 0px;
  width: 130px;
}
#headernav ul li a {
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.9375em;
  color: #ffffff;
  line-height: 1.3125em;
  border-bottom: 1px dotted transparent;
  width: 135px;
}
#headernav ul li a:hover {
  color: #58585a;
}
#headernav ul li a.selected {
  color: #58585a !important;
  border-bottom: 1px dotted #ffffff;
  width: 135px;
}
#headernav ul li a .short {
  width: 30px !important;
}
#headernav ul li p {
  font-size: 0.9375em;
  border-bottom: 1px dotted transparent;
  line-height: 1.3125em;
}
#headernav .first {
  margin: 0px 0px 0px 30px;
}
#headernav .second {
  margin: 0px 0px 0px 0px;
}
#headernav .second li {
  margin: 0px 0px 0px 0px !important;
}
#headernav .second li a {
  text-transform: none !important;
  border-bottom: 1px dotted #ffffff;
}
#menu {
  display: none;
}
#share {
  position: absolute;
  top: 145px;
  right: 0px;
  background-image: url(../images/design/bg_share.png);
  background-repeat: repeat;
  width: 42px;
  height: 120px;
  z-index: 2;
}
#share li {
  display: block;
  margin: 120px 0px 0px 0px;
}
#share li a {
  display: block;
  padding: 12px 30px 0px 30px;
  height: 30px;
  width: 60px;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  font-family: 'OpenSans-Semibold';
  font-size: 1.125em;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.15em;
}
#mission {
  margin: 180px auto 0px auto;
  width: 900px;
  padding: 0px 40px 0px 40px;
}
#mission h1 {
  padding: 15px 0px 0px 0px;
  color: #ffffff;
  font-family: 'OpenSans-Bold';
  font-size: 1.0625em;
}
#mission p {
  padding: 5px 0px 0px 0px;
  color: #ffffff;
  font-family: 'OpenSans-Normal';
  font-size: 1.0625em;
  line-height: 1.375em;
}
#container {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  width: 100%;
}
.center {
  max-width: 980px;
  width: 100%;
}
.topics {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  width: 980px;
  min-height: 450px;
  padding: 20px 0px 0px 40px;
}
.topics2 {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  width: 980px;
  min-height: 320px;
  padding: 20px 0px 0px 40px;
}
.elemente {
  float: left;
  margin: 0px 0px 0px 64px;
  background-image: url(../images/design/topics.png);
  background-position: left top;
  background-repeat: no-repeat;
  min-height: 420px;
  overflow: hidden;
}
.elemente .kopfblock {
  height: 330px;
}
.elemente h1 {
  font-family: 'OpenSans-Normal';
  font-size: 0.75em;
  color: #58585a;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.elemente h2 {
  margin: 45px 0px 0px 0px;
  font-family: 'OpenSans-Bold';
  font-size: 0.9375em;
  color: #009ee0;
}
.elemente p {
  margin: 20px 0px 0px 0px;
  font-family: 'OpenSans-Normal';
  font-size: 0.875em;
  color: #58585a;
  line-height: 1.375em;
  letter-spacing: 0.05em;
}
.elemente img {
  margin: 20px 0px 0px 0px;
}
.elemente .terminblock {
  height: 81px;
  margin: 12px 0px 0px 0px;
}
.elemente .terminblock .space {
  margin: 30px 0px 0px 0px;
}
.elemente .terminblock h1 {
  font-family: 'OpenSans-Normal';
  font-size: 0.75em;
  color: #58585a;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.elemente .terminblock h2 {
  margin: 3px 0px 0px 0px;
  font-family: 'OpenSans-Bold';
  font-size: 0.9375em;
  color: #009ee0;
}
.elemente .terminblock p {
  margin: 3px 0px 0px 0px;
  font-family: 'OpenSans-Normal';
  font-size: 0.875em;
  color: #58585a;
  line-height: 1.375em;
  letter-spacing: 0.05em;
}
.elemente .leertermin {
  margin: 12px 0px 0px 0px;
  height: 81px;
}
.elemente:first-child {
  margin: 0px 0px 0px 0px;
}
.elemente2 {
  margin: 0px 20px 0px 20px;
  background-image: url(../images/design/topics2.png);
  background-position: left top;
  background-repeat: no-repeat;
  min-height: 320px;
  width: 100%;
  overflow: hidden;
}
.elemente2 .kopfblock {
  height: 330px;
}
.elemente2 h1 {
  font-family: 'OpenSans-Normal';
  font-size: 0.75em;
  color: #58585a;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.elemente2 h2 {
  margin: 45px 0px 0px 0px;
  font-family: 'OpenSans-Bold';
  font-size: 0.9375em;
  color: #009ee0;
}
.elemente2 p {
  margin: 20px 0px 0px 0px;
  font-family: 'OpenSans-Normal';
  font-size: 0.875em;
  color: #58585a;
  line-height: 1.375em;
  letter-spacing: 0.05em;
}
.elemente2 img {
  margin: 20px 0px 0px 0px;
}
.elemente2 .terminblock {
  height: 81px;
  margin: 12px 0px 0px 0px;
}
.elemente2 .terminblock .space {
  margin: 30px 0px 0px 0px;
}
.elemente2 .terminblock h1 {
  font-family: 'OpenSans-Normal';
  font-size: 0.75em;
  color: #58585a;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.elemente2 .terminblock h2 {
  margin: 3px 0px 0px 0px;
  font-family: 'OpenSans-Bold';
  font-size: 0.9375em;
  color: #009ee0;
}
.elemente2 .terminblock p {
  margin: 3px 0px 0px 0px;
  font-family: 'OpenSans-Normal';
  font-size: 0.875em;
  color: #58585a;
  line-height: 1.375em;
  letter-spacing: 0.05em;
}
.elemente2 .leertermin {
  margin: 12px 0px 0px 0px;
  height: 81px;
}
.elemente:first-child {
  margin: 0px 0px 0px 0px;
}
#scroll {
  min-height: 10px;
  padding: 0px 0px 0px 40px;
}
.struktur {
  min-height: 10px;
}
#mehr {
  clear: both;
  width: 300px;
  min-height: 50px;
  padding: 10px 0px 50px 40px;
}
#mehr .elemente {
  background-image: none;
  min-height: 50px;
}
.ublock {
  float: left;
}
.tblock {
  width: 300px;
}
.nblock {
  width: 212px;
  height: 350px;
}
.mblock {
  width: 212px;
}
.sblock {
  width: 212px;
}
.sblock img {
  margin: 0px 0px 0px 0px;
}
.angebot {
  padding: 0px 0px 0px 10px;
}
.news {
  padding: 0px 0px 0px 20px;
}
.termine {
  padding: 0px 0px 0px 12px;
}
.bestanden {
  padding: 0px 0px 0px 10px;
}
.button {
  padding: 10px 50px 10px 50px;
  background-color: #58585a;
  color: #ffffff;
  text-decoration: none;
}
.button:hover {
  box-shadow: 0px 0px 5px 2px #009ee0;
}
.clear {
  clear: both;
}
#previewbestanden {
  min-width: 980px;
}
#previewbestanden .einzelbestanden {
  float: left;
  margin: 0px 11px 10px 0px;
  width: 212px;
  background-color: #ffffff;
  height: 190px;
}
#previewbestanden .einzelbestanden h3 {
  margin: 13px 0px 0px 0px !important;
  float: left !important;
  color: #009ee0 !important;
  font-family: 'OpenSans-Normal' !important;
  font-size: 1em !important;
}
#previewbestanden .einzelbestanden h4 {
  margin: 13px 0px 0px 0px !important;
  float: right !important;
  color: #009ee0 !important;
  font-family: 'OpenSans-Normal' !important;
  font-size: 1em !important;
}
#previewbestanden .einzelbestanden a img {
  padding: 13px 0px;
  width: 212px;
  max-height: 184px;
  height: auto !important;
}
#previewbestanden .einzelbestanden p {
  margin: 0px 13px 13px 13px;
  font-family: 'OpenSans-Normal';
  color: #58585a;
  font-size: 0.875em;
  line-height: 1.25em;
}
#previewbestanden .outside {
  margin: 0px 0px 0px 0px;
}
#angebote {
  width: 950px;
  margin: 0px 0px 0px 30px;
  min-height: 700px;
}
#kopf {
  padding: 20px 0px 0px 0px;
}
#kopf h1 {
  font-family: 'OpenSans-Semibold';
  color: #009ee0;
  font-size: 1.25em;
  text-transform: uppercase;
}
#kopf h2 {
  font-family: 'OpenSans-Normal';
  color: #58585a;
  font-size: 2.875em;
  text-transform: uppercase;
  margin: 30px 0px 0px 0px;
  padding: 0px 0px 25px 0px;
  width: 100%;
  border-bottom: 2px dotted #58585a;
}
#kopf p {
  font-family: 'OpenSans-Normal';
  color: #58585a;
  font-size: 1.375em;
  line-height: 1.375em;
  margin: 25px 0px 25px 0px;
}
#kopf ul {
  list-style-type: disc;
  margin: 25px 0px 25px 19px;
}
#kopf li {
  font-family: 'OpenSans-Normal';
  color: #58585a;
  font-size: 1.25em;
  line-height: 1.375em;
}
.klassen {
  position: relative;
  margin: 0px 0px 0px 0px;
  height: 140px;
}
.klassen ul {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  padding: 10px 0px 10px 0px;
}
.klassen ul li {
  width: 25%;
  margin: 5px 0px 20px 0px;
}
.klassen ul li h3 {
  margin: 44px 0px 0px 0px;
  font-family: 'OpenSans-Normal';
  font-size: 1.25em;
  text-transform: uppercase;
  line-height: 1.3em;
}
.klassen ul li h4 {
  margin: 30px 0px 0px 0px;
  font-family: 'OpenSans-Normal';
  font-size: 1.25em;
  text-transform: uppercase;
  line-height: 1.3em;
}
.klassen ul ul {
  margin: 0px auto;
}
.klassen ul .white {
  color: #ffffff;
}
.klassen ul .blue {
  color: #009ee0;
}
.karte {
  width: 222px;
  height: 111px;
  margin: 10px 0px;
}
.vorne,
.hinten {
  width: 222px;
  height: 111px;
  position: absolute;
  -webkit-transition: -webkit-transform 1s;
  -webkit-backface-visibility: hidden;
  transition: transform 1s;
  backface-visibility: hidden;
  text-align: center;
}
.vorne {
  background-color: #fafbfd;
  box-shadow: 2px 2px 4px #58585a;
  -webkit-transform: perspective(800px) rotateY(0deg);
  transform: perspective(800px) rotateY(0deg);
}
.hinten {
  background-color: #5ac2ee;
  color: #ffffff;
  box-shadow: 2px 2px 4px #58585a;
  -webkit-transform: perspective(800px) rotateY(-179.9deg);
  transform: perspective(800px) rotateY(-179.9deg);
}
.selectedvorn {
  -webkit-transform: perspective(800px) rotateY(-179.9deg);
  transform: perspective(800px) rotateY(-179.9deg);
}
.selectedhinten {
  -webkit-transform: perspective(800px) rotateY(0deg);
  transform: perspective(800px) rotateY(0deg);
}
.submenues {
  display: none;
  width: 100%;
  height: auto;
}
.submenues ul {
  width: 100%;
}
.submenues ul li {
  width: 100%;
  display: block;
  color: #ffffff;
  background-color: #5ac2ee;
  background-image: url(../images/design/scroll_right_white.png);
  background-position: left top;
  background-repeat: no-repeat;
  margin: 1px 0px 0px 0px;
}
.submenues ul li:first-child {
  margin: 0px 0px 0px 0px;
}
.submenues ul li a {
  height: 15px;
  padding: 15px 0px 15px 40px;
  color: #ffffff;
  font-family: 'OpenSans-Normal';
  display: block;
  cursor: pointer;
}
.submenues ul li .details {
  box-sizing: border-box;
  width: 100%;
  background-color: #d4effa;
  color: #8a8a8c;
  height: auto;
  display: none;
  padding: 15px 0px 15px 15px;
}
.submenues ul li .details p {
  line-height: 1.5em;
}
.submenues ul li .details p a {
  color: #009ee0;
  text-decoration: none;
  display: inline;
  cursor: pointer;
  height: auto;
  padding: 0px;
}
.submenues ul li .details a.button {
  border: 1px solid #8a8a8c;
  background-color: transparent;
  padding: 10px 30px;
  text-decoration: none;
  text-align: center;
  width: 30%;
  min-width: 150px;
  color: #8a8a8c;
}
.submenues ul li .details h3 {
  font-family: 'OpenSans-SemiBold';
  line-height: 1.5em;
}
.submenues ul li .details h6 {
  margin: 15px 0px 0px 0px;
  font-family: 'OpenSans-Normal';
  font-size: 0.875em;
  color: #8a8a8c;
}
.submenues ul li .details h6 sup {
  vertical-align: top;
  font-size: 0.7em;
}
.showsubmenue {
  display: block;
}
.open {
  display: block;
}
.showdown {
  background-image: url(../images/design/scroll_down_white.png) !important;
}
.info {
  overflow: hidden;
  -webkit-transition: height 1s ease-in-out;
  -moz-transition: height 1s ease-in-out;
  -ms-transition: height 1s ease-in-out;
  -o-transition: height 1s ease-in-out;
  transition: height 1s ease-in-out;
  background-color: #5ac2ee;
  color: #ffffff;
  width: 948px;
  height: 0px;
  box-shadow: 2px 2px 4px #58585a;
}
.info h3 {
  float: left;
  font-family: 'OpenSans-Bold';
  font-size: 0.9375em;
  color: #ffffff;
  border: 0px;
}
.info p {
  float: left;
  font-family: 'OpenSans-Normal';
  font-size: 0.9375em;
  padding: 7px 0px 0px 0px;
  color: #ffffff;
  border: 0px;
  width: 100%;
}
.info p sup {
  vertical-align: top;
  font-size: 0.7em;
}
.info .brechts {
  border-right: 1px dashed #ffffff;
}
.info .bunten {
  border-bottom: 1px dashed #ffffff;
}
.info .einfach {
  float: left;
  width: 220px;
  height: 41px;
  padding: 7px;
}
.info .doppelt {
  float: right;
  width: 220px;
  height: 98px;
  padding: 7px;
}
#ausbildung {
  margin: 50px 0px 0px 0px;
}
.bericht {
  clear: both;
  width: 100%;
  background-color: #fafbfd;
  height: 147px;
  margin: 15px 0px 15px 0px;
  -webkit-transition: height 1s ease-in-out;
  -moz-transition: height 1s ease-in-out;
  -ms-transition: height 1s ease-in-out;
  -o-transition: height 1s ease-in-out;
  transition: height 1s ease-in-out;
  overflow: hidden;
  padding: 10px 10px 0px 10px;
}
.bericht h1 {
  font-family: 'OpenSans-Normal';
  font-size: 1em;
  text-transform: uppercase;
  color: #009ee0;
  width: 30%;
  padding: 0px 0px 10px 0px;
  line-height: 1.25em;
  border-bottom: 1px dashed #009ee0;
}
.bericht h2 {
  font-family: 'OpenSans-Bold';
  font-size: 0.875em;
  padding: 10px 0px 0px 0px;
  margin: 0px 0px 10px 0px;
  color: #009ee0;
  -webkit-transition: height 1s ease-in-out;
  -moz-transition: height 1s ease-in-out;
  -ms-transition: height 1s ease-in-out;
  -o-transition: height 1s ease-in-out;
  transition: height 1s ease-in-out;
}
.bericht h3 {
  font-family: 'OpenSans-Bold';
  font-size: 0.875em;
  color: #58585a;
  width: 66%;
  padding: 10px 0px 0px 0px;
  line-height: 1.25em;
}
.bericht h4 {
  display: none;
  font-family: 'OpenSans-Bold';
  font-size: 0.875em;
  padding: 10px 0px 0px 0px;
  margin: 0px 0px 10px 0px;
  color: #009ee0;
  -webkit-transition: height 1s ease-in-out;
  -moz-transition: height 1s ease-in-out;
  -ms-transition: height 1s ease-in-out;
  -o-transition: height 1s ease-in-out;
  transition: height 1s ease-in-out;
}
.bericht p {
  font-family: 'OpenSans-Normal';
  font-size: 0.875em;
  color: #58585a;
  width: 66%;
  padding: 10px 0px 0px 0px;
  line-height: 1.25em;
}
.bericht p a {
  color: #009ee0;
  text-decoration: none;
}
.unsichtbar {
  display: none !important;
}
#fahrschulekopf {
  padding: 20px 0px 0px 0px;
  width: 950px;
}
#fahrschulekopf h1 {
  font-family: 'OpenSans-Semibold';
  color: #009ee0;
  font-size: 1.25em;
  text-transform: uppercase;
}
#fahrschulekopf h2 {
  font-family: 'OpenSans-Normal';
  color: #58585a;
  font-size: 2.875em;
  text-transform: uppercase;
  margin: 30px 0px 0px 0px;
  padding: 0px 0px 25px 0px;
  width: 100%;
  border-bottom: 2px dotted #58585a;
}
#fahrschulekopf p {
  font-family: 'OpenSans-Normal';
  color: #58585a;
  font-size: 1.375em;
  line-height: 1.375em;
  margin: 25px 0px 25px 0px;
}
#fahrschulekopf p a {
  color: #58585a;
  text-decoration: none;
  border-bottom: 1px solid #58585a;
}
#fahrschulekopf ul {
  list-style-type: disc;
  margin: 35px 0px 35px 19px;
}
#fahrschulekopf li {
  font-family: 'OpenSans-Normal';
  color: #58585a;
  font-size: 1.25em;
  line-height: 1.375em;
}
#fahrschulekopf .anmeldedaten {
  background-color: #ecedf3;
  width: 100%;
  height: auto;
  padding: 15px;
}
#fahrschulekopf .anmeldedaten p.anmeldep {
  margin: 5px 0px 5px 0px;
}
.fahrblock {
  float: left;
  width: 300px;
  min-height: 500px;
  margin: 0px 0px 0px 25px;
}
.fahrblock h3 {
  font-family: 'OpenSans-Normal';
  color: #009ee0;
  font-size: 0.875em;
  margin: 20px 0px 0px 0px;
}
.fahrblock h4 {
  color: #009ee0;
  border-bottom: 1px dashed #009ee0;
  width: 125px;
  margin: 0px 0px 20px 0px;
}
.fahrblock p {
  font-family: 'OpenSans-Normal';
  color: #58585a;
  font-size: 0.875em;
  line-height: 1.25em;
}
.fahrblock p a {
  color: #009ee0;
  text-decoration: none;
}
.fahrfirst {
  margin: 0px 0px 0px 0px !important;
}
.specialforceimg {
  float: left;
  margin: 20px 20px 0px 0px;
  width: 460px;
}
.specialforceblock {
  float: left;
  margin: 20px 0px 0px 0px;
  width: 300px;
}
.specialforceblock h3 {
  font-family: 'OpenSans-Normal';
  color: #009ee0;
  font-size: 0.875em;
  margin: 0px 0px 0px 0px;
}
.specialforceblock h4 {
  color: #009ee0;
  border-bottom: 1px dashed #009ee0;
  width: 125px;
  margin: 0px 0px 20px 0px;
}
.specialforceblock p {
  font-family: 'OpenSans-Normal';
  color: #58585a;
  font-size: 0.875em;
  line-height: 1.25em;
}
#teambilder {
  clear: both;
  width: 940px;
  margin: 0px 10px;
  padding: 25px 0px 0px 20px;
}
#teambilder .einzelbild {
  float: left;
  width: 220px;
  min-height: 550px;
  margin: 0px 0px 40px 20px;
}
#teambilder .linksbild {
  margin: 0px 0px 40px 0px;
}
#teambilder .personinfo {
  height: 200px;
}
#teambilder h3 {
  font-family: 'OpenSans-Normal';
  color: #009ee0;
  font-size: 0.875em;
  margin: 40px 0px 0px 0px;
}
#teambilder h4 {
  color: #009ee0;
  border-bottom: 1px dashed #009ee0;
  width: 125px;
  margin: 0px 0px 20px 0px;
}
#teambilder p {
  font-family: 'OpenSans-Normal';
  color: #58585a;
  font-size: 0.875em;
  line-height: 1.25em;
}
#teambilder p a {
  color: #009ee0;
  text-decoration: none;
}
#teambilder p a:hover {
  border-bottom: 1px dashed #009ee0;
}
#galerie {
  margin: 0px 0px 0px 30px;
  width: 950px;
}
#galerie a {
  text-decoration: none;
  border: none;
}
#galerie .panoansicht {
  width: 100%;
  height: auto;
  min-height: 600px;
  margin: 0px 0px 20px 0px;
}
#chronik {
  margin: 0px 0px 0px 30px;
  width: 950px;
  min-height: 600px;
}
#chronik a {
  text-decoration: none;
  border: none;
}
#chronik .chronikliste {
  width: 100%;
  height: 178px;
}
#chronik .chronikliste ul {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  padding: 10px 0px 10px 0px;
  width: 100%;
}
#chronik .chronikliste ul li {
  width: 25%;
  margin: 5px 0px 20px 0px;
}
#chronik .zeit {
  width: 222px;
  height: 148px;
  margin: 10px 0px;
}
#chronik .front,
#chronik .rueck,
#chronik .jahr {
  width: 222px;
  height: 148px;
  position: absolute;
  -webkit-transition: -webkit-transform 1s;
  -webkit-backface-visibility: hidden;
  transition: transform 1s;
  backface-visibility: hidden;
  text-align: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
#chronik .front h2,
#chronik .rueck h2,
#chronik .jahr h2 {
  font-family: 'OpenSans-SemiBold';
  font-size: 2em;
  color: #ffffff;
}
#chronik .front p,
#chronik .rueck p,
#chronik .jahr p {
  font-family: 'OpenSans-SemiBold';
  font-size: 1.25em;
  color: #58585a;
}
#chronik .front {
  cursor: pointer;
  background-color: #fafbfd;
  box-shadow: 2px 2px 4px #58585a;
  -webkit-transform: perspective(800px) rotateY(0deg);
  transform: perspective(800px) rotateY(0deg);
}
#chronik .rueck {
  cursor: pointer;
  background-color: #5ac2ee;
  color: #ffffff;
  box-shadow: 2px 2px 4px #58585a;
  -webkit-transform: perspective(800px) rotateY(-179.9deg);
  transform: perspective(800px) rotateY(-179.9deg);
}
#chronik .rueck img {
  width: 100%;
  height: auto;
}
#chronik .jahr {
  background-color: #5ac2ee;
  color: #ffffff;
  box-shadow: 2px 2px 4px #58585a;
}
#chronik .selectedfront {
  -webkit-transform: perspective(800px) rotateY(-179.9deg);
  transform: perspective(800px) rotateY(-179.9deg);
}
#chronik .selectedrueck {
  -webkit-transform: perspective(800px) rotateY(0deg);
  transform: perspective(800px) rotateY(0deg);
}
#chronik .chronikdetails {
  box-sizing: content-box;
  display: none;
  width: 100%;
  padding: 0px 0px 40px 0px;
  height: auto;
  background-color: #5ac2ee;
  margin: 10px 0px 0px 0px;
}
#chronik .chronikdetails p {
  box-sizing: content-box;
  font-family: 'OpenSans-Normal';
  font-size: 1em;
  line-height: 1.3em;
  color: #ffffff;
  padding: 10px;
}
.showchronik {
  display: block;
}
.galerieblock {
  float: left;
  width: 300px;
  min-height: 380px;
  margin: 0px 0px 0px 25px;
}
.galerieblock h3 {
  font-family: 'OpenSans-Normal';
  color: #009ee0;
  font-size: 0.875em;
  margin: 20px 0px 0px 0px;
}
.galerieblock h4 {
  color: #009ee0;
  border-bottom: 1px dashed #009ee0;
  width: 125px;
  margin: 0px 0px 20px 0px;
}
.galerieblock p {
  font-family: 'OpenSans-Normal';
  color: #58585a;
  font-size: 0.875em;
  line-height: 1.25em;
}
.galeriefirst {
  margin: 0px 0px 0px 0px !important;
}
#imageblock {
  width: 960px;
  height: 753px;
  overflow: hidden;
  margin: 20px 0px 50px 0px;
}
#imageblock #galerieheader {
  padding: 0px 0px 30px 0px;
}
#imageblock #galerieheader h1 {
  font-family: 'OpenSans-Semibold';
  color: #009ee0;
  font-size: 1.25em;
  text-transform: uppercase;
}
#imageblock #galerieheader h2 {
  font-family: 'OpenSans-Normal';
  color: #58585a;
  font-size: 2.875em;
  text-transform: uppercase;
  margin: 30px 0px 0px 0px;
  padding: 0px 0px 25px 0px;
  width: 100%;
  border-bottom: 2px dotted #58585a;
}
#imageblock #galerieheader p {
  font-family: 'OpenSans-Normal';
  color: #58585a;
  font-size: 1.375em;
  line-height: 1.375em;
  margin: 25px 0px 25px 0px;
}
#imageblock #slider {
  margin: 0px 0px 0px 30px;
}
#bestandenblock {
  width: 100%;
  max-width: 960px;
  overflow: hidden;
  background-color: #ededed;
  margin: 20px 0px 50px 0px;
}
#bestandenblock #galerieheader {
  padding: 0px 0px 30px 0px;
  background-color: #ffffff;
}
#bestandenblock #galerieheader h1 {
  font-family: 'OpenSans-Semibold';
  color: #009ee0;
  font-size: 1.25em;
  text-transform: uppercase;
}
#bestandenblock #galerieheader h2 {
  font-family: 'OpenSans-Normal';
  color: #58585a;
  font-size: 2.875em;
  text-transform: uppercase;
  margin: 30px 0px 0px 0px;
  padding: 0px 0px 25px 0px;
  width: 100%;
  border-bottom: 2px dotted #58585a;
}
#bestandenblock #galerieheader p {
  font-family: 'OpenSans-Normal';
  color: #58585a;
  font-size: 1.375em;
  line-height: 1.375em;
  margin: 25px 0px 25px 0px;
}
#bestandenblock #grey {
  background-color: #ededed;
  padding: 10px 0px 10px 10px;
}
#bestandenblock .einzelbestanden {
  float: left;
  margin: 0px 11px 10px 0px;
  width: 302px;
  background-color: #ffffff;
  height: 315px;
}
#bestandenblock .einzelbestanden h3 {
  margin: 13px 0px 0px 13px !important;
  float: left !important;
  color: #009ee0 !important;
  font-family: 'OpenSans-Normal' !important;
  font-size: 1em !important;
}
#bestandenblock .einzelbestanden h4 {
  margin: 13px 13px 0px 0px !important;
  float: right !important;
  color: #009ee0 !important;
  font-family: 'OpenSans-Normal' !important;
  font-size: 1em !important;
}
#bestandenblock .einzelbestanden img {
  margin: 13px;
  width: 276px;
  max-height: 184px;
}
#bestandenblock .einzelbestanden p {
  margin: 0px 13px 13px 13px;
  font-family: 'OpenSans-Normal';
  color: #58585a;
  font-size: 0.875em;
  line-height: 1.25em;
}
#bestandenblock .bestanden {
  cursor: pointer;
}
.steuerblock {
  float: right;
  width: 170px;
  padding: 20px 0px;
}
.steuerblock label {
  color: #58585a;
  font-family: 'OpenSans-Italic';
  font-size: 1.375em;
  line-height: 1.5em;
  margin: 0px 20px 0px 0px;
}
.steuerblock input[type=image] {
  vertical-align: middle;
  margin: 0px 3px 0px 0px;
}
#close {
  float: right;
  cursor: pointer;
  margin: 0px 0px 0px 0px;
  z-index: 101;
  right: 0px;
  top: 0px;
  width: 54px;
  height: 53px;
}
.thumbsblock {
  position: relative;
  z-index: 100;
  margin: 573px 0px 0px 30px;
  background-image: url(../images/design/balken.png);
  background-repeat: repeat;
  text-align: left;
  width: 100%;
  height: 100px;
}
.thumbsblock .moreblock {
  padding: 7px;
}
.thumbsblock .moreblock img {
  vertical-align: middle;
}
.thumbsblock .moreblock p {
  font-family: 'OpenSans-Semibold';
  font-size: 0.875em;
  color: #ffffff;
}
.thumbsblock .thumbs ul {
  margin: 0px 0px 0px 20px;
}
.thumbsblock .thumbs ul li {
  float: left;
  margin: 5px 10px 10px 10px;
}
.thumbsblock .thumbs ul li img {
  opacity: 0.5;
}
form {
  width: 100%;
}
#gaestebuch {
  width: 960px;
  margin: 20px 0px 50px 0px;
}
#gaestebuch h3 {
  font-family: 'OpenSans-Semibold';
  color: #000000;
  font-size: 1em;
  text-transform: uppercase;
  margin: 30px 0px 0px 0px;
  padding: 0px 0px 25px 0px;
  width: 100%;
}
#gaestebuch form {
  width: 100%;
  background-color: #ededed;
  padding: 0px 0px 30px 0px;
}
#gaestebuch form.adminmode {
  background-color: #ffc9c9 !important;
}
#gaestebuch form h5 {
  margin: 0px 0px 0px 20px;
  padding: 20px 0px 10px 0px;
  font-family: 'OpenSans-Semibold';
  color: #009ee0;
  font-size: 1em;
  line-height: 1.3em;
}
#gaestebuch form h6 {
  margin: 3px 0px 0px 0px;
  font-family: 'OpenSans-Semibold';
  color: #000000;
  font-size: 1em;
  line-height: 1.3em;
}
#gaestebuch form p {
  font-family: 'OpenSans-Normal';
  margin: 0px 0px 0px 20px;
  color: #58585a;
  font-size: 0.875em;
  line-height: 1.3em;
}
#gaestebuch form #fehler p {
  color: #ff0000;
}
#gaestebuch form label {
  font-family: 'OpenSans-Semibold';
  margin: 0px 0px 0px 20px;
  color: #000000;
  font-size: 0.875em;
  line-height: 1.3em;
  text-transform: uppercase;
}
#gaestebuch form textarea {
  width: 95%;
  margin: 3px 0px 0px 20px;
  height: 80px;
  border: 1px solid #d8d8d8;
  padding: 5px;
  font-family: 'OpenSans-Normal';
  color: #58585a;
  font-size: 0.875em;
  line-height: 1.3em;
}
#gaestebuch form #zeichenVerbeleibend {
  font-family: 'OpenSans-Normal';
  margin: 0px 0px 0px 20px;
  color: #58585a;
  font-size: 0.75em;
  line-height: 1.3em;
}
#gaestebuch form ul {
  margin: 0px 0px 0px 20px;
}
#gaestebuch form ul li {
  margin: 0px 2% 0px 0px;
  float: left;
  width: 30%;
}
#gaestebuch form ul li label {
  margin: 0px 0px 10px 0px;
  line-height: 1.5em;
}
#gaestebuch form ul li input[type=text],
#gaestebuch form ul li input[type=email] {
  margin: 3px 0px 0px 0px;
  padding: 5px;
  font-family: 'OpenSans-Normal';
  width: 90%;
  color: #58585a;
  font-size: 0.875em;
  line-height: 1.3em;
  border: 1px solid #d8d8d8;
}
#gaestebuch form ul li select {
  margin: 3px 0px 0px 0px;
  padding: 5px;
  font-family: 'OpenSans-Normal';
  width: 90%;
  color: #58585a;
  font-size: 0.875em;
  line-height: 1.3em;
  border: 1px solid #d8d8d8;
}
#gaestebuch form ul li .submit {
  cursor: pointer;
  margin: 23px 0px 0px 0px;
  padding: 5px;
  background-color: #009ee0;
  width: 90%;
  color: #ffffff;
  font-family: 'OpenSans-Normal';
  border: none;
}
#gaestebuch form ul li #avatar {
  margin: 3px 0px 0px 0px;
  width: 90%;
}
#gaestebuch form ul li #avatar img {
  cursor: pointer;
  opacity: 0.5;
  border: 2px solid transparent;
}
#gaestebuch form ul li #avatar img:hover {
  opacity: 1;
}
#gaestebuch form ul li input[type=checkbox] {
  display: none;
}
#gaestebuch form ul li .markiert {
  border: 2px solid #009ee0 !important;
  opacity: 1 !important;
}
#gaestebuch #info {
  width: 100%;
  background-color: #ededed;
  padding: 0px 0px 30px 0px;
}
#gaestebuch #info h5 {
  margin: 0px 0px 0px 20px;
  padding: 20px 0px 10px 0px;
  font-family: 'OpenSans-Semibold';
  color: #009ee0;
  font-size: 1em;
  line-height: 1.3em;
}
#gaestebuch #info p {
  font-family: 'OpenSans-Normal';
  margin: 0px 0px 0px 20px;
  color: #58585a;
  font-size: 0.875em;
  line-height: 1.3em;
}
#gaestebuch #eintraege {
  width: 100%;
}
#gaestebuch #eintraege ul {
  margin: 0px;
  width: 100%;
}
#gaestebuch #eintraege ul li {
  box-sizing: border-box;
}
#gaestebuch #eintraege ul li div.avatar {
  width: 12%;
  background-image: url(../images/gaestebuch/arrow.png);
  background-position: right top;
  background-repeat: no-repeat;
  float: left;
}
#gaestebuch #eintraege ul li div.avatar img {
  margin: 0px 0px 0px 0px;
}
#gaestebuch #eintraege ul li article {
  float: right;
  width: 88%;
  background-color: #f2f2f2;
}
#gaestebuch #eintraege ul li article div.eintragheader {
  box-sizing: border-box;
  min-height: 33px;
  background-color: #f2f2f2;
  margin: 20px 40px 20px 40px;
  border-bottom: 1px dotted #58585a;
}
#gaestebuch #eintraege ul li article div.eintragheader h3 {
  float: left;
  width: auto;
  padding: 0px;
  margin: 0px;
  color: #009ee0;
  font-family: 'OpenSans-Semibold';
  font-size: 1em;
}
#gaestebuch #eintraege ul li article div.eintragheader h4 {
  float: right;
  width: auto;
  padding: 0px;
  margin: 0px;
  color: #58585a;
  font-family: 'OpenSans-Semibold';
  font-size: 1em;
}
#gaestebuch #eintraege ul li article div.kommentar {
  margin: 10px 40px 20px 40px;
}
#gaestebuch #eintraege ul li article div.kommentar p {
  font-family: 'OpenSans-Normal';
  color: #58585a;
  font-size: 1em;
  line-height: 1.3em;
}
#gaestebuch #eintraege ul li ul {
  margin: 0px 0px 0px 3%;
  width: 97%;
}
#gaestebuch #eintraege ul li ul li {
  margin: 25px 0px 0px 0px;
}
#termine {
  margin: 0px 0px 0px 30px;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}
#textsuche {
  height: 60px;
  box-sizing: content-box;
  padding: 0px 0px 0px 30px;
  background-color: #ecedf3;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}
#textsuche #suche {
  width: 100%;
  max-width: 950px;
  margin: 11px 0px 0px 0px;
  height: 38px;
  border: 1px solid #009ee0;
  background-color: #ecedf3;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
}
#textsuche #suche input[type=image] {
  width: 38px;
  height: 38px;
  margin: 0px;
  padding: 0px;
}
#textsuche #suche input[type=text] {
  width: 80%;
  height: 30px;
  padding: 3px;
  margin: 0px;
  background-color: #ecedf3;
  font-family: 'OpenSans-Semibold';
  color: #009ee0;
  font-size: 1.25em;
  border: none;
}
#filterbar {
  height: 60px;
  box-sizing: content-box;
  padding: 0px 0px 0px 30px;
  background-color: #009ee0;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}
#filterbar #filterstatus {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
#filterbar #filterstatus h1 {
  margin: 20px 0px 0px 10px;
  width: 50%;
  font-family: 'OpenSans-Semibold';
  color: #ffffff;
  font-size: 1.25em;
  text-transform: uppercase;
}
#filterbar #filterstatus #deletefilter {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  cursor: pointer;
}
#filterbar #filterstatus #deletefilter label {
  cursor: pointer;
  margin: 20px 12px 0px 0px;
  font-family: 'OpenSans-Semibold';
  color: #ffffff;
  font-size: 1.25em;
}
#filterbar #filterstatus #deletefilter input[type=image] {
  width: auto;
  margin: 22px 30px 0px 0px;
  height: auto;
  max-width: 19px;
  max-height: 19px;
}
#filtersuche {
  height: 60px;
  box-sizing: content-box;
  padding: 0px 0px 0px 30px;
  background-color: #25afe8;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}
#filtersuche #widgetbar {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
}
#filtersuche #widgetbar .filterwidget,
#filtersuche #widgetbar .filterwidget1,
#filtersuche #widgetbar .filterwidget2,
#filtersuche #widgetbar .filterwidget3 {
  width: 24.75%;
  height: 60px;
  border-right: 1px solid white;
  cursor: pointer;
  background-image: url(../images/design/filter_arrow.png);
  background-repeat: no-repeat;
  background-position: right center;
}
#filtersuche #widgetbar .filterwidget h3,
#filtersuche #widgetbar .filterwidget1 h3,
#filtersuche #widgetbar .filterwidget2 h3,
#filtersuche #widgetbar .filterwidget3 h3 {
  padding: 20px 0px 20px 10px;
  width: 100%;
  font-family: 'OpenSans-Semibold';
  color: #ffffff;
  font-size: 1.25em;
  text-transform: uppercase;
}
#filtersuche #widgetbar .filterwidget ul.doppel,
#filtersuche #widgetbar .filterwidget1 ul.doppel,
#filtersuche #widgetbar .filterwidget2 ul.doppel,
#filtersuche #widgetbar .filterwidget3 ul.doppel {
  position: relative;
  width: 100%;
  display: none;
}
#filtersuche #widgetbar .filterwidget ul.doppel li,
#filtersuche #widgetbar .filterwidget1 ul.doppel li,
#filtersuche #widgetbar .filterwidget2 ul.doppel li,
#filtersuche #widgetbar .filterwidget3 ul.doppel li {
  margin: 2px 0px;
}
#filtersuche #widgetbar .filterwidget ul.doppel li p,
#filtersuche #widgetbar .filterwidget1 ul.doppel li p,
#filtersuche #widgetbar .filterwidget2 ul.doppel li p,
#filtersuche #widgetbar .filterwidget3 ul.doppel li p {
  margin: 2px 0px 2px 0px;
  background-color: #7fceef;
  padding: 12px;
  color: #ffffff;
}
#filtersuche #widgetbar .filterwidget ul.doppel li p.aktivfilter,
#filtersuche #widgetbar .filterwidget1 ul.doppel li p.aktivfilter,
#filtersuche #widgetbar .filterwidget2 ul.doppel li p.aktivfilter,
#filtersuche #widgetbar .filterwidget3 ul.doppel li p.aktivfilter {
  background-color: #72c2e3;
}
#filtersuche #widgetbar .filterwidget ul.doppel li ul,
#filtersuche #widgetbar .filterwidget1 ul.doppel li ul,
#filtersuche #widgetbar .filterwidget2 ul.doppel li ul,
#filtersuche #widgetbar .filterwidget3 ul.doppel li ul {
  display: none;
  position: relative;
  width: 100%;
}
#filtersuche #widgetbar .filterwidget ul.doppel li ul li,
#filtersuche #widgetbar .filterwidget1 ul.doppel li ul li,
#filtersuche #widgetbar .filterwidget2 ul.doppel li ul li,
#filtersuche #widgetbar .filterwidget3 ul.doppel li ul li {
  background-color: #ace1f7;
  margin: 2px 0px;
  padding: 12px;
  color: #ffffff;
}
#filtersuche #widgetbar .filterwidget ul.doppel li ul li.aktivfahrzeug,
#filtersuche #widgetbar .filterwidget1 ul.doppel li ul li.aktivfahrzeug,
#filtersuche #widgetbar .filterwidget2 ul.doppel li ul li.aktivfahrzeug,
#filtersuche #widgetbar .filterwidget3 ul.doppel li ul li.aktivfahrzeug,
#filtersuche #widgetbar .filterwidget ul.doppel li ul li.aktivzeit,
#filtersuche #widgetbar .filterwidget1 ul.doppel li ul li.aktivzeit,
#filtersuche #widgetbar .filterwidget2 ul.doppel li ul li.aktivzeit,
#filtersuche #widgetbar .filterwidget3 ul.doppel li ul li.aktivzeit,
#filtersuche #widgetbar .filterwidget ul.doppel li ul li.aktivthema,
#filtersuche #widgetbar .filterwidget1 ul.doppel li ul li.aktivthema,
#filtersuche #widgetbar .filterwidget2 ul.doppel li ul li.aktivthema,
#filtersuche #widgetbar .filterwidget3 ul.doppel li ul li.aktivthema,
#filtersuche #widgetbar .filterwidget ul.doppel li ul li.aktivkurs,
#filtersuche #widgetbar .filterwidget1 ul.doppel li ul li.aktivkurs,
#filtersuche #widgetbar .filterwidget2 ul.doppel li ul li.aktivkurs,
#filtersuche #widgetbar .filterwidget3 ul.doppel li ul li.aktivkurs {
  background-image: url(../images/termine/haken.png);
  background-position: right center;
  background-repeat: no-repeat;
}
#filtersuche #widgetbar .filterwidget ul.einzel,
#filtersuche #widgetbar .filterwidget1 ul.einzel,
#filtersuche #widgetbar .filterwidget2 ul.einzel,
#filtersuche #widgetbar .filterwidget3 ul.einzel {
  position: relative;
  width: 100%;
  display: none;
}
#filtersuche #widgetbar .filterwidget ul.einzel li,
#filtersuche #widgetbar .filterwidget1 ul.einzel li,
#filtersuche #widgetbar .filterwidget2 ul.einzel li,
#filtersuche #widgetbar .filterwidget3 ul.einzel li {
  background-color: #ace1f7;
  margin: 2px 0px;
  padding: 12px;
  color: #ffffff;
}
#filtersuche #widgetbar .filterwidget ul.einzel li.aktivfahrzeug,
#filtersuche #widgetbar .filterwidget1 ul.einzel li.aktivfahrzeug,
#filtersuche #widgetbar .filterwidget2 ul.einzel li.aktivfahrzeug,
#filtersuche #widgetbar .filterwidget3 ul.einzel li.aktivfahrzeug,
#filtersuche #widgetbar .filterwidget ul.einzel li.aktivzeit,
#filtersuche #widgetbar .filterwidget1 ul.einzel li.aktivzeit,
#filtersuche #widgetbar .filterwidget2 ul.einzel li.aktivzeit,
#filtersuche #widgetbar .filterwidget3 ul.einzel li.aktivzeit,
#filtersuche #widgetbar .filterwidget ul.einzel li.aktivthema,
#filtersuche #widgetbar .filterwidget1 ul.einzel li.aktivthema,
#filtersuche #widgetbar .filterwidget2 ul.einzel li.aktivthema,
#filtersuche #widgetbar .filterwidget3 ul.einzel li.aktivthema,
#filtersuche #widgetbar .filterwidget ul.einzel li.aktivkurs,
#filtersuche #widgetbar .filterwidget1 ul.einzel li.aktivkurs,
#filtersuche #widgetbar .filterwidget2 ul.einzel li.aktivkurs,
#filtersuche #widgetbar .filterwidget3 ul.einzel li.aktivkurs {
  background-image: url(../images/termine/haken.png);
  background-position: right center;
  background-repeat: no-repeat;
}
#filtersuche #widgetbar .nowidget {
  width: 24.75%;
  height: 60px;
  border-left: 1px solid white;
  background-image: url(../images/design/filter_arrow.png);
  background-repeat: no-repeat;
  background-position: right center;
}
#filtersuche #widgetbar .nowidget h3 {
  padding: 20px 0px 20px 10px;
  width: 100%;
  font-family: 'OpenSans-Semibold';
  color: #ffffff;
  font-size: 1.25em;
  text-transform: uppercase;
}
#filtersuche #widgetbar .nowidget:first-child {
  border-left: none;
}
#filtersuche #widgetbar .aktivgruppe {
  background-image: url(../images/design/haken-weiss.png) !important;
}
#filtersuche #widgetbar #SetFilter {
  display: none;
}
#filtertopics {
  margin: 0px 0px 2px 0px;
  min-height: 100px;
  box-sizing: content-box;
  padding: 0px 0px 0px 30px;
  background-color: #ecedf3;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}
#filtertopics .aktiveFilter {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
#filtertopics .aktiveFilter div {
  display: none;
  background-color: #8a8a8c;
  margin: 5px;
  cursor: pointer;
}
#filtertopics .aktiveFilter div h5 {
  padding: 5px 30px 5px 5px;
  color: #ffffff;
  font-family: 'OpenSans-Semibold';
  font-size: 1em;
  background-image: url(../images/termine/clear.png);
  background-position: right center;
  background-repeat: no-repeat;
}
#filtertopics .aktiveFilter div.clearFilter {
  display: inline;
  cursor: pointer;
}
#filtertopics .aktiveFilter #EntfFilter {
  display: none;
}
#filtertopics #zuruebersicht {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  min-height: 100px;
}
#filtertopics #zuruebersicht h4 {
  cursor: pointer;
  padding: 0px 0px 0px 52px;
  background-image: url(../images/termine/zur-uebersicht.png);
  background-repeat: no-repeat;
  background-position: left center;
  color: #555554;
  font-family: "OpenSans-Italic";
  font-size: 2.25em;
  line-height: 1.3em;
}
.termin {
  margin: 2px 0px;
  min-height: 60px;
  box-sizing: content-box;
  padding: 0px 0px 0px 30px;
  background-color: #ecedf3;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}
.termin .anzeigeblock {
  display: flex;
  padding: 0px 10px 5px 10px;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-end;
  cursor: pointer;
}
.termin .anzeigeblock div h3 {
  font-family: 'OpenSans-Normal';
  font-size: 1.25em;
  color: #58585a;
  line-height: 1.5em;
  margin: 0px;
}
.termin .anzeigeblock div h4 {
  font-family: 'OpenSans-Normal';
  font-size: 1.25em;
  color: #009ee0;
  line-height: 1.5em;
  margin: 0px;
}
.termin .anzeigeblock div p {
  font-family: 'OpenSans-Normal';
  font-size: 1.25em;
  color: #58585a;
  line-height: 1.5em;
  margin: 0px;
}
.termin .anzeigeblock div.terminfront {
  width: 60%;
}
.termin .anzeigeblock div.terminmitte {
  width: 15%;
  text-align: left;
}
.termin .anzeigeblock div.terminende {
  width: 25%;
  text-align: right;
}
.termin .anzeigeblock .leertermin {
  margin: 20px 0px 20px 0px;
  height: 72px;
  padding: 3px;
  border: 1px dashed #ffffff;
}
.termin .anzeigeblock.showtermin {
  background-color: #d7d8dd;
}
.termin .nosuccess h4 {
  padding: 10px 0px 10px 0px;
  font-family: 'OpenSans-Normal';
  font-size: 1.25em;
  color: #009ee0;
  line-height: 1.5em;
  margin: 0px;
}
.termin .nosuccess p {
  padding: 0px 0px 20px 0px;
  font-family: 'OpenSans-Normal';
  font-size: 1.25em;
  color: #58585a;
  line-height: 1.5em;
  margin: 0px;
}
.termin .detailstermin {
  background-color: #ecedf3;
  padding: 10px 10px 20px 10px;
  min-height: 100px;
}
.termin .detailstermin .headerblock {
  display: flex;
  background-color: #ecedf3;
  padding: 0px 0px 0px 0px;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-end;
}
.termin .detailstermin .headerblock div h3 {
  padding: 10px 0px 20px 0px;
  font-family: 'OpenSans-Normal';
  font-size: 1.25em;
  color: #58585a;
  line-height: 1.5em;
  margin: 0px;
}
.termin .detailstermin .headerblock div h4 {
  padding: 10px 0px 20px 0px;
  font-family: 'OpenSans-Normal';
  font-size: 1.25em;
  color: #009ee0;
  line-height: 1.5em;
  margin: 0px;
}
.termin .detailstermin .headerblock div p {
  padding: 10px 0px 20px 0px;
  font-family: 'OpenSans-Normal';
  font-size: 1.25em;
  color: #58585a;
  line-height: 1.5em;
  margin: 0px;
}
.termin .detailstermin .headerblock div a {
  text-decoration: none;
  color: #009ee0;
}
.termin .detailstermin .headerblock div.terminfront {
  width: 60%;
}
.termin .detailstermin .headerblock div.terminmitte {
  width: 15%;
  text-align: left;
}
.termin .detailstermin .headerblock div.terminende {
  width: 25%;
  text-align: right;
}
.termin .detailstermin p {
  font-family: 'OpenSans-Normal';
  font-size: 1em;
  color: #58585a;
  line-height: 1.5em;
  margin: 0px;
}
.termin .detailstermin a {
  text-decoration: none;
  color: #009ee0;
}
.termin .detailstermin.showdetail {
  display: inline;
}
.termin input[type=submit] {
  margin: 15px 0px;
  padding: 5px 10px 35px 10px;
  width: 230px;
  height: 30px;
  color: #ffffff;
  background-color: #58585a;
  border: 1px solid #58585a;
  font-family: 'OpenSans-Semibold';
  font-size: 1em;
  cursor: pointer;
}
.widget {
  padding: 10px 10px 10px 10px;
  overflow: hidden;
}
.widget p {
  font-family: 'OpenSans-Normal';
  color: #58585a;
  font-size: 1.375em;
  line-height: 1.375em;
  margin: 25px 0px 25px 0px;
}
.widget p a {
  color: #58585a;
  text-decoration: none;
  border-bottom: 1px solid #58585a;
}
.widget iframe {
  width: 100%;
  height: 700px;
  min-height: 700px;
  max-width: 771px;
  overflow: hidden;
}
.mobileapp {
  display: none;
}
.anmeldebutton {
  margin: 0px 0px 40px 178px;
  padding: 5px 30px 5px 30px;
  background-color: #58585a;
  color: #ffffff;
  text-decoration: none;
}
#news {
  width: 950px;
  margin: 0px 0px 0px 30px;
}
#news .newsblock {
  margin: 40px 0px 0px 0px;
}
#news .newsblock h1 {
  color: #009ee0;
  font-family: 'OpenSans-Normal';
  font-size: 1.375em;
  padding: 0px 0px 0px 0px;
}
#news .newsblock img {
  width: 100%;
  margin: 20px 0px 15px 0px;
}
#news .newsblock p {
  color: #58585a;
  font-family: 'OpenSans-Normal';
  font-size: 1.375em;
  line-height: 1.5em;
  padding: 0px 0px 0px 0px;
  margin: -40px 0px 0px 0px;
}
#news .newsblock aside {
  position: relative;
  bottom: 145px;
  right: 0px;
  width: 100%;
  height: 35px;
  margin: 0px 0px 0px 0px;
  z-index: 3;
}
#news .newsblock aside img {
  float: right;
  width: 86px;
  height: 35px;
  margin: 0px !important;
}
#news .newsblock aside p {
  float: right;
  width: 86px;
  height: 35px;
  margin: 0px !important;
}
#news .steuerblock {
  float: right;
  width: 170px;
  padding: 20px 0px;
}
#news .steuerblock label {
  color: #58585a;
  font-family: 'OpenSans-Italic';
  font-size: 1.375em;
  line-height: 1.5em;
  margin: 0px 20px 0px 0px;
}
#news .steuerblock input[type=image] {
  vertical-align: middle;
  margin: 0px 3px 0px 0px;
}
#downloads {
  width: 950px;
  margin: 0px 0px 0px 30px;
}
#downloads h1 {
  height: 27px;
  color: #009ee0;
  font-family: 'OpenSans-Normal';
  font-size: 1.375em;
  padding: 0px 0px 0px 0px;
}
#downloads .downloadheaders h3 {
  margin: 25px 0px 0px 0px !important;
  height: 27px;
  width: 100%;
  color: #58585a;
  font-family: 'OpenSans-Normal';
  font-size: 1.375em;
  padding: 0px 0px 0px 0px;
  margin: 5px 0px 30px 0px;
}
#downloads .rahmen {
  background-color: #fafbfd;
  box-shadow: 3px 3px 4px #8a8a8c;
  padding: 10px 10px 30px 10px;
  margin: 25px 0px 25px 00px;
  min-height: 520px;
}
#downloads .downloadblock {
  float: left;
  width: 600px;
  min-height: 420px;
}
#downloads .downloadblock a {
  text-decoration: none;
}
#downloads .downloadblock .einzeldownload {
  display: block;
  margin: 20px 0px 0px 0px !important;
  width: 580px;
  height: 70px;
  border-bottom: 1px dashed #58585a;
}
#downloads .downloadblock .einzeldownload .piktogramm {
  float: left;
  width: 290px;
  height: 60px;
}
#downloads .downloadblock .einzeldownload .textblock {
  float: right;
  width: 290px;
  height: 60px;
}
#downloads .downloadblock .einzeldownload .textblock h2 {
  font-family: 'OpenSans-Normal';
  font-size: 0.75em;
  color: #58585a;
  letter-spacing: 0.05em;
  margin-top: 30px;
}
#downloads .downloadblock .einzeldownload .textblock h3 {
  float: left;
  margin: 3px 0px 0px 0px;
  font-family: 'OpenSans-Bold';
  font-size: 0.9375em;
  color: #009ee0;
  padding: 0px !important;
  width: 130px;
}
#downloads .downloadblock .einzeldownload .textblock h4 {
  float: left;
  text-align: left;
  margin: 3px 0px 0px 0px;
  font-family: 'OpenSans-Normal';
  font-size: 0.9375em;
  color: #58585a;
  padding: 0px !important;
  width: 70px;
}
#downloads .downloadblock .einzeldownload .textblock h5 {
  float: right;
  text-align: right;
  margin: 3px 0px 0px 0px;
  font-family: 'OpenSans-Normal';
  font-size: 0.9375em;
  color: #58585a;
  padding: 0px !important;
  width: 70px;
}
#downloads .lerncenter {
  float: right;
  width: 310px;
  min-height: 620px;
}
#downloads .lerncenter a {
  text-decoration: none;
}
#downloads .lerncenter .einzellink {
  display: block;
  margin: 32px 0px 0px 0px !important;
}
#downloads .lerncenter .einzellink h3 {
  float: left;
  margin: 3px 0px 0px 0px;
  font-family: 'OpenSans-Bold';
  font-size: 0.9375em;
  color: #009ee0;
  padding: 0px !important;
  width: 450px;
}
#downloads .lerncenter .einzellink h4 {
  float: left;
  text-align: left;
  margin: 3px 0px 0px 0px;
  font-family: 'OpenSans-Normal';
  font-size: 0.9375em;
  color: #58585a;
  padding: 0px !important;
  width: 80px;
}
#downloads .lerncenter .einzellink h5 {
  float: right;
  text-align: right;
  margin: 3px 0px 0px 0px;
  font-family: 'OpenSans-Normal';
  font-size: 0.9375em;
  color: #58585a;
  padding: 0px !important;
  width: 80px;
}
#downloads .lerncenter .einzellink p {
  clear: both;
  height: 3px;
  border-bottom: 1px dashed #58585a;
}
#downloads .lerncenter iframe {
  margin-left: 35px;
  width: 220px;
}
#space {
  clear: both;
  width: 100%;
  height: 100px;
}
#kontakt {
  width: 950px;
  margin: 0px 0px 0px 30px;
}
#kontakt .anfahrtblock {
  float: left;
  width: 410px;
  min-height: 380px;
  margin: 25px 0px 0px 40px !important;
  padding: 10px 10px 30px 10px;
}
#kontakt .anfahrtblock h1 {
  font-family: 'OpenSans-Semibold';
  font-size: 1.375em;
  line-height: 1.5em;
  color: #009ee0;
}
#kontakt .anfahrtblock p {
  font-family: 'OpenSans-Normal';
  font-size: 1.375em;
  line-height: 1.5em;
  color: #009ee0;
}
#kontakt .anfahrtblock p img {
  margin: 0px 10px 0px -40px;
  vertical-align: middle;
}
#kontakt .anfahrtblock p a {
  color: #009ee0;
  text-decoration: none;
}
#kontakt .beratungsblock {
  float: right;
  width: 410px;
  min-height: 380px;
  margin: 25px 0px 0px 10px !important;
  padding: 10px 10px 30px 10px;
}
#kontakt .beratungsblock h1 {
  font-family: 'OpenSans-Semibold';
  font-size: 1.375em;
  line-height: 1.5em;
  color: #58585a;
}
#kontakt .beratungsblock p {
  font-family: 'OpenSans-Normal';
  font-size: 1.375em;
  line-height: 1.5em;
  color: #58585a;
}
#kontakt .anfahrtblockesw {
  float: left;
  width: 410px;
  min-height: 305px;
  margin: 100px 0px 0px 40px !important;
  padding: 10px 10px 30px 10px;
}
#kontakt .anfahrtblockesw h1 {
  font-family: 'OpenSans-Semibold';
  font-size: 1.375em;
  line-height: 1.5em;
  color: #009ee0;
}
#kontakt .anfahrtblockesw p {
  font-family: 'OpenSans-Normal';
  font-size: 1.375em;
  line-height: 1.5em;
  color: #009ee0;
}
#kontakt .anfahrtblockesw p img {
  margin: 0px 10px 0px -40px;
  vertical-align: middle;
}
#kontakt .anfahrtblockesw p a {
  color: #009ee0;
  text-decoration: none;
}
#kontakt .beratungsblockesw {
  float: right;
  width: 410px;
  min-height: 305px;
  margin: 100px 0px 0px 10px !important;
  padding: 10px 10px 30px 10px;
}
#kontakt .beratungsblockesw h1 {
  font-family: 'OpenSans-Semibold';
  font-size: 1.375em;
  line-height: 1.5em;
  color: #58585a;
}
#kontakt .beratungsblockesw p {
  font-family: 'OpenSans-Normal';
  font-size: 1.375em;
  line-height: 1.5em;
  color: #58585a;
}
#kontakt iframe {
  width: 960px;
  height: 450px;
}
#kontakt form {
  margin: 60px 0px 0px 0px;
  width: 950px;
}
#kontakt form h1 {
  font-family: 'OpenSans-Semibold';
  color: #009ee0;
  font-size: 1.25em;
  text-transform: uppercase;
}
#kontakt form h2 {
  font-family: 'OpenSans-Normal';
  color: #58585a;
  font-size: 2.875em;
  text-transform: uppercase;
  margin: 30px 0px 0px 0px;
  padding: 0px 0px 25px 0px;
  width: 90%;
}
#kontakt form input[type=text] {
  background-color: #009ee0;
  width: 460px;
  border: none;
  padding: 5px 10px 5px 25px;
  color: #ffffff;
  height: 30px;
  font-family: 'OpenSans-Semibold';
  margin: 15px 0px;
  font-size: 1em;
}
#kontakt form .datenschutz {
  font-family: 'OpenSans-Normal';
  font-size: 1.375em;
  line-height: 1.5em;
  color: #58585a;
}
#kontakt form .datenschutz a {
  text-decoration: none;
  color: #009ee0;
}
#kontakt form select {
  background-color: #009ee0;
  width: 500px;
  border: none;
  padding: 5px 10px 5px 25px;
  color: #ffffff;
  height: 35px;
  font-family: 'OpenSans-Semibold';
  margin: 15px 0px;
  font-size: 1em;
}
#kontakt form .notie11 {
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 100% 100%;
  -webkit-appearance: none;
  background-color: #009ee0;
}
#kontakt form ::-webkit-input-placeholder {
  color: #ffffff;
}
#kontakt form :-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}
#kontakt form ::-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}
#kontakt form -ms-input-placeholder {
  color: #ffffff;
}
#kontakt form textarea {
  background-color: #009ee0;
  width: 460px;
  border: none;
  padding: 5px 10px 5px 25px;
  color: #ffffff;
  height: 160px;
  font-family: 'OpenSans-Semibold';
  margin: 15px 0px;
  font-size: 1em;
}
#kontakt form .newLine {
  clear: both;
  width: 100%;
  height: 10px;
}
#kontakt form input[type=submit] {
  margin: 15px 0px;
  padding: 5px 10px 35px 10px;
  width: 230px;
  height: 30px;
  color: #ffffff;
  background-color: #58585a;
  border: 1px solid #58585a;
  font-family: 'OpenSans-Semibold';
  font-size: 1em;
}
#kontakt form #fehler {
  clear: both;
  max-width: 960px;
  width: 100%;
}
#kontakt form #fehler p {
  color: #ff0000;
  font-family: 'OpenSans-Bold';
  font-size: 1.375em;
  line-height: 1.5em;
}
#impressum {
  width: 950px;
  margin: 0px 0px 0px 30px;
}
#impressum .impressumblock {
  float: left;
  width: 450px;
  min-height: 380px;
  margin: 25px 0px 0px 0px !important;
  padding: 10px 10px 30px 0px;
}
#impressum .impressumblock h1 {
  font-family: 'OpenSans-Semibold';
  font-size: 1.375em;
  line-height: 1.5em;
  color: #58585a;
}
#impressum .impressumblock h2 {
  font-family: 'OpenSans-Semibold';
  font-size: 1.375em;
  line-height: 1.5em;
  color: #58585a;
}
#impressum .impressumblock p {
  font-family: 'OpenSans-Normal';
  font-size: 1.375em;
  line-height: 1.5em;
  color: #58585a;
}
#impressum .impressumblock p a {
  color: #009ee0;
  text-decoration: none;
}
#impressum .steuerblock {
  float: right;
  width: 450px;
  min-height: 380px;
  margin: 58px 0px 0px 0px !important;
  padding: 10px 10px 30px 0px;
}
#impressum .steuerblock h1 {
  font-family: 'OpenSans-Semibold';
  font-size: 1.375em;
  line-height: 1.5em;
  color: #58585a;
}
#impressum .steuerblock h2 {
  font-family: 'OpenSans-Semibold';
  font-size: 1.375em;
  line-height: 1.5em;
  color: #58585a;
}
#impressum .steuerblock p {
  font-family: 'OpenSans-Normal';
  font-size: 1.375em;
  line-height: 1.5em;
  color: #58585a;
}
#impressum .steuerblock p a {
  color: #009ee0;
  text-decoration: none;
}
#datenschutz {
  clear: both;
  width: 100%;
  margin: 40px 0px 0px 0px;
}
#datenschutz h1 {
  font-family: 'OpenSans-Semibold';
  color: #009ee0;
  font-size: 1.25em;
  text-transform: uppercase;
}
#datenschutz h2 {
  font-family: 'OpenSans-Normal';
  color: #58585a;
  font-size: 2.875em;
  text-transform: uppercase;
  margin: 30px 0px 0px 0px;
  padding: 0px 0px 25px 0px;
  width: 100%;
  border-bottom: 2px dotted #58585a;
}
#datenschutz .datenschutzblock {
  margin: 15px 0px 0px 0px;
}
#datenschutz .datenschutzblock h1 {
  font-family: 'OpenSans-Semibold';
  font-size: 1.375em;
  line-height: 1.5em;
  color: #58585a;
}
#datenschutz .datenschutzblock h2 {
  font-family: 'OpenSans-Semibold';
  font-size: 1.375em;
  line-height: 1.5em;
  color: #58585a;
  margin: 60px 0px 20px 0px;
}
#datenschutz .datenschutzblock h3 {
  font-family: 'OpenSans-Semibold';
  font-size: 1.375em;
  line-height: 1.5em;
  color: #58585a;
}
#datenschutz .datenschutzblock h4 {
  font-family: 'OpenSans-Semibold';
  font-size: 1.375em;
  line-height: 1.5em;
  color: #58585a;
}
#datenschutz .datenschutzblock p {
  font-family: 'OpenSans-Normal';
  font-size: 1.375em;
  line-height: 1.5em;
  color: #58585a;
}
#datenschutz .datenschutzblock p a {
  color: #009ee0;
  text-decoration: none;
  border: none;
}
#datenschutz .datenschutzblock li {
  font-family: 'OpenSans-Normal';
  line-height: 1.5em;
  color: #58585a;
}
#datenschutz .datenschutzblock li a {
  color: #009ee0;
  text-decoration: none;
  border: none;
}
#datenschutz .datenschutzblock a {
  color: #009ee0;
  text-decoration: none;
  border: none;
}
footer {
  clear: both;
  background-image: url(../images/design/bg_footer.png);
  width: 100%;
  height: 175px;
}
footer #footernav {
  background-image: url(../images/design/bg_nav_footer.jpg);
  margin: 0px auto;
  width: 980px;
  height: 175px;
}
footer #footernav ul {
  margin: 0px 0px 0px 40px;
  padding: 10px 0px 0px 35px;
}
footer #footernav ul li {
  float: left;
  padding: 0px 15px 0px 0px;
}
footer #footernav ul li a {
  font-family: 'OpenSans-Normal';
  font-size: 0.8125em;
  color: #8a8a8c;
  text-decoration: none;
  text-transform: uppercase;
}
footer #footernav ul li a:hover {
  color: #009ee0;
}
footer #footernav ul li a.selected {
  color: #009ee0;
}
footer #footernav #facebook {
  float: right;
  width: 30px;
  height: 29px;
  margin: 0px 325px 0px 0px;
}
#rights {
  margin: 0px auto;
  width: 980px;
  height: 35px;
}
#rights p {
  margin: 10px 53px 0px 0px;
  float: right;
  color: #8a8a8c;
  font-size: 0.8125em;
  text-transform: uppercase;
}
/* Tablet */
@media screen and (min-width: 640px) and (max-width: 999px) {
  #bgangebote {
    background-position: center;
  }
  #bgfahrschule {
    background-position: center;
  }
  #bgnews {
    background-position: center;
  }
  #bgdownloads {
    background-position: center;
  }
  #bgkontakt {
    background-position: center;
  }
  #bgimpressum {
    background-position: center;
  }
  #headernav {
    background-image: url(../images/design/tablet/bg_menu.png);
    background-position: right;
    margin: 0px auto 30px auto;
    width: 100%;
    height: 130px;
    font-family: 'OpenSans-Semibold';
  }
  #headernav ul {
    float: left;
    padding: 10px 0px 0px 0px;
  }
  #headernav ul li {
    display: block;
    margin: 0px 0px 0px 0px;
    width: 130px;
  }
  #headernav ul li a {
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.9375em;
    color: #ffffff;
    width: 135px;
    line-height: 1.3125em;
    border-bottom: 1px dotted transparent;
  }
  #headernav ul li a:hover {
    color: #58585a;
  }
  #headernav ul li a.selected {
    color: #58585a !important;
    border-bottom: 1px dotted #ffffff;
  }
  #headernav ul li p {
    line-height: 1.3125em;
  }
  #headernav .second li {
    margin: 0px 0px 0px 0px !important;
  }
  #headernav .second li a {
    text-transform: none !important;
    border-bottom: 1px dotted #ffffff;
  }
  #mission {
    margin: 180px auto 0px auto;
    width: 90%;
    padding: 0px 5% 0px 5%;
  }
  #mission h1 {
    font-size: 100%;
    line-height: 100%;
  }
  #mission p {
    font-size: 80%;
    line-height: 1.25em;
  }
  #container {
    width: 100%;
  }
  #topics {
    height: 420px;
  }
  .elemente {
    float: left;
    margin: 0px 0px 0px 2%;
    height: 520px;
  }
  .elemente .kopfblock {
    height: 330px;
  }
  .elemente h1 {
    font-family: 'OpenSans-Normal';
    font-size: 0.75em;
    color: #58585a;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  .elemente h2 {
    margin: 45px 0px 0px 0px;
    font-family: 'OpenSans-Bold';
    font-size: 0.9375em;
    color: #009ee0;
  }
  .elemente p {
    margin: 20px 0px 0px 0px;
    font-family: 'OpenSans-Normal';
    font-size: 0.875em;
    color: #58585a;
    line-height: 1.375em;
    letter-spacing: 0.05em;
  }
  .elemente img {
    width: 90%;
    height: auto;
  }
  .elemente .terminblock {
    height: 81px;
    margin: 12px 0px 0px 0px;
  }
  .elemente .terminblock .space {
    margin: 30px 0px 0px 0px;
  }
  .elemente .terminblock h1 {
    font-family: 'OpenSans-Normal';
    font-size: 0.75em;
    color: #58585a;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  .elemente .terminblock h2 {
    margin: 3px 0px 0px 0px;
    font-family: 'OpenSans-Bold';
    font-size: 0.9375em;
    color: #009ee0;
  }
  .elemente .terminblock p {
    margin: 3px 0px 0px 0px;
    font-family: 'OpenSans-Normal';
    font-size: 0.875em;
    color: #58585a;
    line-height: 1.375em;
    letter-spacing: 0.05em;
  }
  .elemente .leertermin {
    margin: 12px 0px 0px 0px;
    height: 81px;
  }
  .topics {
    max-width: 980px;
    width: 90%;
    padding: 20px 0px 0px 10px;
  }
  .topics2 {
    width: 90%;
  }
  .elemente:first-child {
    margin: 0px 0px 0px 0px;
  }
  #previewbestanden {
    min-width: 640px;
  }
  #previewbestanden .einzelbestanden {
    float: left;
    margin: 0px 11px 10px 0px;
    width: 212px;
    background-color: #ffffff;
    height: 190px;
  }
  #previewbestanden .einzelbestanden h3 {
    margin: 13px 0px 0px 0px !important;
    float: left !important;
    color: #009ee0 !important;
    font-family: 'OpenSans-Normal' !important;
    font-size: 1em !important;
  }
  #previewbestanden .einzelbestanden h4 {
    margin: 13px 0px 0px 0px !important;
    float: right !important;
    color: #009ee0 !important;
    font-family: 'OpenSans-Normal' !important;
    font-size: 1em !important;
  }
  #previewbestanden .einzelbestanden img {
    padding: 13px 0px;
    width: 212px;
    max-height: 184px;
    height: auto !important;
  }
  #previewbestanden .einzelbestanden p {
    margin: 0px 13px 13px 13px;
    font-family: 'OpenSans-Normal';
    color: #58585a;
    font-size: 0.875em;
    line-height: 1.25em;
  }
  #previewbestanden .outside {
    margin: 0px 0px 0px 0px;
  }
  #previewbestanden .outside img {
    width: 7px;
    height: 12px;
  }
  #scroll {
    min-height: 10px;
    padding: 0px 0px 0px 40px;
  }
  .struktur {
    min-height: 10px;
  }
  .tblock {
    width: 30%;
  }
  .nblock {
    width: 25%;
    height: 500px;
  }
  .mblock {
    width: 212px;
  }
  .sblock {
    width: 212px;
  }
  .sblock img {
    margin: 0px 0px 0px 0px;
    width: 12px;
    height: 7px;
  }
  .angebot {
    padding: 0px 0px 0px 10px;
  }
  .news {
    padding: 0px 0px 0px 20px;
  }
  .termine {
    padding: 0px 0px 0px 12px;
  }
  #angebote {
    margin: 0px 0px 0px 30px;
    width: 95%;
  }
  #kopf {
    width: 100%;
    padding: 20px 0px 0px 0px;
  }
  #kopf h1 {
    font-family: 'OpenSans-Semibold';
    color: #009ee0;
    font-size: 1.25em;
    text-transform: uppercase;
  }
  #kopf h2 {
    font-family: 'OpenSans-Normal';
    color: #58585a;
    font-size: 2.875em;
    text-transform: uppercase;
    margin: 30px 0px 0px 0px;
    padding: 0px 0px 25px 0px;
    width: 100%;
    border-bottom: 2px dotted #58585a;
  }
  #kopf p {
    font-family: 'OpenSans-Normal';
    color: #58585a;
    font-size: 1.375em;
    line-height: 1.375em;
    margin: 25px 0px 25px 0px;
  }
  #kopf ul {
    list-style-type: disc;
    margin: 25px 0px 25px 19px;
  }
  #kopf li {
    font-family: 'OpenSans-Normal';
    color: #58585a;
    font-size: 1.25em;
    line-height: 1.375em;
  }
  .klassen {
    margin: 5px 0px 5px 0px;
    height: auto;
    width: 100%;
  }
  .klassen ul {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    padding: 10px 0px 10px 0px;
  }
  .klassen ul li {
    width: 25%;
    height: auto;
  }
  .klassen ul li h3 {
    margin: 22% 0px 0px 0px;
    font-family: 'OpenSans-Normal';
    font-size: 0.875em;
    text-transform: uppercase;
  }
  .klassen ul li h4 {
    position: absolute;
    right: 7px;
    top: 7px;
    font-family: 'OpenSans-Normal';
    font-size: 0.875em;
    text-transform: uppercase;
  }
  .klassen ul li img {
    width: 100%;
    height: auto;
  }
  .klassen ul .white {
    color: #ffffff;
  }
  .klassen ul .blue {
    color: #009ee0;
  }
  .karte {
    width: 23%;
    height: auto;
    min-height: 72px;
    margin: 10px 0px;
  }
  .vorne,
  .hinten {
    width: 23%;
    height: auto;
    min-height: 100px;
    position: absolute;
    -webkit-transition: -webkit-transform 1s;
    transition: transform 1s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    text-align: center;
  }
  .vorne {
    background-color: #fafbfd;
    box-shadow: 2px 2px 4px #58585a;
    -webkit-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }
  .hinten {
    background-color: #5ac2ee;
    color: #ffffff;
    box-shadow: 2px 2px 4px #58585a;
    -webkit-transform: perspective(800px) rotateY(-179.9deg);
    transform: perspective(800px) rotateY(-179.9deg);
  }
  .selectedvorn {
    -webkit-transform: perspective(800px) rotateY(-179.9deg);
    transform: perspective(800px) rotateY(-179.9deg);
  }
  .selectedhinten {
    -webkit-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }
  .submenues ul li a {
    height: 13px;
    padding: 13px 0px 15px 40px;
    cursor: pointer;
  }
  .submenues ul li .details {
    font-size: 1.0em;
  }
  .info {
    width: 94%;
    height: 0px;
    margin: 0px 0px 0px 20px;
  }
  .info h3 {
    font-size: 0.75em;
  }
  .info p {
    font-size: 0.75em;
  }
  .info .einfach {
    float: left;
    width: 23%;
    height: 41px;
    padding: 7px 4px;
  }
  .info .doppelt {
    float: right;
    width: 23%;
    height: 98px;
    padding: 7px 4px;
  }
  #fahrschulekopf {
    width: 95%;
  }
  .fahrblock {
    width: 30%;
    margin: 0px 0px 0px 2%;
  }
  .fahrblock img {
    width: 100%;
    height: auto;
  }
  .fahrfirst {
    margin: 0px 0px 0px 10px !important;
  }
  .specialforceimg {
    width: 55%;
  }
  .specialforceimg img {
    width: 100%;
    height: auto;
  }
  .specialforceblock {
    width: 40%;
  }
  #teambilder {
    width: 95%;
    padding: 25px 0px 0px 7px;
    margin: 0px 2%;
  }
  #teambilder .einzelbild {
    float: left;
    width: 23%;
    min-height: 550px;
    margin: 20px 0px 40px 1%;
  }
  #teambilder .einzelbild img {
    width: 100%;
    height: auto;
  }
  #teambilder .linksbild {
    margin: 20px 0px 40px 1%;
  }
  #teambilder .personinfo {
    height: 300px;
  }
  #teambilder p {
    font-size: 0.8125em;
    line-height: 1.25em;
  }
  #teambilder p a {
    font-size: 0.75em;
  }
  #teambilder p a img {
    width: auto !important;
    height: auto !important;
  }
  #galerie {
    margin: 0px 0px 0px 30px;
    width: 95%;
  }
  .galerieblock {
    width: 32%;
    min-height: 350px;
    margin: 0px 0px 0px 1%;
  }
  .galerieblock img {
    width: 100%;
    height: auto;
  }
  .galeriefirst {
    margin: 0px 0px 0px 1%;
  }
  .nivoSlider img {
    width: 100%;
    height: auto;
  }
  #imageblock {
    width: 95%;
    margin: 20px 2% 50px 2%;
    height: 870px;
    overflow: auto;
  }
  #imageblock img {
    width: 100%;
    height: auto;
  }
  #imageblock #galerieheader {
    padding: 0px 0px 30px 0px;
  }
  #imageblock #slider {
    margin: 0px 0px 0px 1%;
  }
  #bestandenblock {
    width: 95%;
    margin: 20px 2% 50px 2%;
    height: 870px;
    overflow: hidden;
  }
  #bestandenblock img {
    width: 100%;
    height: auto;
  }
  #bestandenblock #galerieheader {
    padding: 0px 0px 30px 0px;
  }
  #bestandenblock .einzelbestanden {
    float: left;
    margin: 0px 11px 10px 0px;
    width: 30%;
    background-color: #ffffff;
    height: 315px;
  }
  #bestandenblock .einzelbestanden img {
    width: 90%;
    height: auto;
  }
  #bestandenblock .einzelbestanden h3 {
    font-size: 0.875em !important;
  }
  #bestandenblock .einzelbestanden h4 {
    font-size: 0.875em !important;
  }
  #bestandenblock .einzelbestanden p {
    font-size: 0.75em !important;
  }
  #close {
    float: right;
    margin: 0px 0px 0px 0px;
    z-index: 101;
    right: 0px;
    top: 0px;
    width: 54px;
    height: 53px;
  }
  .thumbsblock {
    margin: 66% 0px 0px 1%;
    text-align: left;
    width: 99%;
  }
  .thumbsblock .moreblock {
    display: none;
  }
  .thumbsblock .thumbs ul {
    margin: 0px 0px 0px 1%;
  }
  .thumbsblock .thumbs ul li {
    margin: 5px 0% 10px 0%;
    width: 11%;
  }
  .thumbsblock .thumbs ul li img {
    width: 90% !important;
    height: auto !important;
  }
  #chronik {
    margin: 0px 0px 0px 30px;
    width: 95%;
  }
  #chronik a {
    text-decoration: none;
    border: none;
  }
  #chronik .chronikliste {
    width: 100%;
    margin: 5px 0px;
    height: auto;
  }
  #chronik .chronikliste ul {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    padding: 0px;
    width: 100%;
  }
  #chronik .chronikliste ul li {
    width: 25%;
    margin: 5px 0px 5px 0px;
  }
  #chronik .zeit {
    width: 23%;
    height: auto;
    min-height: 96px;
    margin: 10px 0px;
  }
  #chronik .front,
  #chronik .rueck,
  #chronik .jahr {
    width: 23%;
    height: auto;
    min-height: 96px;
    position: absolute;
    -webkit-transition: -webkit-transform 1s;
    -webkit-backface-visibility: hidden;
    transition: transform 1s;
    backface-visibility: hidden;
    text-align: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
  }
  #chronik .front h2,
  #chronik .rueck h2,
  #chronik .jahr h2 {
    font-family: 'OpenSans-SemiBold';
    font-size: 1.5em;
    color: #ffffff;
  }
  #chronik .front p,
  #chronik .rueck p,
  #chronik .jahr p {
    font-family: 'OpenSans-SemiBold';
    font-size: 1em;
    color: #58585a;
  }
  #chronik .front {
    cursor: pointer;
    background-color: #fafbfd;
    box-shadow: 2px 2px 4px #58585a;
    -webkit-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }
  #chronik .rueck {
    cursor: pointer;
    background-color: #5ac2ee;
    color: #ffffff;
    box-shadow: 2px 2px 4px #58585a;
    -webkit-transform: perspective(800px) rotateY(-179.9deg);
    transform: perspective(800px) rotateY(-179.9deg);
  }
  #chronik .rueck img {
    width: 100%;
    height: auto;
  }
  #chronik .jahr {
    background-color: #5ac2ee;
    color: #ffffff;
    box-shadow: 2px 2px 4px #58585a;
  }
  #chronik .selectedfront {
    -webkit-transform: perspective(800px) rotateY(-179.9deg);
    transform: perspective(800px) rotateY(-179.9deg);
  }
  #chronik .selectedrueck {
    -webkit-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }
  #chronik .chronikdetails {
    box-sizing: content-box;
    display: none;
    width: 100%;
    padding: 0px 0px 40px 0px;
    height: auto;
    background-color: #5ac2ee;
    margin: 10px 0px 0px 0px;
  }
  #chronik .chronikdetails p {
    box-sizing: content-box;
    font-family: 'OpenSans-Normal';
    font-size: 1em;
    line-height: 1.3em;
    color: #ffffff;
    padding: 10px;
  }
  #gaestebuch {
    width: 95% !important;
  }
  #gaestebuch form textarea {
    width: 90%;
  }
  #gaestebuch #eintraege {
    width: 100%;
  }
  #gaestebuch #eintraege ul {
    margin: 0px;
    width: 100%;
  }
  #gaestebuch #eintraege ul li div.avatar img {
    width: 85%;
  }
  #termine {
    width: 95%;
  }
  #termine .terminblock {
    width: 30%;
    height: 650px;
    margin: 0px 0px 0px 3% !important;
  }
  #termine .terminblock .anzeigeblock {
    height: 420px;
  }
  #termine .terminblock .anzeigeblock .einzeltermin {
    min-height: 120px;
  }
  #termine .terminblock .anzeigeblock .leertermin {
    height: 120px;
  }
  #termine .terminfirst {
    margin: 0px 0px 0px 3% !important;
  }
  #termine .singleterminblock {
    width: 52%;
    margin: 0px 0px 0px 1% !important;
  }
  #termine .moreterminblock {
    width: 22%;
    margin: 0px 0px 0px 1% !important;
  }
  #termine .terminedetails {
    min-height: 450px;
  }
  #termine .terminedetails .iconblock {
    float: none;
    width: 130px;
    min-height: 100px;
  }
  #termine .terminedetails .iconblock img {
    margin: 35px 0px 0px 15%;
  }
  #termine .terminedetails .einzeltermin {
    float: none;
    width: 90%;
    margin: 20px 0px 20px 0px !important;
  }
  .terminabstand {
    height: 60px;
  }
  .anmeldebutton {
    margin: 0px 0px 40px 0px;
  }
  #news {
    width: 95%;
  }
  #news .newsblock img {
    width: 98%;
    margin: 20px 0% 15px 0%;
  }
  #news .newsblock p {
    color: #58585a;
    font-family: 'OpenSans-Normal';
    font-size: 1.375em;
    line-height: 1.5em;
    padding: 0px 0px 0px 0px;
    margin: -40px 0px 0px 0px;
  }
  #news .newsblock aside {
    position: relative;
    bottom: 145px;
    right: 0px;
    width: 97%;
    height: 35px;
    margin: 0px 0px 0px 1%;
    z-index: 3;
  }
  #news .newsblock aside img {
    float: right;
    width: 86px;
    height: 35px;
    margin: 0px !important;
  }
  #news .newsblock aside p {
    float: right;
    width: 86px;
    height: 35px;
    margin: 0px !important;
  }
  #news .steuerblock {
    float: right;
    width: 170px;
    padding: 20px 0px;
  }
  #news .steuerblock label {
    color: #58585a;
    font-family: 'OpenSans-Italic';
    font-size: 1.375em;
    line-height: 1.5em;
    margin: 0px 20px 0px 0px;
  }
  #news .steuerblock input[type=image] {
    vertical-align: middle;
    margin: 0px 3px 0px 0px;
  }
  #downloads {
    width: 95%;
  }
  #downloads .downloadheaders h3 {
    width: 95%;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 30px 0px;
  }
  #downloads .downloadblock {
    width: 95%;
    margin: 0% 3% 0% 0%;
  }
  #downloads .downloadblock a {
    text-decoration: none;
  }
  #downloads .downloadblock .einzeldownload {
    display: block;
    margin: 20px 0px 0px 0px !important;
    width: 95%;
    height: 70px;
    border-bottom: 1px dashed #58585a;
  }
  #downloads .downloadblock .einzeldownload .piktogramm {
    float: left;
    width: 50%;
  }
  #downloads .downloadblock .einzeldownload .textblock {
    width: 50%;
    height: 60px;
  }
  #downloads .downloadblock .einzeldownload .textblock h2 {
    font-family: 'OpenSans-Normal';
    font-size: 0.75em;
    color: #58585a;
    letter-spacing: 0.05em;
    margin-top: 30px;
  }
  #downloads .downloadblock .einzeldownload .textblock h3 {
    float: left;
    margin: 3px 0px 0px 0px;
    font-family: 'OpenSans-Bold';
    font-size: 0.9375em;
    color: #009ee0;
    padding: 0px !important;
    width: 110px;
  }
  #downloads .downloadblock .einzeldownload .textblock h4 {
    float: left;
    text-align: left;
    margin: 3px 0px 0px 0px;
    font-family: 'OpenSans-Normal';
    font-size: 0.9375em;
    color: #58585a;
    padding: 0px !important;
    width: 65px;
  }
  #downloads .downloadblock .einzeldownload .textblock h5 {
    float: right;
    text-align: right;
    margin: 3px 0px 0px 0px;
    font-family: 'OpenSans-Normal';
    font-size: 0.9375em;
    color: #58585a;
    padding: 0px !important;
    width: 65px;
  }
  #downloads .lerncenter {
    float: left;
    width: 95%;
    max-width: 320px;
    min-height: 620px;
  }
  #space {
    clear: both;
    width: 100%;
    height: 100px;
  }
  #kontakt {
    width: 95%;
  }
  #kontakt .anfahrtblock {
    width: 45%;
    min-height: 380px;
    margin: 25px 0px 0px 40px !important;
    padding: 1% 1% 3% 1%;
  }
  #kontakt .anfahrtblock p {
    font-size: 1.125em;
  }
  #kontakt .anfahrtblock p img {
    margin: 0px 10px 0px -40px;
  }
  #kontakt .beratungsblock {
    float: right;
    width: 42%;
    min-height: 380px;
    margin: 25px 0px 0px 10px !important;
    padding: 1% 1% 3% 1%;
  }
  #kontakt .beratungsblock p {
    font-size: 1.125em;
  }
  #kontakt .anfahrtblockesw {
    width: 45%;
    min-height: 305px;
    margin: 25px 0px 0px 40px !important;
    padding: 1% 1% 3% 1%;
  }
  #kontakt .anfahrtblockesw p {
    font-size: 1.125em;
  }
  #kontakt .anfahrtblockesw p img {
    margin: 0px 10px 0px -40px;
  }
  #kontakt .beratungsblockesw {
    float: right;
    width: 42%;
    min-height: 305px;
    margin: 25px 0px 0px 10px !important;
    padding: 1% 1% 3% 1%;
  }
  #kontakt .beratungsblockesw p {
    font-size: 1.125em;
  }
  #kontakt iframe {
    width: 100%;
    height: 450px;
  }
  #kontakt form {
    margin: 60px 0px 0px 10px;
    width: 95%;
  }
  #kontakt form input[type=text] {
    background-color: #009ee0;
    width: 460px;
    border: none;
    padding: 5px 10px 5px 25px;
    color: #ffffff;
    height: 30px;
    font-family: 'OpenSans-Semibold';
    margin: 15px 0px;
    font-size: 1em;
  }
  #kontakt form select {
    background-color: #009ee0;
    width: 500px;
    border: none;
    padding: 5px 10px 5px 25px;
    color: #ffffff;
    height: 30px;
    font-family: 'OpenSans-Semibold';
    margin: 15px 0px;
    font-size: 1em;
  }
  #kontakt form textarea {
    background-color: #009ee0;
    width: 460px;
    border: none;
    padding: 5px 10px 5px 25px;
    color: #ffffff;
    height: 160px;
    font-family: 'OpenSans-Semibold';
    margin: 15px 0px;
    font-size: 1em;
  }
  #kontakt form input[type=submit] {
    margin: 15px 0px;
    padding: 5px 10px 35px 10px;
    width: 230px;
    height: 30px;
    color: #ffffff;
    background-color: #58585a;
    border: 1px solid #58585a;
    font-family: 'OpenSans-Semibold';
    font-size: 1em;
  }
  #impressum {
    width: 95%;
  }
  #impressum .impressumblock {
    width: 46%;
    padding: 1% 1% 3% 0%;
  }
  #impressum .steuerblock {
    width: 46%;
    padding: 1% 1% 3% 0%;
  }
  #datenschutz {
    width: 95%;
    padding: 0px 30px 0px 0px;
  }
  #datenschutz h2 {
    width: 90%;
  }
  #datenschutz .datenschutzblock {
    width: 100%;
    margin: 15px 0px 0px 0px;
  }
  footer #footernav {
    width: 100%;
    height: 175px;
  }
  footer #footernav ul {
    width: 75%;
  }
  footer #footernav #facebook {
    float: left;
    width: 30px;
    height: 29px;
    margin: 0px 0px 0px 30%;
  }
  #rights {
    width: 100%;
  }
  #rights p {
    margin: 10px 20px 0px 0px;
  }
}
/* Handy */
@media screen and (max-width: 639px) {
  body {
    min-width: 360px;
  }
  #bgmaxis {
    background-image: url(../images/home/mobil/bg.jpg);
    height: 250px;
  }
  #bgtermine {
    position: relative;
    background-image: url(../images/termine/bg.jpg);
    background-position: right;
    width: 100%;
    height: 250px;
    padding: 15px 0px 0px 0px;
  }
  #bgnews {
    position: relative;
    background-image: url(../images/news/bg.jpg);
    width: 100%;
    height: 250px;
    padding: 15px 0px 0px 0px;
  }
  #bgdownloads {
    position: relative;
    background-image: url(../images/downloads/bg.jpg);
    width: 100%;
    height: 250px;
    padding: 15px 0px 0px 0px;
  }
  #bgkontakt {
    position: relative;
    background-image: url(../images/kontakt/bg.jpg);
    width: 100%;
    height: 250px;
    padding: 15px 0px 0px 0px;
  }
  #bgimpressum {
    position: relative;
    background-image: url(../images/impressum/bg.jpg);
    width: 100%;
    height: 250px;
    padding: 15px 0px 0px 0px;
  }
  #headernav {
    background-image: url(../images/design/mobil/bg_menu.png);
    background-position: right;
    margin: 0px auto 30px auto;
    width: 100%;
    height: 130px;
    font-family: 'OpenSans-Semibold';
  }
  #headernav ul {
    margin: 0px 0px 0px 10px;
    padding: 10px 0px 0px 0px;
  }
  #headernav ul li {
    display: block;
    margin: 0px 0px 0px 0px;
    width: 110px;
  }
  #headernav ul li a {
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.875em;
    color: #ffffff;
    width: 110px;
    line-height: 1.3125em;
  }
  #headernav ul li a:hover {
    color: #58585a;
  }
  #headernav ul li a.selected {
    color: #58585a !important;
    border-bottom: 1px dotted #ffffff;
  }
  #headernav ul li p {
    font-size: 0.875em;
    border-bottom: 1px dotted transparent;
    line-height: 1.3125em;
  }
  #headernav .first {
    margin: 0px 0px 0px 10px;
  }
  #headernav .second {
    margin: 0px 0px 0px 0px;
  }
  #headernav .second li {
    width: 130px !important;
  }
  #headernav .second li a {
    width: 100%;
  }
  #share {
    display: none;
  }
  #mission {
    margin: 30px auto 0px auto;
    width: 90%;
    padding: 0px 5% 0px 5%;
  }
  #mission h1 {
    padding: 15px 0px 0px 0px;
    color: #ffffff;
    font-family: 'OpenSans-Bold';
    font-size: 1.0625em;
    line-height: 1.375em;
  }
  #mission p {
    display: none;
  }
  #container {
    margin: 0px auto;
    width: 100%;
  }
  #topics {
    height: 1560px;
    padding: 20px 0px 0px 30px;
  }
  .elemente {
    float: none;
    margin: 0px 0px 0px 0px;
    background-image: url(../images/design/topics.png);
    background-position: left top;
    background-repeat: no-repeat;
    height: 520px;
    overflow: hidden;
  }
  .elemente .kopfblock {
    height: 330px;
  }
  .elemente h1 {
    font-family: 'OpenSans-Normal';
    font-size: 0.75em;
    color: #58585a;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  .elemente h2 {
    margin: 45px 0px 0px 0px;
    font-family: 'OpenSans-Bold';
    font-size: 0.9375em;
    color: #009ee0;
  }
  .elemente p {
    float: left;
    margin: 20px 0px 0px 0px;
    font-family: 'OpenSans-Normal';
    font-size: 0.875em;
    color: #58585a;
    line-height: 1.375em;
    letter-spacing: 0.05em;
  }
  .elemente img {
    margin: 20px 0px 0px 0px;
    width: 100%;
    height: auto;
    max-width: 300px;
  }
  .elemente .terminblock {
    height: 81px;
    margin: 12px 0px 0px 0px;
  }
  .elemente .terminblock .space {
    margin: 30px 0px 0px 0px;
  }
  .elemente .terminblock h1 {
    font-family: 'OpenSans-Normal';
    font-size: 0.75em;
    color: #58585a;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  .elemente .terminblock h2 {
    margin: 3px 0px 0px 0px;
    font-family: 'OpenSans-Bold';
    font-size: 0.9375em;
    color: #009ee0;
  }
  .elemente .terminblock p {
    margin: 3px 0px 0px 0px;
    font-family: 'OpenSans-Normal';
    font-size: 0.875em;
    color: #58585a;
    line-height: 1.375em;
    letter-spacing: 0.05em;
  }
  .elemente .leertermin {
    margin: 12px 0px 0px 0px;
    height: 81px;
  }
  .elemente:first-child {
    margin: 0px 0px 0px 0px;
  }
  .topics {
    max-width: 320px;
    width: 90%;
    padding: 20px 0px 0px 10px;
  }
  .topics2 {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    width: 100%;
    max-width: 320px;
    min-height: 480px;
    padding: 20px 0px 0px 10px;
  }
  .topics2 .elemente2 {
    background-image: url(../images/design/topics2.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 80%;
    overflow: hidden;
  }
  .topics2 .elemente2:first-child {
    margin: 0px 0px 0px 0px;
  }
  #scroll {
    min-height: 10px;
    padding: 0px 0px 0px 40px;
  }
  .struktur {
    min-height: 10px;
  }
  #mehr {
    clear: both;
    width: 30%;
    min-height: 50px;
    padding: 10px 0px 50px 40px;
  }
  #mehr .elemente {
    background-image: none;
    min-height: 50px;
  }
  .ublock {
    float: left;
  }
  .tblock {
    width: 80%;
  }
  .nblock {
    width: 80%;
  }
  .mblock {
    width: 212px;
  }
  .sblock {
    margin: 40px 0px 0px 0px;
    width: 212px;
  }
  .sblock img {
    margin: 0px 0px 0px 0px;
    width: 12px;
    height: 7px;
  }
  #previewbestanden {
    min-width: 200px;
    width: 252px;
  }
  #previewbestanden .outside {
    margin: 0px 0px 0px 0px;
  }
  #previewbestanden .outside img {
    width: 7px;
    height: 12px;
  }
  .angebot {
    padding: 0px 0px 0px 10px;
  }
  .news {
    padding: 0px 0px 0px 20px;
  }
  .termine {
    padding: 0px 0px 0px 12px;
  }
  #angebote {
    margin: 0px 7.5% 0px 7.5%;
    width: 85%;
  }
  #kopf {
    padding: 20px 0px 0px 0px;
  }
  #kopf h1 {
    font-family: 'OpenSans-Semibold';
    color: #009ee0;
    font-size: 1em;
    text-transform: uppercase;
  }
  #kopf h2 {
    font-family: 'OpenSans-Normal';
    color: #58585a;
    font-size: 2.125em;
    text-transform: uppercase;
    margin: 30px 0px 0px 0px;
    padding: 0px 0px 25px 0px;
    width: 100%;
    border-bottom: 2px dotted #58585a;
  }
  #kopf p {
    font-family: 'OpenSans-Normal';
    color: #58585a;
    font-size: 1em;
    line-height: 1.375em;
    margin: 25px 0px 25px 0px;
  }
  #kopf ul {
    list-style-type: disc;
    margin: 25px 0px 25px 19px;
  }
  #kopf li {
    font-family: 'OpenSans-Normal';
    color: #58585a;
    font-size: 1.25em;
    line-height: 1.375em;
  }
  .klassen {
    position: relative;
    width: 100%;
    margin: 5px 0px 5px 0px;
    height: auto;
    min-height: 65px;
  }
  .klassen ul {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    padding: 10px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
  }
  .klassen ul li {
    width: 25%;
    height: auto;
  }
  .klassen ul li h3 {
    margin: 25px 0px 0px 0px;
    font-family: 'OpenSans-Normal';
    font-size: 0.75em;
    text-transform: uppercase;
    line-height: 1.3em;
  }
  .klassen ul li h3.doppel {
    margin: 18px 0px 0px 0px;
  }
  .klassen ul li h4 {
    margin: 10px 0px 0px 0px;
    font-family: 'OpenSans-Normal';
    font-size: 0.75em;
    text-transform: uppercase;
    line-height: 1.3em;
  }
  .klassen ul li img {
    width: 100%;
    height: auto;
    margin: 10px 0px 0px 0px;
  }
  .klassen ul .white {
    color: #ffffff;
  }
  .klassen ul .blue {
    color: #009ee0;
  }
  .karte {
    width: 22%;
    height: auto;
    min-height: 62px;
    margin: 5px 0px;
  }
  .vorne,
  .hinten {
    width: 22%;
    height: auto;
    min-height: 62px;
    position: absolute;
    -webkit-transition: -webkit-transform 1s;
    transition: transform 1s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    text-align: center;
  }
  .vorne {
    background-color: #fafbfd;
    box-shadow: 2px 2px 4px #58585a;
    -webkit-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }
  .hinten {
    background-color: #5ac2ee;
    color: #ffffff;
    box-shadow: 2px 2px 4px #58585a;
    -webkit-transform: perspective(800px) rotateY(-179.9deg);
    transform: perspective(800px) rotateY(-179.9deg);
  }
  .selectedvorn {
    -webkit-transform: perspective(800px) rotateY(-179.9deg);
    transform: perspective(800px) rotateY(-179.9deg);
  }
  .selectedhinten {
    -webkit-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }
  .submenues ul li a {
    height: 13px;
    padding: 13px 0px 15px 40px;
    cursor: pointer;
  }
  .submenues ul li .details {
    font-size: 0.875em;
  }
  .info {
    width: 94%;
    height: 0px;
    margin: 0px 0px 0px 10px;
  }
  .info h3 {
    font-size: 0.75em;
  }
  .info p {
    font-size: 0.75em;
  }
  .info .einfach {
    float: left;
    width: 98%;
    height: 41px;
    padding: 7px 4px;
    border-bottom: 1px dashed #ffffff;
  }
  .info .doppelt {
    float: right;
    width: 98%;
    height: 41px;
    padding: 7px 4px;
    border-bottom: 1px dashed #ffffff;
  }
  .info .brechts {
    border-right: none;
  }
  .bericht {
    width: 94%;
    height: 187px;
  }
  .bericht h1 {
    max-width: 360px;
    width: 70%;
    font-size: 0.8125em;
  }
  .bericht h2 {
    width: 100%;
    max-width: 360px;
    font-size: 0.8125em;
  }
  .bericht h3 {
    width: 100%;
    max-width: 360px;
    font-size: 0.8125em;
  }
  .bericht h4 {
    width: 100%;
    max-width: 360px;
    font-size: 0.8125em;
  }
  .bericht p {
    width: 100%;
    max-width: 360px;
    font-size: 0.8125em;
  }
  #fahrschulekopf {
    width: 97%;
  }
  #fahrschulekopf h1 {
    font-size: 1em;
  }
  #fahrschulekopf h2 {
    font-size: 2.125em;
  }
  #fahrschulekopf p {
    font-size: 1em;
    width: 95%;
  }
  #fahrschulekopf .anmeldedaten {
    width: 90%;
    padding: 10px;
  }
  #fahrschulekopf .anmeldedaten p.anmeldep {
    margin: 5px 0px 5px 0px;
  }
  .fahrblock {
    float: left;
    width: 90%;
    min-height: 400px;
    margin: 0px 0px 50px 0px;
  }
  .fahrblock img {
    width: 100%;
    height: auto;
  }
  .fahrfirst {
    margin: 0px 0px 50px 0px !important;
  }
  .specialforceimg {
    margin: 20px 0px 0px 0px;
    width: 98%;
  }
  .specialforceimg img {
    width: 98%;
    height: auto;
  }
  .specialforceblock {
    float: left;
    margin: 20px 0px 0px 0px;
    width: 90%;
  }
  #teambilder {
    width: 96%;
    margin: 0px 2%;
    padding: 25px 0px 0px 7px;
  }
  #teambilder .einzelbild {
    width: 46%;
    min-height: 550px;
    margin: 0px 0px 40px 2%;
  }
  #teambilder .einzelbild img {
    width: 100%;
    height: auto;
  }
  #teambilder .linksbild {
    margin: 0px 0px 40px 2%;
  }
  #teambilder .personinfo {
    height: 260px;
  }
  #teambilder p {
    font-size: 0.8125em;
  }
  #teambilder p a {
    color: #009ee0;
    text-decoration: none;
  }
  #teambilder p a img {
    width: auto !important;
    height: auto !important;
  }
  #teambilder p a:hover {
    border-bottom: 1px dashed #009ee0;
  }
  #galerie {
    width: 90%;
  }
  #galerie .panoansicht {
    min-height: 300px;
  }
  .galerieblock {
    width: 95%;
    margin: 0px 0px 50px 1% !important;
    min-height: auto;
  }
  .galerieblock img {
    width: 100%;
    height: auto;
  }
  #bestandenblock {
    width: 95%;
    min-height: 450px;
    margin: 0px 0px 0px 1%;
    overflow: hidden;
  }
  #bestandenblock #galerieheader {
    padding: 25px 0px 30px 0px;
  }
  #bestandenblock img {
    width: 100%;
    height: auto;
  }
  #bestandenblock .einzelbestanden {
    float: none;
    margin: 0px auto 10px auto;
    width: 302px;
    background-color: #ffffff;
    height: 315px;
  }
  #bestandenblock .einzelbestanden img {
    margin: 13px;
    width: 276px;
    max-height: 184px;
  }
  #bestandenblock .einzelbestanden h3 {
    font-size: 1em !important;
  }
  #bestandenblock .einzelbestanden h4 {
    font-size: 1em !important;
  }
  #bestandenblock .einzelbestanden p {
    font-size: 0.875em !important;
  }
  .galeriefirst {
    margin: 0px 0px 0px 1%;
  }
  #imageblock {
    width: 95%;
    margin: 20px 2% 50px 2%;
    overflow: auto;
    height: auto;
  }
  #imageblock img {
    width: 100%;
    height: auto;
  }
  #imageblock #galerieheader {
    padding: 0px 0px 30px 0px;
  }
  #imageblock #galerieheader h1 {
    font-size: 1em;
  }
  #imageblock #galerieheader h2 {
    font-size: 2.125em;
  }
  #imageblock #galerieheader p {
    font-size: 1em;
    width: 95%;
  }
  #imageblock #slider {
    margin: 0px 0px 0px 1%;
    width: 99% !important;
    height: auto;
  }
  #close {
    float: right;
    margin: 10px 0px 0px 0px;
    z-index: 101;
    right: 0px;
    top: 0px;
    width: 27px;
    height: 27px;
  }
  .thumbsblock {
    margin: 66% 0px 0px 1%;
    text-align: left;
    width: 99%;
    height: 160px;
  }
  .thumbsblock .moreblock {
    display: none;
  }
  .thumbsblock .thumbs ul {
    margin: 0px 0px 0px 1%;
  }
  .thumbsblock .thumbs ul li {
    margin: 5px 0% 4px 0%;
    width: 20%;
  }
  .thumbsblock .thumbs ul li img {
    width: 90% !important;
    height: auto !important;
  }
  #chronik {
    margin: 0px 7.5% 0px  7.5%;
    width: 85%;
  }
  #chronik a {
    text-decoration: none;
    border: none;
  }
  #chronik .chronikliste {
    width: 100%;
    margin: 5px 0px;
    height: auto;
  }
  #chronik .chronikliste ul {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    padding: 0px;
    width: 100%;
  }
  #chronik .chronikliste ul li {
    width: 25%;
    margin: 5px 0px 5px 0px;
  }
  #chronik .zeit {
    width: 20%;
    height: auto;
    margin: 10px 0px;
  }
  #chronik .front,
  #chronik .rueck,
  #chronik .jahr {
    width: 20%;
    height: auto;
    position: absolute;
    -webkit-transition: -webkit-transform 1s;
    -webkit-backface-visibility: hidden;
    transition: transform 1s;
    backface-visibility: hidden;
    text-align: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
  }
  #chronik .front h2,
  #chronik .rueck h2,
  #chronik .jahr h2 {
    font-family: 'OpenSans-SemiBold';
    font-size: 1.25em;
    color: #ffffff;
  }
  #chronik .front p,
  #chronik .rueck p,
  #chronik .jahr p {
    font-family: 'OpenSans-SemiBold';
    font-size: 0.8125em;
    color: #58585a;
  }
  #chronik .front {
    cursor: pointer;
    background-color: #fafbfd;
    box-shadow: 2px 2px 4px #58585a;
    -webkit-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }
  #chronik .rueck {
    cursor: pointer;
    background-color: #5ac2ee;
    color: #ffffff;
    box-shadow: 2px 2px 4px #58585a;
    -webkit-transform: perspective(800px) rotateY(-179.9deg);
    transform: perspective(800px) rotateY(-179.9deg);
  }
  #chronik .rueck img {
    width: 100%;
    height: auto;
  }
  #chronik .jahr {
    background-color: #5ac2ee;
    color: #ffffff;
    box-shadow: 2px 2px 4px #58585a;
  }
  #chronik .selectedfront {
    -webkit-transform: perspective(800px) rotateY(-179.9deg);
    transform: perspective(800px) rotateY(-179.9deg);
  }
  #chronik .selectedrueck {
    -webkit-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
  }
  #chronik .chronikdetails {
    box-sizing: content-box;
    display: none;
    width: 100%;
    padding: 0px 0px 20px 0px;
    height: auto;
    background-color: #5ac2ee;
    margin: 10px 0px 0px 0px;
  }
  #chronik .chronikdetails p {
    box-sizing: content-box;
    font-family: 'OpenSans-Normal';
    font-size: 0.875em;
    line-height: 1.3em;
    color: #ffffff;
    padding: 10px;
  }
  #gaestebuch {
    width: 95%;
  }
  #gaestebuch h3 {
    font-size: 0.875em;
  }
  #gaestebuch form {
    width: 100%;
    background-color: #ededed;
    padding: 0px 0px 30px 0px;
  }
  #gaestebuch form h5 {
    margin: 0px 0px 0px 20px;
    padding: 20px 0px 10px 0px;
    font-family: 'OpenSans-Semibold';
    color: #009ee0;
    font-size: 0.875em;
    line-height: 1.3em;
  }
  #gaestebuch form h6 {
    font-size: 0.875em;
  }
  #gaestebuch form p {
    font-size: 0.875em;
  }
  #gaestebuch form label {
    font-size: 0.875em;
  }
  #gaestebuch form textarea {
    width: 88%;
  }
  #gaestebuch form ul li {
    margin: 0px 2% 20px 0px;
    width: 100%;
  }
  #gaestebuch #eintraege {
    width: 100%;
  }
  #gaestebuch #eintraege ul {
    margin: 0px;
    width: 100%;
  }
  #gaestebuch #eintraege ul li {
    box-sizing: border-box;
  }
  #gaestebuch #eintraege ul li div.avatar {
    width: 16%;
    background-image: none;
    float: left;
  }
  #gaestebuch #eintraege ul li div.avatar img {
    width: 45px;
    height: 45px;
    margin: 0px 0px 0px 0px;
  }
  #gaestebuch #eintraege ul li article {
    float: right;
    width: 84%;
    background-color: #f2f2f2;
  }
  #gaestebuch #eintraege ul li article div.eintragheader {
    box-sizing: border-box;
    min-height: 33px;
    background-color: #f2f2f2;
    margin: 17px 15px 10px 15px;
    border-bottom: 1px dotted #58585a;
  }
  #gaestebuch #eintraege ul li article div.eintragheader h3 {
    font-size: 0.875em;
  }
  #gaestebuch #eintraege ul li article div.eintragheader h4 {
    font-size: 0.875em;
  }
  #gaestebuch #eintraege ul li article div.kommentar {
    margin: 10px 15px 10px 15px;
  }
  #gaestebuch #eintraege ul li article div.kommentar p {
    font-size: 0.875em;
  }
  #gaestebuch #eintraege ul li ul {
    margin: 0px 0px 0px 3%;
    width: 97%;
  }
  #gaestebuch #eintraege ul li ul li {
    margin: 25px 0px 0px 0px;
  }
  #termine {
    width: 90%;
  }
  #termine .terminblock {
    width: 90%;
    height: 650px;
    margin: 0px 0px 0px 3% !important;
  }
  #termine .terminblock .anzeigeblock {
    height: 420px;
  }
  #termine .terminblock .anzeigeblock .einzeltermin {
    height: 120px;
  }
  #termine .terminblock .anzeigeblock .leertermin {
    height: 120px;
  }
  #termine .terminfirst {
    margin: 0px 0px 0px 3% !important;
  }
  #termine .singleterminblock {
    width: 97%;
    margin: 7px 0px 0px 1% !important;
  }
  #termine .moreterminblock {
    width: 97%;
    margin: 7px 0px 0px 1% !important;
    opacity: 0.75;
  }
  #termine .terminedetails {
    min-height: 450px;
  }
  #termine .terminedetails .iconblock {
    float: none;
    width: 130px;
    min-height: 100px;
  }
  #termine .terminedetails .iconblock img {
    margin: 35px 0px 0px 15%;
  }
  #termine .terminedetails .einzeltermin {
    float: none;
    margin: 20px 0px 20px 0px !important;
    width: 90%;
  }
  #textsuche {
    height: 50px;
    padding: 0px 0px 0px 0px;
  }
  #textsuche #suche {
    width: 87%;
    margin: 8px 0px 0px 30px;
    height: 33px;
    border: 1px solid #009ee0;
    background-color: #ecedf3;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  #textsuche #suche input[type=image] {
    width: 33px;
    height: 33px;
    margin: 0px;
    padding: 0px;
  }
  #textsuche #suche input[type=text] {
    width: 80%;
    height: 25px;
    padding: 3px;
    margin: 0px;
    background-color: #ecedf3;
    font-family: 'OpenSans-Semibold';
    color: #009ee0;
    font-size: 1em;
    border: none;
  }
  #filterbar {
    width: 100%;
    height: 50px;
    padding: 0px;
  }
  #filterbar #filterstatus {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
  }
  #filterbar #filterstatus h1 {
    margin: 17px 0px 0px 0px;
    padding: 0px 0px 0px 30px;
    width: 40%;
    font-size: 1em;
  }
  #filterbar #filterstatus #DelFilter {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
  }
  #filterbar #filterstatus #DelFilter label {
    margin: 17px 5px 0px 0px;
    font-size: 1em;
  }
  #filterbar #filterstatus #DelFilter input[type=image] {
    margin: 19px 15px 0px 0px;
    max-width: 15px;
    max-height: 15px;
  }
  #filtersuche {
    height: 200px;
    padding: 0px 0px 0px 0px;
  }
  #filtersuche #widgetbar {
    flex-flow: row wrap;
  }
  #filtersuche #widgetbar .filterwidget,
  #filtersuche #widgetbar .filterwidget1,
  #filtersuche #widgetbar .filterwidget2 {
    width: 100%;
    padding: 0px 0px 0px 0px;
    height: 50px;
    border-left: none;
    border-top: 1px solid #ffffff;
    background-image: url(../images/design/mobile_filter_arrow.png);
  }
  #filtersuche #widgetbar .filterwidget h3,
  #filtersuche #widgetbar .filterwidget1 h3,
  #filtersuche #widgetbar .filterwidget2 h3 {
    padding: 15px 0px 18px 30px;
    font-size: 1em;
  }
  #filtersuche #widgetbar .filterwidget ul.doppel li p,
  #filtersuche #widgetbar .filterwidget1 ul.doppel li p,
  #filtersuche #widgetbar .filterwidget2 ul.doppel li p {
    padding: 12px 12px 12px 30px;
  }
  #filtersuche #widgetbar .filterwidget ul.doppel li ul li,
  #filtersuche #widgetbar .filterwidget1 ul.doppel li ul li,
  #filtersuche #widgetbar .filterwidget2 ul.doppel li ul li {
    padding: 12px 12px 12px 30px;
  }
  #filtersuche #widgetbar .filterwidget ul.doppel li ul li.aktivfahrzeug,
  #filtersuche #widgetbar .filterwidget1 ul.doppel li ul li.aktivfahrzeug,
  #filtersuche #widgetbar .filterwidget2 ul.doppel li ul li.aktivfahrzeug,
  #filtersuche #widgetbar .filterwidget ul.doppel li ul li.aktivzeit,
  #filtersuche #widgetbar .filterwidget1 ul.doppel li ul li.aktivzeit,
  #filtersuche #widgetbar .filterwidget2 ul.doppel li ul li.aktivzeit,
  #filtersuche #widgetbar .filterwidget ul.doppel li ul li.aktivthema,
  #filtersuche #widgetbar .filterwidget1 ul.doppel li ul li.aktivthema,
  #filtersuche #widgetbar .filterwidget2 ul.doppel li ul li.aktivthema,
  #filtersuche #widgetbar .filterwidget ul.doppel li ul li.aktivkurs,
  #filtersuche #widgetbar .filterwidget1 ul.doppel li ul li.aktivkurs,
  #filtersuche #widgetbar .filterwidget2 ul.doppel li ul li.aktivkurs {
    background-image: url(../images/termine/mobile-haken.png);
  }
  #filtersuche #widgetbar .filterwidget ul.einzel li,
  #filtersuche #widgetbar .filterwidget1 ul.einzel li,
  #filtersuche #widgetbar .filterwidget2 ul.einzel li {
    padding: 12px 12px 12px 30px;
  }
  #filtersuche #widgetbar .filterwidget ul.einzel li.aktivfahrzeug,
  #filtersuche #widgetbar .filterwidget1 ul.einzel li.aktivfahrzeug,
  #filtersuche #widgetbar .filterwidget2 ul.einzel li.aktivfahrzeug,
  #filtersuche #widgetbar .filterwidget ul.einzel li.aktivzeit,
  #filtersuche #widgetbar .filterwidget1 ul.einzel li.aktivzeit,
  #filtersuche #widgetbar .filterwidget2 ul.einzel li.aktivzeit,
  #filtersuche #widgetbar .filterwidget ul.einzel li.aktivthema,
  #filtersuche #widgetbar .filterwidget1 ul.einzel li.aktivthema,
  #filtersuche #widgetbar .filterwidget2 ul.einzel li.aktivthema,
  #filtersuche #widgetbar .filterwidget ul.einzel li.aktivkurs,
  #filtersuche #widgetbar .filterwidget1 ul.einzel li.aktivkurs,
  #filtersuche #widgetbar .filterwidget2 ul.einzel li.aktivkurs {
    background-image: url(../images/termine/mobile-haken.png);
  }
  #filtersuche #widgetbar .filterwidget3 {
    width: 100%;
    padding: 0px 0px 0px 0px;
    height: 50px;
    border-left: none;
    border-top: 1px solid #ffffff;
  }
  #filtersuche #widgetbar .filterwidget3 h3 {
    padding: 15px 0px 18px 30px;
    font-size: 1em;
  }
  #filtersuche #widgetbar .nowidget {
    width: 100%;
    padding: 0px 0px 0px 0px;
    height: 50px;
    border-left: none;
    cursor: default;
    border-top: 1px solid #ffffff;
    background-image: url(../images/design/mobile_filter_arrow.png);
  }
  #filtersuche #widgetbar .nowidget h3 {
    padding: 15px 0px 18px 30px;
    font-size: 1em;
  }
  #filtersuche #widgetbar .aktivgruppe {
    background-image: url(../images/design/mobile-haken-weiss.png) !important;
  }
  #filtertopics {
    min-height: 50px;
    padding: 0px 0px 0px 0px;
  }
  #filtertopics .aktiveFilter div h5 {
    font-size: 0.875em;
    background-image: url(../images/termine/mobile-clear.png);
  }
  #filtertopics #zuruebersicht {
    min-height: 50px;
    margin: 0px 0px 0px 23px;
    max-width: 80%;
  }
  #filtertopics #zuruebersicht h4 {
    cursor: pointer;
    padding: 0px 0px 0px 42px;
    background-image: url(../images/termine/mobile-zur-uebersicht.png);
    background-repeat: no-repeat;
    background-position: left center;
    color: #555554;
    font-family: "OpenSans-Normal";
    font-style: italic;
    font-size: 1.5em;
    line-height: 1.3em;
    letter-spacing: 0.05em;
  }
  .termin {
    min-height: 50px;
    padding: 0px 0px 0px 0px;
  }
  .termin:last-child {
    margin: 0px 0px 20px 0px;
  }
  .termin .anzeigeblock {
    display: flex;
    width: 87%;
    padding: 0px 10px 5px 30px;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-end;
    cursor: pointer;
  }
  .termin .anzeigeblock div h3 {
    width: 100%;
    font-size: 1em;
    text-align: left;
  }
  .termin .anzeigeblock div h4 {
    width: 100%;
    font-size: 1em;
    text-align: left;
  }
  .termin .anzeigeblock div p {
    width: 100%;
    font-size: 1em;
  }
  .termin .anzeigeblock div.terminfront {
    width: 100%;
  }
  .termin .anzeigeblock div.terminmitte {
    width: 40%;
    text-align: left;
  }
  .termin .anzeigeblock div.terminende {
    width: 60%;
    text-align: right;
  }
  .termin .anzeigeblock .leertermin {
    margin: 20px 0px 20px 0px;
    height: 72px;
    padding: 3px;
    border: 1px dashed #ffffff;
  }
  .termin .anzeigeblock.showtermin {
    background-color: #d7d8dd;
  }
  .termin .detailstermin {
    padding: 10px 0px 20px 0px;
  }
  .termin .detailstermin .headerblock {
    flex-flow: row wrap;
    width: 96%;
  }
  .termin .detailstermin .headerblock div h3 {
    padding: 10px 10px 5px 30px;
    font-size: 1em;
  }
  .termin .detailstermin .headerblock div h4 {
    padding: 10px 10px 0px 30px;
    font-size: 1em;
  }
  .termin .detailstermin .headerblock div p {
    padding: 5px 10px 10px 30px;
    font-size: 1em;
  }
  .termin .detailstermin .headerblock div a {
    text-decoration: none;
    color: #009ee0;
  }
  .termin .detailstermin .headerblock div.terminfront {
    width: 50%;
  }
  .termin .detailstermin .headerblock div.terminmitte {
    width: 50%;
    text-align: right;
  }
  .termin .detailstermin .headerblock div.terminende {
    width: 100%;
    text-align: left;
  }
  .termin .detailstermin p {
    padding: 5px 20px 10px 30px;
    font-size: 1em;
  }
  .termin input[type=submit] {
    margin: 15px 0px 0px 30px;
    padding: 5px 10px 35px 10px;
    width: 230px;
    height: 30px;
    color: #ffffff;
    background-color: #58585a;
    border: 1px solid #58585a;
    font-family: 'OpenSans-Semibold';
    font-size: 1em;
    cursor: pointer;
  }
  .widget {
    display: none;
  }
  .mobileapp {
    display: block;
    padding: 10px 10px 10px 10px;
  }
  .mobileapp p {
    font-family: 'OpenSans-Normal';
    color: #58585a;
    font-size: 1.375em;
    line-height: 1.375em;
    margin: 25px 0px 25px 0px;
  }
  .mobileapp p a {
    color: #009ee0 !important;
    text-decoration: none !important;
    border-bottom: none !important;
  }
  .terminabstand {
    height: 80px;
  }
  .anmeldebutton {
    margin: 0px 0px 40px 0px;
  }
  #news {
    width: 90%;
  }
  #news .newsblock img {
    width: 98%;
    margin: 20px 1% 15px 1%;
  }
  #news .newsblock p {
    margin: -40px 0px 0px 0px;
    font-size: 1em;
  }
  #news .newsblock aside {
    position: relative;
    bottom: 100px;
    right: 0px;
    width: 98%;
    height: 35px;
    margin: 0px 0px 0px 1%;
    z-index: 3;
  }
  #news .newsblock aside img {
    float: right;
    width: 86px;
    height: 35px;
    margin: 0px !important;
  }
  #news .newsblock aside p {
    float: right;
    width: 86px;
    height: 35px;
    margin: 0px !important;
  }
  #news .steuerblock label {
    font-size: 1em;
  }
  #downloads {
    width: 90%;
  }
  #downloads h1 {
    padding: 0px 0px 0px 0px;
  }
  #downloads .downloadheaders h3 {
    width: 50%;
    margin: 5px 0px 30px 0px;
  }
  #downloads .downloadblock {
    float: left;
    width: 95%;
    min-height: 380px;
  }
  #downloads .downloadblock a {
    text-decoration: none;
  }
  #downloads .downloadblock .einzeldownload {
    display: block;
    margin: 20px 0px 0px 0px !important;
    width: 100%;
    height: 140px;
    border-bottom: 1px dashed #58585a;
  }
  #downloads .downloadblock .einzeldownload .piktogramm {
    float: left;
    width: 290px;
    height: 60px;
  }
  #downloads .downloadblock .einzeldownload .textblock {
    float: left;
    width: 290px;
    height: 60px;
  }
  #downloads .downloadblock .einzeldownload .textblock h2 {
    font-family: 'OpenSans-Normal';
    font-size: 0.75em;
    color: #58585a;
    letter-spacing: 0.05em;
    margin-top: 30px;
  }
  #downloads .downloadblock .einzeldownload .textblock h3 {
    float: left;
    margin: 3px 0px 0px 0px;
    font-family: 'OpenSans-Bold';
    font-size: 0.9375em;
    color: #009ee0;
    padding: 0px !important;
    width: 130px;
  }
  #downloads .downloadblock .einzeldownload .textblock h4 {
    float: left;
    text-align: left;
    margin: 3px 0px 0px 0px;
    font-family: 'OpenSans-Normal';
    font-size: 0.9375em;
    color: #58585a;
    padding: 0px !important;
    width: 70px;
  }
  #downloads .downloadblock .einzeldownload .textblock h5 {
    float: right;
    text-align: right;
    margin: 3px 0px 0px 0px;
    font-family: 'OpenSans-Normal';
    font-size: 0.9375em;
    color: #58585a;
    padding: 0px !important;
    width: 70px;
  }
  #downloads .lerncenter {
    float: left;
    width: 95%;
    min-height: 620px;
  }
  #space {
    clear: both;
    width: 100%;
    height: 100px;
  }
  #kontakt {
    width: 90%;
  }
  #kontakt .anfahrtblock {
    width: 78%;
    min-height: 280px;
    margin: 25px 0px 0px 32px !important;
    padding: 1% 1% 3% 1%;
  }
  #kontakt .anfahrtblock h1 {
    font-size: 1.25em;
  }
  #kontakt .anfahrtblock p {
    font-size: 1em;
  }
  #kontakt .anfahrtblock p img {
    margin: 0px 10px 0px -31px;
    width: 21px;
    height: 22px;
  }
  #kontakt .beratungsblock {
    float: left;
    width: 78%;
    min-height: 280px;
    margin: 0px 0px 0px 32px !important;
    padding: 1% 1% 3% 1%;
  }
  #kontakt .beratungsblock h1 {
    font-size: 1.25em;
  }
  #kontakt .beratungsblock p {
    font-size: 1em;
  }
  #kontakt .anfahrtblockesw {
    width: 78%;
    min-height: 205px;
    margin: 25px 0px 0px 32px !important;
    padding: 1% 1% 3% 1%;
  }
  #kontakt .anfahrtblockesw h1 {
    font-size: 1.25em;
  }
  #kontakt .anfahrtblockesw p {
    font-size: 1em;
  }
  #kontakt .anfahrtblockesw p img {
    margin: 0px 10px 0px -31px;
    width: 21px;
    height: 22px;
  }
  #kontakt .beratungsblockesw {
    float: left;
    width: 78%;
    min-height: 205px;
    margin: 0px 0px 0px 32px !important;
    padding: 1% 1% 3% 1%;
  }
  #kontakt .beratungsblockesw h1 {
    font-size: 1.25em;
  }
  #kontakt .beratungsblockesw p {
    font-size: 1em;
  }
  #kontakt iframe {
    width: 95%;
    height: 450px;
  }
  #kontakt form {
    margin: 60px 0px 0px 10px;
    width: 90%;
  }
  #kontakt form #fehler p {
    font-size: 1em;
  }
  #kontakt form h2 {
    font-size: 2.125em;
  }
  #kontakt form input[type=text] {
    background-color: #009ee0;
    width: 85%;
    border: none;
    padding: 5px 10px 5px 25px;
    color: #ffffff;
    height: 30px;
    font-family: 'OpenSans-Semibold';
    margin: 10px 0px;
    font-size: 1em;
  }
  #kontakt form select {
    background-color: #009ee0;
    box-sizing: border-box;
    width: 96%;
    border: none;
    padding: 5px 10px 5px 25px;
    color: #ffffff;
    height: 35px;
    font-family: 'OpenSans-Semibold';
    margin: 10px 0px;
    font-size: 1em;
  }
  #kontakt form textarea {
    background-color: #009ee0;
    width: 85%;
    border: none;
    padding: 5px 10px 5px 25px;
    color: #ffffff;
    height: 160px;
    font-family: 'OpenSans-Semibold';
    margin: 10px 0px;
    font-size: 1em;
  }
  #kontakt form input[type=submit] {
    margin: 15px 0px;
    padding: 5px 10px 35px 10px;
    width: 85%;
    height: 30px;
    color: #ffffff;
    background-color: #58585a;
    border: 1px solid #58585a;
    font-family: 'OpenSans-Semibold';
    font-size: 1em;
  }
  #impressum {
    width: 90%;
  }
  #impressum .impressumblock {
    width: 90%;
    min-height: 360px;
    padding: 1% 1% 3% 1%;
  }
  #impressum .impressumblock h1 {
    font-size: 1em;
  }
  #impressum .impressumblock h2 {
    font-size: 1em;
  }
  #impressum .impressumblock p {
    font-size: 1em;
  }
  #impressum .steuerblock {
    float: left;
    width: 90%;
    min-height: 260px;
    padding: 1% 1% 3% 1%;
    margin: 20px 0px 0px 10px !important;
  }
  #impressum .steuerblock h1 {
    font-size: 1em;
  }
  #impressum .steuerblock h2 {
    font-size: 1em;
  }
  #impressum .steuerblock p {
    font-size: 1em;
  }
  #datenschutz {
    width: 95%;
  }
  #datenschutz h2 {
    font-size: 2.125em;
    width: 98%;
  }
  #datenschutz .datenschutzblock {
    width: 100%;
    margin: 15px 0px 0px 0px;
  }
  #datenschutz .datenschutzblock h1 {
    font-size: 1em;
  }
  #datenschutz .datenschutzblock h2 {
    font-size: 1em;
  }
  #datenschutz .datenschutzblock h3 {
    font-size: 1em;
  }
  #datenschutz .datenschutzblock h4 {
    font-size: 1em;
  }
  #datenschutz .datenschutzblock p {
    font-size: 1em;
  }
  #space {
    width: 98%;
  }
  footer {
    width: 100%;
  }
  footer #footernav {
    width: 100%;
    height: 175px;
  }
  footer #footernav ul {
    margin: 0px 0px 0px 20px;
    padding: 10px 0px 0px 35px;
    width: 75%;
  }
  footer #footernav ul li {
    float: left;
    padding: 0px 13px 0px 0px;
  }
  footer #footernav ul li a {
    font-family: 'OpenSans-Normal';
    font-size: 0.8125em;
    color: #8a8a8c;
    text-decoration: none;
    text-transform: uppercase;
  }
  footer #footernav ul li a:hover {
    color: #009ee0;
  }
  footer #footernav ul li a.selected {
    color: #009ee0;
  }
  footer #footernav #facebook {
    float: right;
    width: 30px;
    height: 29px;
    margin: 0px 5% 0px 0px;
  }
  #rights {
    width: 100%;
  }
  #rights p {
    margin: 10px 20px 0px 0px;
  }
}