body,form,figure{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{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@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}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}

/* basic.css */
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
figure,
pre,
code,
ol,
ul,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea {
    margin:0;
    padding:0;
}
@font-face {
    font-family: 'Open Sans';
      font-style: normal;
      font-weight: 300;
      src: local('Open Sans Light'), local('OpenSans-Light'),
           url('/files/fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
           url('/files/fonts/open-sans-v15-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
    font-family: 'Open Sans';
      font-style: normal;
      font-weight: 400;
      src: local('Open Sans Regular'), local('OpenSans-Regular'),
           url('/files/fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
           url('/files/fonts/open-sans-v15-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('/files/fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
    src: url('/files/fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/files/fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('/files/fonts/roboto-v30-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('/files/fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    url('/files/fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('/files/fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
    src: url('/files/fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/files/fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('/files/fonts/roboto-v30-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('/files/fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    url('/files/fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('/files/fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
    src: url('/files/fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/files/fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('/files/fonts/roboto-v30-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('/files/fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    url('/files/fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
caption,
th,
td {
    padding-right:1.5em;
    padding-bottom:.3em;
    vertical-align:top;
    text-align:left;
    font-family:Raleway,sans-serif;
}
small {
    width:70%;
}
abbr,
acronym {
    border-bottom:1px dotted #666;
    font-variant:normal;
    cursor:help;
}
blockquote,
q {
    quotes:none;
}
fieldset,
img {
    border:0;
}
li {
    list-style-type:none;
}
sup {
    vertical-align:text-top;
}
sub {
    vertical-align:text-bottom;
}
del {
    text-decoration:line-through;
}
ins {
    text-decoration:none;
}

:focus {
    outline:0;
}
body {
    font:1.07em/1.74em Roboto,Open Sans,sans-serif;
    color:#444;
    font-weight:300;
}
input,
button,
textarea,
select {
    font-size:99%;
    font-family:inherit;
    font-weight:inherit;
}
input[type="button" i] {
    margin-bottom:1em;
    background-color:#ffa262;
    border:1px solid #ffa262;
    color:#fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight:normal;
    font:100% 'Open Sans',sans-serif;
}
h1 {
    margin-top:.7em;
    margin-bottom:.64em;
    font:2.34em Roboto,sans-serif;
    color:#353535;
    text-transform:uppercase;
}
h2 {
    margin-top:.4em;
    margin-bottom:.34em;
    padding-bottom:.01em;
    font:1.77em Roboto,sans-serif;
    color:#000;
    font-weight:300;
}
h3 {
    margin-top:.9rem;
    margin-bottom:.14rem;
    font-size:1.3rem;
}
h4 {
    margin-top:.7em;
    padding-bottom:.19em;
    font-size:1.125rem;
    font-weight:bold;
    color:#000;
}
table {
    font-size:inherit;
}
caption,
th {
    font-weight:bold;
}
.grid4 .caption {
    width:auto;
    float:none;
}
h5,
h6 {
    margin-top:1rem;
}
h5,
h6,
p,
pre,
blockquote,
table,
ol,
ul,
form {
    margin-bottom:.5em;
    /* Should match the font size */;
}

:root {

    --maincolor: #004F9E;
  --nav-color:#444;
  --nav-active-color:var(--maincolor);
  --nav-mobile-color: #222;
  --nav-mobile-active-color:#fff;
  --nav-mobile-active-border-color:var(--maincolor);
  --nav-mobile-active-background:var(--maincolor);
  --nav-mobile-btn-clr:var(--maincolor);
  --skip-focus-border-color:var(--maincolor);
  --nav-font-weight: 400;
  --nav-burger-line-color:var(--maincolor);
  --nav-font-size: 1em;
  --nav-mobile-background: #eee;
  --nav-mobile-icon: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none" stroke="%23111" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>');

}

#header .inside {
  display: grid;
  grid-template-columns: 160px auto;
  grid-column-gap: 20px;
  max-width: 1600px !important;
}

.logo {
  width: 100%!important;
}

body.nav-is-desktop .navigation-main {
  margin-left: auto;
}

.mod_navigation {
    overflow:visible;
}

.nav-is-mobile .nav-wrapper {
  display: grid;
  align-content: center;
  justify-content: end;
}


.grid {
    display:grid;
    grid-column-gap: 20px;
}
.grid4Col {
    grid-template-columns: calc(25% - 15px) calc(25% - 15px) calc(25% - 15px) calc(25% - 15px);
    
}

@media screen and (min-width: 700px) and (max-width: 1000px) {
    .grid2ColTablet {
        grid-template-columns: calc(50% - 10px) calc(50% - 10px);
    }
}

@media screen and (max-width: 699px){
    .grid1ColSmartphone {
        grid-template-columns:100%;
    }
}
@media screen and (max-width:700px) {
#kopfbereich img {
    height: 300px;
    width: auto;
    object-fit: cover;
}
}

.logo {
    max-width: 100%;
    box-sizing: border-box;
}

.navigation-main {
  text-transform: uppercase;
}

a {
  text-decoration: underline;
  color: #254d69;
}

#main .content-text li::before {
  background-image: url("/files/grafik/liste.svg");
  top: 3px;
  position: relative;
  display: inline-block;
  line-height: 1em;
  margin-right: 4px;
  margin-left: 4px;
  margin-bottom: 4px;
  content: "";
  width: 11px;
  height: 11px;
  font-size: inherit;
  background-size: contain;
  background-repeat: no-repeat;
}

li {
  list-style-type: none!important;
  margin-left: 0 !important;
}

.weiss {
  padding-right: 1em!important;
  padding-bottom: 1em!important;
  padding-left: 1em!important;
  background-color: #fff;
}

#header .content-element-group {
  padding-top: 15px;
}
.cookiebar button {
    padding-top:.2em;
    padding-bottom:.2em;
    background-color:#1da1f2;
}
.cookiebar {
    font-size: 11px;
}
.cookiebar button:hover {
    background-color:#f5f5f0;
    color:#1da1f2;
}
#grey2 {
    padding-top:1em;
    padding-bottom:1em;
    background-color:#fafafa;
}
div.grey1_inside,
div.grey2_inside,
div.white {
    max-width:1280px;
    margin-right:auto;
    margin-left:auto;
    padding-top:2em;
    padding-bottom:2em;
}
#footer a:hover {
  text-decoration: underline;
  color: #00a3b5;
}
#footer a {
  text-decoration: none;
  color: #444;
}
#footer {
    width:100%;
    min-height:24em;
    bottom:0;
    position:relative;
    margin:0;
    padding:0;
    background-color:#ededed;
    z-index:5;
}
#footer .inside {
    width:95%;
    max-width:1280px;
    margin-right:auto;
    margin-left:auto;
    padding-top:.3em;
    font-size:95%;
    line-height:1.87em;
    color:#444;
}
#footer p a img:hover {
    transform: scale(1.1,1.1);
    transition: 0.4s;
}
#footer p a img {
    padding-top:1em;
}
#footer .envelope::before {
    top:3px;
        position:relative;
        display:inline-block;
        background-image:url("/files/grafik/mail-before.svg");
        line-height:1em;
        margin-right: 0px;
        margin-left: 4px;
        content:"";
        width: 20px;
          height: 18px;
          font-size: inherit;
          background-size: contain;
          background-repeat: no-repeat;
}
#footer .phone::before {
    background-image:url("/files/grafik/phone-before.svg");
    top:3px;
        position:relative;
        display:inline-block;
        line-height:1em;
        margin-right: 0px;
        margin-left: 4px;
        content:"";
        width: 20px;
          height: 18px;
          font-size: inherit;
          background-size: contain;
          background-repeat: no-repeat;
}
#footer .homepin::before {
    background-image:url("/files/grafik/homepin.svg");
    top:3px;
        position:relative;
        display:inline-block;
        line-height:1em;
        margin-right: 0px;
        margin-left: 4px;
        content:"";
        width: 20px;
          height: 18px;
          font-size: inherit;
          background-size: contain;
          background-repeat: no-repeat;
}

