header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
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%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/maringer-tries/webfonts/open-sans/open-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/maringer-tries/webfonts/open-sans/open-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/maringer-tries/webfonts/open-sans/open-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/maringer-tries/webfonts/open-sans/open-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/maringer-tries/webfonts/open-sans/open-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/maringer-tries/webfonts/open-sans/open-sans-v18-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
  font-display: swap;
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../../files/maringer-tries/webfonts/open-sans/open-sans-v18-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/maringer-tries/webfonts/open-sans/open-sans-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/maringer-tries/webfonts/open-sans/open-sans-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/maringer-tries/webfonts/open-sans/open-sans-v18-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../../files/maringer-tries/webfonts/open-sans/open-sans-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/maringer-tries/webfonts/open-sans/open-sans-v18-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
  font-display: swap;
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/maringer-tries/webfonts/open-sans/open-sans-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/maringer-tries/webfonts/open-sans/open-sans-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/maringer-tries/webfonts/open-sans/open-sans-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/maringer-tries/webfonts/open-sans/open-sans-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../files/maringer-tries/webfonts/open-sans/open-sans-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/maringer-tries/webfonts/open-sans/open-sans-v18-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
  font-display: swap;
}


body {
  font-size: 16px;
  color: #484847;
  line-height: 1.5;
  font-family: 'Open Sans', sans-serif;
}

img {
    height: auto;
    max-width: 100%;
}

nav ul,
.content-gallery ul,
.content-downloads ul,
.flexslider ul,
.ui-tabs-nav {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}

nav ul li,
.content-gallery ul li,
.flexslider ul li,
.ui-tabs-nav li {
    list-style-type: none;
    margin-bottom: 0;
}

ul {
    margin-left: 40px;
    margin-top: 20px;
    margin-bottom: 20px;
    list-style-type: disc;
    list-style-position: inside;
}


ol {
    margin-left: 40px;
    list-style-type: decimal;
}

  ol li {
    margin-bottom: 10px;        
  }

  ul li {
    margin-bottom: 10px;        
  }

.centered {
  text-align: center;
}

.textleft {
  text-align: left;
}

.textright {
  text-align: right;
}

button:focus {
  outline: none;
}

.margin-top-40{
  margin-top:40px;
}

.margin-bottom-30{
  margin-bottom:30px;
}


#header {
  position: fixed;
  top: -278px;
  left: 0;
  right: 0;
  z-index: 100;
  -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
  box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
  background: #fff;
}

  #header #header_top {
    background: #292b82;
    width: 100%;
    height: 278px;
    overflow: hidden;
  }
  
  #header #header_bottom {
    background: #fff;
    width: 100%;
  }

  #header #header_top .inside,
  #header #header_bottom .inside {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
  }
  
  .naviimage {
    float: right;
    margin: 25px 0;
  }
  
    #header #header_top .mod_navigation {
      display: inline-block;
    }
  
      #header #header_top .mod_navigation ul {
        list-style-type: none;
        margin: 22px 0;
      }
      
        #header #header_top .mod_navigation ul li {
          margin: 0 0 10px 0;
        }
        
          #header #header_top .mod_navigation ul li:last-of-type {
            margin: 0;
          }
        
          #header #header_top .mod_navigation ul li a {
            color: #fff;
            text-transform: uppercase;
            border-left: 1px solid #fff;
            padding: 0 0 0 10px;
            text-decoration: none;
            font-weight: 600;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
          }
          
            #header #header_top .mod_navigation ul li a:hover {
              color: #b39d68;
              text-transform: uppercase;
              border-left: 5px solid #b39d68;
              padding: 0 0 0 10px;
              text-decoration: none;
              font-weight: 600;
              -webkit-transition: all 0.2s linear;
              -moz-transition: all 0.2s linear;
              -ms-transition: all 0.2s linear;
              -o-transition: all 0.2s linear;
              transition: all 0.2s linear;
            }
          
          #header #header_top .mod_navigation ul li strong {
            color: #b39d68;
            text-transform: uppercase;
            border-left: 1px solid #b39d68;
            padding: 0 0 0 10px;
            text-decoration: none;
            font-weight: 600;
          }

    #header .vfp-logo {
        float: right;
        width: 200px;
        margin: 25px 0px 25px 15px;
        color: #ffffff;
        font-size: 12px;
    }

    #header .vfp-logo img {
        max-width: 120px;
        margin-top: 10px;
    }

          
    #big_image {
        padding-top: 126px;
    }      

    .navigation {
      padding: 47px 0;
      line-height: 1;
      margin: 0 29px 0 0;
    }
    
    .navigation a {
      color: #292b82;
      margin: 0 10px;
      text-decoration: none;
      text-transform: uppercase;
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      transition: all 0.2s linear;
      position: relative;
    }
    
    .navigation a.facebook {
      margin: 0 0 0 20px;
    }
    
    .navigation a.facebook img {
      position: absolute;
      top: -2px;
    }
    
      .navigation span {
        color: #b39d68;
      }
    
      .navigation a:hover {
        color: #b39d68;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
      }
          
    .toggle_nav {
      color: #292b82;
      display: inline-block;
      padding: 6px 0 8px 50px;
      position: relative;
      text-decoration: none;
      text-transform: uppercase;
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      transition: all 0.2s linear;
    }

      a.toggle_nav:after {
        content: '';
        position: absolute;
        width: 40px;
        height: 5px;
        background: #292b82;
        top: 0;
        left: 0;
        box-shadow: 0 10px 0 #292b82, 0 20px 0 #292b82;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
      }
      
        .toggle_nav:hover,
        .toggle_nav.active {
          color: #b39d68;
          -webkit-transition: all 0.2s linear;
          -moz-transition: all 0.2s linear;
          -ms-transition: all 0.2s linear;
          -o-transition: all 0.2s linear;
          transition: all 0.2s linear;
        }
        
          a.toggle_nav:hover:after,
          a.toggle_nav.active:after {
            background: #b39d68;
            box-shadow: 0 10px 0 #b39d68, 0 20px 0 #b39d68;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
          }
          
    #logo {
      width: 250px;
      height: 101px;
      display: inline-block;
      background: url(../../files/maringer-tries/gfx/logo.png) no-repeat 0 0;
      margin: 10px 0;
    }

