@charset "UTF-8";
/**
*   Mixin for generate media-query with defined breaktpoints set in _variables
*
*
*/
/**
*   Set a rem font size with pixel fallback
*
*
*/
/**
*   Clearfix
*
*
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

@-ms-viewport {
  width: device-width; }

.visible-xs {
  display: none !important; }

.visible-sm {
  display: none !important; }

.visible-md {
  display: none !important; }

.visible-lg {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }
  table.visible-xs {
    display: table !important; }
  tr.visible-xs {
    display: table-row !important; }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table !important; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 1024px) and (max-width: 1679px) {
  .visible-md {
    display: block !important; }
  table.visible-md {
    display: table !important; }
  tr.visible-md {
    display: table-row !important; }
  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }

@media (min-width: 1024px) and (max-width: 1679px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 1024px) and (max-width: 1679px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 1024px) and (max-width: 1679px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1680px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table !important; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }

@media (min-width: 1680px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1680px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1680px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 1024px) and (max-width: 1679px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 1680px) {
  .hidden-lg {
    display: none !important; } }

.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table !important; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }

.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

.icon-s-check-mark:before {
  content: ""; }

.icon-s-x-mark:before {
  content: ""; }

.icon-f-award:before {
  content: ""; }

.icon-f-certificate:before {
  content: ""; }

.icon-f-check-circle:before {
  content: ""; }

.icon-f-gem:before {
  content: ""; }

.icon-f-graduation-cap:before {
  content: ""; }

.icon-f-handshake:before {
  content: ""; }

.icon-f-shield:before {
  content: ""; }

.icon-Eintragsservice-1-2:before {
  content: ""; }

.icon-Eintragsservice-2-2:before {
  content: ""; }

.icon-suchmaschinenwerbung-1-1:before {
  content: ""; }

.icon-suchmaschinenwerbung-1-2:before {
  content: ""; }

.icon-email-admin-1-1:before {
  content: ""; }

.icon-email-admin-1-2:before {
  content: ""; }

.icon-file-doc:before {
  content: ""; }

.icon-file-docx:before {
  content: ""; }

.icon-file-rtf:before {
  content: ""; }

.icon-file-txt:before {
  content: ""; }

.icon-firmendaten:before {
  content: ""; }

.icon-rechnungen-vertrag:before {
  content: ""; }

.icon-rechnungszustellung:before {
  content: ""; }

.icon-circle-2-2:before {
  content: ""; }

.icon-circle-1-2:before {
  content: ""; }

.icon-v-partyservice:before {
  content: ""; }

.icon-v-polsterei:before {
  content: ""; }

.icon-v-bestattung:before {
  content: ""; }

.icon-v-dachdecker:before {
  content: ""; }

.icon-v-elektriker:before {
  content: ""; }

.icon-v-friseur:before {
  content: ""; }

.icon-v-gartenbau:before {
  content: ""; }

.icon-v-gebaeudereinigung:before {
  content: ""; }

.icon-v-heizung:before {
  content: ""; }

.icon-v-immobilienmakler:before {
  content: ""; }

.icon-v-kosmetikstudio:before {
  content: ""; }

.icon-v-maler:before {
  content: ""; }

.icon-maler:before {
  content: ""; }

.icon-v-nagelstudio:before {
  content: ""; }

.icon-v-physio:before {
  content: ""; }

.icon-v-rechtsanwalt:before {
  content: ""; }

.icon-v-steuerberater:before {
  content: ""; }

.icon-v-tischler:before {
  content: ""; }

.icon-v-umzug:before {
  content: ""; }

.icon-v-versicherung:before {
  content: ""; }

.icon-v-werkstatt:before {
  content: ""; }

.icon-v-zahnarzt:before {
  content: ""; }

.icon-v-psd-file:before {
  content: ""; }

.icon-v-eps-file:before {
  content: ""; }

.icon-v-plus-circle:before {
  content: ""; }

.icon-v-Link_1:before {
  content: ""; }

.icon-v-Link_2:before {
  content: ""; }

.icon-v-Sm_1:before {
  content: ""; }

.icon-v-Sm_2b:before {
  content: ""; }

.icon-v-Sm_2a:before {
  content: ""; }

.icon-arrow_forward_ios:before {
  content: ""; }

.icon-arrow_back_ios:before {
  content: ""; }

.icon-my_location:before {
  content: ""; }

.icon-linkedin:before {
  content: ""; }

.icon-mail-forward:before {
  content: ""; }

.icon-share:before {
  content: ""; }

.icon-phone-filled:before {
  content: ""; }

.icon-partyservice:before {
  content: ""; }

.icon-Polsterei:before {
  content: ""; }

.icon-kfz_icon_01:before {
  content: ""; }

.icon-kfz_icon_02:before {
  content: ""; }

.icon-Elektriker_icon_01:before {
  content: ""; }

.icon-Elektriker_Icon_02:before {
  content: ""; }

.icon-Physio_icon_02:before {
  content: ""; }

.icon-Physio_icon_01:before {
  content: ""; }

.icon-check_icon:before {
  content: ""; }

.icon-Blog:before {
  content: ""; }

.icon-Mouse:before {
  content: ""; }

.icon-phone-classic:before {
  content: ""; }

.icon-calendar:before {
  content: ""; }

.icon-ratgeber_heizung:before {
  content: ""; }

.icon-magazin_heizung:before {
  content: ""; }

.icon-magazin_gartenbau:before {
  content: ""; }

.icon-magazin_maler:before {
  content: ""; }

.icon-magazin_tischler:before {
  content: ""; }

.icon-ratgeber_gartenbau:before {
  content: ""; }

.icon-ratgeber_maler:before {
  content: ""; }

.icon-ratgeber_tischler:before {
  content: ""; }

.icon-moving-box:before {
  content: ""; }

.icon-trolley:before {
  content: ""; }

.icon-double-house:before {
  content: ""; }

.icon-steam:before {
  content: ""; }

.icon-builder:before {
  content: ""; }

.icon-roof-window:before {
  content: ""; }

.icon-wall:before {
  content: ""; }

.icon-house-glass:before {
  content: ""; }

.icon-roof-price:before {
  content: ""; }

.icon-roof:before {
  content: ""; }

.icon-window:before {
  content: ""; }

.icon-gsv-trusted-1-1:before {
  content: ""; }

.icon-gsv-trusted-1-2:before {
  content: ""; }

.icon-beratung-1-1:before {
  content: ""; }

.icon-beratung-1-2:before {
  content: ""; }

.icon-panorama-1-1:before {
  content: ""; }

.icon-panorama-1-2:before {
  content: ""; }

.icon-praesenz-1-1:before {
  content: ""; }

.icon-praesenz-2-1:before {
  content: ""; }

.icon-anrufe_blue:before {
  content: ""; }

.icon-b2b-erfahrung-1-1:before {
  content: ""; }

.icon-b2b-erfahrung-1-2:before {
  content: ""; }

.icon-b2b-bereitschaft-1-1:before {
  content: ""; }

.icon-b2b-bereitschaft-1-2:before {
  content: ""; }

.icon-googlefindung-1-2:before {
  content: ""; }

.icon-googlefindung-2-2:before {
  content: ""; }

.icon-onlinesichtbarkeit-1-2:before {
  content: ""; }

.icon-onlinesichtbarkeit-2-2:before {
  content: ""; }

.icon-online-sichtbarkeit:before {
  content: ""; }

.icon-facebook-anzeige-1-2:before {
  content: ""; }

.icon-facebook-anzeige-2-2:before {
  content: ""; }

.icon-google-businessview-1-2:before {
  content: ""; }

.icon-google-businessview-2-2:before {
  content: ""; }

.icon-hohe-sicherheit-1-2:before {
  content: ""; }

.icon-hohe-sicherheit-2-2:before {
  content: ""; }

.icon-dialog-1-2:before {
  content: ""; }

.icon-dialog-2-2:before {
  content: ""; }

.icon-praesenz-1-2:before {
  content: ""; }

.icon-praesenz-2-2:before {
  content: ""; }

.icon-kontakt-1-2:before {
  content: ""; }

.icon-kontakt-2-2:before {
  content: ""; }

.icon-interesse-1-2:before {
  content: ""; }

.icon-interesse-2-2:before {
  content: ""; }

.icon-aufmerksamkeit-1-2:before {
  content: ""; }

.icon-aufmerksamkeit-2-2:before {
  content: ""; }

.icon-praesentation-1-2:before {
  content: ""; }

.icon-praesentation-2-2:before {
  content: ""; }

.icon-wettbewerbsvorteil-design-1-2:before {
  content: ""; }

.icon-wettbewerbsvorteil-design-2-2:before {
  content: ""; }

.icon-sichtbarkeitssteigerung-1-2:before {
  content: ""; }

.icon-sichtbarkeitssteigerung-2-2:before {
  content: ""; }

.icon-vorsprung-1-2:before {
  content: ""; }

.icon-vorsprung-2-2:before {
  content: ""; }

.icon-smartphone:before {
  content: ""; }

.icon-datenaktuell-1-2:before {
  content: ""; }

.icon-datenaktuell-2-2:before {
  content: ""; }

.icon-Finanz:before {
  content: ""; }

.icon-finanz-und-recht:before {
  content: ""; }

.icon-Grohandel:before {
  content: ""; }

.icon-Grosshandel:before {
  content: ""; }

.icon-grosshandel-und-vertrieb:before {
  content: ""; }

.icon-partner-1-2:before {
  content: ""; }

.icon-partner-2-2:before {
  content: ""; }

.icon-adressmanagement-1-2:before {
  content: ""; }

.icon-adressmanagement-2-2:before {
  content: ""; }

.icon-magazin_gebaeudereiniger:before {
  content: ""; }

.icon-ratgeber_gebaeudereiniger:before {
  content: ""; }

.icon-unternehmensloesungen-1-2:before {
  content: ""; }

.icon-unternehmensloesungen-2-2:before {
  content: ""; }

.icon-so_gehtweiter_x01:before {
  content: ""; }

.icon-so_gehtweiter01:before {
  content: ""; }

.icon-pc-software-1-2:before {
  content: ""; }

.icon-pc-software-2-2:before {
  content: ""; }

.icon-einfache-pflege-1-2:before {
  content: ""; }

.icon-einfache-pflege-2-2:before {
  content: ""; }

.icon-facebook-seite-1-2:before {
  content: ""; }

.icon-facebook-seite-2-2:before {
  content: ""; }

.icon-googleplus:before {
  content: ""; }

.icon-google-plus-1-2:before {
  content: ""; }

.icon-google-plus-2-2:before {
  content: ""; }

.icon-google-adwords-1-2:before {
  content: ""; }

.icon-google-adwords-2-2:before {
  content: ""; }

.icon-firmen-website-1-2:before {
  content: ""; }

.icon-firmen-website-2-2:before {
  content: ""; }

.icon-firmen-eintrag-1-2:before {
  content: ""; }

.icon-firmen-eintrag-2-2:before {
  content: ""; }

.icon-multiple-kanaele-1-2:before {
  content: ""; }

.icon-multiple-kanaele-2-2:before {
  content: ""; }

.icon-reichweite-1-2:before {
  content: ""; }

.icon-reichweite-2-2:before {
  content: ""; }

.icon-einfaches-setup-1-2:before {
  content: ""; }

.icon-einfaches-setup-2-2:before {
  content: ""; }

.icon-minimale-kosten-1-2:before {
  content: ""; }

.icon-minimale-kosten-2-2:before {
  content: ""; }

.icon-terminservice-1:before {
  content: ""; }

.icon-terminservice-2:before {
  content: ""; }

.icon-Produkt-1-1:before {
  content: ""; }

.icon-Produkt-1-2:before {
  content: ""; }

.icon-Zielgruppe:before {
  content: ""; }

.icon-flash:before {
  content: ""; }

.icon-rocket:before {
  content: ""; }

.icon-instagram:before {
  content: ""; }

.icon-copy:before {
  content: ""; }

.icon-arrow-right-2:before {
  content: ""; }

.icon-arrow-left-2:before {
  content: ""; }

.icon-parking:before {
  content: ""; }

.icon-info:before {
  content: ""; }

.icon-more:before {
  content: ""; }

.icon-clock-too-late:before {
  content: ""; }

.icon-phone-call:before {
  content: ""; }

.icon-postleitzahl-1-2:before {
  content: ""; }

.icon-postleitzahl-2-2:before {
  content: ""; }

.icon-preisvergleich-1-2:before {
  content: ""; }

.icon-preisvergleich-2-2:before {
  content: ""; }

.icon-webseite-1-2:before {
  content: ""; }

.icon-webseite-2-2:before {
  content: ""; }

.icon-wkdb:before {
  content: ""; }

.icon-arrow-right:before {
  content: ""; }

.icon-location:before {
  content: ""; }

.icon-bookmark-filled-plus:before {
  content: ""; }

.icon-envelope:before {
  content: ""; }

.icon-clock:before {
  content: ""; }

.icon-route:before {
  content: ""; }

.icon-phone:before {
  content: ""; }

.icon-website:before {
  content: ""; }

.icon-Navigation-2-2:before {
  content: ""; }

.icon-Handy:before {
  content: ""; }

.icon-monitor:before {
  content: ""; }

.icon-Navigation-1-2:before {
  content: ""; }

.icon-rotation:before {
  content: ""; }

.icon-Tablet:before {
  content: ""; }

.icon-uebersicht:before {
  content: ""; }

.icon-pdf-file:before {
  content: ""; }

.icon-psd-file:before {
  content: ""; }

.icon-eps-file:before {
  content: ""; }

.icon-plus-circle:before {
  content: ""; }

.icon-lead-contact-details:before {
  content: ""; }

.icon-Beauty-11880:before {
  content: ""; }

.icon-builder2:before {
  content: ""; }

.icon-gartenbau:before {
  content: ""; }

.icon-heizung:before {
  content: ""; }

.icon-tischler:before {
  content: ""; }

.icon-Verteilservice_022:before {
  content: ""; }

.icon-Verteilservice_012:before {
  content: ""; }

.icon-Auswhlen-1:before {
  content: ""; }

.icon-Auswhlen-2:before {
  content: ""; }

.icon-Formular:before {
  content: ""; }

.icon-Melden-1:before {
  content: ""; }

.icon-Melden-2:before {
  content: ""; }

.icon-Suchen-1:before {
  content: ""; }

.icon-Suchen-2:before {
  content: ""; }

.icon-Dashboard:before {
  content: ""; }

.icon-paperclip:before {
  content: ""; }

.icon-reply2:before {
  content: ""; }

.icon-save:before {
  content: ""; }

.icon-secure:before {
  content: ""; }

.icon-wheel:before {
  content: ""; }

.icon-Reverse1-2:before {
  content: ""; }

.icon-Reverse2-2:before {
  content: ""; }

.icon-Firmensuche2-2:before {
  content: ""; }

.icon-Firmensuche1-2:before {
  content: ""; }

.icon-amazon:before {
  content: ""; }

.icon-android:before {
  content: ""; }

.icon-apple:before {
  content: ""; }

.icon-blackberry:before {
  content: ""; }

.icon-microsoft:before {
  content: ""; }

.icon-emotion-negative:before {
  content: ""; }

.icon-emotion-neutral:before {
  content: ""; }

.icon-emotion-positive:before {
  content: ""; }

.icon-Login-register01:before {
  content: ""; }

.icon-Login-register02:before {
  content: ""; }

.icon-searchclose:before {
  content: ""; }

.icon-tipps:before {
  content: ""; }

.icon-bundesweit-01:before {
  content: ""; }

.icon-bundesweit-02:before {
  content: ""; }

.icon-location-pointer:before {
  content: ""; }

.icon-weitereStadt-01:before {
  content: ""; }

.icon-weitereStadt-02:before {
  content: ""; }

.icon-km-01:before {
  content: ""; }

.icon-km-02:before {
  content: ""; }

.icon-km-012:before {
  content: ""; }

.icon-km-022:before {
  content: ""; }

.icon-km-013:before {
  content: ""; }

.icon-km-023:before {
  content: ""; }

.icon-Routehorizontal:before {
  content: ""; }

.icon-Routevertikal:before {
  content: ""; }

.icon-Pinfragezeichen:before {
  content: ""; }

.icon-Pinperson:before {
  content: ""; }

.icon-Pin:before {
  content: ""; }

.icon-Empfohlener:before {
  content: ""; }

.icon-hierhin:before {
  content: ""; }

.icon-Flag01:before {
  content: ""; }

.icon-Flag02:before {
  content: ""; }

.icon-Audio:before {
  content: ""; }

.icon-Herstellung:before {
  content: ""; }

.icon-industrie-und-herstellung:before {
  content: ""; }

.icon-Service:before {
  content: ""; }

.icon-dienstleistung-und-service:before {
  content: ""; }

.icon-Sport:before {
  content: ""; }

.icon-fitness-und-sport:before {
  content: ""; }

.icon-Verein:before {
  content: ""; }

.icon-verein-verband-und-organisation:before {
  content: ""; }

.icon-Behoerde:before {
  content: ""; }

.icon-behoerde-und-oeffentliche-einrichtung:before {
  content: ""; }

.icon-Bildung:before {
  content: ""; }

.icon-bildung-und-wissenschaft:before {
  content: ""; }

.icon-Kunst:before {
  content: ""; }

.icon-kunst-und-kultur:before {
  content: ""; }

.icon-Medien:before {
  content: ""; }

.icon-medien-und-werbung:before {
  content: ""; }

.icon-Pflanze:before {
  content: ""; }

.icon-pflanze-und-tier:before {
  content: ""; }

.icon-correcticon:before {
  content: ""; }

.icon-infoicon:before {
  content: ""; }

.icon-Magazin01:before {
  content: ""; }

.icon-so_gehtweiter_x012:before {
  content: ""; }

.icon-so_gehtweiter_x02:before {
  content: ""; }

.icon-so_gehtweiter012:before {
  content: ""; }

.icon-DachdeckerService01:before {
  content: ""; }

.icon-dachgauben_rechner01:before {
  content: ""; }

.icon-Dachdaemmung01:before {
  content: ""; }

.icon-dachflaechen_rechner01:before {
  content: ""; }

.icon-dachfenster_rechner01:before {
  content: ""; }

.icon-dachsanierung_kostenrechner01:before {
  content: ""; }

.icon-Ort01:before {
  content: ""; }

.icon-Leistungen01:before {
  content: ""; }

.icon-ratgeber01:before {
  content: ""; }

.icon-auftrag01:before {
  content: ""; }

.icon-Kontakt01:before {
  content: ""; }

.icon-energiesparen01:before {
  content: ""; }

.icon-energiesparen02:before {
  content: ""; }

.icon-Nr301:before {
  content: ""; }

.icon-Nr201:before {
  content: ""; }

.icon-Nr102:before {
  content: ""; }

.icon-Nr101:before {
  content: ""; }

.icon-calendaricons:before {
  content: ""; }

.icon-cart2:before {
  content: ""; }

.icon-erfolgskontrolle-1-2:before {
  content: ""; }

.icon-erfolgskontrolle-2-2:before {
  content: ""; }

.icon-firmenclip-1-2:before {
  content: ""; }

.icon-firmenclip-2-2:before {
  content: ""; }

.icon-immer-aktuell-1-2:before {
  content: ""; }

.icon-immer-aktuell-2-2:before {
  content: ""; }

.icon-kaufkraft-1:before {
  content: ""; }

.icon-kaufkraft-2:before {
  content: ""; }

.icon-kaufkraft-3:before {
  content: ""; }

.icon-kaufkraft:before {
  content: ""; }

.icon-kaufkraft-5:before {
  content: ""; }

.icon-optimiert-1-2:before {
  content: ""; }

.icon-optimiert-2-2:before {
  content: ""; }

.icon-wettbewerbsdichte-1:before {
  content: ""; }

.icon-wettbewerbsdichte-2:before {
  content: ""; }

.icon-wettbewerbsdichte-3:before {
  content: ""; }

.icon-wettbewerbsdichte-4:before {
  content: ""; }

.icon-pins:before {
  content: ""; }

.icon-professionelle-bilder-1-2:before {
  content: ""; }

.icon-camera:before {
  content: ""; }

.icon-professionelle-bilder-2-2:before {
  content: ""; }

.icon-professionelles-desing-1-2:before {
  content: ""; }

.icon-professionelles-desing-2-2:before {
  content: ""; }

.icon-website-bewerben:before {
  content: ""; }

.icon-world:before {
  content: ""; }

.icon-checked-entry-1-2:before {
  content: ""; }

.icon-checked:before {
  content: ""; }

.icon-checked-entry-2-2:before {
  content: ""; }

.icon-top-entry-1-2:before {
  content: ""; }

.icon-top-entry-2-3:before {
  content: ""; }

.icon-top-entry-2-2:before {
  content: ""; }

.icon-short-menu:before {
  content: ""; }

.icon-bookmark-outline:before {
  content: ""; }

.icon-bookmark-outline-plus:before {
  content: ""; }

.icon-load-more:before {
  content: ""; }

.icon-reload:before {
  content: ""; }

.icon-reply:before {
  content: ""; }

.icon-download:before {
  content: ""; }

.icon-premium-seal:before {
  content: ""; }

.icon-directions2:before {
  content: ""; }

.icon-envelope2:before {
  content: ""; }

.icon-fax:before {
  content: ""; }

.icon-link:before {
  content: ""; }

.icon-external-link:before {
  content: ""; }

.icon-internal-link:before {
  content: ""; }

.icon-heart:before {
  content: ""; }

.icon-improve-entry-1-2:before {
  content: ""; }

.icon-improve-entry-2-2:before {
  content: ""; }

.icon-sharing:before {
  content: ""; }

.icon-cash:before {
  content: ""; }

.icon-cc-paypal:before {
  content: ""; }

.icon-pdf:before {
  content: ""; }

.icon-umbrella-closed:before {
  content: ""; }

.icon-sunny:before {
  content: ""; }

.icon-google-360:before {
  content: ""; }

.icon-close-circle:before {
  content: ""; }

.icon-check-circle:before {
  content: ""; }

.icon-play-circle:before {
  content: ""; }

.icon-Dachdecker:before {
  content: ""; }

.icon-Friseur3:before {
  content: ""; }

.icon-Autowerkstatt:before {
  content: ""; }

.icon-Euro:before {
  content: ""; }

.icon-Rechtsanwalt:before {
  content: ""; }

.icon-Steuerberater:before {
  content: ""; }

.icon-Architektur:before {
  content: ""; }

.icon-architektur-und-baugewerbe:before {
  content: ""; }

.icon-EDV:before {
  content: ""; }

.icon-computer-internet-und-edv:before {
  content: ""; }

.icon-Entertainment:before {
  content: ""; }

.icon-freizeit-und-entertainment:before {
  content: ""; }

.icon-Garten:before {
  content: ""; }

.icon-haus-und-garten:before {
  content: ""; }

.icon-Shopping:before {
  content: ""; }

.icon-shopping:before {
  content: ""; }

.icon-Transport:before {
  content: ""; }

.icon-transport-und-logistik:before {
  content: ""; }

.icon-taxi:before {
  content: ""; }

.icon-Nachtclubs:before {
  content: ""; }

.icon-add-photo:before {
  content: ""; }

.icon-arrow-left-bold:before {
  content: ""; }

.icon-banner-status-published:before {
  content: ""; }

.icon-banner-status-not-published:before {
  content: ""; }

.icon-banner-status-work-in-progress:before {
  content: ""; }

.icon-banner-status-paused:before {
  content: ""; }

.icon-banner-status-unapproved:before {
  content: ""; }

.icon-user-round:before {
  content: ""; }

.icon-signet-checked:before {
  content: ""; }

.icon-certificate:before {
  content: ""; }

.icon-certificate-ol:before {
  content: ""; }

.icon-plus:before {
  content: ""; }

.icon-map-pointer-ol:before {
  content: ""; }

.icon-marker:before {
  content: ""; }

.icon-right:before {
  content: ""; }

.icon-down:before {
  content: ""; }

.icon-xing:before {
  content: ""; }

.icon-minus:before {
  content: ""; }

.icon-pencil:before {
  content: ""; }

.icon-bin:before {
  content: ""; }

.icon-office:before {
  content: ""; }

.icon-phonebook:before {
  content: ""; }

.icon-phonebook-ol:before {
  content: ""; }

.icon-map-route:before {
  content: ""; }

.icon-map-route-ol:before {
  content: ""; }

.icon-map-pointer:before {
  content: ""; }

.icon-map-search:before {
  content: ""; }

.icon-map-search-ol:before {
  content: ""; }

.icon-search:before {
  content: ""; }

.icon-search-ol:before {
  content: ""; }

.icon-users:before {
  content: ""; }

.icon-users-ol:before {
  content: ""; }

.icon-shop:before {
  content: ""; }

.icon-shop-ol:before {
  content: ""; }

.icon-menu:before {
  content: ""; }

.icon-sort:before {
  content: ""; }

.icon-filter:before {
  content: ""; }

.icon-bookmark:before {
  content: ""; }

.icon-user:before {
  content: ""; }

.icon-user-group:before {
  content: ""; }

.icon-pin-22:before {
  content: ""; }

.icon-directions:before {
  content: ""; }

.icon-car:before {
  content: ""; }

.icon-automobil-und-verkehr:before {
  content: ""; }

.icon-auto-und-verkehr:before {
  content: ""; }

.icon-up:before {
  content: ""; }

.icon-left:before {
  content: ""; }

.icon-skip-front:before {
  content: ""; }

.icon-skip-back:before {
  content: ""; }

.icon-spinner11:before {
  content: ""; }

.icon-close:before {
  content: ""; }

.icon-triangle-down:before {
  content: ""; }

.icon-attention:before {
  content: ""; }

.icon-question:before {
  content: ""; }

.icon-clock-empty:before {
  content: ""; }

.icon-star:before {
  content: ""; }

.icon-star-empty:before {
  content: ""; }

.icon-tag:before {
  content: ""; }

.icon-cart:before {
  content: ""; }

.icon-home:before {
  content: ""; }

.icon-baker:before {
  content: ""; }

.icon-cafe-co:before {
  content: ""; }

.icon-fast-food:before {
  content: ""; }

.icon-burger:before {
  content: ""; }

.icon-gas-station:before {
  content: ""; }

.icon-dance:before {
  content: ""; }

.icon-locate:before {
  content: ""; }

.icon-sleep:before {
  content: ""; }

.icon-hotellerie-und-touristik:before {
  content: ""; }

.icon-dentist:before {
  content: ""; }

.icon-health:before {
  content: ""; }

.icon-gesundheit-und-pflege:before {
  content: ""; }

.icon-pharmacy:before {
  content: ""; }

.icon-wrench:before {
  content: ""; }

.icon-food:before {
  content: ""; }

.icon-essen-und-trinken:before {
  content: ""; }

.icon-restaurants-ital-01-04:before {
  content: ""; }

.icon-restaurants-ital-02-04:before {
  content: ""; }

.icon-restaurants-ital-03-04:before {
  content: ""; }

.icon-restaurants-ital-04-04:before {
  content: ""; }

.icon-medical:before {
  content: ""; }

.icon-facebook:before {
  content: ""; }

.icon-twitter:before {
  content: ""; }

.icon-youtube:before {
  content: ""; }

[class^='icon-'], [class*=' icon-'] {
  /* Use !important to prevent issues with browser extensions that change fonts */
  font-family: "11880-icons";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  line-height: 1;
  speak: never;
  /* Better font rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-rotate-90 {
  transform: rotateY(90deg); }

.icon-rotate-180 {
  transform: rotateY(180deg); }

.icon-rotate-270 {
  transform: rotateY(270deg); }

[class^="icon-"], [class*="icon-"] {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"] + span, [class*="icon-"] + span {
  display: inline-block;
  vertical-align: middle; }

/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  font-display: fallback;
  src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("/Portal/fonts/sourcesanspro/sourcesanspro-light-vietnamese.woff2") format("woff2"), url("/Portal/fonts/sourcesanspro/sourcesanspro-light-vietnamese.woff") format("woff");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; }

/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  font-display: fallback;
  src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("/Portal/fonts/sourcesanspro/sourcesanspro-light-latinext.woff2") format("woff2"), url("/Portal/fonts/sourcesanspro/sourcesanspro-light-latinext.woff") format("woff");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  font-display: fallback;
  src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("/Portal/fonts/sourcesanspro/sourcesanspro-light-latin.woff2") format("woff2"), url("/Portal/fonts/sourcesanspro/sourcesanspro-light-latin.woff") format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }

/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  src: local("Source Sans Pro"), local("SourceSansPro-Regular"), url("/Portal/fonts/sourcesanspro/sourcesanspro-regular-vietnamese.woff2") format("woff2"), url("/Portal/fonts/sourcesanspro/sourcesanspro-regular-vietnamese.woff") format("woff");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; }

/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  src: local("Source Sans Pro"), local("SourceSansPro-Regular"), url("/Portal/fonts/sourcesanspro/sourcesanspro-regular-latinext.woff2") format("woff2"), url("/Portal/fonts/sourcesanspro/sourcesanspro-regular-latinext.woff") format("woff");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  src: local("Source Sans Pro"), local("SourceSansPro-Regular"), url("/Portal/fonts/sourcesanspro/sourcesanspro-regular-latin.woff2") format("woff2"), url("/Portal/fonts/sourcesanspro/sourcesanspro-regular-latin.woff") format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }

/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  font-display: fallback;
  src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("/Portal/fonts/sourcesanspro/sourcesanspro-bold-vietnamese.woff2") format("woff2"), url("/Portal/fonts/sourcesanspro/sourcesanspro-bold-vietnamese.woff") format("woff");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; }

/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  font-display: fallback;
  src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("/Portal/fonts/sourcesanspro/sourcesanspro-bold-latinext.woff2") format("woff2"), url("/Portal/fonts/sourcesanspro/sourcesanspro-bold-latinext.woff") format("woff");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  font-display: fallback;
  src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("/Portal/fonts/sourcesanspro/sourcesanspro-bold-latin.woff2") format("woff2"), url("/Portal/fonts/sourcesanspro/sourcesanspro-bold-latin.woff") format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }

@font-face {
  font-family: 'Ek Mukta';
  src: url("https://static.werkenntdenbesten.de/Portal/fonts/ekmukta/mukta-light-webfont.woff2") format("woff2"), url("https://static.werkenntdenbesten.de/Portal/fonts/ekmukta/mukta-light-webfont.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: fallback; }

@font-face {
  font-family: 'Ek Mukta';
  src: url("https://static.werkenntdenbesten.de/Portal/fonts/ekmukta/mukta-regular-webfont.woff2") format("woff2"), url("https://static.werkenntdenbesten.de/Portal/fonts/ekmukta/mukta-regular-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: fallback; }

@font-face {
  font-family: 'Ek Mukta';
  src: url("https://static.werkenntdenbesten.de/Portal/fonts/ekmukta/mukta-bold-webfont.woff2") format("woff2"), url("https://static.werkenntdenbesten.de/Portal/fonts/ekmukta/mukta-bold-webfont.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: fallback; }

.btn {
  border: none;
  border-image: none;
  border-radius: 2px;
  padding: 0.8rem 2rem;
  text-align: center;
  font-size: 1.8rem;
  color: #fff;
  font-weight: 700;
  height: 4rem;
  outline: none;
  white-space: nowrap;
  -webkit-transition: background-color 0.3s ease-in-out 0s;
  -moz-transition: background-color 0.3s ease-in-out 0s;
  -o-transition: background-color 0.3s ease-in-out 0s;
  -ms-transition: background-color 0.3s ease-in-out 0s;
  transition: background-color 0.3s ease-in-out 0s; }
  .btn:hover {
    text-decoration: none;
    color: #fff; }
  @media only screen and (max-width: 767px) {
    .btn {
      font-size: 1.6rem;
      height: 3.8rem;
      padding: 0.8rem 1.5rem; } }

.btn-sm {
  padding: 5px 10px;
  font-size: 1.2rem;
  line-height: 1.5;
  border-radius: 1px; }

.link-button {
  display: inline-block; }

nav button {
  border: none;
  line-height: 2em; }

.btn-default {
  background-color: #ff9328; }
  .btn-default:hover {
    background-color: #db6d00; }

.btn-default-warning {
  background-color: #DE0303; }
  .btn-default-warning:hover {
    background-color: #ac0202; }

.btn-default-dark {
  background-color: #ff9328; }
  .btn-default-dark:hover {
    background-color: #db6d00; }

.btn-default-grey {
  background-color: #aaa; }
  .btn-default-grey:hover {
    background-color: #e1e1e1; }

@media only screen and (min-width: 1024px) {
  .btn-default-grey_desktop {
    background-color: #aaa; }
    .btn-default-grey_desktop:hover {
      background-color: #e1e1e1; } }

.btn-default-highlight {
  background-color: #a7c03e; }
  .btn-default-highlight:hover {
    background-color: #b5d638; }
  .btn-default-highlight.face-book {
    color: #fff;
    background-color: #114b85;
    border-color: #003a74; }
    .btn-default-highlight.face-book:focus, .btn-default-highlight.face-book.focus {
      color: #fff;
      background-color: #0b3258;
      border-color: black; }
    .btn-default-highlight.face-book:hover {
      color: #fff;
      background-color: #0b3258;
      border-color: #001b37; }
    .btn-default-highlight.face-book:active, .btn-default-highlight.face-book.active,
    .open > .btn-default-highlight.face-book.dropdown-toggle {
      color: #fff;
      background-color: #0b3258;
      background-image: none;
      border-color: #001b37; }
      .btn-default-highlight.face-book:active:hover, .btn-default-highlight.face-book:active:focus, .btn-default-highlight.face-book:active.focus, .btn-default-highlight.face-book.active:hover, .btn-default-highlight.face-book.active:focus, .btn-default-highlight.face-book.active.focus,
      .open > .btn-default-highlight.face-book.dropdown-toggle:hover,
      .open > .btn-default-highlight.face-book.dropdown-toggle:focus,
      .open > .btn-default-highlight.face-book.dropdown-toggle.focus {
        color: #fff;
        background-color: #072038;
        border-color: black; }
    .btn-default-highlight.face-book.disabled:hover, .btn-default-highlight.face-book.disabled:focus, .btn-default-highlight.face-book.disabled.focus, .btn-default-highlight.face-book[disabled]:hover, .btn-default-highlight.face-book[disabled]:focus, .btn-default-highlight.face-book[disabled].focus,
    fieldset[disabled] .btn-default-highlight.face-book:hover,
    fieldset[disabled] .btn-default-highlight.face-book:focus,
    fieldset[disabled] .btn-default-highlight.face-book.focus {
      background-color: #114b85;
      border-color: #003a74; }
    .btn-default-highlight.face-book .badge {
      color: #114b85;
      background-color: #fff; }

.btn-default-orange {
  color: #fff;
  background-color: #a7c03e;
  border-color: #a7c03e; }
  .btn-default-orange:focus, .btn-default-orange.focus {
    color: #fff;
    background-color: #859932;
    border-color: #53601f; }
  .btn-default-orange:hover {
    color: #fff;
    background-color: #859932;
    border-color: #7f922f; }
  .btn-default-orange:active, .btn-default-orange.active,
  .open > .btn-default-orange.dropdown-toggle {
    color: #fff;
    background-color: #859932;
    background-image: none;
    border-color: #7f922f; }
    .btn-default-orange:active:hover, .btn-default-orange:active:focus, .btn-default-orange:active.focus, .btn-default-orange.active:hover, .btn-default-orange.active:focus, .btn-default-orange.active.focus,
    .open > .btn-default-orange.dropdown-toggle:hover,
    .open > .btn-default-orange.dropdown-toggle:focus,
    .open > .btn-default-orange.dropdown-toggle.focus {
      color: #fff;
      background-color: #6e7e29;
      border-color: #53601f; }
  .btn-default-orange.disabled:hover, .btn-default-orange.disabled:focus, .btn-default-orange.disabled.focus, .btn-default-orange[disabled]:hover, .btn-default-orange[disabled]:focus, .btn-default-orange[disabled].focus,
  fieldset[disabled] .btn-default-orange:hover,
  fieldset[disabled] .btn-default-orange:focus,
  fieldset[disabled] .btn-default-orange.focus {
    background-color: #a7c03e;
    border-color: #a7c03e; }
  .btn-default-orange .badge {
    color: #a7c03e;
    background-color: #fff; }
  .btn-default-orange.face-book {
    color: #fff;
    background-color: #114b85;
    border-color: #003a74; }
    .btn-default-orange.face-book:focus, .btn-default-orange.face-book.focus {
      color: #fff;
      background-color: #0b3258;
      border-color: black; }
    .btn-default-orange.face-book:hover {
      color: #fff;
      background-color: #0b3258;
      border-color: #001b37; }
    .btn-default-orange.face-book:active, .btn-default-orange.face-book.active,
    .open > .btn-default-orange.face-book.dropdown-toggle {
      color: #fff;
      background-color: #0b3258;
      background-image: none;
      border-color: #001b37; }
      .btn-default-orange.face-book:active:hover, .btn-default-orange.face-book:active:focus, .btn-default-orange.face-book:active.focus, .btn-default-orange.face-book.active:hover, .btn-default-orange.face-book.active:focus, .btn-default-orange.face-book.active.focus,
      .open > .btn-default-orange.face-book.dropdown-toggle:hover,
      .open > .btn-default-orange.face-book.dropdown-toggle:focus,
      .open > .btn-default-orange.face-book.dropdown-toggle.focus {
        color: #fff;
        background-color: #072038;
        border-color: black; }
    .btn-default-orange.face-book.disabled:hover, .btn-default-orange.face-book.disabled:focus, .btn-default-orange.face-book.disabled.focus, .btn-default-orange.face-book[disabled]:hover, .btn-default-orange.face-book[disabled]:focus, .btn-default-orange.face-book[disabled].focus,
    fieldset[disabled] .btn-default-orange.face-book:hover,
    fieldset[disabled] .btn-default-orange.face-book:focus,
    fieldset[disabled] .btn-default-orange.face-book.focus {
      background-color: #114b85;
      border-color: #003a74; }
    .btn-default-orange.face-book .badge {
      color: #114b85;
      background-color: #fff; }

.btn-left {
  float: left !important; }

.btn-right {
  float: right !important; }

.btn-link {
  text-decoration: underline;
  line-height: 40px;
  color: #ff9328; }
  .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
  fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent;
    outline: none; }
  .btn-link:hover, .btn-link:focus {
    background-color: transparent;
    color: #fff; }
  .btn-link[disabled],
  fieldset[disabled] .btn-link {
    cursor: not-allowed;
    text-decoration: none;
    color: #777777; }
    .btn-link[disabled]:hover, .btn-link[disabled]:focus,
    fieldset[disabled] .btn-link:hover,
    fieldset[disabled] .btn-link:focus {
      cursor: not-allowed;
      text-decoration: none;
      color: #777777; }

.btn-link--default:hover, .btn-link--default:focus {
  background-color: transparent;
  color: #ff9328; }

.btn-link--default[disabled],
fieldset[disabled] .btn-link--default {
  color: #777777;
  text-decoration: none; }
  .btn-link--default[disabled]:hover, .btn-link--default[disabled]:focus,
  fieldset[disabled] .btn-link--default:hover,
  fieldset[disabled] .btn-link--default:focus {
    color: #777777;
    text-decoration: none; }

.btn-link--response {
  color: #ff9328;
  font-weight: 400;
  text-decoration: none;
  width: auto; }
  .btn-link--response, .btn-link--response:active, .btn-link--response.active, .btn-link--response[disabled] {
    background-color: transparent;
    border-color: transparent;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .btn-link--response:hover, .btn-link--response:focus {
    color: #ff9328;
    text-decoration: underline; }

.btn-detail {
  color: #fff;
  line-height: 40px;
  text-decoration: underline; }

.btn-find {
  line-height: 1.8rem;
  padding: 0 15px; }
  @media only screen and (max-width: 767px) {
    .btn-find {
      margin: 0; } }
  .btn-find .icon-search, .btn-find span {
    display: inline-block;
    vertical-align: middle; }
  .btn-find .btn-label {
    padding-right: 0.6rem; }
  .btn-find .icon-search {
    font-size: 2.4rem; }

.btn-small {
  padding: 0.8rem 1.5rem;
  font-size: 1.6rem; }

.button-customer {
  display: inline-block;
  background-color: #a7c03e;
  font-size: 1.6rem;
  line-height: 22px; }
  .button-customer:hover {
    background-color: #b5d638; }

/*
 *  jQuery Timepicker CSS
 */
