body {
  font-size: 12.8px;
  font-weight: normal;
  margin-top: 8px;
}

li {
  margin-bottom: 3px;
}
li li {
  margin-bottom: 5px;
}

textarea {
   resize: none;
}

#alles{
  width:                75%;
  max-width:            1020px;
  min-width: 950px;
/*  padding-bottom:     5px;*/
  background-color:     white;
  margin-left:          auto;
  margin-right:         auto;
  border:               3px solid green;
}

#inhalt{
  background-color:     white;
  border-style:         none;
}


#kopf {
  background:           green;
  top:                  10px;
  width:                100%;
  max-width:            1020px;
  clear: both;
}

input {
  /*height: 70px;*/
  width: 60px;
}

#banner{
  text-align:           center;
  width:                52%;
  max-width:            524px;
}

nav {
  background-color: green;
  padding:              0.5px;
  text-align:           center;
  padding-top: 20px;
  padding-bottom: 10px;
  clear: both;
}

#kopf nav {
  margin-top:           -10px;
  font-size:            1.1em;
}

nav a {
  color:                white;
  text-decoration:      none;
}

nav a:hover{
  text-shadow:          0px 0px 4px #0f0;
}


nav ul {
  list-style-type:      none;
  font-weight:          bold;
  padding-left:         0px;
}

nav ul li {
  text-align:           center;
  display:              inline-block;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: 5px;
  margin-right: 5px;
  background-color:darkslategrey;
  border:          1px solid white;
}

nav ul li em {
  color:                lime;
  font-weight:          bold;
  font-size:            1.1em;
}

.aktiverTab {
  background-color:darkcyan;
}

header {
  margin-top: 0px;
}

header blockquote{
  float:                right;
  color:                white;
}

.theiframe{
 border-width:          0px;
 max-width:             1020px;
 width:                 100%;
 padding:               0px 0px 0px 0px;
 margin-left:           1%;
 margin-right:          1%;
}

.hauptteil {
  margin:               0px;
  padding-left:         0px;
}

.hauptteil h2{
  padding-top:          5px;
  padding-left:         1%;
}


#logo{
  float: left;
  margin-right:         3%;
  margin-left:          1%;
  margin-top: 0.5%;
  max-width:            135px;
  padding-bottom: 3px;
  width:                14%;
  left:                 86%;
}

#blitz{
  position:             absolute;
  left:                 52%;
  width:                8.6%;
  max-width:            95px;
  height: auto;
}

#spruch{
  width:                28%;
  max-width:            280px;
  margin-top: 1.5%;
  float: left;
  top:                  25px;
  font-weight:          bold;
  font-style:           oblique;
  font-family:          Sans-serif;
  font-size:            122%;
}

#spruch span {
  font-size:            230%;
  font-weight: bolder;
}

.emph{
  font-size: 130%;
}

#anschrift {
  float: left;
  font-weight:          bold;
  font-family:          Sans-serif;
  color: white;
  font-size:            122%;
  margin: 1.5% 1% 1% 1%;
}

#kontakt {
  float: left;
  font-weight:          bold;
  font-family:          Sans-serif;
  color: white;
  font-size:            122%;
  margin: 1.5% 0% 1% 1%;
}

#kontakt a {
  color: white;
}

#text_1{
  margin-left: 1%;
  margin-top: 0.5%;
}


aside {
  float:                right;
  margin:               1% 1% 1% 0%;
  padding:              1% 2% 1% 1%;
  width:                22%;
  max-width:            220px;
}

h1 {
  padding-left: 1%;
  padding-top:  30px; 
  font-style: bold;
  font-size: 1.8em;
  padding-bottom: 10px;
  font-weight: bold;
}

article {
  padding: 1%;
}

table, th, td {
    border: 0px solid black;
    border-collapse: collapse;
}
tr {
    text-align: left;
}


.brushtable {
  border: 1px solid black;
}

.brushtable th, .brushtable td {
  padding: 5px;
}
.brushtable tr:nth-child(odd) { 
    font-weight: bold;
    background-color:rgba(0,128,128,0.4);
}
.brushtable td:first-child {
    font-weight: bold;
    background-color:rgba(0,128,128,0.4);
}
.brushtable tr:first-child {

}


