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

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

html,
body {
    padding: 0;
    margin: 0;
    font-size: 17px;
    line-height: 23px;
    letter-spacing: 0.4px;
    background-color: #e3eaee;
    font-family: Roboto, sans-serif;
    color: #000;
    height: 100%;
}
#Form {
    height:100%;
}

#Form.showControlBar {
    position: relative;
}

/*
#header_wrapper.home, 
#header_wrapper.home div, 
#header_wrapper.home section {
    height:100vh!important;
    overflow:hidden;
}
*/

/** Edit Modus Start **/

.glit-iseditmode #navbar-desktop,
.glit-iseditmode #navbar-desktop.first.sticky,
.dnnEditState #navbar-desktop,
.dnnEditState #navbar-desktop.first.sticky {
    position: relative!Important;
}

.glit-iseditmode #dnn_SliderNews div.slide-bg {
    height: 80px;
    margin-bottom: 10px;
}

.glit-iseditmode #dnn_SliderNews .container {
    display: none;
}

.glit-iseditmode #header_wrapper {
    padding-top: 0;
}

.glit-iseditmode #header_wrapper.home, 
.glit-iseditmode #header_wrapper.home div, 
.glit-iseditmode #header_wrapper.home section {
    height:100vh!important;
}
.glit-iseditmode #header_wrapper.home div.dnnDragHint.ui-sortable-handle,
.glit-iseditmode #header_wrapper.home section.glitContainer.settings,
.glit-iseditmode #header_wrapper.home section.glitContainer.settings div {
    height:auto!important;
}


/* dnnEditState */


/** Edit Modus End **/

.TitleH2 {
    font-family: "Roboto Slab", serif;
    font-weight: normal;
}

.Normal,
.NormalDisabled,
.NormalDeleted {
    font-size: 17px;
    line-height: 23px;
    letter-spacing: 0.4px;
}

hr {
    background-color: black;
    height: 1px;
}

html .SchriftGross body .SchriftGross,
.SchriftGross .Normal,
.SchriftGross .NormalDisabled,
.SchriftGross .NormalDeleted {
    font-size: 20px;
    line-height: 30px;
}

.SchriftGross h3 {
    font-size: 22px;
    line-height: 32px;
}

a:link,
a:visited,
a:hover,
a:active {
    color: #547480;
    text-decoration: none;
}

img {
    max-width: 100%;
}

a:hover {
    color: #000;
    text-decoration: none;
}

.clear {
    clear: both;
    float: none;
    height: 0;
    line-height: 0;
    padding: 0!Important;
    margin: 0!Important;
}

.container {
    box-sizing: border-box;
}

.nopadding {
    padding: 0!Important;
}

.tablet,
.tablet2 {
    display: block;
}

.notablet,
.notablet2 {
    display: none;
}

.transition {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}


/*FIX for white labels and links in admin menu */

#dnnCPWrap a {
    color: #000;
}

.megaborder {
    color: #000;
}

.glit.module.filelinks ul{
    margin: 0;
}
.glit.module.filelinks ul li{
    white-space: nowrap;
}
/* Container BoxWeissRot */

section.BoxWeissRot {
    background-color: #fff;
    border-bottom: 3px solid #eb0016;
    overflow: hidden;
}

section.BoxWeissRot h2.moduletitle {
    background-color: #eb0016;
    -webkit-transform: skewY(-2deg);
    -moz-transform: skewY(-2deg);
    -ms-transform: skewY(-2deg);
    -o-transform: skewY(-2deg);
    transform: skewY(-2deg);
    min-height: 50px;
    margin-top: -10px;
    font-size: 25px;
    line-height: 35px;
}

section.BoxWeissRot h2.moduletitle span {
    -webkit-transform: skewY(2deg);
    -moz-transform: skewY(2deg);
    -ms-transform: skewY(2deg);
    -o-transform: skewY(2deg);
    transform: skewY(2deg);
    display: block;
    color: #fff;
    padding: 20px;
}

section.BoxWeissRot .DNNModuleContent {
    padding: 0 20px 20px 20px;
}


/* Container BoxWeissRot Kein Titel */

section.BoxWeissRotNoTitle {
    background-color: #fff;
    border-bottom: 3px solid #eb0016;
    overflow: hidden;
}

