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}
.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%;
  }
}

/* NUUNNAV CSS*/

.nuunnavbutton {display: none; width: 38px; background: initial; padding: 0; height: 40px; box-sizing: border-box; border-radius: 0; cursor: pointer; position: fixed; z-index: 2500; top: 48px; right: 3%;}
.nuunnavbutton .navline {height: 3px; width: 100%; box-sizing: border-box; margin-bottom: 7px; border-radius: 5px; background: #000; opacity: 1; transition: transform 0.3s ease, opacity 0.3s ease, background 0.3s ease;}
.nuunnavbutton.up .navline {background: #000;}
.nuunnavbutton .navline:last-of-type {margin-bottom: 0;}
.nuunnavbutton .navline.mid {opacity: 1;}
.nuunnavbutton .navline.top {transform: rotate(0); transform-origin: top right;}
.nuunnavbutton .navline.bot {transform: rotate(0); transform-origin: bottom right;}

.nuunnavbutton.crossed .navline.top {transform: rotate(-45deg) translateY(-1px) translateX(0px); background: #000;}
.nuunnavbutton.crossed .navline.mid {opacity: 0;}
.nuunnavbutton.crossed .navline.bot {margin-left: 0; width: 100%; transform: rotate(-135deg) translateY(-1px) translateX(35px); background: #000;}

#nuunnav {display: none; padding-top: 0px; padding-bottom: 50px; position: fixed; overflow-y: auto; top: 0; width: 100%; max-width: 500px; background: #fff; height: 100vh; z-index: 2000; box-sizing: border-box; transition:right 0.4s ease, box-shadow 0.3s ease;}
#nuunnav.open {right: 0 !important; box-shadow: 0px 0px 20px rgba(0,0,0,0.1);}
#nuunnav .inside {padding: 0 5% 30px 5%;}

#nuunnav .mod_navigation {margin-top: 50px; margin-bottom: 20px; display: inline-block; width: 100%; position: relative; overflow: hidden;}
#nuunnav li a {font-family: 'latoregular'; color: #727272; text-decoration: none; padding-bottom: 20px; background-position: bottom left; transition: background 0.3s ease;}
#nuunnav ul.level_1 > li > a.active, #nuunnav ul.level_1 > li > a.trail, #nuunnav ul.level_1 > li > a:hover {background: url(../../files/data/graphics/nav-bg-line.svg) no-repeat; background-position: bottom left;}
#nuunnav li a.active {color: #D8232A; font-family: 'latoregular'; text-decoration: none;}
#nuunnav li a:hover {color: #D8232A;}
#nuunnav ul {list-style: none; padding-left: 0; margin-bottom: 0; display: block; width: 100%;}
#nuunnav ul.level_1 {margin: 0;}
#nuunnav ul.level_1 > li {display: inline-block; width: 100%; border-bottom: 1px solid #727272;}
#nuunnav ul.level_1 > li > a {display: inline-block; font-size: 2.4rem; float: left; clear: left; margin: 0; padding: 4px 0 20px 0px; width: calc(100% - 55px);}
#nuunnav ul.level_1 > li.submenu > a {margin-right: 0px; float: left; clear: left;}
#nuunnav ul li.submenu .subtoggler {width: 50px; height: 50px; position: relative; top:3px; display: flex; align-items: center; justify-content: center; float: left; cursor: pointer; background: url(../../files/data/nuunnav/graphics/nuunnav-subarrow.svg) center no-repeat;}
#nuunnav ul.level_2 li.submenu .subtoggler {height: 34px;}
#nuunnav ul li.submenu .subtoggler .subtoggline1 {opacity: 0; width: 18px; height: 2px; background: #727272;}
#nuunnav ul li.submenu .subtoggler .subtoggline2 {opacity: 0; width: 18px; height: 2px; background: #727272; position: absolute; transform: rotate(90deg); transition: transform 0.3s ease;}
#nuunnav ul li.submenu .subtoggler.down .subtoggline2 {transform: rotate(0deg);}

#nuunnav ul.level_2 {display: block; width: 100%; position: absolute; top: 0; right: -100%;}
#nuunnav ul.level_2 > li > a {font-family: 'latoregular'; display: inline-block; font-size: 2rem; float: left; clear: left; padding: 5px 0 5px 0px;}
#nuunnav ul.level_2 li a.active {color: #D8232A; font-family: 'latoregular'; text-decoration: underline;}
#nuunnav ul.level_2 li a:hover {color: #D8232A;}
#nuunnav ul.level_2 li.last {padding-bottom: 15px; display: inline-block; width: 100%;}

#nuunnav ul.level_3 {display: none; visibility: visible;}
#nuunnav ul.level_3 > li > a {font-family: 'latoregular'; display: inline-block; text-transform: none; font-size: 2rem; float: left; clear: left; padding: 5px 0 5px 20px;}
#nuunnav ul.level_3 li a.active {color: #D8232A; font-family: 'latoregular'; text-decoration: underline;}
#nuunnav ul.level_3 li a:hover {color: #D8232A;}

#nuunnav ul.level_4 {display: none;}
#nuunnav ul.level_4 > li > a {display: inline-block; text-transform: none; font-size: 1.5rem; float: left; clear: left; padding: 5px 0 5px 15px;}
#nuunnav ul.level_4 li a.active {color: #D8232A; font-family: 'latoregular'; text-decoration: underline;}
#nuunnav ul.level_4 li a:hover {color: #D8232A;}

@media screen and (max-width: 950px) {
	.nuunnavbutton {display: block;}
	#nuunnav {display: block;}
}
/*************************************************************/
/*   Design:  GEWERBE-MAERSTETTEN.CH		     	 	 	 */
/*   File:    screen.css					                 */
/*-----------------------------------------------------------*/
/*   Autor:   Thomas Dürig, www.nuun.ch 	                 */
/*   Datum:   September 2017				                 */
/*   Site: 	  www.gewerbe-maerstetten.ch   					 */
/*************************************************************/
/*  LAYOUT													 */
/*************************************************************/

/*FARBEN*/
/*	
    dark:   #0A0A10
    grau:   #6F7878
    red:    #D8232A
*/

/*  GLOBAL													 */
/*************************************************************/

html, body {position: relative; height: 100%; width:100%; font: 62.5% "latolight", Arial, Verdana, Helvetica, sans-serif; letter-spacing:0em;}
body {font-size:16px; font-size:1.6rem; line-height: 2.2rem; color: #727272; background-color: #fff;}

#wrapper {width: 1140px; margin: 0 auto;}

#left {width: 25%; margin-right: 10%; padding-top: 100px; display: inline-block; float: left; text-align: right;}
#main {width: 65%; display: inline-block; float: left; padding-bottom: 30px;}

strong, bold {font-family: 'latobold';}

.invisible {display: none !important;}
a {color: #D8232A; text-decoration: none;}

/*  HEADER / NAVIGATION									     */
/*************************************************************/
#header {width: 100%; height: 225px; position: relative;}
#header #logo {display: inline-block; float: left; margin-top: 40px; margin-left: 12%;}
#header .headermail {display: inline-block; position: absolute; right: 0; top: 37px;}
#header .headermail a {text-decoration: none; color: #6F7878;}
#header .navigation {display: inline-block; float: right; margin-top: 164px;}
#header .navigation ul li {display: inline-block; margin-left: 25px; text-transform: uppercase; padding-bottom: 15px;}
#header .navigation ul li a {font-size: 1.8rem; color: #0A0A10; text-decoration: none; transition: color 0.3s ease;}
#header .navigation ul li strong {font-size: 2rem; color: #D8232A; font-family: 'latolight';}
#header .navigation ul li:hover,
#header .navigation ul li.active,
#header .navigation ul li.trail {border-bottom: 1px solid #D8D8D8;}
#header .navigation ul li:hover a,
#header .navigation ul li.trail a {color: #D8232A;}

/*  SLIDER                                                   */
/*************************************************************/
#slider .swiper {height: 330px; position: relative;}
#slider .swiper .swiper-wrapper {width: 100%; height: 300px; overflow: hidden; position: relative;}
#slider .swiper .swiper-button-prev {position: absolute; z-index: 2100; width: 27px; height: 50px; cursor: pointer; left: 20px; top: 43%; background: url(../../files/data/graphics/icon-slider-prev.svg) center no-repeat; transition: background 0.3s ease;}
#slider .swiper .swiper-button-prev:hover {background: url(../../files/data/graphics/icon-slider-prev-active.svg) center no-repeat;}
#slider .swiper .swiper-button-prev svg {display: none;}
#slider .swiper .swiper-button-next {position: absolute; z-index: 2100; width: 27px; height: 50px; cursor: pointer; right: 20px; top: 43%; background: url(../../files/data/graphics/icon-slider-next.svg) center no-repeat; transition: background 0.3s ease;}
#slider .swiper .swiper-button-next:hover {background: url(../../files/data/graphics/icon-slider-next-active.svg) center no-repeat;}
#slider .swiper .swiper-button-next svg {display: none;}
#slider .swiper .swiper-pagination {position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; text-align: center;}
#slider .swiper .swiper-pagination span {display: inline-block; cursor: pointer; margin: 0 4px; width: 12px; height: 12px; background: url(../../files/data/graphics/icon-slider-pagi.svg) center no-repeat; transition:background 0.3s ease;}
#slider .swiper .swiper-pagination span.swiper-pagination-bullet-active,
#slider .swiper .swiper-pagination span:hover {background:url(../../files/data/graphics/icon-slider-pagi-active.svg) center no-repeat;}

#slider .swiper-wrapper figure img {width: 100%; height: auto;}

#slider .swiper {width: 100%; height: 330px; overflow: hidden; position: relative;}

/*  INHALTSELEMENTE                                          */
/*************************************************************/

/*Headlines*/
h1 {text-transform: uppercase; font-size: 4rem; line-height: 4.8rem; color: #6F7878; text-align: right; border-bottom: 1px solid #D8D8D8; padding-bottom: 20px;}
h2 {font-family: 'latobold'; color: #0A0A10; font-size: 2.4rem; line-height: 2.9rem;}
h3 {font-family: 'latobold'; color: #0A0A10; font-size: 1.6rem; line-height: 2rem; border-bottom: 1px solid #D8D8D8; padding-bottom: 5px;}
h4 {font-family: 'latobold'; color: #0A0A10; font-size: 1.6rem; line-height: 2.4rem; margin-bottom: 5px;}

/*Text*/
.image_container img, figure img {max-width: 100%; height: auto;}

#container .ce_text {margin-bottom: 15px;}
#container .ce_text .image_container.float_left {width: 47.5%; float: left; margin-right: 2.5%;}
#container .ce_text .image_container.float_right {width: 47.5%; float: right; margin-left: 2.5%;}

#container .content-text {margin-bottom: 15px;}
#container .content-text.media--left figure {width: 47.5%; float: left; margin-right: 2.5%;}
#container .content-text.media--right figure {width: 47.5%; float: right; margin-left: 2.5%;}


/*Gallery*/
#container #main .content-gallery ul li {width: 22.75%; margin-right: 3%; margin-bottom: 30px; display: inline-block; float: left; line-height: 1;}
#container #main .content-gallery ul li:nth-of-type(4n) {margin-right: 0;}
#container #main .content-gallery ul li figure {width: 100%; overflow: hidden; line-height: 0;}
#container #main .content-gallery ul li figure img {width: 100%; height: auto; -webkit-transition: all .5s ease; transition: all .5s ease;}
#container #main .content-gallery ul li figure:hover img {-webkit-transform: scale(1.1); transform: scale(1.1);}
#colorbox #cboxTitle {display: none !important;}
#colorbox #cboxCurrent {font-size: 1.5rem;}
 
/*List*/
#main .ce_text ul, #main .content-text ul {display: table; margin-bottom: 25px;}

#main .ce_text ul li, #main .content-text ul li {vertical-align: middle; list-style: none; padding-left: 15px; background: url(../../files/data/graphics/list-bullet.svg) no-repeat top 8px left;}

#main .ce_text ol, #main .content-text ol {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
#main .ce_text ol > li, #main .content-text ol > li {
    position:relative; /* Create a positioning context */
    margin:0 0 0 20px; /* Give each list item a left margin to make room for the numbers */
    list-style:none; /* Disable the normal item numbering */
}
#main .ce_text ol > li:before, #main .content-text ol > li:before {
    content:counter(li)"."; /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    left: -18px;
    top: 0;
    font-size: 1.5rem;
    /*font-family: 'Myriad W01 Bd', sans-serif;*/
    color: #D8232A;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

/*Downloads*/
.content-download.sc.last, .content-downloads.sc.last {padding-right: 0;}
.content-download, .content-downloads {position:relative; width:100%; margin:0; padding:0;}
.content-download:after, .content-downloads:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.content-download ul, .content-downloads ul {position:relative; float:left; width:100%; margin:0; padding:0 0 0 0;}
.content-download ul li, .content-downloads ul li {position:relative; width:100%; line-height:21px; padding:0 0 0 0; margin:0 0 5px 0; background:#D8D8D8;}

.content-download img, .content-downloads img {position:absolute; left:10px; top:7px; z-index:400;}
body #container .content-downloads a, body #container .content-downloads a:link, body #container .content-downloads a:visited, body #container .content-download a, body #container .content-download a:visited, body #container .content-download a:link, body #container .enclosure a:link, body #container .enclosure a:visited {
    position:relative;
    z-index:300;
    text-decoration: none;
    font-size: 1.6rem;
    font-family: "latolight", Arial, Verdana, Helvetica, sans-serif;
    color: #D8232A;
    display:block;
    padding:8px 30px 8px 40px;
    margin:0 0 0 0;
    transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; 
    }   
        
body #container .content-downloads a:hover, 
body #container .content-downloads a:active, 
body #container .content-download a:hover, 
body #container .content-download a:active {background-color:#0A0A10;}   

.download-element.ext-pdf a {background-image: url(../../files/data/graphics/icon-pdf.svg); background-position: left 10px top 5px; background-repeat: no-repeat;}

/*Form*/
#container .formbody input {-webkit-appearance:none;} 
#container .formbody button {-webkit-appearance:none;}
input:focus, textarea:focus {outline: #D8232A solid 1px !important;}

#container .ce_form {margin-top: 40px; width: 50%; margin-right: auto; margin-left: auto;}
#container .formbody label {width: 100%; padding-top: 10px; margin-bottom: 5px; font-size: 1.6rem; display: inline-block; float: left;}
#container .formbody input {width: 96%; padding:2%; font-size: 1.6rem; margin-bottom: 5px; border:none; background-color: rgba(225,225,225,0.9);}
#container .formbody textarea {width: 96%; padding: 2%; font-size: 1.6rem; border: none; margin-bottom: 4px; background-color: rgba(225,225,225,0.9);}
#container .formbody .submit {background-color: #D8232A; margin-top: 7px; color: #fff; margin-left: 0; width: 200px; padding: 5px 0; border:none;}
#container .formbody select {width: 100%; padding:1%; font-size: 1.6rem; margin-bottom: 15px; border:none; background-color: rgba(225,225,225,0.9);}
#container .formbody fieldset {margin-bottom: 10px;}
#container .formbody fieldset legend {font-size: 1.6rem; margin-bottom: 5px;} 
#container .formbody fieldset span {width:100%; float: left;}
#container .formbody fieldset span input {float: left; width: 5%; height: 26px;}
#container .formbody fieldset span label {padding-top: 0; width: 95%;}
#container .formbody .explanation p {font-size: 1.6rem; line-height: 1.4em;}
#container .formbody .widget-captcha {margin-bottom: 40px;}
#container .formbody .widget-captcha input {margin-bottom: 5px;}
#container .formbody .widget-captcha span {width: 100%; float: left; font-size: 1.6rem;}
#container .formbody .widget-captcha label span.mandatory {width: auto; float: none;}
#container .formbody .widget-checkbox {margin-top: 10px;}
#container .formbody .widget-checkbox fieldset {margin-bottom: 0;}
#container .formbody .widget-checkbox input {-webkit-appearance:checkbox;}

/*Hyperlink*/
.ce_hyperlink a, .content-hyperlink a {color: #fff; padding: 7px 10px 7px 20px; background: #D8232A url(../../files/data/graphics/icon-hyperlink.svg) center left 9px no-repeat;}

/*YouTube*/
#container .content-youtube {clear: both;}
#container .content-youtube embed {width: 100%;}
#container .content-youtube video {width: 100%;}

#container .content-youtube .me-plugin {width: 100%;}
#container .content-youtube .mejs-overlay {width: 100% !important;}

/*Google Map*/
.dlh_googlemap {width: 100% !important; height:400px;}

/*Columns*/
.rs-columns.mitglieder {padding: 20px 0; border-bottom: 1px solid #D8D8D8;}
.rs-columns.mitglieder .-large-first {width: 40%; margin-right: 5%;}
.rs-columns.mitglieder .-large-last {width: 55%;}
.rs-columns.mitglieder h2 {margin-top: 0;}
.rs-columns.mitglieder .content-image {margin-top: 40px; text-align: center;}
.rs-columns.mitglieder .content-image img {max-height: 165px; width: auto;}

/*Mitgliedersuche*/
#suchfeld {margin: 0 20px 15px 0; padding: 10px; float:left; width:290px;}
#suchereset {display: block; -webkit-appearance: none; border: none; color: #fff; padding: 12px 10px 12px 20px; background: #D8232A url(../../files/data/graphics/icon-hyperlink.svg) center left 9px no-repeat; cursor: pointer; float:left}
#suchebutton {-webkit-appearance: none; border: none; color: #fff; padding: 12px 10px 12px 20px; margin-right:100px; background: #D8232A url(../../files/data/graphics/icon-hyperlink.svg) center left 9px no-repeat; cursor: pointer; float:left;}

/* Tables */
#main table tr td {padding: 8px 2px 8px 8px;}
#main table tr:nth-child(2n-1) {background: #f1f1f1;}
#main table tr td:first-child {padding-right: 10px;}

/*  NEWS / TERMINE                                           */
/*************************************************************/
.mod_newslist .newsleft {width: 48%; margin-right: 4%; display: inline-block; float: left; text-align: right;}
.mod_newslist .newsleft .info {color: #6F7878; font-size: 1.4rem; margin-bottom: 5px;}
.mod_newslist .newsleft h2 {margin-top: 0;}
.mod_newslist .newsleft h2 a {color: #0A0A10;}
.mod_newslist .newsleft .image_container {width: 75%; float: right;}
.mod_newslist .newsright {width: 48%; display: inline-block; float: left; padding-top: 33px;}
.mod_newslist .layout_latest {padding: 20px 0; border-bottom: 1px solid #D8D8D8;}
.mod_newslist .layout_latest.last {border-bottom: none;}

.pagination {
    clear: both;
    display: block;
    width: 100%;
}

.pagination p {
    display: inline-block;
    float: right;
}

.pagination ul {
    display: inline-block;
    float: left;
}

.pagination ul li {
    width: auto;
    margin-right: 5px;
    margin-bottom: 10px;
    display: inline-block;
}

.pagination ul li a, .pagination ul li span {
    border-radius: 0px;
    text-decoration: none;
    padding: 1px 0 1px 0;
    width: 30px;
    display: block;
    text-align: center;
    background: #EAECF0;
    color: #000;
    transition: color 0.3s ease, background 0.3s ease;
}

.pagination ul li a:hover, .pagination ul li span.active {
    background: #EAECF0;
    color: #D8232A;
}

.pagination ul li.next a, .pagination ul li.last a, .pagination ul li.first a, .pagination ul li.previous a {
    width: auto;
    padding: 1px 7px 1px 7px;
}

/*  FOOTER                                                   */
/*************************************************************/
.endcontent {height: 282px; width: 100%; display: block; position: relative;}

#footer {height: auto; margin-top: 0; display: block; clear: both; position: relative; font-size: 1.6rem; color: #6F7878; border-top: 1px solid #D8D8D8; padding: 15px 0;}
#footer .content-image {display: inline-block; float: left;}
#footer .content-text {display: inline-block; float: right;}
#footer .content-toplink {display: inline-block; float: right; margin-left: 15px;}

/*  DETAILSEITE                                              */
/*************************************************************/
body.detailseite #left {padding-top: 0;}
body.detailseite #left .content-hyperlink {text-align: left; padding: 20px 0 65px 0;}

/*  LIGHTBOX	                                             */
/*************************************************************/
#cboxTitle {display: none !important;} 
#cboxLoadedContent {border: none;} 
#cboxNext {background: url("../../files/data/graphics/icon-slider-next.svg"); width: 35px; position: absolute; right: 15px; height: 45px; top: 53%; background-position: center; background-repeat: no-repeat; background-size: contain;} 
#cboxPrevious {background: url("../../files/data/graphics/icon-slider-prev.svg"); width: 35px; position: absolute; left: 15px; height: 45px; top: 53%; background-position: center; background-repeat: no-repeat; background-size: contain;} 
#cboxClose {background: url("../../files/data/graphics/icon-slider-close.svg"); width: 35px; position: absolute; right: 15px; top: 15px; height: 35px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
#cboxCurrent {font-size: 14px;} 

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height:0px;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*  MEDIA QUERIES                                            */
/*************************************************************/
@media screen and (max-width: 1200px) {
    #wrapper {width: 900px;}
    #header #logo {margin-left: 0;}
    #header .navigation ul li {margin-left: 20px;}
}
@media screen and (max-width: 950px) {
    #wrapper {width: 94%; padding-left: 3%; padding-right: 3%;}
    h1 {text-align: left;}
    /*#header .nuunavbutton {display: block; position: absolute; top: 45px; right: 0; width: 36px; height: 36px; cursor: pointer;}
    #header .nuunavbutton a {display: block; width: 100%; height: 100%; background: url(../../files/data/graphics/btn-mobile.svg) center no-repeat;}*/
    #header .navigation {display: none;}
    #header {height: 100px;}
    #header #logo {width: 70px; margin-top: 16px;}
    #header .headermail {top: 12px;}
    #slider .swiper .swiper-wrapper {height: 32vw;}
    #slider .swiper {height: 35vw;}
    #main {width: 100%;}
    #left {width: 100%; margin: 0; text-align: left; padding-top: 20px; margin-top: 30px; border-top: none;}
}
@media screen and (max-width: 600px) {
    #slider .swiper .swiper-button-prev {display: none !important;}
    #slider .swiper .swiper-button-next {display: none !important;}
    #slider .swiper {height: 37vw;}
    .mod_newslist .newsleft {width: 100%; margin-right: 0; text-align: left;}
    .mod_newslist .newsleft .image_container {width: 100%; float: left;}
    .mod_newslist .newsright {width: 100%; padding-top: 15px;}
    .rs-columns.mitglieder .-large-first {width: 100%; margin-right: 0;}
    .rs-columns.mitglieder .-large-last {width: 100%;}
    .image_container img, figure img {width: 100%; height: auto;}
    #container .ce_form {width: 100%;}
    #container .formbody .submit {width: 100%;}
}

/*  FONTS                                                    */
/*************************************************************/
@font-face {
    font-family: 'latobold';
    src: url('../../files/data/style/Fonts/lato-bold-webfont.woff2') format('woff2'),
         url('../../files/data/style/Fonts/lato-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latolight';
    src: url('../../files/data/style/Fonts/lato-light-webfont.woff2') format('woff2'),
         url('../../files/data/style/Fonts/lato-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latoregular';
    src: url('../../files/data/style/Fonts/lato-regular-webfont.woff2') format('woff2'),
         url('../../files/data/style/Fonts/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}