.ui-timepicker-wrapper {
  overflow-y: auto;
  height: 150px;
  width: 6.5em;
  background: #fff;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  outline: none;
  z-index: 10001;
  margin: 0; }

.ui-timepicker-wrapper.ui-timepicker-with-duration {
  width: 13em; }

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
  width: 11em; }

.ui-timepicker-list {
  margin: 0;
  padding: 0;
  list-style: none; }

.ui-timepicker-duration {
  margin-left: 5px;
  color: #888; }

.ui-timepicker-list:hover .ui-timepicker-duration {
  color: #888; }

.ui-timepicker-list li {
  padding: 3px 0 3px 5px;
  cursor: pointer;
  white-space: nowrap;
  color: #000;
  list-style: none;
  margin: 0; }

.ui-timepicker-list:hover .ui-timepicker-selected {
  background: #fff;
  color: #000; }

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
  background: #1980EC;
  color: #fff; }

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
  color: #ccc; }

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  color: #888;
  cursor: default; }

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  background: #f2f2f2; }

/* desktop */
html {
  box-sizing: border-box;
  font-size: 62.5%; }

* {
  font-family: "Ek Mukta", sans-serif;
  font-weight: 400;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box; }

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #8c8c8c; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #8c8c8c;
  opacity: 1; }

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #8c8c8c; }

b, strong {
  font-family: "Ek Mukta", sans-serif;
  font-weight: 700; }

.desktop,
.mobile {
  display: block; }

.checkbox + .checkbox, .radio + .radio {
  margin-top: 0px; }

.cookie-bar .btn-close-cookiebar {
  height: 18px; }

span.delete {
  content: "";
  height: 16px;
  width: 16px;
  display: none;
  position: absolute;
  top: 28px;
  background: url("/Portal/images/response-forms/11880/delete.png") top left no-repeat transparent;
  cursor: pointer; }
  span.delete[data-delete="company"], span.delete[data-delete="tradename"] {
    right: 30px; }
  span.delete[data-delete="streetname"] {
    left: 218px; }
  span.delete[data-delete="streetnr"] {
    right: 30px; }
  span.delete[data-delete="zipcode"] {
    left: 63px; }
  span.delete[data-delete="cityname"] {
    right: 30px; }
  span.delete[data-delete="phone_areacode"], span.delete[data-delete="fax_areacode"], span.delete[data-delete="mobile_areacode"] {
    left: 60px; }
  span.delete[data-delete="fax_extension"], span.delete[data-delete="phone_extension"], span.delete[data-delete="homepage"], span.delete[data-delete="companyemail"], span.delete[data-delete="mobile_extension"], span.delete[data-delete="fb"], span.delete[data-delete="gp"] {
    right: 14px; }
  span.delete[data-delete="firstname"], span.delete[data-delete="lastname"] {
    left: 314px; }
  span.delete.active {
    display: block; }

#form ul.hours li .textfield span.delete {
  left: auto;
  top: 8px;
  right: 5px; }