/* Fullscreen Image inkl. Scrollindikator */

.header_background {
  height: 66vh;
  position: relative;
  overflow: hidden;
  background-size: cover !important;
  width: 100%;
  background-position: center 35%;
}

#therapie-bild .header_background,
#beratung-bild .header_background,
#impressum-bild .header_background,
#datenschutz-bild .header_background{
    background-position: center center;
}

#honorar-bild .header_background {
  background-position: center 95%;
}


.header_background h3 {
    font-size: 24px;
    text-align: center;
    font-style: italic;
    padding: 0;
    position: relative;
    text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;
    margin: 75vh 0 0 0;
}

.scroll_down {
  position: absolute;
  bottom: 5vh;
  left: 50%;
  width: 46px;
  height: 100px;
  background: url(../../files/maringer-tries/gfx/scroll_down.png) no-repeat 0 0; 
  margin: 0 0 0 -23px; 
}

  .scroll_down a {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 30px;
    height: 31px;
    margin: 0 0 0 -15px; 
  }
  
  .floating-arrow {
  -webkit-animation-name: floating-arrow;
          animation-name: floating-arrow;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out; }

    @-webkit-keyframes floating-arrow {
      from {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0); }
      65% {
        -webkit-transform: translate(0, 15px);
                transform: translate(0, 15px); }
      to {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0); } }
    
    @keyframes floating-arrow {
      from {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0); }
      65% {
        -webkit-transform: translate(0, 15px);
                transform: translate(0, 15px); }
      to {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0); } }

#main .inside {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

h1 {
  color: #b39d68;
  font-size: 40px;
  /*text-align: center;
  position: relative;*/
  padding: 10px 0;
  margin: 50px 0 0 0;
}

h2 {
  font-size: 28px;
}

h3 {
  font-size: 20px;
  font-weight: 600;
}

p.quote {
  color: #888888;
  font-size: 30px;
  /*text-align: center;
  position: relative;*/
  font-style:italic;
  margin-bottom:50px;
}

.zitat h3 {
  color: #b39d68;
  font-size: 30px;
  font-weight: normal;
}

.zitat p {
    color: #888888;
    font-size: 20px;
}

/*p.quote:after {
    content: "";
    width: 1px;
    height: 30px;
    background: #c6c6c6;
    position: absolute;
    bottom: -40px;
    left: 50%;
    display: block;
  }

  h1:before {
    content: "";
    width: 1px;
    height: 30px;
    background: #c6c6c6;
    position: absolute;
    top: -25px;
    left: 50%;
    display: block;
  }
*/
  /*h1:after {
    content: "";
    width: 1px;
    height: 30px;
    background: #c6c6c6;
    position: absolute;
    bottom: -25px;
    left: 50%;
    display: block;
  }*/

a {color:#b39d68; text-decoration:none;}

#footer {
  background: #b39d68;
  color: #fff;
  margin: 150px 0 0 0;
  font-size: 14px;
}

  #footer .inside {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 20px 0;
  }
  
    .footer_left {
      float: left;
    }
    
      .footer_left .box {
        float: left;
        margin: 0 40px 0 0;
      }
      
        .footer_left .box.last {
          float: left;
          margin: 0;
        }
      
        .footer_left .box p {
          margin: 0;
          padding: 0;
        }
    
    .footer_right {
      float: right;
    }
    
    #footer a {
      text-decoration: none;
      color: #fff;
    }
      
      #footer a:hover {
        color: #484847;
      }



/* Galerie */

