/*****************************/
/*** Core html setup stuff ***/
/*****************************/

* {margin: 0px;	padding: 0px; text-align:left; border: none;}

body {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size:13px;
	color: #000000;
	background-color:#000000;
	text-align:center;
}
h2 {
	display: block;
	font-size: 1.5em;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	font-weight: bold;
}
/* cred: #e51919 */

a {color:#e51919; text-decoration:none;}
p { margin-top: 0; margin-bottom: 5px; }
img { 
	border: 0 none;
	max-width: 100%;
}

input, textarea {border:1px solid black;}

input#contact_email_copy {border: none}

button {
	background-color: #000000; color: #e51919; padding:2px;text-align:center;
}

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#page {
	position:relative;
	/*width:906px;   OLD */
	width: 930px;
	text-align:left;
	margin:0px auto;
}

#top {
	position:relative;
	top:25px;
	width:97%;
	height:72px;
	overflow:hidden;
}

#logo {
	position:relative;
	width:400px;
	height:auto;
	left:21px;
	float:left;
	z-index: 99;
}

#main {
	position:relative;
	top: 29px;
	width:736px;
	/*height:736px;*/
	background-color:#ffffff;
	left:85px;
	float:left;
	overflow:hidden;
	min-height: 736px;
}

#content {
	position:relative;
	padding:30px;
	z-index: 2;
}

#right {
	position:relative;
	top:99px;
	right:0px;
	width:85px;
	overflow:hidden;
	float:right;
}

#footer {
	clear:both;
	position:relative;
	top:35px;
	left:30px;
}

#footer a {
color:#656565;
}


/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/

div.offline {
	background: #fffebb;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.2em;
	padding: 5px;
}

span.pathway {
  display: block;
  margin: 0 20px;
  height: 16px;
  line-height: 16px;
  overflow: hidden;
}

/* Mainmenu in top Position */

#top .moduletable._menu {
	display:inline;
	float:right;
	margin-right:85px;
	margin-top:33px;
}

#top .moduletable._menu ul.mod-menu {

}

#top .moduletable._menu ul.mod-menu li {
	display:block;
	float:left;
	margin-left:50px;

}

#top .moduletable._menu ul.mod-menu li a {
	color:#ffffff;
	font-weight:normal;
	font-size:16px;
}

#top .moduletable._menu ul.mod-menu li#current a {
	color:#e51919;
}

/* Galerie Menu in right Position */

#right .moduletable._menu {
/*	display:inline; */
	margin-top: 33px;
}

#right .moduletable._menu h3 {
	color: #ffffff;
	text-align:center;
}

#right .moduletable._menu ul.mod-menu {
	list-style:none;
}

#right .moduletable._menu ul.mod-menu li {
	display:block;
	/*text-align:center;*/
	text-align:left;
	margin:15px 0px;
}

#right .moduletable._menu ul.mod-menu li a {
	color:#ffffff;
	font-weight:normal;
	font-size:16px;
}

#right .moduletable._menu ul.mod-menu li#current a {
	color:#e51919;
}


/* headers */

.componentheading, .contentheading {
color: #e51919;
font-weight:bold;
font-size:16px;
}

.contentpaneopen, .blog  {
width:100%;}

.article_separator {
margin:5px 0px;
display:block;
height:2px;
width:30%;
background-color:#555555;

}

/* Beitrags-Inhaltsverzeichnis */
table.contenttoc {
	width:100%;
	margin:10px 0px;
}

table.contenttoc tr {
	display:block;
	float:left;
	padding-right:20px;
}

.pagenavcounter {
	visibility:hidden;
}





.item23 a, .item23 span { color:#656565; }
#bg-image { position: absolute; right: 0px; width: 100%; min-height: 500px; }
#bg-image > div.moduletable { position: relative; z-index: 0; top: -400px; }
#bg-image img { float: right; bottom: 0px; } 
div.menu-oben { float: right; margin-right: 85px; margin-top: 30px; }
div.menu-oben a { color: #ffffff; font-weight: normal; font-size: 16px; } 
div.menu-oben a.mainlevel { margin-left: 20px; }

#phocagallery {
	 margin: 0 auto; 
	 width: 100%; 
	}

#footer > div.moduletable { float: right; margin-top: 0px; margin-right: 100px; margin-bottom: 40px; }
#phocagallery .detail { visibility: hidden; }

#phocagallery > div.phocagallery-box-file:nth-of-type(1) { display: none; }

#top .nav li {
  display: inline-block;
}
#top .nav.mod-menu{
  float: right;
  margin: 51px 85px 0 0;
  text-align: right;
}
#top .nav li a {
  color: #fff;
  font-size: 16px;
  margin: 0 15px;
}
#top .nav li:last-child a {
  margin: 0 0 0 15px;
}

#right .moduletable._menu ul.mod-menu li.current a {
  color: #e51919;
}