section.BoxWeissRotNoTitle h2.moduletitle {
    background-color: #eb0016;
    -webkit-transform: skewY(-2deg);
    -moz-transform: skewY(-2deg);
    -ms-transform: skewY(-2deg);
    -o-transform: skewY(-2deg);
    transform: skewY(-2deg);
    min-height: 50px;
    margin-top: -20px;
    /*-10px*/
    font-size: 25px;
    line-height: 35px;
}

section.BoxWeissRotNoTitle h2.moduletitle span {
    -webkit-transform: skewY(2deg);
    -moz-transform: skewY(2deg);
    -ms-transform: skewY(2deg);
    -o-transform: skewY(2deg);
    transform: skewY(2deg);
    display: block;
    color: #fff;
    padding: 20px;
    font-size: 0;
    line-height: 0;
}

section.BoxWeissRotNoTitle .DNNModuleContent {
    padding: 0 20px 20px 20px;
}


/* Modulrahmen Icon */

.moduleicon {
    text-align: center;
}

.moduleicon img {
    margin: 3px auto 30px auto;
}

ul.linklist .glit.external.icon i.fa {
    display: none;
}


/*************/


/** Layout **/

.contentrow {
    padding-top: 40px;
}

#header_wrapper {
    position: relative;
    padding-top: 70px;
}

#header_wrapper [class*="col-"] {
    padding-left: 0!Important;
    padding-right: 0!Important;
}

#header_wrapper .glitPageIconLarge {
    height: 200px;
    background-position: center top;
}

h2.Title {
    display: inline;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    margin: 0;
    padding: 0;
}

h2 {
    margin-bottom: 25px;
}

h3 {
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 0.4px;
    font-family: Roboto, sans-serif;
    font-weight: bold;
    margin-top: 11px;
}

.nowrap {
    white-space: nowrap;
}

a.logo {
    /*
	background: url(images/logo.gif) 0 0 no-repeat;
	display:block;
	height: 52px;
	width: 275px;
        */
}

#header_logo {
    margin-top: 12px;
}

#dnn_header_toplinks {
    text-align: right;
}

.glitPageIconLarge .headerimageSub {
    width: 100%;
    height: 250px;
    background-size: cover;
    background-position: center center;
    background-image: url(images/bg-sub-default.jpg);
}

.bgimagesub_row [class*="col-"] {
    padding-bottom: 0;
}



.rounded_soft {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#navbar-desktop {
    background-color: #fff;
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 102;
}

#navbar-desktop.first {
    top: -200px;
    position: fixed;
}

#navbar-desktop.first.sticky {
    top: 0;
    position: fixed;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.glit-userisadmin #navbar-desktop,
.glit-userisadmin #navbar-desktop.first,
.glit-userisadmin #navbar-desktop.first.sticky {
    position:relative;
}
.glit-userisadmin #header_wrapper {padding-top:0;}

#mainLogo,
#mainLogo a,
#mainLogo a:hover,
#mainLogo a:visited {
    font-size: 36pt;
    line-height: 50pt;
    float: left;
    text-decoration: none;
}

#dnn_dnnLOGO_imgLogo {
    padding: 10px;
    height: 50px;
}

img.logoDesktop {
    width:142px;
}
img.logoMobile {
    height:50px;
    padding:10px;
}

#dnn_maindiv {
    position: relative;
    padding: 0 0 20px 0;
}

.circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.pullright {
    text-align: right;
}


/** Sponsoren **/

#sponsoren {
    background-color: #fff;
    padding-top: 20px;
}

#sponsoren .sponsorentitle {
    font-size: 12px;
    font-weight: bold;
    padding: 10px 0 10px 0;
}

#sponsoren [class*="col-"] img {
    margin-top: 20px;
    margin-bottom: 10px;
}

a.sponsorlogo-gkv img {
    width: 120px;
    margin-top:20px;
}

a.sponsorlogo-glarnersach img {
    width: 120px;
    margin-top:20px;
}

.sponsor-sporthuus {
}

.sponsor-toedisport{
    width: 150px;
    margin-top: 0!important;
}
.sponsor-communicaziun {
    width: 150px;
}

a.unterstuetztlogo-gl img {
    width: 260px;
    margin-top:20px;
}



/** Footer */

#footer {
    background-color: #547480;
    padding-top: 15px;
    margin: 0 auto;
    text-align: left;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
}

#footer a,
#footer a:hover,
#footer .SkinObject {
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    display: inline-block;
}

