html, body	{
	font-family: 'Quicksand', sans-serif;
	font-size:18px;
}
img.Bild_links					{margin-right: 5px; float: left;}
img.Bild_mittig					{margin-right: 5px; margin-left: 5px; clear: both}
img.Bild_rechts					{margin-left: 5px; float: right;}

body, input, textarea, select, button {
    -moz-font-feature-settings: "liga", "kern";
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
}

*								{ box-sizing: border-box; }
body							{ background: #ffffff; margin-bottom:100px;}
a								{ outline: none; color: #ee7101;}
.wrap							{ max-width: 1024px; width: 90%; min-width:50%; margin:50px auto;}
.clear							{ width: 100%; height: 0px; display: block; clear: both; }
#socialhead	{
	width:100%;
	background-color:#ee7101;
	text-align:right;
	font-size:14px;
	padding:0px 30px;
}
#socialhead a {
	color:#fff;
	padding:0px 10px;
}
#header							{ width:90%; }
#logo	{
	max-height:120px;
	height:22vw;
}
#mobile-menu	{
	display:none;
}
#mainmenu_container				{
	display: block;
    float: right;
    margin: 80px 0 0 0;
}
#mainmenu_container ul	{
	list-style:none;
}
#mainmenu_container > ul > li {
	display: inline-block;
    float: left;
    margin: 0px 0px 0px 10px;
}
#mainmenu_container > ul > li > ul {
	display: none;
    position: absolute;
    background-color: rgba(238,113,1,0.2);
    margin: 0px;
    padding: 0px;
    z-index: 1000;
}
#mainmenu_container > ul > li:hover > ul {
	display:block;
}
#mainmenu_container > ul > li > ul > li {
	
}
#mainmenu_container > ul > li:hover > a {
	background-color: rgba(238,113,1,0.2);
}
#mainmenu_container a			{
	display: inline-block;
    text-decoration: none;
    font-size: 18px;
    padding: 0px 10px;
    margin:0px 0px 5px;
    color: #000;
}
#mainmenu_container a.active	{ background-color: rgba(238,113,1,0.2); }
#mainmenu_container a:hover		{ text-decoration: none; }
#content						{ width: 90%; position: relative; text-align:center; font-size:18px;}
.content	{	font-size:18px; text-align:center;}
.content h2 {
	margin-bottom:30px;
}
#submenu_container				{ float: left; width: 30%; min-height: 10px; }
#submenu_container .ebene_2		{ margin-left: 15px; }
#submenu_container .ebene_3		{ margin-left: 30px; }
#submenu_container .ebene_4		{ margin-left: 45px; }
#submenu_container .ebene_5		{ margin-left: 60px; }
#submenu_container a			{ display: list-item; list-style-position: inside; text-decoration: none; font-size: 12px; padding: 5px 0 5px 10px; color: #ee7101; }
#submenu_container a.active		{ font-weight: bold; }
#submenu_container a:hover		{ text-decoration: underline; }
#content_container				{ padding: 0px 10px 20px 0px; position: relative; width: 100%; }
#content_container form			{ padding-top: 10px; }
#fourBoxDiv	{
	width:100%;
	display:table;
}
#fourBoxDiv > div	{
	display:table-row;
}
#fourBoxDiv > div > div	{
	text-align:center;
	display:table-cell;
	width:25%;
	font-size:14px;
	background-color:rgba(238,113,1,0.2);
}
#fourBoxDiv > div > div:nth-child(1)	{background-color:rgba(238,113,1,0.5);}
#fourBoxDiv > div > div:nth-child(2)	{background-color:rgba(238,113,1,0.4);}
#fourBoxDiv > div > div:nth-child(3)	{background-color:rgba(238,113,1,0.3);}
#fourBoxDiv > div > div:nth-child(4)	{background-color:rgba(238,113,1,0.2);}
#fourBoxDiv > div > div:nth-child(5)	{background-color:rgba(238,113,1,0.1);}
#fourBoxDiv > div > div h1	{
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:20px;
	color:#000;
}
#bottomBoxDiv	{
	width:100%;
	display:table;
	position:fixed;
	bottom:32px;
	background-color:#fff;
}
#bottomBoxDiv > div	{
	display:table-row;
}
#bottomBoxDiv > div > div	{
	text-align:center;
	display:table-cell;
	width:25%;
	font-size:14px;
	background-color:rgba(238,113,1,0.2);
}
#bottomBoxDiv > div > div:nth-child(1)	{background-color:rgba(238,113,1,0.5);}
#bottomBoxDiv > div > div:nth-child(2)	{background-color:rgba(238,113,1,0.4);}
#bottomBoxDiv > div > div:nth-child(3)	{background-color:rgba(238,113,1,0.3);}
#bottomBoxDiv > div > div:nth-child(4)	{background-color:rgba(238,113,1,0.2);}
#bottomBoxDiv > div > div:nth-child(5)	{background-color:rgba(238,113,1,0.1);}
#bottomBoxDiv > div > div h1	{
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:20px;
	color:#000;
}
#footer							{ 
	position:fixed;
	bottom:0px;
	width: 100%;
	text-align:left; 
	font-size:14px;
	padding: 0px; 
	background-color:#c5c6c6;
	color:#fff;
	border-top:2px solid #ee7101;
}
#footer .wrap {
	margin:5px auto;
}
#footermenu	{
	float:right;
}
#footermenu a {
	color:#fff;
}
.gallery	{
	position:relative! important;
}
.gallery.goFull	{
	position:fixed! important;
}
#fancybox-wrap	{
	width:auto! important;
}
#fancybox-content	{
	border-width:0px! important;
}
#fancybox-title	{
	margin-left:0px! important;
	bottom:0px! important;
}
.kWidgetIframeContainer	{
	margin:0px auto;
}
/*
	AnythingSlider v1.8+ Default theme
	By Chris Coyier: http://css-tricks.com
	with major improvements by Doug Neiner: http://pixelgraphics.us/
	based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

/*****************************
  SET DEFAULT DIMENSIONS HERE
 *****************************/