.thumbnail.pull-right {
  float: right;
}
span.jicons-icons {
  float: left;
  margin-right: 40px;
  margin-bottom: 55px;
}
form#contact-form input, form#contact-form textarea {
  max-width: 300px;
}
.control-group {
  max-width: 300px !important;
}
legend {
  display: none !important;
}
form#contact-form {
  max-width: 50%;
  margin-top: 200px;
}
.tooltip.fade.top.in {
  color: white !important;	
}
a.accordion-toggle {
  display: none;
}
span.contact-name {
  color: #e51919;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 30px !important;
  display: block;
}


dl.contact-address.dl-horizontal dt:nth-of-type(2) {
  display: none;
}
dl.contact-address.dl-horizontal dd:nth-of-type(6) {
  display: none;
}
div.tooltip.fade.top.in {
  color: red;
}

.theFrameContainer {
  position: absolute;
  display: block;
  float: right;
  right: 30px;
  top: 350px;
}

/* Lackner Style */

.pg-cv-name {
	word-break: break-word;
	word-break: break-all !important;
}
div#phocagallery h1 {
	margin-left: 0 !important;
}
.about-me img {
	margin: 0px 0px 20px 0px;
}
.social-mobil {
	display: none;
}
.moduletable._menu.mobile {
	display: none;
}
.custom_footer_menu p a {
	font-size: 14px;
	text-align: right;
	display: block!important;
	margin-right: 139px;
}
.mobile, .social-mobil,
.mobile_top {
	display: none;
}
.moduletable._menu.mobile > h3 {
    color: #fff;
    font-size: 22px;
    line-height: 2;
	font-weight: 400;
	text-align: center;
	margin: 0;
	background: #969494;
}
.menu-overlay.fade-in {
    display: none;
}  

.pg-category-items-box {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.ph-si.ph-si-image {
	display: none !important;
  }

.pg-item-box {
	min-height: 158px;
	background: #fcfcfc;
	box-shadow: none;
	border: 1px solid #e8e8e8;
	border-radius: 2px;
	margin: 5px;
	padding: 8px;
	text-align: center;
}

.pg-photoswipe-button-copy  {
	color: #999999;
  font-size: 12px !important;
  text-align: center !important;
}

#pgCategoryModal, .pagination.pagination-centered {
  display: none;
} 

#phocagallery .page-header h1 {
	color: #e51919;
  font-weight: bold;
  font-size: 16px;
  margin-left: 0 !important;
  margin-bottom: 20px;
}

/* MEDIA START */

@media (max-width: 1024px) {
  .custom_footer_menu p a {
    margin-right: 20px;
}
  	.menu-overlay.fade-in {
		display: block;
	}  
	.ssol {
		margin-top: 270px;
		position: relative;
	}
	.menu-mobil_overlay {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		padding-top: 150px;
	}
	.moduletable._menu .nav {
		text-align: center;
	}
	ul.nav-child.unstyled.small {
		text-align: center;
	}
	.mobile_top .nav li a {
		color: #656565;
		font-size: 22px;
		margin: 15px 10px;
		line-height: 2;
	}
	.mobile > .nav li a {
		color: #fff;
		font-size: 22px;
		margin: 15px 10px;
		line-height: 2;
	}

	.mobile_top > .nav li,
	.mobile > .nav li {
		display: -webkit-inline-box;
	}
	.social-mobil {
		position: absolute;
		top: 32%;
		left: 50%;
		transform: translate(-50%,-50%);
	}


	#top .nav.mod-menu{
		float: unset;
		margin: 0;
		position: absolute;
		text-align: center;
		top: 240px;
		width: 100%;
	}
	#top {
		overflow: unset;
	}
	#right, .social,
	.moduletable._menu {
		display: none;
	}
	#top .nav li a {
		font-size: 22px;
	}
	.moduletable {
		display: none;
	}
	.moduletable {
		position: relative;
		z-index: 99;
	}
	#right .moduletable._menu ul.mod-menu li a {
    font-size: 18px;
	}
	#right .moduletable._menu ul.mod-menu li {
		text-align: center;
	}
	#top {
		width: 100%;
	}
	body.menu-open {
		overflow: hidden;
	}
	#footer {
		left: 0;
		margin-bottom: 20px;
		position: relative;
	}
	#page {
		position:relative;
		width: 100%;
		text-align:left;
		margin:0px auto;
	}	
	.item-title {
    font-size: 22px;
	}
	p {
		font-size: 18px;
	}
	#main {
		width: 100%;
		left: 0;
	}
	.burger-icon {
		z-index: 99;
		width: 37px;
		height: 17px;
		position: relative;
		margin: 0px 70px 0px 0px;
		float: right;
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
		cursor: pointer;
	}
	.burger-icon__item {
		display: block;
		position: absolute;
		height: 1px;
		width: 37px;
		background: #fff;
		opacity: 1;
		transform: rotate(0deg);
		transition: all 250ms ease-in-out;
	}
	.burger-icon__item:nth-child(1) {
		top: 0px;
		transform-origin: left center;
	}
	.burger-icon__item:nth-child(2) {
		top: 8px;
		transform-origin: left center;
	}
	.burger-icon__item:nth-child(3) {
		top: 16px;
		transform-origin: left center;
	}
	.burger-icon.open .burger-icon__item {
		background: #fff;
	}
	.burger-icon.open .burger-icon__item:nth-child(1) {
		transform: rotate(45deg);
		top: -5px;
		left: 4px;
	}
	.burger-icon.open .burger-icon__item:nth-child(2) {
		width: 0%;
		opacity: 0;
	}
	.burger-icon.open .burger-icon__item:nth-child(3) {
		transform: rotate(-45deg);
		top: 22px;
		left: 4px;
	}
	
	.menu-overlay {
		background-color: #000;
		position: fixed;
		top: 100%;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 1;
		-webkit-transition: all 700ms ease;
		-o-transition: all 700ms ease;
		transition: all 700ms ease;
		z-index: 9;
		overflow: auto;
	}
	.menu-overlay.fade-in {
		opacity: 1;
		top: 0;
	}
	span.jcemediabox-zoom-span {
		float: unset!important;
		margin: 0px 0px 20px 0px !important;
	}
	.social-mobil {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		margin-top: 300px;
	}
	.lightBox {
		width: 710px;
	}
	.lightBox .image-browser-image {
		width: 491px!important;
		height: 380px!important;
	}
	.lightBox .image-browser-image img {
		max-width: 100% !important;
	}
	.lightBox .image-browser-thumbs {
		width: 177px!important;
		height: 412px!important;
		overflow-y: scroll;
		float: right;
	}
	.lightBox .image-browser-close {
		left: 670px!important;
	}
	.window-container {
		top: 50%!important;
		left: 50%!important;
		transform: translate(-50%,-50%)!important;
	}
	.lightBox .image-browser-caption {
		margin-left: 120px!important;
	}

}


