/*  <!--WAI-->  */

html{font-size:16px;}

body{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height:22px;
font-size: 1.0rem; 
line-height:1.375rem;
margin:0;
padding:0;
color:#000; 
font-weight:normal;
background-color:#fff;
/*  -ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;  
*/
}

a.linkedin {
	color: #0a66c2;
}



img {
width:100%;
max-width: 100%;
width: auto\9; /* ie8 */
display:block;
margin:0;
padding:0;
height: auto;
border:0;
border: none;

}


/*
a:focus:not(:focus-visible) {
border: none;
}

a:focus-visible, 
a:-webkit-any-link:focus-visible,
:focus-visible { 
outline-offset: 6px;
outline-color: red;
padding-top: 1px;
}

a:focus:not img(:focus-visible) {
outline: none;
}

a:focus-visible img{ 
border: #dc281e dotted 2px;
padding:10px;

}

.contrast-plus{
filter: contrast(400%);
}
*/

a:focus-visible, 
a:-webkit-any-link:focus-visible,
:focus-visible { 
outline-offset: 6px;
outline-color: #dc281e;
padding-top: 1px;
}
.template-cont-grey a,
.template-cont-grey h2 {
color: #991B15;
}
.template-cont-grey {
background-color: #EDEDED;
}
.template-cont-grey .button-red a.white {
color: #fff;
}
.template-cont-grey ul li:before {
content: url(461.svg) " ";
}
.no-underline{
text-decoration:none !important;
}

.subline{
font-size: 14px;
line-height:20px;
font-size: 0.875rem; 
line-height:1.0rem;
padding-top:8px;
}

.col-3-mittig{
width:40%;
margin:0 auto;
}

.col-30-left{
width:28.0%;
float:left;
margin-bottom:30px;
}

.col-60-right{
width:64.0%;
float:right;
margin-bottom:30px;

}




.col-60-left{
width:64.0%;
float:left;
margin-bottom:30px;

}

.col-30-right{
width:28.0%;
float:right;
margin-bottom:30px;

}

.top-level-menu a {
height: 100%;
width: 100%;
}

.logo-center{
position: absolute;
top: 0; 
left: 0; 
bottom: 0; 
right: 0;
margin:auto;
max-height:80px;
width:auto;


}

.logo-cont{
width:9.6%;
margin-right:3%;
float:left;
min-height:100px;
height: 100px;
margin-bottom:20px;
position:relative;


}


#ref-container{
width:98%;
margin:0 auto;
}



.logo-more{
width:170%;
left:-44%;
border:1px solid #dc281e;
display:none;
text-align:center;
padding:10px 15px 10px 15px;
background-color:#fff;
position:absolute;
top:90%;
z-Index:10; 
position:absolute;
cursor: default;
margin-bottom:20px;
}


.four{}
.eight{margin-right:0}


.first-left{
left:0
}

.eight-right{left:auto;right:0}


.team-text{
width:30%;
float:left;
margin-right:3.33%;
margin-bottom:40px;

}

.team-3,.team-3-second,.team-3-last {
width:30%;
margin-right:3.33%;
float:left;
margin-bottom:40px;

}




.team-round{
border-radius: 50%;
width:220px;
height:220px;
margin:0 auto;
margin-bottom:20px;

}


.team-intro{
width:85%
}


.no-underline{
text-decoration:none;
}

.cont-min{
width:100%;
min-height:250px;
}

.vertical-box{
display: flex;
flex-direction: column;
justify-content: center;
box-sizing: border-box;
padding:0;
margin:0
}


.flexrow{
display:flex;flex-direction:row;
}

.min250{
min-height:250px
}


.min200{
min-height:200px;
}
.min300{
min-height:200px;
}

.min140{
min-height:140px;
}

.svg-object{
width:100%
}

.template-cont-dark{
background-color:#595959;
width:100%;
float:left;
padding:25px 0 25px 0;
}

