/* lora-regular - latin */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../../front_fonts/lora/lora-v17-latin-regular.woff2") format("woff2"), url("../../front_fonts/lora/lora-v17-latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap; }

/* lora-700 - latin */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 700;
  src: local(""), url("../../front_fonts/lora/lora-v17-latin-700.woff2") format("woff2"), url("../../front_fonts/lora/lora-v17-latin-700.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap; }

/* lora-italic - latin */
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 400;
  src: local(""), url("../../front_fonts/lora/lora-v17-latin-italic.woff2") format("woff2"), url("../../front_fonts/lora/lora-v17-latin-italic.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap; }

/* lora-700italic - latin */
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 700;
  src: local(""), url("../../front_fonts/lora/lora-v17-latin-700italic.woff2") format("woff2"), url("../../front_fonts/lora/lora-v17-latin-700italic.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap; }

/* pragati-narrow-regular - latin */
@font-face {
  font-family: 'Pragati Narrow';
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../../front_fonts/pragati/pragati-narrow-v7-latin-regular.woff2") format("woff2"), url("../../front_fonts/pragati/pragati-narrow-v7-latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap; }

/* pragati-narrow-700 - latin */
@font-face {
  font-family: 'Pragati Narrow';
  font-style: normal;
  font-weight: 700;
  src: local(""), url("../../front_fonts/pragati/pragati-narrow-v7-latin-700.woff2") format("woff2"), url("../../front_fonts/pragati/pragati-narrow-v7-latin-700.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap; }

body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, ol, ul, li, dl, dt, dd, figure, table, th, td, form, fieldset, legend, input, textarea {
  margin: 0;
  padding: 0; }

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

caption, th, td {
  vertical-align: top;
  text-align: left; }

abbr, acronym {
  border-bottom: 1px dotted #666;
  font-variant: normal;
  cursor: help; }

blockquote, q {
  quotes: none; }

fieldset, img {
  border: 0; }

ul {
  list-style-type: none; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

del {
  text-decoration: line-through; }

ins {
  text-decoration: none; }

header, footer, nav, section, aside, article, figure, figcaption {
  display: block; }

body {
  color: #000; }

input, button, textarea, select {
  font-weight: inherit;
  font-size: 99%;
  font-family: inherit; }

pre, code {
  font-family: Monaco, monospace; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  font-size: 100%; }

h1 {
  font-size: 1.8333em; }

h2 {
  font-size: 1.6667em; }

h3 {
  font-size: 1.5em; }

h4 {
  font-size: 1.3333em; }

table {
  font-size: inherit; }

caption, th {
  font-weight: 700; }

a {
  color: #004b93; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 1em; }

h1, h2, h3, h4, h5, h6, p, pre, blockquote, table, ol, ul, form {
  margin-bottom: 12px; }

legend {
  display: block;
  width: 100%;
  border: 0;
  font-weight: 700; }

body, form {
  margin: 0;
  padding: 0; }

img {
  border: 0; }

header, footer, nav, section, aside, article, figure, figcaption {
  display: block; }

body {
  font-size: 100.01%; }

select, input, textarea {
  font-size: 99%; }

#container, .inside {
  position: relative; }

#main, #left, #right {
  position: relative;
  float: left; }

#main {
  width: 100%; }

#left {
  margin-left: -100%; }

#right {
  margin-right: -100%; }

#footer {
  clear: both; }

#main .inside {
  min-height: 1px; }

.ie7 img {
  -ms-interpolation-mode: bicubic; }

.ie8 img {
  width: auto; }

#wrapper {
  margin: 0 auto; }

#header {
  height: auto; }

#left {
  right: 200px;
  width: 186px; }

#container {
  padding-right: 25px;
  padding-left: 200px; }

.ce_gallery ul {
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none; }

.ce_gallery li {
  float: left; }

.ce_gallery li.col_first {
  clear: left; }

.block {
  overflow: hidden; }

.clear, #clear {
  clear: both;
  height: .1px;
  font-size: .1px;
  line-height: .1px; }

.invisible {
  position: absolute;
  top: -1000px;
  left: -1000px;
  display: inline;
  overflow: hidden;
  width: 0;
  height: 0; }

.custom {
  display: block; }

#container:after, .custom:after {
  display: table;
  clear: both;
  content: ""; }