/* change the ID & dimensions to match your slider */
#slider {
	width: 100%;
	list-style: none;
	/* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
	overflow-y: auto;
	overflow-x: hidden;
}

/******************
  SET STYLING HERE
 ******************
 =================================
 Default state (no keyboard focus)
 ==================================*/
/* Overall Wrapper */
.anythingSlider-default {
	margin: 0 auto;
	/* 45px right & left padding for the arrows, 28px @ bottom for navigation */
	padding: 0 45px 0px 45px;
}
/* slider window - top & bottom borders, default state */
.anythingSlider-default .anythingWindow {
	border-top: 3px solid #777;
	border-bottom: 3px solid #777;
}
/* Navigation buttons + start/stop button, default state */
.anythingSlider-default .anythingControls a {
	/* top shadow */
	background: #777 url(../images/default.png) center -288px repeat-x;
	color: #000;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}
/* Make sure navigation text is visible */
.anythingSlider-default .anythingControls a span {
	visibility: visible;
}
/* Navigation current button, default state */
.anythingSlider-default .anythingControls a.cur {
	background: #888;
	color: #000;
}

/* start-stop button, stopped, default state */
.anythingSlider-default .anythingControls a.start-stop {
	background-color: #040;
	color: #ddd;
}
/* start-stop button, playing, default state */
.anythingSlider-default .anythingControls a.start-stop.playing {
	background-color: #800;
}

/* start-stop button, default hovered text color (when visible) */
/* hide nav/start-stop background image shadow on hover - makes the button appear to come forward */
.anythingSlider-default .anythingControls a.start-stop:hover,
.anythingSlider-default .anythingControls a.start-stop.hover,
.anythingSlider-default .anythingControls a.start-stop .anythingControls ul a:hover {
	background-image: none;
	color: #ddd;
}

/*
 =================================
 Active State (has keyboard focus)
 =================================
*/
/* slider window - top & bottom borders, active state */
.anythingSlider-default.activeSlider .anythingWindow {
	border-color: #7C9127;
}
/* Navigation buttons, active state */
.anythingSlider-default.activeSlider .anythingControls a {
	/* background image = top shadow */
	background-color: #7C9127;
}
/* Navigation current & hovered button, active state */
.anythingSlider-default.activeSlider .anythingControls a.cur,
.anythingSlider-default.activeSlider .anythingControls a:hover {
	/* background image removed */
	background: #7C9127;
}

/* start-stop button, stopped, active state */
.anythingSlider-default.activeSlider .anythingControls a.start-stop {
	background-color: #080;
	color: #fff;
}
/* start-stop button, playing, active state */
.anythingSlider-default.activeSlider .anythingControls a.start-stop.playing {
	background-color: #d00;
	color: #fff;
}
/* start-stop button, active slider hovered text color (when visible) */
.anythingSlider-default.activeSlider .start-stop:hover,
.anythingSlider-default.activeSlider .start-stop.hover {
	color: #fff;
}

/************************
  NAVIGATION POSITIONING
 ************************/
/* Navigation Arrows */
.anythingSlider-default .arrow {
	top: 50%;
	position: absolute;
	display: block;
}

.anythingSlider-default .arrow a {
	display: block;
	width: 45px;
	height: 140px;
	margin: -70px 0 0 0; /* half height of image */
	text-align: center;
	outline: 0;
	background: url(../images/default.png) no-repeat;
}

/* back arrow */
.anythingSlider-default .back { left: 0; }
.anythingSlider-default .back a { background-position: left top; }
.anythingSlider-default .back a:hover,
.anythingSlider-default .back a.hover { background-position: left -140px; }
/* forward arrow */
.anythingSlider-default .forward { right: 0; }
.anythingSlider-default .forward a { background-position: right top; }
.anythingSlider-default .forward a:hover,
.anythingSlider-default .forward a.hover { background-position: right -140px; }

/* Navigation Links */
.anythingSlider-default .anythingControls { outline: 0; display: none; }
.anythingSlider-default .anythingControls ul { margin: 0; padding: 0; float: left; }
.anythingSlider-default .anythingControls ul li { display: inline; }
.anythingSlider-default .anythingControls ul a {
	font: 11px/18px Georgia, Serif;
	display: inline-block;
	text-decoration: none;
	padding: 2px 8px;
	height: 18px;
	margin: 0 5px 0 0;
	text-align: center;
	outline: 0;
}

/* navigationSize window */
.anythingSlider-default .anythingControls .anythingNavWindow {
	overflow: hidden;
	float: left;
}

/* Autoplay Start/Stop button */
.anythingSlider-default .anythingControls .start-stop {
	padding: 2px 5px;
	width: 40px;
	text-align: center;
	text-decoration: none;
	float: right;
	z-index: 100;
	outline: 0;
}

/***********************
  IE8 AND OLDER STYLING
 ***********************/

/* Navigation Arrows */
.as-oldie .anythingSlider-default .arrow {
	top: 30%;
}
.as-oldie .anythingSlider-default .arrow a {
	margin: 0;
}

/* margin between nav buttons just looks better */
.as-oldie .anythingSlider-default .anythingControls li {
	margin-left: 3px;
}

/* When using the navigationSize option, the side margins need to be zero
	None of the navigation panels look good in IE7 now =( */
.as-oldie .anythingSlider-default .anythingControls a {
	margin: 0;
}
.as-oldie .anythingSlider-default .anythingNavWindow {
	margin: 0 2px;
}
.as-oldie .anythingSlider-default .anythingNavWindow li {
	padding: 3px 0 0 0;
}

/***********************
  COMMON SLIDER STYLING
 ***********************/
/* Overall Wrapper */
.anythingSlider {
	display: block;
	overflow: visible !important;
	position: relative;
}
/* anythingSlider viewport window */
.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
/* anythingSlider base (original element) */
.anythingSlider .anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	overflow: visible !important;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

/* Navigation arrow text; indent moved to span inside "a", for IE7;
  apparently, a negative text-indent on an "a" link moves the link as well as the text */
.anythingSlider .arrow span {
	display: block;
	visibility: hidden;
}
/* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
.anythingSlider .arrow.disabled {
	display: none;
}
/* all panels inside the slider; horizontal mode */
.anythingSlider .panel {
	background: transparent;
	display: block;
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0;
}
/* vertical mode */
.anythingSlider .vertical .panel {
	float: none;
}
/* fade mode */
.anythingSlider .fade .panel {
	float: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
/* fade mode active page - visible & on top */
.anythingSlider .fade .activePage {
	z-index: 1;
}

/***********************
  RTL STYLING
 ***********************/
/* slider autoplay right-to-left, reverse order of nav links to look better */
.anythingSlider.rtl .anythingWindow {
	direction: ltr;
	unicode-bidi: bidi-override;
}
.anythingSlider.rtl .anythingControls ul { float: left; } /* move nav link group to left */
.anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
.anythingSlider.rtl .start-stop { /* float: right; */ } /* move start/stop button - in case you want to switch sides */

/* probably not necessary, but added just in case */
.anythingSlider,
.anythingSlider .anythingWindow,
.anythingSlider .anythingControls ul a,
.anythingSlider .arrow a,
.anythingSlider .start-stop {
	transition-duration: 0s;
	-o-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-webkit-transition-duration: 0s;
}

#bgSlider	{
	height:25vw! important;
}
#slider {
	width: 100vw;
	/*height: 100%;*/
	list-style: none;
	overflow:hidden;
}
.anythingSlider	{
	width: 100vw;
	margin:0px! important;
	padding:0px;
	height:auto;
}
#slider	.pane					{ 
	/*min-width: 100vw! important; */
	background-size: cover! important;
	background-repeat:no-repeat;
	background-position-x: 50%;
	/*width: 100vw! important;*/
}
#slider .panel	{
	border:0px;
	border-radius:0px;
}
#slider .sloganSpace			{ 
	display: block;
	width: 90%! important;
	max-width:650px! important;
	margin: 0px auto;
	text-align:left;
	position:relative;
	top:120px;
}
#slider .slogan					{ 
	color: #ffffff;
    padding: 0px 5px;
    font-size: 60px;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: normal;
    text-align: right;
    /*text-shadow: 1px 1px rgba(0,0,0,0.5);*/
	/*box-shadow: 10px 0 0 rgba(255,255,255,0.3), -10px 0 0 rgba(255,255,255,0.3);
	margin-right:2.5%px;*/
}

