/* @group CSS style BG slices in stacks */
.style1 {background: url(../images/editable_images/background_tile_001.png) center top repeat !important;}
.style2 {background: url(../images/editable_images/background_tile_002.png) center top repeat !important;}
.style3 {background: url(../images/editable_images/background_tile_003.png) center top repeat !important;}
.style4 {background: url(../images/editable_images/background_tile_004.png) center top repeat !important;}
.style5 {background: url(../images/editable_images/background_tile_005.png) center top repeat !important;}
.style6 {background: url(../images/editable_images/background_tile_006.png) center top repeat !important;}
.style7 {background: url(../images/editable_images/background_tile_007.png) center top repeat !important;}
.style8 {background: url(../images/editable_images/background_tile_008.png) center top repeat !important;}
.style9 {background: url(../images/editable_images/background_tile_009.png) center top repeat !important;}
.style10 {background: url(../images/editable_images/background_tile_010.png) center top repeat !important;}
.style11 {background: url(../images/editable_images/background_tile_011.png) center top repeat !important;}
.style12 {background: url(../images/editable_images/background_tile_012.png) center top repeat !important;}
.style13 {background: url(../images/editable_images/background_tile_013.png) center top repeat !important;}
.style14 {background: url(../images/editable_images/background_tile_014.png) center top repeat !important;}
.style15 {background: url(../images/editable_images/background_tile_015.png) center top repeat !important;}
/* @end */
 
 .backdrop-blur {-webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); -webkit-transform:translate3d(0,0,0);}
 
 /* center DIV and images */
.center, .center img { margin-left: auto; margin-right: auto; text-align: center; align-items: center; display: block !important;}

/* responsive columns in RW pages */
.left-side { float: left; width: 48%; }
.right-side { float: right; width: 48%; }
.column-2x-500 img, .column-2x-600 img, .column-2x-770 img, .column-2x-900 img, .column-2x-1030 img, .column-2x-1150 img { max-width: 100%; height: auto;  }	
.column-2x-500:after, .column-2x-600:after, .column-2x-770:after, .column-2x-900:after, .column-2x-1030:after, .column-2x-1150:after { content:"";display: table; clear: both; }
@media screen and (max-width:500px){.column-2x-500 .left-side,.column-2x-500 .right-side { float:none!important;width:auto!important } }
@media screen and (max-width:600px){.column-2x-600 .left-side,.column-2x-600 .right-side { float:none!important;width:auto!important } }
@media screen and (max-width:770px){.column-2x-770 .left-side,.column-2x-770 .right-side { float:none!important;width:auto!important } }
@media screen and (max-width:900px){.column-2x-900 .left-side,.column-2x-900 .right-side { float:none!important;width:auto!important } }
@media screen and (max-width:1030px){.column-2x-1030 .left-side,.column-2x-1030 .right-side{float:none;width:auto;background-color:rgba(8,8,8,.82)}}@media screen and (max-width:1150px){.column-2x-1150 .left-side,.column-2x-1150 .right-side {float:none;width:auto} }
   

/* @group Extracontent formatting */
.column { float: left; }
.one { width: 100%; }
.two { width: 50%;}
.three { width: 33.3%; }
.four { width: 25%; }
.five { width: 20%; }
.two3rds { width: 66%; }
.three4ths { width: 75%; }
.four5ths { width: 80%; }
.column .content { width: 90% ! important; margin: 0 auto; padding: 0 ! important; float: none ! important;}
/* @end */

/* @group Extracontents  */
#extraContainer1 {	z-index: 0;	position: relative;}
#extraContainer1box { margin: 0;
position: relative; display: block;	top: 0;	border-style: none;
}
#extraContainer1 img { display: block; overflow: auto; margin-bottom: -6px; }
#extraContainer2, #extraContainer3 { padding: 5px 5%; }
/* @end */

/* @group General Styles */
html{ height:100% ; min-height:100%; }
body{ min-height:100%; padding: 0; margin: 0; width: 100%; }
p { }
b, strong {	}
a:link, a:visited {	text-decoration: none; transition-property: color;	transition-duration: 250ms;	-webkit-transition-property: color;	-webkit-transition-duration: 250ms;	-moz-transition-property: color;	-moz-transition-duration: 250ms; }
a:hover, a:active { }
img { border: none; }
.image-left { float: left; margin: 5px 10px 2px 0;	padding: 5px 15px 2px 5px; position: relative; }
.image-right { float: right; margin: 3px 0 2px 10px; padding: 3px 0 2px 15px; position: relative; }
/* @end */

/* @group Layout */
.side_bg_column {		-webkit-transform-style: preserve-3d;

}