figure {
  margin: 0;
  padding: 0;
  line-height: 1; }

figcaption {
  line-height: 1.2; }

.floatl {
  float: left;
  margin: 0 15px 15px 0;
  max-width: 50%; }

.floatr {
  float: right;
  margin: 0 40px 15px 15px;
  max-width: 50%; }

div.submit {
  padding-top: 1em; }

body {
  background-color: #fff;
  font: 16px/1.4 "Lora", Arial, sans-serif; }

h1,
h2,
h3,
h4 {
  margin-top: 0;
  color: #004b93;
  font-weight: 700;
  font-family: "Pragati Narrow", Arial, sans-serif; }

h2 {
  font-size: 2rem; }

h3 {
  margin-bottom: 0.3em;
  font-size: 1.2em; }

h4 {
  margin-bottom: 0.1em;
  font-size: 1em; }

h1 a,
h2 a,
h3 a {
  text-decoration: none; }

p {
  margin-top: 0; }

.error,
.hc_mailchimp_error {
  color: #9c0004; }

#Slogan {
  margin: 0 auto;
  width: 900px; }

#wrapper {
  background-color: #fff; }

#slogan {
  padding: 1em 0; }

#header {
  background-color: #fff; }
  #header .informationen {
    float: left;
    padding-top: 2rem; }
    #header .informationen p {
      float: right;
      padding: 0 1em;
      list-style: none; }
      #header .informationen p b {
        float: right;
        color: #9c9e9f;
        text-decoration: none;
        letter-spacing: 0.02px;
        font-size: 11px;
        padding-right: 1.2em;
        border-right: 0; }
      #header .informationen p a {
        color: #004b93;
        text-decoration: none; }
        #header .informationen p a:hover {
          color: #008a65; }
    #header .informationen strong {
      color: #004b93; }
  #header .inside {
    padding: 0; }
  #header #logo {
    float: left;
    padding: 20px; }
  #header #pageimage {
    clear: both; }
    #header #pageimage figure {
      max-height: 411px;
      line-height: 0;
      overflow: hidden; }
    #header #pageimage img {
      width: 100%; }
  #header h1 {
    position: absolute;
    left: 2vw;
    bottom: 2vw;
    width: 70vw;
    margin: 0;
    padding: 0;
    color: white;
    background: rgba(255, 255, 255, 0);
    text-shadow: 0 0 10px #0000008f;
    text-align: left;
    font-size: 3rem;
    text-transform: uppercase; }
  #header #extrafns {
    position: absolute;
    right: 0; }
    #header #extrafns a {
      padding: 13px 13px 5px;
      background-color: #008a65;
      text-decoration: none; }
      #header #extrafns a:hover {
        color: #dfede7; }

#header #extrafns a,
#header #extrafns form {
  float: left;
  margin-right: 1em;
  border-radius: 0 0 10px 10px;
  background-clip: padding-box;
  color: #fff; }

#Navigation .inside {
  padding: 0 20px; }

#container {
  margin-top: 24px;
  background-color: #fff; }

#left .inside {
  margin-right: 12px; }

#left .mod_navigation {
  margin-bottom: 20px;
  border: none !important;
  background-color: #dfede7; }
  #left .mod_navigation a,
  #left .mod_navigation span {
    font-family: "Pragati Narrow", sans-serif;
    font-size: 1.125rem;
    display: block;
    padding: 10px 15px;
    text-decoration: none; }
  #left .mod_navigation a {
    background-color: #dcdfee;
    color: #004b93; }
    #left .mod_navigation a:hover {
      text-decoration: underline; }
  #left .mod_navigation ul {
    margin: 0;
    padding: 0; }
    #left .mod_navigation ul .active {
      background-color: #dfede7;
      color: #004b93;
      font-weight: 700; }
  #left .mod_navigation li {
    border-bottom: 1px solid #004b93;
    list-style: none; }

#left .mod_navigation ul li span,
#left .mod_navigation ul li .trail {
  font-weight: 700; }

#left .mod_navigation ul li a.trail,
#left .mod_navigation ul li span {
  background-color: #dfede7;
  color: #004b93; }

#left .mod_navigation ul li:last-child {
  border: none; }

#left .mod_navigation ul li li {
  border: none; }

#left .mod_navigation ul li li a,
#left .mod_navigation ul li li span {
  padding: 5px 30px;
  border-bottom: none;
  background-color: #dfede7; }