#footertext .Normal,
.NormalDisabled,
.NormalDeleted {
    margin: 0;
    padding: 0px;
    font-size: 14px;
    line-height: 20px;
}

.footerlink:first-child {
    border-left: none;
}

.footerlink {
    padding: 0 10px;
    border-left: 1px solid #fff;
    display: inline-block;
    float: left;
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 16px;
}

.footerlink.menu {
    border-left: 0;
    padding: 0;
}

#dnn_dnnCopyright_lblCopyright {
    margin-left: -10px;
}
.footerlinks {
    display:inline-block;
    padding:15px 0;
}
.footericons {
    display:block;
    float:right;
    padding:6px 0 10px 0;
}
.logo-swisslos {
    width: 220px;
    height: 35px;
    background: url(images/Sportfonds_2014_invers.svg) 0 0 no-repeat;
    display: inline-block;
}
.logo-ssgl {
    width: 60px;
    height: 50px;
    /* background: url(images/logo-sport.png) 0 0 no-repeat; */
    background: url(images/Sportschule_Logo.jpg) 0 0 no-repeat;
    background-size:contain;
    display: inline-block;
    margin-left: 20px;
    padding-bottom:0;
    margin-top:-5px;
}
.logo-sport {
    width: 125px;
    height: 38px;
    /* background: url(images/logo-sport.png) 0 0 no-repeat; */
    background: url(images/sportglarnerland_weiss.svg) 0 0 no-repeat;
    background-size:contain;
    display: inline-block;
    margin-left: 20px;
    padding-bottom:5px;
}

.logo-stv {
    width: 37px;
    height: 38px;
    background: url(images/logo-stv.svg) 0 0 no-repeat;
    display: inline-block;
    margin-left: 20px;
}

.sponsorlogo-gkb img {
    width:189px;
}
.sponsorlogo-glarnersach img {
    width:162px;
}
.sponsorlogo-gkv img {
    width:297px;
}
.sponsorlogo-somedia img {
    width:105px;
}
.sponsorlogo-sporthuusglarus img {
    width:150px;
}
.sponsorlogo-axpo img {
    width:100px;
}

#login {
    font-size: 11px;
    color: #fff;
    padding: 0 0 0 0;
    display: block;
    clear: both;
}

#login a {
    font-size: 11px;
    color: #fff;
}

#login a:hover {
    font-size: 11px;
    color: #fff;
    text-decoration: none;
}


/* FooterNavi */

#footer ul {
    list-style: none;
    margin: 0 -15px;
    padding: 0;
    color: #fff;
}

#footer ul#dnnMenu li {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
    width: 100%;
    display: inline-block;
    float: left;
    margin-bottom: 20px;
}

#footer ul#dnnMenu li li {
    font-size: 12px;
    width: 100%;
    margin-bottom: 0;
}

#footer ul#dnnMenu li a {
    padding-bottom: 8px;
    color: #fff;
    display: block;
    padding-right: 15px;
}


/* Table of Gallery */

table.gallery {
    border-collapse: collapse;
    margin: 0 0 10px 0;
    background-color: #CCE0EB;
}

td.gallery_title {
    padding: 10px;
    font-size: 16px;
    color: #243a7b;
    width: 130px;
    vertical-align: top;
}

td.gallery_thumb {
    padding: 10px;
    width: 148px;
    vertical-align: top;
}

td.gallery_text {
    padding: 10px;
    width: auto;
    background-color: #CCE0EB;
    vertical-align: top;
}

.thumb {
    float: left;
}

.thumb:hover {
    cursor: pointer;
}

.nopadding {
    padding: 0;
}

#navbar-desktop [class*="col-xs"] {
    padding-bottom: 0!Important;
    position: static;
}


/* Main Navi */

#desktopmenu * {
    box-sizing: border-box;
}

#desktopmenu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
}

#desktopmenu ul#dnnMenu {
    margin: 0 0 0 -22px;
    padding: 30px 0 0 0;
}

#desktopmenu ul#dnnMenu>li {
    display: inline-block;
    float: left;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
}

#desktopmenu ul#dnnMenu>li:hover {}

#desktopmenu ul#dnnMenu>li:after {
    content: "";
    display: none;
    opacity: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 21px 45px 0 45px;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    margin-left: 0;
    margin-top: 0px;
    z-index: 2;
}

#desktopmenu ul#dnnMenu li.topLevel.haschild:after {
    display: none;
}