.anythingSlider ul.thumbNav		{ 
	float: right; position: relative; z-index: 500; top: 27vw;}
.anythingSlider ul.thumbNav	a	{ 
	background: #fff! important; padding: 0! important; 
	width: 10px! important; height: 10px! important; display: inline-block; border-radius: 0px; }
.anythingSlider ul.thumbNav	a.cur	{ background: rgba(238,113,1,0.9)! important; width:10px;height:10px; }
.anythingSlider ul.thumbNav	span	{ display: none; }

.anythingSlider .arrow			{ z-index: 500; }
.anythingWindow					{ border: 0! important; margin: 0! important; }
.anythingSlider-default .arrow.forward a { }
.anythingSlider-default .arrow.back a {  }
.anythingSlider-default .arrow.forward { right: -45px; }
.anythingSlider-default .arrow.back { left: -45px; }
.anythingControls	{
	max-width: 650px;
	width:90%;
    margin: 0px auto;
    position: relative;
    top: -29vw;
}

@media screen and (min-width: 1920px){
	#slider .sloganSpace			{ 
		/*display: block;
		width: 90%! important;
		max-width:650px! important;
		margin: 0px auto;
		text-align:right;
		position:relative;*/
		/*top:10vw;*/
	}
	#slider .slogan					{ 
		/*font-weight:normal;
		color: #ffffff; 
		background: rgba(255,255,255,0.3); 
		padding: 2px 5px; 
		font-size: 64px;
		text-shadow:1px 1px rgba(0,0,0,0.5);*/
		/*box-shadow: 10px 0 0 rgba(255,255,255,0.3), -10px 0 0 rgba(255,255,255,0.3);
		margin-right:2.5%px;*/
	}
}
#blog	{
	
}
#blogList	{
	display: block;
    width: 80%;
    float: left;
    padding-right: 20px;
}
#blogMenu	{
	display: block;
    float: left;
    width: 20%;
    padding-left:20px;
    text-align:left;
}
#blogMenu > div	{
	padding-bottom:20px;
}
#blogMenu > div a	{
	display: block;
    text-transform: uppercase;
    font-size:12px;
    color:#000;
    padding:5px 0px;
    border-bottom:1px solid #ddd;
}
#blogMenu > div a:nth-last-child(1)	{
	border-bottom:0px;
}
#aboutBlog	{
	font-size:12px;
}
.BlogMenuTitleText	{
	stroke: #fff;
    fill: #fff;
    font-size: 60px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}