#left .mod_navigation ul li a.submenu.trail,
#left .mod_navigation ul li span.active.submenu {
  padding-bottom: 0.4em; }

#left #address {
  padding: 1em;
  background-color: #dcdfee;
  color: #004b93;
  font-size: 11px; }

#left .boxwrapper {
  overflow: hidden;
  margin-bottom: 2em;
  border-width: 1px 1px 1px medium;
  border-style: solid solid solid none;
  border-color: #004b93 #004b93 #004b93 -moz-use-text-color;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-image: none; }

#main {
  padding-bottom: 20px; }
  #main a {
    color: #004b93; }
    #main a:hover {
      color: #008a65; }
  #main ul {
    padding-left: 2em;
    list-style: disc; }
  #main li {
    padding-left: 0.5em; }
  #main .gallery {
    padding-left: 0; }
  #main figure.image_container {
    padding: 5px;
    margin-bottom: 1em; }
    #main figure.image_container img {
      padding: 5px;
      background-color: #fff;
      box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
      box-sizing: border-box; }
    #main figure.image_container figcaption {
      font-style: italic; }

.ce_gallery td {
  background-color: #fff; }

.ce_gallery ul {
  padding-left: 0; }

.ce_gallery li {
  padding-left: 0;
  list-style: none; }

.recurring {
  display: none; }

table {
  width: 100%;
  border-collapse: separate; }
  table thead th {
    padding: 5px;
    border: none;
    border-bottom: 3px solid #fff;
    background-color: #008a65;
    color: #fff; }
    table thead th.col_first {
      border-top-left-radius: 3px;
      border-top-right-radius: 3px; }
    table thead th .col_last {
      border-top-left-radius: 3px;
      border-top-right-radius: 3px; }

table thead th table thead th a {
  color: #fff; }

table thead th a:hover {
  color: #fff;
  text-decoration: none; }

table thead th:empty {
  border: none;
  background: transparent; }

table td {
  padding: 10px;
  border-bottom: 1px solid #fff;
  background-color: #dfede7;
  color: #008a65;
  text-align: left;
  text-shadow: 1px 1px 1px #fff; }

.ce_table tr.odd td {
  background: #c2e7d7; }

.mod_breadcrumb ul {
  margin: 0;
  padding: 1em 0;
  color: #9c9e9f;
  list-style: none; }

.mod_breadcrumb ul:before {
  margin: 0 0.5rem;
  content: "Sie sind hier: "; }

.mod_breadcrumb ul li {
  display: inline;
  margin-right: 0.5em; }

.mod_breadcrumb ul li:before {
  content: ">"; }

.mod_breadcrumb ul li a {
  color: #9c9e9f; }

.ce_divider {
  margin: 1em 0; }

.ce_divider hr {
  display: block;
  border: none;
  border-top: 1px solid #aab6da; }

.tableform td {
  background-color: transparent; }

/* FORMS */
#main input {
  float: left;
  margin-bottom: 10px;
  padding: 0.5em; }

#main fieldset {
  border: 1px solid #ccc;
  border-radius: 0 3px 0 0;
  background-clip: padding-box; }

#main .styled_select {
  float: none;
  min-width: 100px; }

#main label {
  display: block;
  float: left; }

#main a[href^="mailto:"] {
  background-image: url("../front_grafik/icons/icon_mailto.gif"); }

#main a[href$=".doc"],
#main a[href$=".rtf"],
#main a[href$=".xls"],
#main a[href$=".txt"],
#main a[href$=".vcard"],
a[href$=".exe"],
a[href$=".dmg"],
a[href$=".app"],
a[href$=".pps"],
a[href$=".pdf"],
a[href$=".zip"],
a[href$=".rar"],
a[href$=".gzip"],
a[href$=".bzip"],
#main a[href$=".ace"],
#main a[href$=".jpg"],
#main a[href$=".gif"],
#main a[href$=".png"],
#main a[href$=".bmp"],
#main a[href$=".jpeg"],
#main a[href$=".svg"],
#main a[href$=".eps"],
#main a[href$=".mov"],
#main a[href$=".wmv"],
#main a[href$=".mp4"],
#main a[href$=".avi"],
#main a[href$=".mpg"],
#main a[href$=".mp3"],
#main a[href$=".wav"],
#main a[href$=".ogg"],
#main a[href$=".wma"],
#main a[href$=".m4a"],
#main a[href^="mailto:"] {
  background-position: left center;
  background-repeat: no-repeat;
  padding: 5px 0 5px 20px; }

#main a[href$=".doc"],
a[href$=".rtf"] {
  background-image: url("../front_grafik/icons/icon_doc.gif"); }

#main a[href$=".txt"] {
  background-image: url("../front_grafik/icons/icon_txt.gif"); }