.catalog td {
    border: 1px solid black;
    padding: 5px;
}
.catalog {
    margin-left: 10px;
    margin-top: 5px;
    border-collapse: separate;
    border-spacing: 5px 0px;
}
.catalog tr:nth-child(odd) {
    background-color: darkslategray;
    color: white;
    font-weight: bold;
}
.catalog tr:nth-child(2) td:nth-child(2) {
    /*background-color: rgba(0,128,128,0.4);*/
    background-color: rgba(32,32,230,0.3);
}

.catalog tr:nth-child(2) td:nth-child(3) {
    /*background-color: rgba(32,32,230,0.3);*/
    background-color: rgba(32,255,32,0.5);
}
.catalog td:nth-child(1) {
    max-width: 380px;
}
.catalog td:nth-child(4){
    min-width: 130px;
}

.catalog2 td {
    border: 1px solid black;
    padding: 5px;
}


.catalog2 {
    margin-left: 10px;
    margin-top: 5px;
    border-collapse: separate;
    border-spacing: 5px 0px;
}
.catalog2 tr:nth-child(odd) {
    background-color: darkslategray;
    color: white;
    font-weight: bold;
}
.catalog2 td:nth-child(2) {
 min-width: 100px;
}

.catalog2 tr:nth-child(2) td:nth-child(2) {
    background-color:  rgba(32,144,130,0.4);
}
.colred {
    background-color:  rgba(32,144,130,1.0);
}

.catalog2 td:nth-child(1) {
    max-width: 380px;
    min-width: 380px;
}
.catalog2 td:nth-child(4){
    min-width: 80px;
}

.catalog2 td  {
    margin-right: 0px;
}

.frametable tr (
 padding: 0px;
)
.frametable td (
 padding: 0px;
)
.frametable, .frametable tr, .frametable td {
  border: 0px solid white;
}

.mid{
 vertical-align: middle;
}

.button {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 50px;
    max-width: 300px;
    width: 50%;
    min-width: 200px;
    background: darkslategray; /*#0066b1; rgb(48, 80, 80);*/
    border: 2px solid rgba(33, 68, 72, 0.59);
     
    /* Text Styles */
    color: white;
    text-align: center;
    font: bold 1.5em/50px Arial, Helvetica, Geneva, sans-serif;
}
 
a.button {
    text-decoration: none;
}
 
a.button:hover {
    background-color:darkcyan; 
}

#arrows{
position: relative;
top: -5px;
left: 55%;
z-index: 3;
}

.abi_x{
  height: 170px;
}

.image_container {
  float: left;
}

.image_text {
    background-color: silver;
    background-color: hsla(0, 0%, 100%, 0.5);
    position: relative;
    bottom: 15px;
    width: 100%;
    line-height: 2em;
    text-align: center;
}

.image_width {
  width: 220px;
}

.image_width_small {
  height: 95px;
  margin-left: 10%;
  margin-right: 9%;
}

.separate {
  clear: both;
}

.separated {
  border-bottom:          2px dotted green;
  height:                 160px;
}
.titlequestion {
  padding-top: 2px;
  font-size: 140%;
  padding-bottom: 3px;
  min-width: 400px;
  /*font-weight: bold;*/
}

.clear:after {
  clear: both;
}

.left {
  float: left;
}

.block {
  display: block;
}
.inline {
  display: inline;
}


.fullwidth {
  width:98%;
}

.midwidth {
  margin-left: 1%;
  width:96%;
  margin-bottom: 2%;
}

.topmargin {
  margin-top: 0px;
}

.horizontal_center {
  margin-top: auto;
  margin-bottom: auto;
}

.spaced{
  margin-left:  12.5%;
  margin-right: 13%;
}

.spaced2{
  margin-left:  8%;
  margin-right: 8%;
}

.spaced3{
  margin-left:  17%;
  margin-right: 17%;
}


