@import "vars.css";

body { 	
	background: #e7e7e7 url(img/bodybg.jpg) repeat-x 0 0;
	margin: 0; padding: 0;
	height:100%;
	width:100%;
}
body {
    background: #fff;
    font-family: 'Lato', sans-serif;
    color: #5d5d5d;
    font-size: 1.0em;
    line-height: 28px;
}

@media screen and (min-width: 500px) {
.header-middle.hide {
    display: none !important;
}
}

.mod_leafletmaps {
    padding-bottom: 20px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Layout Blocks
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.wrapper { /* Holds the page items in place */
	XXmin-height:90%;
}
.wrapper, #topmenubox .m_inner { width: 90%; max-width: 1200px; margin: 0 auto 0 auto;}
/* .wb_content, h1.page-title, #header_menu { width: 90%; max-width: 1200px; margin: 0 auto 0 auto;} */
.topspacer {padding-top: 220px; padding-bottom: 12%; width:100%; background: #fff url(img/header.png?1579767472) no-repeat fixed center top; background-size: 100% auto, auto;}
.contentbox { background: #fff; }
/*frontpage*/
.frontpage .topspacer {padding-top: 430px; padding-bottom: 18%; }
.frontpage #topparallax {background: #fff url(img/header.png) no-repeat; background-position: center; background-size: 100% auto, auto;}
.frontpage .topspacer {
    padding-top: 200px;
}
.frontpage .contentbox {
    margin-top: -100px;
    background-color: inherit;
}
.frontpage .page-title, .frontpage #crumbs {
display:none;
}
.frontpage #topparallax {
    margin-top: 100px;
}
.minihero-text h1 {
margin: 0;
padding: 0 0 30px 0;
font-size: 3.0em;
}

.minihero-text h2 {
  text-shadow: 
    -1px -1px 0 white,  
     1px -1px 0 white,
    -1px  1px 0 white,  
     1px  1px 0 white;
}


.minihero-text p.pfirst {
margin: 0;
padding: 0 0 30px 0;
font-size: 24px;
font-weight: normal;
}
#tsrs_block-13 .tsrs_block_inner {
    background-color: #4886FF;
}
#tsrs_block-14 .tsrs_block_inner {
    background-color: #FF6F6F;
}
#tsrs_block-15 .tsrs_block_inner {
    background-color: #B5D56A;
}
#tsrs_block-16 .tsrs_block_inner {
    background-color: #F88147;
}
#tsrs_block-13 .tsrs_block_inner, 
#tsrs_block-13 .tsrs_block_inner h3, 
#tsrs_block-14 .tsrs_block_inner, 
#tsrs_block-14 .tsrs_block_inner h3, 
#tsrs_block-15 .tsrs_block_inner, 
#tsrs_block-15 .tsrs_block_inner h3, 
#tsrs_block-16 .tsrs_block_inner, 
#tsrs_block-16 .tsrs_block_inner h3 {
    color: #fff;
}
#tsrs_block-13 .tsrs_block_inner h3, 
#tsrs_block-14 .tsrs_block_inner h3, 
#tsrs_block-15 .tsrs_block_inner h3, 
#tsrs_block-16 .tsrs_block_inner h3 {
    padding: 10px;
}
/*has content 3*/
body.hascontent3 .topspacer {padding-bottom: 0; background-image:none}
body.hascontent5 .topspacer {padding: 140px 0 0 0; background-image:none}
.teamblock span.teamfoto.nopic,
.teamblock span.teamfoto img
{
    display: none;
}
.teamblock .b_inner.nopic {
    margin: 0;
}
#logo-hex1 {
  width: 85px;
  height: 85px;
}
#logo-color1 {
  background-color: #79b530; 
}
#logo-text1{
    position: absolute;
    z-index: 1000;
    width: 100%;
    text-align: center;
    margin: 6px 0 0 -19px;