#main a[href$=".xls"] {
  background-image: url("../front_grafik/icons/icon_xls.gif"); }

#main a[href$=".vcard"] {
  background-image: url("../front_grafik/icons/icon_vcard.gif"); }

#main a[href$=".exe"] {
  background-image: url("../front_grafik/icons/icon_exe.gif"); }

a[href$=".dmg"],
a[href$=".app"] {
  background-image: url("../front_grafik/icons/icon_dmg.gif"); }

a[href$=".pps"] {
  background-image: url("../front_grafik/icons/icon_pps.gif"); }

a[href$=".pdf"] {
  background-image: url("../front_grafik/icons/icon_pdf.gif"); }

a[href$=".zip"],
a[href$=".rar"],
a[href$=".gzip"],
a[href$=".bzip"],
a[href$=".ace"] {
  background-image: url("../front_grafik/icons/icon_archive.gif"); }

#main a[href$=".jpg"],
#main a[href$=".gif"],
#main a[href$=".png"],
#main a[href$=".bmp"],
#main a[href$=".jpeg"],
#main a[href$=".svg"],
#main a[href$=".eps"] {
  background-image: url("../front_grafik/icons/icon_pic.gif"); }

a[href$=".mov"],
a[href$=".wmv"],
a[href$=".mp4"],
a[href$=".avi"],
a[href$=".mpg"] {
  background-image: url("../front_grafik/icons/icon_film.gif"); }

a[href$=".mp3"],
a[href$=".wav"],
a[href$=".ogg"],
a[href$=".wma"],
a[href$=".m4a"] {
  background-image: url("../front_grafik/icons/icon_music.gif"); }

#main a[href^="mailto:"] {
  background-image: url("../front_grafik/icons/icon_mailto.gif"); }

#main .imagebox a {
  padding: 0;
  background-image: none; }

#address p {
  margin-bottom: 0; }

li.imagebox {
  list-style: none;
  overflow: hidden;
  padding: 5px;
  width: 160px;
  height: 160px;
  border: 1px solid #d3d3d3;
  background-color: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
  text-align: center; }

#baguetteBox-overlay .full-image figcaption {
  font-size: 16px; }

footer {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2rem;
  background-color: #004b93;
  color: #fff;
  font-family: "Pragati Narrow", Arial, sans-serif;
  padding: 2rem; }
  footer a {
    color: #fff; }

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3px 6px;
  width: 100%;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #fff;
  -webkit-box-shadow: inset 0 1px 1px #eee;
  -moz-box-shadow: inset 0 1px 1px #eee;
  box-shadow: inset 0 1px 1px #eee;
  -webkit-transition: all .15s linear;
  -moz-transition: all .15s linear;
  -o-transition: all .15s linear;
  transition: all .15s linear; }

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
  outline: 0;
  border-color: #bbb;
  background: #fcfcfc; }

input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] {
  width: auto; }

textarea, select[multiple], select[size] {
  height: auto; }

input[type="radio"], input[type="checkbox"] {
  margin: 0 3px 0 0; }

input[type="radio"], input[type="checkbox"], label {
  vertical-align: middle; }

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
  background: #eee;
  cursor: not-allowed; }

input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] {
  background: transparent; }