.template-cont-grey{
background-color:#e6e6e6;
width:100%;
float:left;
padding:25px 0 25px 0;
}


.white{
color:#fff}

.template-cont{
width:100%;
float:left;
margin:30px 0 30px 0;
}

.text-left{
float:left;
width:90%;

}

.button-right{
float:right;
}



.sprechblase{
min-width: 80px;
max-width:400px;
text-decoration: none;
display: inline-block;
outline: none;
cursor: pointer;
border-style: none;
overflow: none;
text-align: center;
padding:0;
background-image: url(129.svg);
background-size: cover;
background-color:#fff;
font-size: 30px;
line-height:36px;
font-size:  1.875rem; 
line-height:2.255rem;

}
.template-cont-grey .sprechblase{
background-image: url(463.svg);
}
.button-more,.button-red{
background-color: #e6e6e6;
min-width: 50px;
max-width:180px;
text-decoration: none;
display: inline-block;
outline: none;
cursor: pointer;
border-style: none;
border-radius: 100%;
overflow: none;
text-align: center;
padding:0;


}

.button-red{
font-weight:normal;
min-width: 50px;
max-width:400px;
background-color:#dc281e;
color:white;

font-size: 30px;
line-height:36px;
font-size:  1.875rem; 
line-height:2.255rem;


/*  font-size: 38px;
line-height:46px;
font-size: 2.375rem; 
line-height:2.875rem;
*/

}


.button-more:before,.button-red:before, .sprechblase:before {
content:'';
display:inline-block;;
vertical-align:middle;
padding-top:100%;
}

.text-button{
font-size: 30px;
line-height:36px;
font-size:  1.875rem; 
line-height:2.255rem;}


span {
display:inline-block;
vertical-align:middle;
max-width:87%;
}





.full-width{
width:100%;
float:left
}

.float-right{
float:right;
}

.col-2{
width:46%;
float:left;
}

.col-2-right{
float:right;
width:46%;
}

.col-3,.col-3-second,.col-3-last,.col-3-intro,.col-3-intro-second,.col-3-intro-last,.col-3-icons,.col-3-icons-second,.col-3-icons-last{
width:28%;
float:left;
margin-right:8%;

}

.col-3-last,.col-3-intro-last,.col-3-icons-last{
float:right;
margin-right:0
}





.grey{
color:#505050; 

}


.red{
color:#DC281E
}

.banner-icons-home{
position:absolute;
z-index:99;
right:5%;
top: 50%;
transform: translateY(-50%);
display:table;
width:100%;

}



#stickytypeheader,#stickytypeheader-mobile {

width: 100%;
height:105px;
z-index:99;
opacity: 0.99;
background: rgba(230, 230, 230, 0.8);

}

#stickytypeheader {
margin-top: -105px;
}

#stickytypeheader-mobile {
margin-top: -90px;
}



.banner-icons{
width:100%;
height:105px;
padding:0;
display: flex; 
align-items: center;
justify-content: center;
z-index:9999
}



#banner-all-mobile{display:none}

#lang-mobile{
display:none}

#lang-desktop{
float:left;
margin:15px 18px 0 0;
}

.black{
color:#000;
}






.fixed {
position: fixed;
top:82px; 
width: 100%; } 




#header-fix{
width:100%;
background-color:#fff;
height:82px;
position:fixed;
top:0;
z-index:99999
}


#i-location{
width:12px;
float:left;
margin:10px 15px 0 0
}

#i-mail{
width:22px;
float:left;
margin:12px 15px 0 0
}


#i-tel{
width:12px;
float:left;
margin:11px 15px 0 0
}


#container-top{
height:82px;
width:100%;
float:left;
position:relative;
}

#logo{
float:right;
width:165px;
margin-top:40px
}

#top-left{
display:inline-block;
float:left;
}


#nav-desktop{
position:absolute;
left:-3px;
top:48px;

}


#toggle-menu{
display:none
}



