/*
	font-family: 'Mukta Vaani', sans-serif;
		Regular 400;
		Medium 500;
		Semibold 600;
	font-family: 'Roboto Slab', serif;
		Light 300;
		Bold 700;
	
	
	BLAU: #1b5f74
	ORANGE: #ed7f09
	SCHWARZ: #000
	
*/


@font-face {
	font-family:"Mukta Vaani Regular";
	src:url("../media/fonts/MuktaVaani-Regular.woff2") format("woff2"),url("../media/fonts/MuktaVaani-Regular.woff") format("woff"),url("../media/fonts/MuktaVaani-Regular.otf") format("opentype");
	font-style:normal;
	font-weight:400;
}

@font-face {
	font-family:"Mukta Vaani Medium";
	src:url("../media/fonts/MuktaVaani-Medium.woff2") format("woff2"),url("../media/fonts/MuktaVaani-Medium.woff") format("woff"),url("../media/fonts/MuktaVaani-Medium.otf") format("opentype");
	font-style:normal;
	font-weight:400;
}

@font-face {
	font-family:"Mukta Vaani SemiBold";
	src:url("../media/fonts/MuktaVaani-SemiBold.woff2") format("woff2"),url("../media/fonts/MuktaVaani-SemiBold.woff") format("woff"),url("../media/fonts/MuktaVaani-SemiBold.otf") format("opentype");
	font-style:normal;
	font-weight:400;
}


@font-face {
	font-family:"Roboto Slab Light";
	src:url("../media/fonts/RobotoSlab-Light.woff2") format("woff2"),url("../media/fonts/RobotoSlab-Light.woff") format("woff"),url("../media/fonts/RobotoSlab-Light.otf") format("opentype");
	font-style:normal;
	font-weight:400;
}

@font-face {
	font-family:"Roboto Slab Bold";
	src:url("../media/fonts/RobotoSlab-Bold.woff2") format("woff2"),url("../media/fonts/RobotoSlab-Bold.woff") format("woff"),url("../media/fonts/RobotoSlab-Bold.otf") format("opentype");
	font-style:normal;
	font-weight:400;
}



.margin-top-5 {
  margin-top:5px;
}

.margin-top-10 {
  margin-top:10px;border-color:rgba(91, 168, 191, 1);
}

.margin-top-20 {
  margin-top:20px;
}
.margin-top-30 {
  margin-top:30px;
}
.margin-top-40 {
  margin-top:40px;
}
.margin-top-50 {
  margin-top:50px;
}
.margin-top-60 {
  margin-top:60px;
}
.margin-top-70 {
  margin-top:70px;
}
.margin-top-80 {
  margin-top:80px;
}
.margin-top-90 {
  margin-top:90px;
}
.margin-top-100 {
  margin-top:100px;
}
.margin-top-150 {
  margin-top:150px;
}

html, body {
	font-family:"Mukta Vaani Regular";
	font-size: 13pt;
	line-height: 20pt;
	color: #000;
	overflow-x: hidden;
}



h1 {
	font-family:"Roboto Slab Bold";
	color: #ed7f09;
	line-height: 24pt;
	font-size: 20pt;
	text-transform: uppercase;
}
h2 {
	font-family:"Roboto Slab Bold";
	color: #ed7f09;
	line-height: 20pt;
	font-size: 15pt;
}

h3 {
	font-family:"Roboto Slab Bold";
	color: #ed7f09;
	line-height: 28pt;
	font-size: 13pt;
}

::selection {
  background: #ed7f09; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #ed7f09; /* Gecko Browsers */
}

hr {
	border-color: #ccc;
}


a {
	color: #ed7f09;	
}
a:hover {
      color: #ed7f09;
      text-decoration: underline;
      -ms-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
 }

.header {
	background: #195D73;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #333;
	color: #fff;
}

.footer {
	background: #195D73;
	padding-top: 30px;
	padding-bottom: 30px;
	min-height: 100px;
	border-top: 1px solid #333;
	color: #fff;
}

.footer a {
	font-family:"Roboto Slab Light";
	color: #fff;
	font-size: 14pt;
	line-height: 30pt;
	letter-spacing: 1px;
}

.footer h4 {
	font-family:"Roboto Slab Bold";
	color: #fff;
	font-size: 15pt;
	line-height: 30pt;
	letter-spacing: 1px;
}


/* NAVBAR */
/* ===================================================== */
/* DEFAULT */


.navbar-default {
	background: #fff;
	border-radius: 0px;
	border-bottom: 1px solid #666;
	color: #666;
	font-size: 18px;
}

