/* ////////////////////////////////////////////////////////////////////////////////////////////////////
// mynet2 layout Style
// LeiserPublishing GmbH, www.leiserpublishing.com
// //////////////////////////////////////////////////////////////////////////////////////////////////// */


/* ######################
// WEBSITELAYOUTSTYLE ###
// ###################### */
/* ==================================================================================================== */
:root {
    --pageWidth: 1200px;
}
body {
	padding: 0;
    -webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
    background: rgb(249,249,249);
}
body#LOGINBODY, body#REGISTERBODY, body#ERRORBODY {
    background: rgb(249,249,249) url(../Images/hgbody_full.jpg) no-repeat center top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -khtml-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='hgbody_full.jpg', sizingMethod='scale');
    -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='hgbody_full.jpg', sizingMethod='scale');
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
/* ## SUBHEADERSTYLE ## */
/* GENERAL definition */
#SUBHEADER {
	position: relative;
	margin: 0;
	padding: 10px;
	background: transparent;
    background: rgb(230,230,230);
}
.subheaderwidth {
	max-width: 100%;
	margin: 0;
}
.subheader-outer {
}
.subheader-inner {
}
/* ## PAGESTYLE ## */
/* GENERAL definition */
#PAGE {
	margin: 0;
	padding: 0;
	background: transparent;
}
.fullpagewidth {
	max-width: 100%;
	margin: 0;
	padding: 0;
}
.fullpage-outer {
}
.fullpage-inner {
}
.pagewidth {
    max-width: 1200px;
	margin: auto;
}
.page-outer {
}
.page-inner {
}
.pagecontent {
}
/* PAGESTYLE */
.page-outer {
/*
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 5.4);
    border-radius: 0px 0px 5px 5px;
*/
	background-color: transparent;
}
.page-inner {
	background: rgb(249,249,249);/*x*/
	border: 1px solid rgb(170,170,170);/*x*/
    border-radius: 0px 0px 5px 5px;
/*
	-moz-box-shadow: inset 0 0 25px 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: inset 0 0 25px 0 rgba(0,0,0,0.15);
	box-shadow: inset 0 0 25px 0 rgba(0,0,0,0.15);
*/
}
.pagecontent {
	padding: 10px;
}
/* ## LOGINBOXSTYLE ## */
#LOGINBOX {
    width: 500px;
    border-radius:5px;
    margin: 80px auto;
    background: rgb(249,249,249);
/*
    opacity: 0.8;
    -moz-opacity: 0.8;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter:alpha(opacity=80);
*/
}
#LOGINBOX .loginbox-outer {
}
#LOGINBOX .loginbox-inner {
}
#LOGINBOX #loginbox-header {
    height: 40px;
    margin: 0;
    padding: 15px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    background: rgb(130,130,130);
/*
Schwarz
background: rgb(72,69,73);
background: rgb(135,136,138);
background: rgb(177,179,180);
    background: rgb(217,218,219);

Blau
background: rgb(0,96,169);
background: rgb(51,128,186);
background: rgb(112,151,201);
background: rgb(164,184,219);
    background: rgb(211,219,237);

Orange
background: rgb(241,142,0);
background: rgb(245,165,51);
background: rgb(249,189,115);
background: rgb(252,212,163);
    background: rgb(254,234,210);
*/
    background: rgb(26,23,27);
}
#LOGINBOX #loginbox-content {
    margin: 0;
    padding: 10px 15px 0px 15px;
}
#LOGINBOX #loginbox-footer {
    margin: 0;
    padding: 0 15px 5px 15px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    background: transparent;
}
/* ## SITECANVASSTYLE ## */
body {
     overflow-x: hidden;
}
.sitecanvaswrapper {
    height: 100%;
    position: relative;
    width: 100%;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: 400ms ease all;
    -moz-transition: 400ms ease all;
    -ms-transition: 400ms ease all;
    -o-transition: 400ms ease all;
    transition: 400ms ease all;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}