.icon-text,.icon-text-content {
margin-top:-4px;
font-size: 18px;
line-height:22px;
font-size: 1.125rem; 
line-height:1.375rem;
font-weight:normal;
white-space: nowrap; 


}
.home #Toolbar {
margin-left: 64%;
display: grid;
grid-template-columns: repeat(3, 1fr);

}


.icon-text-container{
margin:0 auto;
margin:0 8% 0 8%;
}

.icon-home{
margin:0 4% 0 4%;
}

.icon-cont{
width: 60px;
height: 60px;
}


.icon-container{
background-color:#fff; 
width: 50px;
height: 50px;
border-radius: 50%; 
text-align: center;
margin-bottom:6px;
display:inline-block

}

.icon-child{
padding-top: 18%;
text-align: center; 
width: 100%;

}

.lang{
color:#505050}


.lang-act{
color:#3d3c3c;
font-weight:600}

.t11{
font-size: 11px;
line-height:15px;
font-size: 0.6875rem; 
line-height: 0.9375rem;
text-decoration:none;

}


.t13{
font-size: 13px;
line-height:16px;
font-size: 0.812rem; 
line-height: 1.0rem;
text-decoration:none;
}

.red{
color:#DC281E;
}




.page-center{
width:1760px;
margin:0 auto;

}

.cont-template{

}

#banner-all,#banner-all-mobile{
width:100%;
text-align:center;
margin-top:82px;
}



#footer-all{
margin-top:40px;
border-top:1px solid #e6e6e6;
padding:10px 0 30px 0;
width:100%;
text-align:center;

}


h1 {
font-size: 38px;
line-height:46px;
font-size: 2.375rem; 
line-height:2.875rem;
margin:0px;
font-weight:normal;

/*
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;  
*/
}
h1.converted {
font-size: 1.25rem;
line-height: 1.75rem;
font-weight: normal;
margin: 0px;
margin-bottom: 20px;
}


h2,h3,.consent-titel {
font-size: 20px;
line-height:28px;
font-size: 1.25rem; 
line-height:1.75rem;
font-weight:normal;
margin:0px;
margin-bottom:20px;
/*
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
*/
}

h3,
.h3 {
font-weight:bold;margin-bottom:5px
}


br.cb { 
clear: both; 
}

a{
text-decoration:underline ;
color:#DC281E; 
}


:focus{
text-decoration:none;
}






ul  { margin-left: -1.0em; list-style: none;}
li { position: relative; line-height: 140%;}

ul li:before{
position:absolute;
z-i ndex:-9;
left: -1.45em;
content: url(98.svg) " "
}



ul.headline1 li{
z-index:9;


}



ul.headline1 li:before{
position:absolute;

top:3px;
left: -1.3em;
content: url(110.svg) " "
}






#search-d{
width:163px;
height:25px;
float:left;
text-align:center;
background-image:url(68.gif);
margin:8px 0 0 0px;
z-index:9;
display:none;
background-size:163px 25px;



} 

#search_mobile{
width:195px;
height:25px;
float:left;
text-align:center;
background-image:url(69.gif);
margin:0;
z-index:9;
float:left;


} 

.search_button{
float:right;
width:14px;
margin:5px 6px 0 0;
}




.suchfeld{
float:left;
border:0;

}

.sucheingabe{
font-size:14px;
line-height:16px;
font-size:  0.875rem; 
line-height:1.0rem;
width:120px;
border:0 !important;
margin-left:4px;
float:left;
border:1px solid black;
background-color:#f1f2f4;
margin-top:1px;
color:#333333;
height:16px;
letter-spacing:0.01rem;
}


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color:    #a7acb8;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:    #a7acb8;
opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color:    #a7acb8;
opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color:    #a7acb8;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
color:    #a7acb8;
}