#page {	position: relative;	margin-left: auto; margin-right: auto;	overflow: auto;	width: 100%; float: left; position: relative; margin: 0;	padding: 0;	}
#bodyimage { z-index: -2; transition: all 0s linear !important; -moz-transition: all 0s linear !important;	-webkit-transition: all 0s linear !important; }
#bodygradient{ z-index: -2; height: 100%; width: 100%; position: fixed !important; top: 0; }
#container { position: relative; }
/* ------------------------------ */
.clearer { clear: both;	display:block; position: relative; }

/* @group big logo SLIDE */
   
@keyframes slide-big-logo { 
0%{
transform: translateY(-16px);
-webkit-transform:  translateY(-16px);
 } 
40%{
transform: translateY(-16px);
-webkit-transform: translateY(-16px);
 } 
100%{
transform: translateY(0px);
-webkit-transform: translateY(0px);
 }
}
@-webkit-keyframes slide-big-logo {
0%{  -webkit-transform:  translateY(-16px); } 
40%{ -webkit-transform:  translateY(-16px); } 
100%{ -webkit-transform: translateY(0px); }
}
/* @end */
/* -------logo ------ */

#pageHeader {
	margin: 0;
	padding: 0;
	position: relative;
	overflow: auto;
}
#pageHeader img {
	height: auto;
	overflow: auto;
	width: auto;
	display: block;	
	transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-webkit-transition: all 0.15s linear;
	position: relative;
	right: 0;
	z-index: 30;
	margin-right: auto;
	margin-left: auto;
	float: right;
}
#pageHeader img:hover {	opacity: 0.9; transform: scale(0.99, 0.99); }

.titles-top h1, .titles-page h1 {
	padding-right: 0;
	padding-left: 0;
	position: relative;
	margin: 0;
	text-align: center;
}

.titles-top h2, .titles-page h2 {
	position: relative;
	text-align: center;
	padding: 0;
}

.titles-top h1 {line-height: 1.2em; font-size: 2.2em !important; }
.titles-top h2 { letter-spacing: 1px; font-size: 1.0em;
padding-bottom: 20px;
}
.titles-page h1 { margin-top: 26px; line-height: 1em; }
.titles-page h2 { letter-spacing: 1px; font-size: 1.3em; margin-bottom: 23px; }
#contentContainer {	position: relative;	top: 0; }

#contentContainer #content {
	float: left;
	position: relative;
	clear: none;
	height: auto;
	margin: 0;
	z-index: 1;
	width: 66%;
	padding: 30px 2%;
}
#sidebarContainer {
	margin: 0;
	float: left;
	display: block;
	position: relative;
	top: 0;
	min-height: 00px;
	width: 30%;
	padding: 0;
}
#sidebarContainer #sidebar {
width: auto;
padding: 2% 5%;
}
#sidebarContainer .sideHeader {
	text-align: center;
	line-height: 1.5em;
	font-size: 1.2em;
	padding-top: 15px;
}
#footer, #footer-mobil { margin: 0;	padding: 10px;	text-align: center; }
#footer a:link, #footer a:visited { }
#footer a:hover, #footer a:active, #footer-mobil a:hover, #footer-mobil a:active {	text-decoration: underline; }
#footer, #footer p, #footer-mobil, #footer-mobil p {	font-size: 0.85em; line-height: 1.5em; }


/* @end */
/* @group Bread-crumb */