/* STYLE ACTIVE LINK */
.navbar-default .navbar-nav > .active{
   color: #666;
   background: #fff;
 }
 .navbar-default .navbar-nav > .active > a, 
 .navbar-default .navbar-nav > .active > a:hover, 
 .navbar-default .navbar-nav > .active > a:focus {
      color: #ED7F09;
      background: #195D73;
      -ms-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
 }
 
 /* STYLE NORMAL LINK HOVER */
 .navbar-default .navbar-nav li > a:hover {
      color: #ED7F09;
      background: #195D73;
      -ms-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
 }
 
  /* STYLE NORMAL LINK HOVER */
 .navbar-default .navbar-nav li > a {
      font-family:"Roboto Slab Light";
      color: #1b5f74;
      background: #fff;
      padding: 40px 20px;
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size:16pt;
 }
 
   /* STYLE NORMAL LINK HOVER */
 .navbar-default .navbar-nav li > a {
      font-family:"Roboto Slab Light";
      color: #1b5f74;
      background: #fff;
      padding: 40px 20px;
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size:16pt;
 }
 
    /* STYLE NORMAL LINK HOVER */
 .navbar-default .navbar-nav .dropdown li > a {
      font-family:"Roboto Slab Light";
      color: #1b5f74;
      background: #fff;
      padding: 3px 40px;
      text-transform: none;
      letter-spacing: 1px;
      font-size:14pt;
 }
 
  .navbar-default .navbar-nav .dropdown li > a:hover {
      color: #ED7F09;
      background: #195D73;

 }
 
 
  .navbar-default .navbar-nav .dropdown li.dropdown-menu-title a {
      font-family:"Roboto Slab Light";
      color: #999;
      background: #fff;
      padding: 5px 20px;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size:16pt;
 }

 
 .navbar-brand img {
	 max-height: 75px;
	 padding-top:0px;
	 margin-top:0px;
	 margin-right:20px;
 }
 
 .navbar-right {
	 margin-right: 2px;
 }
 
 @media (max-width: 1220px) {
    
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
    
    .navbar-toggle {
        border:none;
    }
    
	.navbar .navbar-toggle .icon-bar {
		padding:2px;
		background-color: #ccc;
		width: 30px;
	}
	.navbar .navbar-toggle:hover {

		background-color: transparent;

	}
	
	.navbar-brand img {
		 max-height: 40px;
		 padding-top:0px;
		 margin-top:-8px;
		 margin-right:10px;
	 }
	 
	 .navbar-default .navbar-nav li > a {
	      color: #666;
	      background: #fff;
	      padding: 10px 30px;
	      text-transform: uppercase;
	 }
}


a.user_menu_link,a.user_menu_link:active,a.user_menu_link:visited,a.user_menu_link:link { 
	display: inline-block;	
	width: 100% !important;
	margin-top:5px;
	color: #fff;
	background: #ed7f09;
	text-decoration: none;
	border: none;
	padding:5px 10px 4px 10px;
}
a.user_menu_link:hover {
	color: #000;
	border: none;
	text-decoration: none;
	background: #ed7f09;
	transition: ease .5s;
}

a.user_menu_link.active {
	background: #ed7f09;
	color: #000;
}
 
/* SUBMENU */
/* ===================================================== */ 
 a.sub-menu {
	background: #333;
	padding: 10px 50px;
	font-weight: bold;
	border-bottom: 2px solid #ED7F09;
	line-height: 50px;
	border-radius: 3px;
}
a.sub-menu:hover {
	color: #fff;
	background: #195D73;
	text-decoration: none;
}
 a.sub-menu.active {
	background: #195D73;
	padding: 10px 50px;
	font-weight: bold;
	border-bottom: 2px solid #ED7F09;
	color: #fff;
	line-height: 50px;
	border-radius: 3px;
}


.bs-slider{
    overflow: hidden;
    max-height: 100% !important;
    position: relative;
    background: #000000;
}
.hb-caption {
	position: absolute;
	bottom: 0%;
	width: 100%;
	left: 0%;
	text-align: left;
	font-family:"Roboto Slab Bold";
	color: #ed7f09;
	line-height: 34pt;
	font-size: 20pt;
	text-transform: uppercase;
	background: rgba(0, 0, 0, 0.4);
	padding:10px 40px;	
}
.carousel-caption {
	position: absolute;
	bottom: 10%;
	width: 30%;
	left: 10%;
	text-align: left;	
}
.carousel-caption h2 {
	font-family:"Roboto Slab Bold";
	color: #ed7f09;
	line-height: 24pt;
	font-size: 20pt;
	text-transform: uppercase;
}
.carousel-caption p {
	font-family:"Roboto Slab Bold";
	color: #fff;
	line-height: 23pt;
	font-size: 15pt;
}

.carousel-caption h3 {
	font-family:"Roboto Slab Bold";
	color: #ed7f09;
	line-height: 24pt;
	font-size: 20pt;
}

/* Buttons */
/* ===================================================== */ 