.blogPost	{
	display: block;
    width: 100%;
    float: left;
    border-bottom: 2px solid #ddd;
    padding-bottom: 20px;
    margin-top: 20px;
}
.blogPost:nth-last-child(1)	{
	border-bottom:0px;
}
.blogListImg	{
	display: block;
    width: 250px;
    height:250px;
    float: left;
    background-size:cover;
    background-position: 50%;
}
.blogListImg img	{
	max-width:100%;
}
.blogListTxt	{
	display: block;
    width: calc(100% - 250px);
    float: right;
    text-align:center;
    padding-left:20px;
    color:#000;
}
.blogListTxt label,.wysiwygBlog label	{
	color: #aaa;
    text-transform: uppercase;
    font-size: 20px;
    margin:0px;
}
.blogListTxt h2,.wysiwygBlog h2	{
	color: #000;
    text-transform: uppercase;
    font-size: 36px;
    margin: 10px 0px;
}
.blogListTxt h3,.wysiwygBlog h3	{
	color: #aaa;
    font-size: 16px;
    margin:10px 0px;
}
.blogListTxt h4,.wysiwygBlog h4	{
	color: #000;
    font-size: 16px;
    font-weight:bold;
    margin-top:30px;
}
#blog .galleryitem {
    max-width: calc(1024px / 100 * 80 / 3 - 35px);
    max-height: calc(1024px / 100 * 80 / 3 - 35px);
}
.captchaContainer	{
	width:100%;
}
.captchaContainer div	{
	display:inline-block;
	width:50%;
}
.text-primary {
    color: inherit;
}
.btn-primary {
    color: #fff;
    background-color: #ee7101;
    border-color: #ee7101;
}
	.galleryitem {
	    max-width: calc(1024px / 3 - 33px)! important;
	    max-height: calc((1024px / 3 - 33px) * 1.4)! important;
	}