.content-gallery {
    ul {
        display: grid;        
        grid-gap: 32px;
        grid-template-columns: repeat(2, 1fr);

        li {
            margin: 0;
        }

        figure {
          text-align: center;
        }
    }

    &.content-gallery--cols-1 {
        ul {
           grid-template-columns: repeat(1, 1fr);  
        }
    }
}




/* Hilfsklassen */
p.error {
    color: #cc0000;
    padding: 10px;
    font-size: 12px;
    background: #ffcccc;
}

.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.cb {
    clear: both;
}

.invisible {
    display: inline;
    height: 0;
    left: -1000px;
    overflow: hidden;
    position: absolute;
    top: -1000px;
    width: 0;
}

.float_right,
.fr,
.media--right figure {
    float: right;
}

.float_left,
.fl,
.media--left figure {
    float: left;
}

.media--right figure {
  margin-left: 20px;
}

.media--left figure {
  margin-right: 20px;
}



@media (min-width: 650px){
    /* Galerie */
    .content-gallery {
        &:not(.content-gallery--cols-1, .content-gallery--cols-2) ul {
            grid-template-columns: repeat(3, 1fr);
        }

        &.content-gallery--cols-1 ul {
            grid-template-columns: repeat(1, 1fr);
        }
        &.content-gallery--cols-2 ul {
            grid-template-columns: repeat(2, 1fr);
        }
    }
}

@media only screen and (min-width: 768px) {
    /* Galerie */
    .content-gallery {
        &.content-gallery--cols-4 ul {
            grid-template-columns: repeat(4, 1fr);
        }

        &.content-gallery--cols-5 ul {
            grid-template-columns: repeat(5, 1fr);
        }

        &.content-gallery--cols-6 ul {
            grid-template-columns: repeat(6, 1fr);
        }
        &.content-gallery--cols-7,
        &.content-gallery--cols-8,
        &.content-gallery--cols-9,
        &.content-gallery--cols-10,
        &.content-gallery--cols-11,
        &.content-gallery--cols-12 {
            ul {
                grid-template-columns: repeat(6, 1fr);
                grid-gap: 10px;
            }
        }
    }
}


@media (min-width: 991px) {
    /* Galerie */
    .content-gallery {
        &.content-gallery--cols-7 ul {
            grid-template-columns: repeat(7, 1fr);
        }
        &.content-gallery--cols-8 ul {
            grid-template-columns: repeat(8, 1fr);
        }
        &.content-gallery--cols-9 ul {
            grid-template-columns: repeat(9, 1fr);
        }
        &.content-gallery--cols-10 ul {
            grid-template-columns: repeat(10, 1fr);
        }
        &.content-gallery--cols-11 ul {
            grid-template-columns: repeat(11, 1fr);
        }
        &.content-gallery--cols-12 ul {
            grid-template-columns: repeat(12, 1fr);
        }
    }
}




@media (max-width: 1140px) {
  #header #header_top .inside,
  #header #header_bottom .inside {
    width: 96%;
    margin: 0 2%;
  }
  
  #main .inside,
  #footer .inside {
    width: 90%;
    margin: 0 5%;
  }
}

@media (max-width: 900px) {

    .naviimage {
        max-width: 50%;
    }

}

@media (max-width: 768px) {

  .media--right figure {
    margin-left: 0px;
  }

  .media--left figure {
    margin-right: 0px;
  }

    #big_image {
        padding-top: 0px;
    }

  .naviimage {
    display: none;
  }
  
  #logo {
    width: 100%;
    display: block;
    background: url(../../files/maringer-tries/gfx/logo.png) no-repeat 50% 0;
  }
  
  .navigation {
    float: none;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 20px 0 10px 0;
  }
  
  .header_background {
    height: 250px;
    width: 100%;
    margin: 170px 0 0 0;
  }
  
  .header_background h3 {
    margin: 100px 0 0 0;
    padding: 0 10%;
  }
  
  .navigation a.facebook {
    margin: 0 50px 0 20px;
  }
  
  .scroll_down {
    display: none;
  }
  
  h1 {
   font-size: 26px;
  }

  p.quote {
    font-size:20px;  
  }
  
  .footer_left {
    float: none;
  }
  
  .footer_left .box.last {
    float: none;
  }
  
  .footer_left .box {
    float: none;
    margin: 0;
  }
  
  .footer_right {
    float: none;
    margin: 30px 0 0 0;
  }
}

/* Kontaktformular */
.mandatory {color:#b39d68;}

form.kontaktformular {
  line-height:1;
  background-color:#f5f4e9;
  border:1px solid #dfddb7;
  padding:30px 0 30px 0;
}

#kontaktformular label {
display:block;
cursor:pointer;
margin:1em 0 0 0;
}

#kontaktformular .checkbox_container label {
  display:inline;
}

#kontaktformular .checkbox_container {
  margin-bottom:1em;
}

.btn,
.submit {
  padding: 10px 20px;
  background-color:#b39d68;
  color:#ffffff;
  border: none;
}

.btn {
  display: inline-block;
  margin-top: 10px;
}