.sitecanvaswrapper--active,
#SITECANVASWRAPPER:target {
    -webkit-transform: translateX(400px);
    -moz-transform: translateX(400px);
    -ms-transform: translateX(400px);
    -o-transform: translateX(400px);
    transform: translateX(400px);
    -webkit-transform: translate3d(400px, 0, 0);
    -moz-transform: translate3d(400px, 0, 0);
    -ms-transform: translate3d(400px, 0, 0);
    -o-transform: translate3d(400px, 0, 0);
    transform: translate3d(400px, 0, 0);
}
#SITECANVAS {
	position: relative;
	margin: 0;
	padding: 0;
	z-index: 10100;
	background: transparent;
}
.sitecanvaswidth {
	max-width: 100%;
	margin: auto;
}
.sitecanvas-outer {
}
.sitecanvas-inner {
}
#sitecanvasheader-top {
}
.sitecanvas-block {
}
.open-sitecanvas {
/*
    position: absolute;
*/
    float: left;
}
#sitecanvas-site {
    position: absolute;
    left: -400px;
    top: 0;
	margin: 0;
	padding: 0;
    height: auto;
    width: 400px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.close-sitecanvas {
    position: absolute;
}
.close-sitecanvas-site {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    cursor: pointer;
    display: none;
}
#SITECANVASWRAPPER:target .close-sitecanvas-site {
    display: block;
}
/* CANVASSTYLE */
#sitecanvasheader-top {
    padding: 10px;