@media only screen and (min-width: 768px) and (max-width: 990px) {
  #form ul.hours li .textfield span.delete {
    top: 14px; } }

@media only screen and (max-width: 767px) {
  .brand11880 .trust a {
    width: 45%;
    display: inline-block;
    margin-top: 10px; } }

body {
  background-color: #efefef;
  background-attachment: fixed;
  margin: 0px;
  padding: 0px;
  text-align: left;
  color: #4a4a4a;
  font-size: 16px; }
  body.brandklicktel {
    background-image: url("/Portal/images/response-forms/11880/pins_background.png");
    background-repeat: no-repeat; }

.wrapper {
  width: 980px;
  margin: 0 auto;
  position: relative; }

.tablet-visible {
  display: none;
  text-align: center; }

.mobile-visible {
  display: none;
  text-align: center; }

.smartphone-only {
  display: none; }

.smartphone-only-hidden {
  display: inherit; }

#main {
  background-color: white;
  min-height: 100px;
  text-align: left;
  padding: 10px 20px 0 20px; }
  #main:before, #main:after {
    content: " ";
    display: table; }
  #main:after {
    clear: both; }

#content {
  position: relative;
  z-index: 99;
  /* ERRORs */ }
  #content .headline h1 {
    font-weight: 700; }
    #content .headline h1 span {
      font-weight: 700; }
  #content .pin {
    background: url("/Portal/images/response-forms/WKDB2018/pin.png") no-repeat 0 0;
    display: block;
    height: 173px;
    position: absolute;
    right: -25px;
    top: -25px;
    width: 253px;
    z-index: 2; }
    #content .pin.final {
      background: url("/Portal/images/response-forms/WKDB2018/pin_final.png") no-repeat 0 0; }
  #content p {
    margin: 0; }
  #content h2.inf, #content p.inf {
    color: #4a4a4a;
    font-size: 17px; }
  #content #form {
    background: #f5f5f5;
    display: block;
    padding: 30px 40px 30px;
    width: 843px; }
    #content #form form {
      background-color: #f5f5f5;
      border-radius: 5px; }
  #content p.error {
    background-color: #ffe1e1;
    border: 1px solid #d73300;
    border-radius: 3px;
    padding: 2px 4px;
    margin: 0px;
    display: none;
    color: #505050;
    font-size: 12px;
    line-height: 14px;
    width: 390px;
    position: relative;
    top: 7px; }
  #content .step2 p.error {
    width: 370px; }
  #content p.error span {
    display: block;
    width: 100%; }
  #content .hours p.error {
    width: 230px; }
  #content .hours.h-leftexpand p.error {
    width: 390px; }
  #content .hours p.error span.arrow {
    display: none; }
  #content p.error span.arrow {
    border-bottom: 6px solid #d73300;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    margin-left: -5px;
    position: absolute;
    left: 50%;
    top: -6px;
    height: 0;
    width: 0; }
    #content p.error span.arrow .inner {
      border-bottom: 5px solid #fcd4d4;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      position: absolute;
      top: 1px;
      left: -4px;
      height: 0;
      width: 0; }
    #content p.error span.arrow.streetname {
      left: 165px; }
    #content p.error span.arrow.streetnr {
      left: 368px; }
    #content p.error span.arrow.zipcode {
      left: 54px; }
    #content p.error span.arrow.cityname {
      left: 250px; }
    #content p.error span.arrow.phone_areacode {
      left: 54px; }
    #content p.error span.arrow.phone_extension {
      left: 250px; }
    #content p.error span.arrow.fax_areacode {
      left: 54px; }
    #content p.error span.arrow.fax_extension {
      left: 250px; }
    #content p.error span.arrow.mobile_areacode {
      left: 54px; }
    #content p.error span.arrow.mobile_extension {
      left: 250px; }
    #content p.error span.arrow.hcol1 {
      left: 65px; }
    #content p.error span.arrow.hcol2 {
      left: 160px; }
    #content p.error span.arrow.hcol3 {
      left: 278px; }
    #content p.error span.arrow.hcol4 {
      left: 370px; }
  #content small {
    color: #4a4a4a;
    font-size: 12px; }

#header {
  border-color: #4a4a4a;
  height: 53px;
  position: relative; }
  #header a {
    border: none;
    max-height: 41px; }
    #header a img {
      border: none; }
      #header a img.mobile {
        display: none; }
  #header p {
    display: none; }
  #header .steps {
    display: block;
    width: 625px;
    height: 40px;
    background-image: url("/Portal/images/response-forms/11880/steps.png");
    background-repeat: no-repeat;
    float: right; }
    #header .steps.step1 {
      background-position: 0 0; }
    #header .steps.step2 {
      background-position: 0 -40px;
      height: 39px; }
    #header .steps.step3 {
      background-position: 0 -79px; }