#breadcrumbcontainer a  { line-height: 30px; font-size: 12px; }
#breadcrumbcontainer { text-align: center;	padding: 2px 8px 2px 10px;	position: relative; }
#breadcrumbcontainer ul { margin: 0;	padding: 0; }
#breadcrumbcontainer li { display: inline; }
#breadcrumbcontainer li { text-shadow: none; 	position: relative;	padding: 0; }
#breadcrumbcontainer a { text-decoration: none;	text-align: center;	padding-left: 0;	padding-right: 0;	margin: 0;	position: relative;	top: -2px; }
#breadcrumbcontainer a:hover { text-decoration: underline; }
/* @end */
/* @group Blog */
/* @group Tag Cloud */
ul.blog-tag-cloud {	margin: 0 0 10px; padding: 0; text-align: justify; }
ul.blog-tag-cloud li {	display: inline; padding-right: 5px;}
.blog-tag-size-1 { font-size: 0.8em;} .blog-tag-size-2 { font-size: 0.85em;} .blog-tag-size-3 { font-size: 0.9em; } .blog-tag-size-4 { font-size: 0.95em; } .blog-tag-size-5 { font-size: 1em; } .blog-tag-size-6 { font-size: 1.05em; } .blog-tag-size-7 { font-size: 1.1em; } .blog-tag-size-8 { font-size: 1.15em; } .blog-tag-size-9 { font-size: 1.2em; } .blog-tag-size-10 { font-size: 1.25em; } .blog-tag-size-11 { font-size: 1.3em; } .blog-tag-size-12 {	font-size: 1.35em; } .blog-tag-size-13 { font-size: 1.4em; } .blog-tag-size-14 { font-size: 1.45em; } .blog-tag-size-15 { font-size: 1.5em; } .blog-tag-size-16 {	font-size: 1.55em; } .blog-tag-size-17 { font-size: 1.6em; } .blog-tag-size-18 { font-size: 1.65em; } .blog-tag-size-19 { font-size: 1.7em; } .blog-tag-size-20 { font-size: 1.75em;
overflow: auto;
}
/* @end */
/* @group Archive Page */
.blog-entry-summary {
	margin-bottom: 15px;
	padding: 7px;
}
.blog-archive-month {
	font-size: 30px;
	text-align: left;
	text-indent: 40px;
	line-height: 30px;
	padding: 2px;
	margin: 0 0 10px;
}
.blog-archive-link {
	font-size: 13px;
	text-align: left;
	text-indent: 41px;
	margin-bottom: 22px;
}
.blog-archive-link:before, .blog-archive-month:before {
    top: 0;
    content: "\e022";
	position: relative;
	padding: 0;
	margin: 0;
	font: 20px 'ElegantIcons';
	left: -5px;
}
/* @end */

.blog-entry {
	text-align: left;
	padding-top: 15px;
}
.blog-entry-title {
	display: inline-block;
	margin-left: 0;
	text-indent: 3px;
	width: auto;
	position: relative;
	padding: 0 9px 11px;
	font-size: 30px;
	line-height: 34px;
	font-weight: normal;
	font-style: normal;
}
.blog-entry-date {
	text-align: left;
	font-size: 11px;
	width: 94%;
	margin-bottom: 20px;
	margin-right: 1%;
	padding: 5px 2%;
	background-color: rgba(129, 129, 129, 0.09);
}
.blog-entry-date:before {
    top: 0;
    content: "\e023";
	position: relative;
	padding: 0 0 0 10px;
	margin: 0;
	font: 10px 'ElegantIcons';
	left: -5px;
}
/*styles the category link in the main entry */
.blog-entry-category {
	margin-left: 5px;
	margin-right: 2px;
	float: right;
	text-align: right;
	padding: 1px 10px 3px 5px;
	clear: left;
	display: inline-block;
}
.blog-entry-category:before {
    top: 0;
    content: "\e022";
	position: relative;
	padding: 0;
	margin: 0;
	font: 11px 'ElegantIcons';
	left: -2px;
}
.blog-entry-category a:link, .blog-entry-category a:visited { }
/*styles the permalink link in the main entry */
.blog-entry-permalink {
	padding-left: 15px;
	margin-left: 4px;
	padding-bottom: 5px;
	padding-top: 1px;
}
.blog-entry-permalink:before {
    top: 0;
    content: "\e046";
	position: relative;
	padding: 0;
	margin: 0;
	font: 10px 'ElegantIcons';
	left: -5px;
}
.blog-entry-permalink a:link, .blog-entry-permalink a:visited { }
.blog-read-more {
	padding: 7px;
	margin: 0;
}
.blog-entry-body {
	padding: 10px;
	margin: 0;
}
.blog-entry-comments {
	text-align: right;
	padding-right: 5px;
	margin-bottom: 15px;
	margin-top: 10px;
	font-size: 11px;
}
/* styles the archives in the blog sidebar */
.blog-archive-link-enabled { }
.blog-archive-link-disabled { }
.blog-category-link-enabled:before, .blog-category-link-disabled:before {
    top: 0;
    content: "5";
	position: relative;
	padding: 0;
	font: 13px 'ElegantIcons';
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	left: -5px;
}
.blog-category-link-enabled, .blog-category-link-disabled {
	font-size: 13px;
	padding-bottom: 2px;
	line-height: 25px;
	text-transform: uppercase;	
	transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-webkit-transition: all 0.20s linear;
	padding-top: 1px;
	padding-left: 15px;
}
.blog-category-link-disabled {
	position: relative;
	z-index: 1;
}
 /*Styles the blog RSS feeds in the blog sidebar*/ 