body {
    height:100%;
}
#wrapper {
    height:100%;
    min-width:320px;
    position:relative;
}
#subheader {
    min-height:20px;
    padding-top:.17em;
    background-color:#434547;
    font-size:16px;
    color:#fff;
}
#subheader .inside {
    width:95%;
    max-width:1200px;
    margin-right:auto;
    margin-left:auto;
    text-align:right;
    color:#fff;
}
#header {
    width:100%;
    min-width:70%;
    max-width:100%;
    top:0;
    position:relative;
    background-color:#fff;
    
    z-index:5;
}
#header .inside {
    width:95%;
    max-width:1200px;
    margin-right:auto;
    margin-left:auto;
}
.logo {
    width:320px;
    clear:both;
    margin-top:10px;
    margin-right:2px;
    padding:.2em .5em .1em;
    z-index: 10;
}
.logo a {
    width:320px;
    clear:both;
    margin-top:13px;
    margin-right:2px;
    padding:.2em .5em;
    z-index: 10;
}
#kopfbild {
    width:auto;
    height:auto;
}

#main {
    min-height:450px;
    margin-top:17px;
}

div.grey1_inside, div.grey2_inside, div.white {
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 2em;
  padding-bottom: 2em;
}


#main .content-text li {
    margin-bottom:.17em;
    margin-left:1.1em;
    list-style-type:disc;
}
#main .content-text ul {
    margin-bottom:1em;
}
.grid3,
.grid4,
.grid6,
.grid66,
.grid8,
.grid9,
.grid12,
.grid88,
.grid122,
.grid33 {
    float:left;
    margin-top:1%;
    margin-right:1%;
    margin-bottom:1%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.grid12 {
    width:99%;
    margin-right:.5%;
    margin-left:.5%;
    padding:0;
}
.grid9 {
    width:69%;
    min-height:204px;
    padding:1%;
}
.grid8 {
    width:65%;
    min-height:204px;
    padding:1% .5%;
}
.grid6 {
    width:49%;
    margin-top:.5%;
    margin-right:.5%;
    margin-left:.5%;
}
.grid4 {
    width:31.83%;
    min-width:240px;
    max-width:100%;
    margin-right:1%;
    margin-left:.5%;
    padding:0;
}
.grid3 {
    width:24%;
    min-width:210px;
    max-width:100%;
    padding:1%;
}
#footer .grid3 {
    width:24%;
    min-height:132px;
    margin-top:4px;
    margin-bottom:7px;
    padding:0 1%;
}
.leer {
    height:0px;
    display:block;
    margin-top:0;
    margin-bottom:0;
    padding-top:0;
    padding-bottom:0;
    color:#fff;
}
.flexslider {
    width:100%;
    margin-bottom:30px;
    list-style-type:none;
}
img {
    width:100%;
}

