/* lexend-regular - latin */
@font-face {
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lexend-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lexend-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lexend-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lexend-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lexend-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lexend-v15-latin-regular.svg#Lexend') format('svg'); /* Legacy iOS */
}
/* inter-regular - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/inter-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/inter-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/inter-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/inter-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/inter-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/inter-v11-latin-regular.svg#Inter') format('svg'); /* Legacy iOS */
}
/* inter-700 - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/inter-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/inter-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/inter-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/inter-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/inter-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/inter-v11-latin-700.svg#Inter') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v25-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-condensed-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v25-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
body {		
	height:100%;margin: 0;padding: 0;font-size: 1em;box-sizing:border-box;overflow-y:scroll;text-align:center;	
	color:#333;
	background-color:#fff;
	font-family: 'Inter', sans-serif;
	font-family: 'Lexend', sans-serif;
	font-size:1em;
	font-weight:400;
	line-height:150%;	
	}

	b {font-weight:600;}

.f0 {color: #FFF;} .bgf0 {background-color:#fff;} 
.f1 {color:#00833e;} .bgf1 {background-color:#eee; } /*  DARK GRAY*/
.f2 {color:#009845;} .bgf2 {background-color:#eee; color:#FFF;} 
.bgf2b {background-color:#990000;} /* FOOTER col */
.bgf3 {background-color:#363d45; color:#FFF;} /*  DARK GRAY BLUEISH*/
.bgf4 {background-color:#4a879f; color:#FFF;} /* DUNKEL CYAN */

.thered {color:#e1251b;}




h1 {font-size:2.3rem;font-weight:400;margin:0;padding:0;margin-top:4rem;margin-bottom:2rem;}
h1 {text-transform:uppercase; font-family: 'Roboto Condensed';font-weight:700;line-height:100%;margin-left:1rem;color:#990000;} 	

h2,h3,h4 {font-size:1.7rem;font-weight:400;margin:0;padding:0;margin-bottom:2rem;}
h2,h3,h4 {/*text-transform:uppercase;*/ font-weight:700;line-height:100%;font-family: 'Inter';} 

h3 {font-size:1.2rem;margin-bottom:0rem;margin-top:4rem;color:#0099cc;color:#333;margin-left:1rem;color:#990000;}
h4 {color:#eee;margin:0;padding:0;font-size:1.6rem;}


.primaryCol {background-color:#ff0000; background-color:#cb1f26;color:#FFF;} 
.secondaryCol {background-color:#990000;}
.darkCol {background-color:#660000;}



a, a:visited {text-decoration:none; cursor:pointer; color:#990000;}
a:hover {color:#cb1f26;text-decoration:underline;} a:active {color:#990000;}
a img {	border: none;}


a:hover {-moz-transition: all ease-out 0.1s;-webkit-transition: all ease-out 0.1s; transition: all ease-out 0.1s;cursor:pointer;}


.wrap {box-sizing:border-box;width:100%;text-align:center;}
.page {display:block;width:100%; margin: auto; box-sizing:border-box;text-align:left;}
.pageF {display:block;width:100%; margin: auto; box-sizing:border-box;text-align:left;max-width:1280px;}
.pageF iframe {max-width:100%;}

.rubrikInfo {
	padding:6rem 1rem;
	background-color: #eee;

/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
} /* */




/* Menu */

ul.premenu {box-sizing:border-box; padding:0; margin:0; width:100%; text-align: right;background-color:#990000;}
ul.premenu li {box-sizing:border-box;list-style: none;display: inline; vertical-align:center; padding: 0; margin: 0;}
ul.premenu a.prebutton {box-sizing:border-box;text-decoration:none;  padding:1.5rem 2.3rem; margin:0; padding:0.75rem 1.65rem; margin:0.5rem; -webkit-border-radius: 10em;-moz-border-radius: 10em;border-radius: 10em;display: inline-block; white-space: nowrap;font-size:0.9rem;text-transform:uppercase; font-family: 'Roboto Condensed';font-weight:700;
color:#fff;background-color:#407489;background-color:#4a879f;background-color:#0099cc;}
ul.premenu a.prebutton:hover {background-color:#4a879f;background-color:#0099cc;}

ul.premenu li.pretextlink {padding:0.2rem 0rem;margin-right:1.6rem;}
ul.premenu li.desktoponly {display:inline-block;}

ul.menu {box-sizing:border-box; padding:0; margin:0; width:100%; text-align: right;background-color:#222;}
ul.menu li {box-sizing:border-box;list-style: none;display: inline; vertical-align:center; padding: 0; margin: 0;}

.helper {display: inline-block;height:100%;vertical-align: middle;}

ul.menu li div.logo {display:inline-block;background-size:contain;background-repeat:no-repeat;overflow:visible; vertical-align: middle;margin-left:1em;cursor:pointer; height: 2.6rem; width: 1rem;background-image:url('../bilder/logo-red.svg');}
ul.menu li div.logo:hover {}
ul.menu li div.sandwich {display:none;vertical-align: middle;height: 1.8em;width: 1.8em;margin-top:0.25em;margin-right:1em;cursor:pointer;background-image:url('../bilder/mbars_superlightgray.svg');background-size:contain;background-repeat:no-repeat;}

ul.menu a {text-decoration:none; padding:1.5rem 2.3rem; display: inline-block; white-space: nowrap;font-size:0.9rem;text-transform:uppercase; font-family: 'Roboto Condensed';font-weight:700;color:#eee;}
@media screen and (max-width: 1400px) {ul.menu a {padding:1.5rem 1.7rem;} } 

ul.menu a:hover, ul.menu:hover a.aktiv:hover {background-color:#cb1f26;color:#fff;} 
ul.menu a.aktiv {background-color:#cb1f26;color:#fff;}  ul.menu a.aktivT {background-color:#cb1f26;color:#fff;} 
ul.menu:hover a.aktiv {/*background-color:#333;*/} 
ul.menu:hover a.aktiv:hover {/*background-color:#222;*/}

ul.menu li a.homelink {padding:0;margin:0;} ul.menu li a.homelink:hover {background:none;}
ul.menu li.item {display:inline-block;}
ul.menu li.logo {float:left;background-color:#FFF;padding-right:1em;padding-bottom:auto;border:1px solid #222;visibility:hidden;}
ul.menu li div.logo {float:left;margin-top:1rem;}

.menuborder {/*border-bottom:1px solid #a6b2be;*/}
ul.menu li.clli {display:none;}
@media screen and (max-width: 480px) { 
ul.menu a {text-decoration:none; padding:1.2rem; }
ul.menu li.clli {display:block;clear:both;}
ul.menu li div.logo {float:left;margin-top:0.6rem;margin-right:1rem;margin-bottom:0.25rem;width: 13rem;background-position:center;}
ul.menu li div.sandwich {display:inline-block;float:right;margin-top:1.4rem;}
ul.menu li.item {display:block;text-align:right;border-top:1px solid #cb1f26;display:none;background-color:#990000;}
 
}
.submenu {background-color:#990000;background-color:#8a0000;display:inline-block;box-shadow: 0px 10px 10px -7px rgba(0,0,0,0.3);-webkit-box-shadow: 0px 10px 10px -7px rgba(0,0,0,0.3);-moz-box-shadow: 0px 10px 10px -7px rgba(0,0,0,0.3);} 
.subhide {display:none;}
ul.submenulist {box-sizing:border-box; padding:0; margin:0; text-align: left;} @media screen and (max-width: 480px) { ul.submenulist {display:none;}}
ul.submenulist li {box-sizing:border-box;list-style: none;display: block; vertical-align:center; padding: 0; margin: 0;border-top:1px solid #cb1f26;}
ul.submenulist li:hover {background-color:#8a0000;background-color:#990000;}
ul.submenulist a {text-decoration:none; padding:0.5rem 2.3rem; display: inline-block; white-space: nowrap;font-size:0.9rem;/*text-transform:uppercase; font-family: 'Roboto Condensed';font-weight:700;*/color:#fff;}
ul.submenulist a:hover {color:#fff;}

ul.pdfs {box-sizing:border-box; padding:0; margin:0; margin:1rem; margin-top:2rem;}
ul.pdfs li {box-sizing:border-box;list-style: none;display: block; vertical-align:center;margin:0;padding:0; border-bottom:1px solid #eee;background-color:#f2f2f2;background-color:#363d45;}
ul.pdfs li:hover{background-color:#FFF;background-color:#9aa5b0;}
ul.pdfs li a {padding:1rem;padding-right:1.5rem; text-decoration:none;color:#00833e;display:block;color:#ddd;}
ul.pdfs li a:hover {text-decoration:none;color:#00833e;color:#FFF;}
span.pdflogo {text-decoration:none; padding:0.5rem 0.7rem; margin-right:0.3rem;text-transform:uppercase; font-family: 'Roboto Condensed';font-weight:700; background-color:#4a879f; color:#FFF;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}

span.textblock {display:block;margin:2rem 0rem;} span.textblock2 {display:block;margin:0.5rem 0rem; margin-bottom:4rem;}
span.produktinfos {font-weight:700;background-color:#990000;color:#FFF;padding:0.5rem 1rem;margin-left:1rem;}
span.beschreibung {padding:0rem 1rem;}

span.beschreibung ul {box-sizing:border-box; padding:0; margin:0; width:100%;margin-top:1rem;}
span.beschreibung ul li {box-sizing:border-box; list-style-type:square; vertical-align:center;margin:0;width:100%; margin-left:3rem; margin-bottom:0.5rem;}

ul.pdfs li a:hover span.pdflogo {background-color:#00833e;background-color:#4a879f;}


.techDetails ul {box-sizing:border-box; padding:0; margin:0; width:100%;margin-top:1rem;}
.techDetails ul li {box-sizing:border-box;list-style: none;display: inline-block; vertical-align:center;margin:0;padding:0.5rem 0rem; width:50%; float:left;margin-bottom:1px;}
.techDetails ul li:nth-child(odd) { text-align:right;padding-right:1rem;font-weight:700;}
.techDetails ul li:nth-child(even) { text-align:left;padding-left:1rem;border-bottom:1px solid #DDD;}


span.beschreibung ul.sp2 {box-sizing:border-box; padding:0; margin:0; width:100%;margin-bottom:2em;}
span.beschreibung ul.sp2 li {box-sizing:border-box;list-style: none;display: inline-block; vertical-align:center;margin:0;padding:0.5rem 0rem; width:50%; float:left; }

.headerbox {box-sizing:border-box;vertical-align:center;} 


.contentslider {background-color:#eee;padding:3rem 1.6rem;}
.contentslider span.titel { float:left; width: 50%; font-size:1.7rem; font-family: 'Roboto Condensed'; font-weight:700; display:inline-block;text-transform:uppercase; padding-bottom:0.5rem;} @media screen and (max-width: 480px) { .meinungen span.titel {font-size:1.1rem;} }
.contentslider span.text { float:left; width: 50%; display:inline-block;} @media screen and (max-width: 480px) { .meinungen span.text {font-size:0.9rem;} }

/* Footer */
#footer {padding-top:4em;padding-bottom:5em;color:#a6b2be;color:#fff;}

.footerlogo {height: 2.6rem; width: 11.4rem;background-position:center;background-image:url('../bilder/logo-white.svg');background-repeat:no-repeat;display:block;margin:auto;background-size:100%;}	
ul.footermenu {box-sizing:border-box; padding:0; margin:0; width:100%; text-align: center;margin-top:1.6rem;} 
ul.footermenu li {box-sizing:border-box;list-style: none;display: inline-block; vertical-align:center; padding: 0; margin: 0;margin-top:0.7em;margin-bottom:0.7em;}
ul.footermenu li a {cursor:pointer;padding:0.7em 0em;margin:1em;font-size:0.9rem; font-family: 'Roboto Condensed'; font-weight:400;}
#footer a {color:#fff;font-weight:700;} #footer a:hover {text-decoration:underline;}

/* LOGOLEISTE AUF STARTSEITE */
.logoref {box-sizing:border-box;display:inline-block;width:33.3%;float:left;text-align:center;}
.logoref a img {width:50%;}

/* Allgemeine Design Styles*/
.w16 {width:16%;} .w165 {width:16.5%;} .w17 {width:17%;} .w20 {width:20%;} .w25 {width:25%;} .w30 {width:30%;} .w33 {width:33%;} .w34 {width:34%;} .w333 {width:33.3%;} .w331 {width:33.1%;}.w40 {width:40%;} .w50 {width:50%;} .w60 {width:60%;}.w66 {width:66%;}  .w669 {width:66.9%;} .w67 {width:67%;} .w75 {width:75%;} .w80 {width:80%;} .w100 {width:100%;}
.fleft {float:left;} .fright {float:right;} .clear {clear:both;height:0;display:block;}
.padding {box-sizing:border-box;padding:1em 1em;} @media screen and (max-width: 480px) { .padding {padding:1em 1em;} }
.padding2 {box-sizing:border-box;padding:3em 1em;} @media screen and (max-width: 480px) { .padding2 {padding:1em 1em;} }
.topbottom {padding-top:8em;padding-bottom:4em;}
.portfoliotop {padding-top:8em;}
.round {-webkit-border-radius: 10em;-moz-border-radius: 10em;border-radius: 10em;}
.mobileonly {display:none;} @media screen and (max-width: 480px) {.mobileonly {display:block;} }
.c {text-align:center;} .l {text-align:left;} .r {text-align:right;}

span.s {font-size:0.96em;} .copy span.s a {text-decoration:none;}

.grayscale {
	-moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	-o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}

.inhaltsbereich {font-size:0.9rem; font-size:1rem;}
.inhaltsbereich img {width:100%;}


.startseitenlogo {width:100%;text-align:center;margin-bottom:6rem;}
.startseitenlogo img {width:50% !important;} @media screen and (max-width: 480px) { .startseitenlogo img {width:75% !important;} }


span.subtle {font-size:0.8em;}


.trennlinie1 {height:6rem;border-bottom:1px solid #CCC;margin-bottom:6rem;} @media screen and (max-width: 480px) { .trennlinie1 {height:4rem; margin-bottom:4rem;} }
.trennlinie2 {height:7rem;border-top:1px solid #333;} @media screen and (max-width: 480px) { .trennlinie2 {height:5rem;} }

.sticky {
  position: fixed;width: 100%; left: 0; top: 0; z-index: 100; border-top: 0;  -moz-transition: all ease-out 0.3s;-webkit-transition: all ease-out 0.3s;transition: all ease-out 0.3s;
}

.stickytemp {   position: fixed;width: 100%; z-index: 100; }

.fixed {position:fixed;z-index:9;}
.img img {box-sizing:border-box;width:100%;display:block;}
.img2 img {width:50%;display:block;}

div.subtle {color:#898e97;}


/* Buttons für Pagenavigation */ 
.button,.button:visited {-moz-transition: all ease-out 0.1s;-webkit-transition: all ease-out 0.1s; transition: all ease-out 0.1s;box-sizing:border-box;cursor:pointer; display:inline-block; margin:0em; padding:0.5em 2em;
text-decoration:none;white-space: nowrap;font-size:0.9rem;text-transform:uppercase; font-family: 'Roboto Condensed';font-weight:700; color:#990000; border: 1px solid #990000; }
.button:hover  {-moz-transition: all ease-out 0.2s;-webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;text-decoration:none;background-color:#990000;color:#FFF;}



/* RATIO BOXES */
.boxxWrap {position:relative;box-sizing:border-box;margin:0em;padding:0;float:left;margin-bottom:2rem;}
.boxx {position:relative;box-sizing:border-box;color:#fff;float:left;width:100%;}

/* Klasse für Thumbnails unter Hauptbild (moreThumbs) */
.moreThumbs {width:100%; border-left:1px solid #ddd;} .moreThumbs a .boxx {border-top:1px solid #ddd;}
.moreThumbs .boxx {width:25%;border-top:none;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-left:none;background-color:#FFF;} 

/* Klasse für Thumbnails unter Hauptbild (produktThumbs) */
.produktThumbs {width:100%;}
.produktThumbs .boxx {width:31%;border:1px solid #ddd;margin:1%;background-color:#FFF;} @media screen and (max-width: 480px) {.produktThumbs .boxx {width:99%;margin-right:1%;margin-bottom:2%;} }
.produktThumbs a .boxx .produktName {padding:1.1rem 0.5rem; text-align:center; border-top:1px solid #ddd; background-color:#fff;color:#333;font-size:0.9rem;position:absolute;bottom:0;left:0;right:0;background:rgba(255,255,255,0.9);}
.produktThumbs a:hover .boxx .produktName {background:rgba(255,255,255,1);}
.produktThumbs a:hover .boxx {/*background-color:#009845;*/}

/* Klasse für Profilbilder*/
.profilePic {width:100%;}
.profilePic .boxx {width:100%;} 
.profilePic .boxxRatio1-1 {-webkit-border-radius: 50em;-moz-border-radius: 50em;border-radius: 50em;background-size:cover;background-color:#FFF;}

.startseitekacheln .boxx {width:49%;margin-right:1%;margin-bottom:1%;border:1px solid #f93;} @media screen and (max-width: 480px) {.startseitekacheln .boxx {width:100%;margin-right:0%;margin-bottom:2%;} }



.boxxRatio1-1 {padding-bottom: 100%; background-size:contain;background-position:center; background-repeat:no-repeat;} 
.boxxRatio2-1 {padding-bottom: 50%; background-size:cover;background-position:center;}  @media screen and (max-width: 480px) {}
.boxxRatio3-1 {padding-bottom: 33.3%;background-size:cover;background-position:center;/*filter: grayscale(1);*/}  /* Mod für Produkteübersicht */ .boxxRatio3-1 {padding-bottom: 75%;background-size:cover;background-position:center; background-repeat:no-repeat;/*filter: grayscale(1);*/}  
.boxxRatio4-1 {padding-bottom: 18%;background-size:cover;background-position:center;} @media screen and (max-width: 1024px) { .boxxRatio4-1 {padding-bottom: 15%;}} @media screen and (max-width: 480px) {.boxxRatio4-1 {padding-bottom: 33.3%;}}
.boxxRatio5-1 {padding-bottom: 20%;}
.boxxRatio3-2 {padding-bottom: 66.6%;}
.boxxRatio4-3 {padding-bottom: 75%;}
.boxxContent {position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;}
.boxxContent h2 {color:#FFF;background-color:#000;display:inline-block;margin-top:4px;margin-left:4px;padding:2px 4px 1px;float:left;font-size:1.3rem;}

.devbar{position:fixed;bottom:0px;left:0px;padding:1em;}


.kontur {box-sizing:border-box;border:1px solid;margin-left:1px;margin-bottom:1px;}
.kontur2 {box-sizing:border-box;border:1px solid;margin-right:1px;margin-bottom:1px;}
.kontur3 {box-sizing:border-box;border:1px solid;}
.litemode .kontur, .litemode .kontur2, .litemode .kontur3 {border-color:#EEE;} .darkmode .kontur, .darkmode .kontur2, .darkmode .kontur3 {border-color:#444;}
.imgmargin {box-sizing:border-box;margin-right:1px;margin-bottom:1px;}

/* Für die Gallery (Sharing von Fotos)*/
.gallerythumb {cursor:pointer;background-size:cover;background-position:center;background-repeat:no-repeat;margin-right:2px;margin-bottom:2px;}

/* */
a.cc-btn:hover {background-color:#000;color:#FFF;}

a.partnerlink {padding:0.5rem;text-decoration:none;display:block;}
a.partnerlink:hover {text-decoration:underline;}


.leistungsbeschreibung p a {margin-bottom:0.5em;display:inline-block;}
.bottomspace {padding-bottom:9rem;/*border-bottom:10px solid #99ffcc;*/ } 
.topspace {padding-top:6rem;} @media screen and (max-width: 1024px) {  .topspace {padding-top:3rem;} }

/* Phones */
@media (min-width: 360px) {
  body {
    font-size: 1.0em;
  }
}


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

  body {
    font-size: 1.0em;
  }
ul.premenu li.desktoponly {display:none;}
.bottomspace {padding-bottom:4em;padding-top:3em;}
.boxx {width:100%;margin-right:0%;}
.w67, .w33,.w30,.w50,.w40,.w60  {width:100%;}
p {/*margin-bottom:0em;*/}
ul.footermenu, ul.footermenu.l {text-align:center;}
ul.footermenu li {margin-bottom:1em;}
ul.footermenu li a {padding:1em 0em;}

#footer {padding-top:2em;}
.topbottom {padding-top:5em;padding-bottom:0em;}



.headerpicto {width:120px;height:120px;margin:auto;}
.headerpicto div {width:36px;height:36px;margin:2px;}


.headerpicto {width:90px;height:90px;margin:auto;}
.headerpicto div {width:26px;height:26px;margin:2px;}
.button, .button2 { margin:0em 0em 4em; }
}