/*************************************************************/
/*   Design:  MONTRESA.CH  					     	 	 	 */
/*   File:    screen.css					                 */
/*-----------------------------------------------------------*/
/*   Autor:   Thomas Dürig, www.nuun.ch 	                 */
/*   Datum:   März 2020						                 */
/*   Site: 	  www.montresa.ch               				 */
/*************************************************************/
/*  LAYOUT													 */
/*************************************************************/

/*FARBEN*/
/*	
	dunkel:		#000000
	hellgrau:	#DADADA
*/

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

html, body {position: relative; height: 100%; width:100%; font: 62.5% "ralewayregular", Arial, Verdana, Helvetica, sans-serif; letter-spacing:0em;}
body {font-size:20px; font-size:2rem; line-height: 3.1rem; color: #676767; background-color: #fff;}

.invisible {display: none !important;}

.schmal50 {width: 50% !important; margin: 0 auto;}
.schmal75 {width: 75% !important; margin: 0 auto;}
.links {text-align:left !important;}

strong {font-family: 'ralewaysemibold';}

.ce_text a {color: #000; text-decoration: underline;}
.ce_form a {color: #000; text-decoration: underline;}
.mod_article.dunkel .ce_text a {color: #fff; text-decoration: underline;}

.zentriert {text-align: center;}

/*Backtotop*/
#backtotop {width: 70px; height: 70px; position: fixed; bottom: 45px; right: 20px; cursor: pointer; opacity: 0; z-index: 5000; background: url(../graphics/backtotop.svg) center no-repeat; background-size: contain;}

.cookiebar {z-index: 2000; font-size: 1.5rem;}


/*  NEWSLETTER-POPUP									     */
/*************************************************************/
body #rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-left {top:50%; transform: translateX(-50%) translateY(-50%); }
body #rmOrganism .rmPopup__container {z-index: 2000;}


/*  HEADER / NAVIGATION									     */
/*************************************************************/

#header {position: fixed; left: 0; top: 0; width: 100%; height: 120px; background:#ffffff; /*box-shadow: rgba(0,0,0,0.2) 0 0 30px 0;*/ z-index: 1500;}
#header .inside {width: 80%; padding: 0 10%;}
#header .logo {display: inline-block; width: 200px; margin-top: 31px;}

#header .navigation {display: inline-block; float: right; vertical-align: top; margin-top: 57px;}
#header .navigation ul {margin-bottom: 0;}
#header .navigation ul li {display: inline-block; position: relative; margin-left: 70px;}
#header .navigation ul li a {color: #000; border-top: 3px solid #fff; padding-top: 10px; padding-bottom: 35px; font-family: 'ralewaysemibold'; font-size: 2rem; line-height: 3rem; text-decoration: none; letter-spacing: 0.1rem; transition: color 0.3s ease, border-top 0.3s ease;}
#header .navigation ul li a:hover,
#header .navigation ul li a.active,
#header .navigation ul li a.trail {color: #E02A2F; border-top: 3px solid #E02A2F;}

#header .navigation ul li:hover ul.level_2 {display: block; visibility: visible; opacity: 1; top: 57px;}
#header .navigation ul li ul.level_2 {display: block; visibility: hidden; opacity: 0; width: auto; padding: 25px 60px 30px 60px; position: absolute; top: 67px; left: 50%; transform: translateX(-50%); background-color: #fff; border-radius: 4px; /*filter: drop-shadow(0px 14px 7px rgba(0,0,0,0.1)); -webkit-filter: drop-shadow(0px 14px 7px rgba(0,0,0,0.1));*/ z-index: 1000; transition:opacity 0.2s, top 0.2s ease;}
#header .navigation ul.level_2 li {margin-left: 0; width: 100%;}
#header .navigation ul.level_2 li a {font-family: 'ralewayregular'; border-top: none; padding-top: 0; letter-spacing: 0.1rem; line-height: 2.5rem; transition: color 0.3s ease; text-decoration: none; text-transform: none; white-space: nowrap; padding: 10px 0; display: block;}
#header .navigation ul.level_2 li a:hover,
#header .navigation ul.level_2 li a.active,
#header .navigation ul.level_2 li a.trail {color: #E02A2F;}


/*#header {position: fixed; left: 0; top: 0; width: 390px; height: 100%; background:#ffffff; box-shadow: rgba(0,0,0,0.7) 0 0 70px 0; z-index: 1500;}
#header.headerabs {position: absolute;}
#header > .inside {display: block; width: 60%; margin:0 auto;}
#header .logo {padding-top: 65px; padding-bottom: 60px; margin-top: 60px; text-align: center; border-top: 4px solid #E02A2F; border-bottom: 4px solid #E02A2F; margin-bottom: 20px;}

#header .homelink {padding-left: 90px; margin-top: 65px;}

#header .navigation ul.level_2 {display: none;}
#header .navigation li.active ul.level_2, #header .navigation li.trail ul.level_2 {display: block;}

#header .navigation a {display: block; padding: 8px 0 0 0; color: #000; font-family: 'ralewaysemibold'; font-size: 2rem; line-height: 3rem; text-decoration: none; letter-spacing: 0.1rem; transition: color 0.3s ease, border-color 0.3s ease;}
#header .navigation ul.level_2 a {padding-left: 15px; text-transform: none; font-family: 'ralewayregular'; letter-spacing: 0.1rem; line-height: 2.5rem; transition: color 0.3s ease, border-color 0.3s ease;}

#header .navigation li a:hover, #header .navigation li a.active {color: #E02A2F; border-color: #FFFFFF;}
#header .navigation li a.trail {color: #E02A2F;}

.mobilebtn-ct {display: none;}

.mm-menu.mm-theme-black li a {color: #fff;}
.mm-menu.mm-theme-dark li a:hover, .mm-menu.mm-theme-dark li a.active, .mm-menu.mm-theme-dark li a.trail, .mm-menu.mm-theme-dark li span.active {color: #fff;}
.mm-menu.mm-theme-black .mm-listview>li .mm-next:after {border-color: #fff;}
.mm-menu.mm-theme-black em.mm-counter {color: #fff;}
.mm-menu.mm-theme-black .mm-navbar a, .mm-menu.mm-theme-black .mm-navbar>* {color: #fff;}
.mm-menu.mm-theme-black .mm-listview>li.mm-selected>a:not(.mm-next), .mm-menu.mm-theme-black .mm-listview>li.mm-selected>span {color: #fff;}

#header .ce_text {margin-left: 0; margin-top: 150px; color: #73716C; padding-top: 20px; border-top: 4px solid #E02A2F;}
#header .ce_text a {color: #73716C; text-decoration: none; transition:color 0.3s ease;}
#header .ce_text a:hover {color: #E02A2F;}
#header .ce_text p {margin-bottom: 4px;}*/

/*Social Media Buttons*/
.socialmediabuttons {position: fixed; right: -174px; top: 10%;}
.socialmediabuttons .button {width: 220px; height: 46px; background: #000; margin-bottom: 8px; margin-left: 0px; transition: margin-left 0.3s ease;}
.socialmediabuttons .button:hover {margin-left: -174px;}
.socialmediabuttons .button a {display: block; width: 100%; height: 100%;}
.socialmediabuttons .button .smbbild {display: inline-block; float: left; height: 46px;}
.socialmediabuttons .button .smbbild img {width: 30px; padding: 8px;}
.socialmediabuttons .button p {display: inline-block; float: left; margin: 10px; color: #fff;}

/*Sprachwechsler*/
#header #languagechanger {display: inline-block; float: right; position: relative;}
#header #languagechanger .languagetrigger {padding: 0 0 0 30px; width: 67px; margin-top: 60px; line-height: 2.4rem; margin-left: 30px; color: #000; cursor: pointer; background:url(../graphics/arrow-down.svg) center right 15px no-repeat; border-left: 2px solid #000; transition: background 0.3s ease;}
/*#header #languagechanger .languagetrigger:hover {background: #EDEDED url(../graphics/arrow-down.svg) center right 15px no-repeat;}*/
#header #languagechanger .mod_changelanguage {padding-top: 10px; display: none; position: absolute; right: 0; background: #fff; z-index: 200;}
#header #languagechanger .mod_changelanguage ul li.active {display: none;}
#header #languagechanger .mod_changelanguage ul li a {display: block; padding: 4px 38px 4px 30px; width: auto; color: #000; text-decoration: none; transition:color 0.3s ease;}
#header #languagechanger .mod_changelanguage ul li a:hover {color: #E02A2F;}

/*  SLIDER												     */
/*************************************************************/
#slider {position: relative;}
#slider .homeslider .ce_text {width: 100%;}
#slider .homeslider .ce_text .image-container {position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-size: cover !important; background-position: center !important;}
#slider .homeslider .slick-prev {opacity: 0; position: absolute; z-index: 500; left: 0; top: 50%; left: 35px; width: 90px; height: 90px; cursor: pointer; transition:opacity 0.3s ease;}
#slider .homeslider .slick-prev img {width: 100%; height: auto;}
#slider .homeslider .slick-next {opacity: 0; position: absolute; z-index: 500; right: 0; top: 50%; right: 35px; width: 90px; height: 90px; cursor: pointer; transition:opacity 0.3s ease;}
#slider .homeslider .slick-next img {width: 100%; height: auto;}
#slider .sliderdown {opacity: 0; position: absolute; bottom: 35px; z-index: 500; width: 100%; text-align: center; transition:opacity 0.3s ease;}
#slider .sliderdown img {width: 90px; height: 90px;}

#slider:hover .slick-prev {opacity: 1;}
#slider:hover .slick-next {opacity: 1;}
#slider:hover .sliderdown {opacity: 1;}

#slider .homeslider .ce_text .textblock {position: absolute; z-index: 500; bottom: 200px; left: 300px;}
#slider .homeslider .textblock h1, #slider .homeslider .textblock h2, #slider .homeslider .textblock h3, #slider .homeslider .textblock h4 {position: relative; font-family: 'ralewaysemibold'; font-size: 7rem; line-height: 12rem; color: #000; background: rgba(255,255,255,0.85); padding: 5px 20px 3px 20px; margin: 0 0 15px 0; bottom: 0; display: inline-block; float: left; clear: left;}
#slider .homeslider .textblock p {color: #000; background: rgba(255,255,255,0.85); display: inline-block; float: left; clear: left; font-size: 1.8rem; line-height: 3rem; padding: 5px 30px 5px 30px; margin: 0;}
#slider .homeslider .textblock a {text-decoration: none; color: #000;}

body.home #slider, body.home .slick-slide, body.home .slick-slider, body.home .slick-slide .image_container, body.home .ce_slick-slider .image_container {height: 100%;}
body.home .slick-slide .image_container .image_div, body.home .ce_slick-slider .image_container .image_div {height: 100%; background-size: cover; background-position: center;}

#slider, .slick-slide, .slick-slider, .slick-slide .image_container, .ce_slick-slider .image_container {height: 30vw;}
.slick-slide .image_container .image_div, .ce_slick-slider .image_container .image_div {height: 30vw; background-size: cover; background-position: center;}

#slider .ce_headline {font-family: 'ralewaysemibold'; font-size: 6rem; line-height: 7.5rem; width: 100%; text-align: center;  position: absolute; bottom: 50px;} 
#slider .ce_headline span {padding: 15px 30px 10px 30px; color: #000; background: rgba(255,255,255,0.85);}

#slider .mod_article {height: 100%;}
#slider .inside {height: 100%;}
#slider .ce_player {height: 100%;}
#slider .video_container {height: 100%;}
#slider video {width: 100%; height: 100%; object-fit: cover;}

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

/*Layout*/
#container {/*box-shadow: rgba(0,0,0,0.2) 0 0 50px 0;*/ box-sizing: border-box; z-index: 500; position: relative; display: inline-block; width: 100%; padding-left: 0px; padding-top: 120px; margin-bottom: 440px; background: #fff;}
body.gelb #container {background:#FAFB9A;}

/*Articles*/
#main .mod_article {padding: 40px 10%;}

#main .mod_article.vollbild {padding: 0; width: 100%; height: 30vw; overflow: hidden;}
#main .mod_article.vollbild .ce_image {width: 100%; margin: 0; padding: 0; height: 30vw;}
#main .mod_article.vollbild .ce_image .image_container {width: 100%; margin: 0; padding: 0; height: 30vw; display: flex; justify-content: center; align-items: center;}
#main .mod_article.vollbild .ce_image .image_container img {width: 100%; margin: 0; padding: 0; height: auto;}

#main .mod_article.grau {background:#F9F8F6;}

#main .mod_article.dunkel {background:#000000;}
#main .mod_article.dunkel p {color: #FFFFFF;}
#main .mod_article.dunkel h1, #main .mod_article.dunkel h2, #main .mod_article.dunkel h3, #main .mod_article.dunkel h1.ce_headline, #main .mod_article.dunkel h2.ce_headline, #main .mod_article.dunkel h3.ce_headline {color: #FFFFFF;}

/*Article Gelb*/
body #main .mod_article.gelb {background: #FAFB9A;}
body #main .mod_article.gelb h1, body #main .mod_article.gelb h2, body #main .mod_article.gelb h3, body #main .mod_article.gelb h4 {color: #000000;}
body .mod_article.gelb .divider {background: url(../graphics/divider.svg) center no-repeat; background-size: 200px;}
body #main .mod_article.gelb .ce_text.lead {color: #000000;}

/*Headlines*/
#main h1, #main h2 {font-family: 'ralewaysemibold'; font-size: 5rem; line-height: 7rem; color: #000000;}
#main h1.ce_headline, #main h2.ce_headline, #main h3.ce_headline {text-align: center;}
#main h3 {font-size: 2.4rem; line-height: 3rem; font-family: 'ralewaysemibold'; color: #000000; margin-bottom:30px;}
#main h4 {font-size: 2.4rem; line-height: 3rem; font-family: 'ralewaysemibold'; color: #000000; margin-bottom:12px;}

/*Custom*/
.divider {display: block; clear: both; width: 100%; height: 60px; margin: 20px auto; background:url(../graphics/divider.svg) center no-repeat; background-size: 200px;}
body .mod_article.dunkel .divider {background: url(../graphics/divider-weiss.svg) center no-repeat; background-size: 200px;}
/*Text*/
.image_container img {max-width: 100%; height: auto;}

#container .ce_text {margin-bottom: 30px;}
#container .ce_text .image_container.float_left {width: 48.5%; float: left; margin-right: 3%;}
#container .ce_text .image_container.float_right {width: 48.5%; float: right; margin-left: 3%;}

#main .ce_text.lead {text-align: center; margin-top: 15px;}
#main .ce_text.lead p {font-size: 3rem; line-height: 4rem;}
#main .ce_text.lead em {font-size: 2rem; line-height: 3rem;}

/*Gallery*/
#container #main .ce_gallery ul li {width: 22.75%; margin-right: 3%; margin-bottom: 1.8vw; display: inline-block; float: left; line-height: 1;}
#container #main .ce_gallery ul li.col_last {margin-right: 0;}
#container #main .ce_gallery ul li figure {width: 100%; overflow: hidden; line-height: 0;}
#container #main .ce_gallery ul li figure img {width: 100%; height: auto; -webkit-transition: all .5s ease; transition: all .5s ease;}
#container #main .ce_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;}
 
/*Tables*/
.ce_text table, .ce_table table {max-width: 100%; width: 100% !important; display: block;}
.ce_text table tbody, .ce_table table tbody {max-width: 100%; width: 100% !important; display: block;}
.ce_text table tbody tr, .ce_table table tbody tr {max-width: 100%; width: 100% !important; display: block;}

/*List*/
#main .ce_text ul {display: table; margin-bottom: 25px;}

#main .ce_text ul li {vertical-align: middle; list-style: none; padding-left: 15px; background: url(../graphics/icon-listbullet.svg) no-repeat top 11px left;}

#main .ce_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 {
    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 {
    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: 1px;
    font-size: 1.6rem;
    color: #000;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

/*Downloads*/
.ce_download.sc.last, .ce_downloads.sc.last {padding-right: 0;}
.ce_download, .ce_downloads {position:relative; width:100%; margin:0; padding:0;}
.ce_download ul, .ce_downloads ul {position:relative; float:left; width:100%; margin:0; padding:0 0 0 0;}
.ce_download ul li, .ce_downloads ul li {position:relative; width:100%; padding:0 0 0 0; margin:0 0 5px 0; background:#fff;}
body #container .ce_downloads a img, body #container .ce_download a img, body #container .enclosure a img {border: 1px solid #dbdbdb;}
body #container .ce_downloads .image_container a, body #container .ce_download .image_container a, body #container .enclosure .image_container a {text-align: center;}

body #container .ce_downloads a, body #container .ce_download a, body #container .enclosure a {
    position:relative;
    z-index:300;
    text-decoration: none;
    text-decoration-color: #DBDBDB;
    color: #000;
    display:block;
    padding:0px 30px 7px 40px;
    margin:0 0 8px 0;
    transition: color 0.5s ease, text-decoration-color 0.3s ease;
    }   

body #container .enclosure a:hover,
body #container .ce_downloads a:hover, 
body #container .ce_downloads a:active, 
body #container .ce_download a:hover, 
body #container .ce_download a:active {color: #E02A2F; text-decoration-color: #D8232A;}

.download-element a {background: url(../graphics/icon-download.svg) top 3px left no-repeat;}
.download-element.ext-pdf a {background: url(../graphics/icon-pdf.svg) top 3px left no-repeat;}
.download-element.ext-doc a {background: url(../graphics/icon-doc.svg) top 3px left no-repeat;}
.download-element.ext-docx a {background: url(../graphics/icon-doc.svg) top 3px left no-repeat;}
.download-element.ext-xls a {background: url(../graphics/icon-xls.svg) top 3px left no-repeat;}
.download-element.ext-xlsx a {background: url(../graphics/icon-xls.svg) top 3px left no-repeat;}
.download-element.ext-jpg a {background: url(../graphics/icon-jpg.svg) top 3px left no-repeat;}
.download-element.ext-jpeg a {background: url(../graphics/icon-jpg.svg) top 3px left no-repeat;}
.download-element.ext-png a {background: url(../graphics/icon-png.svg) top 3px left no-repeat;}
.download-element.ext-ppt a {background: url(../graphics/icon-ppt.svg) top 3px left no-repeat;}
.download-element.ext-pptx a {background: url(../graphics/icon-ppt.svg) top 3px left no-repeat;}

/*Hyperlink*/
.ce_hyperlink {display: block; text-align: center; margin-bottom:50px; padding-top: 30px;}
.ce_hyperlink a {color: #fff; display: inline-block; background: #E02A2F; font-size: 1.6rem; font-family: 'ralewaysemibold'; letter-spacing: 0.1rem; width: auto; padding: 15px 60px; border-radius: 50px; text-decoration: none; transition: background 0.3s ease, color 0.3s ease;}
.ce_hyperlink a:hover {background: #E02A2F; color: #fff;}

/*Form*/
#container .formbody input {-webkit-appearance:none;} 
#container .formbody button {-webkit-appearance:none;}

#container .ce_form {/*margin-top: 40px;*/ width: 100%; 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); border-bottom: 1px solid rgba(225,225,225,0.9); transition: background-color 0.3s ease, border-bottom 0.3s ease;}
#container .formbody textarea {width: 96%; padding:2%; font-size: 1.6rem; border: none; margin-bottom: 4px; background-color: rgba(225,225,225,0.9); border-bottom: 1px solid rgba(225,225,225,0.9); transition: background-color 0.3s ease, border-bottom 0.3s ease;}
#container .formbody .submit {background-color: #000; margin-top: 15px; padding: 20px 10px; font-size:2rem; color: #fff; margin-left: 0; width: 200px;}
#container .formbody select {width: 100%; padding:1%; font-size: 1.6rem; margin-bottom: 15px; border:none; background-color: rgba(225,225,225,0.9); border-bottom: 1px solid rgba(225,225,225,0.9); transition: background-color 0.3s ease, border-bottom 0.3s ease;}
#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 input {-webkit-appearance:checkbox;}
#container .formbody .widget-checkbox legend span {width: auto; float: none;}
#container .formbody .widget-radio input {-webkit-appearance:radio;}

#container .formbody input:focus,
#container .formbody textarea:focus,
#container .formbody select:focus {outline: none; background-color: #fff; border-bottom: 1px solid #000;}

/*Columns*/
#container .rs-columns {display: block;}
/*#container .rs-column.-large-col-2-1 {width: 48.5%; margin-right: 3%;}
#container .rs-column.-large-col-2-1.-large-last {margin-right: 0;}
#container .rs-column.-large-col-3-1 {width: 31.3%; margin-right: 3%;}
#container .rs-column.-large-col-3-1.-large-last {margin-right: 0;}
#container .rs-column.-large-col-4-1 {width: 22.75%; margin-right: 3%; margin-top: 0;}
#container .rs-column.-large-col-4-1.-large-last {margin-right: 0;}*/

/*Linkboxen*/
.linkboxen {display: flex; flex-wrap: wrap; justify-content: center; width: 100%;}
.linkboxen .box {display: inline-block; float: left; margin-bottom: 25px; box-sizing: border-box; position: relative;}
.linkboxen .box img {width: 100%; height: auto;}
.linkboxen .box a {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.linkboxen .logobox .logoinside {background-size: contain !important; width: 100%; height: 100%;}
.linkboxen .box:last-of-type {margin-right: 0;}

.linkboxen .dreispaltig {width: 31.3%; margin-right: 3%;}
.linkboxen .dreispaltig:nth-of-type(3n) {margin-right: 0;}
.linkboxen .dreispaltig:nth-of-type(3n+1) {clear: left;}
.linkboxen .dreispaltig.logobox .image-container {height: 12.6vw; padding: 1vw 10%; box-sizing: border-box; background: #ffffff; border:1px solid #ececec;}

.linkboxen .vierspaltig {width: 22.75%; margin-right: 3%;}
.linkboxen .vierspaltig:nth-of-type(4n) {margin-right: 0;}
.linkboxen .vierspaltig:nth-of-type(4n+1) {clear: left;}
.linkboxen .vierspaltig.logobox .image-container {height: 9.1vw; padding: 1vw 10%; box-sizing: border-box; background: #ffffff; border:1px solid #ececec;}

.linkboxen .fuenfspaltig {width: 17.6%; margin-right: 3%;}
.linkboxen .fuenfspaltig:nth-of-type(5n) {margin-right: 0;}
.linkboxen .fuenfspaltig:nth-of-type(5n+1) {clear: left;}
.linkboxen .fuenfspaltig.logobox .image-container {height: 7vw; padding: 1vw 10%; box-sizing: border-box; background: #ffffff; border:1px solid #ececec;}

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

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

#container .ce_player {clear: both;}
#container .ce_player embed {max-width: 100%;}
#container .ce_player video {max-width: 100%;}

/*Google Map*/
.dlh_googlemap {width: 100% !important; height: 30vw; padding-bottom: 0 !important;}

/*Tabs*/
#skltbs-tabs .skltbs-tab-group {text-align: center; outline: none;}
#skltbs-tabs .skltbs-tab-group .skltbs-tab-item {float: none; display: inline-block;}
#skltbs-tabs .skltbs-tab-group .skltbs-tab-item .skltbs-tab {width: 250px; outline: none; margin: 15px; font-size: 2rem; font-family: 'ralewaysemibold'; letter-spacing: 0.1rem;  border:2px solid #000; background: #fff; color: #000; transition: color 0.3s ease, background 0.3s ease;}
#skltbs-tabs .skltbs-tab-group .skltbs-tab-item.is-active .skltbs-tab,
#skltbs-tabs .skltbs-tab-group .skltbs-tab-item .skltbs-tab:hover {color: #fff; background: #000;}
#skltbs-tabs .skltbs-tab-group .skltbs-tab-item .skltbs-tab:focus {outline:none; box-shadow: none;}
#skltbs-tabs .skltbs-panel-group {background: none;}
#skltbs-tabs .skltbs-panel {background: none;}
#skltbs-tabs .skltbs-panel:focus {box-shadow: none;}

/*Team*/
#main .ce_rsce_team {display: flex; flex-wrap: wrap; justify-content: center;}

.portrait {border-bottom: 1px solid #ECECEC; background: #F6F6F6; display: inline-block; text-align: center; float: left; box-sizing: border-box; width: 22.75%; margin-right: 3%; margin-bottom: 35px; min-height: 455px;}
.portrait:nth-of-type(4n) {margin-right: 0;}
.portrait:nth-of-type(4n+1) {clear: left;}
.portrait:last-of-type {margin-right: 0;}
.portrait img {width: 100%; height: auto; position: relative;}
#container .portrait p {display: block; width: 96%; padding: 0 2%;}
#container .portrait p:last-of-type {line-height: 2.3rem; min-height: 46px;}
#container .portrait h4 {min-height: 46px; padding: 0 10px; text-transform: none; color: #000000 !important; font-family: 'ralewaysemibold';}
#container .portrait .member-details {padding-bottom: 50px; position: relative; min-height: 160px;}
#container .portrait .member-details .teamlinks {position: absolute;bottom: 10px; width: 100%; text-align: center;}
#container .portrait .member-details a {display: inline-block; width: 30px; height: 30px; margin:0 3px 0 3px;}
#container .portrait .member-details a.mail {background:url(../graphics/icon-mail-schwarz.svg) center no-repeat; background-size: contain;}
#container .portrait .member-details a.facebook {background:url(../graphics/icon-facebook-schwarz.svg) center no-repeat; background-size: contain;}
#container .portrait .member-details a.instagram {background:url(../graphics/icon-instagram-schwarz.svg) center no-repeat; background-size: contain;}
#container .portrait .member-details p.teamphone a {width: 100%; display: block;}


/*  NEWS / TERMINE                                           */
/*************************************************************/
.mod_newslist .clearfix {display: flex; flex-wrap: wrap; justify-content: center; width: 100%;}
.mod_newslist .layout_latest {position: relative; /*display: inline-block; float: left;*/ width: 32%; margin-right: 2%; margin-bottom: 30px; transition: transform 0.3s ease, box-shadow 0.3s ease;}
.mod_newslist .layout_latest:nth-of-type(3n) {margin-right: 0;} 
.mod_newslist .layout_latest:nth-of-type(3n+1) {clear: left;}
.mod_newslist .layout_latest .newsbild .image_container {line-height: 0; margin: 0;}
.mod_newslist .layout_latest .newstext {box-sizing: border-box; background: #000; color: #fff; min-height: 470px; padding: 40px 40px 100px 40px; position: relative; text-align: center;}
#main .mod_newslist .layout_latest .newstext h2 {margin-top: 0; font-size: 2rem; line-height: 3rem; font-family: 'ralewaysemibold'; letter-spacing: 0.1rem;}
.mod_newslist .layout_latest .newstext h2 a {color: #fff; text-decoration: none; }
.mod_newslist .layout_latest .newstext p.more {position: absolute; width: 100%; left: 0; bottom: 9px;}
.mod_newslist .layout_latest .newstext p.more a {display: inline-block; padding-right: 30px; background: url(../graphics/news-more.svg) center right no-repeat; margin: 0 auto; color: #fff; font-family: 'HelveticaNeueBold'; text-decoration: none;}
.mod_newslist .layout_latest:hover {transform: translateY(-3px); box-shadow: 0px 7px 20px #6f6f6f;}
.mod_newslist .layout_latest:last-of-type {margin-right: 0;}

.mod_newslist .layout_latest .newsmask {position: absolute; z-index: 500; top: 0; left: 0; width: 100%; height: 100%;}

.mod_newsreader p.back {width: 100%; margin: 20px auto; text-align: center;}
.mod_newsreader p.back a {text-decoration: none; color: #fff; font-family: 'ralewaysemibold'; background: #000; padding: 10px 30px;}
body.gelb .mod_newsreader p.back a {color: #FAFB9A;}

.mod_newslist .pagination {clear: both; display: block; width: 100%; margin-top: 20px; float: left;}
.mod_newslist .pagination p {display: inline-block; float: right;}
.mod_newslist .pagination ul {display: inline-block; float: left;}
#container #main .mod_newslist .pagination ul li {width: auto; margin-right: 5px; display: inline-block; margin-bottom: 10px;}
#container #main .mod_newslist .pagination ul li a,
#container #main .mod_newslist .pagination ul li span {padding:7px 0 5px 0; width: 30px; display: block; text-align: center; background: none; color: #000; text-decoration: none; transition: color 0.3s ease, background 0.3s ease;}
#container #main .mod_newslist .pagination ul li a:hover,
#container #main .mod_newslist .pagination ul li span.active {background: #000; color: #fff;}
#container #main .mod_newslist .pagination ul li.next a,
#container #main .mod_newslist .pagination ul li.last a,
#container #main .mod_newslist .pagination ul li.first a,
#container #main .mod_newslist .pagination ul li.previous a {width: auto; padding: 7px 7px 5px 7px; text-decoration: none;}


/*  FOOTER                                                   */
/*************************************************************/

#footer {position: fixed; bottom: 0; z-index: 100; box-sizing: border-box; display: block; width: 100%; padding-left: 0px; clear: both; font-size: 1.6rem; color: #73716C; background: #F9F8F6;}
#footer .inside {padding: 100px 10%;}
#footer .inside a {color: #73716C; text-decoration: none;}

#footer .footertop h4 { font-family: 'ralewaysemibold'; color: #000; letter-spacing: 0.1rem; font-size: 1.8rem; margin-bottom: 30px;}
#footer .footertop .ce_text .image_container.float_left {width: auto; float: left; margin-right: 3%;}
#footer .footertop .ce_text .image_container.float_right {width: auto; float: right; margin-left: 3%;}

#footer .footerbot {margin-top: 15px; padding-top: 15px; border-top: 1px solid #E1E0DE;}
#footer .footerbot .ce_text {float: left; display: inline-block; margin-right: 30px;}
#footer .footerbot .ce_image {display: inline-block; float: right;}

.rm-open-popup {background-color:#000000; color:#ffffff; border:none; padding:5px; cursor:pointer;}

/*  LIGHTBOX	                                             */
/*************************************************************/
#cboxTitle {display: none !important;} 
#cboxLoadedContent {border: none;} 
#cboxNext {background: url("../graphics/lightbox-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("../graphics/lightbox-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("../graphics/lightbox-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 (min-width: 2000px) {
    #main .mod_article {padding: 40px 0;}
    #main .mod_article .inside {width: 1280px; margin: 0 auto;}
    #main .mod_article.vollbild .inside {width: 100%;}
    .linkboxen .fuenfspaltig.logobox .image-container {padding: 15px 10%; height: 136px;}
    .linkboxen .vierspaltig.logobox .image-container {padding: 15px 10%; height: 175px;}
    .linkboxen .dreispaltig.logobox .image-container {padding: 15px 10%; height: 242px;}
}

@media screen and (max-width: 2000px) {
    #slider .homeslider .textblock h1, #slider .homeslider .textblock h2, #slider .homeslider .textblock h3, #slider .homeslider .textblock h4 {font-size:7rem; line-height: 8rem; padding: 15px 30px 5px 30px;}
    #slider .homeslider .ce_text .textblock {left: 200px;}
    #main .mod_newslist .layout_latest .newstext h2 {font-size: 1.5rem; letter-spacing: 1px;}
    .mod_newslist.agenda .layout_latest .newstext {padding: 40px 10px;}
    #slider .ce_headline {font-size: 5rem; line-height: 6.5rem; bottom:30px}
}

@media screen and (max-width: 1580px) {
    #slider .homeslider .textblock h1, #slider .homeslider .textblock h2, #slider .homeslider .textblock h3, #slider .homeslider .textblock h4 {font-size:5rem; line-height: 6rem;}
    #slider .homeslider .ce_text .textblock {left:100px;}
    #slider .ce_headline {font-size: 4rem; line-height: 5.5rem; bottom:30px}
    /*#header {width: 290px;}
    #header .navigation a {padding-left: 75px;}
    #header .navigation ul.level_2 a {padding-left: 10px;}
    #container {padding-left: 290px;}
    #footer {padding-left: 290px;}*/
    #header .navigation ul li {margin-left: 25px;}
    #header #languagechanger .languagetrigger {padding: 0 0 0 20px; margin-left: 20px; width: 50px; background: url(../graphics/arrow-down.svg) center right 0px no-repeat;}
    #header #languagechanger .mod_changelanguage ul li a {padding: 4px 22px 4px 20px;}
    .mod_newslist .layout_latest {width: 48%; margin-right: 4%;}
    .mod_newslist .layout_latest:nth-of-type(3n+1) {clear: none;}
    .mod_newslist .layout_latest:nth-of-type(3n) {margin-right: 4%;}
    .mod_newslist .layout_latest:nth-of-type(2n+1) {clear: left !important;}
    .mod_newslist .layout_latest:nth-of-type(2n) {margin-right: 0 !important;}
    .mod_newslist.newsteaser .layout_latest.last {display: none;}
    .portrait {width: 48%; margin-right: 4%;}
    .portrait:nth-of-type(2n) {margin-right: 0;}
    .portrait:nth-of-type(2n+1) {clear: left;}
    .mod_newsreader .layout_full {width: 75% !important;}
}

@media screen and (max-width: 1200px) {
    /*.mobilebtn_ct {display: block; width: 50px; height: 32px; float: left; margin-top: 34px; margin-left: 3%;}
    .mobilebtn_ct a {display: block; width: 40px; height: 32px; background: url(../graphics/btn-mobile.svg) center no-repeat; background-size: contain;}*/
    #nuunnav {display: block;}
    .nuunnavbutton {display: inline-block;}
    #nuunnav .logo {width: 160px; margin-top: 9px; margin-bottom: 0px;}
    #nuunnav .mod_changelanguage {margin-top: 20px;}
    #nuunnav .mod_changelanguage ul li {display: inline-block; margin-right: 10px; width: auto; clear: none; margin-bottom: 0;}
    #nuunnav .mod_changelanguage ul li a {font-size: 1.8rem; line-height: 2.4rem;}
    #header .mod_navigation {display: none;}
    #header {width: 100%; height: 80px;}
    #header .logo {width: 160px; margin-top: 20px; margin-bottom: 0px;}
    #header .homelink {display: none;}
    .socialmediabuttons {display: none;}
    #header .ce_text {display: none;}
    #header #languagechanger {display: none;}

    #container {padding-left: 0; margin-bottom: 0; padding-top: 80px;}
    #container .rs-column.-large-col-4-1 {width: 48.5%; margin-right: 3%; margin-top: 0;}
    #container .rs-column.-large-col-4-1:nth-of-type(2n) {margin-right: 0;}

    #main .ce_text.lead p {font-size: 2rem; line-height: 3rem;}
    body #container .titelundtext .rs-column {width: 100%; margin-right: 0;}

    #slider .homeslider .slick-prev {display: none !important;}
    #slider .homeslider .slick-next {display: none !important;}
    #slider .sliderdown {display: none !important;}
	#slider .ce_headline {font-size: 3rem; line-height: 4rem; bottom: 40px;}
    #slider, .slick-slide, .slick-slider, .slick-slide .image_container, .ce_slick-slider .image_container {height: 43vw;}
    .slick-slide .image_container .image_div, .ce_slick-slider .image_container .image_div {height: 43vw;}

    #main .mod_article.vollbild {height: 43vw;}
    #main .mod_article.vollbild .ce_image {height: 43vw;}
    #main .mod_article.vollbild .ce_image .image_container {height: 43vw;}

    .linkboxen .dreispaltig.logobox .image-container {height: 14.9vw;}
    .linkboxen .vierspaltig.logobox .image-container {height: 10.7vw;}
    .linkboxen .fuenfspaltig.logobox .image-container {height: 8.6vw;}

    .titelundtext h2 {margin-top: 30px;}

    .ce_text table tbody td, .ce_table table tbody td {max-width: 100%; width: 100% !important; display: block;}
    .ce_text table tbody td img, .ce_table table tbody td img {max-width: 100%; width: 100% !important; display: block; height: auto;}
    #footer {padding-left: 0; position: relative; display: inline-block; padding-bottom: 60px;}

    #backtotop {width: 45px; height: 45px;}
}

@media screen and (max-width: 800px) {
    #main .mod_newslist .layout_latest {width: 100%; margin-right: 0;}
    .mod_newslist .layout_latest .newstext {min-height: 1px;}
    #footer .rs-column.-large-col-3-2 {width: 100%; margin:0 0 20px 0;}
    .rs-column.-medium-col-3-1 {width: 100%;}
    #footer .ce_text {clear: left; float: left; width: 100%; margin-left: 0; margin-right: 0;}
    #footer .footerbot .ce_image {clear: left; float: left; width: 100%; margin-left: 0; margin-right: 0;}  
    .mod_newslist.newsteaser .layout_latest.last {display: block;}
    #main .skltbs-tab {margin-bottom: 10px; border:2px solid #000; background: #fff; color: #000; box-shadow: none !important;}
    #main .skltbs-tab:hover,
    #main .is-active > .skltbs-tab {background: #000; color: #fff; box-shadow: none !important;}
    #container .ce_form {width:100%;}
    #container .mod_article.infografik .rs-column.-large-col-3-1 {width: 100%; margin-right: 0; margin-top: 0; margin-bottom: 20px;}
    
    #slider .homeslider .textblock h1, #slider .homeslider .textblock h2, #slider .homeslider .textblock h3, #slider .homeslider .textblock h4 {font-size: 3rem; line-height: 3rem; padding:10px 30px 5px 30px; margin: 0 0 10px 0;}
    #slider .homeslider .ce_text .textblock {left: 70px; bottom: 70px;}
    #container .ce_text .image_container.float_left {width: 100%; float: left; margin-right: 0;}
    #container .ce_text .image_container.float_right {width: 100%; float: right; margin-left: 0;}
    .mod_newsreader .layout_full {width: 100% !important;}
    #container #main .ce_gallery ul li {width: 48%; margin-right: 4%;}
    #container #main .ce_gallery ul li:nth-of-type(2n) {margin-right: 0;}
    #container #main h2 {font-size:3.5rem; line-height:1.5em;}
}

@media screen and (max-width: 600px) {
    #container .rs-column.-large-col-2-1 {width: 100%; margin-right: 0; margin-top: 0;}
    #container .rs-column.-large-col-3-1 {width: 100%; margin-right: 0; margin-top: 0;}
    #container .rs-column.-large-col-4-1 {width: 100%; margin-right: 0; margin-top: 0;}
    .schmal75 {width: 100% !important; margin: 0 auto;}
    .schmal50 {width: 100% !important; margin: 0 auto;}
    .mod_article.schmal75 {width: 80% !important; margin: 0 auto;}
    .mod_article.schmal50 {width: 80% !important; margin: 0 auto;}
    #slider .ce_headline {font-size: 2rem; line-height: 3rem; bottom: 20px;}
    #slider .ce_headline span {padding:10px 30px 7px 30px;}
    #slider .homeslider .textblock h1, #slider .homeslider .textblock h2, #slider .homeslider .textblock h3, #slider .homeslider .textblock h4 {font-size: 2rem; line-height: 2rem; padding: 8px 30px 5px 30px; margin: 0 0 6px 0;}
    #slider .homeslider .textblock p {font-size: 1.5rem; line-height: 2rem;}
    #slider .homeslider .ce_text .textblock {left: 40px; bottom: 40px;}
    .portrait {width: 100%; margin-right: 0;}
    #skltbs-tabs .skltbs-tab-group .skltbs-tab-item .skltbs-tab {width: 200px; margin: 5px 0; padding-top: 10px; padding-bottom: 10px;} 
    .linkboxen .dreispaltig.logobox .image-container {height: 50vw; padding: 5%;}
    .linkboxen .vierspaltig.logobox .image-container {height: 50vw; padding: 5%;}
    .linkboxen .fuenfspaltig.logobox .image-container {height: 50vw; padding: 5%;}
    .linkboxen .dreispaltig {width: 100%; margin-right: 0;}
    .linkboxen .vierspaltig {width: 100%; margin-right: 0;}
    .linkboxen .fuenfspaltig {width: 100%; margin-right: 0;}
    #main h1 {font-size: 3.2rem; line-height: 5rem;}
    #main h2, #container #main h2 {font-size: 2.4rem;}
    #main h3, #main .ce_text.lead p {font-size: 1.8rem; line-height: 2.6rem;}
    body {font-size: 1.7rem; line-height: 2.5rem;}
}

@media screen and (max-width: 500px) {
    #slider .homeslider .textblock h1, #slider .homeslider .textblock h2, #slider .homeslider .textblock h3, #slider .homeslider .textblock h4 {font-size: 1.5rem; line-height: 2rem; padding: 8px 10px; margin: 0 0 6px 0;}
    #slider .ce_headline {font-size: 1.4rem; line-height: 2rem; bottom: 15px;}
    #slider .ce_headline span {padding: 7px 10px;}
}

/*  FONTS                                                    */
/*************************************************************/
@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=4e4d6e83-1227-48d5-9d17-8ba0a9a706d8");
@font-face{
    font-family:"HelveticaNeueLight";
    src:url("Fonts/cb0d1e8a-e111-4dbf-82c2-e948aba954c0.eot?#iefix");
    src:url("Fonts/cb0d1e8a-e111-4dbf-82c2-e948aba954c0.eot?#iefix") format("eot"),url("Fonts/f9c5199e-a996-4c08-9042-1eb845bb7495.woff2") format("woff2"),url("Fonts/2a34f1f8-d701-4949-b12d-133c1c2636eb.woff") format("woff"),url("Fonts/fdf10d5e-4ce0-45e5-a6c1-5eaff6cb1c11.ttf") format("truetype");
}
@font-face{
    font-family:"HelveticaNeueRoman";
    src:url("Fonts/522972a6-5867-47ae-82fc-a7cf9bd5d4d4.eot?#iefix");
    src:url("Fonts/522972a6-5867-47ae-82fc-a7cf9bd5d4d4.eot?#iefix") format("eot"),url("Fonts/08b57253-2e0d-4c12-9c57-107f6c67bc49.woff2") format("woff2"),url("Fonts/08edde9d-c27b-4731-a27f-d6cd9b01cd06.woff") format("woff"),url("Fonts/8f4a1705-214a-4dd0-80b8-72252c37e688.ttf") format("truetype");
}
@font-face{
    font-family:"HelveticaNeueMedium";
    src:url("Fonts/5640036d-d549-4f16-b31e-87da78d9e832.eot?#iefix");
    src:url("Fonts/5640036d-d549-4f16-b31e-87da78d9e832.eot?#iefix") format("eot"),url("Fonts/240c57a0-fdce-440d-9ce3-85e0cb56f470.woff2") format("woff2"),url("Fonts/7802e576-2ffa-4f22-a409-534355fbea79.woff") format("woff"),url("Fonts/14d824a2-2a5c-4692-8e30-74f6e177b675.ttf") format("truetype");
}
@font-face{
    font-family:"HelveticaNeueBold";
    src:url("Fonts/9697cfef-7816-47cc-81ed-c56c029d3bcf.eot?#iefix");
    src:url("Fonts/9697cfef-7816-47cc-81ed-c56c029d3bcf.eot?#iefix") format("eot"),url("Fonts/1f4274cd-2674-481e-9023-69e33ffca161.woff2") format("woff2"),url("Fonts/5e8d493c-be01-44b9-962e-504a5cf10dd8.woff") format("woff"),url("Fonts/ae36b4a0-aa2c-46cc-98d8-d8b7d22241dc.ttf") format("truetype");
}
    @font-face {
    font-family: 'ralewaybold';
    src: url('Fonts/raleway-bold-webfont.woff2') format('woff2'),
         url('Fonts/raleway-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

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

}
@font-face {
    font-family: 'ralewaymedium';
    src: url('Fonts/raleway-medium-webfont.woff2') format('woff2'),
         url('Fonts/raleway-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

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

}
@font-face {
    font-family: 'ralewaysemibold';
    src: url('Fonts/raleway-semibold-webfont.woff2') format('woff2'),
         url('Fonts/raleway-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ralewayextralight';
    src: url('Fonts/raleway-extralight-webfont.woff2') format('woff2'),
         url('Fonts/raleway-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ralewayextralight_italic';
    src: url('Fonts/raleway-extralightitalic-webfont.woff2') format('woff2'),
         url('Fonts/raleway-extralightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}