.infos {
    margin-top:1.4em;
    padding-right:8px;
    padding-bottom:17px;
    padding-left:8px;
    background-color:#f7f9fa;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.infos h2 {
    margin-top:.7em;
}
.top {
    width:98%;
    padding:.8em;
    background-color:#f7f9fa;
    border:1px solid #f00;
}

.blue {
    margin-top:1em;
    margin-bottom:4em;
    padding:0 1em 1.7em;
    background-color:#f5f5f0;
    border-bottom:1px solid #f00;
}
form#kontaktformular {
    padding:.4em;
}
#kontaktformular input,
#kontaktformular textarea {
    width:98%;
    margin-bottom:.4em;
    padding:.2em;
    border:1px solid #ccc;
}
#kontaktformular .label {
    width:22em;
    padding-top:2em;
}

#kontaktformular .select {
    width:100%;
}
form .checkbox_container label {
    font-size:90%;
    display: block;
    margin-left: 17px;
    padding: 0;
    margin-bottom:1em;
}
#kontaktformular .check input {
    width:4%;
    margin-top:4px;
}
form label {
    display: block;
    padding: 0;
}
form .checkbox_container input {
    float: left;
    margin: 2px 0 0;
}

/* Nachrichten */
.layout_latest {
    min-height:640px;
        margin-right:.75%;
        margin-left:.75%;
        background-color:#f5f5f0;
        border:1px solid #e8e8e8;
        border-radius:4px;
        font-size:18px;
        float:left;
        padding-right:0%;
        padding-left:0%;
        width:31.5%;
        margin-bottom:1em;
        padding-bottom:1em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}
