html {
	background-image:url(../img/tree-1750784_1920.jpg);
	background-size:cover;
	background-attachment:fixed;
	background-repeat:none;
	height:101%;
}

body{
    padding:0;
    margin:0;
    font-family:Raleway, Roboto, Arial, sans-serif;
	font-size: calc(0.75em + (20 - 12) * (100vw - 767px) / (2300 - 767));
	line-height:1.5;
	font-weight:400;
	text-rendering: geometricPrecision;
}

header {
    background-color: #AA1731;
}

footer {
    background-color: #394E2F;
}

#wrapper {
    min-height: 100vh;
    background-color: #1929018f;
    height: 100%;
    min-width:350px;
}

#container, 
header .logo, 
header .menus,
footer .inside {
	max-width: 1600px;
	margin: auto;
	width: 90vw; 
	box-sizing:border-box;
}

header .logo{
	text-align:center;
	padding:1em 0;
}

header .logo img {
	
}

header .logo figure{
	text-align:center;
	/*max-width:1300px;*/
}


#container {
	background-color: rgba(255, 255, 255, 0.90);
	box-shadow: 2px 0px 2px #333333cc;
	min-height:50vh;
	display:flex;
	flex-flow:row wrap;
	padding:2em 4em;
}



#main {
	flex:1 0 70%;
	order:2;
	font-size:0.9em;
	box-sizing:border-box;
}


p, .paragraph span {
	margin:0.5em 0;
	
}

p.error, .widget.mandatory.error {
	color:#aa1731;
	background-color: #fff;
	border: 2px solid red;
	padding: 0 0.5em;

}

.error .error {
	border:0;
}

#main  ul li {
	margin-left:1em;
	list-style-type:disc;
}

#main .icon_menu ul li {
	margin-left:0em;
	list-style-type:none;
}

h1 {
	font-weight:400;
	font-family:"Playfair Display";
	color:#656F06;
	font-size:2em;
	margin:0.75em 0 0.75em 0;
	text-align:center;
}

.mod_breadcrumb + .mod_article > h1 {
	margin-top:0;
}

h3, h4 {
	font-family:Raleway, Roboto;
}

h2 {
	font-weight:400;
	font-family:"Playfair Display";
	color:#656F06;
	font-size:1.8em;
	margin:0.5em 0 0.75em 0;
}

.hred h2 {
	color:#AA1731;
}

h2.ce_headline, .ce_iso_quickproducts h2 {
	text-align:center;
	margin:1em 0 0.75em 0; 
}

h3 a {
	color:#656F06;
	text-decoration:none;
	border-bottom:1px dotted #656F06;
}

.highlight {
	background-color:#f7ffbd;
}

#main .icon_menu ul{
	list-style-type: none;
	margin-left: 0em;
}

footer {
	border-top:1em solid #aa1731;
	background-color:#394E2F;
	color:#fff;
	font-size:0.9em;
}

footer .inside {
	display:flex;
	flex-flow:row wrap;
 justify-content:space-evenly; 

}

footer .inside > * {
	flex-basis:20%;
	padding:0 2em;
	box-sizing:border-box;
	min-width:240px;
}

footer .inside > .last {
	flex-grow:0;
}


footer .ce_text p {
	margin-bottom:2em;
}

footer a {
	color:#fff;
	color:#C7D07C;
	text-decoration:none;
}

footer h2{
	color:#C7D07C;
}


footer a:hover,
footer a:active,
footer a.active,
footer a.trail
{
	color:#c5c73c;
}

.flex {
	display:flex;
	flex-flow:row wrap;
	justify-content:flex-start;
}

.spaced {
		justify-content:space-between;
}



.flex80 {
	flex-basis:calc(95% - 20em);
	padding:2em 4em 2em 0em ;
	box-sizing:border-box;

}

.flex20 {
	flex-basis:20em;
	align-self:flex-end;
	box-sizing:border-box;
}

.flex50 {
	flex-basis:45%;
	box-sizing:border-box;
}

.green.box {
	background-color:#e3e7c9;
	padding: 0 2em 2em 2em;
	box-sizing:border-box; 
	width:20em;
}

.knick {
	line-height:1;
	margin-bottom:-0.3em;
}


.picorner {
  display: inline-block;

  content: "";
  border-style: solid;
  border-color: transparent #759364 #759364 transparent;
  border-width: 1em ;
  box-sizing: border-box;
  box-shadow:1px 1px 1px #666666;
margin-right: 1px;
margin-top: -2px;
position: relative;
top: -2px;
right: 0;
z-index: 999;
}

.pirest {
  display: inline-block;
width: calc(100% - 1.9em);
height: 2.2em;
background-color: #e3e7c9;
content: "";
position: absolute;
right: 0;
top: -4px;
}