#blog-rss-feeds {
	font-size: 12px;
	line-height: 24px;
	padding-top: 7px;
	margin: 0;
	width: 90%;
}
.blog-rss-link {
	padding-bottom: 4px;
	float: left;
	clear: left;
	margin-top: 10px;
	margin-left: 2%;
	padding-left: 3%;
	text-indent: 4px;
	margin-bottom: 15px;
	width: 90%;
}
.blog-comments-rss-link {
	padding-bottom: 4px;
	float: left;
	clear: left;
	margin-top: 10px;
	margin-left: 2%;
	padding-left: 3%;
	text-indent: 4px;
	width: 90%;
}
.blog-comments-rss-link:before, .blog-rss-link:before {
    top: 0;
    content: "\e0bf";
	position: relative;
	padding: 0;
	margin: 0;
	font: 22px 'ElegantIcons';
	left: -5px;
}
p.blog-entry-tags {
	margin-bottom: 30px;
	font-size: 13px;
	line-height: 15px;
}
p.blog-entry-tags a {
	padding: 3px 1px 4px 10px;
	margin-left: 2px;
	font-size: 13px;
	line-height: 15px;
}
/* Styles blog tag links normal and visited state */
p.blog-entry-tags a:link, p.blog-entry-tags a:visited {
	padding-top: 2px;
	padding-bottom: 1px;
	margin: 0;
}
p.blog-entry-tags a:before, ul.blog-tag-cloud:before {
    top: 0;
	content: "\e017";
	position: relative;
	padding: 0;
	margin: 0;
	font: 14px/21px 'ElegantIcons';
	left: -5px;
}

p.blog-entry-tags a:hover { }
p.blog-entry-tags a:active { }
ul.blog-tag-cloud { }
ul.blog-tag-cloud li { }
ul.blog-tag-cloud li a:link,
ul.blog-tag-cloud li a:visited { }
ul.blog-tag-cloud li a:hover { }
ul.blog-tag-cloud li a:active { }
/* ___________________________ */
#blog-archives {	
	margin-top: 12px;
	margin-left: auto;
	line-height: 20px;

	padding: 5%;
	width: auto;
	margin-right: auto;
	background-color: rgba(126, 126, 126, 0.06);
}
#blog-categories {
	margin-top: 12px;
	margin-left: auto;

	padding: 5%;
	width: auto;
	margin-right: auto;
	background-color: rgba(126, 126, 126, 0.06);
}
ul.blog-tag-cloud {
	margin-top: 12px;
	margin-left: auto;

	padding: 5%;
	width: auto;
	margin-right: auto;
	background-color: rgba(126, 126, 126, 0.06);
}
/* ___________________________ */
/* @end */

/* @group Blog Comments */

/* @group Disqus */
#dsq-comments-title {clear: none !important;}
#dsq-content .dsq-options {clear: none !important;}
#dsq-thread-settings {clear: none !important;}
#dsq-content div {clear: none !important;}
.dsq-login-buttons li {	clear: none !important;	margin-bottom: 25px!important;}
.dsq-button {float: none ! important;}
/* @end */

/* @group JS-Kit Override */
.js-singleCommentBodyT {
	display: block;
	padding-top: 17px !important;
}
.js-singleCommentHeader {
	padding: 0 8px !important;
}
.js-OldComments, .js-commentFieldLabel, .js-pmFieldLabel, .js-singleCommentBody, .js-singleCommentKarmaComMod, .js-commentBodyLabel, .js-commentCmtTextarea, .js-commentAvatarArea, .js-OldCommentsWrap, .js-OldComments, .js-CreateCommentFieldsWrap, .js-CreateCommentFields, .js-commentCmtTextarea, .js-kit-comments div {
	clear: none !important;
}
.js-singleCommentText {
	display: block !important;
	clear: both !important;
}
.js-kit-comments br {
	display: none !important;
}
.js-singleCommentBody br {
	display: block !important;
}
/* @end */

/* @end */
/* @group Global Classes */
code {
	padding: 5px;
	margin-left: 6%;
	display: block;
	margin-right: 6%;
	font: 14px 'Courier New', Courier, monospace;  
	overflow: auto;
	background-color: transparent;
    font-size: 0.875em;}
pre, xmp {
	padding: 5px;
	margin-left: 5%;
	margin-bottom: 0;
	margin-right: 5%;
	display: block;
	font: 14px 'Courier New', Courier, monospace;
	overflow: auto;
	background-color: transparent;
}
blockquote, .standout { }
.imageStyle { }
/* Main content area unordered list styles */
#contentContainer #content ul { }
#contentContainer #content li { }
ul.disc {
	list-style-type: disc;
}
ul.circle {
	list-style-type: circle;
}
ul.square {
	list-style-type: square;
}
ol.arabic-numbers {
	list-style-type: decimal;
}
ol.upper-alpha {
	list-style-type: upper-latin;
}
ol.lower-alpha {
	list-style-type: upper-latin;
}
ol.upper-roman {
	list-style-type: upper-roman;
}
ol.lower-roman {
	list-style-type: lower-roman;
}
/* Sidebar area unordered list styles */
#sidebarContainer #sidebar ul { }
#sidebarContainer #sidebar li { }
/* Table Styles */
table { }