#desktopmenu ul#dnnMenu li.topLevel.haschild:hover:after {
    display: block;
    opacity: 1;
    -webkit-animation-name: fadeIn;
    -webkit-animation-duration: 0.75s;
    animation-name: fadeIn;
    animation-duration: 0.75s;
}

#desktopmenu a,
#desktopmenu a:visited {
    color: #000;
    line-height: 16px;
    display: block;
    font-size: 16px;
}

#desktopmenu a:hover {
    text-decoration: none;
    color: #000;
}

#desktopmenu ul#dnnMenu li.topLevel>a {
    padding: 0 17px 0 17px;
    margin: 0 0 20px 0;
    border-right: 1px solid #000;
}

#desktopmenu ul#dnnMenu li.topLevel.last>a {
    padding: 0 0 0 22px;
    margin: 0 0 20px 0;
    border-right: none;
}


/* Level2 */

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    40% {
        opacity: 0.3;
    }
    60% {
        opacity: 0.5;
    }
    80% {
        opacity: 0.9;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    40% {
        opacity: 0.3;
    }
    60% {
        opacity: 0.5;
    }
    80% {
        opacity: 0.9;
    }
    100% {
        opacity: 1;
    }
}

#desktopmenu .wrapper-leveltwo {
    margin: 0 0 0 0;
    padding: 30px;
    display: none;
    background-color: #8496af;
    position: absolute;
    z-index: 1;
    left: 0;
    width: 100%;
    opacity: 0;
    width: 100%;
    float: left;
    text-align: center;
}

#desktopmenu ul li:hover .wrapper-leveltwo {
    display: block;
    opacity: 1;
    -webkit-animation-name: fadeIn;
    -webkit-animation-duration: 0.75s;
    animation-name: fadeIn;
    animation-duration: 0.75s;
}

#desktopmenu ul ul.leveltwo {
    margin: 0 auto;
    width: 100%;
    padding: 0 15px;
}

#desktopmenu ul.leveltwo>li {
    display: block;
    float: left;
    width: 30%;
    margin: 0 1.5% 0 1.5%;
}

#desktopmenu ul.leveltwo li a,
#desktopmenu ul.leveltwo li a:visited {
    border: none;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    padding: 0 15px!Important;
    border-bottom: 1px solid #fff;
    margin-bottom: 10px;
    font-family: "Roboto Slab", serif;
    text-transform: none;
    text-decoration: none;
}

#desktopmenu li.topLevel.breadcrumb>a {
    color: #ff3333;
}

#desktopmenu ul li:hover ul li a {
    opacity: 1;
}

#desktopmenu ul li ul li a:hover,
#desktopmenu ul li ul li.current a {
    color: #fff;
    text-decoration: underline;
}

#desktopmenu ul li ul li.current li a {
    text-decoration: none;
}


/* Level 3 */

#desktopmenu ul.leveltwo ul li {
    border-bottom: 0;
    padding: 3px 0;
}

#desktopmenu ul.leveltwo ul a,
#desktopmenu ul.leveltwo ul a:visited,
#desktopmenu ul.leveltwo ul li.current a {
    border-bottom: 0;
    font-family: "Roboto", serif;
    font-size: 17px;
    line-height: 23px;
    font-weight: normal;
    text-transform: none;
    margin-bottom: 0;
}


/** Submenu **/

#submenuwrapper ul {
    list-style: none;
}

#submenuwrapper ul ul {
    margin-left: 0;
}

#submenuwrapper li {
    margin-bottom: 5px;
}

#submenuwrapper li,
#submenuwrapper li.topLevel>a {
    /* display:none; */
    display: inline-block;
}


/*
#submenuwrapper li.breadcrumb,
#submenuwrapper ul.breadcrumb,
#submenuwrapper ul.breadcrumb li { display:inline-block;}
    */

#submenuwrapper ul#dnnMenu {
    margin: 10px 0 10px -22px;
}

#submenuwrapper ul#dnnMenu ul {
    margin: 0;
}

#submenuwrapper ul a {
    border-right: 1px solid #000;
    margin: 0 0 20px;
    padding: 0 22px;
    text-decoration: none;
    color: #000;
}

#submenuwrapper ul a:hover,
#submenuwrapper ul li.current>a {
    color: #ff3333;
}

.glit-navlevel-00 #submenuwrapper {
    display: none;
}

.wrapper-leveltwo {
    display: none;
}


/***********************/