input, select, textarea {
font-family: Arial, Helvetica, sans-serif;
color: #333333; 
display: block;
width: 100%;
font-size: 14px;
padding-left:2%;
padding-top:4px;
line-height: 1.42857143;
height:50px;
background-color: #fcfcfc;
border: 1px solid #dddddd;
border-radius: 4px;
/*  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
*/
width: 98%;

}

input:focus, select:focus, textarea:focus {
border-color:  #DC281E;
outline-offset: 10px;
}

select{ width:100.5%;height:50px !important}

.my_button {
-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
box-shadow: inset 0px 1px 0px 0px #ffffff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
background: -moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background: -webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background: -o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background: -ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
background-color: #f9f9f9;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #dcdcdc;
display: inline-block;
cursor: pointer;
color: #666666;
padding: 5px 10px;
text-decoration: none;
text-shadow: 0px 1px 0px #ffffff;

}



.videoScale {
position: relative;
z-index:9;
padding-bottom: 56.25%; /* 16:9 */
/*padding-top: 25px;*/
padding-top: 0px;
height: 0;

}
.videoScale iframe {
position: absolute;
z-index:9;
top: 0;
left: 0;
width: 100%;
height: 100%;
border:1px solid #e6e6e6;
}


ul.mylist_numbers li:before {
position: absolute;
z-index: -9;
left: -1.5em;
content: url() " ";

}

.mylist_numbers li{
list-style-type:decimal;
margin-top:10px;
list-style-position: outside;


}


ul.activity,ul.book,ul.calendar,ul.clock,ul.heart,ul.map_pin,ul.send,ul.watch,ul.user,ul.beach,ul.railway,ul.domain,ul.home_work,ul.school,ul.stadia,ul.finance,ul.savings { margin-left:-10px; list-style: none;margin-block-start: 0em;margin-block-end: 0em; margin-bottom:10px}
ul.activity,ul.book,ul.calendar,ul.clock,ul.heart,ul.map_pin,ul.send,ul.watch,ul.user,ul.beach,ul.railway,ul.domain,ul.home_work,ul.school,ul.stadia,ul.finance,ul.savings  li { position: relative;}
ul.activity,ul.book,ul.calendar,ul.clock,ul.heart,ul.map_pin,ul.send,ul.watch,ul.user,ul.beach,ul.railway,ul.domain,ul.home_work,ul.school,ul.stadia,ul.finance,ul.savings  li:before { line-height: 125% !important;}

ul.activity li:before{
top:-2px;
   position:absolute;
   width:27px;
     left: -1.95em;
   content: url(100.svg) " "
      
}


ul.book li:before{
top:-2px;
 position:absolute;
   width:27px;
     left: -1.95em;
   content: url(101.svg) " "
      
}


ul.calendar li:before{
top:-2px;
  position:absolute;
   width:27px;
     left: -1.95em;
   content: url(102.svg) " "
      
}


ul.clock li:before{
top:-2px;
  position:absolute;
   width:27px;
     left: -1.95em;
   content: url(103.svg) " "
      
}


ul.heart li:before{
top:-2px;
   position:absolute;
   width:27px;
     left: -1.95em;
   content: url(104.svg) " "
      
}


ul.map_pin li:before{
top:-2px;
  position:absolute;
   width:27px;
     left: -1.95em;
   content: url(105.svg) " "
      
}

ul.send li:before{
top:-2px;
   position:absolute;
   width:27px;
     left: -1.9em;
   content: url(106.svg) " "
      
}


ul.watch li:before{
  top:-2px;
  position:absolute;
   width:27px;
     left: -1.95em;
   content: url(107.svg) " "
      
}



ul.user li:before{
top:-2px;
   position:absolute;
   width:27px;
     left: -1.95em;
   content: url(108.svg) " "
      
}



ul.beach li:before{
top:-2px;
   position:absolute;
   width:27px;
     left: -1.95em;
   content: url(472.svg) " "
      
}


ul.railway li:before{
top:-2px;
   position:absolute;
   width:27px;
     left: -1.95em;
   content: url(473.svg) " "
      
}