.layout_latest img {
    width:100;
        height:auto;
        margin-bottom:0;
        margin-left:-5px;
        border-bottom-right-radius:0;
        border-bottom-left-radius:0;
}
.mod_newsarchive .info {
    margin-top:0;
        padding-top:.01em;
            padding-left:1em;
            font-size:.70em;
}
.mod_newsarchive h2 {
    padding-bottom:0;
        margin-top:0.77em;
        margin-bottom:0.49em;
            padding-left:.37em;
            font-size:1.34em;
            color:#ed1c1c;
}

.mod_newsarchive {
    border-radius:3px;
}
.mod_newsarchive h2 a {
    text-decoration:none;
}
.mod_newsarchive .image_container {
    width:100%;
    height:230px;
    margin-right:-0.4em;
    margin-left:.3em;
    border-radius:2px;
}
.mod_newsarchive .image_container img {
    width:100%;
    height:217px;
    border-radius:2px;
}
.mod_newsarchive p {
    padding-right:.4em;
            padding-left:.54em;
            font-size:.94em;
            text-decoration:none;
}
.mod_newsreader .info {
    background:none;
}
.pagination p {
    float:left;
                clear:both;
                margin-right:auto;
                margin-left:auto;
                text-align:center;
            margin-right:2em;
                padding-left:1em;
            font-size:.9em;
}
.pagination li {
    width:auto;
            float:left;
}


.aktionsbutton .rte {
    display: grid;
    place-content: center;
    height: 100%;
}

.subheader {
    margin-top:7px;
    margin-right:7px;
    font:.9em Roboto,sans-serif;
    color:#454545;
    font-weight:300;
}
.subheader a {
    margin-right:1em;
    text-decoration:none;
    color:#454545;
    text-transform:uppercase;
}
.subheader .envelope::before {
    top:3px;
    position:relative;
    display:inline-block;
    background-image:url("/files/grafik/mail-before.svg");
    line-height:1em;
    margin-right: 0px;
    margin-left: 4px;
    content:"";
    width: 20px;
      height: 18px;
      font-size: inherit;
      background-size: contain;
      background-repeat: no-repeat;
}
.subheader .homepin::before {
    background-image:url("/files/grafik/homepin.svg");
    top:3px;
        position:relative;
        display:inline-block;
        line-height:1em;
        margin-right: 0px;
        margin-left: 4px;
        content:"";
        width: 20px;
          height: 18px;
          font-size: inherit;
          background-size: contain;
          background-repeat: no-repeat;
}
.subheader .telefon::before {
    top:3px;
    position:relative;
    display:inline-block;
    background-image:url("/files/grafik/phone-before.svg");
    line-height:1em;
    margin-right: 0px;
    margin-left: 4px;
    content:"";
    width: 20px;
      height: 18px;
      font-size: inherit;
      background-size: contain;
      background-repeat: no-repeat;
}



/* alt */


.mod_rocksolid_slider img {
    margin-bottom:-6px;
    filter: brightness(84%);
}
.mod_rocksolid_slider .content-text {
    bottom:24%;
    left:25%;
    right:25%;
    position:absolute;
    text-align:center;
        min-height:4em;
        padding-right:7px;
        padding-bottom:7px;
        padding-left:7px;
}
.mod_rocksolid_slider .content-text p {
    font-size:1.04em;
    color:#fff;
    text-transform:uppercase;
}
.mod_rocksolid_slider .content-text h2 {
    color:#fff;
    text-transform:uppercase;
    font-size:3em;
    word-spacing:1px;
    font-weight: 400;
}

#kopfbild {
    width:auto;
    height:auto;
}

#kopfbild {
    max-width:1600px;
    margin-right:auto;
    margin-left:auto;
    background-color:#fafafa;
    margin-top:1em;
}
#kopfbild img {
    width:100%;
    margin-right:auto;
    margin-left:auto;
    min-height:580px;
    max-height:700px;
    overflow:hidden;
    object-fit: cover;
}

.start {
    margin-top:1em;
    margin-bottom:4em;
    padding:0;
    background-color:#f5f5f0;
}
.blue {
    margin-top:1em;
    margin-bottom:4em;
    padding:0 1em 1.7em;
    background-color:#f5f5f0;
    border-bottom:1px solid #f00;
}
.start h2,
.service h2 {
    margin-top:.3em;
    margin-bottom:.7em;
    margin-left:.7em;
}