color: #fff;
font-size: 1.0em;
line-height: 22px;
}
.hexagon-wrapper {
  text-align: center;
  margin: 0;
  position: relative;
  display: inline-block;
}
.hexagon {
  height: 100%;
  width: calc(100% * 0.57735);
  display: inline-block;
}
.hexagon:before {
  position: absolute;
  top: 0;
  right: calc((100% / 2) - ((100% * 0.57735) / 2));
  background-color: inherit;
  height: inherit;
  width: inherit;
  content: '';
  transform: rotateZ(60deg);
}
.hexagon:after {
  position: absolute;
  top: 0;
  right: calc((100% / 2) - ((100% * 0.57735) / 2));
  background-color: inherit;
  height: inherit;
  width: inherit;
  content: '';
  transform: rotateZ(-60deg);
}
.logo-hexagon {
  position: relative;
  width: 70px; 
  height: 40.41px;
  background-color: #79b530;
  margin: 20.21px 0;
}
.logo-hexagon:before,
.logo-hexagon:after {
  content: "";
  position: absolute;
  width: 0;
  border-left: 35px solid transparent;
  border-right: 35px solid transparent;
}
.logo-hexagon:before {
  bottom: 100%;
  border-bottom: 20.21px solid #79b530;
}
.logo-hexagon:after {
  top: 100%;
  width: 0;
  border-top: 20.21px solid #79b530;
}
.logo-text{
    position: absolute;
    z-index: 1000;
    width: 100%;
    text-align: center;
    margin-top: -7px;
    color: #fff;
    font-size: 1.0em;
    line-height: 18px;
}
.logo-hexagon:hover {
    cursor: pointer;
}
.icon-hexagon {
  position: relative;
  width: 25px; 
  height: 14.43px;
  background-color: #79b530;
  margin: 7.22px 0;
}
.icon-hexagon:before,
.icon-hexagon:after {
  content: "";
  position: absolute;
  width: 0;
  border-left: 12.5px solid transparent;
  border-right: 12.5px solid transparent;
}
.icon-hexagon:before {
  bottom: 100%;
  border-bottom: 7.22px solid #79b530;
}
.icon-hexagon:after {
  top: 100%;
  width: 0;
  border-top: 7.22px solid #79b530;
}
.top-logo-wrapper {
    float:left;
    padding-right: 6px;
}
.logo {
    float:left;
    margin-top: -6px;
}
.logo-content {
    display:table-caption;
    line-height: 1.5;
    font-weight: bold;
    color: #79B530;
    text-align: center;
}
.top-logo {
    float: left;
    display: none;
    margin-top: -6px;
    padding-left: 10px;
    font-weight: bold;
    color: var(--main-color-headline);
}
.top-logo.reduced {
    display: inline;
}
.top-logo-text {
    color: #fff;
    font-size: 0.9em;
    font-weight: bold;
    margin: 4px 0 0 4px;
}
.header-middle .container {
    padding-top: 50px;
}
.header-middle .info-box {
border: inherit;
background: inherit;
#padding: inherit;
    float: right;
    /* width: 200px; */
    overflow: hidden;
    font-size: 1.0em;
    line-height: 20px;
    font-weight: 300;
    #margin-right: 30px;
    color: #747474;
    margin-top: 20px;
}
.header-middle .info-box span {
    display: inline-block;
    vertical-align: middle;
}
.header-middle .info-box span a {
    text-decoration: none;
    color: #747474;
    display: block;
}
.header-middle .info-box span a:hover {
    color: #79B530;
}
.info-box svg {
    display: inline-block;
    color: var(--main-color-headline);
    font-size: 30px;
    font-size: 1.4em;
    margin-right: 16px;
    line-height: 32px;
    vertical-align: middle;
}
svg:not(:root).svg-inline--fa {
    overflow: visible;
}
.svg-inline--fa.fa-w-16 {
    width: 1em;
}
.svg-inline--fa.fa-w-12 {
    width: .75em;
}
svg:not(:root) {
    overflow: hidden;
}
.svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -.125em;
}
.header-holder p, .contentbox p, footer p, #topmenubox p, #nav2frame p,
.header-holder ul, .contentbox ul, footer ul, #topmenubox ul, #nav2frame ul {
    margin-bottom: 1.5em;
    margin-top: 0;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++
     Header-Menu & Logo
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.header-middle {width: 100%; height:40px; margin:0 0 0 0; position:relative; z-index:10000; width: 100%; top:0; left:0%;  transition: 0.5s all;}
.header-top {width: 100%; height:40px; margin:0 0 0 0; position:relative; z-index:15000; width: 100%; top:0; left:0%;  transition: 0.5s all;}
.header-top {position:fixed;}
.header-top {
    background: #f8f8f8;
    padding: 0;
}
.header-top ul li a {
    color: #000;
    padding: 0;
    display: block;
    border: 0;
}
.header-top ul li a:hover {
    text-decoration: none;
    color: #aaa;
}
.header-top ul {
    display: flex;
    flex-wrap: wrap;
    background: none;
    font-size: 1.1em;
    line-height: 17px;
    position: unset;
    border-top: 0;
    padding: 0 0 0 15px;
    margin: 0;
}
.header-top ul li {
    list-style: none;
    display:inline;
    padding: 0 15px 0 0 ;
}
.header-top a:after {
    position: absolute;
    content: "";
    top: 25%;
    left: 85%;
    bottom: 0;
    height: 15px;
    width: 15px;
/*    background-image: url(data:image/svg+xml;utf-8,<svg aria-hidden="true" data-prefix="fas" data-icon.4-24.6 9.4-33.9 0L24 329c-15.1-15.1-4.4-41 17-41z" class=""></path></svg>); */
    background-repeat: no-repeat;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++
     Page Header
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.page-header {
    padding: 0;
    margin: 10px;
}
.page-header .container {
    padding: 0;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++
     Container
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.header-top .container {
    padding: 11px 0 0 0;
    margin: 0 auto;
}
.header-top .container:after {
    display: block;
    clear: both;
    content: '';
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++
     Header
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
h1.page-title {
    font-size: 38px;
    font-size: 1.6em;
    line-height: 42px;
    color: var(--main-color-headline);
    font-weight: 400;
/*     display: inline-block; */
/*    margin: 0; */
}
.entry-header {
    padding: 30px 0 0;
}
.entry-title a {
    margin-bottom: 8px;
    font-size: 29px;
    font-size: 1.4em;
    line-height: 32px;
    color: #474b4e;
    font-weight: 700;
}
.entry-title a:hover{
    text-decoration: none;
    color: #adadad;
}
.entry-meta {
    display: none;
}
.mod_nwi_group {
    background: #fff;
    padding-bottom: 44px;
    margin-bottom: 50px;
}
.mod_nwi_shorttext {
    margin: 1.5em 0 0;
}
h1, h2, h3, h4, h5, h6 {
    clear: both;
    margin-top: 0;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++
     Buttons
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.apply-btn {
    border: 2px solid #79B530;
    border: 2px solid #F88147;
    color: #79B530;
    color: #F88147;
    background: #F88147;
    color: #fff;
    padding: 15px 32px;
    font-size: 0.85em;
    line-height: 14px;
    font-weight: 900;
    text-transform: uppercase;
    float: right;
    margin-top: 20px;
    transition: all 0.2s ease 0s;
}
.read-more {
    display: inline-block;
    text-transform: uppercase;
    font-size: 0.9em;
    line-height: 17px;
    font-weight: 900;
    color: #fff;
    padding: 15px 34px;
    border: 2px solid var(--read-more-border);
    background: var(--read-more-background);
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}
.apply-btn:hover, .apply-btn:focus {
    text-decoration: none;
    background: #79B530;
    background: #F88147;
    background: #FBB47A;
    color: #fff;
}
.read-more:hover, .read-more:focus {
    text-decoration: none;
    background: none;
    color: var(--read-more-background);
}
.apply-btn:focus, .read-more:focus {
    outline: thin dotted #000;
    outline-offset: 2px;
}
.apply-btn, a.apply-btn {
    color: #79B530;
    color: #F88147;
    color: #fff;
}
a.read-more {
    color: #fff;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.circle .tsrs_pictype_fa .tsrs_picture_box a span.a_bgspan {
    background: inherit;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++
     Crumbs
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#crumbs {
    text-align: right;
    font-size: 0.7em;
    line-height: 17px;
    color: var(--main-color-link);
    margin-right: 5px;
    float: right;
/*    margin-top: 25px; */
}
#crumbs span {
    padding: 0 1px 0 5px;
}
#crumbs a {
/*    font-size: 0.7em; */
    line-height: 17px;
    color: #878b8d;
    font-weight: 700;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*===========================================================
Contentbereich
*/
.container {margin: 0 auto 0 auto; width: 100%; max-width:1200px; padding-top: 30px; }
.leftbox { margin: 0 0 0 0; width:24%; float:left; }
/*====================================================
Alles rechts neben left
ab hier: 1/3 grid
*/
.mainbox {width:98%;  float:right; display:inline; margin-right: 10px;}
.content { /* main content */
	width: 75%;
	float: left;
	display:inline;
	margin-left: 0;
	padding-bottom: 30px;
}
.mainbox .content img { max-width:100%; } /* fix for nwi.     height:auto ! important;} */
.mainbox .contentwide  {width:100%; margin:0 0 0 0;}
/* right innerhalb von .contentwide, geht auf mobiles nach oben*/
.mainbox .contentwide .contentwidenarrow  {width:66%;}
#rightbox { width: 24%; float: right; display:inline; border-left:1px #ddd solid; }
#rightbox .inner { margin: 0 3% 3px 3%; font-size:0.9em; line-height:135%}
#rightbox .inner img { max-width:100%; height:auto ! important;}
.clearcontent {height:60px; clear:both; }
.footerbox {height:60px; font-size: 0.75em; color: #999; width: 100%; background: #474b4e;}
.footerbox .left {width: 20%; margin:0 0 0 0; float:left;}
/* socialbaker fix */
/* .footerbox .center {width: 80%; margin: 10px 0 0 0; float:left; text-align:center;} */
.footerbox .center {width: 60%; margin: 0; float:left; text-align:center;}
.footerbox .center2 {width: 80%; margin: 0 0 0 10px; float:left; text-align:left;}
.footerbox .center2 {display:none;}
.footerbox a {color: #aaa;}
.footerbox a:hover {color: #ddd; text-decoration: none;}
#gototopswitch {float:right; margin: 10px 10px 0 0}
/* Top and Menu Box */
#topmenubox {width: 100%; height:140px; margin:40px 0 0 0; position:fixed; z-index:5000; width: 100%; top:0; left:0%;  transition: 0.5s all;}
#topmenubox .m_inner {position:relative; height:100%; background: #fff; }
#topmenubox a.logo img {max-height:80%; max-width:100%; position: absolute; left: 2%; bottom:3px;}
#topmenubox a.logo img {max-height:80%; max-width:100%; position: absolute; left: 2%; bottom:63px;}
/* #topmenubox.reduced {height:42px; transition: 0.5s all;} */
#topmenubox.reduced {height:42px; transition: 0.5s all; bottom: 3px; }
/* Search Box in header */
li.search_box_li a {border: none ! important;}
.menuebox {width: 75%; height:100%; float:left; position:relative;} 
.toggleMenu {display:none;}
#openrightboxswitch, #closerightboxswitch{display:none;}
#closerightboxswitch{width: 18px; height: 18px; margin-bottom: 10px;}
/* nav: see below */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
.breadcrumbs {
	height:30px;
	line-height:100%;
	margin: 0 0 0 0;
	padding: 3px 0 3px 0;
	clear:both;	
}
.innerbc {
	font-size: 1.1em;
	margin:10px 0 0 25%;
	XXwidth: 450px;
}
.breadcrumbs .innerbc span {
	background: transparent url(img/bclink.gif) no-repeat; 
	padding: 6px 2px 0px 12px; font-weight: normal; }
.breadcrumbs .innerbc a {
	padding:1px;
	border-bottom: 1px dotted #505567;
	text-decoration: none;
}
.breadcrumbs .innerbc a:hover {border-bottom: 1px solid #505567;}
.breadcrumbs .innerbc .menu-current a{
	color: #000000;
}
.frontpage .breadcrumbs {display:none;}
#aprevnext {display:block; width:90px; height:27px; float:right;}
#aprevnext a {display:block; width:40px; height:27px; float:right; opacity:0.5; border:none;}
#aprevnext a.aprev {background: url(img/prev.png) no-repeat center top;  }
#aprevnext a.anext {background: url(img/next.png) no-repeat center top;  }
#aprevnext a:hover {opacity:0.8}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	####	Header Menu #####
	#######################
	Horizontal Drop-Down Menu based off :
	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */
#nav {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;	
	border: 0;	
	padding: 0;
	background: var(--main-color-menu);
}
.nav_bg {
	background: var(--main-color-menu);
}
#nav ul,  #nav2 ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	width: auto;
	position: relative;
	z-index: 800;
	background: #eee;
}
#nav ul li,  #nav2 ul li {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
/* Root Level Link Formatting */
#nav ul li {float: left; display:inline; color: #aaa; text-align: left; font-weight: normal; list-style-type: none; list-style-image: none ;}
#nav ul li a {display: block; XXtext-shadow: 1px 2px 8px #000; XXtext-shadow: 1px 4px 4px #000; font-size: 0.85em; border-right:0px #ddd solid; color: #fff; text-decoration: none; text-transform: uppercase; XXfont-weight: bold; background-repeat: no-repeat;}
#nav ul li a span {padding: 11px 22px 10px 10px !important; }
#nav ul li a.menu-sibling span {display:block; padding: 11px 22px 10px 10px;}
#nav ul#header_menu > li.lev0 > a > span {padding: 11px 22px 10px 10px;}
/* Root Level link hover */
#nav ul li a:hover, #nav li a:focus, #nav li a:active, #nav ul li a.active, #nav a.menu-current, #nav a.menu-parent {color: #fff; background: var(--main-color-link); }
/*Current page Customisations*/
#nav a.menu-current		{font-weight: bold;}
#nav a		{font-weight: bold;}
/* 2nd Child menu */
/* #nav  li ul {position: absolute; width: 200px; margin: -3px 0 0 -10000px; opacity:0.0; text-transform: none; border-bottom: 1px solid #fff; font-size: 13px; 	background: #ddd url(img/glitzi.png) no-repeat right 0px; box-shadow: 0px 10px 10px -4px rgba(0, 0, 0, 0.4);}*/ 
#nav  li ul {position: absolute; width: 200px; margin: -3px 0 0 -10000px; opacity:0.0; text-transform: none; border-bottom: 1px solid #fff; font-size: 0.85em; 	background: var(--main-color-link) url(img/glitzi.png) no-repeat right 0px; }
#nav  li ul li {text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 1.9em;  }
#nav  li ul li a {width: 200px;  height:auto; text-shadow: none; margin:0; padding: 0; color: #fff; border-top: 1px solid #fff; font-weight: bold; font-size: 0.95em; background: var(--main-color-link);}
#nav  li ul li a span {display:block; padding:8px; padding-left:15px;}
/* 2nd Child link hover */
/* #nav  li ul a:hover,  #nav  li ul a.menu-current { background-color: #79B530;  text-shadow: 1px 2px 4px #000;} */
#nav  li ul a:hover,  #nav  li ul a.menu-current { background-color: var(--main-color-link); }
#nav  li ul a.menu-expand {background: transparent url(img/arr-right.png) no-repeat right 5px ; }
#nav  li ul a.menu-parent {background: var(--main-color-link) url(img/arr-right.png) no-repeat right 5px; }

/* Show and hide */
/* #nav  li:hover ul, #nav  li a:focus ul, #nav li.tabselected ul { margin: -3px 0 0 0; opacity:1; transition:0.5s opacity;} */
#nav  li:hover ul, #nav  li a:focus ul, #nav li.tabselected ul { margin: 0; opacity:1; transition:0.5s opacity;}
#nav  li ul ul { margin-left: -10000px; opacity:0.0; transition:0.5s opacity;}
#nav  li:hover ul ul, #nav  li.subMenu ul ul { margin-left: -10000px; opacity:0.0; transition:0.5s opacity;}
#nav  li:hover>ul, #nav  li li:hover>ul { opacity:1; margin-left: 20px;  transition:0.5s opacity; z-index: 1000;}
#nav  ul li ul li:hover>ul {margin-top:5px; margin-left: -10%;  opacity:0.9; border-left: 1px solid #fff;}
/* 3rd Child Menu Appreances */
#nav  li ul li ul	{ width: 180px; margin: 10px 0 0 -40%; z-index: 2000;}
#nav  li ul li ul li	{width: 100%;}
#nav  li ul li ul li a 	{ width: 100%;}
/* Positioning the Pop-out Drops */
#nav li {position: relative;}
#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}
/* Better: */
#nav li:hover {
	z-index: 1000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}
/* end menu */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Login Box */
#showlogin {display: block; margin: 20px 0 0 10px;}
#login-box { margin-top:0; padding:0; XXborder-top: 2px #505567 solid; font-size: 0.9em;}
#login-box .inputfield {		
	font-size: 0.9em;
	padding:2px;
	border: 1px solid #505567;
	background-color: #f2f3f8;
	width:100%;	
}
#login-box .loginsubmit { float:right;}
.showonmobiles  {display:none;}




/* ====================================================================================================================
Silbentrennung
*/
.header-holder p, .contentbox p, footer p, #topmenubox p, #nav2frame p {
	hyphens: auto;
	hyphenate-limit-chars: auto 5;
	hyphenate-limit-lines: 2;

	-webkit-hyphens: auto;
	-webkit-hyphenate-limit-chars: auto 3;
	-webkit-hyphenate-limit-lines: 4;

	-ms-hyphens: auto;
	-ms-hyphenate-limit-chars: auto 3;
	-ms-hyphenate-limit-lines: 4;

	 -moz-hyphens: auto;
	-o-hyphens: auto;
}


/* ====================================================================================================================
Responsive:
*/
@media screen and (min-width: 1200px) {
	.XXwrapper  {background-position: center -120px;}
}
@media screen and (min-width: 1025px) {
/*	.content > h1, .content > h2, .content > h3 {float:left; padding-top: 1%; width: 45%; margin-left: -50%; XXborder-top: 4px solid #eee ;}
	.content.contentwide > h1, .content.contentwide > h2, .content.contentwide > h3 {width: 28%; margin-left: -33%;}
*/
}
/*Smaller Screens */
@media screen and (max-width: 1240px) {
	.wrapper, #topmenubox .m_inner { width: 98%;}
	.header-holder .logo {padding-left: 10px;}
}
/*Smaller Screens */
@media screen and (max-width: 1024px) {
/*	.header-holder .logo { display: none; } */
	.header-holder .logo .logo-content { line-height: 1.2; }
	.header-holder .logo { padding: 25px 0 0 10px;}
	.header-middle .container { position: fixed; margin-top: -60px;}
	.frontpage .header-middle .container { margin-top: -100px;}
	body.hascontent5 .topspacer {padding: 60px 0 0 0; background-image:none}
	h1 { padding-left: 2%;}
	.footerbox {position: relative; bottom: 0; height: 50px;}
	.footerbox .center { display: none;}
	.footerbox .center2 { display: inherit;}
	#topmenubox {margin-top: 0;}
	.header-top { display:none;}
	.header-middle {height: 0px; margin-top: -64px;}
        .header-middle .info-box_contact {margin-right: 40px;}
        .header-middle .btn {padding-right:4px; margin-right: 40px;}
        .header-middle .container {margin-left: 40px;}
	.wrapper,  .mainbox, #topmenubox .m_inner  {width:100%; margin: 0 0 0 0;}
	body {font-size: 1.1em;}
	.container {padding-top: 2px;}
	.leftbox, .footerbox .left {display:none;}
	.content { width: 63%; 	 margin-left:2%; }
	.mainbox .contentwide  {width:96%; margin:0 0 0 2%;}
	#rightbox { width: 33%;}
	#rightbox .inner { margin: 0 5% 0 5%;}
	#topmenubox {height: 60px ! important;}
	#topmenubox #nav {display:none;}
	.logobox a.logo {width: 210px; height:160px; margin-bottom:20px;}
	.toggleMenu {display:block; float:left; width:20px; height:50px; background: url(img/menuswitch.png) no-repeat top right; margin:10px 4% 0 10px;}
	.topspacer {position: relative; height: auto ! important; margin-top: 60px; padding-top:0; padding-bottom: 20%; background-position: center top;}	
	.frontpage #topparallax {padding-bottom: 30%; background-size: 160% auto, auto;}
	body.hascontent3 .topspacer {padding-bottom: 0; }
	/*frontpage*/
	.frontpage .topspacer {padding-top: 130px; padding-bottom: 18%; }
	.wrapper  {}
	.frontpage .wrapper  {}
	/*
	.search_box {  width: 180px; margin-left:60px;}
	.search_box .searchstring {width: 100px;}
	#sliderbox {height: 200px; }
	#suggestbox ul li a {padding: 6px 10px 6px 15px; font-size:12px;}	
	.footerbox .center{width:96%; margin: 15px 0 0 2%;}
	*/
	/*Nav*/
	.breadcrumbs { height:560px; }
	#nav2 {width:250px; height: auto; position:fixed; left:0; top:60px; z-index:10000; }
	#nav2  {background: #eee url(img/glitzi.png) no-repeat right 0px; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.4);}
	#nav2 li {width:250px;  padding: 0 0 0 0; }
	#nav2 li a {display:block; padding: 12px 0 12px 20px; font-size: 0.9em;  color:#000; text-decoration: none; border-bottom: 1px solid #fff;}
	#nav2 li li a {padding: 10px 0 10px 30px; font-size: 0.85em;  }
	#nav2 li li li a {padding: 8px 0 8px 40px; font-size: 0.85em; }
	#nav2 li li li li a {padding: 6px 0 6px 50px; font-size: 0.85em;}
	#nav2 li ul {display:none;}
	#nav2 li.menu-parent > ul, #nav2 li.menu-current > ul {display:block;}
	#nav2 li.is_opened > ul, #nav2 li.is_opened > ul {display:block;}
	#nav2 li a.menu-expand {background: transparent url(img/arr-down.png) no-repeat left center ;}
	#nav2 li a.menu-current { color:#fff; background-color: var(--main-color-link);  text-shadow: 1px 2px 4px #000;}
	#nav2 ul li a.menu-expand.is_opened, #nav2 ul li a.menu-parent {font-weight:bold; background: #ddd url(img/arr-right.png) no-repeat 2px center ; }
	#nav2close {display:none;  position:absolute; top:0; width:100%;  height: 900px; background-image:none;}
	.breadcrumbs { width: 100%; height: auto; }
	.innerbc { margin: 2px 0 5px 2%; width: 96%; }
	.innerbc span  {display: block; float:left; padding: 2px 2px 2px 12px; margin: 0 0 5px 0;}
	.innerbc b  {display: none;}
}

#sorsmc {
	display:none;
}

/* ======================================================================
Smaller Screens */
@media screen and (max-width: 1120px) {
/*        .header-middle .info-box_address {display:none;} */
        .header-middle .info-box_sor {display:none;}
	#sorsmc {display:block;}
	.img-text {width: 300px;}
}
/* ======================================================================
Smaller Screens */
@media screen and (max-width: 980px) {
/*        .header-middle .info-box_contact {display:none;} */
        .header-middle .info-box_address {display:none;}
	.img-text {width: 250px;}
	.logo > img {height: 60px; width: auto;}
	.header-middle .info-box {margin-top: 3px;}
	.header-middle .header-phone {margin-top: 20px;}
}
/* ======================================================================
Smaller Screens */
@media screen and (max-width: 748px) {
        .header-middle .info-box_contact {display:none;}
	.img-text {width: 250px;}
}
/* ======================================================================
Smaller Screens */
@media screen and (max-width: 500px) {
/*	.footerbox {position: fixed;} */
	.img-text {width: 100%; float:none;}
	.content {width:96%; margin:0 0 0 2%;}
	.mainbox .contentwide .contentwidenarrow {float: none; width:100%; border-left:none;}
	#rightbox {display:none; width:240px; border: 2px solid #79B530; border-right:none; padding: 5px; position:fixed; right:0; top:180px; background:#fff; box-shadow: 0px 20px 30px -20px rgba(0, 0, 0, 0.4);}
	#rightbox {z-index:500}
	#rightbox .inner { margin: 0 0 0 0;}
	.frontpage .wrapper  {background-position: center top;}
	.topspacer  {padding-bottom: 30%;  background-size: 180% auto, auto;}
	.frontpage #topparallax { background-size: 220% auto, auto;}
	#openrightboxswitch {display:block; width: 19px; height:57px; position:absolute; right:0; top:170px;}	
	#closerightboxswitch {display:block;}	
}

@media screen and (max-width: 500px) {
	.footerbox {height:50px;}
	.wrapper {padding-bottom: 80px;}
}

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

	.info-box {display: none;}
}

.footerbox {
  position: fixed;
  bottom: 0px;
  margin-right: auto;
  margin-left: auto;
  z-index: 1000;
}

#nav2 {
    overflow-y: auto;
}
#nav2::-webkit-scrollbar {
  display: none;
}
#topmenubox {
    box-shadow: 0px 10px 10px rgb(0 0 0 / 0.1);
    border:none;
}