ul.domain li:before{
top:-2px;
   position:absolute;
   width:27px;
     left: -1.95em;
   content: url(474.svg) " "
      
}

ul.home_work li:before{
top:-2px;
   position:absolute;
   width:27px;
     left: -1.95em;
   content: url(475.svg) " "
      
}


ul.school li:before{
top:-2px;
   position:absolute;
   width:27px;
     left: -1.95em;
   content: url(476.svg) " "
      
}

ul.stadia li:before{
top:-2px;
   position:absolute;
   width:27px;
     left: -1.95em;
   content: url(477.svg) " "
      
}

ul.finance li:before{
top:-2px;
   position:absolute;
   width:27px;
     left: -1.95em;
   content: url(478.svg) " "
      
}

ul.savings li:before{
top:-2px;
   position:absolute;
   width:27px;
     left: -1.95em;
   content: url(485.svg) " "
      
}





@media screen and (max-width:1800px) {
.page-center,#footer-center{
width:95%;
}




}




@media screen and (max-width:1500px) {
.text-left{width:80%;} 

.col-3,.col-3-second,.col-3-last,.col-3-intro,.col-3-intro-second,.col-3-intro-last,.col-3-icons,.col-3-icons-second,.col-3-icons-last{
width:30.6%;
margin-right:4%;
}

.col-3-last,.col-3-intro-last, .col-3-icons-last{
margin-right:0;
}



.col-3-mittig{
width:45%;
margin:0 auto;
}




.min250{
min-height:40px;
}


.col-30-left{
width:30.6%;
float:left;
margin-bottom:30px;
}

.col-60-right{
width:65.2%;
float:right;
margin-bottom:30px;

}




.col-60-left{
width:65.2%;
float:left;
margin-bottom:30px;

}

.col-30-right{
width:30.6%;
float:right;
margin-bottom:30px;

}


}





@media screen and (max-width:1050px) {


.logo-cont{
width:21.0%;
height: 140px;
margin-right:5%;
float:left;
min-height:140px;
}


.logo-more{
width:120%;
top:80%;
left:-18%;}

.first-left{
left:0
}

.eight-right{left:auto;right:0}

.four-right{left:auto;right:0}

.four{margin-right:0}
.eight{margin-right:0}


}



@media screen and (max-width:980px) {



#ref-container{
width:95%;

}

.icon-text-container {
margin: 0 5% 0 5%;
}

.team-intro{
width:100%;}

.team-text{
width:100%;
margin-right:0;
}

.team-3,.team-3-second, .team-3-last
{width:50%;margin-right:0;}



.col-3-intro{width:100%;margin-bottom:0px;margin-right:0}



.margin-extra{
margin-bottom:25px;
}


.col-3, .col-3-second, .col-3-last,.col-3-intro-second,.col-3-intro-last{
width:47%;
float:left;
margin-right:0;
}



.col-3-second,.col-3-intro-last{
width:47%;
margin-right:0;
float:right;
}

.col-3-last{
float:left;
margin:20px 0 0 0;
clear:both;

}




.col-30-left{
width:47%;
}

.col-60-right{
width:47%;
}




.col-60-left{
width:47%;
}

.col-30-right{
width:47%;
}





}

@media screen and (max-width:850px) {


.icon-text-container {
margin: 0 4% 0 4%;
}

}



@media screen and (max-width:815px) {

#lang-desktop {
float:right;
margin: 15px 0 0 0px;
}



.t11 {
font-size: 13px;
line-height: 18px;
font-size: 0.875rem;
line-height: 1.0rem;
text-decoration: none;
margin:0 4px 0 4px;
}


.icon-text-container {
margin: 0 7% 0 7%;
}

.icon-container{
width: 45px;
height: 45px;   
}


.icon-cont{
width: 60px;
height: 60px;
}


.icon-text {
font-size: 13px;
line-height:15px;
font-size:  0.8125rem; 
line-height: 0.9375rem;
font-weight:normal;

}



