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

#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/*************************************************************/
/*   Design:  ORSCHULEN.CH					     	 	 	 */
/*   File:    screen.css					                 */
/*-----------------------------------------------------------*/
/*   Autor:   Thomas Dürig, www.nuun.ch 	                 */
/*   Datum:   Juni 2017						                 */
/*   Site: 	  www.orschulen.li            					 */
/*************************************************************/
/*  LAYOUT													 */
/*************************************************************/

/*FARBEN*/
/*	Blau (Startseite):        #0088C9
    Blau (Oberriet):          #006FBA
    Gruen (EKMO):			  #86BC25
    Gruen (Kobelwald):		  #389779
    Blau (Ruethi):			  #36A9E0
    Gelb (Lienz): 			  #F3B229
*/

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

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

body #container {font-size:18px; font-size:1.8rem; color: #727272; line-height: 2.6rem; /*padding-top: 365px;*/ padding-bottom: 50px;}
/*body.nomenu #container {padding-top: 61px;}*/

.ce_text a, .content-text a {color: #0088C9; text-decoration: none;}

h1, h2 {color: #0088C9; font-size: 3.2rem; line-height: 3.8rem; margin-top: 40px; text-transform: uppercase; font-family:"robotobold", Arial, Verdana, Helvetica, sans-serif; letter-spacing: 0.02em;}
h3 {color: #0088C9; font-size: 2.3rem; line-height: 2.7rem; margin-top: 40px; font-family:"robotobold", Arial, Verdana, Helvetica, sans-serif; letter-spacing: 0.02em;}

strong {font-family: 'robotobold';}

.invisible {display: none !important;}

.bildbreite img {width: auto !important; height: auto !important;}
#main .ce_text.bildbreite .image_container.float_left {width: auto;}
#main .ce_text.bildbreite .image_container.float_right {width: auto;}
#main .content-text.bildbreite.media--left figure {width: auto;}
#main .content-text.bildbreite.media--right figure {width: auto;}

.oberriet #container h1, .oberriet #container h2, .oberriet #container h3, .oberriet #container a {color: #006FBA;}
.ekmo #container h1, .ekmo #container h2, .ekmo #container h3, .ekmo #container a {color: #86BC25;}
.kobelwald #container h1, .kobelwald #container h2, .kobelwald #container h3, .kobelwald #container a {color: #389779;}
.ruethi #container h1, .ruethi #container h2, .ruethi #container h3, .ruethi #container a {color: #36A9E0;}
.lienz #container h1, .lienz #container h2, .lienz #container h3, .lienz #container a {color: #F3B229;}

#impressum {padding-top: 60px;}

.cookiebar {z-index: 5000;}

/*  HEADER / NAVIGATION									     */
/*************************************************************/
#header {/*position: fixed;*/ z-index: 1000; width: 100%;}

#header .topheader {background-color: #F4F4F4; width: 100%; position: fixed; z-index: 1000;}
#header .topheader .topbar {height: 60px; border-bottom: 1px solid #ECECEC; width: 100%;}
#header .topheader .topbar .inside {width: 1130px; margin: 0 auto; position: relative;}
#header .topheader .topbar .btn-topmenu {display: inline-block; float: left; padding: 19px 0 7px 0; color: #0088C9; font-size: 1.6rem; cursor: pointer;}
#header .topheader .topbar .btn-topmenu p {display: inline-block; float: left; margin-left: 10px;}
#header .topheader .topbar .btn-topmenu p span {display: none;}
#header .topheader .topbar .btn-topmenu #nav-icon-top {width: 30px; height: 18px; position: relative; display: inline-block; float: left; margin: 2px 0 0 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
#header .topheader .topbar .btn-topmenu #nav-icon-top span {display: block; position: absolute; height: 2px; width: 100%; background: #0088C9; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
#header .topheader .topbar .btn-topmenu #nav-icon-top span:nth-child(1) {top: 0px;}
#header .topheader .topbar .btn-topmenu #nav-icon-top span:nth-child(2),#header .topheader .topbar .btn-topmenu #nav-icon-top span:nth-child(3) {top: 8px;}
#header .topheader .topbar .btn-topmenu #nav-icon-top span:nth-child(4) {top: 16px;}
#header .topheader .topbar .btn-topmenu #nav-icon-top.open span:nth-child(1) {top: 8px; width: 0%; left: 50%;}
#header .topheader .topbar .btn-topmenu #nav-icon-top.open span:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
#header .topheader .topbar .btn-topmenu #nav-icon-top.open span:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
#header .topheader .topbar .btn-topmenu #nav-icon-top.open span:nth-child(4) {top: 8px; width: 0%; left: 50%;}

#header .topheader .topbar .homelink {display: inline-block; float: right; padding: 19px 30px; font-size: 1.6rem; font-family: 'robotobold'; background: url(../../files/data/graphics/icon-homelink.svg) center right 9px no-repeat;}
#header .topheader .topbar .homelink:hover {background:url(../../files/data/graphics/icon-homelink-hover.svg) center right 9px no-repeat;}
#header .topheader .topbar .homelink a {color: #0088C9; text-decoration: none;}
#header .topheader .topbar .homelink:hover .mod_customnav {visibility: visible; opacity: 1;}

#header .topheader .topbar .mod_customnav {position: absolute; top: 60px; right: 0; width: 240px; visibility: hidden; opacity: 0; z-index: 2000; transition:opacity 0.3s ease;}
#header .topheader .topbar .mod_customnav a {display: block; padding: 7px 30px 7px 20px; width: 190px; font-size: 1.8rem; color: #0289C9; background: rgba(244,244,244,0.9); text-align: right; text-decoration: none; font-family: 'robotoregular';}
#header .topheader .topbar .mod_customnav a:hover,
#header .topheader .topbar .mod_customnav a.active {background: rgba(251,251,251,1);}

#header .topheader .topmenu {height: 315px; border-bottom: 1px solid #ECECEC; width: 100%;}
#header .topheader .topmenu .inside {width: 1130px; height: 315px; margin: 0 auto; border-left: 1px solid #ECECEC;}
#header .topheader .topmenu .content-text {width: 20%; height: 315px; padding: 20px 40px 0 40px; box-sizing:border-box; display: inline-block; float: left; border-right: 1px solid #ECECEC; background-color: #F4F4F4; transition: background-color 0.3s ease;}
#header .topheader .topmenu .content-text:hover {background-color: #fff;}
#header .topheader .topmenu .content-text:hover figure img {filter: grayscale(0);}
#header .topheader .topmenu .content-text figure {text-align: center; height: 110px;}
#header .topheader .topmenu .content-text figure img {max-width: 100%; height: auto; filter: grayscale(1); transition:filter 0.3s ease;}
#header .topheader .topmenu .content-text.topoberriet {border-top: 8px solid #006FBA;}
#header .topheader .topmenu .content-text.topekmo {border-top: 8px solid #86BC25;}
#header .topheader .topmenu .content-text.topkobelwald {border-top: 8px solid #389779;}
#header .topheader .topmenu .content-text.topruethi {border-top: 8px solid #36A9E0;}
#header .topheader .topmenu .content-text.toplienz {border-top: 8px solid #F3B229;}
#header .topheader .topmenu .content-text a {color: #A0AAAF; font-size: 1.8rem; font-family: 'robotobold'; transition:color 0.3s ease;}
#header .topheader .topmenu .content-text.topoberriet a:hover {color: #006FBA;}
#header .topheader .topmenu .content-text.topekmo a:hover {color: #86BC25;}
#header .topheader .topmenu .content-text.topkobelwald a:hover {color: #389779;}
#header .topheader .topmenu .content-text.topruethi a:hover {color: #36A9E0;}
#header .topheader .topmenu .content-text.toplienz a:hover {color: #F3B229;}

#header .midheader {height: 185px; width: 100%; background-color: #fff; /*position: fixed;*/ padding-top: 61px; transition:margin-top 0.3s ease;}
#header .midheader.up {margin-top: -125px;}
#header .midheader .inside {width: 1130px; margin: auto; height: 185px;}
#header .midheader .content-image {display: inline-block; float: left; padding-top: 30px;}
#header .midheader .mod_navigation {display: inline-block; float: right; padding-top: 30px;}
#header .midheader .mod_navigation ul.level_1 {display: flex; flex-flow: column wrap; height: 140px; width: 430px; /*-moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px;*/}
.ekmo #header .midheader .mod_navigation ul.level_1 {width: 740px;}
#header .midheader .mod_navigation .level_1 li.schule {display: none;}
#header .midheader .mod_navigation .level_1 li a {padding: 3px 6px; display: block; background-color: #fff; transition:all 0.3s ease;}
.oberriet #header .midheader .mod_navigation .level_1 li a {color: #006FBA; text-decoration: none;}
.oberriet #header .midheader .mod_navigation .level_1 li a:before {content:""; display: inline-block; width: 15px; height: 15px; background:url(../../files/data/graphics/li-menu-mid-oberriet.svg) center left 3px no-repeat;}
.oberriet #header .midheader .mod_navigation .level_1 li .active,
.oberriet #header .midheader .mod_navigation .level_1 li a:hover {background-color: #006FBA; color: #fff;}
#wrapper #header .midheader .mod_navigation .level_1 li a.active:before,
#wrapper #header .midheader .mod_navigation .level_1 li a:hover:before {content:""; display: inline-block; width: 15px; height: 15px; background:url(../../files/data/graphics/li-menu-mid-active.svg) center left 3px no-repeat;} 
.ekmo #header .midheader .mod_navigation .level_1 li a {color: #86BC25; text-decoration: none;}
.ekmo #header .midheader .mod_navigation .level_1 li a:before {content:""; display: inline-block; width: 15px; height: 15px; background:url(../../files/data/graphics/li-menu-mid-ekmo.svg) center left 3px no-repeat;}
.ekmo #header .midheader .mod_navigation .level_1 li .active,
.ekmo #header .midheader .mod_navigation .level_1 li a:hover {background-color: #86BC25; color: #fff;}
.kobelwald #header .midheader .mod_navigation .level_1 li a {color: #389779; text-decoration: none;}
.kobelwald #header .midheader .mod_navigation .level_1 li a:before {content:""; display: inline-block; width: 15px; height: 15px; background:url(../../files/data/graphics/li-menu-mid-kobelwald.svg) center left 3px no-repeat;}
.kobelwald #header .midheader .mod_navigation .level_1 li .active,
.kobelwald #header .midheader .mod_navigation .level_1 li a:hover {background-color: #389779; color: #fff;}
.ruethi #header .midheader .mod_navigation .level_1 li a {color: #36A9E0; text-decoration: none;}
.ruethi #header .midheader .mod_navigation .level_1 li a:before {content:""; display: inline-block; width: 15px; height: 15px; background:url(../../files/data/graphics/li-menu-mid-ruethi.svg) center left 3px no-repeat;}
.ruethi #header .midheader .mod_navigation .level_1 li .active,
.ruethi #header .midheader .mod_navigation .level_1 li a:hover {background-color: #36A9E0; color: #fff;}
.lienz #header .midheader .mod_navigation {font-size: 2rem;}
.lienz #header .midheader .mod_navigation .level_1 li a {color: #F3B229; text-decoration: none;}
.lienz #header .midheader .mod_navigation .level_1 li a:before {content:""; display: inline-block; width: 15px; height: 15px; background:url(../../files/data/graphics/li-menu-mid-lienz.svg) center left 3px no-repeat;}
.lienz #header .midheader .mod_navigation .level_1 li .active,
.lienz #header .midheader .mod_navigation .level_1 li a:hover {background-color: #F3B229; color: #fff;}

.timeoutactive #header .midheader .timeoutservice {background-color: #006FBA !important; color: #fff !important;}
.timeoutactive #header .midheader .timeoutservice a:before {content:""; display: inline-block; width: 15px; height: 15px; background:url(../../files/data/graphics/li-menu-mid-active.svg) center left 3px no-repeat !important;} 
#header .botheader .botheadermain .timeoutmain {display: none !important;}

#header .botheader {/*position: fixed; margin-top: 246px;*/ width: 100%; transition:margin-top 0.3s ease;}
#header .botheader.up {margin-top: 61px;}
#header .botheader .botheadermain {height: 60px;}
.oberriet .botheader .botheadermain {background-color: #006FBA;}
.ekmo .botheader .botheadermain {background-color: #86BC25;}
.kobelwald .botheader .botheadermain {background-color: #389779;}
.ruethi .botheader .botheadermain {background-color: #36A9E0;}
.lienz .botheader .botheadermain {background-color: #F3B229;}
#header .botheader .botheadermain .inside {height: 60px; width: 1130px; margin: 0 auto;}
#header .botheader .botheadermain .mod_navigation ul {margin: 0;}
#header .botheader .botheadermain .mod_navigation li {display: none;}
#header .botheader .botheadermain .mod_navigation li.schule {display: inline-block; width: 25%; float: left; border-right: 1px solid #F4F4F4; box-sizing:border-box;}
#header .botheader .botheadermain .mod_navigation li.schule:first-of-type {border-left: 1px solid #F4F4F4;}
#header .botheader .botheadermain .mod_navigation li.schule.breit {width: 35%;}
#header .botheader .botheadermain .mod_navigation li.schule a {font-size: 2rem; display: block; height: 28px; text-align: center; font-family: 'robotobold'; color: #fff; text-decoration: none; text-transform: uppercase; padding: 16px 0; transition:background-color 0.3s ease, color 0.3s ease;}
.oberriet #header .botheader .botheadermain .mod_navigation li.schule a.active,
.oberriet #header .botheader .botheadermain .mod_navigation li.schule a.trail,
.oberriet #header .botheader .botheadermain .mod_navigation li.schule a:hover {background-color:#F4F4F4; color: #006FBA;}
.ekmo #header .botheader .botheadermain .mod_navigation li.schule a.active,
.ekmo #header .botheader .botheadermain .mod_navigation li.schule a.trail,
.ekmo #header .botheader .botheadermain .mod_navigation li.schule a:hover {background-color:#F4F4F4; color: #86BC25;}
.kobelwald #header .botheader .botheadermain .mod_navigation li.schule a.active,
.kobelwald #header .botheader .botheadermain .mod_navigation li.schule a.trail,
.kobelwald #header .botheader .botheadermain .mod_navigation li.schule a:hover {background-color:#F4F4F4; color: #389779;}
.ruethi #header .botheader .botheadermain .mod_navigation li.schule a.active,
.ruethi #header .botheader .botheadermain .mod_navigation li.schule a.trail,
.ruethi #header .botheader .botheadermain .mod_navigation li.schule a:hover {background-color:#F4F4F4; color: #36A9E0;}
.lienz #header .botheader .botheadermain .mod_navigation li.schule a.active,
.lienz #header .botheader .botheadermain .mod_navigation li.schule a.trail,
.lienz #header .botheader .botheadermain .mod_navigation li.schule a:hover {background-color:#F4F4F4; color: #F3B229;}

#header .botheader .botheadersub {height: 60px; background-color: #F4F4F4; border-bottom: 1px solid #ECECEC;}
#header .botheader .botheadersub .inside {height: 60px; width: 1130px; margin: 0 auto; position: relative;}
#header .botheader .botheadersub .mod_navigation ul {margin: 0; height: 60px;}
#header .botheader .botheadersub .mod_navigation ul.level_1 li {display: inline-block; position: relative;}
#header .botheader .botheadersub .mod_navigation ul.level_1 li a {display: inline-block; float: left; padding: 19px 20px; text-decoration: none; color: #727272; background:url(../../files/data/graphics/li-menu-bot-default.svg) center left 3px no-repeat;}
#header .botheader .botheadersub .mod_navigation ul.level_1 li:after {content:""; width: 3px; height: 60px; display: inline-block; float: left; margin-right: 15px; background:url(../../files/data/graphics/menu-bot-divider.svg) center no-repeat;}
#header .botheader .botheadersub .mod_navigation ul.level_1 li ul.level_2 {display: none;}
#header .botheader .botheadersub .mod_navigation ul.level_1 li:hover a,
#header .botheader .botheadersub .mod_navigation ul.level_1 li a.active,
#header .botheader .botheadersub .mod_navigation ul.level_1 li a.trail {background:url(../../files/data/graphics/li-menu-bot-active.svg) center left no-repeat;}
#header .botheader .botheadersub .mod_navigation ul.level_1 li:hover ul.level_2 {display: block; visibility: visible; opacity: 1; position: absolute; width: 240px; height: auto; margin-left: -140px; left: 50%; padding: 15px 0; top: 60px; text-align: center; background: #F4F4F4; z-index: 1000;}
#header .botheader .botheadersub .mod_navigation ul.level_1 li:first-of-type:hover ul.level_2 {left: 140px;}
#header .botheader .botheadersub .mod_navigation ul.level_1 li ul.level_2 li {display: block; width: 100%;}
#header .botheader .botheadersub .mod_navigation ul.level_1 li ul.level_2 li:after {display: none;}
#header .botheader .botheadersub .mod_navigation ul.level_1 li ul.level_2 li a {background:none; padding: 10px 0; display: block; width: 100%; transition:background-color 0.3s ease;}
#header .botheader .botheadersub .mod_navigation ul.level_1 li ul.level_2 li a:hover,
#header .botheader .botheadersub .mod_navigation ul.level_1 li ul.level_2 li a.active {background-color: #FCFCFC;}
.oberriet #header .botheader .botheadersub .mod_navigation ul.level_1 li ul.level_2 {border-top: 2px solid #006FBA;}
.ekmo #header .botheader .botheadersub .mod_navigation ul.level_1 li ul.level_2 {border-top: 2px solid #86BC25;}
.kobelwald #header .botheader .botheadersub .mod_navigation ul.level_1 li ul.level_2 {border-top: 2px solid #389779;}
.ruethi #header .botheader .botheadersub .mod_navigation ul.level_1 li ul.level_2 {border-top: 2px solid #36A9E0;}
.lienz #header .botheader .botheadersub .mod_navigation ul.level_1 li ul.level_2 {border-top: 2px solid #F3B229;}

/*Suche*/
#header .botheader .botheadersub .headersuche {position: absolute; right: 0; top: 0;}
#header .botheader .botheadersub .headersuche .suchebutton {display: inline-block; float: right; width: 60px; height: 60px; background:url(../../files/data/graphics/btn-suche.svg) center no-repeat; cursor: pointer; transition:background 0.3s ease;}
#header .botheader .botheadersub .headersuche .suchebutton.active {background: url(../../files/data/graphics/btn-suche-close.svg) center no-repeat;}
#header .botheader .botheadersub .headersuche .mod_search {position: absolute; top: 61px; right: 0; width: 345px; padding: 20px; height: 35px; background: rgba(240,240,240,0.8); z-index: 500;}
#header .botheader .botheadersub .headersuche .mod_search input[type=search] {height: 35px; width: 310px; border-radius: 0; float: left; -webkit-appearance: none; padding: 0 20px; border: none; background: #fff; outline: none !important;}
#header .botheader .botheadersub .headersuche .mod_search button[type=submit] {height: 35px; width: 35px; margin-top: 0; border-radius: 0; margin-right: 0; float: left; -webkit-appearance: none; cursor: pointer; border-style: none; background: #fff url("../../files/data/graphics/btn-suche.svg"); background-position: center; background-repeat: no-repeat;}
#header .botheader .botheadersub .headersuche .mod_search button span {display: none;}

#container .mod_search form div {border-top: none;}
#container .mod_search div {padding: 6px 0 10px 0; border-top: 1px dotted #4c4c4c;}
#container .mod_search p.url {word-break:break-all;}

/*mmenu*/
#header .topheader.mobile {display: none;}

#nuunnav .topbar {width: 100%; height: 46px; background: #F4F4F4; border-bottom: 2px solid #ECECEC;}
#nuunnav .topbar .topseiten {float: right; padding: 12px 35px; font-family: 'robotobold'; color: #0088C9; background:url(../../files/data/graphics/icon-homelink.svg) center right 12px no-repeat;}
#nuunnav .topbar .topseiten.open {background:url(../../files/data/graphics/icon-homelink-hover.svg) center right 12px no-repeat;}
#nuunnav .topbar .close-button {cursor: pointer; width: 20px; height: 20px; float: left; margin-top: 15px; margin-left: 20px; background:url(../../files/data/graphics/btn-topmenu-close.svg) center no-repeat;}

#nuunnav .mod_customnav {background: #F4F4F4; border-bottom: 2px solid #ECECEC;}
#nuunnav .mod_customnav ul.level_1 {padding: 0;}
#nuunnav .mod_customnav ul.level_1 a {font-size: 14px; text-decoration: none; display: block; padding: 7px 35px 7px 0; color: #0088C9; text-align: right;}
#nuunnav .mod_customnav ul.level_1 li:after {display: none;}

#nuunnav .mod_navigation ul {padding: 0;}
#nuunnav .mod_navigation ul.level_2, 
#nuunnav .mod_navigation ul.level_3, 
#nuunnav .mod_navigation ul.level_4, 
#nuunnav .mod_navigation ul.level_5 {padding-left: 20px;} 

.mm-page {min-height: 100%; height: auto;}

#nuunnav li.submenu.oberriet a,
#nuunnav li.submenu.oberriet span {color: #006FBA !important;}
#nuunnav li.submenu.ekmo a,
#nuunnav li.submenu.ekmo span {color: #86BC25 !important;}
#nuunnav li.submenu.kobelwald a,
#nuunnav li.submenu.kobelwald span {color: #389779 !important;}
#nuunnav li.submenu.ruethi a,
#nuunnav li.submenu.ruethi span {color: #36A9E0 !important;}
#nuunnav li.submenu.lienz a,
#nuunnav li.submenu.lienz span {color: #F3B229 !important;}
.mm-menu.mm-light {background:#fff;} 
.mm-menu.mm-light > .mm-panel {padding: 0;}
.mm-menu.mm-light .mm-list > li > a.mm-subopen:before {border-color: #ECECEC; border-width: 0px !important;}
.mm-menu.mm-light em.mm-counter {color: #fff;}
.mm-menu.mm-light .mm-list > li:after {display: none !important;}
.mm-menu.mm-light .mod_navigation .mm-list li a {border-bottom: 2px solid #ECECEC;}
.mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before {border-color: #727272;}
.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul {background: rgba(0,0,0,0.0);}

#nuunnav .mod_navigation .level_1 > li.submenu > a.submenu,
#nuunnav .mod_navigation .level_1 > li.submenu > span.submenu {padding: 16px 10px 16px 20px; font-size: 2rem;}
#nuunnav .mod_navigation .level_1 > li.submenu > .mm-subopen {height: 60px;}
#nuunnav .mod_navigation .level_1 > li.submenu > .mm-subopen:after {top: 26px;}
#nuunnav .subtoggler:after {content: ''; border: 2px solid transparent; border-color: #727272; border-top: none; border-left: none; display: inline-block; width: 7px; height: 7px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-bottom: -5px; position: absolute; bottom: 50%; transition: transform 0.3s ease;}
#nuunnav .subtoggler.down:after{-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}

#nuunnav .mod_navigation span.active {font-family: 'robotobold' !important; background: #F4F4F4 !important; border-bottom: 2px solid #ECECEC;}
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {margin-left: 0;}

#nuunnav .mmoberriet {width: 50%; float: left; background:#F4F4F4; text-align: center; box-sizing:border-box; border-right: 1px solid #ECECEC; border-bottom: 2px solid #ECECEC;}
#nuunnav .mmekmo {width: 50%; float: right; background:#F4F4F4; text-align: center; box-sizing:border-box; border-left: 1px solid #ECECEC; border-bottom: 2px solid #ECECEC;}
#nuunnav .mmkobelwald {width: 50%; float: left; background:#F4F4F4; text-align: center; box-sizing:border-box; border-right: 1px solid #ECECEC; border-bottom: 2px solid #ECECEC;}
#nuunnav .mmruethi {width: 50%; float: right; background:#F4F4F4; text-align: center; box-sizing:border-box; border-left: 1px solid #ECECEC; border-bottom: 2px solid #ECECEC;}
#nuunnav .mmlienz {width: 50%; float: none; margin: 0 auto; background:#F4F4F4; text-align: center; box-sizing:border-box; border-left: 1px solid #ECECEC; border-bottom: 2px solid #ECECEC;}
#nuunnav .mmoberriet img {max-width: 200px; width: 90%; padding: 5px 5%;}
#nuunnav .mmekmo img {max-width: 200px; width: 90%; padding: 5px 5%;}
#nuunnav .mmkobelwald img {max-width: 200px; width: 90%; padding: 5px 5%;}
#nuunnav .mmruethi img {max-width: 200px; width: 90%; padding: 5px 5%;}
#nuunnav .mmlienz img {max-width: 200px; width: 90%; padding: 5px 5%;}

#nuunnav .mmcopyright {color: #0088C9; padding: 15px 0 0 20px; float: left; clear: both;}
#nuunnav .mmnuun {float: right; margin-top: 15px; margin-right: 20px;}

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

/*Schulhauslinks (Gemeineseiten)*/
.schulhauslinks p {border-bottom: 2px #ECECEC solid; padding-bottom: 9px; margin-bottom: 6px;}

/*ARTIKEL*/
#container .mod_article .inside {width: 1130px; margin: 0 auto; padding-top: 1px;}
#container .mod_article.grau {background-color: #F4F4F4;}

/*Akkordeons*/
#container .ce_accordion .toggler {padding: 12px 0 10px 50px; color: #0088C9; font-size: 2.3rem; line-height: 2.7rem; font-family:"robotobold", Arial, Verdana, Helvetica, sans-serif; cursor: pointer; outline: none !important; letter-spacing: 1px; text-transform: uppercase; border-bottom: 2px solid #ECECEC; background:url(../../files/data/graphics/akkordeon-closed.svg) left 20px center no-repeat; transition:background 0.3s ease;}
#container .ce_accordion .toggler.active {background: url(../../files/data/graphics/akkordeon-open.svg) left 15px center no-repeat;}

.oberriet #container .ce_accordion .toggler {color: #006FBA;}
.ekmo #container .ce_accordion .toggler {color: #86BC25;}
.kobelwald #container .ce_accordion .toggler {color: #389779;}
.ruethi #container .ce_accordion .toggler {color: #36A9E0;}
.lienz #container .ce_accordion .toggler {color: #F3B229;}

#container .ce_accordion.oberrietakkordeon .toggler {color: #006FBA; margin-top: 30px;}
#container .ce_accordion.ekmoakkordeon .toggler {color: #86BC25;}
#container .ce_accordion.kobelwaldakkordeon .toggler {color: #389779;}
#container .ce_accordion.ruethiakkordeon .toggler {color: #36A9E0;}
#container .ce_accordion.lienzakkordeon .toggler {color: #F3B229;}

#container .ce_accordion .accordion {background-color: #F4F4F4; padding: 20px 30px; margin-bottom: 20px; border-bottom: 2px solid #ECECEC;}
.home #container .ce_accordion .accordion .content-image {display: inline-block; float: left; width: 20%; margin-right: 4%;}
.home #container .ce_accordion .accordion .content-text {display: inline-block; float: left; width: 34%; margin-right: 4%;}
.home #container .ce_accordion .accordion .content-text a {font-family: 'robotobold'; padding-left: 15px; text-transform: uppercase; background: url(../../files/data/graphics/akkordeon-closed.svg) left center no-repeat; background-size: 6px 10px;}
.home #container .ce_accordion.oberrietakkordeon .accordion .content-text a {color: #006FBA;}
.home #container .ce_accordion.ekmoakkordeon .accordion .content-text a {color: #86BC25;}
.home #container .ce_accordion.kobelwaldakkordeon .accordion .content-text a {color: #389779;}
.home #container .ce_accordion.ruethiakkordeon .accordion .content-text a {color: #36A9E0;}
.home #container .ce_accordion.lienzakkordeon .accordion .content-text a {color: #F3B229;}

/*Columns*/
#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;}
 
/*Text*/
.image_container img, figure img {max-width: 100%; height: auto;}

#container .ce_text {margin-bottom: 30px;}
#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: 30px;}
#container .content-text.media--left figure {display: inline-block; width: 47.5%; margin-right: 2.5%; vertical-align: top;}
/*#container .content-text.media--left .rte {display: inline-block; width: 54%; vertical-align: top;}*/
#container .content-text.media--right:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#container .content-text.media--right figure {display: inline-block; float: right; width: 47.5%; margin-left: 2.5%; vertical-align: top;}
/*#container .content-text.media--right .rte {display: inline-block; width: 54%; vertical-align: top;}*/

/*Portrait*/
.content-text.portrait {background:#F4F4F4; padding-bottom:5px;}
.content-text.portrait p {padding: 0 15px;}
.content-text.portrait .image_container {margin-bottom: 5px;}
.oberriet .content-text.portrait strong {color: #006FBA;}
.ekmo .content-text.portrait strong {color: #86BC25;}
.kobelwald .content-text.portrait strong {color: #389779;}
.ruethi .content-text.portrait strong {color: #36A9E0;}
.lienz .content-text.portrait strong {color: #F3B229;}

/*Gallery*/
#container #main .ce_gallery ul li {width: 22.75%; margin-right: 3%; margin-bottom: 30px; 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.col_first {clear:left;}
#container #main .ce_gallery ul li figure {width: 100%; overflow: visible; line-height: 0;}
#container #main .ce_gallery ul li figure figcaption {line-height:2rem; padding-top:7px;}
#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);}
.content-gallery.content-gallery--cols-2 ul li {width: 48.5%; margin-right: 3%; margin-bottom: 20px; display: inline-block; float: left; line-height: 1;}
.content-gallery.content-gallery--cols-3 ul li {width: 31.3%; margin-right: 3%; margin-bottom: 20px; display: inline-block; float: left; line-height: 1;}
.content-gallery.content-gallery--cols-4 ul li {width: 22.75%; margin-right: 3%; margin-bottom: 20px; display: inline-block; float: left; line-height: 1;}
.content-gallery.content-gallery--cols-2 ul li:nth-of-type(2n) {margin-right: 0;}
.content-gallery.content-gallery--cols-3 ul li:nth-of-type(3n) {margin-right: 0;}
.content-gallery.content-gallery--cols-4 ul li:nth-of-type(4n) {margin-right: 0;}
.content-gallery.content-gallery--cols-2 ul li:nth-of-type(2n+1) {clear: left;}
.content-gallery.content-gallery--cols-3 ul li:nth-of-type(3n+1) {clear: left;}
.content-gallery.content-gallery--cols-4 ul li:nth-of-type(4n+1) {clear: left;}
body .content-gallery.masonry ul {position: relative;}
body .content-gallery.masonry ul li {position: absolute; width: calc(25% - 15px); margin-right: 0;}
.content-gallery ul li figure {width: 100%; overflow: hidden; line-height: 0;}
.content-gallery ul li figure img {width: 100%; height: auto; -webkit-transition: all .5s ease; transition: all .5s ease;}
.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 .content-text ul li {vertical-align: middle; list-style: none; padding-left: 15px; background: url(../../files/data/graphics/list-bullet.png) no-repeat top 12px left;}
.oberriet #main .content-text ul li {vertical-align: middle; list-style: none; padding-left: 15px; background: url(../../files/data/graphics/list-bullet-oberriet.png) no-repeat top 12px left;}
.ekmo #main .content-text ul li {vertical-align: middle; list-style: none; padding-left: 15px; background: url(../../files/data/graphics/list-bullet-ekmo.png) no-repeat top 12px left;}
.kobelwald #main .content-text ul li {vertical-align: middle; list-style: none; padding-left: 15px; background: url(../../files/data/graphics/list-bullet-kobelwald.png) no-repeat top 12px left;}
.ruethi #main .content-text ul li {vertical-align: middle; list-style: none; padding-left: 15px; background: url(../../files/data/graphics/list-bullet-ruethi.png) no-repeat top 12px left;}
.lienz #main .content-text ul li {vertical-align: middle; list-style: none; padding-left: 15px; background: url(../../files/data/graphics/list-bullet-lienz.png) no-repeat top 12px left;}

/*#main ol {padding-left: 15px; margin-bottom: 25px;}
#main ol li {vertical-align: middle; padding-left: 1px;}*/
#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 .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 .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: 1px;
    font-size: 1.8rem;
    font-family: 'Myriad W01 Bd', sans-serif;
    color: #0088C9;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.obberriet #main .content-text ol > li:before {color: #006FBA;}
.ekmo #main .content-text ol > li:before {color: #86BC25;}
.kobelwald #main .content-text ol > li:before {color: #389779;}
.ruethi #main .content-text ol > li:before {color: #36A9E0;}
.lienz #main .content-text ol > li:before {color: #F3B229;}

/*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 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;}
.content-download a, .content-downloads a {background-color: #0088C9;}
.oberriet .content-download a, .oberriet .content-downloads a {background-color: #006FBA;}
.ekmo .content-download a, .ekmo .content-downloads a {background-color: #86BC25;}
.kobelwald .content-download a, .kobelwald .content-downloads a {background-color: #389779;}
.ruethi .content-download a, .ruethi .content-downloads a {background-color: #36A9E0;}
.lienz .content-download a, .lienz .content-downloads a {background-color: #F3B229;}

.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.4rem;
    font-family: "robotoregular", Arial, Verdana, Helvetica, sans-serif;
    color: #fff;
    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:#777;}   

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

/*Form*/
#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: 100%; padding:1%; font-size: 1.6rem; margin-bottom: 5px; border:none; background-color: rgba(225,225,225,0.9);}
#container .formbody textarea {width: 100%; padding: 1%; font-size: 1.6rem; border: none; margin-bottom: 4px; background-color: rgba(225,225,225,0.9);}
#container .formbody .submit {background-color: #005fab; border: none; margin-top: 7px; color: #fff; margin-left: 0; width: 200px;}
.oberriet #container .formbody .submit {background-color: #006FBA;}
.ekmo #container .formbody .submit {background-color: #86BC25;}
.kobelwald #container .formbody .submit {background-color: #389779;}
.ruethi #container .formbody .submit {background-color: #36A9E0;}
.lienz #container .formbody .submit {background-color: #F3B229;}
#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;}

/*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;}

/*Custom*/
body.home #container #slider .mod_article .inside {background-color: #fff;}

#container #slider .mod_article .inside {width: 100%; background-color: #F4F4F4; padding-top: 0;}
#container #slider .content-swiper .swiper {width: 1130px; height: 500px; overflow: hidden; margin: 0 auto; position: relative;}
#container #slider .content-swiper .swiper-button-prev {display: none;}
#container #slider .content-swiper .swiper-button-next {display: none;}
#container #slider .content-swiper .swiper-pagination {position: absolute; bottom: 20px; text-align: center; width: 100%; z-index: 500;}
#container #slider .content-swiper .swiper-pagination span {display: inline-block; width: 17px; height: 17px; margin: 0 4px; background:url(../../files/data/graphics/slider-pagi.svg) center no-repeat; opacity: 1; transition:background 0.3s ease;}
#container #slider .content-swiper .swiper-pagination span:hover,
#container #slider .content-swiper .swiper-pagination span.swiper-pagination-bullet-active {background:url(../../files/data/graphics/slider-pagi-active.svg) center no-repeat;}
#container #slider .content-swiper .swiper-pagination span span {display: none;}

#map {width: 100%; height: 500px;}

/*  NEWS / TERMINE                                           */
/*************************************************************/
.ce_text.allenews, .content-text.allenews {text-align: right; margin-top: -37px;}

.mod_newslist {display: inline-block; width: 100%;}
.mod_newslist .layout_latest {width: 31.3%; margin-right: 3%; display:inline-block; float:left;}
.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 .image_container {height: 200px; overflow: hidden;}
.mod_newslist .layout_latest .image_container img {width: 100%; height: auto; transition: transform 0.3s ease;}
.mod_newslist .layout_latest .image_container:hover img {transform: scale(1.1);}

.mod_newslist .layout_latest .newsbot {background: #F4F4F4; padding: 20px; box-sizing: border-box; margin-bottom: 30px; height: 270px; position: relative;}
.mod_newslist .layout_latest .newsbot p.info {font-size: 1.4rem; width: auto; display: inline-block; float: left;}
.mod_newslist .layout_latest .newsbot .schule {width: auto; display: inline-block; float: right;}
.mod_newslist .layout_latest .newsbot h2 {font-size: 1.8rem; line-height: 2.6rem; margin-top: 0; clear: both;}
.mod_newslist .layout_latest .newsbot a {text-decoration: none; text-transform: none; letter-spacing: 0;}
.mod_newslist .layout_latest .newsbot .teaser {height:130px; overflow: hidden;}
.mod_newslist .layout_latest .newsbot .more {position: absolute; padding-top: 35px; bottom: 0; left: 0; box-sizing: border-box; padding-left: 20px; padding-right: 20px; width: 100%; background: url(../../files/data/graphics/news-more-bg.png) center top no-repeat; background-size: cover;}

.mod_newslist .layout_latest_termine {display: inline-block; width: 100%; padding: 8px 0 10px 0; border-bottom: 2px solid #ECECEC;}
.mod_newslist .layout_latest_termine:first-of-type {border-top: 2px solid #ECECEC; padding: 8px 0 10px 0;}
.mod_newslist .layout_latest_termine:nth-of-type(odd) {background-color: #F4F4F4;}
.mod_newslist .layout_latest_termine p {margin: 0;}
.mod_newslist .layout_latest_termine .schule {display: inline-block; float: left; width: 5%; padding-left: 1%; text-align: left; font-size: 1.4rem; font-family: 'robotobold';}
.mod_newslist .layout_latest_termine .info {display: inline-block; float: left; width: 13%; font-size: 1.4rem; font-family: 'robotobold';}
.mod_newslist .layout_latest_termine .terminheadline {display: inline-block; float: left; width: 30%; padding-left: 3%; font-family: 'robotobold';}
.mod_newslist .layout_latest_termine .teaser {display: inline-block; width: 42%; padding: 0 3%;}

.mod_newslist .layout_latest_ferien {display: inline-block; width: 100%; padding: 8px 0 10px 0; border-bottom: 2px solid #ECECEC;}
.mod_newslist .layout_latest_ferien:nth-of-type(2) {border-top: 2px solid #ECECEC; padding: 8px 0 10px 0;}
.mod_newslist .layout_latest_ferien:nth-of-type(even) {background-color: #F4F4F4;}
.mod_newslist .layout_latest_ferien p {margin: 0;}
.mod_newslist .layout_latest_ferien .timejahr {display: inline-block; float: left; width: 5%; min-height: 1px; text-align: right; font-size: 1.4rem; font-family: 'robotobold';}
.mod_newslist .layout_latest_ferien .info {display: inline-block; float: left; width: 10%; text-align: right; font-size: 1.4rem; font-family: 'robotobold';}
.mod_newslist .layout_latest_ferien .timedivider {display: inline-block; float: left; width: 3%; text-align: center; font-size: 1.4rem; font-family: 'robotobold';}
.mod_newslist .layout_latest_ferien .timebis {display: inline-block; float: left; width: 10%; text-align: left; font-size: 1.4rem; font-family: 'robotobold';}
.mod_newslist .layout_latest_ferien .terminheadline {display: inline-block; float: left; width: 21%; padding-left: 3%; font-family: 'robotobold';}
.mod_newslist .layout_latest_ferien .teaser {display: inline-block; width: 42%; padding: 0 3%;}
.mod_newslist .ferienplanbezeichner {width: 100%; background:#dCdCdC; font-size: 1.4rem; display: inline-block; font-family: 'robotobold';}
.mod_newslist .ferienplanbezeichner .ferienplan1 {display: inline-block; float: left; width: 8%; padding-left: 1%;}
.mod_newslist .ferienplanbezeichner .ferienplan2 {display: inline-block; float: left; width: 9%;}
.mod_newslist .ferienplanbezeichner .ferienplan3 {display: inline-block; float: left; width: 13%;}
.mod_newslist .ferienplanbezeichner .ferienplan4 {display: inline-block; float: left; width: 24%;}
.mod_newslist .ferienplanbezeichner .ferienplan5 {display: inline-block; float: left; width: 45%;}

.mod_newslist .pagination {clear: both;}
.mod_newslist .pagination ul li {display: inline-block; float: left; margin-right: 10px;}

.oberriet .mod_newslist .layout_latest_termine .terminheadline {color: #006FBA;}
.ekmo .mod_newslist .layout_latest_termine .terminheadline {color: #86BC25;}
.kobelwald .mod_newslist .layout_latest_termine .terminheadline {color: #389779;}
.ruethi .mod_newslist .layout_latest_termine .terminheadline {color: #36A9E0;}
.lienz .mod_newslist .layout_latest_termine .terminheadline {color: #F3B229;}

.oberriet .mod_newslist .layout_latest_ferien .terminheadline {color: #006FBA;}
.ekmo .mod_newslist .layout_latest_ferien .terminheadline {color: #86BC25;}
.kobelwald .mod_newslist .layout_latest_ferien .terminheadline {color: #389779;}
.ruethi .mod_newslist .layout_latest_ferien .terminheadline {color: #36A9E0;}
.lienz .mod_newslist .layout_latest_ferien .terminheadline {color: #F3B229;}

.mod_newsreader .back {clear: both; margin-top: 20px;}

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

#footer {height: 282px; margin-top: -282px; display: block; clear: both; position: relative; font-size: 1.6rem; color: #fff;}
#footer a {color: #fff; cursor: pointer;}

#footer .footertop {width: 100%; height: 192px; padding-top: 30px; background-color: #0088C9;}
.oberriet #footer .footertop {background-color: #006FBA;}
.ekmo #footer .footertop {background-color: #86BC25;}
.kobelwald #footer .footertop {background-color: #389779;}
.ruethi #footer .footertop {background-color: #36A9E0;}
.lienz #footer .footertop {background-color: #F3B229;}
#footer .footertop .inside {width: 1130px; margin: 0 auto;}
#footer .footertop .inside .rs-column {width: 22.75%; margin-right: 3%;}
#footer .footertop .inside .rs-column.-large-last {margin-right: 0;}
.home #footer .footertop .inside .rs-column:nth-of-type(3) {width: 25.75%;}
.home #footer .footertop .inside .rs-column.-large-last {width: 19.75%; margin-right: 0;}

#footer .footerbot {width: 100%; height: 40px; padding-top: 20px; background-color: #727272;}
#footer .footerbot .inside {width: 1130px; margin: 0 auto;}
#footer .footerbot .content-image {display: inline-block; float: right;}
#footer .footerbot .content-text {display: inline-block; float: left;}
#footer .footerbot .clearfix:after {display: none;}
#footer .footerbot .footerspacer {display: inline-block; float: left; margin-right: 30px;}

/*  LIGHTBOX	                                             */
/*************************************************************/
#cboxTitle {display: none !important;} 
#cboxLoadedContent {border: none;} 
#cboxNext {background: url("../../files/data/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("../../files/data/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("../../files/data/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 (max-width: 1200px) {
	#header .topheader .topbar .inside {width: 900px;}
	#header .topheader .topmenu .inside {width: 900px;}
	#header .midheader .inside {width: 900px;}
	#header .botheader .botheadermain .inside {width: 900px;}
	#header .botheader .botheadersub .inside {width: 900px;}
	#container .mod_article .inside {width: 900px;}
	#container #slider .content-swiper .swiper {width: 900px;}
	#footer .footertop .inside {width: 900px;}
	#footer .footerbot .inside {width: 900px;}

	#header .botheader .botheadersub .mod_navigation ul.level_1 li a {padding: 19px 15px;}
	#header .botheader .botheadersub .mod_navigation ul.level_1 li:after {margin-right: 10px}
	#header .botheader .botheadermain .mod_navigation li.schule.breit {width: 40%;}
	.mod_newslist .layout_latest .image_container {height: 170px;}

	#footer .footertop .inside .rs-column {width: 48%; margin-right: 4%; margin-bottom: 25px;}
	#footer .footertop .inside .rs-column:nth-of-type(2) {margin-right: 0;}
	.home #footer .footertop .inside .rs-column:nth-of-type(3) {width: 48%;}
	#footer .footertop {height: 400px;}
	.ekmo #header .midheader .mod_navigation ul.level_1 {width: 620px; font-size:1.3rem;}
	#header .topheader .topmenu .content-text a {font-size:1.6rem;}
	#header .topheader .topmenu .content-text {padding: 20px 25px 0 25px;}
}

@media screen and (max-width: 960px) {
	/*NAV*/
	#header .topheader {display: none;}
	#header .topheader.mobile {display: block;}
	#header .topheader.mobile .btn-mobile {display: block; width: 30px; height: 18px; margin-top: 3px; background:url(../../files/data/graphics/btn-topmenu.svg) center no-repeat;}
	#header .topheader.mobile .topbar .homelink {padding: 19px 0; background:none;}

	#header .midheader {height: 95px; border-bottom: 1px solid #ECECEC;}
	#header .midheader .content-image {width: 150px; padding-top: 10px;}
	.lienz #header .midheader .content-image {width: 120px; padding-top: 10px;}
	#header .midheader .mod_navigation {display: none;}
	#header .botheader {display: none;}

	/*body #container {padding-top: 157px;}*/
 
	/*Others*/
	#header .topheader .topbar .inside {width: 94%; padding-left: 3%; padding-right: 3%;}
	#header .topheader .topmenu .inside {width: 94%; padding-left: 3%; padding-right: 3%;}
	#header .midheader .inside {width: 94%; padding-left: 3%; padding-right: 3%; height: 95px;}
	#header .botheader .botheadermain .inside {width: 94%; padding-left: 3%; padding-right: 3%;}
	#header .botheader .botheadersub .inside {width: 94%; padding-left: 3%; padding-right: 3%;}
	#container .mod_article .inside {width: 94%; padding-left: 3%; padding-right: 3%;}
	#footer .footertop .inside {width: 94%; padding-left: 3%; padding-right: 3%;}
	#footer .footerbot .inside {width: 94%; padding-left: 3%; padding-right: 3%;}

	#container #slider .content-swiper .swiper {width: 100%; height: 52vw;}
	#container #slider .mod_article .inside {padding-left: 0; padding-right: 0;}

	.mod_newslist .layout_latest .image_container {height: 17vw;}
	.mod_newslist .layout_latest .newsbot {height: auto;}

	.home #container .ce_accordion .accordion .content-image {width: 168px; margin-bottom: 30px;}
	.home #container .ce_accordion .accordion .content-text {margin-right: 0; width: 100%;}

	#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;}

	.mod_newslist .layout_latest_termine .schule {display: inline-block; float: left; width: 8%; padding-left: 1%; text-align: left; font-size: 1.4rem; font-family: 'robotobold';}
	.mod_newslist .layout_latest_termine .info {display: inline-block; float: left; width: 16%; font-size: 1.4rem; font-family: 'robotobold';}
	.mod_newslist .layout_latest_termine .terminheadline {display: inline-block; float: left; width: 27%; padding-left: 3%; font-family: 'robotobold';}
	.mod_newslist .layout_latest_termine .teaser {display: inline-block; width: 39%; padding: 0 3%;}
}

@media screen and (max-width: 850px) {
	.mod_newslist .layout_latest_ferien .timejahr {width: 94%; padding-left: 3%; padding-right: 3%; text-align: left;}
	.mod_newslist .layout_latest_ferien .info {width: 85px; padding-left: 3%; padding-right: 0; text-align: left;}
	.mod_newslist .layout_latest_ferien .timedivider {width: 15px; padding-left: 1%; padding-right: 1%; text-align: center;}
	.mod_newslist .layout_latest_ferien .timebis {width: 85px; padding-left: 0; padding-right: 3%; text-align: right;}
	.mod_newslist .layout_latest_ferien .terminheadline {width: 94%; padding-left: 3%; padding-right: 3%;}
	.mod_newslist .layout_latest_ferien .teaser {width: 94%; padding-left: 3%; padding-right: 3%;}
	.mod_newslist .ferienplanbezeichner {display: none;}
}

@media screen and (max-width: 750px) {
	.ce_youtube .mejs-container {width: 100% !important; height: 52vw !important;}
	.ce_youtube .mejs-container .mejs-layer {width: 100% !important; height: 52vw !important;}
	#container .ce_youtube .me-plugin {height: 100%;}
	#container .ce_form {width: 100%;}
	.ce_player .mejs-container {width: 100% !important; height: 52vw !important;}
	.ce_player .mejs-container .mejs-layer {width: 100% !important; height: 52vw !important;}
	.ce_player .mejs-container video {width: 100% !important; height: 52vw !important;}
	#container .ce_player .me-plugin {height: 100%;}
	.ce_player .mejs-container.mejs-audio {width: 100% !important; height: 30px !important;}
	.ce_player .mejs-container.mejs-audio .mejs-layer {width: 100% !important; height: 30px !important;}
	.ce_player .mejs-container.mejs-audio video {width: 100% !important; height: 30px !important;}

}

@media screen and (max-width: 600px) {
	h1, h2 {font-size: 2.5rem; line-height: 3rem;}
	#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;}
	.mod_newslist .layout_latest {width: 100%; margin-right: 0;}
	.mod_newslist .layout_latest .image_container {height: 45vw;}
	.mod_newslist .layout_latest_termine .schule {width: 94%; padding-left: 3%; padding-right: 3%; text-align: left;}
	.mod_newslist .layout_latest_termine .info {width: 94%; padding-left: 3%; padding-right: 3%; text-align: left;}
	.mod_newslist .layout_latest_termine .terminheadline {width: 94%; padding-left: 3%; padding-right: 3%;}
	.mod_newslist .layout_latest_termine .teaser {width: 94%; padding-left: 3%; padding-right: 3%;}
	.ce_text.allenews, .content-text.allenews {text-align: left; margin-top: 0; margin-bottom: 0 !important;}
	#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%;}
	#container .content-text.media--left figure {width: 100%; margin-right: 0%;}
	#container .content-text.media--left .rte {width: 100%;}
	#container .content-text.media--right figure {float: none; width: 100%; margin-left: 0%;}
	#container .content-text.media--right .rte {width: 100%;}
	.bildbreite img {width: 100% !important; height: auto !important;}
    #main .ce_text.bildbreite .image_container.float_left {width: 100%;}
    #main .ce_text.bildbreite .image_container.float_right {width: 100%;}
    #container .content-text.bildbreite.media--left figure {width: 100%; margin-right: 0%;}
	#container .content-text.bildbreite.media--left .rte {width: 100%;}
	#container .content-text.bildbreite.media--right figure {float: none; width: 100%; margin-left: 0%;}
	#container .content-text.bildbreite.media--right .rte {width: 100%;}
	#footer .footertop .inside .rs-column {width: 100% !important; margin-right: 0 !important; margin-top: 0 !important;}
	#footer .footertop {height: auto;}
	#footer .footerbot {height: auto; display: inline-block; padding-bottom: 10px;}
	#footer .footerbot .content-image {display: block; float: left; width: 100%;}
	#footer .footerbot .footerspacer {display: block; float: left; width: 100%;}
}

/*  FONTS                                                    */
/*************************************************************/

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

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

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

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

}