body {
  background-color:      #f9f7f2;
  color:                 #000;
  font-family:           Verdana,Arial, Helvetica, sans-serif;
  font-size:             12px;
  text-align:            center;
  height:                100%;
  padding:               0;
  margin:                0;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  font-family:           Verdana,Arial, Helvetica, sans-serif;
  font-size:             12px;
  margin:                0;
  padding:               0;
  border:                0;
  vertical-align:        baseline;
}

html {
  padding:               0;
  margin:                0;
}

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

.content iframe {
  margin-top:            12px;
  margin-bottom:         12px;
}

.arrow-up {
  width:                  0;
  height:                 0;
  border-left:            15px solid transparent;
  border-right:           15px solid transparent;
  border-bottom:          15px solid black;
}

/* ####################################################### */

#bg-body {
  width:                 100%;
  height:                100%;
  position:              fixed;
  background-color:      transparent;
  overflow:              hidden;

}
#bg-body:before {
  content:               "";
  width:                 200%;
  height:                200%;
  position:              absolute;
  top:                   -50%;
  left:                  -50%;
  z-index:               -1;
  background:            url(../IMG/chess.jpg) 0 0 repeat;
  -webkit-transform:     rotate(-12deg);
  -moz-transform:        rotate(-12deg);
  -ms-transform:         rotate(-12deg);
  -o-transform:          rotate(-12deg);
  transform:             rotate(-12deg);

}

.back-to-top {
    position:            fixed;
    bottom:              120px;
    right:               20px;
    background:          rgb(0, 0, 0);
    background:          rgba(0, 0, 0, 0.6);
    width:               50px;
    height:              50px;
    display:             block;
    text-decoration:     none;

    -webkit-border-radius: 35px;
    -moz-border-radius:  35px;
    border-radius:       35px;
    display:             none;
    -webkit-transition:  all 0.3s linear;
    -moz-transition:     all 0.3s ease;
    -ms-transition:      all 0.3s ease;
    -o-transition:       all 0.3s ease;
    transition:          all 0.3s ease;

    opacity:             0.5;
    filter:              alpha(opacity=50); /* For IE8 and earlier */
}
.arrow-up {
    color:               #FFFFFF;
    margin:              0;
    position:            relative;
    left:                10px;
    top:                 18px;
    font-size:           1.9em;

    width:               0;
    height:              0;
    border-left:         15px solid transparent;
    border-right:        15px solid transparent;
    border-bottom:       15px solid white;

    opacity:             0.7;
    filter:              alpha(opacity=70); /* For IE8 and earlier */
}
.back-to-top:hover {
    background:          rgba(0, 0, 0, 0.9);
    width:               80px;

    opacity:             0.7;
    filter:              alpha(opacity=70); /* For IE8 and earlier */
}
.back-to-top:hover .arrow-up {
    top:                 8px;

    opacity:             0.8;
    filter:              alpha(opacity=80); /* For IE8 and earlier */
}

/* ####################################################### */

#container {
  top:                   0;
  left:                  0;
  width:                 100%;
  height:                100%;
  background-color:      transparent;
  padding:               0;
  margin:                auto;
}

#container-nav {
  position:              fixed;
  background-color:      rgb(244,240,237);
  background-image:      url("../IMG/strips.gif");
  background-repeat:     repeat;
  top:                   0;
  width:                 100%;
  height:                50px;
  padding:               0;
  padding-top:           2px;
  margin-left:           auto;
  margin-right:          auto;
  margin-bottom:         auto;
  margin-top:            auto;
  z-index:               10;
  box-shadow:            0px 0px 5px rgb(156, 145, 127);
}
.top-fixed {
  height:                70px;
  margin:                0px;
  padding:               0px;
}

#container-header {
  width:                 100%;
  height:                100%;
  padding:               0;
  margin:                auto;
}

#container-hor-s {
  background-color:      rgb(244,240,237);
  background-image:      url("../IMG/strips.gif");
  background-repeat:     repeat;
  float:                 left;
  width:                 100%;
  padding:               0;
  padding-bottom:        4px;
  padding-top:           4px;
  margin-left:           auto;
  margin-right:          auto;
  margin-bottom:         24px;
  margin-top:            16px;
  box-shadow:            0px 0px 5px rgb(156, 145, 127);
}

