/*******************************************************************************/
/* BASIS LAYOUT   */
/******************************************************************************/
html {
	height:100.1%;
}

body {
	display: flex;
    flex-direction: column;
	overflow-x:hidden; 
	overflow:scroll;
	height: 100.1%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color:#000;
}

header, nav, section, article, aside, footer {
  display: block;
}

#wrapper {
	flex: 1 0 auto;
	position: relative;
	width: 100%;
	margin: 0 auto 0 auto;
	height: auto !important;
}

/* ohne Topbild */
#wrap-header {
width:100%;
height:70px; 
overflow:visible !important; 
z-index:10;
background-color:rgba(21,21,21,075);
position:fixed;
top:0;
left:0;
}


.home #wrap-header {
	width:100%;
	height:auto;
	overflow:hidden !important; 
	position:relative;
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	

/* ohne Topbild 
height:70px !important; 
overflow:visible !important; 
z-index:10;
background-color:rgba(21,21,21,075);
position:fixed;
top:0;
left:0;
	*/
}



#header {
	width:1010px;
	height:50px;
	background-color:#D61818;
	position: fixed !important;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top:10px;
	z-index:10; 
}


#logo {
	z-index:300 !important;
	width:190px; 
	height:auto; 
	position:absolute;
	left:15px;
	top:50%;
	 transform: translateY(-50%);
}

#logo a {
  display:block;
  width:100%;
  height:100%;
}

#logo img {
  width:100%;
  height:auto;
}


#header-txt {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%); 
	width: 80%;
	max-width:640px;
	padding:15px; 
	text-align:center; 
	display:none;
}

.home #header-txt {
	/*display:block; */
	display:none !important;
}



#wrap-inhalt {
	position:relative; 
}


main, #inhalt { 
	min-height:400px;
    margin-top:80px;
	margin-bottom:100px; 
	height:auto;
	overflow-x:hidden; 
}

#rechte-spalte { 
	margin-top:80px;
	height:auto;
}



.bgblack {
	background-color:transparent;
	border-top:15px solid #000;
    border-bottom:15px solid #000;
	padding:30px 0px;
}

.bggrey {
	background-color:#151515 !important;  /* #151515  */
	border-top:15px solid #000;
    border-bottom:15px solid #000;
	padding:60px 0px; 
}

#intra-abmelden {
	margin-top:30px; 
}





/* Fuzsszeile */
#footer-map {
	height:320px;
	width:100%;
	display:none;
}

#wrap-footer {
	flex-shrink: 0;
	width: 100%;
	clear: both;
	background-color:#2C2C2C;
}

footer {	
	position: relative;
	padding-top: 40px;
	padding-bottom:15px;
	margin-right: auto;
	margin-left: auto;
	min-height:180px;
	overflow:hidden !important;
}


#phone { display:none; }

.frow1 {
	height:auto;
	overflow:hidden;
}

#footer-c2, #footer-c3 {
	padding-top:65px; 
}



#meguralink {
	text-align:left; 
	margin:0 auto;
	margin-top:10px; 
	color: #999 !important;
}


.custom-icon {
	background: #4D4D4D;
	background: rgba(77, 77, 77, 1);
	border-radius: 50%;
	border: 1px solid #fff;
	/* box-shadow: 0 1px 10px rgba(0, 0, 0, 0.46); */
	color: #fff;
	display: table-cell;
	font-size: 22px;
	height: 36px;
	padding: 6px;
	text-align: center;
	transition: .5s;
	vertical-align: middle;
	width: 36px;
}

.custom-icon:hover {
  background: rgba(35, 76, 150, 0.6);
}
.fix-editor {
  display: none;
}
.icon-wrapper {
  display: inline-block;
  float:left;
	margin-left:10px; 
}

#envelope i {
	font-size:16px !important; 
}






/* Cookie Warning */
#tx_cookies {
	position:fixed;
	bottom:0px !important;
	left:0px !important;
	height:auto;
	width:100%; 
	z-index:500;
	background-color:rgba(209,43,213,1.00) !important; 
}