/** Mobile Menu Start **/

.navbar [class*="col-"] {
    padding-bottom: 0;
}

.navbar {
    background-color: #fff;
    color: #333!Important;
    min-height: 65px;
    position: fixed;
    /* top:0; */
    width: 100%;
    z-index: 201;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.5);
}

.navbar .btn,
.navbar .btn-group {
    margin-top: 23px;
}

.navbar-inverse .btn-navbar {
    background-color: #333!Important;
}

.navbar-inverse .btn-navbar:hover,
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active,
.navbar-inverse .btn-navbar.disabled,
.navbar-inverse .btn-navbar[disabled] {
    color: #ffffff;
    background-color: #040404;
    *background-color: #000;
}

.navbar .btn-navbar {
    background-repeat: repeat-x;
    color: #FFFFFF;
    float: right;
    margin-left: 10px;
    margin-right: 0px;
    cursor: pointer;
}

.navbar #dnn_dnnLOGOtablet_hypLogo {
    float: left;
    padding-top: 12px;
}

#logo_tablet {
    height: 50px!important;
    margin-top: 10px!important;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.navbar .btn-navbar .icon-bar {
    background-color: #333;
    border-radius: 1px 1px 1px 1px;
    display: block;
    height: 2px;
    width: 35px;
}

.btn-navbar .icon-bar+.icon-bar {
    margin-top: 6px;
}
/*
.btn {}

.toggle {
    cursor: pointer;
    margin: 10px 10px 5px 10px;
    text-align: right;
    width: 35px;
    float: right;
}
*/

#togglemenu .icon-bar {
    height: 2px;
    margin-top: 6px;
    background-color: #fff;
    width: 35px;
    display: block;
}

#togglemenu {
    display: block;
    position: fixed;
    top: 0;
    right: -90%;
    z-index: 1000;
    width: 90%;
    height: 100%!Important;
    background: #8496af;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-box-shadow: 0px 0px 19px 0px rgba(50, 50, 50, 1);
    -moz-box-shadow: 0px 0px 19px 0px rgba(50, 50, 50, 1);
    box-shadow: 0px 0px 19px 0px rgba(50, 50, 50, 1);
}

#togglemenu.expanded {
    display: block;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    height: 100%!Important;
    right: 0%!Important;
}

#togglemenu .toggle {
    margin-right: 20px;
}

#togglemenu ul {
    padding: 0;
    margin: 0;
}

#togglemenu ul#dnnMenu li {
    display: block;
    padding: 10px 20px 10px 20px;
}

#togglemenu ul li.topLevel {
    padding-bottom: 30px;
    text-transform: uppercase;
    position: relative;
}

#togglemenu ul#dnnMenu li.topLevel a {
    color: #fff;
    font-size: 18px;
    line-height: 26px;
    display: block;
}

#togglemenu ul#dnnMenu li.topLevel ul.leveltwo {
    margin: 0;
    padding: 0;
}

#togglemenu ul#dnnMenu li.topLevel ul.leveltwo a {
    color: #fff;
    font-size: 17px;
    line-height: 23px;
}

#togglemenu ul#dnnMenu li.topLevel a:hover,
#togglemenu ul#dnnMenu li.topLevel.current a,
#togglemenu ul#dnnMenu li.topLevel ul.leveltwo li.current a,
#togglemenu ul#dnnMenu li.topLevel ul.leveltwo li a:hover {
    color: #fff;
}

#togglemenu ul#dnnMenu li.current>a {
    text-decoration: underline;
}

#togglemenu ul#dnnMenu li.topLevel a:hover {
    text-decoration: underline;
}

#togglemenu ul#dnnMenu li.topLevel.current,
#togglemenu ul#dnnMenu li.topLevel.breadcrumb,
#togglemenu ul#dnnMenu li.topLevel.open {
    background-color: #a4b3ca;
}

#togglemenu li.topLevel.current .wrapper-leveltwo,
#togglemenu li.topLevel.breadcrumb .wrapper-leveltwo,
#togglemenu li.topLevel.open .wrapper-leveltwo {
    display: block;
    text-transform: none;
}

#togglemenu ul#dnnMenu ul.leveltwo ul {
    display: none;
}

#togglemenu ul#dnnMenu ul {
    height: auto;
    position: relative;
}

#togglemenu ul ul {
    padding-left: 20px;
}

#togglemenu ul ul li {}

