/* CSS-Klassen für die GLOBALE Einstellung des Templates -------------------------------------------*/
* {margin: 0;padding: 0;}
:focus {outline: medium none;}

.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
.clearfix { *zoom:1; clear: both;}

/* Scroll-Leiste ----------------------------*/
::-webkit-scrollbar { width: 0px;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0); border-radius: 10px;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0); border-radius: 10px;}
::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0); }

.link-top {visibility:hidden;}
/* -Einstellungen der Website ----------------------------------------------------------------------*/



html {	
	display: block;
	height: 100%;
	width: 100%;
	-khtml-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-o-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	margin: 0;
	padding: 0;
	overflow-y:scroll;
    background: black;
}

html:after{
      content:"";
      position:fixed; /* stretch a fixed position to the whole screen */
      top:0;
      height:100vh; /* fix for mobile browser address bar appearing disappearing */
      left:0;
      right:0;
      z-index:-1; /* needed to keep in the background */
      background-image: url(../images/page/bg01.jpg);
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}

b/ody:after{
      content:"";
      position:fixed; /* stretch a fixed position to the whole screen */
      top:0;
      height:100vh; /* fix for mobile browser address bar appearing disappearing */
      left:0;
      right:0;
      z-index:-1; /* needed to keep in the background */
      background-image: url(../images/page/bg01.jpg);
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}

body {	
    display: block;
	margin: 0;
	padding: 0;
	-webkit-overflow-scrolling: touch;
	user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	color: white;
    background-color: transparent;
}

.cover {
	background-attachment: fixed;
	background-repeat: no-repeat;
	-khtml-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	max-height: 100%;
	max-width: 100%;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
}

/* Hintergründe Background Pages ---------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------- */
/* Globale Schrift-Arten und Schrift-Grössen */
.h1, .h2, .h3, h1, h2, h3 { margin-top: 5px;}

h1 {
	font-family: Georgia, Times, serif;
	font-variant:small-caps;
	letter-spacing: 0.01em;
	font-size: 3.4em;
	padding-bottom: 10px;
	color: #efd99f;
	background-image:  url(../images/schriften/h1_hg.png);
	background-repeat: no-repeat;
	background-position: 5px 0px;
}

.h1-fuenf-em {
	font-size: 4.3em;
}

.h1-drei-em {
	font-size: 2.3vw;
}

.h2-zwei-em {
	font-size: 2.0vw;
    line-height: 5.0vw;
}

@media (max-width : 768px)   {
    .h1-fuenf-em {
        font-size: 2.0em;
    }

    .h1-drei-em {
        font-size: 1.4em;
    }

    .h2-zwei-em {
        font-size: 1.3em;
        line-height: 1.5em;
    }
}

h1.special {
	text-align:center;
	background-image:  none;
	font-size: 4.4em;
    letter-spacing: 4px;
}

h1.strich {
    text-align: center;    
    display: table;
    border-collapse: collapse;
    white-space: nowrap;
  }

h1.strich::before, h1.strich::after {
    content: "";
    display: table-cell;
    width: 50%;

    background-image: linear-gradient(to right, #efd99f 100%, transparent 0%);
    background-position: 0 50%;
    background-repeat: repeat-x;
    background-size: 6px 2px;
  }
h1.strich::before {
    border-right: .2em solid transparent;
  }
h1.strich::after {
    border-left: .5em solid transparent;
  }
      
h2 {
	font-family: Georgia, Times, serif;
	c/olor: rgba(0,67,127,1.0);
	color: rgba(255,255,255,0.9);
	padding-bottom: 0px;
	background-image:   url(../images/schriften/h3_hg.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
    font-size: 1.3vw;
}

h3 {
 /* f/ont-family: 'Montserrat', sans-serif;*/
	font-family: 'Michroma', sans-serif;
	color: #efd99f;
	padding-bottom: 5px;
	background-image:   url(../images/schriften/h3_hg.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

h4 {
 /* f/ont-family: 'Montserrat', sans-serif;*/
	color: rgba(224,156,127,1.0);
}


.right-container h3, .left-container h3{
	font-size: 1.3em;
	}
.right-container h4, .left-container h4{
	font-size: 1.2em;
	}
	
#content h3:before { 
   font-family: FontAwesome;
   content: "\f1ce";
   display: inline-block;
   padding-right: 10px;
   v/ertical-align: middle;
   color: rgba(255,83,13,0.8);
}

#c/ontent h4:before { 
   font-family: FontAwesome;
   content: "\f1ce";
   display: inline-block;
   padding-right: 15px;
   v/ertical-align: middle;
   color: rgba(255,83,13,0.8);
}


a {
	font-family: 'Open Sans', sans-serif;
	color: #ccc;
}

a:hover   {color: #efd99f;}
a:visited {color: #efd99f;}

p{
    f/ont-family: 'Montserrat', sans-serif;*/
 	font-family: 'Open Sans', sans-serif; 
	font-size: 1.3em;
	letter-spacing: 0.04em;
	font-weight: 100;
	color: white;
	}

}
ol, ul { font-size: 1.3em; list-style: none}
/* ENDE -Globale Schrift-Arten und Schrift-Grössen ------------------------------------- */

/* GO TO TOP Button unten rechts  -------------------------------------------------------*/
.gototop{
	position: fixed;
	bottom: 70px; 
	right: 10px;
	background: rgba(0,0,0,0.4); 
	background: rgba(232,44,12,0.6); /*rot */
	padding: 8px 6px 6px 8px;
	color: #fff;
	border-radius: 6px;
	display:none;
}
	
.gototop i{line-height: 0.5em;}

/* ENDE -GO TO TOP Button unten rechts  --------------------------------------------------*/
/* BS- TABS  -----------------------------------------------------------------------------*/

.nav-tabs {
    border-bottom: 1px solid rgba(255,255,255,0.0);
}

.nav-tabs>li>a {
	color: white;
	margin-right: 2px;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
}

.nav-tabs>li>a:hover {
	background:   rgba(255,255,255,0.2);
	border-color: rgba(255,255,255,0.0);
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: white;
    cursor: default;
    background-color: rgba(255,83,13,0.4);
    border: 1px solid rgba(255,83,13,0.0);
    border-bottom-color: transparent;
}


/* Animated mouse -*/
@-webkit-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@-moz-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
 .scroll-btn {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
}
.scroll-btn > * {
	display: inline-block;
	line-height: 18px;
	font-size: 13px;
	font-weight: normal;
	color: #7f8c8d;
	color: #ffffff;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 2px;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *.active {
	color: #ffffff;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *:active,
.scroll-btn > *.active {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.scroll-btn .mouse {
	position: relative;
	display: block;
	width: 35px;
	height: 55px;
	margin: 0 auto 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 3px solid white;
	border-radius: 23px;
}
.scroll-btn .mouse > * {
	position: absolute;
	display: block;
	top: 29%;
	left: 50%;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px;
	background: white;
	border-radius: 50%;
	-webkit-animation: ani-mouse 2.5s linear infinite;
	-moz-animation: ani-mouse 2.5s linear infinite;
	animation: ani-mouse 2.5s linear infinite;