#tx_cookies_inner {
	position: relative;
	background: transparent !important; 
	padding: 10px;
}


#tx_cookies_inner {
	display:none;
}
div#tx_cookies_inner[data-hide="0"] {
	display:block;
}

div#tx_cookies_inner[data-hide="1"] {
	display:none !important;
}





/* Helper classes  */
.container {
	position:relative !important;
	max-width:1010px !important;
}

.large-container {
	max-width: 1640px !important;
}

#header.container {
	max-width:980px !important;
}

.center-text { text-align:center; margin:0 auto !important; }
.center-element { margin:0 auto !important; text-align:center; }

img { outline:none !important; }

main .row  img {
	    /*width:100%;*/
		max-width: 100% !important;
		height: auto; 
}

.divider hr {
  margin-bottom: 25px !important;
  margin-top: 25px !important;
  border-top:1px solid #ccc !important;
}

.prel {
	position:relative;
}


.video {
	max-width:680px !important;
}


.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.btop img {
	/* margin-top:80px; 
	float:right; */
   max-width:200px !important;
   height:auto;
}



/* Magnific Popup */
.mfp-zoom-out-cur {
	padding-right:15px !important;
}

.mfp-container {
 cursor:auto;
}

button.mfp-close, button.mfp-arrow {
	cursor:pointer !important;  
	font-size:36px;
}

img.mfp-img {
 cursor:auto !important; 
}




/* Google Maps */
.gm-style-mtc {
	/* display:none !important;  */
  font-size:14px !important;
}

.gme-info-window {
	color:#333 !important; 
}

.gm-style .gm-style-iw {
	width:220px !important;
}

.gm-style .gm-style-iw > div {
	width:200px !important;
}



/* TYPO 3 SETTING */ 
/* siehe Sass t3.scss   */
	



/*******************************************************************************/
/* Fontawesome.css   */
/******************************************************************************/
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

.fa-phone:before {
  content: "\f095";
}
.fa-phone-square:before {
  content: "\f098";
}

.fa-camera:before {
	 content: "\f030";
}



/*******************************************************************************/
/* INHALTSSEITEN   */
/******************************************************************************/

/* Home Arrow Down */
#downarrow { display:none; }
.home #downarrow {  display:block; }

#downarrow a {
  padding-top: 60px;
}
#downarrow a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 46px;
  height: 46px;
  margin-left: -23px;
  border: 1px solid #fff;
  border-radius: 100%;
  box-sizing: border-box;
}
#downarrow a span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 16px;
  height: 16px;
  margin: -12px 0 0 -8px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}
#downarrow a span::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 44px;
  height: 44px;
  box-shadow: 0 0 0 0 rgba(255,255,255,.1);
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: sdb03 3s infinite;
  animation: sdb03 3s infinite;
  box-sizing: border-box;
}

#downarrow a {
  position: absolute;
  bottom: 20px;
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
  font : normal 400 20px/1 'Barlow', sans-serif;
  letter-spacing: .1em;
  text-decoration: none;
  transition: opacity .3s;
}
#downarrow a:hover {
  opacity: .5;
}



@-webkit-keyframes sdb03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}



/* Intranet Login */
.tx-felogin-pi1 {
	max-width: 560px; 
}

.tx-felogin-pi1 legend {
	 display:none; 
}

.tx-felogin-pi1 fieldset div {
	 margin-top:12px; 
}

.tx-felogin-pi1 input[type="submit"]  {
	max-width: 320px; 
	margin-top:8px; 
}

.tx-felogin-pi1 input[type="submit"]:hover  {
	background-color:#8F8F8F !important;
	color:#fff !important; 
}








/*******************************************************************************/
/* ANTIQUE BROWSER FIX */  
/*******************************************************************************/

/* IE 9 + IE 10 + 11 */
@media screen and (min-width:0\0) { 
main .row  img {
		width:100% !important;
		height:auto; 
	}
}