#togglemenu ul#dnnMenu ul li.category a span {
    line-height: 18px;
    font-size: 12px;
    color: #fff;
}

#togglemenu ul#dnnMenu li.category.mmBreadcrumb a span,
#togglemenu ul#dnnMenu ul li.category:hover a span {
    color: #0b2449;
}

#togglemenu .togglesubicon {
    display: none;
}

#togglemenu .haschild .togglesubicon {
    display: block;
    width: 35px;
    height: 46px;
    position: absolute;
    cursor: pointer;
    background-image: url("images/arrow-down-white.png");
    background-repeat: no-repeat;
    background-position: 100% center;
    background-size: 35px auto;
    right: 20px;
    top: 0;
}

#togglemenu .haschild.breadcrumb .togglesubicon,
#togglemenu .haschild.open .togglesubicon {
    background-image: url("images/arrow-up-white.png");
}


/*** Mobile Menu End ***/


/***********************/


/** Metamenu und Search **/

#metamenu {
    margin-top: 6px
}

#metamenuinner {
    display: inline-block;
}

#metamenuinner div {
    display: inline-block;
    float: left;
}

#dnn_dnnSearch_ClassicSearch,
span.searchInputContainer {
    display: inline-block;
    float: left;
}

#search {
    margin-left: 12px;
}

#dnn_dnnSearch_ClassicSearch .searchInputContainer {
    margin-right: 0!important;
}

#dnn_dnnSearch_cmdSearch {
    display: inline-block;
    float: left;
    width: 36px;
    height: 36px;
    font-size: 0;
    line-height: 0;
    background-color: #ec0016;
    background-image: url(images/search.png);
    background-size: 30px 30px;
    background-position: 3px 3px;
    margin: 0;
    padding: 0;
}

#dnn_dnnSearch_txtSearch {
    line-height: 30px;
    font-size: 14px;
    height: 30px;
    padding: 3px 3px 3px 10px;
    margin: 0;
    border: none;
    background-color: #e3ebee;
}

.dnnSearchBoxClearText {
    display: none;
}

div.metalink {
    margin-top: 5px;
}

#metamenuinner div.metalink a {
    line-height: 18px;
    font-size: 14px;
    margin: 5px 0;
    padding: 0 10px;
    display: inline-block;
}

#metamenuinner div.metalink:first-child a {
    border-right: 1px solid #ddd;
}


/** Search Result page */

.dnnSearchBoxPanel,
.dnnSearchResultPanel {
    background-color: transparent;
}

.container .dnnSearchBox {
    margin-left: 0;
}

.searchInputContainer a.dnnSearchBoxClearText {
    top: 3px;
}


/** Search Mobile **/

.search-mobile {
    padding: 10px 20px 10px 20px;
}

.search-mobile #dnn_SEARCH1_ClassicSearch,
.search-mobile #dnn_SEARCH1_txtSearch {
    width: 100%;
    display: block;
    position: relative;
}

.search-mobile span.searchInputContainer {
    display: block!Important;
    float: none;
    margin: 0!Important;
}

.search-mobile .searchInputContainer #dnn_SEARCH1_txtSearch {
    width: 100%;
    line-height: 36px;
    height: 36px;
    font-size: 14px;
    box-sizing: border-box;
    border: none;
    padding: 0 15px;
}

.search-mobile #dnn_SEARCH1_cmdSearch {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #ec0016;
    background-image: url("images/search.png");
    background-position: 3px 3px;
    background-size: 30px 30px;
    display: inline-block;
    float: left;
    font-size: 0;
    height: 36px;
    line-height: 0;
    margin: 0;
    padding: 0;
    width: 36px;
}

.search-mobile ul.searchSkinObjectPreview {
    max-width: 100%;
}

.search-mobile .searchInputContainer a.dnnSearchBoxClearText {
    right: 50px!Important;
}


/* Mbile Searchresult */

.dnnSearchBoxPanel .dnnSearchBox {
    margin-left: 0;
    margin-right: 0;
}

.dnnSearchBoxPanel .dnnSearchBox_advanced {
    display: none;
}

#dnnSearchResult_dnnSearchBox_input {
    width: 90%!important;
}

.dnnSearchBox>a.dnnSearchBoxClearText {
    right: 30px!Important;
}

ul.searchSkinObjectPreview {
    text-align: left;
}


/* LINK Module */

.link_module ul.linklist img {
    display: none;
}