#form {
  display: block;
  width: 843px;
  background: #f5f5f5;
  padding: 35px 40px; }
  #form form {
    background-color: #f5f5f5;
    border-radius: 5px; }
  #form.step2 .preview-container, #form.step3 .preview-container {
    display: block; }
    #form.step2 .preview-container .big, #form.step3 .preview-container .big {
      padding: 70px 0 0 38px; }
  #form.step2 .step-2-pin {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 14px; }
  #form #step1 {
    display: block; }
  #form #step2 {
    display: none;
    /*height: 240px;*/ }
  #form #step3 {
    display: none; }
    #form #step3 p {
      margin: 0.7em 0 1.5em 0; }
      #form #step3 p.right {
        color: #4a4a4a;
        font-size: 16px; }
    #form #step3 .full {
      width: 340px; }
    #form #step3 .link-thanks {
      color: #4a4a4a;
      font-weight: 700;
      text-decoration: underline; }
  #form ul {
    margin: 0px;
    padding: 0px; }
    #form ul.left {
      float: left; }
    #form ul.right {
      float: right;
      box-sizing: border-box; }
    #form ul.checkboxes {
      margin-top: 20px; }
      #form ul.checkboxes li {
        display: block;
        width: 100%; }
    #form ul li {
      margin: 0 0 10px 0;
      padding: 0px;
      list-style: none;
      position: relative; }
      #form ul li label {
        color: #4a4a4a;
        display: block;
        position: relative;
        width: 100%;
        font-size: 15px;
        line-height: 19px; }
        #form ul li label.invalid {
          color: red; }
        #form ul li label.checkbox {
          color: #4a4a4a;
          font-size: 12px;
          line-height: 22px; }
          #form ul li label.checkbox a {
            color: #4a4a4a;
            font-size: 12px; }
      #form ul li input {
        background: #ffffff;
        border-color: #4a4a4a;
        border-radius: 3px;
        border-style: solid;
        border-width: 1px;
        color: #4a4a4a;
        font-size: 15px;
        height: 31px;
        outline: 1px #8c8c8c;
        padding: 0 10px; }
      #form ul li input::-ms-clear {
        display: none; }
      #form ul li input:focus {
        border-width: 1px;
        border-style: solid; }
      #form ul li input.invalid {
        border-color: #800000; }
      #form ul li input.invalid + label {
        color: #800000 !important; }
      #form ul li input.checkbox {
        display: none; }
      #form ul li input[type="checkbox"] + label span {
        background: url("/Portal/images/response-forms/WKDB2018/checkbox.png") left top no-repeat;
        background-color: transparent;
        border: none;
        display: inline-block;
        float: left;
        margin-right: 13px;
        margin-top: 5px;
        margin-left: 0;
        padding: 0;
        width: 20px; }
      #form ul li input[type="checkbox"]:checked + label span {
        background: url("/Portal/images/response-forms/WKDB2018/checkbox_checked.png") top no-repeat; }
    #form ul.right.soc-block.h-rightexpand {
      float: left; }
    #form ul.hours li {
      line-height: 31px; }
      #form ul.hours li label {
        width: 30px;
        float: left; }
      #form ul.hours li input,
      #form ul.hours li input.h_size_1 {
        padding: 0px 8px;
        width: 100%;
        box-sizing: border-box; }
      #form ul.hours li .textfield {
        position: relative;
        width: 60px;
        float: left; }
  #form input + span.indicator {
    background: url("/Portal/images/response-forms/WKDB2018/validation.png") no-repeat scroll left top transparent;
    height: 19px;
    width: 19px;
    position: absolute;
    right: -4px;
    top: 39px;
    display: none; }
  #form input#streetname + span.indicator {
    right: 61px; }
  #form input#zipcode + span.indicator,
  #form input#phone_areacode + span.indicator,
  #form input#fax_areacode + span.indicator,
  #form input#mobile_areacode + span.indicator {
    right: 280px; }
  #form .hours .textfield span.indicator {
    left: 50px;
    top: 20px; }
  #form input.valid + span.indicator {
    display: block; }
  #form .hours input + span.indicator {
    left: 86px;
    top: 19px; }
  #form textarea {
    width: 531px;
    height: 92px;
    background: white;
    border-radius: 3px;
    border: 1px solid #7f9db9;
    font-size: 12px;
    padding: 12px;
    margin-top: 8px; }
    #form textarea.placeholder {
      color: #8c8c8c; }
  #form .expand a {
    color: #4a4a4a;
    font-size: 14px; }
  #form .expand ul.left {
    float: left; }
    #form .expand ul.left.h-leftexpand {
      width: 100%; }
      #form .expand ul.left.h-leftexpand .tageAnwennedRight {
        margin-left: 40px; }
  #form .expand ul.right {
    float: right; }
    #form .expand ul.right:before, #form .expand ul.right:after {
      content: " ";
      display: table; }
    #form .expand ul.right:after {
      clear: both; }
  #form .expand ul li:before, #form .expand ul li:after {
    content: " ";
    display: table; }
  #form .expand ul li:after {
    clear: both; }
  #form .expand ul li.hoursTitle {
    height: 20px;
    line-height: 20px; }
  #form .expand ul li.open_additional {
    margin-bottom: 10px; }
    #form .expand ul li.open_additional a.tagEintragen {
      display: block; }
  #form .expand ul li div.tageAnwennedRight {
    color: #4a4a4a;
    display: block;
    float: left;
    margin-left: 25px; }
  #form .expand ul li a.tageAnwennedTop {
    display: none; }
  #form .expand ul li input:disabled {
    border: #C2C2C2; }
  #form .expand ul li label.day {
    padding-right: 5px;
    width: 30px; }
  #form .expand ul li label.day .daylong {
    display: none; }
  #form .expand ul li label.bis {
    padding-right: 6px;
    width: 20px;
    padding-left: 6px; }
  #form .expand ul li label.und {
    padding-right: 16px;
    width: 28px;
    padding-left: 16px; }
  #form .expand ul li label.undamp {
    display: none; }
  #form .expand ul li .showlong {
    clear: none; }
  #form .expand ul li .additional {
    display: none; }
  #form .expand ul li.stichworte input.size_3 {
    margin-left: 0px; }

#sugg {
  display: none;
  padding: 10px;
  width: 246px;
  max-height: 200px;
  overflow: hidden;
  position: absolute;
  top: 49px;
  left: 0px;
  background: white;
  border: 1px solid #83AED5;
  z-index: 999; }
  #sugg a {
    display: block;
    width: 242px;
    color: #444;
    text-decoration: none;
    padding: 2px 3px; }
  #sugg a:hover {
    background: #E9E9E9; }

.btnWrapper {
  text-align: right; }

a.greenBtn {
  background: #96b829;
  border-radius: 3px;
  color: white;
  font-size: 19px;
  font-weight: 700;
  height: 39px;
  margin: 0px 5px 5px 0;
  line-height: 39px;
  text-align: center;
  text-decoration: none;
  width: 300px; }

a.greenBtn:hover {
  cursor: pointer; }

a.submit {
  display: inline-block; }
  a.submit.step2 {
    width: 170px; }

a.grayBtn {
  width: 170px;
  height: 39px;
  line-height: 39px;
  color: #ffffff;
  font-size: 19px;
  font-weight: 400;
  text-align: center;
  background: #8c8c8c;
  text-decoration: none;
  border-radius: 3px;
  margin: 5px 20px 25px 0; }

a.grayBtn:hover {
  cursor: pointer; }

a.back {
  display: none; }

a.yellowBtn {
  background: #ff9328;
  border-radius: 3px;
  color: white;
  font-size: 19px;
  font-weight: 700;
  height: 39px;
  margin: 0px 5px 5px 0;
  line-height: 39px;
  text-align: center;
  text-decoration: none;
  width: 300px; }

a.yellowBtn:hover {
  cursor: pointer; }

a.done {
  display: none;
  width: 300px; }

.steps.mobile,
.benefits.mobile {
  display: none; }

.trust {
  padding-bottom: 5px;
  text-align: center; }
  .trust img {
    padding-right: 10px; }

#footer {
  background: #F3983E;
  color: white;
  font-size: 12px;
  height: 38px;
  margin: 0px -20px;
  position: relative;
  width: auto;
  z-index: 100; }
  #footer a {
    color: white;
    text-decoration: none;
    font-size: 12px; }
  #footer span {
    font-size: 12px; }
  #footer .right a.facebook {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("/Portal/images/response-forms/c/social.png") no-repeat top left;
    margin-top: -2px; }
  #footer .right a.twitter {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("/Portal/images/response-forms/c/social.png") no-repeat top right;
    margin-top: -2px; }
  #footer p {
    margin-top: 0px;
    display: block;
    margin-bottom: 0;
    line-height: 38px; }
  #footer .left {
    float: left;
    margin-left: 20px; }
  #footer .center {
    float: left;
    margin-left: 150px; }
  #footer .right {
    float: right;
    margin-right: 20px; }

/* Layer */
.layer {
  display: none;
  width: 300px;
  height: 120px;
  text-align: center;
  padding: 30px 30px;
  background: white;
  border: 1px solid #444444;
  position: absolute;
  top: 100px;
  left: 50%;
  margin-left: -150px;
  font-size: 16px;
  z-index: 100; }
  .layer h3 {
    color: red;
    margin: 0px;
    padding: 0px; }
  .layer a.close {
    position: absolute;
    top: 1px;
    right: 4px;
    text-decoration: none; }

/* Helper */
.clear {
  clear: both; }

/* Autosuggest */
.ui-helper-hidden-accessible {
  display: none; }

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 140px;
  padding: 2px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #fff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-size: 12px; }

.ui-autocomplete .ui-menu-item > a.ui-corner-all {
  display: block;
  padding: 2px 10px;
  clear: both;
  font-weight: 400;
  line-height: 18px;
  color: #555;
  white-space: nowrap;
  text-decoration: none; }

.ui-autocomplete .ui-menu-item > a.ui-corner-all.ui-state-active, .ui-autocomplete .ui-menu-item > a.ui-corner-all.ui-state-focus, .ui-autocomplete .ui-menu-item > a.ui-corner-all.ui-state-hover {
  color: #fff;
  text-decoration: none;
  background-color: #08c;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-image: none;
  cursor: pointer; }

/* step 2 & 3 zusatz */
#step2 .left {
  width: 380px; }

#step2 ul li input {
  width: 310px; }

.step2 .btnWrapper {
  margin-top: 30px;
  width: 380px;
  text-align: center; }

.step2 .star {
  display: block;
  font-size: 13px;
  line-height: 15px; }

#step1 .star {
  display: block;
  clear: both; }

/* preview container */
.preview-container {
  background: url("/Portal/images/response-forms/WKDB2018/glass-WKDB.png") top center no-repeat transparent;
  display: none;
  height: 403px;
  position: absolute;
  right: 10px;
  top: 50px;
  width: 426px; }
  .preview-container span {
    display: block; }
  .preview-container .companyPhone,
  .preview-container .companyFax,
  .preview-container .companyEmail,
  .preview-container .companyWebsite {
    padding-left: 16px; }
  .preview-container .big {
    border-radius: 160px;
    box-sizing: border-box;
    color: #494949;
    font-size: 14px;
    height: 270px;
    left: 135px;
    overflow: hidden;
    padding: 45px 0 0 40px;
    position: absolute;
    width: 270px;
    top: 73px; }
    .preview-container .big strong {
      margin-bottom: 15px;
      font-size: 16px;
      display: block;
      color: #494949;
      white-space: nowrap; }
    .preview-container .big .companyPhone {
      background: url("/Portal/images/response-forms/11880/icon-phone.png") left center no-repeat transparent; }
    .preview-container .big .companyFax {
      background: url("/Portal/images/response-forms/11880/icon-fax.png") left center no-repeat transparent; }
    .preview-container .big .companyEmail {
      background: url("/Portal/images/response-forms/WKDB2018/icon-at.png") left center no-repeat transparent; }
    .preview-container .big .companyWebsite {
      background: url("/Portal/images/response-forms/WKDB2018/icon-web.png") left center no-repeat transparent; }
    .preview-container .big li {
      line-height: 14px; }
    .preview-container .big li span {
      line-height: 18px; }
  .preview-container .companyWebsite, .preview-container .companyEmail {
    color: #4a4a4a; }
  .preview-container .small {
    color: #494949;
    font-size: 6px;
    height: 100px;
    left: 41px;
    overflow: hidden;
    position: absolute;
    width: 85px;
    top: 164px; }
    .preview-container .small strong {
      white-space: nowrap;
      color: #494949; }
    .preview-container .small li {
      margin-bottom: 4px !important; }
    .preview-container .small .companyPhone,
    .preview-container .small .companyFax,
    .preview-container .small .companyEmail,
    .preview-container .small .companyWebsite {
      padding-left: 0px; }

/* Opening expand and additional infos */
/*desktop*/
.fotterStep1#main .right:after {
  display: none;
  content: ""; }

.fotterStep1#main #form #step1:after {
  display: none;
  content: ""; }

.btnWrapper .pflichtfeld {
  width: 100%; }
  .btnWrapper .pflichtfeld .star {
    display: block;
    float: left; }

.expand {
  width: 100%;
  float: none;
  clear: both;
  padding-top: 20px; }
  .expand:before, .expand:after {
    content: " ";
    display: table; }
  .expand:after {
    clear: both; }

/* Openinghours block */
.expandLink a {
  color: #4a4a4a;
  font-size: 15px; }

#expandBox {
  display: none; }

.vertical-kampagne #expandBox {
  display: block; }

.vertical-kampagne .expandLink {
  display: none; }

/*socnet block*/
.fb-block,
.gp-block {
  margin-bottom: 10px;
  position: relative; }

/*seo-content*/
.seo-content h2 {
  color: #30317c;
  font-weight: 700; }

.seo-content h3 {
  color: #30317c; }

.seo-content .seo-jump {
  margin-bottom: 20px;
  margin-top: 20px;
  text-align: center; }

.seo-content a.greenBtn {
  width: 400px; }

.seo-content ul.vorteile {
  display: block;
  margin-bottom: 20px;
  padding-left: 10px; }
  .seo-content ul.vorteile:before, .seo-content ul.vorteile:after {
    content: " ";
    display: table; }
  .seo-content ul.vorteile:after {
    clear: both; }
  .seo-content ul.vorteile li {
    clear: both;
    display: block;
    float: none;
    list-style-type: none;
    padding-left: 25px;
    position: relative; }
    .seo-content ul.vorteile li span {
      display: block; }
      .seo-content ul.vorteile li span.icon-checked {
        color: #f3983e;
        margin-right: 20px;
        position: absolute;
        left: 0;
        top: 3px; }

.padTop15 {
  padding-top: 15px; }

.padBottom15 {
  padding-bottom: 15px; }

.comment-kd {
  float: none;
  clear: both;
  font-size: 14px;
  padding-bottom: 10px;
  padding-top: 10px; }
  .comment-kd a {
    color: #007EC4; }

#step1 .step1-kd {
  font-size: 18px;
  min-height: 30px;
  padding: 10px 0 5px;
  display: block; }
  #step1 .step1-kd span {
    display: inline-block;
    line-height: 20px; }
    #step1 .step1-kd span.left {
      float: left; }
      @media only screen and (max-width: 767px) {
        #step1 .step1-kd span.left {
          float: none; } }
    #step1 .step1-kd span.right {
      float: right;
      text-align: right;
      color: red;
      font-size: 17px; }
      @media only screen and (max-width: 767px) {
        #step1 .step1-kd span.right {
          float: none;
          text-align: left;
          display: block; } }

#step1 .firstname-ul li {
  float: left;
  width: 50%;
  box-sizing: border-box; }
  #step1 .firstname-ul li.firstname-li {
    padding-left: 0; }
    @media only screen and (max-width: 990px) and (min-width: 768px) {
      #step1 .firstname-ul li.firstname-li {
        width: 48.5%; } }
    @media only screen and (max-width: 767px) {
      #step1 .firstname-ul li.firstname-li {
        float: none;
        width: 100%;
        padding: 0; } }
    #step1 .firstname-ul li.firstname-li span.delete {
      right: 31px;
      left: auto; }
      @media only screen and (max-width: 990px) and (min-width: 768px) {
        #step1 .firstname-ul li.firstname-li span.delete {
          right: 7px;
          left: auto; } }
      @media only screen and (max-width: 767px) {
        #step1 .firstname-ul li.firstname-li span.delete {
          right: 7px;
          left: auto; } }
  #step1 .firstname-ul li.lastname-li {
    padding-left: 16px; }
    @media only screen and (max-width: 990px) and (min-width: 768px) {
      #step1 .firstname-ul li.lastname-li {
        padding-left: 45px;
        width: 51.5%; } }
    @media only screen and (max-width: 767px) {
      #step1 .firstname-ul li.lastname-li {
        float: none;
        width: 100%;
        padding: 0; } }
    #step1 .firstname-ul li.lastname-li span.delete {
      right: 14px;
      left: auto; }
      @media only screen and (max-width: 990px) and (min-width: 768px) {
        #step1 .firstname-ul li.lastname-li span.delete {
          right: 7px;
          left: auto; } }
      @media only screen and (max-width: 767px) {
        #step1 .firstname-ul li.lastname-li span.delete {
          left: auto;
          right: 7px; } }