#stickytypeheader,#stickytypeheader-mobile, .banner-icons {
height: 90px;
}

.text-left{
width:85%;

}


#nav-desktop, #search_open{display:none;}
.float-right{float:none;}


#banner-all{
display:none;
}

#banner-all-mobile{margin-top:48px;display:block;

}

#container-top,#header-fix{
height:48px;
}

#logo{
width:170px;
margin-top:10px;
}

#top-left{margin-left:50px}





#i-location{
width:16px;
float:left;
margin:10px 17px 0 0
}

#i-mail{
width:26px;
float:left;
margin:12px 17px 0 0
}


#i-tel{
width:16px;
float:left;
margin:11px 17px 0 0
}






}



@media screen and (max-width:700px) {


.icon-text-container {
margin: 0 4% 0 4%;
}


#ref-container{
width:95%;

}

.logo-cont{
width:38.5%;
margin-right:23%;
float:left;
min-height:140px;
}


.logo-more{
width:120%;
display:none;
left:0}

.first-left{
left:0
}




.four-right{right:0;}
.second-right{left:auto;right:0;}

.eight-right{left:0;right:auto;}

.second {margin-right:0}
.four{margin-right:0}
.eight{margin-right:0}




.min250,.min200,.min140{
min-height:50px
}






.col-3-mittig{
width:100%;
margin:0 auto;
}


.col-30-left,.col-60-right,.col-60-left,.col-30-right{
width:100.0%;
float:left;
margin-bottom:30px;
}



.col-3-icons,.col-3-icons-second{
width:26.6%
}
.col-3-icons-second{
width:38.6%
}

.col-3-icons-last{
width:26.6%

}


.col-3,.col-3-second,.col-3-last,.col-3-intro-second,.col-3-intro-last{
width:100%;
float:left;
margin-bottom:20px;

}

.col-3-last,.col-3-intro-last{
margin-top:0;
margin-bottom:40px;
}



.col-2{
width:100%;
margin-bottom:40px;
}

.col-2-right{
float:left;
width:100%;
}


.movie-size{
width:100%;
}

.team-3,.team-3-second, .team-3-last {
width:100%;

}


}





@media screen and (max-width:520px) {




.icon-text-container {
margin: 0 3% 0 3%;
}

.icon-text {
font-size: 11px;
line-height: 13px;
font-size: 0.6875rem;
line-height: 0.875rem;
}




}







@media screen and (max-width:420px) {


.t11 {

margin:0 2px 0 2px;
}




#lang-mobile{
display:block}

#lang-desktop{display:none}

}
}









@media screen and (max-width:400px) {


.icon-text-container {
}



.icon-text {
font-size: 10px;
line-height: 13px;
font-size: 0.625rem;
line-height: 0.875rem;
}

}




/*   youtube hinweis, wenn cookies nicht gesetzt werden  */
.cc_yt_hinweis {
width:560px;
height:315px;
background:#eee;
border:1px solid #333;
padding:20px;
}  

/* toplink */
#wainachoben {
display:none;
z-index:999999;
position:fixed;
width:70px;
height:50px;
background:#dc281e;
bottom:100px;
right:0;
padding:0;
}
/*hide content visually, but not for screenreaders*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
#wainachobenlink {
text-decoration:none;
text-align:center;
line-height:50px;
display:block;
width:70px;
height:50px;
color:white;
font-weight: 700;
}
#wainachobenlink:after {
content: "↑";
position: absolute;
top: -2px;
right: 8px;
}
/*Skiplink*/
.skiplink a {
position: absolute;
top: 15px;
left: -1000px;
color: #DC281E !important;
}
.skiplink a:focus {
left: 20px;
z-index: 100000;
color: #0056B3;
background-color: rgba(255, 255, 255, 0.6);
outline-offset: 10px;
}


.menu-content {
	display: none;
}
.menu-content.open {
	display: block;
}