/*  [data-whatinput='mouse'] */

/*
    ZEISS: #004494
    Geissler: #bc0000
    bsp:
    body.instance-zeiss .headerrowcenter a {
        color: #004494 !important;
    }
*/

/*

Alle hover für mobil ausblenden
html.no-touch .button-open-navigation:hover

*/

/*

outline: none 
nur auf folgende Art verbauen:

[data-whatinput="mouse"] .button-open-navigation:focus,
[data-whatinput="touch"] .button-open-navigation:focus
 { outline: none; }
 
 */


@font-face {
    font-family: 'droid_sansregular';
    src: url('../../webfonts/droid-sans/DroidSans-webfont.eot');
    src: url('../../webfonts/droid-sans/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../webfonts/droid-sans/DroidSans-webfont.woff2') format('woff2'),
         url('../../webfonts/droid-sans/DroidSans-webfont.woff') format('woff'),
         url('../../webfonts/droid-sans/DroidSans-webfont.ttf') format('truetype'),
         url('../../webfonts/droid-sans/DroidSans-webfont.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



html{
 	height:100%;
	min-height:100%;
}
 
 
body{
 	min-height:100%;
     background-color:rgb(51,51,51);
     background-color:rgba(0,0,0,0.8);
     background-color:#000;
     background-color:#eee;
     color:rgb(70,70,70);
     color:#fff;
     color:#000;
     /* 
         Farbschema 
         https://encycolorpedia.com/64568f
      */

     
    background-repeat:no-repeat;
    background-attachment: fixed;
    background-size:cover;
}


 
body{
	/*background-color: #bfbfbf;
	background-color: #292929;
	color: #fff;*/
	
	font-family:  Arial, sans-serif;
	
}


.headerouter {
        -moz-box-shadow: 0px 0px 10px 10px rgba(100, 100, 100, 0.6);
		-webkit-box-shadow: 0px 0px 10px 10px rgba(100, 100, 100, 0.6);
        box-shadow: 0px 0px 10px 10px rgba(100, 100, 100, 0.6);
        z-index:1;
        position:relative;
        background-color:white;
        /*position:fixed;*/
        width:100%;
}
.headerouter img { display:inline-block;margin-top:12px;margin-bottom:10px;}
.headerrowright { margin-top:0px;text-align:center;}
.headerrowleft { text-align:center;}
.headerrowcenter { text-align:center;padding-bottom:5px;}
.headerrowcenter a{padding:0px 4px 0px 4px; font-size:18px;font-weight:400 !important;}


.listEntry {
    margin-bottom:6px;
}

.listEntryName {
    display:inline-block;
    width: 150px;
}

.listEntryValue {
    display: inline-block;
}

fieldset, .button {
    transition: opacity 0.5s, height 0.5s;
    opacity: 1;
    height: auto;
    
    
    visibility: visible;
    margin:0px;
}
fieldset {
display:block;}
.button {
display:inline-block;}
.invisibleitem {
    opacity: 0;
    height: 0;
        overflow: hidden;
    visibility: hidden;
    display:none;
}

input[type="radio"]
{
    border:0px !important;
    outline:none !important;
}

.chkboxzusatzinfo {
    margin-left: 22px;
}

.headerrowcenter a {
    color: #bc0000 !important;
}
body.instance-zeiss .headerrowcenter a {
    color: #004494 !important;
}
.sonylogo {
    width: 180px;
    padding-top: 10px;
    padding-bottom: 10px;
}

@media screen and (min-width: 64em) {
    .sonylogo {
        width: 180px;
        padding-top:25px;

    }
    .headerrowleft {
                text-align: left;
            }

            .headerrowcenter {
                padding-top: 71px;
            }

            .headerrowright {
                /*padding-top: 63px;*/
                text-align: right;
            }

            .headerouter img {
                margin-bottom: 20px;
            }
        }

        select .dropdowncart { width:auto;margin-top:10px !important;display:inline-block;position:relative;top:-5px;}
.buttoncart { margin-top:2px; display:inline-block;}


.contentcolumn {
    padding-top: 20px;
    background-color: rgba(255,255,255,0.97);
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    position: relative;
}

.row { max-width: 900px ; }
.row.headerrow { position:relative; }

.languagenav {
    position: absolute;
    width: auto;
    height: auto;
    right: 30px;
    top: 20px;
}
    .languagenav a, .languagenav span {
        cursor:pointer;
        /*font-weight:normal !important;*/
    }
        .languagenav a.selected, .languagenav span.selected {
            text-decoration: underline;
        }

    .article-def {
        width: 120px;
        display: inline-block;
    }
.bestaetigung-article{margin-bottom:15px;}
fieldset li{margin-bottom:6px;}
/*fieldset {
  margin: 0;
  padding: 0;
  border: 0; }*/
fieldset {
    background-color: transparent;
    border: 1px dotted silver;
    padding: 10px 10px 10px 10px;
    margin-bottom: 0px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*-moz-box-shadow: 0px 0px 10px 10px rgba(100, 100, 100, 0.6);
		-webkit-box-shadow: 0px 0px 10px 10px rgba(100, 100, 100, 0.6);
        box-shadow: 0px 0px 3px 3px #eee;*/
}

.element-item i { font-size:16px;}
.hidden { display:none;}
a:disabled { display:none;}
legend {
  max-width: 100%;
  margin-bottom: 0.5rem; 
  text-align:right;
    font-size:16px;
    font-family:'droid_sansregular', sans-serif;
    color:silver;
    font-weight:400;
    border:0px solid black;
    position:relative;
    margin-left:auto;
    margin-right:0px;
    /*top:0px;
    right:20px;*/
}
.legende {color:silver;text-align:left;display:inline;position:relative;height:10px;}

.smalldescription{font-size:12px;color:silver;}

h1 {
    /*font-size: 72px;*/
    margin-bottom: 10px;
    margin-top: 0px;
    font-family: 'droid_sansregular', sans-serif;
    font-weight: 400;
    line-height: 1.0;
    /*text-transform:uppercase;*/
}

h1 {
    color: #bc0000;
}
body.instance-zeiss h1 {
    color: #004494;
}

h2{
	/*font-size: 54px;*/	
	margin-bottom: 30px;
    margin-top:10px;
	
    font-family:  'droid_sansregular', sans-serif;
    color:#B9A300;
    color:#000;

	/*line-height: 1.1;*/
    line-height:1.0em;
    font-weight:400;

    /*text-shadow:0px 0px 2px black;*/
}
h3{
	/*font-size: 40px;*/	
	margin-bottom: 16px;
    margin-top:12px;
    font-family:  'droid_sansregular', sans-serif;
    color:#B9A300;
    color:#000;
	font-weight: bold !important;
    line-height:1.0em;
    /*text-transform:uppercase;
    letter-spacing:1px;*/
}

h1 { font-size: 24px; }
h2 { font-size: 26px; }
h3 { font-size: 22px; }


@media screen and (min-width: 760px) {

    h1 { font-size: 30px; }
    h2 { font-size: 26px; }
    h3 { font-size: 22px; }

}

p,li,td,label,div{
    font-family:  Arial, sans-serif;
	font-weight: 400 ;
	font-size: 14px;
	line-height: 1.4;
    /*font-weight:normal;*/
	/*text-align: justify;*/
    color:#000;
    /*letter-spacing:0.05em;*/
}


p{
	margin-bottom: 10px;
}

p .bold, li .bold, strong, b {
    font-family:  Arial, sans-serif;
    font-weight:600;
    font-size: 14px;
    /*letter-spacing:0.05em;*/
}

a:not(.button), 
a:not(.button):link,
a:not(.button):visited,
a:not(.button):active,
a:not(.button):focus{
	color: #000;
    font-family:  Arial, sans-serif;
    font-weight:600;
    /*font-family: hindsemibold, sans-serif;*/
	/*color: #113454;
	font-weight: 400 ;
	font-size: 16px;*/
	}
	
html.no-touch a:not(.button):hover{
	/*text-decoration:underline;*/
    color: #333;
    text-decoration:underline;
}


.button{
	background-color: #bc0000;
}
body.instance-zeiss .button {
    background-color: #004494;
}
.element-item:hover .buttoncart, .element-item:hover .deletebutton {
    background-color: #fff !important;
    color: #bc0000 !important;
}
body.instance-zeiss .element-item:hover .buttoncart, body.instance-zeiss .element-item:hover .deletebutton {
    background-color: #fff !important;
    color: #004494 !important;
}

html.no-touch .button:hover, .button.selected {
    background-color: #cc0000;
    -moz-box-shadow: 0px 0px 5px -1px #666;
    -webkit-box-shadow: 0px 0px 5px -1px #666;
    box-shadow: 0px 0px 5px -1px #666;
}
html.no-touch body.instance-zeiss .button:hover, body.instance-zeiss .button.selected {
    background-color: #1054a4;
}

.button.fullwidth { width:100%;}



.jahrescontainer { width: 100%; height:auto; overflow-x:scroll;border:2px dotted silver;}
.jahrestable { width:100%; overflow:scroll;border-left:0px solid #222; border-top:0px solid #222;border-bottom:0px solid #222;}
.jahresrow {    padding: 0px;    margin: 0px;}
    .jahresrow:nth-child(even) .jahrescell:nth-child(even) {
        background-color: #bababa;
    }
    .jahresrow:nth-child(even) .jahrescell:nth-child(odd) {
        background-color: #b0b0b0;
    }
    .jahresrow:nth-child(odd) .jahrescell:nth-child(even) {
        background-color: #eaeaea;
    }
    .jahresrow:nth-child(odd) .jahrescell:nth-child(odd) {
        background-color: #e0e0e0;
    }
.jahrescell { padding:2px 2px 2px 2px; min-width:24px;text-align:center;margin:0px;/*border:1px solid #222;*/}
.highlightcell {
    background-color: orange !important;
}

.reservierungcontainer { width: 100%; height:auto; overflow-x:auto;}/*border:2px dotted silver;*/
.reservierungtable { width:100%; overflow:scroll;border-left:1px solid #222; border-top:1px solid #222;border-bottom:1px solid #222;}
.reservierungrow:nth-child(odd) { background-color:silver;}
.reservierungcell { padding:2px 2px 2px 2px; min-width:24px;text-align:center;margin:0px;border-right:1px solid #222;vertical-align:middle;}
.reservierungcell a.button { display:block;margin-bottom:0px;}

html.no-touch .reservierungrow:hover, html.no-touch .reservierungrow:hover .reservierungcell {
    background-color: #bc0000;
    color: white !important;
}

html.no-touch body.instance-zeiss .reservierungrow:hover, html.no-touch body.instance-zeiss .reservierungrow:hover .reservierungcell {
    background-color: #004494;
    color: white !important;
}

.reservierungrow { cursor:pointer;}

#container { margin-top:20px;}

/* element-item
------------------------- */

/*.element-item {
  position: relative;
  float: left;
  width: 100px;
  height: 100px;
  margin: 5px;
  padding: 10px;
  background: #888;
  color: #262524;
}*/

.element-item {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  margin: 5px;
  padding: 10px;
  background: #f0f0f0;
  border:1px dotted silver;
  color: #222;
  cursor:pointer;
}

/*html.no-touch*/ 

html.no-touch .element-item:hover {
    background-color:#bc0000;    
}
html.no-touch body.instance-zeiss .element-item:hover {
    background-color: #004494;
}

html.no-touch .element-item:hover div{
    color:white !important;
}

.element-item > * {
  margin: 0;
  padding: 0;
}

.element-item .name {
  position: absolute;

  left: 10px;
  top: 60px;
  text-transform: none;
  letter-spacing: 0;
  font-size: 0.8em;
  font-weight: normal;
}

.element-item .symbol {
  position: absolute;
  left: 10px;
  top: 0px;
  font-size: 2.8em;
  font-weight: bold;
  color: white;
}

.element-item .number {
  position: absolute;
  right: 8px;
  top: 5px;
}

.element-item .weight {
  position: absolute;
  left: 10px;
  top: 76px;
  font-size: 0.8em;
}

.element-item.alkali          { background: #F00; background: hsl(   0, 100%, 50%); }
.element-item.alkaline-earth  { background: #F80; background: hsl(  36, 100%, 50%); }
.element-item.lanthanoid      { background: #FF0; background: hsl(  72, 100%, 50%); }
.element-item.actinoid        { background: #0F0; background: hsl( 108, 100%, 50%); }
.element-item.transition      { background: #0F8; background: hsl( 144, 100%, 50%); }
.element-item.post-transition { background: #0FF; background: hsl( 180, 100%, 50%); }
.element-item.metalloid       { background: #08F; background: hsl( 216, 100%, 50%); }
.element-item.diatomic        { background: #00F; background: hsl( 252, 100%, 50%); }
.element-item.halogen         { background: #F0F; background: hsl( 288, 100%, 50%); }
.element-item.noble-gas       { background: #F08; background: hsl( 324, 100%, 50%); }
















.button-open-navigation
{

	z-index: 100;
	font-size: 40px;
	color: #fff;
    text-shadow:1px 1px 2px black; 
	height: 34px;
	width:34px;
	border: 0px solid black;
	font-weight:300;
	position: fixed;
	top: 130px;
	right: 30px;
	
	/*background-image: url(../images/design/menu-icon.png);
	background-size: 70px 70px;*/
	
	display: block;
	cursor: pointer;
	
	/*-moz-border-radius: 200px;
			-webkit-border-radius: 200px;*/
			/*border-radius: 200px;*/
			
	border: 0px solid #333;		
	/*background-color: white;
	background-color: rgba(255,255,255,0.8);
	
	-moz-box-shadow:  0px 0px 4px -1px  #333;
		-webkit-box-shadow:  0px 0px 4px -1px  #333;
		box-shadow: 0px 0px 4px -1px  #333;*/
		
	transition:all 0.5s ;
	  -webkit-transition:all 0.5s ;
	  -o-transition:all 0.5s ;
	  -moz-transition:all 0.5s ;	
}

.button-open-navigation {  top: 30px; right: 30px; display:none;}
@media screen and (min-width: 1150px) {
    .button-open-navigation {  top: 80px; right: 30px; }
}



.close-button
{

	z-index: 200;
	font-size: 40px;
	/*height: 25px;
	width:25px;*/
	border: 0px solid black;
	
	position: absolute;
	top: 30px;
	right: 40px;
	
	/*background-image: url(../images/design/menu-icon.png);
	background-size: 70px 70px;*/
	
	display: block;
	cursor: pointer;
	
	/*-moz-border-radius: 200px;
			-webkit-border-radius: 200px;*/
			/*border-radius: 200px;*/
			
	border: 0px solid #333;		
	/*background-color: white;
	background-color: rgba(255,255,255,0.8);
	
	-moz-box-shadow:  0px 0px 4px -1px  #333;
		-webkit-box-shadow:  0px 0px 4px -1px  #333;
		box-shadow: 0px 0px 4px -1px  #333;*/
		
	transition:all 0.5s ;
	  -webkit-transition:all 0.5s ;
	  -o-transition:all 0.5s ;
	  -moz-transition:all 0.5s ;	

      color:#000 !important;
}

.container-navi { 
    background-color:white;

    border-left:5px solid #fff;
    border-bottom:5px solid #fff;
    background-color:#6db5ad;

    -webkit-border-top-left-radius: 0px;
      -webkit-border-top-right-radius: 0px;
      -webkit-border-bottom-right-radius: 0px;
      -webkit-border-bottom-left-radius: 5px;

      -moz-border-radius-topleft: 0px;
      -moz-border-radius-topright: 0px;
      -moz-border-radius-bottomright: 0px;
      -moz-border-radius-bottomleft: 5px;

      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 5px;

      /*margin-top:50px;*/
      padding-bottom:20px;
}
.offcanvascontainer a { color: #B9A300 !important; }
.offcanvascontainer { padding-left:30px;padding-right:30px;padding-top:80px;}
/*.offcanvasinner { background-color:white;height:100%;width:100%;}


.offcanvascontainer a { color: rgb(70,70,70) !important; }

.offcanvasinner h2{ font-size:28px;}
.offcanvasinner h3{ font-size:24px;}
.offcanvasinner h4 { font-size: 18px; font-family: UniversLT-CondensedBold, sans-serif; color: #009bc2; }

.offcanvasinner p a {color: #009bc2 !important; }*/


/*.button-open-navigation-rechts
{
	top: 10px;
	right: 10px;
	left: inherit;
}*/

/*html.no-touch .button-open-navigation:hover{
	-moz-box-shadow: 0px 0px 10px 0px  #fff;
		-webkit-box-shadow: 0px 0px 10px 0px  #fff;
		box-shadow: 0px 0px 14px 0px  #333;
}*/

[data-whatinput="mouse"] .button-open-navigation:focus,
[data-whatinput="touch"] .button-open-navigation:focus
 { outline: none; }

















/* Off-Canvas-Navigation */


.offcanvasnavi.vertical.menu{

	margin-top: -20px;
    padding-bottom:30px;
	padding-left: 0px;
    margin-left:0px;
        margin-right:0px;
}

.offcanvasnavi.vertical.menu li{
	list-style-type: none;
     padding:2px 0px 2px 0px;
 
}
.offcanvasnavi.vertical.menu li a, .offcanvasnavi.vertical.menu li li a{
    
    font-family: 'Open Sans', sans-serif ;
	color: #fff !important;
	font-size: 20px;
	font-weight: 300;
    line-height:1em;
    /*text-transform:uppercase;*/
    /*border-top:1px solid #FFCE00;*/
    padding-top:8px;
    padding-top:0px;
    background-color:transparent !important;

    margin:0px;
    padding:8px 0px 8px 0px;
        padding:4px 0px 4px 0px;
        line-height:1.0em;
	
}
@media screen and (min-width: 900px) {
    .offcanvasnavi.vertical.menu li a, .offcanvasnavi.vertical.menu li li a { font-size: 23px; }
}



.offcanvasnavi.vertical.menu li.active a {background-color:transparent; }
.offcanvasnavi.vertical.menu li ul{
	/*list-style-type: none;
    margin-top:-5px;
    margin-bottom:15px;*/
}
.offcanvasnavi.vertical.menu li li {
        /*padding-left:30px;*/
         margin-left:-20px !important;
         padding-top:5px;
         padding-bottom:5px;
         /*padding-top:4px;
         padding-bottom:4px;*/
          margin:0px;
        padding:8px 0px 8px 0px;
         padding:2px 0px 2px 0px;
         /*padding:0px;*/
    }


/*@media screen and (min-width: 40em) {
    .offcanvasnavi.vertical.menu li a, .offcanvasnavi.vertical.menu li li a{
   
        padding:4px 0px 4px 0px;
      
    }
	.offcanvasnavi.vertical.menu li li {
        
        padding:4px 0px 4px 0px;
    }

}*/
/*@media screen and (min-width: 580px) {

    .offcanvasnavi.vertical.menu li a{
        padding-top:8px;
        z-index:10;
    }

    .offcanvasnavi.vertical.menu{
        margin-left:20px;
         margin-right:50px;
    }
   
    .offcanvasnavi.vertical.menu li ul{
	list-style-type: none;
    margin-top:-37px;
    margin-bottom:0px;
     margin-left:170px;
    }
    .offcanvasnavi.vertical.menu li li {
       
        padding-left:0px;
    }
    .offcanvasnavi.vertical.menu ul{
    position:relative;
	padding-bottom:30px;
    }
}*/
    



    .offcanvasnavi.vertical.menu li li a{
	/*color: #000;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	
    text-transform:none;
    border-top:0px solid #FFCE00;
    
   display:block;
   width:100%;
   padding-top:0px;
   padding-bottom:0px;*/
}
.offcanvasnavi.vertical.menu li li li a{
	color: #fff;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	/*line-height: 10px;*/
}

/*@media screen and (min-width: 580px) {
    .offcanvasnavi.vertical.menu li li a { 
        border-bottom: 1px solid #FFCE00; 
       padding-top:4px;
        padding-bottom:4px;
    }
}*/
.offcanvasnavi.vertical.menu li a:focus { outline: none; }

/*.offcanvasnavi.vertical.menu li a::before{
	content: "> " ;
}*/

.offcanvasnavi.vertical .vertical-abstand {
	/*margin-top: 20px;*/
}
.offcanvasnavi.vertical.menu li a.active/*, 
html.no-touch .offcanvasnavi.vertical.menu li a:hover*/{
	color: #ffc600;
	background-color: transparent;
}
.offcanvasnavi.vertical.menu li li a.active/*, 
html.no-touch .offcanvasnavi.vertical.menu li li a:hover*/{
	
	color: #ffc600;
	background-color: transparent;
}

/*@media screen and (min-width: 1025px) {

	.offcanvasnavi.vertical.menu{
		margin-top: 120px;
		padding-left: 95px;
	}
	.offcanvasnavi.vertical.menu li a{
		color: #fff;
		font-size: 30px;
		font-style: italic;
		font-weight: 400;
		line-height: 30px;
	}
	
	.offcanvasnavi.vertical .vertical-abstand {
		margin-top: 40px;
	}
}
 */
 
 /* Off-Canvas-Overwrite */
 
 .js-off-canvas-overlay {
   position: absolute;
   z-index: 110;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   /*transition: opacity 0.5s ease, visibility 0.5s ease;*/
   	transition:opacity 0.5s ease, visibility 0.5s ease;
	  -webkit-transition:opacity 0.5s ease, visibility 0.5s ease ;
	  -o-transition:opacity 0.5s ease, visibility 0.5s ease ;
	  -moz-transition:opacity 0.5s ease, visibility 0.5s ease ;	
   background: rgba(0, 0, 0, 0.7);
   opacity: 0;
   visibility: hidden;
   overflow: hidden; 
       }
   .js-off-canvas-overlay.is-visible {
     opacity: 1;
     visibility: visible; }
   .js-off-canvas-overlay.is-closable {
     cursor: pointer; }
   .js-off-canvas-overlay.is-overlay-absolute {
     position: absolute; }
   .js-off-canvas-overlay.is-overlay-fixed {
     position: fixed; }
 
 .off-canvas-wrapper {
   position: relative;
   overflow: hidden; 

 }
 
 .off-canvas {
   position: fixed;
   z-index: 150 !important;
   transition:transform 0.5s ease;
	  -webkit-transition:transform 0.5s ease ;
	  -o-transition:transform  0.5s ease ;
	  -moz-transition:transform 0.5s ease ;	
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
   background: #e6e6e6; 
background: rgba(0,0,0,0.8);
background-color: #595959;
background-color:transparent;
   -moz-box-shadow:  none !important;
		-webkit-box-shadow:  none !important;
		box-shadow:none !important;
   }
   [data-whatinput='mouse'] .off-canvas {
     outline: 0; }
   .off-canvas.is-transition-overlap {
     z-index: 10; }
     .off-canvas.is-transition-overlap.is-open {
       box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); }
   .off-canvas.is-open {
 -webkit-transform: translate(0, 0);
     -ms-transform: translate(0, 0);
         transform: translate(0, 0); }
 
 .off-canvas-absolute {
   position: absolute;
   z-index: 300 !important;
   transition:transform 0.5s ease;
	  -webkit-transition:transform 0.5s ease ;
	  -o-transition:transform  0.5s ease ;
	  -moz-transition:transform 0.5s ease ;	
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
   background: transparent; }
   [data-whatinput='mouse'] .off-canvas-absolute {
     outline: 0; }
   .off-canvas-absolute.is-transition-overlap {
     z-index: 10; }
     .off-canvas-absolute.is-transition-overlap.is-open {
       box-shadow: none; }
   .off-canvas-absolute.is-open {
       -webkit-transform: translate(0, 0);
     -ms-transform: translate(0, 0);
         transform: translate(0, 0); }
 
 
 .position-right {
   top: 0;
   right: 0;
   width: 300px;   height: 100%;
   -webkit-transform: translateX(300px);
   -ms-transform: translateX(300px);
       transform: translateX(300px);
   overflow-y: auto; }

 @media screen and (min-width: 440px) {
      .position-right {
       width: 350px; 
        -webkit-transform: translateX(350px);
       -ms-transform: translateX(350px);
           transform: translateX(350px);
        }
}
   .position-right.is-open ~ .off-canvas-content {
        -webkit-transform: translateX(-250px);
     -ms-transform: translateX(-250px);
         transform: translateX(-250px);  
          }
   .position-right.is-transition-push::after {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 1px;
     }
   .position-right.is-transition-overlap.is-open ~ .off-canvas-content {
     -ms-transform: none;
         transform: none; }
 
 
.position-left {
    overflow:hidden !important;
  top: 0;
  left: 0;
  width: 350px;
  height: 100%;
  -webkit-transform: translateX(-300px);
  -ms-transform: translateX(-300px);
      transform: translateX(-300px);
  overflow-y: auto; }
  .position-left.is-open ~ .off-canvas-content {
       -webkit-transform: translateX(250px);
    -ms-transform: translateX(250px);
        transform: translateX(250px); }
  .position-left.is-transition-push::after {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 1px;
    box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
    content: " "; }
  .position-left.is-transition-overlap.is-open ~ .off-canvas-content {
      -webkit-transform:none;
    -ms-transform: none;
        transform: none; }

 
/*.position-right {

	width: 250px;
	-ms-transform: translateX(484px);
	transform: translateX(484px); }

position-right.is-open ~ .off-canvas-content {
	-ms-transform: translateX(-484px);
	transform: translateX(-484px);         
}*/
 
/*@media screen and (min-width: 1025px) {

 .position-right {
   
	width: 484px;
	-ms-transform: translateX(484px);
	transform: translateX(484px); }

	position-right.is-open ~ .off-canvas-content {
	-ms-transform: translateX(-484px);
    transform: translateX(-484px);         
	          }
	

}*/ 
 
  
 .off-canvas-content {
   transition: transform 0.5s ease;
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden; 

           /*padding-bottom:50px;*/
           }
 
 
 @media print, screen and (min-width: 40em) {
      .position-right.reveal-for-medium {
     -ms-transform: none;
         transform: none;
     z-index: 1; }
     .position-right.reveal-for-medium ~ .off-canvas-content {
       margin-right: 250px; 
margin-right: 484px; 
		}
   }
 
 @media print, screen and (min-width: 1025px) {
   
   .position-right.reveal-for-large {
     -ms-transform: none;
         transform: none;
     z-index: 1; }
     .position-right.reveal-for-large ~ .off-canvas-content {
       margin-right: 250px;
margin-right: 484px;         
       }
   }
  
 
 
 .is-accordion-submenu-parent > a {
   position: relative; }
   .is-accordion-submenu-parent > a::after {
     display: block;
     width: 0;
     height: 0;
     border: inset 6px;
     content: '';
     border-bottom-width: 0;
     border-top-style: solid;
     border-color: #fff transparent transparent;
     position: absolute;
     top: 50%;
     margin-top: -3px;
     right: 1rem; }
 
 .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
   -ms-transform: rotate(180deg);
       transform: rotate(180deg);
   -ms-transform-origin: 50% 50%;
       transform-origin: 50% 50%; }
 

 ul li ul li.is-accordion-submenu-parent > a:after{
 	border-color: transparent;
 }
     
   
          

 .alignbottom { 
                         display: flex;
                        justify-content:flex-end;
                        flex-direction: column;
                        
    }


/* medium */
/*@media screen and (min-width: 768px) { 

}*/
/* medium */
@media screen and (min-width: 40em) {

}

/* large */
/*@media screen and (min-width: 1025px) {
  
}*/
/* large */
@media screen and (min-width: 1025px) {

}

/*

990
1090

*/







/* Print visibility */
@media print {



    .contentcolumn2{ display:none;}
    
}