#form #step1 #expandBox .aktualisierung {
  padding: 0;
  margin-bottom: 20px; }
  #form #step1 #expandBox .aktualisierung:before, #form #step1 #expandBox .aktualisierung:after {
    content: " ";
    display: table; }
  #form #step1 #expandBox .aktualisierung:after {
    clear: both; }
  #form #step1 #expandBox .aktualisierung ul.checkboxes {
    list-style: none;
    width: 100%; }
    #form #step1 #expandBox .aktualisierung ul.checkboxes li {
      padding: 5px 0;
      position: relative;
      width: 100%; }
      #form #step1 #expandBox .aktualisierung ul.checkboxes li label.checkbox {
        color: #505050 !important;
        font-size: 15px;
        line-height: 19px;
        width: 48%;
        float: left; }
        @media only screen and (max-width: 767px) {
          #form #step1 #expandBox .aktualisierung ul.checkboxes li label.checkbox {
            width: 100%; } }
      #form #step1 #expandBox .aktualisierung ul.checkboxes li label + .right-inp {
        float: right;
        display: block;
        width: 43%;
        margin-right: 5px; }
        @media only screen and (max-width: 990px) and (min-width: 768px) {
          #form #step1 #expandBox .aktualisierung ul.checkboxes li label + .right-inp {
            width: 46% !important;
            margin-right: 0; } }
        @media only screen and (max-width: 767px) {
          #form #step1 #expandBox .aktualisierung ul.checkboxes li label + .right-inp {
            margin-top: 15px;
            margin-right: 0; } }
      #form #step1 #expandBox .aktualisierung ul.checkboxes li label span {
        height: 20px !important;
        margin-top: 0; }
      #form #step1 #expandBox .aktualisierung ul.checkboxes li .delete {
        right: 15px;
        top: 14px; }

#form #step1 #expandBox .aktualisierung + .soc-block {
  float: left;
  padding-left: 0; }
  #form #step1 #expandBox .aktualisierung + .soc-block li span.delete {
    right: 32px; }

.new #header .wrapper,
.new .trust.wrapper {
  width: inherit; }

.new #header .steps {
  margin-right: 50px; }

.new #footer .wrapper {
  width: auto; }

.new #content h2.inf, .new #content p.inf {
  margin: 16px 0; }

.new #main {
  border-left: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
  display: block;
  margin: 0 auto;
  width: 923px; }

.new #content {
  margin-bottom: 60px; }
  .new #content .headline {
    margin-left: -12px;
    padding: 7px 12px 0 12px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 5px; }
    .new #content .headline h1 {
      margin: 0 0 0 -20px;
      padding: 5px 0 5px 20px;
      width: 943px;
      font-size: 26px;
      font-weight: 700;
      color: white; }
      .new #content .headline h1 span {
        font-size: 26px;
        font-weight: 700; }
  .new #content #form.step2 {
    width: 923px;
    box-sizing: border-box;
    position: relative; }

.new #form.step2 .step-2-pin strong {
  color: #4a4a4a;
  font-size: 18px; }

.new #form.step2 ul li input[type=text] {
  width: 358px; }

.new #form ul.left {
  width: 405px; }

.new #form ul.right {
  width: 405px; }

.new #form ul li.spacer {
  height: 10px; }

.new #form ul li label.size_1 {
  float: left;
  width: 52px; }

.new #form ul li label.size_2 {
  float: left;
  width: 116px; }

.new #form ul li label.size_3 {
  float: left;
  width: 276px; }

.new #form ul li label.size_4 {
  float: left;
  width: 336px; }

.new #form ul li label + label {
  margin-left: 5px; }

.new #form ul li input {
  width: 378px;
  padding: 0 10px; }
  .new #form ul li input[type="checkbox"] + label span {
    height: 24px; }
  .new #form ul li input.size_1 {
    width: 38px; }
  .new #form ul li input.size_2 {
    width: 94px; }
  .new #form ul li input.size_3 {
    width: 258px; }
  .new #form ul li input.size_4 {
    width: 314px; }

.new #form.step3 .preview-container {
  top: 140px;
  right: auto;
  left: 30px; }

.new #form #step3 p.right {
  margin: 53px 0 38px 463px;
  width: 378px; }
  .new #form #step3 p.right.last {
    margin: 0px 0 95px 463px; }

.new .step3 .btnWrapper {
  margin-top: 130px;
  width: 100%;
  text-align: right; }

.new .expandLink {
  margin-bottom: 5px; }

@media only screen and (min-width: 991px) {
  .new #content .headline h1 {
    background: #F3983E; }
  .new .float-right {
    float: right; }
  .new .float-clear {
    clear: both; } }

.edit #main {
  padding: 10px 0px 0 0px; }

.edit #header {
  border-bottom-width: 8px;
  border-bottom-style: solid; }

.edit #content {
  padding: 15px 5px 0 5px;
  background: url("/Portal/images/response-forms/11880/bg_new.jpg") no-repeat scroll center top transparent;
  background-size: cover; }
  .edit #content .headline {
    width: 700px;
    padding: 12px 12px 14px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 5px;
    margin-left: 256px; }
    .edit #content .headline h1 {
      color: #F3983E;
      font-size: 32px;
      font-weight: 700;
      margin: 0;
      width: 490px; }
      .edit #content .headline h1 span {
        color: #96b829;
        font-weight: 700; }
  .edit #content .pin {
    width: 230px;
    height: 158px;
    top: -35px;
    right: -15px; }
  .edit #content #form {
    background-color: #fff;
    border-radius: 5px;
    margin-left: 256px;
    margin-top: 14px;
    padding: 12px;
    width: 700px;
    z-index: 99; }
    .edit #content #form form {
      padding: 10px 20px 75px 20px;
      margin-top: 10px;
      min-height: 320px; }

.edit #form ul.left {
  width: 330px; }

.edit #form ul.right {
  width: 330px;
  padding-left: 17px; }

.edit #form .step3 .btnWrapper {
  width: 340px;
  text-align: left; }

.edit #form ul li label.size_1 {
  float: left;
  width: 64px; }

.edit #form ul li label.size_2 {
  float: left;
  width: 80px; }

.edit #form ul li label.size_3 {
  float: left;
  width: 218px; }

.edit #form ul li label.size_4 {
  float: left;
  width: 234px; }

.edit #form ul li label + label {
  margin-left: 10px; }

.edit #form ul li input {
  width: 284px;
  padding: 0 16px 0 7px; }
  .edit #form ul li input.size_1 {
    width: 40px; }
  .edit #form ul li input.size_2 {
    width: 60px; }
  .edit #form ul li input.size_3 {
    width: 195px; }
  .edit #form ul li input.size_4 {
    width: 215px; }

.edit #form ul li input[type="checkbox"] + label span {
  height: 40px; }

.edit a.done {
  width: 330px; }

.edit #step2 ul li input {
  width: 310px; }

.edit .step2 .btnWrapper {
  text-align: left; }

.edit .step3 .btnWrapper {
  width: 340px;
  text-align: left; }

.edit #form #step3 p.right {
  width: 340px; }

.edit #footer {
  margin: 0px;
  width: 100%; }

.edit .preview-container {
  background: url("/Portal/images/response-forms/WKDB2018/glass-edit-WKDB.png") top center no-repeat transparent;
  height: 388px;
  right: -100px;
  top: 160px; }
  .edit .preview-container .big {
    top: 24px;
    left: 135px; }
  .edit .preview-container .small {
    top: 120px; }
    .edit .preview-container .small li {
      margin-bottom: 5px !important; }

.edit .step3 .btnWrapper {
  width: 340px;
  text-align: left; }

.edit.brandWKDB #content #form {
  padding-bottom: 30px; }

.edit.brandWKDB .preview-container {
  top: 185px; }

@media only screen and (min-width: 991px) {
  .edit #step2 .left {
    width: 350px; }
  .edit #content p.error {
    width: 299px; }
    .edit #content p.error span.arrow.streetname {
      left: 110px; }
    .edit #content p.error span.arrow.streetnr {
      left: 260px; }
    .edit #content p.error span.arrow.zipcode {
      left: 30px; }
    .edit #content p.error span.arrow.cityname {
      left: 260px; }
    .edit #content p.error span.arrow.phone_areacode {
      left: 30px; }
    .edit #content p.error span.arrow.phone_extension {
      left: 160px; }
    .edit #content p.error span.arrow.fax_areacode {
      left: 30px; }
    .edit #content p.error span.arrow.fax_extension {
      left: 160px; }
    .edit #content p.error span.arrow.mobile_areacode {
      left: 30px; }
    .edit #content p.error span.arrow.hcol1 {
      left: 50px; }
    .edit #content p.error span.arrow.hcol2 {
      left: 144px; }
    .edit #content p.error span.arrow.hcol3 {
      left: 270px; }
    .edit #content p.error span.arrow.hcol4 {
      left: 360px; }
  .edit #content .step2 p.error {
    width: 325px; }
  .edit .trust {
    padding-left: 25%; }
  .edit #form .expand ul li div.tageAnwennedRight {
    margin-left: 10px; }
  .edit #form .expand ul li label.day {
    padding-right: 5px;
    width: 20px; } }

@media only screen and (min-width: 1280px) {
  .edit .trust {
    padding-left: 19%; } }

@media only screen and (min-width: 1680px) {
  .edit .trust {
    padding-left: 15%; } }

@media only screen and (max-width: 990px) {
  .edit #main {
    padding: 0px 0px 0 0px; } }

/* Firmeneintrag */
.firmeneintrag .expandLink {
  display: none; }

.firmeneintrag #header .wrapper,
.firmeneintrag .trust.wrapper {
  width: inherit; }

.firmeneintrag #header .steps {
  margin-right: 50px; }

.firmeneintrag #footer .wrapper {
  width: auto; }

.firmeneintrag #content p.inf {
  margin: 5px 0;
  font-size: 15px; }
  .firmeneintrag #content p.inf.step2 {
    margin: 20px 0; }
  .firmeneintrag #content p.inf b {
    font-weight: 700;
    font-size: 15px; }

.firmeneintrag #content .headline p.mobile {
  display: none; }

.firmeneintrag #main {
  border-left: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
  display: block;
  margin: 0 auto;
  width: 923px; }

.firmeneintrag #content {
  margin-bottom: 60px; }
  .firmeneintrag #content .headline {
    margin-left: -12px;
    padding: 12px;
    border-radius: 5px;
    padding-top: 7px;
    padding-bottom: 0; }
    .firmeneintrag #content .headline h1 {
      background: #F3983E;
      margin: 0 0 0 -20px;
      padding: 5px 0 5px 20px;
      width: 943px;
      font-size: 24px;
      color: white; }
      .firmeneintrag #content .headline h1 span {
        font-size: 24px; }
  .firmeneintrag #content #form {
    padding: 20px 40px; }
  .firmeneintrag #content #form.step2 {
    width: 923px;
    box-sizing: border-box;
    position: relative; }

.firmeneintrag #form.step2 .step-2-pin strong {
  font-size: 18px; }

.firmeneintrag #form.step2 ul li input[type=text] {
  width: 385px; }

.firmeneintrag #form ul.left {
  width: 405px; }

.firmeneintrag #form ul.right {
  width: 405px; }

.firmeneintrag #form ul li.spacer {
  height: 10px; }

.firmeneintrag #form ul li label.size_1 {
  float: left;
  width: 52px; }

.firmeneintrag #form ul li label.size_2 {
  float: left;
  width: 116px; }

.firmeneintrag #form ul li label.size_3 {
  float: left;
  width: 276px; }

.firmeneintrag #form ul li label.size_4 {
  float: left;
  width: 336px; }

.firmeneintrag #form ul li label + label {
  margin-left: 5px; }

.firmeneintrag #form ul li input {
  width: 378px;
  padding: 0 10px; }
  .firmeneintrag #form ul li input[type="checkbox"] + label span {
    height: 24px; }
  .firmeneintrag #form ul li input.size_1 {
    width: 38px; }
  .firmeneintrag #form ul li input.size_2 {
    width: 94px; }
  .firmeneintrag #form ul li input.size_3 {
    width: 258px; }
  .firmeneintrag #form ul li input.size_4 {
    width: 314px; }

.firmeneintrag #form.step3 .preview-container {
  top: 100px;
  right: auto;
  left: 30px; }

.firmeneintrag #form #step3:before, .firmeneintrag #form #step3:after {
  content: " ";
  display: table; }

.firmeneintrag #form #step3:after {
  clear: both; }

.firmeneintrag #form #step3 p.right {
  margin: 50px 0 20px 463px;
  width: 378px; }
  .firmeneintrag #form #step3 p.right.last {
    margin: 0px 0 95px 463px; }

.firmeneintrag #step2 .left {
  width: 100%; }

.firmeneintrag #form.step2 ul li.firstname-li,
.firmeneintrag #form.step2 ul li.firstname-li + li {
  max-width: 410px;
  width: 100%;
  float: left; }

.firmeneintrag #form.step2 ul li.firstname-li {
  margin-right: 23px; }

.firmeneintrag .firstname-ul:before, .firmeneintrag .firstname-ul:after {
  content: " ";
  display: table; }

.firmeneintrag .firstname-ul:after {
  clear: both; }

.firmeneintrag .step2 .btnWrapper {
  width: 100%;
  text-align: right; }

.firmeneintrag .step3 .btnWrapper {
  margin-top: 60px;
  width: 100%;
  text-align: right; }

.firmeneintrag .step2 .greenBtn, .firmeneintrag .step2 .grayBtn {
  cursor: pointer;
  padding-left: 17px;
  padding-right: 17px;
  width: auto; }

.firmeneintrag .rf-visible-sm {
  display: none; }

.firmeneintrag a.done {
  display: inline-block; }

/* Smartphone & Tablet */
@media only screen and (max-width: 990px) {
  .firmeneintrag #main {
    padding: 0;
    width: 100%;
    border: none; }
  .firmeneintrag #header {
    border-bottom-width: 5px;
    border-bottom-style: solid; }
    .firmeneintrag #header a img.mobile {
      display: none; }
  .firmeneintrag #content {
    margin-bottom: 0px; }
  .firmeneintrag #content .headline {
    background: none;
    padding: 12px; }
    .firmeneintrag #content .headline h1 {
      color: #F3983E;
      margin: 0;
      padding: 0;
      background-color: transparent; }
    .firmeneintrag #content .headline p.mobile {
      display: block;
      text-align: center; }
    .firmeneintrag #content .headline.step2::after {
      content: ""; }
  .firmeneintrag #content #form.step2 {
    width: 100%; }
  .firmeneintrag #form input + span.indicator {
    right: -8px;
    top: 46px; }
  .firmeneintrag #form input#streetname + span.indicator {
    right: auto;
    left: 73.5%; }
  .firmeneintrag #form input#zipcode + span.indicator,
  .firmeneintrag #form input#phone_areacode + span.indicator,
  .firmeneintrag #form input#fax_areacode + span.indicator,
  .firmeneintrag #form input#mobile_areacode + span.indicator {
    right: auto;
    left: 21%; }
  .firmeneintrag #form.step2 .step-2-pin {
    display: none; }
  .firmeneintrag #form.step2 ul li label.checkbox,
  .firmeneintrag #form.step2 ul li label.checkbox a {
    font-size: 12px;
    line-height: 24px; }
  .firmeneintrag #form.step2 ul li.firstname-li,
  .firmeneintrag #form.step2 ul li.firstname-li + li {
    max-width: none; }
  .firmeneintrag .step2 .btnWrapper {
    text-align: left; }
  .firmeneintrag .trust img {
    margin-top: 0;
    /*display: inline-block;*/ }
  .firmeneintrag #footer {
    margin: 0; }
  .firmeneintrag .step2 a.step2.greenBtn, .firmeneintrag .step2 a.grayBtn {
    width: 48%; } }