#container-middle {
  max-width:             1020px;
  width:                 100%;
  padding:               0px;
  margin-left:           auto;
  margin-right:          auto;
  margin-bottom:         4px;
  margin-top:            auto;
}

#container-hor-stripe-footer {
  background-color:      #f9f7f2;
  background-image:      url("../IMG/strips.gif");
  background-repeat:     repeat;

  position:              fixed;
  bottom:                0;
  width:                 100%;
  min-height:            45px;
  padding:               0;
  margin-left:           auto;
  margin-right:          auto;
  margin-bottom:         auto;
  margin-top:            auto;
  z-index:               210;
  box-shadow:            0px 0px 5px rgb(156, 145, 127);
}
.bottom-fixed {
  clear:                 both;
  height:                80px;
}
/* ####################################################### */

div {
  position:              relative;
  display:               block;
  text-align:            left;
  padding:               0px;
  margin:                auto;
}

/* ####################################################### */

.header-top {
  background-color:      transparent;
  box-sizing:            border-box;
  max-width:             1020px;
  padding:               0px;
  height:                100%;
  margin-left:           auto;
  margin-right:          auto;
  margin-top:            0px;
  margin-bottom:         2px;
  overflow:              hidden;
  border-top:            4px #FFF solid;
  border-left:           4px #FFF solid;
  border-right:          4px #FFF solid;
  border-bottom:         2px #FFF solid;
  position:              relative;
  background-color:      #FFF;

  -webkit-box-shadow:    0 2px 4px rgba(156, 145, 127, 0.3), 0 0 40px rgba(156, 145, 127, 0.1) inset;
  -moz-box-shadow:       0 2px 4px rgba(156, 145, 127, 0.3), 0 0 40px rgba(156, 145, 127, 0.1) inset;
  box-shadow:            0 2px 4px rgba(156, 145, 127, 0.3), 0 0 40px rgba(156, 145, 127, 0.1) inset;
}
.header-top:before, .header-top:after {
  top:                   15px;
  bottom:                10px;
  width:                 90%;
  right:                 0;
  left:                  0;
  -webkit-box-shadow:    0 0 20px rgba(156, 145, 127,0.8);
  -moz-box-shadow:       0 0 20px rgba(156, 145, 127,0.8);
  box-shadow:            0 0 20px rgba(156, 145, 127,0.8);
  -moz-border-radius:    100px / 10px;
  border-radius:         100px / 10px;
}
.header-top:after {
  right:                 10px;
  left:                  auto;
  -webkit-transform:     skew(8deg) rotate(3deg);
  -moz-transform:        skew(8deg) rotate(3deg);
  -ms-transform:         skew(8deg) rotate(3deg);
  -o-transform:          skew(8deg) rotate(3deg);
  transform:             skew(8deg) rotate(3deg);
}

/* ## IMAGE ## */
.top-images {
  background-color:      transparent;
  box-sizing:            border-box;
  float:                 left;
  padding:               0px;
  margin:                0px;
  width:                 calc(100% - 300px);
}

.top-images .inside {
  margin:                0px;
}
.top-images .inside img {
  width:                 90%;
  height:                100%;
  padding:               0px;
  margin:                0px;
}

/* ## RIGHT ## */
.top-right {
  background-color:      #F2EFE8;
  box-sizing:            border-box;
  float:                 right;
  padding:               0px;
  margin:                0px;
  height:                calc(100% - 4px);
  position:              absolute;
  right:                 0;
  top:                   0;
}

/* ## LOGO RIGHT ## */
.top-r-logo {
  background-color:      #FFF;
  text-align:            right;
  height:                66px;
  padding:               0;
  margin-left:           0px;
  margin-right:          0px;
  margin-top:            0px;
  margin-bottom:         0px;
}
.top-r-logo .inside {
  background-color:      #FFFFFF;
  text-align:            right;
  height:                52px;
  padding-right:               6px;
  margin:                0px;
}
.top-r-logo .inside img {
  padding:               0;
  margin-top:            6px;
}

/* ## LOGO TOP ## */
.top-c {
  background-color:      #FFFFFF;
  display:               none;
  height:                66px;
  width:                 100%;
  margin-bottom:         4px;
}
.top-c-logo {
  background-color:      transparent;
  text-align:            right;
  height:                58px;
  padding:               0;
  margin:                auto;
}
.top-c-logo .inside {
  background-color:      #FFFFFF;
  text-align:            right;
  padding:               6px;
  margin:                0px;
}
.top-c-logo .inside img {
  padding-left:          0;
  padding-right:         0;
  padding-top:           6px;
  padding-bottom:        6px;
}