/* @end */

/* @group FONT SIZE */

/* reset font -  landscape-portraid */
body { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; }
/* body + extracontent --> 100%*/
html, body, header, #container, blockquote, #contentContainer, #contentContainer #content, #sidebarContainer, #sidebarContainer #sidebar, #pageHeader, form, div, span, p, code, iframe, img, table, caption, footer, #extraContainer1, #extraContainer2, #extraContainer3, h1, h2, h3, h4, h5, h6 {font-size: 100%; font: inherit; }

#container, .photo-navigation, .photo-title, #extraContainer1, #extraContainer2, #extraContainer3, #footer, .footer-mobil { font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-style: normal;
line-height: 1.5em;
}

/* @group Global Classes */
h6 {font-size: 16px; line-height: 19px;} h5 {font-size: 17px; line-height: 23px;} h4 {font-size: 22px; line-height: 25px;} h3 {font-size: 26px; line-height: 30px;} h2 {font-size: 30px; line-height: 34px;} h1 {font-size: 36px; line-height: 39px;}
h1, h2, h3, h4, h5, h6 {font-weight: normal; font-style: normal; margin: 0; padding: 0; }
code {font-size: 0.875em;}
/* @end */

/* @end */

/* @group file sharing */
.filesharing-description {
	padding: 16px 20px 20px 16px;
}
.filesharing-item-title {	
	line-height: 1em;
	font-size: 1.5em;
}

.filesharing-item {	display: inline-table;	padding: 0;	margin: 2.6% 2.2% 2.6% 3%;	border-radius:2px;  -webkit-border-radius:2px;  -moz-border-radius:2px ; width: 44.3%;	float: none;  background-color: rgba(136, 136, 136, 0.07); }
.filesharing-item-title { width: auto; margin: 8px; text-align: left; padding-top: 5px; padding-right: 5px;	padding-left: 15px; }
.filesharing-item-title a:hover {		transition: all 0.15s linear; -moz-transition: all 0.15s linear; 	-webkit-transition: all 0.15s linear; background-position: 5px 75%; }
.filesharing-item-title a:visited { }
.filesharing-item-description { font-weight: normal; 	padding: 15px 18px 18px; margin: 0; }
.filesharing-item-title a:link:before { top: 3px; content: "\e004";	position: relative;	padding: 0;	margin: 0 10px 0 0;	font: 28px 'ElegantIcons'; left: 0; }
/* @end */

/* @group Photo Album */

/* @group Index Page (Thumbnail view) */

/* ------------------- */
.album-description { margin-bottom: 1rem; }
.album-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -1rem 1rem; }
.album-wrapper .thumbnail-wrap { display: block; width: 21%!important; height: auto!important; padding: 2%; }
.album-wrapper .thumbnail-wrap .thumbnail-frame { width: 100%!important; }
.album-wrapper .thumbnail-wrap .thumbnail-frame>a {  display: block; }
.album-wrapper .thumbnail-wrap .thumbnail-frame>a>img {
	-webkit-box-shadow: 0 5px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07);
	box-shadow: 0 5px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07);
	width: 100%!important;
	height: 100%!important;
	margin-bottom: 5px;
}
.thumbnail-caption {
	display: block;	
	text-transform: uppercase;
	text-align: center;
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 10px;
}
/* ------------------- */

/* @end */
/* @group Single Page (Photo view) */