.image-browser-image img {
    left: 50%!important;
    opacity: 1;
    top: 50%!important;
    transform: translate(-50%, -50%)!important;
}
@media (max-width: 767px) {

	.pg-category-items-box {
		grid-template-columns: 1fr 1fr;
	}

	.mobile_top > .nav li {
		display: block;
		text-align: center;
	}
	.mobile > .nav li {
		display: inline;
		text-align: center;
	}
	.lightBox .image-browser-caption {
		margin-left: 0px!important;
	}
	.lightBox .image-browser-caption {
		float: unset;
	}
	div.window-container table, div.window-container table tr, div.window-container table tr td {
		display: table-cell!important;
	}
	.lightBox .image-browser-thumbs {
		width: 100%!important;
		height: auto!important;
		overflow-x: scroll!important;
		float: unset!important;
	}
	.lightBox {
		width: 310px;
		height: auto;
	}
	.lightBox .image-browser-image {
		width: 100%!important;
	}
	#top .nav.mod-menu{
		top: 110px;
	}
	#top .nav li {
			display: block;
			text-align: center;
	}
	#top .nav li a,
	#top .nav li:last-child a {
		margin: 0;
		line-height: 1.4;
	}
	#logo {
		width: 230px;
	}
	.burger-icon {
			margin: -40px 30px 0px 0px;
	}
	#main {
		top: 0;
	}
	iframe {
		width: 315px !important;
    height: 170px !important;
	}

}
@media (max-width: 736px) {
	.social-mobil {
		margin-top: 230px;
	}
	.theFrameContainer {
		top: 369px;
	}
	iframe {
			width: 349px !important;
			height: 170px !important;
	}
	.ssol {
		margin-top: 299px;
	}
}
@media (max-width: 667px) {
	.ssol {
		margin-top: 390px;
	}
	iframe {
		width: 289px !important;
	}
	.mobile_top .nav,
	.mobile .nav  {
		text-align: center;
		margin: 0 40px;
	}
	li.deeper.parent {
		text-align: center;
		display: contents;
	}
	ul.nav-child.unstyled.small {
		display: inherit;
	}
	.mobile > .nav li {
		display: inline-block;
	}
	.social-mobil {
		margin-top: 540px;
	}
}

@media (max-width: 414px) {
	.theFrameContainer {
    top: 520px;
	}
}

@media (max-width: 400px) {
	.theFrameContainer {
		top: 490px;
		right: 12px;
	}
	iframe {
			width: 349px !important;
	}


}
@media (max-width: 375px) and (min-width: 812px){

}

@media (max-width: 360px) {
	iframe {
			width: 339px !important
	}
}

@media (max-width: 320px) {
	iframe {
		width: 299px !important;
	}
	.theFrameContainer {
		top: 454px;
	}
	.ssol {
		margin-top: 400px;
	}
	.social-mobil {
		margin-top: 340px;
	}
}


.fb-page.fb_iframe_widget {
    width: 100%;
}
.fb-page span {
    width: 100% !important;
    height: 500px !important;
}
.fb-page iframe {
    width: 100% !important;
    height: 500px !important;
}
.facebook iframe {
    width: 100%;
    margin-top: 80px;
}
.facebook {
    padding: 30px;
}