﻿/*
* Core CSS Reponsive Layout One
* Copyright 2018 netVisual e. K.
*/
/* CSS de-De =================================================================================== */
@font-face {
	font-family: 'Share-Regular';
	src: url('/Apps_Themes/default/fonts/share-regular-webfont.woff?#iefix') format('woff');
}

@font-face {
	font-family: 'Share-Bold';
	src: url('/Apps_Themes/default/fonts/share-bold-webfont.woff?#iefix') format('woff');
}

@font-face {
	font-family: 'Teko-Light';
	src: url('/Apps_Themes/default/fonts/teko-light-webfont.woff?#iefix') format('woff');
}

@font-face {
	font-family: 'Teko-Regular';
	src: url('/Apps_Themes/default/fonts/teko-regular-webfont.woff?#iefix') format('woff');
}

/* html tags ========================================================== */
body {
	font-family:Share-Regular, Tahoma, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background-color:#eeeeee;
}

a {
	color:#000;
	text-decoration:underline;
}

a:hover {
	color:#999;
}

a:visited, a:active, a:focus, a:current {
	color:#666;
}

/* allgemeines ======================================================== */
.clear {
	clear:both;
}

.sidePadding {
	padding-left:4px;
	padding-right:4px;
}

.default-text {
	font-family:Share-Regular, Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#000000;
}

.defaultLink {
	color:#000;
	text-decoration:underline;
}

.defaultLink:hover {
	color:#999;
}

.defaultLink:visited, .defaultLink:active, .defaultLink:target {
	color:#333;
}

.simplepagediv {
	font-size:16px;
	padding:0 20px 20px 20px;
}

.simplepagediv h2 {
	margin-top:0;
}

.simplepagediv span {
	display:block;
	font-size:16px;
	font-weight:bold;
}

.arrow-up, .arrow-right, .arrow-down, .arrow-left {
	width:0;
	height:0;	
	margin-left:4px;
	display:inline-block;
	border-color:#fff;
	border-width:6px;
	border-style:solid;
}

.arrow-up, .arrow-down {
	margin-bottom:2px;
}

.arrow-up {
	border-top-width:0;
	border-right-color:transparent;
	border-left-color:transparent;
}

.arrow-down {
	border-bottom-width:0;
	border-right-color:transparent;
	border-left-color:transparent;
}

.arrow-right {
	border-right-width:0;
	border-top-color:transparent;
	border-bottom-color:transparent;
}

.arrow-left {
	border-left-width:0;
	border-top-color:transparent;
	border-bottom-color:transparent;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+, MS Edge */
  color: #bbb;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #bbb;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: #bbb;
}

#ax-alert {
	display:none;
	position:relative;
	top:-90px;
	width:90%;
	height:80px;
	margin-top:20px;
	margin-left: 5%;
	margin-right: 5%;
	padding:10px;
	font-size:20px;
	background-color:#fff;
	border:1px solid #ddd;
	border-radius:4px;
	box-shadow: 2px 2px 10px #666;
	box-sizing:border-box;
}

#ax-alert div {
	float:right;
	background-image: url('/Apps_Themes/default/images/cross19.png');
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:center center;	
	cursor:pointer;
	top:0;
	right:0;
	height:24px;
	width:24px;
}



@media (min-width: 640px) {
	#ax-alert {
		top:0px;
		width:600px;
		height:auto;
		margin: auto auto;
		margin-top:20px;
	}
}

/* allgemeines ende =================================================== */
/* ==================================================================== */
#pageContainer {
	min-width:320px;
	background-color: #000;
	padding:0;
	margin:0;
	box-sizing:border-box;
}

#contentContainer, #footerContainer {
	margin-left:0;	/* immer 0px */
	margin-right:0;	/* immer 0px */
	padding-left:0;	/* immer 0px */
	padding-right:0;	/* immer 0px */
	box-sizing:border-box;
}

/* ==================================================================== */
#contentContainer {
	position:relative;
	min-height: 500px;
	background-image:url('/Apps_Themes/default/images/topfilltrans1.png');
	background-repeat:repeat-x;
	background-position:top, center;
	background-color:#ffffff;
	padding-top:0;
	padding-bottom:10px;
}

#mainContent, #footerContent {
	margin-left:auto;	
	margin-right:auto;	
	padding-left:0;	/* immer 0px */
	padding-right:0;	/* immer 0px */
	box-sizing:border-box;
}

/* ==================================================================== */
#mainContent {
	position:relative;
	padding-top:20px;
}

/* ==================================================================== */
#mainContentTransparent {
	position:absolute;
	top:10px;
	bottom:0;
	left:4px;
	right:4px;
	background-color:#aaa;
	opacity:0.30;
	border-radius:20px;
	box-sizing:border-box;
/*
	position:relative;
	top:0px;
	left:0px;
	width:632px;
	height:100px;
	background-color:#aaa;
	opacity:0.30;
	border-radius:20px;
*/
}

/* ==================================================================== */
#mainContentTransparentContent {
	position:relative;
	box-sizing:border-box;
	overflow:hidden;
	z-index:99;
}

/* ==================================================================== */
#footerContainer {
	display:block;
	background-image: url('/Apps_Themes/default/images/downfill2trans.png');
	background-repeat:repeat-x;
	background-position:top, center;
	background-color:#ffffff;
}

.footerHouse {
	visibility:hidden;
	position:absolute;
	background-image: url('/Apps_Themes/default/images/middle-house.png');
	right:10%;
	bottom:0;
	width:80px;
	height:80px;
	transition: transform 1s;
	z-index:100;
	cursor:pointer;
}

.footerHouse:hover {
	transform: rotateY(180deg);	
}

#footerContent {
	display:block;
	width:100%;
	padding:8px;
	padding-top:14px;
}

.footerCopyLinks {
	display:block;
	text-align:center;
	margin:20px 0 20px 0;
	clear:both;
}

#footerCopyLinksLabel {
	display:block;
	font-size:11px;
}

/* pages ============================================================== */

/* media Querys de-DE ------------------------ */
@media (min-width: 768px) {
	.footerHouse {
		visibility: visible;
	}
}

@media (min-width: 768px) {
	#contentContainer {
		padding-top:10px;
	}
}

@media (min-width: 1080px) {
	#mainContent, #footerContent {
		width:1080px;
	}
}

@media (min-width: 1200px) {
	#mainContent, #footerContent {
		width:1200px;
	}
}
/* CSS und Media Query de-De Ende -------------------------------------------------------------- */

/* CSS language en-GB ========================================================================== */
/* ============================================================================================= */
/* ============================================================================================= */


/* CSS und Media Query en-GB Ende -------------------------------------------------------------- */