/* Single Page (Photo view) */
.photo { }
.photo-background {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
}
.photo-navigation {
	padding: 5px 0 0;
	text-align: center;	
	margin-right: auto;
	margin-left: auto;

	max-width: 340px;
	background-color: rgba(0,0,0,0.1739159);
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.photo-navigation a:link, .photo-navigation a:visited {
	color: #f2f2f2;
	text-align: center;
}
.photo-title {
	letter-spacing: 1px;
	color: #ffffff;
	margin: 0;
	text-align: center;
	padding: 8px 0;
	text-transform: uppercase;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.photo-caption {
	color: #d8d8d8;
	padding: 0px;
	margin-top: 7px;
}
.photo-links {
	color: #fff;	
    background-color: rgba(0,0,0,0.1739159);
	margin: 0;	
	opacity: 0.85;	
	transition: all 0.12s linear;
	-moz-transition: all 0.12s linear;
	-webkit-transition: all 0.12s linear;
	padding: 25px 0;
	text-transform: uppercase;
}
.photo-links:hover {
	opacity: 1.0;	
	transition: all 0.22s linear;
	-moz-transition: all 0.22s linear;
	-webkit-transition: all 0.22s linear;
}
.photo-links a {
	padding: 0;
	margin: 0;
}
.photo-links a:hover, .photo-links a:active {}
.photo-navigation a:hover {
	text-decoration: underline;
	color: #dbdbdb;
}
.photo-frame{
	width: 95%; /* fallback IE */
	height: auto; /* fallback IE */
	max-width: 95%; /* fallback IE */	
	position: absolute;	
	box-shadow: 0px 3px 15px 0px rgba(21, 21, 21, 0.271) ;
	-webkit-box-shadow: 0px 3px 15px 0px rgba(21, 21, 21, 0.271) ;
	-moz-box-shadow: 0px 3px 15px 0px rgba(21, 21, 21, 0.271) ;
	margin-right: auto;
	padding: 0;
	margin-left: auto;	
	max-width: 100vw;
	 width:auto;
	height:auto;
	max-width: 95vw;
	max-height: 75vh;
	text-align: center;
	right: 0;
	left: 0;
	margin-top: 1.5%;
}
.photo-background { }
.photo-navigation { }
.photo-links { }
.photo-navigation a:link, .photo-navigation a:visited { }
.photo-navigation a:hover { }
.photo-frame { }
.photo-title { }
.photo-caption { }

/* @group animation on load */
.photo-frame {	
  -webkit-animation: photo-frame 0.55s ease-in !important;
  -moz-animation: photo-frame 0.55s ease-in !important;
  animation: photo-frame 0.55s ease-in !important;
}
@-moz-keyframes photo-frame { 0% { opacity: 0; }  100% { opacity: 1; }}
@-webkit-keyframes photo-frame{ 0% { opacity: 0;}  100% { opacity: 1; }}
@keyframes photo-frame {
  0% {opacity: 0;}
  100% {opacity: 1; }
}
/* ---------- */
.photo-frame:hover{}
/* @end */
/* @end */
/* @end */

/* @group Contact form */
form {
	width: 92%;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 6%;
}
.message-text, .form-footer {
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	width: 94%;
	padding: 16px 18px;
} 
.required-text {} 
.form-input-field {
	background-color: #fbfbfb;
	margin-top: 8px;
	color: #5d5d5d;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	padding: 7px;
	border: 1px solid #dcdcdc;
	font-size: 15px;
	line-height: 17px;
}
.form-input-field:hover, .form-input-field a:visited {
	background-color: #fffeff;
	border-color: #98a9fd;
}
.form-input-field a:active {
	border-color: #98a9fd;
	background-color: #fffeff;
}
.form-input-button {
	padding: 8px 14px;	
	color: #919191;	
	border: 1px solid #d5d5d5;
	text-transform: uppercase;
	margin: 10px 10px 0 5px;	
	transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-webkit-transition: all 0.20s linear;
  	text-shadow: #f1f1f1 0 1px 0;
	letter-spacing: 1px;
	background-color: #eaeaea;
}
.form-input-button:hover {
	border: 1px solid #bcbcbc;	
	transition: all 0.18s linear;
	-moz-transition: all 0.18s linear;
	-webkit-transition: all 0.18s linear;
	color: #515151;
}
.form-input-button:focus { } 
/* @end */

/* @group Sitemap */
.rw-sitemap {
	padding: 0;
	margin-top: 20px;
	margin-bottom: 25px;
	margin-left: 15%;
	max-width: 70%;
}
.rw-sitemap ul {
    padding: 0;    
    list-style-position: outside;
	list-style-type: none;
	margin-bottom: 11px;
}
.rw-sitemap ul li {
	margin: 0 0 10px;
	text-transform: none;	  	
	padding: 10px;
	background-color: rgba(141, 141, 141, 0.11);
}

.rw-sitemap ul:last-child {
	padding-right: 8px;
}
.rw-sitemap ul li:last-child {    
	list-style-position: outside;
	list-style-type: none;
	margin-bottom: -5px;
}
.rw-sitemap ul ul {
	margin-bottom: 5px;
	width: auto;
	padding: 5px 0 10px 17px;
	margin-top: 7px;	
}
.rw-sitemap ul ul li {
	background-color: rgba(141, 141, 141, 0.11);
}
.rw-sitemap ul ul li:last-child  {
	border-style: none;
	border-width: 0;
}
.rw-sitemap ul ul ul {
	padding-bottom: 5px;
}
.rw-sitemap ul a {
	padding: 0 8px 0 0;
	font-size: 18px;
}
.rw-sitemap ul li li a {
	font-size: 17px;
	list-style-position: outside;
}
.rw-sitemap ul a:before {
    top: 0;
    content: "\e046";
	position: relative;
	padding: 0 5px 0 15px;
	font: 16px 'ElegantIcons';
	margin: 0;
}
/* @end */

#fade_body { top: 0px !important; }


/* @group Multithemes addons */

/* @group ------ WEB-FONT FOR TEXT ONLY (for this theme only) */

/* @group Responsive WdebFonts */
.font-1, .font-1 a:link, .font-1 a:hover, .font-1 a:active, .font-1 a:visited { font-family: 'latolight', sans-serif !important; }
.font-2, .font-2 a:link, .font-2 a:hover, .font-2 a:active, .font-2 a:visited { font-family: 'montserratmedium', sans-serif !important; }
.font-3, .font-3 a:link, .font-3 a:hover, .font-3 a:active, .font-3 a:visited { font-family: 'montserratbold', sans-serif !important; }
.font-4, .font-4 a:link, .font-4 a:hover, .font-4 a:active, .font-4 a:visited { font-family: 'ralewaylight', serif !important; }
.font-5, .font-5 a:link, .font-5 a:hover, .font-5 a:active, .font-5 a:visited { font-family: 'ubunturegular', sans-serif !important; }
.font-6, .font-6 a:link, .font-6 a:hover, .font-6 a:active, .font-6 a:visited { font-family: 'signikaregular', sans-serif !important; }
.font-7, .font-7 a:link, .font-7 a:hover, .font-7 a:active, .font-7 a:visited { font-family: 'OpenSans', sans-serif !important; }
.font-8, .font-8 a:link, .font-8 a:hover, .font-8 a:active, .font-8 a:visited { font-family: 'fjalla_oneregular', sans-serif !important; }

.font-1, .font-1 a:link, .font-1 a:hover, .font-1 a:active, .font-1 a:visited, .font-2, .font-2 a:link, .font-2 a:hover, .font-2 a:active, .font-2 a:visited, .font-3, .font-3 a:link, .font-3 a:hover, .font-3 a:active, .font-3 a:visited, .font-4, .font-4 a:link, .font-4 a:hover, .font-4 a:active, .font-4 a:visited, .font-5, .font-5 a:link, .font-5 a:hover, .font-5 a:active, .font-5 a:visited, .font-6, .font-6 a:link, .font-6 a:hover, .font-6 a:active, .font-6 a:visited, .font-7, .font-7 a:link, .font-7 a:hover, .font-7 a:active, .font-7 a:visited, .font-8, .font-8 a:link, .font-8 a:hover, .font-8 a:active, .font-8 a:visited, .font-9, .font-9 a:link, .font-9 a:hover, .font-9 a:active, .font-9 a:visited { transition-property: color !important; transition-duration: 0ms !important;  -webkit-transition-property: color !important; -webkit-transition-duration: 0ms !important; -moz-transition-property: color !important; -moz-transition-duration: 0ms !important; margin-top: 0!important; margin-bottom: 0!important; line-height: 1.1em; padding-top: 0.16em; padding-bottom: 0.16em; }
/* @end */
/* @end */

/* @group theme */

/* _______NOT showed_______ */
#breadcrumbcontainer [class^="fa fa-"]:before, #breadcrumbcontainer [class*=" fa fa-"]:before, #breadcrumbcontainer a [class^="fa fa-"], #breadcrumbcontainer a [class*=" fa fa-"] {	vertical-align: top; text-indent: 0; font-size: 0; line-height: 0; }
/* @end */
/* @end */


/* @group FlexNav */
.flexnavwrapper {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	text-align: center;	
	overflow: visible;
	z-index: 0 !important;
}
.flexnav {	
  -webkit-transition: none; -moz-transition: none; -ms-transition: none;
  transition: none; -webkit-transform-style: preserve-3d; text-align: left;
}
  .flexnav.opacity {
    opacity: 0;
}
  .flexnav.flexnav-show {
    max-height: 6000px;
    opacity: 1;
}
  .flexnav.one-page {
    position: fixed;
    top: 50px;
    right: 5%;
    max-width: 200px;
}
  .flexnav li {
    position: relative;   /*fixed issune in IE 9-10-11 browsers */
    overflow: hidden;
	display: block;
	/*fixed issune in firefox and Chrome */
}
.flexnav ul ul li { }

  .flexnav li a {
    position: relative;
    display: block;
    z-index: 2;
    overflow: hidden;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-right: 13px;
	padding-left: 13px;
	font-family: "Helvetica", Neue;     
   /* prevent false bold in animation */
   -webkit-backface-visibility: hidden;
	letter-spacing: 1px;
   min-height: 30px;
   line-height: 2.9em;
  }
  
/*.flexnav li {transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-webkit-transition: all 0.15s linear;
   box-shadow: 0 0 0px rgba(0, 0, 0, 0.0);
}
.flexnav li:hover {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}*/

.flexnav ul li a { }

   .flexnav li ul {	padding-left: 0; }
  .flexnav li ul li { position: relative; overflow: hidden;}
  .flexnav li ul.flexnav-show li { overflow: visible; }
  .flexnav li ul li a { display: block; }
  .flexnav ul li ul li a { min-height:27px;	}
  .flexnav ul li ul li ul li a { }
  .flexnav .touch-button {
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    width: 35px;
    display: inline-block;
    text-align: center;
	background-color: rgba(52, 52, 52, 0.13);
	bottom: 0;
	max-height: 40px;
  }
    .flexnav .touch-button:hover { cursor: pointer; }
    .menu-button {
	position: relative;
	display: block;
	cursor: pointer;
	min-height:18px;
	padding: 0;
	width: 55px;
	height: 46px;
	float: right;
}
  .menu-button.one-page {
    position: fixed;
    top: 0;
    right: 5%;
    padding-right: 45px;
}
  .menu-button .touch-button {
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    width: 55px;
    height: 50px;
    display: inline-block;
    text-align: center;
}

.menu-button .icon_menu-square_alt2 {
    font-size: 33px !important;
    position: relative;
	font-weight: normal;
	font-style: normal;
	top: 14px;
	line-height: 30px;	
	background-image: none !important;
	left: 11px;
}

/* avoid issue wint responsive button */
.menu-button .touch-button .arrow_carrot-down   {
	display: none;
}
.oldie body.one-page {
  padding-top: 70px;
}
.oldie .flexnav {
  overflow: visible;
}
  .oldie .flexnav.one-page {
    top: 0;
    right: auto;
    max-width: 1080px;
}
  .oldie .flexnav li {
    position: relative;
    list-style: none;
    float: left;
    display: block;
    width: 20%;
    min-height: 50px;
    overflow: visible;
}
 .oldie .flexnav li:hover > ul {
    display: block;
    width: 100%;
    overflow: visible;
}
 .oldie .flexnav li:hover > ul li {
      width: 100%;
      float: none;
}
  .oldie .flexnav li a {
    overflow: visible;
}
  .oldie .flexnav li > ul {
    position: absolute;
    top: auto;
    left: 0;
    display: none;
    z-index: 1;
    overflow: visible;
}
 .oldie .flexnav li ul li ul {
    top: 0;
}
 .oldie .flexnav li ul li a { }
 .oldie .flexnav li ul.open {
    display: block;
    width: 100%;
    overflow: visible;
}
  .oldie .flexnav li ul.open li {
      width: 100%;
}
  .oldie .flexnav li ul.open ul.open {
      top: 0;
      display: block;
      width: 100%;
      overflow: visible;
}
/* fix */
  .oldie .flexnav ul li:hover ul {
    top: 0;
	position: relative;
}
/* fix */
 .oldie .menu-button {
  display: none;
}
 .oldie.ie7 .flexnav li {
  width: 19.9%;
}
/* ------------ */
/*.menu-button .touch-button .arrow_carrot-down, */
 .flexnav .touch-button {
	font-size: 18px;
	opacity: 0.8 !important;
	text-align: right;
	letter-spacing: 8px;
	display: block;
	line-height: 2.2em;
}
.flexnav:hover .touch-button {
  cursor: ns-resize;
}

/* @end */

/* responsive */
@media only screen and (max-width: 700px) {
.filesharing-item {	display: inline; 	margin: 2% 3% 20px 1%; width: 96%; } 
#blog-archives {	 width: 88%; }
	#blog-categories { width: 88%; }
	ul.blog-tag-cloud {	width: 88%; }
	#footer { float: none; text-align: center;	width: auto; margin-left: 1%; margin-right: 1%;	}
	#footer-mobil {	margin-top: 30px;}	
}

@media only screen and (max-width: 550px) {
	.titles-top { width: 100%; }	
	#pageHeader img {
		margin-right: auto;
		margin-left: auto;
		float: none;
		right: 0;
		left: 0;
	}
	#pageHeader h1, #pageHeader h2 { text-align: center !important;
		margin-left: 0;
		margin-right: 0;
		padding-left: 5px;	padding-right: 5px;		
	}	
    #pageHeader h1 { margin-top: 9px; }	
}

/* @group bootstrap responsive video */
.embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; }
.embed-responsive::before { display: block; content: ""; }
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }
.embed-responsive-21by9::before { padding-top: 42.857143%; }
.embed-responsive-16by9::before { padding-top: 56.25%; }
.embed-responsive-3by4::before { padding-top: 133.333333%; }
.embed-responsive-1by1::before { padding-top: 100%; }
 /* @end */