.start {
    width:23%;
    margin-right:1%;
    margin-left:1%;
    background-color:#fff;
    -webkit-box-shadow:.5px .5px 14px 3px rgba(156,156,156,.14);
    box-shadow:.5px .5px 14px 3px rgba(156,156,156,.14);
    padding:0px;
}
#footer h3 {
    margin-top:1.1em;
    margin-bottom:.8em;
    font:1.34em Roboto,sans-serif;
    color:#11406b;
    font-weight:300;
}
.start p {
    margin-top:14px;
    margin-bottom:24px;
    padding-right:4px;
    padding-left:4px;
    text-transform:uppercase;
    z-index: 5;
}
.start p a {
    text-decoration:none;
    color:#000;
}
.start p a:hover {
    color:#4499A2;
}
.start img {
    width:100%;
    border-top:1px solid #fafafa;
    z-index: 1;
}
.start img:hover {
    border-top:1px solid #fafafa;
    filter: brightness(80%);
    transition: 0.25s ease-in;
}

.cta a {
    float:left;
    clear:both;
    margin-top:1em;
    margin-right:2em;
    margin-bottom:1em;
    padding:9px 17px;
    border:1px solid #383838;
    font-size:1rem;
    text-decoration:none;
    color:#383838;
    text-transform:uppercase;
}
.cta a:hover {
    background-color:#383838;
    color:#fff;
    transition: ease-in 0.2s;
}

.impressum {
  padding-top: 1em;
  border-top: 1px solid #1F4E9A;
  font-size: .875em;
  text-transform: uppercase;
  margin-top: -5px !important;
}
@media only screen and (max-width: 1100px) and (min-width: 854px) {
#kopfbild img {
    min-height:460px;
    max-height:600px;
}
#main h1 {
    font-size:2.04em;
}
#footer .inside {
    width:99.5%;
    font-size:84%;
}
.grid6 {
    width:98%;
    margin:.5%;
}

/* bildschirm med */
#footer .grid3 {
    width:24%;
    min-width:100px;
    max-width:100%;
    margin-top:1px;
    margin-bottom:7px;
    padding:0 .5%;
}
.start {
    width:48%;
    margin-right:1%;
    margin-left:1%;
}
.start img {
    max-height:250px;
    object-fit: cover;
}
.mod_rocksolid_slider .content-text h2 {
    font-size:2.17em;
    word-spacing:1px;
}
}

@media only screen and (max-width: 853px) {
.mm-listitem_selected {
    margin-left:20px;
    font-size:1.14em;
    line-height:1.94em;
}
#kopfbild img {
    min-height:380px;
    max-height:480px;
}
#main h1 {
    font-size:1.76em;
}
#main h2 {
    font-size:1.48em;
}
#footer {
    min-height:29em;
}
#footer .inside {
    line-height:1.47em;
}
#footer .inside {
    width:99.5%;
    font-size:84%;
}
.grid3,
.grid4,
.grid6,
.grid66,
.grid8,
.grid9,
.grid12,
.grid88,
.grid122,
.grid33 {
    margin:1%;
}
.grid12 {
    width:97%;
    margin-right:1.5%;
    margin-left:1.5%;
    padding:0;
}
.grid6 {
    width:98%;
    margin:.5% 1%;
}
.grid4 {
    width:48%;
    margin:.5%;
}

/* bildschirm med */
#footer .grid3 {
    width:48%;
    min-width:100px;
    max-width:100%;
    margin-top:1px;
    margin-bottom:7px;
    padding:0 .5%;
}
.start {
    width:97%;
    margin-right:1.5%;
    margin-left:1.5%;
}
.start img {
    max-height:300px;
    object-fit: cover;
}
.mod_rocksolid_slider .content-text h2 {
    font-size:1.37em;
    word-spacing:1px;
}
.team {
    height:auto;
    min-height:700px;
    margin-bottom:3%;
    padding-right:0;
    margin-left:5%;
    margin-right:5%;
}
.team .image_container {
    max-width:70%;
    float:none;
    margin-right:15%;
    margin-left:15%;
}
.team p {
    max-width:70%;
    margin-right:15%;
    margin-left:15%;
}
.team h2 {
    max-width:70%;
    margin-right:15%;
    margin-left:15%;
}
.team hr {
    max-width:70%;
    margin-right:15%;
    margin-left:15%;
}
}