.btn-customy-white,.btn-customy-white:active,.btn-customy-white:visited,.btn-customy-white:link {
	font-family:"Mukta Vaani Medium";
	background: transparent;
	color: #fff;
	padding: 20px 20px;
	font-size:14pt;
	line-height: 14pt;
	border: 1px solid #fff;
	text-decoration: none;
	border-radius: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.btn-customy-white:hover {
	font-family:"Mukta Vaani Medium";
	background: transparent;
	color: #ed7f09;
	padding: 20px 20px;
	font-size:14pt;
	border: 1px solid #ed7f09;
	text-decoration: none;
}

.btn-customy-blue,.btn-customy-blue:active,.btn-customy-blue:visited,.btn-customy-blue:link {
	font-family:"Mukta Vaani Medium";
	background: transparent;
	color: #1b5f74;
	padding: 20px 20px;
	font-size:14pt;
	line-height: 14pt;
	border: 1px solid #1b5f74;
	text-decoration: none;
	border-radius: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.btn-customy-blue:hover {
	font-family:"Mukta Vaani Medium";
	background: transparent;
	color: #ed7f09;
	padding: 20px 20px;
	font-size:14pt;
	border: 1px solid #ed7f09;
	text-decoration: none;
}


.btn-customy-gdpr,.btn-customy-gdpr:active,.btn-customy-gdpr:visited,.btn-customy-gdpr:link {
	font-family:"Mukta Vaani Medium";
	background: transparent;
	color: #1b5f74;
	padding: 8px 10px;
	font-size:11pt;
	line-height: 12pt;
	border: 1px solid #1b5f74;
	text-decoration: none;
	border-radius: 0;
	text-transform: uppercase;
	letter-spacing: 0px;
}
.btn-customy-gdpr:hover {
	font-family:"Mukta Vaani Medium";
	background: transparent;
	color: #ed7f09;
	padding: 8px 10px;
	font-size:11pt;
	line-height: 12pt;
	border: 1px solid #ed7f09;
	text-decoration: none;
}


/* GOOGLE MAPS */
/* ===================================================== */ 

.google-maps iframe {
    width: 100% !important;
    min-height: 400px;
    border:1px solid #ED7F09;
    
}


.slide_style_center img {
	color: #eee;
	text-shadow: 3px 3px 3px black;
}

img.header-link-img {
	display: block;
	float:right;
	margin-left: 20px;
	max-width: 180px !important;
}
img.header-link-img:hover {
}

.bg-money {
	background-image: url("../media/img/geld-laptop-colored.jpg");
	background-position: center center;
	padding: 100px 0px;
}

.bg-money h2 {
	color: #fff;
}

.bg-grey {
	background: #efefef;
	padding: 50px 0px;
}


.mission-statement {
	background: #1a5e74;
	color: #fff;
}

.mission-statement h1 {
	color: #ED7F09;
	border:none;
}
.mission-statement h2 {
	color: #ED7F09;
	border:none;
}

.footer-adress {
	padding: 50px 0px;
}

.footer-adress a {
	color: #333;
}
.footer-adress i {
	color: #333;
	font-size: 40px;
}


ul {
	list-style-type:none;
	padding-left: 0px;
	margin-left: 0px;
	
}

.content ul li {
	list-style-type: none;
	padding-left: 40px;
	padding-top: 2px;
	margin-left: 25px;
	background-image:url("../media/img/list.png");
	background-size: 30px;
	background-repeat:no-repeat;
	background-position:left top;
}

.content ul li ul li {
	list-style-type: none;
	padding-left: 20px;
	padding-top: 0px;
	margin-left: 15px;
	background-image:url("../media/img/list.png");
	background-size: 15px;
	background-repeat:no-repeat;
	background-position:left 4px;
	
}

.mission-statement .content ul li {
	list-style-type: none;
	padding-left: 40px;
	padding-top: 2px;
	margin-left: 25px;
	background-image:url("../media/img/list_white.png");
	background-size: 30px;
	background-repeat:no-repeat;
	background-position:left top;
}

.mission-statement .content ul li ul li {
	list-style-type: none;
	padding-left: 20px;
	padding-top: 0px;
	margin-left: 15px;
	background-image:url("../media/img/list_white.png");
	background-size: 15px;
	background-repeat:no-repeat;
	background-position:left 4px;
	
}

#social-header {
	position: fixed;
	top: 15%;
	right: 0px;
	padding: 20px;
	background: rgba(255, 255, 255, 0.75);
	z-index:9999999;
	border: 1px solid #000;
	border-right: none;
	border-radius: none;
}

#social-header i {
	font-size: 28px;
	color: #195D73;
}
#social-header i:hover {
	font-size: 28px;
	color: #ed7f09;
	cursor: pointer;
	
}

.hb {
	display: none !important;
}

.icon-bar {
  color: #1b5f74 !important;
  border-color: #1b5f74 !important;
  background-color: #1b5f74 !important;
  
}

 @media (max-width: 900px) {
    
    #social-header {
		position: absolute;
		top: 70px;
	
	}
	.slide_style_center img {
		width:90%;
		color: #eee;
		text-shadow: 3px 3px 3px black;
	}
	
	img.header-link-img {
		display: block;
		float:right;
		margin-left: 20px;
		max-width: 100px !important;
	}
}

@media (max-width: 640px) {
    

	
	img.header-link-img {
		display: block;
		float:right;
		margin-left: 20px;
		max-width: 80px !important;
	}
}