/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 990px) {
  .firmeneintrag #content .headline.step1 h1,
  .firmeneintrag #content .headline.step2 h1,
  .firmeneintrag #content .headline.step3 h1 {
    font-size: 24px; }
  .firmeneintrag #content .headline h1 span {
    color: #a7c03e; }
  .firmeneintrag #content .headline.step2:after {
    font-size: 16px; }
  .firmeneintrag #content .headline.step2::after {
    content: "";
    background: #fff url("/Portal/images/response-forms/11880/klicktel-11880.png") no-repeat scroll center 10px/160px auto;
    height: 10px;
    padding: 0 0 25px; }
  .firmeneintrag .steps.mobile.step1 .indicator-1 {
    font-size: 16px; }
  .firmeneintrag .steps.mobile.step1 .indicator-2 {
    font-size: 16px; }
  .firmeneintrag .steps.mobile.step1 .indicator-3 {
    font-size: 16px; }
  .firmeneintrag #form .hours .textfield span.indicator {
    left: 60px;
    top: 28px; }
  .firmeneintrag #form.step2 input + span.indicator {
    right: -8px; }
  .firmeneintrag #form.step2 ul li.firstname-li {
    width: 48%; }
  .firmeneintrag #form.step2 ul li.firstname-li + li {
    width: 48%;
    float: right; }
  .firmeneintrag #form.step2 ul li input[type=text] {
    width: 100%; }
  .firmeneintrag #form.step3 .preview-container {
    right: -40px;
    left: auto;
    top: 0; }
  .firmeneintrag #form #step3 p.right {
    width: 37%;
    margin: 42px 0 0 0;
    float: none; }
  .firmeneintrag #form .preview-container .big li {
    font-size: 12px;
    margin-bottom: 6px; }
  .firmeneintrag .step3 .btnWrapper {
    margin-top: 20px;
    text-align: center; }
  .firmeneintrag a.done.greenBtn {
    width: 330px; }
  .firmeneintrag a.greenBtn {
    font-weight: 400; }
  .firmeneintrag #form ul li input[type="checkbox"] + label span {
    margin-top: 2px; }
  .firmeneintrag #form ul li input.size_3#phone_extension, .firmeneintrag #form ul li input.size_3#fax_extension, .firmeneintrag #form ul li input.size_3#mobile_extension {
    margin-right: 0; }
  .firmeneintrag .step2 a.grayBtn {
    font-weight: 400; }
  .firmeneintrag .mobile.benefits span {
    font-size: 16px; }
  .firmeneintrag #footer p {
    margin-top: 0px;
    display: block;
    margin-bottom: 0; }
  .firmeneintrag .float-right {
    float: right; }
  .firmeneintrag .float-clear {
    clear: both; } }

/* Smartphone */
@media only screen and (max-width: 767px) {
  .firmeneintrag #content .headline.step1 p {
    font-size: 14px;
    text-align: center; }
  .firmeneintrag #content .headline h1 span {
    color: #a7c03e; }
  .firmeneintrag .rf-hidden-sm {
    display: none; }
  .firmeneintrag .rf-visible-sm {
    display: block; }
  .firmeneintrag #form #step3 p.right {
    margin: 0.7em 0 1.5em 0;
    width: 100%;
    text-align: center; }
  .firmeneintrag .step3 .btnWrapper {
    margin-top: 0; }
  .firmeneintrag .expandLink {
    margin-top: 10px; }
  .firmeneintrag .sticky-element {
    position: sticky;
    top: 1.5rem;
    bottom: 1.5rem;
    z-index: 1; } }

@media only screen and (min-width: 991px) {
  .firmeneintrag #content .step2 p.error {
    width: 397px; }
  .firmeneintrag .float-right {
    float: right; }
  .firmeneintrag .float-clear {
    clear: both; } }

/* Smartphone & Tablet */
@media only screen and (max-width: 990px) {
  .edit #header {
    border-bottom-width: 5px;
    border-bottom-style: solid; }
  .edit #content {
    background: none; }
  #header a img {
    height: 42px; }
  #content .headline p {
    color: #4a4a4a; }
  .new #main {
    padding: 0;
    width: 100%;
    border: none; }
  .new #header {
    border-bottom-width: 5px;
    border-bottom-style: solid; }
    .new #header a {
      height: 31px; }
      .new #header a img.mobile {
        display: none; }
  .new #content {
    margin-bottom: 0px; }
  .new #content .headline {
    background: none;
    padding: 2px; }
    .new #content .headline h1 {
      background-color: transparent;
      color: #F3983E;
      margin: 0;
      padding: 0; }
      .new #content .headline h1 span {
        color: #96b829;
        font-size: 22px; }
    .new #content .headline h2 {
      color: #4a4a4a;
      font-size: 18px; }
    .new #content .headline .data-validation {
      text-align: left; }
  .new #content #form.step2 {
    width: 100%; }
  .new #form input + span.indicator {
    right: -8px;
    top: 46px; }
  .new #form input#streetname + span.indicator {
    right: auto;
    left: 73.5%; }
  .new #form input#zipcode + span.indicator,
  .new #form input#phone_areacode + span.indicator,
  .new #form input#fax_areacode + span.indicator,
  .new #form input#mobile_areacode + span.indicator {
    right: auto;
    left: 21%; }
  .new #form.step2 .step-2-pin {
    display: none; }
  .new #form.step2 ul li label.checkbox,
  .new #form.step2 ul li label.checkbox a {
    font-size: 12px;
    line-height: 24px; }
  .new .step2 .btnWrapper {
    text-align: left; }
  .new .trust img {
    margin-top: 0; }
  .new #footer {
    margin: 0; }
  .seo-content {
    padding: 0px 10px; } }

/* Smartphone */
@media only screen and (max-width: 767px) {
  .mobile-hidden {
    display: none; }
  .hiddenOnMobile {
    display: none; }
  .smartphone-only {
    display: block; }
  .smartphone-only-hidden {
    display: none; }
  body {
    background-image: none; }
  .wrapper {
    width: 100%; }
  #header {
    height: 36px;
    padding: 8px !important;
    border-width: 5px;
    overflow: hidden; }
    #header p {
      display: block;
      margin: 0;
      position: absolute;
      right: 0;
      top: 0; }
    #header a img.resp-logo {
      display: none; }
      #header a img.resp-logo.mobile {
        display: block;
        width: 167px;
        height: 22px;
        margin-top: 6px; }
  #content {
    padding: 0 !important;
    box-sizing: border-box;
    height: auto; }
    #content .headline {
      width: 100% !important;
      margin: 0 !important;
      background-color: #fff;
      box-sizing: border-box;
      border-radius: 0 !important;
      overflow: hidden; }
      #content .headline h1 {
        font-size: 22px !important;
        text-align: center;
        width: 100% !important; }
      #content .headline h2.mobile-visible {
        margin-top: 0px;
        margin-bottom: 0px; }
      #content .headline .data-validation {
        text-align: center; }
      #content .headline.step1:after, #content .headline.step2:after, #content .headline.emailstep2:after, #content .headline.step3:after, #content .headline.emailstep3:after {
        display: block;
        text-align: center;
        margin-top: 5px; }
      #content .headline.step1:after {
        /*content: "In nur zwei Schritten zum kostenlosen Branchen-Eintrag Ihrer Firma.";*/
        content: ""; }
      #content .headline.step2:after {
        content: "Ihre Kontaktdaten werden für den Kundensupport benötigt und online nicht angezeigt."; }
      #content .headline.step3:after {
        content: "Ihr kostenloser Branchen-Eintrag wurde erfolgreich registriert und wird schon in Kürze von uns freigeschaltet."; }
      #content .headline.emailstep3:after {
        content: "2/2: Vielen Dank & viel Erfolg!"; }
    #content .step2 p.error {
      width: 100%; }
    #content #form {
      width: 100% !important;
      margin: 0 !important;
      box-sizing: border-box;
      border-radius: 0 !important;
      border-top-color: #4a4a4a;
      border-top-width: 1px;
      border-top-style: solid;
      min-height: 0 !important;
      padding: 0 !important; }
      #content #form.step2 form,
      #content #form.step3 form {
        min-height: 0; }
      #content #form form {
        border-radius: 0;
        margin: 0 !important;
        padding: 15px 2% !important;
        box-sizing: border-box; }
    #content .hours p.error {
      width: 50%; }
      #content .hours p.error span.arrow.hcol1 {
        left: 35%; }
      #content .hours p.error span.arrow.hcol2 {
        left: 84%; }
      #content .hours p.error span.arrow.hcol3 {
        left: 268px; }
      #content .hours p.error span.arrow.hcol4 {
        left: 370px; }
    #content .hours.h-leftexpand p.error {
      width: 100%; }
      #content .hours.h-leftexpand p.error span.arrow.hcol1 {
        left: 18%; }
      #content .hours.h-leftexpand p.error span.arrow.hcol2 {
        left: 42%; }
      #content .hours.h-leftexpand p.error span.arrow.hcol3 {
        left: 67%; }
      #content .hours.h-leftexpand p.error span.arrow.hcol4 {
        left: 91%; }
  .steps.mobile {
    background-color: #fff;
    display: block;
    border-top-color: #4a4a4a;
    border-top-width: 2px;
    border-top-style: solid;
    padding: 8px 0;
    text-align: center; }
    .steps.mobile span {
      margin-left: 12px;
      color: #dadada;
      display: inline-block;
      line-height: 20px;
      vertical-align: middle; }
      .steps.mobile span:first-child {
        margin-left: 0; }
      .steps.mobile span:before {
        height: 20px;
        width: 20px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        background-color: #dadada;
        color: #fff;
        padding: 4px;
        border-radius: 14px; }
      .steps.mobile span label {
        vertical-align: middle;
        color: #a7a7a7;
        padding: 5px 4px 5px 3px;
        display: none;
        font-weight: 400; }
    .steps.mobile .indicator-1:before {
      content: "1"; }
    .steps.mobile .indicator-2:before {
      content: "2"; }
    .steps.mobile .indicator-3:before {
      content: "3"; }
    .steps.mobile.step1 .indicator-1,
    .steps.mobile.step2 .indicator-2,
    .steps.mobile.step3 .indicator-3 {
      font-size: 16px;
      font-weight: 400; }
    .steps.mobile.step1 .indicator-1:before {
      background-color: #F3983E; }
    .steps.mobile.step2 .indicator-2:before {
      background-color: #F3983E; }
    .steps.mobile.step3 .indicator-3:before {
      background-color: #F3983E; }
    .steps.mobile.step1 .indicator-1,
    .steps.mobile.step2 .indicator-2,
    .steps.mobile.step3 .indicator-3 {
      color: #F3983E; }
      .steps.mobile.step1 .indicator-1 label,
      .steps.mobile.step2 .indicator-2 label,
      .steps.mobile.step3 .indicator-3 label {
        color: #F3983E;
        display: inline-block; }
  .mobile-visible {
    display: block; }
  #form ul.left, #form ul.right {
    float: none;
    padding: 0 !important;
    width: 100% !important; }
  #form ul li {
    line-height: 0;
    font-size: 0;
    box-sizing: border-box; }
    #form ul li label {
      line-height: 20px; }
      #form ul li label.size_1, #form ul li label.size_2 {
        width: 23% !important;
        margin-left: 0 !important; }
      #form ul li label.size_3, #form ul li label.size_4 {
        width: 75% !important;
        margin-left: 0% !important; }
      #form ul li label.size_2, #form ul li label.size_4 {
        margin-right: 2%; }
    #form ul li input {
      width: 100% !important;
      box-sizing: border-box;
      border-radius: 2px;
      padding-top: 10px !important;
      padding-bottom: 10px !important;
      height: auto; }
      #form ul li input.size_1, #form ul li input.size_2 {
        width: 23% !important;
        margin: 0; }
      #form ul li input.size_3, #form ul li input.size_4 {
        width: 75% !important; }
      #form ul li input.size_2, #form ul li input.size_4 {
        margin-right: 2%; }
      #form ul li input:not([type=hidden]) + input {
        margin: 0; }
      #form ul li input.size_2#phone_areacode, #form ul li input.size_2#fax_areacode, #form ul li input.size_2#mobile_areacode {
        margin-right: 2%; }
  #form ul.hours li {
    float: none;
    clear: both;
    margin-bottom: 10px; }
  .btnWrapper .pflichtfeld {
    padding-bottom: 15px; }
  .btnWrapper {
    text-align: center; }
  .btnWrapper .expandLink {
    margin-top: 10px;
    text-align: left; }
  /* Step 2 */
  #step2 .left {
    float: none;
    margin: 0;
    width: 100%; }
  .step2 .btnWrapper {
    width: 100%; }
  .step2 a.grayBtn {
    width: 48%;
    margin: 0 2% 0 0;
    box-sizing: border-box; }
  .step2 a.submit.step2 {
    width: 48%;
    margin: 0;
    box-sizing: border-box; }
  /* Step 3 */
  #form #step3 {
    overflow-x: hidden; }
    #form #step3 p.right {
      width: 100%; }
  #form.step3 .preview-container {
    display: none; }
  .step3 .btnWrapper {
    width: 100%;
    margin-top: 20px; }
    .step3 .btnWrapper:before {
      content: "";
      visibility: visible;
      height: auto;
      margin-bottom: 25px;
      display: block;
      text-align: center; }
  a.done {
    position: relative;
    top: 0;
    width: 100% !important; }
  a.greenBtn {
    width: 100%;
    margin: 0 !important; }
  .trust {
    background-color: #f5f5f5;
    text-align: center;
    padding: 10px 0 10px;
    height: auto; }
    .trust img {
      max-width: 325px; }
    .trust.step2 {
      margin: 0; }
  .mobile.benefits {
    padding: 15px 0;
    text-align: center;
    background-color: #fff;
    display: block; }
    .mobile.benefits div {
      display: inline-block; }
      .mobile.benefits div:first-child {
        margin-right: 15px; }
    .mobile.benefits span span.icon-checked {
      font-weight: 400;
      display: inline-block;
      margin-bottom: 5px;
      margin-left: 15px;
      margin-right: 5px;
      font-size: 20px; }
      .mobile.benefits span span.icon-checked:before {
        content: "";
        height: 15px;
        vertical-align: -2px;
        display: inline-block; }
      .mobile.benefits span span.icon-checked:first-child {
        margin-left: 0; }
  #footer {
    height: auto;
    text-align: center; }
    #footer p {
      margin-top: 0px;
      display: block;
      margin-bottom: 0;
      line-height: 22px; }
    #footer a {
      font-size: 12px;
      line-height: 20px; }
    #footer .right a:first-child:before {
      display: none; }
    #footer .left,
    #footer .center,
    #footer .right,
    #footer .right a,
    #footer .right span {
      float: none;
      margin: 0; }
    #footer .left {
      display: block; }
  .layer {
    width: 300px;
    left: 50%;
    margin-left: -150px;
    box-sizing: border-box;
    height: 185px; }
  #content .pin,
  #header .steps.desktop,
  #content #benefits,
  #footer .right a.facebook,
  #footer .right a.twitter,
  #content .inf,
  #form ul li.spacer,
  #form.step2 .preview-container,
  .mobile-hidden {
    display: none; }
  #content p.error {
    width: 100%;
    box-sizing: border-box; }
    #content p.error span.arrow.streetnr,
    #content p.error span.arrow.cityname {
      left: 90%; }
    #content p.error span.arrow.phone_extension,
    #content p.error span.arrow.fax_extension {
      left: 40%; }
  #form ul.hours li .textfield {
    width: 16%; }
  #form ul.hours li label {
    width: 30px;
    float: left; }
  #form .expand ul li.hoursTitle label {
    width: 125px;
    float: left; }
  #form .expand ul li.hoursTitle a.tageAnwennedTop {
    display: block;
    float: left;
    margin-left: 10px; }
  #form .expand ul li div.tageAnwennedRight {
    display: none; }
  #form .expand ul li label.und {
    padding-right: 1%;
    width: 7%;
    padding-left: 1%;
    text-align: center; }
  #form .expand ul li label.day {
    padding-right: 0;
    width: 10%; }
  #form .expand ul li label.bis {
    padding-right: 1%;
    padding-left: 1%;
    width: 6%;
    text-align: center; }
  #form .expand ul.right,
  #form .expand ul.right.h-rightexpand {
    width: 100%;
    float: left; }
  #form .expand ul.right.h-rightexpand li.stichworte {
    float: right;
    width: 100%;
    box-sizing: border-box; }
  #form .expand ul li.stichworte input.size_3 {
    margin-right: 0%;
    margin-left: 2%; }
  #form .expand ul.right li.soc,
  #form .expand ul.right li.stichworte,
  #form .expand ul.right.h-rightexpand li.stichworte {
    width: 100%; }
  .seo-content a.greenBtn {
    width: 100%;
    height: auto;
    line-height: 1;
    min-height: 20px;
    padding: 10px;
    box-sizing: border-box; } }

