@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('/fonts/roboto-v18-latin-100.eot');
  src: local('Roboto Light'), local('Roboto-Light'),
       url('/fonts/roboto-v18-latin-100.eot?#iefix') format('embedded-opentype'), 
       url('/fonts/roboto-v18-latin-100.woff2') format('woff2'), 
       url('/fonts/roboto-v18-latin-100.woff') format('woff'), 
       url('/fonts/roboto-v18-latin-100.ttf') format('truetype'), 
       url('/fonts/roboto-v18-latin-100.svg#Roboto') format('svg'); 
}


/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('/fonts/roboto-v18-latin-300italic.eot');
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
       url('/fonts/roboto-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), 
       url('/fonts/roboto-v18-latin-300italic.woff2') format('woff2'), 
       url('/fonts/roboto-v18-latin-300italic.woff') format('woff'), 
       url('/fonts/roboto-v18-latin-300italic.ttf') format('truetype'), 
       url('/fonts/roboto-v18-latin-300italic.svg#Roboto') format('svg'); 
}

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/roboto-v18-latin-300.eot');
  src: local('Roboto Light'), local('Roboto-Light'),
       url('/fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), 
       url('/fonts/roboto-v18-latin-300.woff2') format('woff2'), 
       url('/fonts/roboto-v18-latin-300.woff') format('woff'), 
       url('/fonts/roboto-v18-latin-300.ttf') format('truetype'), 
       url('/fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); 
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/roboto-v18-latin-regular.eot');
  src: local('Roboto'), local('Roboto-Regular'),
       url('/fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), 
       url('/fonts/roboto-v18-latin-regular.woff2') format('woff2'), 
       url('/fonts/roboto-v18-latin-regular.woff') format('woff'), 
       url('/fonts/roboto-v18-latin-regular.ttf') format('truetype'), 
       url('/fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); 
}

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts/roboto-v18-latin-italic.eot');
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('/fonts/roboto-v18-latin-italic.eot?#iefix') format('embedded-opentype'), 
       url('/fonts/roboto-v18-latin-italic.woff2') format('woff2'), 
       url('/fonts/roboto-v18-latin-italic.woff') format('woff'), 
       url('/fonts/roboto-v18-latin-italic.ttf') format('truetype'), 
       url('/fonts/roboto-v18-latin-italic.svg#Roboto') format('svg'); 
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/roboto-v18-latin-700.eot');
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('/fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), 
       url('/fonts/roboto-v18-latin-700.woff2') format('woff2'), 
       url('/fonts/roboto-v18-latin-700.woff') format('woff'), 
       url('/fonts/roboto-v18-latin-700.ttf') format('truetype'), 
       url('/fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); 
}

html, body{
height: 100%; 
width: 100%; 
padding: 0%; 
margin: 0%; 
font-family: 'Roboto', Segoe, Helvetica, Arial, Verdana, Sans, Lucida;
font-weight: 100; 
font-size: 1.0em; 
background: #FFFFFF; 
}

#header{
width: 100%; 
border-top: 1px solid #D5D5D5; 
border-left: 0px solid #D5D5D5; 
border-right: 0px solid #D5D5D5; 
border-bottom: 1px solid #D5D5D5; 
height: 335px; 
padding: 2px 0px 2px 0px; 
margin: 0px; 
position: relative
border-image: linear-gradient(90deg, #999999, #FFFFFF, #FFFFFF,#999999 ) 1;
overflow: hidden; 
}
img.header{
min-width: 100%; 
height: 335px; 
background-color: #DFDFDF; 
position: absolute; 
left: calc(50% - 1286px); 
}

div.seitenbreite{
margin: 0px 0px 0px 0px; 
padding: 0px 10% 0px 0px;  
display: block; 
float: right; 
width: 30%; 
border: 0px solid #FF0000; 
}

h1, h2, h3, h4, h5, h6{
font-weight: 300; 
color: #43A8D8; 
}


h2.headline, 
h2.headlineeins, 
h2.headlinezwei, 
h2.headlinedrei{
color: #FFFFFF; 
background-color: #EC8B2E; 
font-weight: 100; 
margin: 0px 0px 0px 0px; 
padding: 20px 30px 20px 30px;  
width: auto; 
font-size: 1.5em; 
display: inline-block; 
transform: rotate(-4deg); 
opacity: 0.8; 
float: right; 
position: absolute; 
right: 5%; 
top: 450px; 
-webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; 
}
h2.headline{
border-radius: 40px 30px 70px 15px; 
}
h2.headlineeins{
border-radius: 15px 75px 30px 35px; 
}
h2.headlinezwei{
border-radius: 30px 65px 78px 20px; 
}
h2.headlinedrei{
border-radius: 35px 35px 40px 25px; 
}

h2.headline:hover, h2.headline:focus,
h2.headlineeins:hover, h2.headlineeins:focus,
h2.headlinezwei:hover, h2.headlinezwei:focus,
h2.headlinedrei:hover, h2.headlinedrei:focus
{
font-size: 1.4em; 
opacity: 1.0; 
}
/*
h2.headline.links, 
h2.headlineeins.links, 
h2.headlinezwei.links, 
h2.headlinedrei.links
div.seitenbreite.links{
float: left; 
border: 0px solid #FF0000; 
}
div.seitenbreite.links{
margin: 0px 0px 10px 0px; 
padding: 10px 10% 40px 0px;  
display: block; 
float: right; 
width: 80%; 
border: 0px solid #FF0000; 
}
*/

#responsive{
display: none; 
}

ul.nav{
float: left; 
list-style-type: none; 
margin: 0px 10% 0px 10%; 
padding: 20px 0px 15px 0px; 
position: relative; 
z-index: 500; 
border-bottom: 1px solid #D5D5D5; 
border-left: 0px solid #D5D5D5; 
border-right: 0px solid #D5D5D5;
border-top: 0px solid #D5D5D5; 
border-image: linear-gradient(90deg, #FFFFFF, #999999, #999999,#FFFFFF ) 1;
width: 80%; 
display: table; 
table-layout:fixed;
}
ul.nav li{
float: left; 
display: table-cell; 
width: calc(20% - 50px);
border: 0px solid #FF0000; 
margin: 0px 10px 0px 0px; 
padding: 0px 20px 0px 20px; 
font-weight: 400; 
height: auto; 
display: block; 
position: relative; 
}
ul.nav li a{
color: #000000; 
text-decoration: none; 
width: 100%; 
display: block; 
-webkit-transition: 1.0s ease-in-out; -moz-transition: 1.0s ease-in-out; -o-transition: 1.0s ease-in-out; -ms-transition: 1.0s ease-in-out; transition: 1.0s ease-in-out; 
}

ul.subnav{
border-top: 1px solid #333333; 
border-left: 1px solid #333333; 
border-right: 1px solid #333333; 
border-bottom: 1px solid #333333; 
opacity: 0.95; 
display: none; 
position: absolute; 
bottom: 40px; 
left: -40px; 
padding: 10px 50px 10px 50px; 
margin-top: 0px; 
max-width: 200px;
min-width: 250px;  
color: #FFFFFF; 
background-color: #515356; 
font-weight: 100; 
opacity: 0.8; 
-webkit-transition: 1.0s ease-in-out; -moz-transition: 1.0s ease-in-out; -o-transition: 1.0s ease-in-out; -ms-transition: 1.0s ease-in-out; transition: 1.0s ease-in-out; 
}
ul.subnav:hover, ul.subnav:focus{
opacity: 1.0;
}

ul.subnav.one{ 
border-radius: 60px 80px 60px 40px; 
transform: rotate(-3deg); 
}
ul.subnav.two{
border-radius: 45px 30px 70px 50px;
transform: rotate(1deg); 
}
ul.subnav.three{
border-radius: 80px 65px 60px 30px;
transform: rotate(-1deg); 
}
ul.subnav.four{
border-radius: 55px 75px 70px 40px;
transform: rotate(2deg); 
} 

span.bubble{
border-top: 0px solid #CCCCCC; 
border-left: 0px solid #CCCCCC; 
border-right: 0px solid #CCCCCC; 
border-bottom: 0px solid #CCCCCC; 
width: 20px; 
height: 20px; 
display: inline-block; 
transform: rotate(45deg); 
position: absolute; 
bottom: -20px; 
left: 30px; 
background-color: #515356; 
}
ul.subnav li{
float: left; 
width: 100%; 
margin: 0px; 
padding: 8px; 
border: 0px solid #FF0000; 
}
ul.subnav li a:link, ul.subnav li a:visited{
color: #FFFFFF; 
display: block; 
margin: 0px; 
padding: 8px 8px 8px 8px; 
-webkit-transition: 1.0s ease-in-out; -moz-transition: 1.0s ease-in-out; -o-transition: 1.0s ease-in-out; -ms-transition: 1.0s ease-in-out; transition: 1.0s ease-in-out; 
}
ul.subnav li a:hover, ul.subnav li a:focus, 
ul li a:hover, ul li a:focus{
color: #43A8D8
}
ul.subnav li a{border-bottom: 1px solid #999999; }
ul.subnav li a.last{border-bottom: 1px solid #515356; }

/*li.ueber, li.coaching, li.fortbildungkinder, li.fortbildungfach, li.sozialberatung, li.vrbrille{
width: calc(16.5% - 70px); 
}*/
ul.subnav.one.active, ul.subnav.two.active, ul.subnav.three.active, ul.subnav.four.active{
display: inline-block; 
}

ul.nav li.haschild{
background-image: url(images/sys/list_style_2.png);
background-repeat: no-repeat; 
background-position: 7px 7px; 
}
ul.nav li.haschild:hover, ul.nav li.haschild:focus{
background-image: none; 
}

.topnav{
position: absolute; 
top: 20px; 
right: 5%; 
padding: 0px; 
margin: 0px; 
text-transform: uppercase; 
}
ul.topnav{
list-style-type: none; 
padding: 0px; 
margin: 0px; 
}
.topnav li{
padding: 0px 20px 0px 0px; 
margin: 0px 0px 0px 0px; 
float: left; 
}
.topnav li a{
color: #999999; 
text-decoration: none; 
}


#logo{
<!-- width: 302px; height: 272px;  max-width: 300px; max-height: 450px; padding: 0px 0px 0px 0px; margin-left: calc(50% - 151px); margin-top: 50px; margin-bottom: 40px; margin-right: calc(50% - 151px); display: inline-block; position: relative;  left: 0px; top: 0px; border: 0px solid #00FF00; -webkit-transition: 1.0s ease-in-out; -moz-transition: 1.0s ease-in-out; -o-transition: 1.0s ease-in-out; -ms-transition: 1.0s ease-in-out; transition: 1.0s ease-in-out; -->
}
#logo_hi{
-webkit-transition: all 600ms cubic-bezier(0,1.49,.99,-0.56); transition: all 600ms cubic-bezier(0,1.49,.99,-0.56); -webkit-filter: blur(3px) opacity(0%); filter: blur(3px) opacity(0%);
width: 100px; height: 120px; border: 0px solid #0000FF; position: absolute; right: 0px; top: 0px; }
#logo_hilde{-webkit-transition: 3.0s ease-in-out; -moz-transition: 3.0s ease-in-out; -o-transition: 3.0s ease-in-out; -ms-transition: 3.0s ease-in-out; transition: 3.0s ease-in-out; -webkit-filter: blur(5px) opacity(0%); filter: blur(5px) opacity(0%); width: 242px; height: auto; border: 0px solid #FF0000; position: absolute; left: 0px; bottom: 0px; }
#logo img{margin: 0px; padding: 0px; max-width: 100%; }
#logo_hi.einblenden{ -webkit-filter: blur(0px) opacity(100%); filter: blur(0px) opacity(100%);width: 152px; height: 177px; }
#logo_hilde.einblenden{-webkit-filter: blur(0px) opacity(100%); filter: blur(0px) opacity(100%); }
#logo:hover, #logo:focus{transform: rotate(-3deg); }
a:link, a:visited{color: #000000; }
.small{font-size: 0.7em; line-height: 0.7%; }
#text{position: relative; border: 0px solid #FF0000; width: 80%; height: auto; padding: 0px 0px 300px 0px; margin: 120px 10% 0px 10%; font-size: 1.1em; display: inline-block; }
#footer{width: 100%; height: auto;line-height: 1.5em;  padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px;  position: fixed; bottom: 0px; background-color: #000000; color: #FFFFFF; text-align: center; z-index: 1000; }
#footer a{color: #FFFFFF; }



.ma_box{
width: 70%; 
display: inline-block; 
float:left; 
border-top: 1px solid #999999; 
padding: 0px; 
margin: 0px 0px 50px 0px; 
}

img.mitarbeiter{
position: relative; 
float:right; 
border: 1px solid #999999; 
padding: 10px; 
width: 22%; 
margin: 0px 3% 0px 20px; 
-webkit-transition: all 300ms cubic-bezier(0,1.49,.99,-0.56); 
transition: all 300ms cubic-bezier(0,1.49,.99,-0.56); 
}
img.mitarbeiter.drehen1{ }
img.mitarbeiter.drehen1.fall{
width: 27%; 
margin: 0px 0px 0px 0px; 
transform: rotate(3deg);
}

img.mitarbeiter.drehen2.falle{
width: 27%; 
margin: 0px 0px 0px 0px; 
transform: rotate(-2deg);
}

img.mitarbeiter.drehen3.fallen{
width: 27%; 
margin: 0px 0px 0px 0px; 
transform: rotate(-1deg);
}


/* SLIDER SEITE ANSPRECHPARTNER Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #DFDFDF;
  color: #444;
  cursor: pointer;
  padding: 18px 18px 18px 50px;
  margin: 0px 0px 10px 0px; 
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  background-image: url("images/sys/plus_1.png"); 
  background-repeat: no-repeat; 
  background-size: 30px 30px; 
  background-position: 10px 10px; 
  border-radius: 100px; 
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
button.active, .accordion:hover {
  background-color: #E5E5E5;
}
button.active{
  background-image: url("images/sys/minus.png"); 
}
/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

#veranstaltungen{
width: 40%; 
height: auto;
float: right;  
padding: 30px 20px 30px 20px; 
margin: 0px 0px 120px 10%; 
border: 0px solid #D5D5D5;
opacity: 1.0; 
-webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; 
z-index: 100; 
background-color: #F5F5F5; 
}
.veranstaltung_img{
padding: 0px 0px 30px 0px; 
margin: 0px 0px 0px 0px; 
max-height: 200px; 
float: right; 
display: inline-block; 
height: auto; 
filter: grayscale(0);
border: 1px solid #999999; 
-webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; 
}

#news{
position: absolute; 
top: 240px; 
right: 10%; 
width: 120px; 
height: 120px; 
margin: 0px; 
padding: 0px; 
opacity: 1.0; 
-webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; 
transform: rotate(20deg); 
z-index: 1100; 
}
#news img{
width: 150px; 
height: auto; 
margin: 0px; 
padding: 0px; 
}
#news:hover, #news:focus{
opacity: 0.5; 
transform: rotate(15deg); 
}


#sinnstifterei{
width: 80%; 
height: 150px; 
padding: 30px 0px 30px 0px; 
margin: 0px 0px 120px 10%; 
display: inline-block; 
border-bottom: 0px solid #D5D5D5;
border-left: 0px solid #D5D5D5;
border-right: 0px solid #D5D5D5;
border-top: 1px solid #D5D5D5;
border-image: linear-gradient(90deg, #FFFFFF, #999999, #999999,#FFFFFF ) 1;
opacity: 1.0; 
-webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; 
z-index: 100; 
}
#sinnstifterei:hover, #sinnstifterei:focus{
opacity: 0.7; 
}
#sinnstifterei a{
text-decoration: none; 
}
#sinnstifterei img{
padding: 0px 0px 30px 0px; 
margin: 0px 0px 0px 0px; 
width: 20%; 
height: auto; 
filter: grayscale(0);
-webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; 
}
#sinnstifterei:hover img, #meinweg:focus img{
filter: grayscale(1);
}


#meinweg{
width: 80%; 
height: 150px; 
padding: 30px 0px 30px 0px; 
margin: 0px 0px 120px 10%; 
display: inline-block; 
border-bottom: 0px solid #D5D5D5;
border-left: 0px solid #D5D5D5;
border-right: 0px solid #D5D5D5;
border-top: 1px solid #D5D5D5;
border-image: linear-gradient(90deg, #FFFFFF, #999999, #999999,#FFFFFF ) 1;
opacity: 1.0; 
-webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; 
z-index: 100; 
}
#meinweg:hover, #meinweg:focus{
opacity: 0.7; 
}
#meinweg a{
text-decoration: none; 
}
#meinweg img{
padding: 0px 0px 30px 0px; 
margin: 0px 0px 0px 0px; 
width: 20%; 
height: auto; 
filter: grayscale(0);
-webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; 
}
#meinweg:hover img, #meinweg:focus img{
filter: grayscale(1);
}

@media screen and (min-width: 2500px) and (max-width: 3980px) { 
img.header{height: auto; left: 0px; }
}
@media screen and (min-width: 320px) and (max-width: 720px) { 
#meinweg img{
width: 50%; 
}
}


@media screen and (min-width: 320px) and (max-width: 1000px) { 

#logo{
width: 50%; 
height: auto; 
display: inline-block; 
margin: 50px 25% 40px 25%; 
border: 0px solid #FF0000; 
max-width: auto;
max-height: auto;
}
#logo_hi.einblenden{
width: 40%; 
border: 0px solid #FF0000; 
}
#logo_hilde{
width: 85%; 
border: 0px solid #FF0000; 
position: relative; 
bottom: auto; 
top: 0px; 
padding: 30% 0px 0px 0px;  
}


ul.nav, #desktop #news{display: none;}
#news{top: 350px; right: 10%; }

#responsive {display: inline-block;border-top: 1px solid #CCCCCC;border-left: 0px solid #333333;border-right: 0px solid #333333;border-bottom: 1px solid #CCCCCC;margin: 70px 0px 0px 0px;
padding: 40px 0px 15px 2%;width: 98%; min-height: 0px;max-height: 0px; background-image: url(images/sys/hamburger_schwarz.png);background-repeat: no-repeat; background-position-x: calc(100% - 12px); 
background-position-y:12px;overflow: hidden; background-color: rgba(196, 196, 196, 0.3); z-index: 50; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
#responsive.offen{min-height: 10%; max-height: 1000px; height: auto; width: 98%; margin: 70px 0px 0px 0px;padding: 0px 0px 40px 2%;}

.topnav {position: absolute;top: 20px;width: 90%; right: auto;left: 5%; }
.topnav li{padding: 0px 2% 0px 0px; width: 31%; border: 0px solid #FF0000; text-align: center; }

h2.headline, h2.headlineeins, h2.headlinezwei, h2.headlinedrei {position: relative; float: right; right: auto; left: 0px; top: 0px;transform: none;}
#inhalt{z-index: 40; position: relative; width: 100%; }
.seitenbreite, div.seitenbreite{z-index: 40; position: relative; border: 0px solid #FF0000; width: 90%; float: none; padding: 0px 5% 0px 5%; margin: 20px 0px 0px 0px;}
#text{margin: 40px 5% 0px 5%; width: 90%; }
#footer{z-index: 110;}
.ma_box{ width: 90%; padding: 0px 5% 20px 5%;}
img.mitarbeiter.drehen1, img.mitarbeiter.drehen1.fall, img.mitarbeiter.drehen1.falle, 
img.mitarbeiter.drehen2, img.mitarbeiter.drehen2.fall, img.mitarbeiter.drehen2.falle,
img.mitarbeiter.drehen3, img.mitarbeiter.drehen3.fall, img.mitarbeiter.drehen3.fallen
{width: 50%; padding: 0px 0px 0px 0px; margin: 0px 24% 30px 25%;}


#responsive ul.nav{margin: 20px 0px 0px 0px;padding: 500px 0px 15px 2%;width: 98%; display: block;
border: 0px solid #FF0000; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; 
}
#responsive.offen ul.nav{padding: 0px 0px 15px 2%;}
#responsive ul.nav li.haschild{background-image: none;}
#responsive ul.nav li{margin: 0px 0px 0px 0px;padding: 10px 0px 5px 0px;width: 100%; float: none; font-size: 1.2em; }
#responsive ul.nav li ul li{font-size: 0.9em; padding: 0px 0px 5px 0px;}

#responsive ul.nav li ul{position: static; background-color: rgba(220, 220, 220, 0.3); transform: none; background-image: none; }
#responsive ul.subnav{display: block; border-top: 0px solid #333333;border-left: 0px solid #333333;border-right: 0px solid #333333;border-bottom: 0px solid #333333;padding: 10px 0px 10px 0px;max-width: 80%;min-width: 300px;}
span.bubble{display: none; }
ul.subnav.one, ul.subnav.two, ul.subnav.three, ul.subnav.four{border-radius: 0px;}
#responsive ul.subnav li a:link, #responsive ul.subnav li a:visited{color: #000000; padding: 0px 0px 0px 8px; width: calc(100% - 8px); }

}