/*
    background: rgb(130,130,130);
background: rgb(217,218,219);
*/
    background: rgb(26,23,27);
}
.sitecanvas-block {
    margin: 0;
    padding: 0;
    height: 40px;
}
.sitecanvasCoreLogo {
    float: right;
    margin: 0px 0px 0px 10px;
}
.sitecanvasAppLogo {
    float: left;
    margin: 0px 10px 0px 15px;
}
.open-sitecanvas {
    margin: 0;
    padding: 5px 0;
    height: 30px;
    width: 30px;
    background: transparent url(../Icons/sitemenupage-open_white_icon.svg) left center no-repeat;
    background-size: auto 30px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.open-sitecanvas:hover, .open-sitecanvas:focus {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}
#sitecanvas-site {
    padding: 10px;
/*
Schwarz
background: rgb(72,69,73);
background: rgb(135,136,138);
background: rgb(177,179,180);
    background: rgb(217,218,219);

Blau
background: rgb(0,96,169);
background: rgb(51,128,186);
background: rgb(112,151,201);
background: rgb(164,184,219);
    background: rgb(211,219,237);

Orange
background: rgb(241,142,0);
background: rgb(245,165,51);
background: rgb(249,189,115);
background: rgb(252,212,163);
    background: rgb(254,234,210);
*/
    background: rgb(26,23,27);
}
.close-sitecanvas {
    margin: 0;
    padding: 5px 0;
    height: 30px;
    width: 30px;
    background: transparent url(../Icons/sitemenu-close_white_icon.svg) left center no-repeat;
    background-size: auto 30px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 0.7;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.close-sitecanvas:hover, .close-sitecanvas:focus {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}
/* CANVAS MENU */
/* ## EXPAND-COLLAPSE style 1 ## */
#EXPANDCOLLABSMENU {
    font-family: 'frutiger45light', verdana, arial, helvetica, sans-serif;
    font-size: 1.25em;
    color: rgb(249,249,249) !important;
}
.collabsibleMenuTitle + label, .collabsibleMenuTitle + label:after, #EXPANDCOLLABSMENU ul,
#EXPANDCOLLABSMENU ul li, #EXPANDCOLLABSMENU ul li a {
    font-size: inherit;
}
.collabsibleMenuTitle + label, #EXPANDCOLLABSMENU ul li {
    margin-bottom: 0px;
    padding: 0 0 5px 0;
    border: 2px solid transparent;
    border-radius: 5px;
}
.collabsibleMenuTitle .collabsibleMenuTitle + label, #EXPANDCOLLABSMENU ul li ul li {
/*
    margin-bottom: 0px;
    padding: 0 0 5px 0;
    border: 2px solid transparent;
    border-radius: 5px;
    border: 0 !important;
*/
}
.expandMenuContent ul li  {
    margin-bottom: 4px;
}
.collabsibleMenuTitle + label:after, .collabsibleMenuTitle:checked + label:after {
    content: '\203A';
    margin: 0;
    padding: 8px 0;
}
.collabsibleMenuTitle + label:after {
    width: calc(1.25em / 4 * 2);
    height: calc(1.25em / 4 * 2);
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
}
.collabsibleMenuTitle:checked + label, #EXPANDCOLLABSMENU ul li:hover {
    border: 2px solid rgb(130,130,130);
    border-radius: 5px;
}
.collabsibleMenuTitle:checked + label img, #EXPANDCOLLABSMENU ul li a img:hover {
    border-radius: 3px 0 0 3px;
}
.collabsibleMenuTitle:checked + label:after {
    width: calc(1.25em / 4 * 3);
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg);
}
.collabsibleMenuTitle + label > img, .expandMenuContent ul li a img, #EXPANDCOLLABSMENU ul li a img {
    margin: 0 8px -8px 0;
    padding:0;
}
.expandMenuContent ul li.submenu {
    border: 2px solid transparent !important;
    margin: -2px !important;
    margin-bottom:  -5px !important;
}
.expandMenuContent ul li.submenu div.collabsibleMenu {
    margin-bottom:  -3px !important;
}
/* ### BACKENDUSERMENU STYLE ### */
/* ## RESET ## */
#BACKENDUSERMENU, .backendusermenuTitle + label,.backendusermenuTitle + label:after, #BACKENDUSERMENU ul,
nav#backendusermenuNav div, #BACKENDUSERMENU ul li, #BACKENDUSERMENU ul li a {
    font-size: 100%;
}
#BACKENDUSERMENU {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 1.25em;
    color: rgb(249,249,249) !important ;
}
.backendusermenu-floatleft {
    float: left;
    margin-right: 5px;
}
.backendusermenu-floatright {
    float: right;
    margin-left: 5px;
}
.backendusermenu-outer {
}
.backendusermenu-inner {
}
.backendusermenu {
}
.backendusermenuTitle + label, .backendusermenuTitle + label:after, #BACKENDUSERMENU ul,
#BACKENDUSERMENU ul li, #BACKENDUSERMENU ul li a {
    font-size: inherit;
}
.backendusermenuTitle + label, #BACKENDUSERMENU ul li {
/*
    margin-bottom: 4px;
*/
    margin: 0;
    border: 2px solid transparent;
    border-radius: 5px;
}
.backendusermenuTitle + label {
    padding: 0 10px 6px 1px;    
}
#BACKENDUSERMENU ul li {
    padding: 0 10px 5px 0;
}
.backendusermenuContent ul li  {
    margin-bottom: 4px;
}
.backendusermenuTitle + label:after, .backendusermenuTitle:checked + label:after {
/*
    content: '\203A';
    margin: 0;
    padding: 8px 0;
*/
}
.backendusermenuTitle + label:after {
/*
    width: calc(1.25em / 4 * 2);
    height: calc(1.25em / 4 * 2);
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
*/
}
.backendusermenuTitle:checked + label, #BACKENDUSERMENU ul li:hover {
    border: 2px solid rgb(130,130,130);
    border-radius: 5px;
}
.backendusermenuTitle:checked + label img, #BACKENDUSERMENU ul li:hover a img {
    border-radius: 3px 0 0 3px;
}
.backendusermenuTitle:checked + label:after {
/*
    width: calc(1.25em / 4 * 3);
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg);
*/
}
.backendusermenuTitle + label > img, .backendusermenuContent ul li a img, #BACKENDUSERMENU ul li a img {
    margin: 0 8px -8px 0;
    padding:0;
}
.backendusermenuContent {
    position: absolute;
    padding: 15px 15px 25px 15px;
    width: 250px;
    color: rgb(249,249,249);
    background: rgb(26,23,27);
}
.backendusermenuContent .logout {
    background: rgb(220,0,0);
    cursor: pointer;
}
.backendusermenuContent .logout:hover {
    background: rgb(220,0,0);
    opacity: 0.5;
}
.backendusermenuContent .logout img {
    margin: 20px 0px -7px -6px;
    padding:0;
}
/* ### GRIDELEMENTS-STYLE ### */
/* gridelements1fullcol margin-bottom  */
.gridelements1fullcol {
    margin-bottom: 10px !important;
}
/* gridelements1fullcol margin-bottom  */
.gridelements1fullcol:first-child {
    /* margin-top= _layout_style css .page-inner : - padding-top + 1 */
    margin-top: -11px !important;
}
/* one-one-full-column background  */
.one-one-full-column {
    background: rgb(249,249,249);
}
/* one-one-full-column margin */
.one-one-full-column .ce-above .ce-gallery, .one-one-full-column .ce-above .ce-column,
.one-one-full-column .ce-below .ce-gallery, .one-one-full-column .ce-below .ce-column {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
/* one-one-full-column ce-bodytext padding */
.one-one-full-column .ce-bodytext {
    padding-top: 8px !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
}
.one-one-full-column .ce-right.ce-nowrap .ce-bodytext {
    padding-right: 0 !important;
}
.one-one-full-column .ce-left.ce-nowrap .ce-bodytext {
    padding-left: 0 !important;
}


/* ###################
// HEADERMENUSTYLE ###
// ################### */
/* ==================================================================================================== */
#HEADERMENU .felogin_form .ce-formfielcheckbox input:checked ~ .ce-checkbox:after {
    content: '\2714';
    color: rgb(259,259,259);
}
#HEADERMENU .ce-felogin-field input[id=user], #HEADERMENU .ce-felogin-field input[id=tx_felogin_pi1-forgot-email] {
    background: transparent url('../Img/felogin-user_silver.png') no-repeat 0 5px;
    background-size: 22px auto;
}
.ce-felogin-field input[id=pass], .ce-felogin-field input[id=tx_felogin_pi1-newpassword1], .ce-felogin-field input[id=tx_felogin_pi1-newpassword2] {
    background: transparent url('../Img/felogin-pw_gray.png') no-repeat 0 5px;
    background-size: 22px auto;
}
#HEADERMENU .ce-felogin-field input[id=pass], #HEADERMENU .ce-felogin-field input[id=tx_felogin_pi1-newpassword1], .ce-felogin-field input[id=tx_felogin_pi1-newpassword2] {
    background: transparent url('../Img/felogin-pw_silver.png') no-repeat 0 5px;
    background-size: 22px auto;
}