@media only screen and (min-width: 0px) and (max-width: 320px) {
  .wrapper {
    width: 320px; }
  .mobile-hidden {
    display: none; } }

/* Smartphone */
@media only screen and (max-width: 767px) {
  .new #form .expand ul li.open_additional {
    height: 20px; }
    .new #form .expand ul li.open_additional a.tagEintragen {
      display: block; }
  .new #form .expand ul li.hoursTitle a.tageAnwennedTop {
    line-height: 43px; }
  .new #form .expand ul.left.h-leftexpand {
    width: 100%;
    min-width: 400px; }
  .new #form ul.hours li input.size_1 {
    padding: 10px 6px; }
  .new #form ul.hours li {
    float: none;
    clear: both;
    margin-bottom: 10px; }
  .new #form ul.hours li label {
    line-height: 43px; }
  .new #form #step2 ul li input[type=text] {
    width: 100%; }
  .new #content .headline.step1:after, .new #content .headline.step2:after, .new #content .headline.step3:after {
    font-size: 16px;
    font-weight: 300; }
  .new #form .hours .textfield span.indicator {
    right: -5px;
    top: 30px;
    left: auto; }
  .new #form.step2 ul li input[type=text] {
    width: 100%; }
  .new #form ul li input.size_3#phone_extension,
  .new #form ul li input.size_3#fax_extension,
  .new #form ul li input.size_3#mobile_extension {
    margin-right: 0; }
  .new #form #step3 p.right {
    width: 100%;
    margin: 0.7em 0 0 0;
    text-align: center; }
  .new #form .preview-container .big li {
    font-size: 10px;
    line-height: 12px;
    color: #494949; }
  .new #form .preview-container .small li {
    font-size: 4px;
    line-height: 5px;
    margin-bottom: 0;
    color: #494949; }
  .new .step2 a.grayBtn {
    font-size: 20px;
    font-weight: 400; }
  .new .step3 .btnWrapper {
    margin-top: 20px; }
  .new .step3 .btnWrapper:before {
    /*line-height: 14px;*/
    font-size: 16px;
    font-weight: 300; }
  .new .mobile.benefits span {
    font-size: 16px; }
  .new #footer p {
    margin-top: 0px;
    display: block;
    margin-bottom: 0; }
  .new #footer a {
    font-size: 12px; }
  .new span.delete {
    top: 32px; }
    .new span.delete[data-delete="company"], .new span.delete[data-delete="tradename"] {
      right: 2%; }
    .new span.delete[data-delete="streetname"] {
      left: auto;
      right: 27%; }
    .new span.delete[data-delete="streetnr"] {
      right: 10px; }
    .new span.delete[data-delete="zipcode"] {
      left: auto;
      right: 79%; }
    .new span.delete[data-delete="cityname"] {
      right: 10px; }
    .new span.delete[data-delete="phone_areacode"] {
      left: auto;
      right: 79%; }
    .new span.delete[data-delete="phone_extension"] {
      right: 10px; }
    .new span.delete[data-delete="fax_areacode"] {
      left: auto;
      right: 79%; }
    .new span.delete[data-delete="fax_extension"], .new span.delete[data-delete="phone_extension"], .new span.delete[data-delete="homepage"], .new span.delete[data-delete="companyemail"] {
      right: 11px; }
    .new span.delete[data-delete="firstname"], .new span.delete[data-delete="lastname"] {
      left: 91%; }
  .new .yellowBtn {
    width: 100%; }
  .new .expandLink {
    margin-top: 10px; }
  .new .sticky-element {
    position: sticky;
    top: 1.5rem;
    bottom: 1.5rem;
    z-index: 1; } }

/* opening hours for very small screens */
@media only screen and (max-width: 420px) {
  .new #form ul.hours li .textfield {
    position: relative;
    width: 58px;
    float: left; }
  .new #form .expand ul.left.h-leftexpand {
    width: 100%;
    min-width: 320px; }
  .new #form ul.hours li input {
    padding: 10px 3px; }
  .new #form .expand ul li label.bis {
    padding-right: 2px;
    padding-left: 2px;
    width: 23px;
    text-align: center; }
  .new #form .expand ul li label.und {
    display: none; }
  .new #form .expand ul li label.undamp {
    display: inline;
    padding-right: 3px;
    width: 14px;
    padding-left: 3px;
    text-align: center;
    margin-left: 0px; }
  .new #form .expand ul.h-leftexpand li .showlong {
    clear: both; }
  .new #form .expand ul.h-leftexpand li label.day {
    width: 100%; }
  .new #form .expand ul.h-leftexpand li label.day .daylong {
    display: inline; }
  .new #form .expand ul.h-leftexpand li.hoursTitle a.tageAnwennedTop {
    display: block; }
  .new #form .expand ul.h-leftexpand li label.day .aufalle.daylong {
    display: none; }
  .new #form .expand ul.h-leftexpand li label.day span.dayshort {
    display: none; }
  .new #form .expand ul.h-leftexpand li label.day {
    line-height: 30px; }
  .new #content .hours p.error {
    width: 226px; }
  .new #content .hours.h-leftexpand p.error {
    width: 306px; }
  .new #content .h-leftexpand p.error span.arrow.hcol1 {
    left: 32px; }
  .new #content .h-leftexpand p.error span.arrow.hcol2 {
    left: 114px; }
  .new #content .h-leftexpand p.error span.arrow.hcol3 {
    left: 192px; }
  .new #content .h-leftexpand p.error span.arrow.hcol4 {
    left: 278px; } }

/* Smartphone */
@media only screen and (max-width: 767px) {
  .edit #form .expand ul li.hoursTitle a.tageAnwennedTop {
    line-height: 39px; }
  .edit #form .expand ul.left.h-leftexpand,
  .edit #form .expand ul.left {
    min-width: 320px;
    width: 100%; }
  .edit #form .expand ul li.open_additional {
    height: 31px; }
    .edit #form .expand ul li.open_additional a.tagEintragen {
      display: block;
      line-height: 30px; }
  .edit #form ul.hours li .textfield span.delete {
    left: auto;
    top: 13px;
    right: 3px; }
  .edit #form ul.hours li input {
    padding: 10px 3px; }
  .edit #form ul.hours li label {
    line-height: 39px; }
  .edit #header a img {
    height: 31px; }
  .edit #content .headline h1 {
    line-height: 30px; }
  .edit .mobile-visible {
    text-align: center; }
  .edit span.delete {
    top: 32px; }
    .edit span.delete[data-delete="company"], .edit span.delete[data-delete="tradename"] {
      right: 1%; }
    .edit span.delete[data-delete="streetname"] {
      left: auto;
      right: 26%; }
    .edit span.delete[data-delete="zipcode"], .edit span.delete[data-delete="phone_areacode"], .edit span.delete[data-delete="fax_areacode"], .edit span.delete[data-delete="mobile_areacode"] {
      left: auto;
      right: 78%; }
    .edit span.delete[data-delete="cityname"], .edit span.delete[data-delete="streetnr"], .edit span.delete[data-delete="fax_extension"], .edit span.delete[data-delete="phone_extension"], .edit span.delete[data-delete="mobile_extension"], .edit span.delete[data-delete="homepage"], .edit span.delete[data-delete="companyemail"], .edit span.delete[data-delete="fb"], .edit span.delete[data-delete="gp"] {
      right: 6px; }
    .edit span.delete[data-delete="firstname"], .edit span.delete[data-delete="lastname"] {
      left: 93%; }
  .edit #form ul li input {
    padding-left: 5px; }
    .edit #form ul li input[type="checkbox"] + label span {
      margin-top: 2px;
      height: 24px; }
  .edit #form #step3 p.right {
    margin-bottom: 0;
    text-align: center;
    width: 100%; }
  .edit .step3 .btnWrapper {
    width: 100%; }
  .edit a.done {
    width: 100%; } }

/* Tablets */
@media only screen and (min-width: 768px) and (max-width: 990px) {
  .headline.step1::after,
  .headline.emailstep1::after,
  #content .headline.step2::after,
  #content .headline.emailstep2::after,
  .headline.step3::after,
  .headline.emailstep3::after {
    box-sizing: content-box; }
  .wrapper {
    width: 100%; }
  .mobile-hidden {
    display: none; }
  html {
    -webkit-text-size-adjust: none; }
  body {
    background-image: none !important; }
  #header {
    height: auto;
    padding: 4px 0 0 0 !important;
    border-width: 5px;
    overflow: hidden; }
    #header p {
      display: block;
      margin: 0;
      position: absolute;
      right: 0;
      top: 0; }
  #content {
    padding: 0 !important;
    box-sizing: border-box;
    height: auto; }
    #content .headline {
      width: 100% !important;
      margin: 0 !important;
      background-color: #fff;
      box-sizing: border-box;
      border-radius: 0 !important;
      overflow: hidden; }
      #content .headline.step1 h1,
      #content .headline.emailstep1 h1,
      #content .headline.step2 h1,
      #content .headline.emailstep2 h1,
      #content .headline.step3 h1,
      #content .headline.emailstep3 h1 {
        font-size: 26px;
        font-weight: 700;
        padding-top: 5px;
        padding-bottom: 5px;
        text-align: center;
        width: 100%;
        background-color: #fff; }
      #content .headline h1 span {
        font-size: 26px;
        font-weight: 700; }
      #content .headline.step1:after, #content .headline.emailstep1:after, #content .headline.step2:after, #content .headline.emailstep2:after, #content .headline.step3:after, #content .headline.emailstep3:after {
        display: block;
        text-align: center; }
      #content .headline.step1 p {
        color: #4a4a4a;
        font-size: 16px;
        font-weight: 400;
        text-align: center; }
      #content .headline.step1 h2 {
        color: #4a4a4a;
        font-size: 18px;
        font-weight: 400;
        text-align: center; }
      #content .headline.step1:after {
        content: "";
        background: url("/Portal/images/response-forms/WKDB2018/mobile/logo11880.png") center 10px no-repeat #fff;
        background-size: 160px;
        box-sizing: content-box;
        color: #4a4a4a;
        height: 10px;
        padding: 0 0 25px; }
      #content .headline.step2:after {
        content: "Ihre Kontaktdaten werden für den Kundensupport benötigt und online nicht angezeigt.";
        background: url("/Portal/images/response-forms/WKDB2018/mobile/logo11880.png") center 33px no-repeat #fff;
        background-size: 160px;
        box-sizing: content-box;
        color: #4a4a4a;
        height: 33px;
        padding: 0 0 25px; }
      #content .headline.step3:after {
        content: "Ihr kostenloser Branchen-Eintrag wurde erfolgreich registriert und wird schon in Kürze von uns freigeschaltet.";
        color: #4a4a4a; }
      #content .headline.emailstep3:after {
        content: "2/2: Vielen Dank & viel Erfolg!";
        color: #4a4a4a; }
    #content .hours.h-leftexpand p.error {
      width: 420px; }
  .tablet-visible {
    display: block; }
  .steps.mobile {
    background-color: #fff;
    display: block;
    border-color: #4a4a4a;
    border-top-width: 2px;
    border-top-style: solid;
    padding: 8px 0;
    text-align: center; }
    .steps.mobile span {
      margin-left: 25px;
      color: #a7a7a7;
      font-size: 17px;
      vertical-align: middle; }
      .steps.mobile span:first-child {
        margin-left: 0; }
      .steps.mobile span:before {
        content: "";
        height: 25px;
        width: 25px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        border-radius: 13px;
        background-color: #a7a7a7;
        font-size: 18px;
        line-height: 25px; }
      .steps.mobile span label {
        display: inline-block;
        vertical-align: middle;
        color: #a7a7a7;
        padding: 5px 4px 5px 3px;
        font-weight: 400; }
    .steps.mobile .indicator-1:before {
      content: '1';
      color: #fff; }
    .steps.mobile .indicator-2:before {
      content: '2';
      color: #fff; }
    .steps.mobile .indicator-3:before {
      content: '3';
      color: #fff; }
    .steps.mobile.mobile .indicator-1,
    .steps.mobile.mobile .indicator-2,
    .steps.mobile.mobile .indicator-3 {
      font-weight: 400; }
    .steps.mobile.step1 .indicator-1,
    .steps.mobile.step2 .indicator-2,
    .steps.mobile.step3 .indicator-3 {
      color: #F3983E; }
      .steps.mobile.step1 .indicator-1:before,
      .steps.mobile.step2 .indicator-2:before,
      .steps.mobile.step3 .indicator-3:before {
        background-color: #F3983E; }
      .steps.mobile.step1 .indicator-1 label,
      .steps.mobile.step2 .indicator-2 label,
      .steps.mobile.step3 .indicator-3 label {
        color: #F3983E; }
  #content #form {
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box;
    border-radius: 0 !important;
    border-top-color: #4a4a4a;
    border-top-width: 1px;
    border-top-style: solid;
    min-height: 0 !important;
    padding: 0 !important; }
    #content #form.step2 form,
    #content #form.step3 form {
      min-height: 0; }
    #content #form form {
      border-radius: 0;
      margin: 0 !important;
      padding: 15px 9% !important;
      box-sizing: border-box; }
  #form ul.left, #form ul.right {
    padding: 0;
    width: 48% !important;
    box-sizing: border-box; }
  #form ul li {
    line-height: 0;
    font-size: 0; }
    #form ul li label {
      line-height: 20px; }
      #form ul li label.size_3, #form ul li label.size_4 {
        width: 75% !important;
        margin-left: 0 !important; }
      #form ul li label.size_4 {
        margin-right: 2%; }
      #form ul li label.size_2, #form ul li label.size_1 {
        width: 23% !important;
        margin-left: 0 !important; }
      #form ul li label.size_2 {
        margin-right: 2%; }
    #form ul li input {
      width: 100% !important;
      box-sizing: border-box;
      border-radius: 2px;
      padding-top: 10px;
      padding-bottom: 10px;
      height: 42px; }
      #form ul li input.size_3, #form ul li input.size_4 {
        width: 75% !important; }
      #form ul li input.size_2, #form ul li input.size_1 {
        width: 23% !important;
        margin: 0; }
      #form ul li input.size_2, #form ul li input.size_4 {
        margin-right: 2%; }
      #form ul li input:not([type=hidden]) + input {
        margin: 0; }
      #form ul li input.size_2#phone_areacode, #form ul li input.size_2#fax_areacode, #form ul li input.size_2#mobile_areacode {
        margin-right: 2%; }
  /* Step 2 */
  #step2 .left {
    float: none;
    margin: 0;
    width: 100%; }
  #step2 li {
    float: right;
    width: 48%; }
    #step2 li.firstname-li {
      float: left; }
  .step2 .btnWrapper {
    width: 100%; }
  .step2 a.grayBtn {
    width: 30%;
    margin: 0 2% 0 0;
    box-sizing: border-box; }
  .step2 a.submit.step2 {
    width: 30%;
    margin: 0;
    box-sizing: border-box;
    float: right; }
  /* Step 3 */
  #form #step3 {
    position: relative;
    height: 410px; }
    #form #step3 p.right {
      float: left; }
      #form #step3 p.right:after {
        content: "";
        display: block;
        margin-top: 15px; }
    #form #step3 p.tablet-visible {
      text-align: left; }
  #form.step3 .preview-container {
    position: absolute;
    margin: 0 auto;
    float: right; }
  .step3 .btnWrapper {
    width: 100%; }
  a.done.greenBtn {
    position: relative; }
  .trust {
    background-color: #f5f5f5;
    text-align: center;
    padding: 15px 0 15px; }
    .trust.step2 {
      margin: 0; }
    .trust img {
      max-width: 325px; }
  #form .preview-container .big li {
    line-height: 12px;
    color: #494949; }
  #form .preview-container .small li {
    font-size: 6px;
    line-height: 7px;
    color: #494949;
    margin-bottom: 0; }
  a.greenBtn {
    margin: 0 !important; }
  .trust {
    height: auto; }
    .trust .wrapper {
      height: 80px;
      background-size: 70%;
      background-position: center center; }
  #footer {
    height: 24px;
    text-align: center; }
    #footer p {
      line-height: 22px; }
    #footer a {
      line-height: 20px; }
    #footer .left {
      display: block;
      margin: 0px 0px 0px 10px; }
    #footer .center {
      float: left;
      margin: 0 0 0 10px; }
    #footer .right {
      float: right;
      margin: 0 10px 0 0; }
    #footer .right span,
    #footer .right a {
      float: none; }
    #footer .right a:first-child:before {
      content: "";
      margin-right: 0; }
  .layer {
    width: 300px;
    left: 50%;
    margin-left: -150px;
    box-sizing: border-box;
    height: 185px; }
  #content .pin,
  #header .steps.desktop,
  #content #benefits,
  #footer .right a.facebook,
  #footer .right a.twitter,
  #content .inf,
  #form ul li.spacer,
  #form.step2 .preview-container,
  .mobile-hidden {
    display: none; }
  #content p.error {
    width: 100%;
    box-sizing: border-box; }
    #content p.error span.arrow.streetnr, #content p.error span.arrow.cityname {
      left: 90%; }
    #content p.error span.arrow.phone_extension, #content p.error span.arrow.fax_extension {
      left: 40%; }
  #content .step2 p.error {
    width: 100%; }
  #form ul.hours li label {
    line-height: 42px; }
  /*Opening Hours*/
  #form .expand ul li a.tageAnwennedTop {
    display: block; }
  #form .expand ul li div.tageAnwennedRight {
    display: none; }
  #form .expand ul li.hoursTitle {
    height: 36px;
    line-height: 20px; }
  #form .expand ul li.hoursTitle label {
    width: 125px;
    float: left; }
  #form .expand ul li.hoursTitle a.tageAnwennedTop {
    float: left;
    line-height: 42px; }
  #form .expand ul.left.h-leftexpand {
    width: 100% !important; }
  #form .expand ul.h-leftexpand li div.tageAnwennedRight {
    display: block; }
  #form .expand ul.h-leftexpand li.hoursTitle a.tageAnwennedTop {
    display: none; }
  /*End of Opening Hours*/ }