input[type="submit"], .button {
  display: inline-block;
  margin-bottom: 0;
  padding: 4px 15px 4px 14px;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #ececec;
  background-image: -moz-linear-gradient(top, #fff, #ececec);
  background-image: -webkit-linear-gradient(top, #fff, #ececec);
  background-image: -ms-linear-gradient(top, #fff, #ececec);
  background-image: -o-linear-gradient(top, #fff, #ececec);
  background-image: linear-gradient(to bottom, #fff, #ececec);
  background-repeat: repeat-x;
  color: #000;
  vertical-align: middle;
  text-align: center;
  font-size: 11px;
  line-height: 16px;
  cursor: pointer;
  -webkit-transition: background .15s linear;
  -moz-transition: background .15s linear;
  -o-transition: background .15s linear;
  transition: background .15s linear; }

input[type="submit"]:hover, .button:hover {
  background-position: 0 -15px !important;
  text-decoration: none; }

input[type="submit"]:active, .button:active {
  background-color: #e6e6e6;
  background-position: 0 -30px !important; }

input[type="submit"].blue, .button.blue {
  border-color: #2f96b4;
  background-color: #2f96b4;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  color: #fff; }

input[type="submit"].blue:active, .button.blue:active {
  background-color: #2e95b3; }

input[type="submit"].green, .button.green {
  border-color: #51a351;
  background-color: #51a351;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -ms-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  color: #fff; }

input[type="submit"].green:active, .button.green:active {
  background-color: #4f9f4f; }

input[type="submit"].orange, .button.orange {
  border-color: #f89406;
  background-color: #f89406;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  color: #fff; }

input[type="submit"].orange:active, .button.orange:active {
  background-color: #f28f04; }

input[type="submit"].red, .button.red {
  border-color: #bd362f;
  background-color: #bd362f;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  color: #fff; }

input[type="submit"].red:active, .button.red:active {
  background-color: #be322b; }

div.error {
  padding: 1em;
  font-weight: bold;
  border: 1px solid #bd362f;
  margin-bottom: 1em; }

/*==========  Non-Mobile First Method  ==========*/
/*
  Large Devices, Wide Screens
*/
@media only screen and (max-width: 2600px) {
  .mobile {
    display: none; }
  .no-mobile {
    display: block; }
  img,
  #wrapper,
  #Slogan {
    max-width: 100%;
    height: auto; }
  iframe {
    max-width: 100%; } }

/* Medium Devices, Desktops */
/*
  Small Devices, Tablets
*/
@media (max-width: 767px) {
  #wrapper {
    margin: 0;
    width: auto; }
  #container {
    padding-left: 0;
    padding-right: 0; }
  #main,
  #left,
  #right {
    float: none;
    width: auto; }
  #left {
    right: 0;
    margin-left: 0; }
  #right {
    margin-right: 0; }
  .floatl,
  .floatr {
    max-width: none; } }

@media only screen and (max-width: 768px) {
  .mobile {
    display: block; }
  .no-mobile {
    display: none; }
  #header {
    height: auto; }
    #header .informationen {
      float: none;
      margin-top: 0px;
      padding-top: 0.5em; }
    #header #extrafns {
      height: auto;
      margin-bottom: 1em; }
      #header #extrafns a {
        padding: 8px 8px 4px; }
    #header #logo {
      margin-bottom: 0; }
      #header #logo img {
        width: 120px; }
    #header h1 {
      font-size: 2rem;
      line-height: 1.1; }
  #container {
    border-left-width: 10px;
    padding-right: 10px; }
  #main .inside {
    padding: 1em; }
  #main .gallery {
    padding-left: 0; }
    #main .gallery .imagebox {
      max-width: 40%;
      max-height: 100px; }
  #main .single {
    float: none;
    max-height: none;
    margin: 0; }
  .mobile-button {
    clear: both;
    display: block;
    text-align: center;
    margin-bottom: 0.5em;
    background-color: #004b93;
    border: 1px solid #efefef;
    color: #fff;
    font-weight: bold;
    padding: 1em; }
    .mobile-button:hover {
      background-color: #0058ad; }
  .user-verband {
    padding: 3em 1em 0 0;
    text-align: center;
    color: #004b93;
    font-size: 12px;
    font-weight: normal; } }

/*
  Extra Small Devices, Phones
*/
@media only screen and (max-width: 480px) {
  #extrafns {
    display: none; }
  #wrapper,
  #Slogan {
    min-width: 320px; } }

/*
  Custom, iPhone Retina
*/
@media only screen and (max-width: 320px) {
  #logo {
    float: none; } }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading,
  .fancybox-close,
  .fancybox-prev span,
  .fancybox-next span {
    background-image: url("../front_grafik/fancybox/fancybox_sprite@2x.png");
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/ }
  #fancybox-loading div {
    background-image: url("../front_grafik/fancybox/fancybox_loading@2x.gif");
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/ } }