.green.box p{
	padding-left:1.3em;
}

.green.box a{
	text-decoration:none;
}

.green.box a:hover{
	text-decoration:underline;
}
.green.box h2{ 
	margin-top:0;
	text-align:left;
	font-size:calc(1.2em + (25 - 19) * (100vw - 767px) / (2300 - 767));;
	border-bottom:1px solid #7e8919;
}

.green.box.info h2:before{ 
	width:1em;
	height:1.3em;
	mask:url(/files/layout_arborfactum/icons/info-solid.svg);
	-webkit-mask:url(/files/layout_arborfactum/icons/info-solid.svg);
	mask-size:cover;
	-webkit-mask-size:cover;
	mask-repeat:no-repeat;
	-webkit-mask-repeat:no-repeat;
	mask-position: -0.25em 0.1em;
	-webkit-mask-position: -0.25em 0.1em;
	content:"";
	display:inline-block;
	background-color:#7e8919;
}

.noflex, .ce_headline.noflex {
	flex-basis:100%;
}

.pagination ul li {
	display:inline-block;
}

#footer h2.ce_headline{
	margin:1em 0;
	color:#C7D07C;
	text-align:left;
}


.options .widget-radio fieldset span {
	display:block;
}

.options .widget-radio fieldset legend span
{
	display:inline-block;
}

.address .widget-radio fieldset input,
.address .widget-radio fieldset label {
	display:inline-block;
	vertical-align:text-top;
	line-height:1.2;
}

.pagination {
	text-align:center;
}

.pagination span,
.pagination a.first,
.pagination a.last,
.pagination a.next,
.pagination a.previous{
	display:inline-block;

    overflow:hidden;
    width:2em;
    height: 1.2em;
}

.pagination a, .pagination span {
	padding:0 0.3em;
	text-decoration:none;
}





.pagination span.first:before,
.pagination a.first:before{
	content: "";
	height: 1.2em;
	width: 1.2em;
	mask-size: contain;
	-webkit-mask-size: contain;
	-webkit-mask-position: left 0.2em;
	mask-position: left 0.2em;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-image: url("/files/layout_arborfactum/icons/step-backward-solid.svg");
	mask-image: url("/files/layout_arborfactum/icons/step-backward-solid.svg");
	background-color: #7e8919;
	display: inline-block;

}

.pagination span.previous:before,
.pagination a.previous:before{
	content: "";
	height: 1.2em;
	width: 1.2em;
	mask-size: contain;
	-webkit-mask-size: contain;
	-webkit-mask-position: left 0.2em;
	mask-position: left 0.2em;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-image: url("/files/layout_arborfactum/icons/backward-solid.svg");
	mask-image: url("/files/layout_arborfactum/icons/backward-solid.svg");
	background-color: #7e8919;
	display: inline-block;

}

.pagination span.next:before,
.pagination a.next:before{
	content: "";
	height: 1.2em;
	width: 1.2em;
	mask-size: contain;
	-webkit-mask-size: contain;
	-webkit-mask-position: left 0.2em;
	mask-position: left 0.2em;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-image: url("/files/layout_arborfactum/icons/forward-solid.svg");
	mask-image: url("/files/layout_arborfactum/icons/forward-solid.svg");
	background-color: #7e8919;
	display: inline-block;

}
.pagination span.last:before,
.pagination a.last:before{
	content: "";
	height: 1.2em;
	width: 1.2em;
	mask-size: contain;
	-webkit-mask-size: contain;
	-webkit-mask-position: left 0.2em;
	mask-position: left 0.2em;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-image: url("/files/layout_arborfactum/icons/step-forward-solid.svg");
	mask-image: url("/files/layout_arborfactum/icons/step-forward-solid.svg");
	background-color: #7e8919;
	display: inline-block;

}

.pagination span.inactive:before{
	background-color:#333;
}

	fieldset {
		display:flex;
		justify-content:space-between;
		flex-flow:row wrap;
	}
	
	fieldset > span {
		flex:1 0 30%;
	}

pre, code  {
	font-family:'Raleway';
}

#topcontrol {
  width: 3em;
  height: 3em;
  display: block;
  background-color: #759364;
  content: '';
  z-index: 1000;

}

.la.la-arrow-up {
  height: 2em;
  width: 2em;
  display: block;
  margin: 0 0.5em;
}

.la.la-arrow-up:before {
Content: "↑";
  color: #fff;
  line-height: 2;
  font-size: 2em;
  margin: -0.4em 0 0 0;
  text-align: center;
  display: block;
  padding: 0;
  font-style:normal;
}