@charset "UTF-8";
/*
Name: NudeGrid
Description: Simple css-grid for easy wireframing 
Version: 0.4
Author: Nikolai Selders
Author URI: http://www.th3design.de
*/

:root{
--rowMaxWidth: 5000px;
--seitenrand: 40px;

}


/*Reset*/
* {margin: 0;padding: 0;border: 0;outline: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section,main { display: block; }
html {  -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; }

body {
  height: 100%;
  background: #dce1e7;
  color: #000;
  font-family: sans-serif; 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  font-size: 100%;
  position: relative;
  cursor: default;
  overflow: hidden;
  overflow-y: auto;
  border-top: 1px solid rgba(255, 255, 255, 0);
  margin-top: -1px; 
  text-rendering: optimizeLegibility;
}

a {background-color: transparent; }
img { -ms-interpolation-mode: bicubic; }
button::-moz-focus-inner { border: 0; }
/*Die Farbe bei Selektiertem Text*/
::-moz-selection {
  background: #323232;
  color: #fff; }

::selection {
  background: #323232;
  color: #fff; }

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

a, p, h1, h2, h3, h4, h5, h6, span, li, nav, td {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: normal;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility; }

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

*, *:before, *:after {
  /*the html-Element gets the   box-sizing: border-box; and now all Childs get the same border-box*/
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }

.row:after, .clear { clear: both; }
.row, .row-full-width, div, nav, section, article { *zoom: 1; }

.row{
  position: relative;
  width: 100%;
  margin: 0 auto;
  max-width: var(--rowMaxWidth); 
}

/* Randabstand max-width = max Breite der Row + des Margins */
@media screen and (max-width: 1580px) {
  .row{
    /* Hier wird der Randabstand zum Browser ab <1142px (Siehe oben) erzeugt */
/*    width: calc(100% - 80px); 
    margin: 0 40px; */
  }
}
@media screen and (max-width: 761px) {
  .row{
    width: 100% ; /* Hier wird der Randabstand zum Browser  erzeugt */
    margin: 0;
  }
}



header, footer,
.row-full-width {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 100%; }

.row:before, .row:after, .row-full-width:before, .row-full-width:after {
  content: "";
  display: table; }

.row .row, .row-full-width .row {
  width: auto; }


.c1, .c2, .c3, .c4, .quarter, .c5, .c6, .c7, .c8, .half, .fifth, .c9, .c10, .c11, .c12, .c13, .c14, .c15, .c16, .c17, .c18, .c19, .c20, .c21, .c22, .c23, .c24, .third, .two-third, .full{
  position: relative;
  width: 100%;
  float: left; 
  display: block;
  border-top: 0.01em solid transparent;
}


.c1m, .c2m, .c3m, .c4m, .quarterm, .c5m, .c6m, .c7m, .c8m, .halfm, .fifthm, .c9m, .c10m, .c11m, .c12m, .c13m, .c14m, .c15m, .c16m, .c17m, .c18m, .c19m, .c20m, .c21m, .c22m, .c23m, .c24m, .thirdm, .two-thirdm, .fullm {
  position: relative;
  width: 100%;
  float: left; 
  display: block;
  margin-right: 6px;
}

/* 24 x Grid */
.c1{           width: 4.164%;  }
.c2{           width: 8.332%;  }
.c3{           width: 12.49%;  }
.c4{           width: 16.65%;  }
.c5{           width: 20.83%;  }
.c6{           width: 24.97%;  }
.c7{           width: 29.16%;  }
.c8{           width: 33.332%; }
.c9{           width: 37.492%; }
.c10{          width: 41.662%; }
.c11{          width: 45.832%; }
.c12{          width: 49.968%; }
.c13{          width: 54.16%;  }
.c14{          width: 58.33%;  }
.c15{          width: 62.49%;  }
.c16{          width: 66.662%; }
.c17{          width: 70.83%;  }
.c18{          width: 74.99%;  }
.c19{          width: 79.16%;  }
.c20{          width: 83.33%;  }
.c21{          width: 87.49%;  }
.c22{          width: 91.66%;  }
.c23{          width: 95.83%;  }
.c24{          width: 100%;    }
.full{         width: 100%;    }
.half{         width: 50%;     }
.third{        width: 33.332%; }
.two-third{    width: 66.662%; }
.quarter{      width: 25%;     }
.fifth{        width: 20%;     }



/* 24 x Grid with Margin-Right*/
.c1m{             width: calc( 4.164% -    6px);  }
.c2m{             width: calc( 8.332% -    6px);  }
.c3m{             width: calc( 12.49% -    6px);  }
.c4m{             width: calc( 16.65% -    6px);  }
.c5m{             width: calc( 20.83% -    6px);  }
.c6m{             width: calc( 24.97% -    6px);  }
.c7m{             width: calc( 29.16% -    6px);  }
.c8m{             width: calc( 33.332% -   6px);  }
.c9m{             width: calc( 37.492% -   6px);  }
.c10m{           width: calc( 41.662% -    6px);  }
.c11m{           width: calc( 45.832% -    6px);  }
.c12m{           width: calc( 49.968% -    6px);  }
.c13m{           width: calc( 54.16% -     6px);  }
.c14m{           width: calc( 58.33% -     6px);  }
.c15m{           width: calc( 62.49% -     6px);  }
.c16m{           width: calc( 66.662% -    6px);  }
.c17m{           width: calc( 70.83% -     6px);  }
.c18m{           width: calc( 74.99% -     6px);  }
.c19m{           width: calc( 79.16% -     6px);  }
.c20m{           width: calc( 83.33% -     6px);  }
.c21m{           width: calc( 87.49% -     6px);  }
.c22m{           width: calc( 91.66% -     6px);  }
.c23m{           width: calc( 95.83% -     6px);  }
.c24m{           width: calc( 100% -       6px);  }
.fullm{          width: calc( 100% -       6px);  }
.halfm{          width: calc( 50% -        6px);  }
.thirdm{         width: calc( 33.332% -    6px);  }
.two-thirdm{     width:  calc( 66.662% -   6px);  }
.quarterm{       width:  calc( 25% -       6px);  }
.fifthm{         width:  calc( 20% -       6px);  }


.flex{ display: flex; }

.vspace{ margin-right: 4.164%; }

/* Horizontaler Abstand */
.hspace { margin-top: 40px; }
 
.center {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  float: none !important; 
}

.text-center { text-align: center; }
.justify { text-align: justify; }

.fl {  float: left; }
.fr { float: right; }

.alignleft {
  display: inline;
  float: left;
  margin-right: 12px;
  margin-bottom: 10px;
  margin-top: 5px;
  max-width: 430px; }

.alignright {
  display: inline;
  float: right;
  margin-left: 2.4em;
  margin-bottom: 1em;
  margin-top: 5px;
  max-width: 420px;
  height: auto; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }





#map_canvas {
  position: absolute;
  top:0;
  margin: 0;
  padding: 0;
  width:100%;
  height: 100%;
  /*min-height: 400px;*/
}



.fb{  border: 1px solid #ff00ff; }

/* IPhone Telefonnummern Hack*/
a[href^="tel"] { text-decoration: none; color: #fff; }
h1 a { text-decoration: none; color: #fff; }