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

img {max-width: 100% !important;height: auto;}
#map-canvas img {max-width: inherit !important}

.responsive-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.responsive-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.clear {clear: both;}

/* Grid 1200px */
.container-12 {margin:0 auto;width: 1200px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease; }
.container-12:after {content:"";display: block;clear: both;visibility: hidden;height: 0;}

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 {
  display:inline;float: left;margin-left: 0px;margin-right: 0px;padding-right:24px;
  -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
.container-12 .grid-first {padding-left:24px;}
.container-12 .grid-1 {width:74px;}
.container-12 .grid-2 {width:172px;}
.container-12 .grid-3 {width:270px;}
.container-12 .grid-4 {width:368px;}
.container-12 .grid-5 {width:466px;}
.container-12 .grid-6 {width:564px;}
.container-12 .grid-7 {width:662px;}
.container-12 .grid-8 {width:760px;}
.container-12 .grid-9 {width:858px;}
.container-12 .grid-10 {width:956px;}
.container-12 .grid-11 {width:1054px;}
.container-12 .grid-12 {width:1152px;}

.content-grid {float:left;width:100%}
.content-grid .content-grid-25, .content-grid .content-grid-33, .content-grid .content-grid-10, .content-grid .content-grid-20, .content-grid .content-grid-30, .content-grid .content-grid-40, .content-grid .content-grid-50, .content-grid .content-grid-60, .content-grid .content-grid-70, .content-grid .content-grid-80, .content-grid .content-grid-90, .content-grid .content-grid-100 {
    margin:0px;padding: 0px;float:left;display:inline-block;
}

.content-grid .content-grid-10 {width:10%}
.content-grid .content-grid-20 {width:20%}
.content-grid .content-grid-25 {width:25%}
.content-grid .content-grid-30 {width:30%}
.content-grid .content-grid-40 {width:40%}
.content-grid .content-grid-50 {width:50%}
.content-grid .content-grid-60 {width:60%}
.content-grid .content-grid-70 {width:70%}
.content-grid .content-grid-80 {width:80%}
.content-grid .content-grid-90 {width:90%}
.content-grid .content-grid-100 {width:100%}
.content-grid .content-grid-33 {width:33%}

/* Grid 960px */

@media only screen and (min-width: 960px) and (max-width: 1229px) {
   #wraper {width:960px;}
  .container-12 {width: 960px;}
  .container-12 .grid-1 {width:54px;}
  .container-12 .grid-2 {width:132px;}
  .container-12 .grid-3 {width:210px;}
  .container-12 .grid-4 {width:288px;}
  .container-12 .grid-5 {width:366px;}
  .container-12 .grid-6 {width:444px;}
  .container-12 .grid-7 {width:522px;}
  .container-12 .grid-8 {width:600px;}
  .container-12 .grid-9 {width:678px;}
  .container-12 .grid-10 {width:756px;}
  .container-12 .grid-11 {width:834px;}
  .container-12 .grid-12 {width:912px;}
}

/* Grid 720px */

@media only screen and (min-width: 720px) and (max-width: 959px) {
  #wraper {width:720px;}
  .container-12 {width: 720px;}
  .container-12 .grid-1 {width:34px;}
  .container-12 .grid-2 {width:92px;}
  .container-12 .grid-3 {width:150px;}
  .container-12 .grid-4 {width:208px;}
  .container-12 .grid-5 {width:266px;}
  .container-12 .grid-6 {width:324px;}
  .container-12 .grid-7 {width:420px;}
  .container-12 .grid-8 {width:440px;}
  .container-12 .grid-9 {width:498px;}
  .container-12 .grid-10 {width:556px;}
  .container-12 .grid-11 {width:614px;}
  .container-12 .grid-12 {width:672px;}
}

/* Grid Mobile Less Than 719px */


@media only screen and (max-width: 719px) {
  #wraper {width:100%;}
  .container-12 {width: 100%;}
  .container-12 .grid-1, .container-12 .grid-2, .container-12 .grid-3, .container-12 .grid-4, .container-12 .grid-5, .container-12 .grid-6, .container-12 .grid-7, .container-12 .grid-8, .container-12 .grid-9, .container-12 .grid-10, .container-12 .grid-11, .container-12 .grid-12 {
  	width:90%;margin-left: 5%;margin-right: 5%;padding-right:0px;
  }
  .respspacebot {margin-bottom:35px;}

  .container-12 .grid-4.two {width:50%;}

  .container-12 .grid-first {padding-left:0px;}
  .content-grid .content-grid-25, .content-grid .content-grid-33, .content-grid .content-grid-10, .content-grid .content-grid-20, .content-grid .content-grid-30, .content-grid .content-grid-40, .content-grid .content-grid-50, .content-grid .content-grid-60, .content-grid .content-grid-70, .content-grid .content-grid-80, .content-grid .content-grid-90, .content-grid .content-grid-100 {
    width:100%;
  }
  .inner {padding: 20px;}
  .inner-half {padding: 10px;}
  .inner.inner_noright {padding-right: 20px;}
  .inner.inner_noleft {padding-left: 20px;}
  .nosmart {display:none;}

}

/* Custom */
@media only screen and (min-width: 960px) and (max-width: 1229px) {
  #content.sidebar {background-position:right -110px top;}
}

@media only screen and (min-width: 720px) and (max-width: 959px) {
  /*header nav ul li#menu-item-20 {display:none !important;}*/
  header nav ul li a {padding:45px 15px;}
  .roundbtn-xxl {line-height:100px;height:100px;width:100px;font-size:40px;}
  .roundbtn-xxl img {margin-top:30px;width:40px;}
  .angebot_ov span {float:left;margin:0px;margin-right:30px;}
  #content.sidebar {background-position:right -190px top;}
  #team ul li {width:100%;float:left;}

}

@media only screen and (max-width: 719px) {
  #content {margin-bottom:0px;}footer{border-radius:0px !important; }
  #content.sidebar {background-image:none;}
  header {position:relative;margin-top:0px !important;}
  header #logo, header #logo a {display:block;text-align:center; height:140px;}
  header #logo img {left:50%;margin-left:-125px;}

  header nav ul {text-align:center;}
  header nav ul li a {display:block;padding:20px 30px;}
  /*header nav ul li ul, header nav ul li a i, header nav ul li#menu-item-20 {display:none !important;}  */
  header nav ul li ul, header nav ul li a i {display:none !important;}
  header nav ul li#menu-item-49 {position:absolute;top:240px;right:14px;}
  header nav ul li#menu-item-49 a {color:#fff;background-color:#22A2BF;font-size:0.9rem;padding:7px 16px}

  /*table#welcome-container tr td {display:block;border-radius:0 !important;padding:0px;}
  table#welcome-container tr td table tr td {display:table-cell;}

  table#welcome-container tr td h2 {padding:10px;margin-bottom:0px;cursor:pointer;}
  table#welcome-container tr td h2 i {display:inline-block;}
  table#welcome-container tr td div.wc {display:none;padding:10px 10px 20px 10px;}
  table#welcome-container tr td div.wc.wc_1 {display:block;}     */
  table#welcome-container tr td {display:block;border-radius:0 !important;}
  table#welcome-container tr td table tr td {display:table-cell;}

  .home #topimage {height:250px;}
  #topimage {background-position:50% 0px;height:150px;}
  footer h3, footer p, footer ul li {text-align:center;}
  footer .foot1 a {text-align:center;}

  #sidebar {padding:0px 0px;}

  #contact_form .form_element {display:block}
  #contact_form .form_element label {display:block;text-align:left;}
  #contact_form .form_element input {display:block}

  .roundbtn-xxl {line-height:100px;height:100px;width:100px;font-size:40px;}
  .roundbtn-xxl img {margin-top:30px;width:40px;}
  .angebot_ov span {float:left;margin:0px;margin-right:30px;}

  #team ul li {width:100%;float:left;}
}

@media only screen and (max-width: 440px) {
  header nav ul li a {font-size:1rem;padding:15px 15px;}
  .frontpage-posts .post {width:100%;margin:10px 0px !important;}
  header nav ul li#menu-item-49 {top:220px;right:8px;}

}