.vertical_center {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.vc {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}


.bottommargin {
  margin-bottom: 5px;
}

.bold {
  font-weight: bold;
  background-color: darkslategray;/*rgba(0,128,0,1.0);*/
  color: white;
  padding-top:  4px;
  padding-bottom:  4px;
  padding-left: 4px;
}

textarea {
  margin-left: 5px;
}

.margin5 {
  margin-left: 5px;
}

.margin10 {
  margin-left: 20px;
  padding-left: 5%;
}


.article_description{
  background-color: white;
  color: black;
}

.yellowish{
  background-color:  rgba(32,255,32,0.5);
  color: black;
}

.blueish{
  background-color: rgba(32,32,230,0.3);
  color: black;
}

.center {
  width:20%;
  text-align: center;
  margin-right: 0%;
}


#service{
  padding-left:           1%;
}

article:nth-last-child(-n+1) {
  border-bottom:          none;
}


article img {
  float:                  right; 
}

article a img:hover{
  outline:              2px dotted red;
}

/* article p {
  width:                380px;
}*/

article p {
  margin-top: 5px;
  font-size: 1.1em;
  margin-bottom: 0px;
}

article h2 {
  /*margin-left: 1%;*/
}

article h3 {
  margin-top:           40px;
  margin-bottom:        5px;
  font-size:            1.5em;
}

.static_image {
  max-width:            725px;
  width:                72%;
  height:               auto;
}

.big_image {
  max-width: 960px;
  width: 98%;
  height: auto;
  padding-left: 1%;
}

.standard_image {
  max-width: 620px;
  width: 65%;
  height: auto;
}

b {
  font-weight: bold;
}

footer { 
  background:           green;
 }

#fuss{
  clear:                both;
  background:           green;
  padding:              1px;  
}

#fuss nav a:visited{
  color:                white;
}
.list{
  margin-left: 3%;
  list-style-type:disc;
}

.list ul {
  list-style-type: circle;
  margin-left: 3%;
}

#impres ul {
  list-style-type:		none;
  max-width:			550px;
  width:                98%;
}

#impres  ul li {
  font-size:			1.25em;
}

#impres ul li:nth-child(1) {
  margin-top:       30px;
  color:			maroon;
  font-size:			1.5em;
  font-weight:			bold;
  
}

.Tel {
  font-weight:			bold; 
}

#abisofix_bild{
  width: 58%;
  margin-left: 1%;
  margin-right: 2%;
  border: 3px solid blue;
  background-color: rgba(32,32,230,0.3);
}

#messerkopf_bild{
  width: 34%;
  margin-left: 0%;
  margin-right: 2%;
  border: 3px solid green;
  padding: 1px;
  background-color: rgba(32,255,32,0.5);
}
.flagge{
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-left: 1%;
  float: left;
  background-color:white;
}

.flagge2{
  position: relative;
  top: 0.7px;
  left: 0px;
}

#flaggebild{
  width: 70px;
  height: 36px;
}
#abi_txt{
  margin-left: 24%;
  font-size: 140%;
}
#mk_txt{
  margin-left: 38%;
  font-size: 140%;
}


@media screen and (-webkit-min-device-pixel-ratio:0) { 
  body {
    font-size: 16px;      
    }
}

@media(max-width: 1450px) {
    #spruch{
      font-size:            120%;
    }
    #alles{
        width: 100%;
    }
}
/* TODO  Spruch ganz nach oben verlegen, Schriftart anpassen, Balken oben vergrössern */
@media(max-width: 1100px) {
    #kopf nav{
        margin-top: 0px;
    }
    aside {
        margin-left: 6%;
    }
    #spruch{
        left:                 59%;
        font-size:            120%;
        min-width: 200px;
    }
    #spruch span {
      font-size:            130%;
    }
    #blitz{
        left:                 53%;
        width:                9.2%;
    }
    aside{
        min-width: 150px;
    }
    .static_image{
        width:                67%;
    }
}
@media(max-width: 860px) {
    #blitz{
        left:                 54%;
    }
    #kopf{
        padding-top:        50px;
    }
    #spruch{
        left:                 5%;
        min-width: 700px;
    }
    .static_image {
      width:                98%;
    }
    aside {
      float:                left;
      width:                100%;
      min-width:            600px;
      margin:               50px 0px 0px 0px;
      padding:              0px;
      margin-left:          7%; 
    }
    article h3{
      margin-top: 20px;
    }
    
    #anfahrt{
      /*position:             absolute;
      top:                  500px;
      left:                 115px;*/
      margin-left: 7%;
      float: left;
    }
    #logo{
        top:               42px;
    }
}