h1 {
	font-size:4.5vw;
}

h2 {
	font-size:3.5vw;
}
h3 {
	font-size:3vw;
}
p{
	padding-left: 14px;
	padding-right: 14px;
}
h1.banner{
	font-weight: bold;
	font-size: 36px;
	text-transform:uppercase;
	color: white;
}

h1.title{
	font-weight: bold;
	font-size: 36px;
	color: #000;
	margin-top: 20px;
}

h2.banner{
	font-style: bold;
	font-size: 26px;
	color: white;
}
a.banner{
	color: #5f5f5f;
	margin: 5px 5px 5px;
	padding: 7px 15px;
	text-decoration: none;
	border-radius: 1px;	
	background: white;
}

a.banner:hover {
	background: white;
	transition: .5s;
	color: #c31924;
}
div.shadow{
	box-shadow: 5px 10px;
}
div.bannerLeft{
	padding-left:30px;
	float: left;
	height: 100%;
}
div.bannerRight{
	float: right;
	position: relative;
	bottom: 0;
	right: 0;
	padding-top: 25px;
	display: none;
}
div.noPadding{
	padding: 0px;
}
div.padding20{
	margin: 20px;
}
div.white{
	background-color: white;
}
div.grey{
	background-color: #eeefef;
}


p.standard{
	font-weight: normal;
	font-size: 17px;
	line-height: 140%;
	color: #5f5f5f;
}
p.subtitle{
	font-weight: bold;
	font-size: 16px;
	line-height: 140%;
	color: #000;
}
p.subtext{
	font-weight: normal;
	font-size: 16px;
	line-height: 140%;
	color: #5f5f5f;
}
a.sublink{
	color: #5f5f5f;
	margin: 5px 5px 5px;
	padding: 7px 15px;
	text-decoration: none;
	border-radius: 1px;	
	background: white;
		font-style: regular;
	font-size: 16px;
	line-height: 140%;
	color: #dea488;
}
a.sublink:hover {
	background: white;
	transition: .5s;
	color: #c31924;
	font-style: regular;
	font-size: 16px;
	line-height: 140%;
	color: #c31924;
}

.HeaderBanner{
	height: 100px;
	vertical-align: bottom;
	background-color: #c31924;
}
.carousel-indicators{
	margin-bottom: 5%;
}

.carousel-item {
  kkheight: 100vh;
  kkmin-height: 350px;
  max-height: 90vh;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.carousel-caption {
    top: 20%;
    bottom: auto;
 }
.halfTransparent {
	opacity: 0.5;
}

.black {
	color: #000;
}

.item{
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.footer-main{
	background-color: #000000;
	color: white;
} 

.footer-main li{
	list-style-type:none;
	line-height:1.65;
} 
.footer-main li a{
	text-transform:uppercase;
	letter-spacing: 0.1em;
}

.site-footer a{
	color:white;
}

.footer-main h3{
	color:#777;
	max-width:300px;
	margin:0 auto 20px auto;
	font-size:1.5rem;
} 

/*---Firefox Bug Fix --*/
.carousel-item {
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}
/*--- Fixed Background Image --*/
figure {
  position: relative;
  width: 100%;
  height: 60%;
  margin: 0!important;
}
.fixed-wrap {
  clip: rect(0, auto, auto, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#TTTfixed {
  background-image: url('/pics/slider1.jpg');
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
}
/*--- Bootstrap Padding Fix --*/
[class*="col-"] {
    padding: 1rem;
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    width: 100%;
}


*{
	font-family: 'Source Sans Pro', sans-serif;
}
body{
	margin:0px;
	font-size:3;
	line-height:1.5;
	overflow-x:hidden;
	background-color: #5f5f5f;
}

.header{
	height:100vh;
	display:flex;
	background: rgba(80,80,80,0.5);
}

.btn-slider {
	font-size: 2.5vw;
}

.btn{
	color: #fff;
	margin: 5px;
	padding: 7px 22px;
	text-decoration: none;
	border-radius: 25px;	
	border: 1px solid rgba(226,0,15,0.7);
	background: rgba(226,0,15,0.7);
}

.btn:hover {
	border: 1px solid rgba(246,20,35,1);
	background: rgba(246,20,35,1);
	transition: .5s;
	color: #fff;
}

.site-header{
    width: 100%;
    background-color: transparent;
}

.header-title{
	width=100%;
	position: relative;
	text-align: center;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: bold;
	font-size: 23px;
	top: 150px;
}

.header-title h1{
	font-size: 80px;
	font-weight: 400;
	letter-spacing: 2px;
	margin-bottom: 30px;
	width= 100%;
}
/* NAVIGATION PART */

ul.TTTnavbar-nav a:hover { 
	color: #c31924 !important;
}

.nav-item.inactive a:hover{
	color: #c31924 !important;
	border-bottom: 5px solid #8e8f8f !important;
}

.navbar-expand-md .navbar-nav .nav-link{
	padding: 5px 0px 5px 0px;
	font-weight: bold;
}

.nav-item{
	text-transform:uppercase;
	letter-spacing: 0.05em;
	margin: 0px 7px 0px 7px;
	padding-left: 1px;
	font-size:1.8vw;
	font-size:25px;
}

.nav-item.active{
	 border-bottom: 5px solid #c31924;
}

.navlanguages{
	display: inline-block;
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
    padding-left: 15px;
}


.logo{
	height: 50px;
}

img.miniPicture{
	height: 150px;
	max-width: 100%;
}

img.miniSymbol{
	width: 350px;
	max-width: 100%;
}

/* EMBEDDED VIDEO FROM YOUTUBE */

iframe {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
    background-color: #f5f5f5;
}

.video-container{
	position: relative;
	height: 0px;
	padding-bottom: 56.25%;
}

.languages{
	margin: 25px;
	height: 40px;
	float: right;
}

.logo-svg{
	max-width: 350px;
}

@media screen and (min-width: 1300px) {
  h1 {
     font-size: 45px;
  }
  h2 {
     font-size: 35px;
  }
  h3 {
     font-size: 30px;
  }
	
	.dynamicWidth{
		width: 1300px;
		margin-left: auto;
		margin-right: auto;
	}

}

@media screen and (min-width: 576px) {
	.btn-slider {
		font-size: 20px;
	}

	div.bannerRight{
		display: none;
	}	
	
}

/* Cookie Warnung    */

#cookieWarningBanner a {color:#000; text-decoration:none;}

#cookieWarningBanner a:hover {text-decoration:underline;}

#cookieWarningBanner div {padding:10px; padding-right:40px;}

#cookieWarningBanner { 
   outline: 1px solid #7b92a9; 
   text-align:right; 
   border-top:1px solid #fff;
   background: #eeefef; 
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:12px; 
   line-height:16px;}

#cookieWarningBannerCloser {
   color: #777;
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:4px;
   background: #eeefef; 
 }

#cookieWarningBannerCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}