/* ########################
// EXPAND-COLLAPSESTYLE ###
// ######################## */
/* ==================================================================================================== */
/* ## EXPAND-COLLAPSE style 1 ## */
.toggleboxTitle + label {
    font-family: 'frutiger45light', verdana, arial, helvetica, sans-serif;
    font-size: 1.25em;
    margin: 0px 8px 8px 10px;
    color: rgb(30,30,30);
}
.toggleboxTitle + label + .toogleboxContent {
    margin: 0 10px 10px 10px;
    padding: 10px;
    border: 1px solid rgb(0,100,176);
}
.toggleboxTitle + label:after {
    display: flex;
    justify-content: center;
    align-items: center;
    content: '\203A';
    font-size: 1.25em;
    font-weight: bold;
    width: 0.9em;
    height: 0.7em;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right: 0;
    top: 0;
    margin: -6px 0 10px 0;
    padding: 1px 0 5px 0;
    color: rgb(249,249,249);
    background-color: rgb(0,100,176);
}
.toggleboxTitle:checked + label:after {
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg);
    padding: 0 0 6px 0;
}
/* ==================================================================================================== */
/* ## SVG Loader bar style ## */
.loaderbox-relative {
    position: relative;
}



/* ##################
// CARDTABLESTYLE ###
// ################## */
/* ==================================================================================================== */
/* ## CARDTABLESTYLE ## */
/* GENERAL definition */
.cardtable {
    display: table;
    border-collapse: collapse;
}
.cardtablerow {
    display: table-row;
}
.cardtablecell {
    display: table-cell;
    float: left;
}
.cardtablecell-content {
    overflow: hidden;
}
/* CARDTABLESTYLE */
.cardtable {
    margin: 0px -10px 0px -10px;
}
.cardtablerow {
}
.cardtablecell {
    width: calc(100% - 10px - 20px);
    margin: 0px 10px 20px 10px;
    padding: 5px;
    min-width: 290px;
    background:rgb(249,249,249);
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.5);
}
.cardtablecell:hover {
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 1.0);
	box-shadow: 0px 0px 42px 0px rgba(0, 0, 0, 1.0);
}
@media screen and (min-width: 695px) {
    .cardtablecell {
        width: calc(50% - 10px - 20px);
    }
}
@media screen and (min-width: 1020px) {
    .cardtablecell {
        width: calc(33.33% - 10px - 20px);
    }
}
@media screen and (min-width: 1340px) {
    .cardtablecell {
        width: calc(25% - 10px - 20px);
    }
}
@media screen and (min-width: 1660px) {
    .cardtablecell {
        width: calc(20% - 10px - 20px);
    }
}
@media screen and (min-width: 1980px) {
    .cardtablecell {
        width: calc(16.66% - 10px - 20px);
    }
}
.cardtablecell-outer {
}
.cardtablecell-inner {
}
.cardtablecell-content {
    height: 300px;
}
.cardtablecell-content > a {
    text-decoration: none;
}