/* ## ADDRESS ## */
.top-right-b {
  background-color:      transparent;
  text-align:            right;
  width:                 192px;
  height:                192px;
  padding:               0px;
  margin:                0px;
}
.top-right-bottom {
  height:                calc(100% - 64px);
}
.top-address {
  background-color:      #F2EFE8;
  box-sizing:            border-box;
  float:                 left;
  width:                 100%;
  height:                100%;
  padding:               0px;
  margin:                0px;
}
.top-address .insideA, .top-address .insideB {
  width:                 290px;
  background-color:      #F2EFE8;
  padding-left:          12px;
  padding-right:         12px;
  padding-top:           6px;
  padding-bottom:        12px;
  margin:                auto;
}
.top-address .address-together {
  border-right:          0px solid #E4DCD0;
  border-radius:         0px!important;
  padding-left:          4px;
}

.top-address .insideA p.no-gap, .top-address .insideA p.small-gap {
  font-size:             1.2em;
}
.top-address .insideB p.no-gap, .top-address .insideB p.small-gap {
  font-size:             1em;
  padding-left:          3px;
}

.header-address {
  height:                21px;
  background-image:      url("../IMG/topbarbg.gif");
  background-repeat:     repeat-x;
  background-position:   0px 0px;
  padding-top:           5px;
  padding-left:          12px;
}
.top-address .inside h2.address {
  line-height:           1;
  height:                24px;
  font-size:             1.2em;
  color:                 #6e665a;
  text-decoration:       none;
  padding-top:           0px;
  padding-left:          4px;
}
.header-address h2.address {
  line-height:           1;
  height:                24px;
  font-size:             1em;
  color:                 #6e665a;
  text-decoration:       none;
  padding-top:           2px;
  padding-bottom:        0px;
  padding-left:          4px;
}
.address-nobreak1, .address-nobreak2 {
  display:               block;
}
.top-address .insideB {
  height:                calc(100% - 44px);
}
div.location {
  height:                calc(100% - 108px);
}
a.location {
  text-decoration:       none;
}
div.location:hover {
  box-shadow:            0px 0px 5px rgb(156, 145, 127);
}
div.location:hover .insideB {
  background-color:      transparent;
  background:            rgb(255,255,255); /* Old browsers */
  background:            -moz-linear-gradient(top, rgba(245,245,162,1) 0%, rgba(255,255,200,1) 100%); /* FF3.6-15 */
  background:            -webkit-linear-gradient(top, rgba(245,245,162,1) 0%, rgba(255,255,200,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background:            linear-gradient(to bottom, rgba(245,245,162,1) 0%, rgba(255,255,200,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter:                progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}

.faxC {
  display:                  none;
}

@media screen and (max-width : 970px){
  .top-images .inside img {
    width:                  92%;
  }
}
@media screen and (max-width : 940px){
  .top-right {
    top:                    70px;
  }
  .top-r-logo {
    display:                none;
  }
  .top-c {
    display:                block;
  }

}

@media screen and (max-width : 780px){
  .address-nobreak2 {
    display:                inline-block;
  }
  .top-images {
    width:                  58%;
  }
  .top-right {
    width:                  42%;
  }
  .top-images .inside img {
    width:                  100%;
  }
}
@media screen and (max-width : 700px){
  .top-address .insideA, .top-address .insideB {
    padding-bottom:        0px;
    padding-top:           0px;
  }
  div.location {
    height:                calc(100% - 88px);
  }
  .top-address .insideB {
    height:          calc(100% - 30px);
  }
}
@media screen and (max-width : 600px){
  .faxA {
    display:               none;
  }
  .faxC {
    display:               inline-block;
  }
  div.location {
    height:                calc(100% - 72px);
  }
  .top-address .insideB {
    height:          calc(100% - 26px);
  }
}

@media screen and (max-width : 480px){
  .top-images .inside img {
    width:                 95%;
  }
  .address-nobreak1 {
    display:             inline-block;
  }
  .top-images .inside img {
    width:                 98%;
  }
}

@media screen and (max-width : 550px){
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    font-family:         Verdana,Arial, Helvetica, sans-serif;
    font-size:           16px;
  }
  /* 
  #container-header .top-images .inside, #container-middle .news  {
    display:             none;
  }*/
  #container-middle {
    min-height:          calc(100vh - 408px);
    overflow:            hidden;
  }
  #container-hor-stripe-footer {
    position:            relative;
  }
  .address-together p.no-gap .fax {
    display:             none;
  }
  .center {
    font-size:           1em;
  }
  .top-address {
    display:             none;
  }
  .top-images {
    width:               100%;
  }
  .top-right {
    width:               0%;
    display:             none;
  }
}

/* ####################################################### */

.top-address p.small-gap {
  color:                 #9d907f;
  padding-bottom:        6px;
  padding-top:           0px;
  margin:                0px;
}
.top-address p.no-gap {
  color:                 #9d907f;
  padding-bottom:        0px;
  padding-top:           0px;
  margin:                0px;
}
.top-address a {
  color:                 #6e665a;
}

.address-icons {
  position:              relative;
  float:                 left;
  display:               none;
  text-align:            center;
  width:                 100%;
  height:                65px;
  background-color:      #FFFFFF;
  margin-bottom:         12px;
}

.address-icon {
  display:               block;
  float:                 left;
  text-align:            center;
  width:                 calc(33.33% - 5px);
  height:                65px;
  margin-left:           4px;
  margin-right:          0;
  margin-top:            4px;
  margin-bottom:         4px;
  background-color:      #F2EFE8;
  padding-left:          0px;
  padding-right:         0px;
  padding-top:           0px;
  padding-bottom:        0px;
  box-shadow:            0px 0px 5px rgb(156, 145, 127);
}
.address-icon a {
  padding:               0px;
  font-size:             48px;
  width:                 100%;
  float:                 left;
}

a[href^="tel"]:link,
a[href^="tel"]:visited,
a[href^="tel"]:hover {
  text-decoration:       none;
}

a[href^="mailto"]:link,
a[href^="mailto"]:visited,
a[href^="mailto"]:hover {
  text-decoration:       none;
}

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display:             inline-block;
  font:                normal normal normal 14px/1 FontAwesome;
  font-size:           inherit;
  text-rendering:      auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-pdf-small::before {
    content: "\f1c1";
    color: #6e665a;
    font-size: 1.5em;
    margin-left: 10px;
}
.fa-print-small::before {
  content:               "\f02f";
  color:                 #6e665a;
  font-size:             1.3em;
  margin-left:           10px;
}
.fa-more-small::before {
  content:               "\f0dd";
  color:                 #6e665a;
  font-size:             1.3em;
  margin-left:           10px;
}
.fa-less-small::before {
  content:               "\f0de";
  color:                 #6e665a;
  font-size:             1.3em;
  margin-left:           10px;
}


.fa-phone::before {
  content:               "\2706";
  color:                 #6e665a;
  font-size:             50px;
}
.fa-phone-small::before {
  content:               "\2706";
  color:                 #6e665a;
  font-size:             1.3em;
}
.fa-envelope-o::before {
  content:               "\f003";
  color:                 #6e665a;
  font-size:             44px;
}
.fa-envelope-o-small::before {
  content:               "\f003";
  color:                 #6e665a;
  font-size:             1.2em;
}
.fa-map-small::before {
  content:               "\f041";
  color:                 #6e665a;
  font-size:             1.2em;
}
.fa-map-marker::before {
  content:               "\f041";
  color:                 #6e665a;
  font-size:             44px;
}
.fa-fax-small::before {
  content:               "\f1ac";
  color:                 #6e665a;
  font-size:             1.2em;
}
.fa-bars::before {
  content:               "\f0c9";
  color:                 #6e665a;
  font-size:             1.3em;
  -webkit-box-sizing:    border-box;
  -moz-box-sizing:       border-box;
  box-sizing:            border-box;
}

/* ####################################################### */

.hor-m {
  background-color:      transparent;
  height:                144px;
  max-width:             1020px;
}

/* ####################################################### */

.leistungen {
  list-style-type:       disc;
  margin-left:           24px;
  padding-bottom:        4px;
}

.page-bg {
  background-color:      #999;
  background-repeat:     no-repeat;
  background-position:   center top;
}

.c-middle  {
  float:                 left;
  text-align:            left;
  max-width:             1020px;
  width:                 100%;
  margin-left:           0;
  margin-right:          0;
  margin-top:            0;
  margin-bottom:         0;
}

.c-middle .transparent {
  float:                 left;
  padding:               0px;
  margin:                0px;
  width:                 196px;

  -webkit-box-shadow:    0 2px 4px rgba(156, 145, 127, 0.3), 0 0 40px rgba(156, 145, 127, 0.1) inset;
  -moz-box-shadow:       0 2px 4px rgba(156, 145, 127, 0.3), 0 0 40px rgba(156, 145, 127, 0.1) inset;
  box-shadow:            0 2px 4px rgba(156, 145, 127, 0.3), 0 0 40px rgba(156, 145, 127, 0.1) inset;
  padding:               0px;
  margin:                0px;
}
.c-middle .transparent:before, .c-middle .transparent:after {
  top:                   15px;
  bottom:                10px;
  width:                 90%;
  right:                 0;
  left:                  0;
  -webkit-box-shadow:    0 0 20px rgba(156, 145, 127,0.8);
  -moz-box-shadow:       0 0 20px rgba(156, 145, 127,0.8);
  box-shadow:            0 0 20px rgba(156, 145, 127,0.8);
  -moz-border-radius:    100px / 10px;
  border-radius:         100px / 10px;
}
.c-middle .transparent:after {
  right:                 10px;
  left:                  auto;
  -webkit-transform:     skew(8deg) rotate(3deg);
  -moz-transform:        skew(8deg) rotate(3deg);
  -ms-transform:         skew(8deg) rotate(3deg);
  -o-transform:          skew(8deg) rotate(3deg);
  transform:             skew(8deg) rotate(3deg);
}

.c-middle .news  {
  display:               inline-block;
  background-color:      #F2EFE8;
  border-bottom:         6px #FFF solid;
  border-right:          4px solid #FFF;
  border-left:           4px solid #FFF;
  border-top:            6px solid #FFF;
  text-align:            left;
  width:                 192px;
  padding:               0;
  margin-left:           0;
  margin-top:            0;
  margin-bottom:         0;
  margin-right:          4px;
}

.c-middle .news .inside-top {
  width:                 164px;
  height:                100%;
  padding-top:           0px;
  padding-left:          8px;
  padding-right:         8px;
  padding-bottom:        12px;
  margin:                6px;
  margin-bottom:         24px;
}
.c-middle .news .inside-top.rss:before {
  content: 'RSS: ';
}
.c-middle .news .inside-top.rss {
  color:                 #6e665a;
  padding-top:           0px;
  padding-left:          8px;
  padding-right:         8px;
  padding-bottom:        0px;
  margin:                6px;
  margin-bottom:         0px;
}
.c-middle .news .inside-bottom {
  width:                 164px;
  height:                100%;
  padding-top:           0px;
  padding-left:          8px;
  padding-right:         8px;
  padding-bottom:        50px;
  margin:                6px;
  background-image:      url("../IMG/ratundtat.gif");
  background-repeat:     no-repeat;
  background-position:   right bottom;
}

.c-middle .content  {
  background-color:      #fefefe;
  float:                 left;
  text-align:            left;
  max-width:             800px;
  width:                 calc(100% - 204px);
  min-height:            200px;
  height:                100%;
  padding-left:          0px;
  padding-right:         0px;
  padding-top:           0px;
  padding-bottom:        12px;
  margin:                auto;
  float:                 right;
}

.c-middle .content .inside {
  max-width:             calc(100% - 12px);
  padding:               0;
  margin-left:           18px;
  margin-right:          18px;
  margin-top:            12px;
  margin-bottom:         12px;

}

.news .inside-top p.a-tab, .news .inside-bottom p.a-tab {
  margin-bottom:         4px;
}

.news .inside-top p a.info1 {
  font-size:             1.1em;
  text-decoration:       none;
  cursor:                pointer;
  color:                 #6e665a;
  padding-bottom:        3px;
}
.news .inside-top p a.info1:hover {
  color:                 #005fa0;
}

.news .inside-bottom p a.info2 {
  font-size:             1.1em;
  text-decoration:       none;
  cursor:                pointer;
  color:                 #d86c3a;
  padding-bottom:        2px;
}
.news .inside-bottom p a.info2:hover {
  color:                 #005fa0;
}

.news .inside-top p .next-line, .news .inside-bottom p .next-line {
  padding-top:           0px;
  padding-left:          20px;
}
.next-line {
  display:               block;
  font-size:             1em;
}

.news .infozone {
  border-top:            6px #FFF solid;
  background-image:      url("../IMG/topbarbg.gif");
  background-repeat:     repeat-x;
  background-position:   0px 0px;
}

.news .infozone h2 {
  line-height:           1;
  height:                24px;
  font-size:             1.2em;
  color:                 #6e665a;
  text-decoration:       none;
  padding-top:           6px;
  padding-left:          12px;
}
.news-qr {
  display:               block;
  padding:               12px;
}

@media screen and (max-width : 480px){
  .c-middle .news .inside-bottom {
    padding-bottom:      50px;
  }
  .fa-envelope-o-small::before, .fa-map-small::before {
    display:               none;
    font-size:             1.6em;
  }
  .fa-phone-small::before {
    display:               none;
    font-size:             1.7em;
  }
}

@media only screen and (max-device-width: 480px) {
  a[href^="tel"]:link,
  a[href^="tel"]:visited,
  a[href^="tel"]:hover {
    text-decoration:     none;
    color:               #CCCCFF;
  }
}
@media screen and (max-width : 550px){
  .address-icons {
    display:             block;
  }
}
@media screen and (max-width : 680px){
  .c-middle .news {
    width:               100%;
    margin-right:        0px;
    margin-bottom:       4px;
    border-bottom:       6px solid #FFF;
    border-left:         none;
    border-right:        none;
  }
  .c-middle .news .inside-top {
    width:               calc(100% - 30px);
    margin-bottom:       0px;
  }
  .c-middle .transparent {
    max-width:           100%;
    width:               100%;
    padding:             0px;
    margin:              0px;
  }
  .c-middle .news .inside-bottom  {
    width:               calc(100% - 30px);
    padding-bottom:      20px;
  }
  .c-middle .news br.no-break, .c-middle .news br.no-break, a.info1 br.no-break {
    display:             none;
  }
  .news .inside-bottom p.a-tab .next-line, .news .inside-top p .next-line {
    display:             inline;
    padding-left:        0px;
  }
  .c-middle .content  {
    max-width:           100%;
    width:               100%;
  }
  .news-qr {
    display:             none;
  }
}


/* ####################################################### */

.footer {
  font-size:             0.9em;
  max-width:             1020px;
  padding-top:           0px;
  margin-left:           auto;
  margin-right:          auto;
  margin-top:            auto;
  margin-bottom:         auto;
}
.footer .inside  {
  text-align:            center;
  background-color:      transparent;
  max-width:             calc(100% - 12px);
  padding:               6px;
  margin:                auto;
}

p.footer span.footer, p.footer span.reduce, span.a-gray, span.a-gray-r, span.datum {
  color:                 #9c9080;
  white-space:           nowrap;
  font-size:             1.0em;
}
.inside p.footer {
  width:                 calc(100% - 12px);
  color:                 #9c9080;
  padding:               0px;
  margin:                0px;
  padding:               6px;
}
span.a-gray, span.a-gray-r, span.datum {
  font-weight:           600;
  text-decoration:       none;
}
span.a-link-gray {
  color:                 #9c9080;
  white-space:           nowrap;
  font-size:             1.0em;
  font-weight:           600;
}
a.a-link {
  text-decoration:       none;
}

.phone-footer {
  border-bottom-color:   transparent;
  color:                 #9c9080;
}

.visible-desktop {
  display:               block;
}

.footer .map {
  display:               none;
}

.footer .show {
  display:               none;
}

@media screen and (max-width : 760px){
  .footer .show {
    display:             inline;
  }
}
@media screen and (max-width : 560px){
  .footer .fax {
    display:             none;
  }
  .reduce  {
    display:             none;
  }
}
@media screen and (max-width : 480px){
  span.a-gray  {
    display:             none;
  }
  .footer .fax {
    display:             none;
  }
  .footer .map {
    display:             none;
  }
  .footer {
    padding-top:         0px;
  }
  .footer .inside {
    padding-top:         0px;
  }
}

div.privacy-msg p {
    width:200px;
    border: 1px solid black;
    padding: 5px;
    text-align:center;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    -webkit-box-shadow: 0 10px 6px -6px #777;
       -moz-box-shadow: 0 10px 6px -6px #777;
            box-shadow: 0 10px 6px -6px #777;
}

/* ####################################################### */