/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 990px) {
  .new {
    /*Opening Hours*/
    /*End of Opening Hours*/ }
    .new #content .headline h1 span {
      font-size: 26px;
      font-weight: 700; }
    .new #content .headline.step2:after {
      font-size: 16px;
      font-weight: 300; }
    .new .steps.mobile.step1 .indicator-1 {
      font-size: 16px; }
    .new .steps.mobile.step1 .indicator-2 {
      font-size: 16px; }
    .new .steps.mobile.step1 .indicator-3 {
      font-size: 16px; }
    .new #form .hours .textfield span.indicator {
      left: 50px;
      top: 28px; }
    .new #form.step2 input + span.indicator {
      right: -8px; }
    .new #form.step2 ul li.firstname-li {
      width: 48%; }
    .new #form.step2 ul li.firstname-li + li {
      width: 48%;
      float: right; }
    .new #form.step2 ul li input[type=text] {
      width: 100%; }
    .new #form.step3 .preview-container {
      right: -40px;
      left: auto;
      top: 0; }
    .new #form #step3 p.right {
      width: 37%;
      margin: 42px 0 0 0; }
    .new #form .preview-container .big li {
      font-size: 12px;
      margin-bottom: 6px; }
    .new .step3 .btnWrapper {
      margin-top: 20px;
      text-align: center; }
    .new a.done.greenBtn {
      width: 330px; }
    .new #form ul li input[type="checkbox"] + label span {
      margin-top: 2px; }
    .new #form ul li input.size_3#phone_extension, .new #form ul li input.size_3#fax_extension, .new #form ul li input.size_3#mobile_extension {
      margin-right: 0; }
    .new .mobile.benefits span {
      font-size: 16px; }
    .new #footer p {
      margin-top: 0px;
      display: block;
      margin-bottom: 0; }
    .new #form .expand ul {
      /*socnet block*/ }
      .new #form .expand ul li.open_additional {
        line-height: 20px;
        margin-bottom: 10px; }
      .new #form .expand ul li.stichworte input.size_3 {
        margin-right: 0%;
        margin-left: 2%; }
      .new #form .expand ul.right li.soc,
      .new #form .expand ul.right li.stichworte {
        float: none; }
      .new #form .expand ul.right li.soc input {
        width: 100%; }
      .new #form .expand ul.right.h-rightexpand li.stichworte {
        float: right; }
    .new .float-right {
      float: right; }
    .new .float-clear {
      clear: both; } }

/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 990px) {
  .edit #content .headline h1 span {
    font-size: 26px;
    font-weight: 700; }
  .edit span.delete {
    top: 33px; }
    .edit span.delete[data-delete="streetname"] {
      left: auto;
      right: 26%; }
    .edit span.delete[data-delete="zipcode"], .edit span.delete[data-delete="phone_areacode"], .edit span.delete[data-delete="fax_areacode"], .edit span.delete[data-delete="mobile_areacode"] {
      left: auto;
      right: 78%; }
    .edit span.delete[data-delete="company"], .edit span.delete[data-delete="tradename"], .edit span.delete[data-delete="fax_extension"], .edit span.delete[data-delete="phone_extension"], .edit span.delete[data-delete="mobile_extension"], .edit span.delete[data-delete="streetnr"], .edit span.delete[data-delete="homepage"], .edit span.delete[data-delete="companyemail"], .edit span.delete[data-delete="cityname"], .edit span.delete[data-delete="fb"], .edit span.delete[data-delete="gp"] {
      right: 6px; }
    .edit span.delete[data-delete="firstname"], .edit span.delete[data-delete="lastname"] {
      left: 93%; }
  .edit #form ul li input {
    padding-left: 5px; }
    .edit #form ul li input[type="checkbox"] + label span {
      margin-top: 2px;
      height: 24px; }
  .edit #form.step3 .preview-container {
    right: -60px;
    top: 10px; }
  .edit #form .preview-container .big li {
    font-size: 14px; }
  .edit .preview-container:before {
    content: "Vorschau Ihres Firmeneintrags:";
    font-size: 15px;
    font-weight: 700;
    width: 240px;
    margin-top: 40px;
    display: block;
    position: absolute;
    top: -40px; }
  .edit a.done.greenBtn {
    top: 0;
    left: 50%;
    margin-left: -165px; }
  .edit #form #step3 p.right {
    width: 40%;
    margin-bottom: 0;
    margin-top: 42px; } }

#benefits {
  bottom: -50px;
  height: 34px;
  left: -32px;
  width: 975px;
  display: block;
  position: absolute;
  color: #F3983E; }

.benefits-content {
  background-color: #fff;
  border-bottom-color: #F3983E;
  border-bottom-style: solid;
  border-bottom-width: 3px;
  border-top-color: #F3983E;
  border-top-style: solid;
  border-top-width: 3px;
  height: 30px; }
  .benefits-content:before, .benefits-content:after {
    content: " ";
    display: table; }
  .benefits-content:after {
    clear: both; }
  .benefits-content:before {
    content: "";
    border-color: transparent;
    border-style: solid;
    border-top-color: #F3983E;
    border-width: 12px 12px 0;
    display: block;
    position: absolute;
    left: -6px;
    width: 0;
    transform: rotate(90deg);
    z-index: -1; }
  .benefits-content:after {
    content: "";
    border-color: transparent;
    border-style: solid;
    border-top-color: #F3983E;
    border-width: 12px 12px 0;
    bottom: -8px;
    display: none;
    position: absolute;
    width: 0;
    right: -6px;
    transform: rotate(270deg);
    left: auto;
    z-index: -1; }

.first-box {
  background-color: #F3983E;
  color: #fff;
  float: left;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  width: 230px; }
  .first-box:after {
    content: "";
    background-color: #F3983E;
    display: block;
    position: absolute;
    right: auto;
    top: 0;
    width: 20px;
    height: 34px;
    -ms-transform: skewX(30deg);
    /* IE 9 */
    -webkit-transform: skewX(30deg);
    /* Safari */
    transform: skewX(30deg);
    z-index: 2;
    left: 221px; }

.second-box {
  float: left;
  padding-left: 15px; }
  .second-box:before, .second-box:after {
    content: " ";
    display: table; }
  .second-box:after {
    clear: both; }
  .second-box .current-item {
    height: 37px;
    display: inline-block;
    float: left;
    padding: 5px 0 5px 38px; }
    .second-box .current-item span {
      float: left; }
    .second-box .current-item .icon-checked {
      color: #f3983e;
      font-size: 23px;
      margin-right: 5px; }
    .second-box .current-item .item-txt {
      font-family: "Ek Mukta", sans-serif;
      font-size: 16px;
      font-weight: 400; }
      .brandWKDB .second-box .current-item .item-txt {
        line-height: 1.5; }
  .second-box .in-box {
    display: inline-block; }

.edit #benefits {
  bottom: 35px;
  left: 244px;
  width: 747px; }

.edit .first-box {
  width: 137px;
  font-size: 15px;
  margin-top: -27px;
  font-weight: 400; }
  .edit .first-box:after {
    top: -24px;
    width: 18px;
    height: 27px;
    left: 127px; }

.edit .second-box {
  padding-left: 8px; }

.benefits-wrapper {
  display: none; }

@media only screen and (min-width: 991px) {
  .edit .benefits-content:after {
    display: block; }
  .edit .first-box {
    height: 24px; }
  .benefits-content:before {
    bottom: -8px; } }

@media only screen and (min-width: 768px) and (max-width: 990px) {
  .benefits-wrapper {
    display: block; }
    .benefits-wrapper:before, .benefits-wrapper:after {
      content: " ";
      display: table; }
    .benefits-wrapper:after {
      clear: both; }
  .benefits-wrapper {
    background-color: #efefef;
    color: #F3983E;
    padding: 10px 0 0px; }
  .benefits-content {
    margin: 0px 0;
    height: 22px;
    background-color: #fff;
    border-top: 1px solid;
    border-bottom: 1px solid; }
  .first-box {
    font-size: 13px !important;
    line-height: 23px;
    margin-top: 0 !important;
    position: relative;
    width: 105px !important; }
    .first-box:after {
      top: 0 !important;
      width: 13px !important;
      height: 22px !important;
      left: 98px !important; }
  .second-box {
    float: left;
    padding: 0;
    margin: 0;
    width: calc(100% - 120px); }
    .second-box .current-item {
      height: 20px;
      padding: 1px 0 1px 28px; }
      .second-box .current-item .icon-checked {
        font-size: 18px;
        margin-right: 5px;
        margin-top: 2px; }
  .second-box-content {
    margin: 0 auto;
    width: 626px;
    height: 22px; } }

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .benefits-wrapper {
    display: block;
    color: #F3983E; }
    .benefits-wrapper:before, .benefits-wrapper:after {
      content: " ";
      display: table; }
    .benefits-wrapper:after {
      clear: both; }
  .benefits-content {
    min-height: 22px;
    height: auto;
    background-color: #fff;
    border-top: none;
    border-bottom: none; }
  .first-box {
    display: none; }
  .second-box {
    float: none;
    padding: 15px 0;
    box-sizing: border-box; }
  .second-box-content {
    margin: 0 auto;
    width: auto;
    text-align: center; }
    .second-box-content:before, .second-box-content:after {
      content: " ";
      display: table; }
    .second-box-content:after {
      clear: both; }
    .second-box-content .current-item {
      float: none;
      height: 20px;
      padding: 2px 7px; } }

#header-steps {
  float: right;
  margin-right: 50px; }
  #header-steps .header-steps-content {
    border: 1px solid #F3983E;
    border-radius: 20px;
    height: 25px;
    padding: 4px 20px; }
    #header-steps .header-steps-content .first-step, #header-steps .header-steps-content .second-step, #header-steps .header-steps-content .third-step {
      display: inline-block;
      color: #8c8c8c;
      margin-right: 20px; }
      #header-steps .header-steps-content .first-step.active, #header-steps .header-steps-content .second-step.active, #header-steps .header-steps-content .third-step.active {
        opacity: 1;
        color: #F3983E; }
        #header-steps .header-steps-content .first-step.active .circle, #header-steps .header-steps-content .second-step.active .circle, #header-steps .header-steps-content .third-step.active .circle {
          background-color: #F3983E; }
      #header-steps .header-steps-content .first-step.visited, #header-steps .header-steps-content .second-step.visited, #header-steps .header-steps-content .third-step.visited {
        opacity: 0.3;
        color: #F3983E; }
        #header-steps .header-steps-content .first-step.visited .icon-checked, #header-steps .header-steps-content .second-step.visited .icon-checked, #header-steps .header-steps-content .third-step.visited .icon-checked {
          display: inline-block; }
        #header-steps .header-steps-content .first-step.visited .circle, #header-steps .header-steps-content .second-step.visited .circle, #header-steps .header-steps-content .third-step.visited .circle {
          background-color: #F3983E; }
      #header-steps .header-steps-content .first-step .circle, #header-steps .header-steps-content .first-step .step-text, #header-steps .header-steps-content .second-step .circle, #header-steps .header-steps-content .second-step .step-text, #header-steps .header-steps-content .third-step .circle, #header-steps .header-steps-content .third-step .step-text {
        font-size: 16px;
        line-height: 25px;
        display: inline-block; }
      #header-steps .header-steps-content .first-step .circle, #header-steps .header-steps-content .second-step .circle, #header-steps .header-steps-content .third-step .circle {
        width: 25px;
        height: 25px;
        color: #fff;
        font-size: 18px;
        text-align: center;
        border-radius: 13px;
        margin-right: 3px;
        background-color: #999;
        line-height: 25px; }
      #header-steps .header-steps-content .first-step .icon-checked, #header-steps .header-steps-content .second-step .icon-checked, #header-steps .header-steps-content .third-step .icon-checked {
        font-size: 20px;
        display: none;
        margin-left: 10px;
        margin-top: 3px;
        vertical-align: middle; }

@media only screen and (max-width: 990px) {
  #header-steps {
    display: none; } }

/* preview container */
.preview-container {
  background: url("/Portal/images/response-forms/WKDB2018/glass-WKDB.png") top center no-repeat transparent;
  display: none;
  height: 403px;
  position: absolute;
  right: 10px;
  top: 50px;
  width: 426px; }
  .preview-container li {
    list-style: none;
    margin-bottom: 10px; }
  .preview-container span {
    display: block; }
  .preview-container .companyPhone,
  .preview-container .companyFax,
  .preview-container .companyEmail,
  .preview-container .companyWebsite {
    padding-left: 16px; }
  .preview-container .big {
    border-radius: 160px;
    box-sizing: border-box;
    color: #494949;
    font-size: 14px;
    height: 270px;
    left: 135px;
    overflow: hidden;
    padding: 45px 0 0 40px;
    position: absolute;
    width: 270px;
    top: 73px; }
    .preview-container .big strong {
      margin-bottom: 15px;
      font-size: 16px;
      display: block;
      color: #494949;
      white-space: nowrap; }
    .preview-container .big .companyPhone {
      background: url("/Portal/images/response-forms/11880/icon-phone.png") left center no-repeat transparent; }
    .preview-container .big .companyFax {
      background: url("/Portal/images/response-forms/11880/icon-fax.png") left center no-repeat transparent; }
    .preview-container .big .companyEmail {
      background: url("/Portal/images/response-forms/WKDB2018/icon-at.png") left center no-repeat transparent; }
    .preview-container .big .companyWebsite {
      background: url("/Portal/images/response-forms/WKDB2018/icon-web.png") left center no-repeat transparent; }
    .preview-container .big li {
      line-height: 14px; }
    .preview-container .big li span {
      line-height: 18px; }
  .preview-container .companyWebsite, .preview-container .companyEmail {
    color: #4a4a4a; }
  .preview-container .small {
    color: #494949;
    font-size: 6px;
    height: 100px;
    left: 41px;
    overflow: hidden;
    position: absolute;
    width: 85px;
    top: 164px; }
    .preview-container .small strong {
      white-space: nowrap;
      color: #494949; }
    .preview-container .small li {
      margin-bottom: 4px !important; }
    .preview-container .small .companyPhone,
    .preview-container .small .companyFax,
    .preview-container .small .companyEmail,
    .preview-container .small .companyWebsite {
      padding-left: 0px; }

.brandWKDB.new .preview-container .big {
  left: 155px;
  top: 100px; }

.brandWKDB.new .preview-container .small {
  left: 58px;
  top: 250px;
  height: 70px; }

.brandWKDB.edit .preview-container .big {
  left: 155px;
  top: 55px; }

.brandWKDB.edit .preview-container .small {
  left: 58px;
  top: 205px;
  height: 70px;
  width: 77px; }

/*# sourceMappingURL=rf_wkdb.css.map */