@media (max-width: 1130px)		{
	#wrap						{ width: 90%; border: 0; }
	#fourBoxDiv	{
		width:90%;
		display:inline-block;
		margin:0px 5%;
	}
	#fourBoxDiv > div	{
		display:block;
	}
	#fourBoxDiv > div > div	{
		display:block;
		float:left;
		width:100%;
	}
	#bottomBoxDiv	{
		width:100%;
		display:block;
		position:relative;
		bottom:32px;
		background-color:#fff;
	}
	#bottomBoxDiv > div	{
		display:block;
	}
	#bottomBoxDiv > div > div	{
		text-align:center;
		display:block;
		float:left;
		width:100%;
	}
	#bottomBoxDiv > div > div a	{
		margin:0px;
	}
	#bottomBoxDiv > div > div h1	{
		margin:5px;
	}
	#footer	{
		text-align:center;
	}
	#footermenu	{
		display:none;
	}
	#mainmenu_container	{
		display:none;
	}
	#socialhead	{
		display:none;
	}
	#slider .sloganSpace	{
		top:7vw;
		line-height:15px;
	}
	#slider .slogan	{
		font-size:24px;
		line-height:12px;
	}
	#header	{
		
	}
	body	{
		
	}
	.content img	{
		max-width:100%;
		height:auto;
	}

	#mobile-menu				{ display:block;position:absolute;top:100px;right:15px;z-index:10001;}
	#mobile-menu .buttons .mobile			{ text-align:center; margin: auto;vertical-align:middle;}
	.buttons.mobile a			{float:right;display:block;width:38px; height:38px;max-width:15vw;margin:9px 9px auto 0px;}
	#mobile-menu svg,#mobile-menu img 			{ width:38px; height:38px;max-width:15vw;fill: #ee7101;}
	#mobile-menu svg			{ border:1px solid #dddddd; border-radius: 0px;}
	#logo	{
		max-height:120px;
		max-width:50%;
	}
	#mobileDivMenu				{ 
		position:fixed;
		overflow:scroll! important;
		z-index:1000;
		width: 100%; 
		min-height: calc(100vh - 170px)! important;
		max-height:calc(100vh - 170px)! important;
		padding:20px 10px 60px 10px; 
		background-color: rgba(255,255,255,0.95);
		border: 0px solid #dc340b;
		border-radius:0px;
		margin-left:0%;
		margin-right:0%;
		margin-bottom:0px! important;
		left:0px;
		top:175px;
		-webkit-transition-property: left;
    	-webkit-transition-duration: 0.5s;
    	-webkit-transition-timing-function: ease-in-out;
    	transition-property: left;
    	transition-duration: 0.5s;
    	transition-timing-function: ease-in-out;
	}
	.noMoreScroll				{ overflow:hidden; }
	#mobileDivMenu.invMen		{ 
		left:-100vw;
		-webkit-transition-property: left;
    	-webkit-transition-duration: 0.5s;
    	-webkit-transition-timing-function: ease-in-out;
    	transition-property: left;
    	transition-duration: 0.5s;
    	transition-timing-function: ease-in-out;
	}
	#mobileDivMenu ul			{ background-color: transparent; list-style: none;margin:0px 10px;padding:0px;}
	#mobileDivMenu ul li		{ background-color: rgba(31,98,127,0); border-bottom:1px solid  #1f627f; border-radius:0px; margin: 0px;}
	#mobileDivMenu ul li a		{ cursor:pointer; display:inline-block; text-decoration:none; width:90%; padding:14px 0px 14px 0px; vertical-align:middle; margin: 0px 0px 0px 0px;}
	#mobileDivMenu .closeMobileMenu				{ cursor:pointer;position:absolute;display:none;top:5px;right:5px;height:25px;width:25px;border: 0px solid rgba(248,173,0,0.5);border-radius:25px;background-color: transparent;padding-top:0px;color:#1f627f; }
	.invBut{display:none;}
	#mobileDivMenu i				{ font-size: 14px;display:none;}
	#mobileDivMenu ins 			{ vertical-align: text-bottom; display: inline-block; height: 18px; margin: 0; padding: 0; text-decoration: none; width: 18px; }
	#mobileDivMenu li:last-child 		{ border-bottom:0px; }

	#mobileDivMenu li.node_folder > ins				{ cursor: pointer; font-size: 18px; text-align: center; vertical-align: middle; color: #ee7101; text-decoration:none;}
	#mobileDivMenu li.node_closed.node_folder > ins.fa:before	{ content: "\f0da"; }
	#mobileDivMenu li.node_open.node_folder > ins.fa:before	{content: "\f0d7";}
	#mobileDivMenu li.node_closed.node_folder > ul		{ display:none;}
	#mobileDivMenu li.node_open.node_folder > ul		{ display:block;}
	#mobileDivMenu li.node_loading > a > i.fa:before 	{ content: "\f110"; }
	#mobileDivMenu li.node_loading > a > i.fa			{ -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; }

	#mobileDivMenu .language_menu				{ position:absolute;right:10px;display:block;}
	.language_menu				{ display:none;}
	.galleryitem {
	    max-width: calc(90vw / 2 - 21px)! important;
	    max-height: calc((90vw / 2 - 21px) * 1.4)! important;
	}
	.gallery .thumb_alt_1	{
		font-size:12px;
	}
	.goFull	{
		z-index:10002! important;
	}
	.goFull	.galleryitem {
	    position: relative;
	    top: 0vh! important;
	    left: 0vh! important;
	    margin: 2.5vw! important;
	    display: inline-block;
	    margin: 0px;
	    max-width: 20vw! important;
	    max-height: 20vw! important;

	}
	.goFull .galleryitem.showFull {
	    max-width: 90vw! important;
	    max-height: calc(90vw * 1.4)! important;
	    height: 100%! important;
	    width: 100%! important;
	    /* float: none; */
	    position: absolute! important;
	    bottom: 5vw! important;
	    top: initial! important;
	    left: 2.5vw! important;
	    /* margin: 3vh auto; */
	}

	.blogListImg	{
		display: block;
	    width: 250px;
	    height: 250px;
	    float: initial;
	    margin: 20px auto;
	    background-size: cover;
	    background-position: 50%;
	}
	.blogListTxt	{
		display: block;
	    width: 100%;
	    float: initial;
	    text-align:center;
	    padding-left:0px;
	    color:#000;
	}
}
@media (max-width: 800px)		{
	#blogList	{
		display: block;
	    width: 100%;
	    float: left;
	    padding-right: 0px;
	}
	#blogMenu	{
		display: block;
	    float: left;
	    width: 100%;
	    padding-left:0px;
	    text-align:center;
	}
	#blogMenu > div	{
		max-width:300px;
	}
}




