/* Schriften laden */
@font-face {
    font-family: AvantGardeLT-Book;
    src: url('../fonts/AvantGardeLT-Book.woff') format('woff'), url('../fonts/AvantGardeLT-Book.ttf')  format('truetype');
}

@font-face {
    font-family: AvantGardeLT-Bold;
    src: url('../fonts/AvantGardeLT-Bold.woff') format('woff'), url('../fonts/AvantGardeLT-Bold.ttf')  format('truetype');
}

@font-face {
    font-family: Berkeley-Black;
    src: url('../fonts/Berkeley-Black.woff') format('woff'), url('../fonts/Berkeley-Black.ttf')  format('truetype');
}

/* Überschriften */

h1{
	font-family: Berkeley-Black;
	font-size: 48px;
	color: #4d4d4c;
}

h2{
	font-family: AvantGardeLT-Bold;
        margin-top: 25px;
	font-size: 35px;
	color: #4d4d4c;
}
.container > h2{
        margin-bottom: 25px;
}
.marginRow h2{
	font-family: AvantGardeLT-Bold;
	margin-top: 25px;
	font-size: 35px;
	color: #4d4d4c;
    margin-bottom: 25px;
}
body{
	font-family: AvantGardeLT-Book;
        color: #4d4d4c;
        font-size: 16px;
}

a{
        color: #4578ad;
        font-family: AvantGardeLT-Book;
}

#hauptnavigation-section{
	height: 115px;
	font-family: AvantGardeLT-Bold;
	font-size: 22px;
	color: #7ca0c5;
}

#hauptnavigation-section .navbar-default{
	background-color: transparent;
	border: none;
}

#hauptnavigation-section .navbar-default .navbar-nav>li>a{
	font-size: 1vw;
	color: #7ca0c5;
    font-family: AvantGardeLT-Bold;
}
#hauptnavigation-section .navbar-default .navbar-nav{
	margin-top: 37px;
}
#hauptnavigation-section .navbar-default .navbar-nav>li>a>hr{
        visibility: hidden;
}
#hauptnavigation-section .navbar-default .navbar-nav>li.active>a>hr{
	border-top: 3px solid #bcd762;
        margin-top:5px;
        visibility: visible;
}
#hauptnavigation-section .navbar-default .navbar-nav>li.active a{
	background-color: transparent;
}

.full-width-img{
   width: 100%;
}

.bg-olive-green{
	background-color: #eef5d8;
}


p.fa-chevron-right, p.fa-file-pdf-o{
        color: #4578ad;
        display: block;
}

.bg-olive-green a{
        text-transform: uppercase;
        font-weight: bold;
        font-family: AvantGardeLT-Book;
}

.marginTop{
	margin-top: 40px;
}

/* 3 Spalten Layout */
.card-theme_title{
        font-family: AvantGardeLT-Book;
        font-size: 16px;
        color: #4d4d4c;
		text-align:center;
}

.card-title{
        font-family: AvantGardeLT-Bold;
        font-size: 26px;
        color: #4d4d4c;
        margin-top: 10px;
		text-align:center;
}

/* WDT Buttons */
.wdt_button, .wdt_button:focus{
    font-family: AvantGardeLT-Bold;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 6px 12px;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;

    color: #fff;
    background-color: #4578ad;
    border-color: #4578ad;
    text-decoration: none;

    -webkit-transition: .5s;
    transition: .5s;
}

.wdt_button:hover{
    text-decoration: none;
    color: #fff;
    cursor: pointer;
    border-radius: 30px;
}

/* Checkbox ******************************************************************************************/

	.checkbox {
	padding-left: 20px; }
	.checkbox label {
	display: inline-block;
	position: relative;
	padding-left: 5px; }
	.checkbox label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 17px;
	height: 17px;
	left: 0;
	margin-left: -20px;
	border: 1px solid #cccccc;
	border-radius: 3px;
	background-color: #fff;
	-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
	.checkbox label::after {
	display: inline-block;
	position: absolute;
	width: 16px;
	height: 16px;
	left: 0;
	top: 0;
	margin-left: -20px;
	padding-left: 3px;
	padding-top: 1px;
	font-size: 11px;
	color: #555555; }
	.checkbox input[type="checkbox"] {
	opacity: 0; }
	.checkbox input[type="checkbox"]:focus + label::before {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px; }
	.checkbox input[type="checkbox"]:checked + label::after {
	font-family: 'FontAwesome';
	content: "\f00c"; }
	.checkbox input[type="checkbox"]:disabled + label {
	opacity: 0.65; }
	.checkbox input[type="checkbox"]:disabled + label::before {
	background-color: #eeeeee;
	cursor: not-allowed; }
	.checkbox.checkbox-circle label::before {
	border-radius: 50%; }
	.checkbox.checkbox-inline {
	margin-top: 0; }

	.checkbox-primary input[type="checkbox"]:checked + label::before {
	background-color: #428bca;
	border-color: #428bca; }
	.checkbox-primary input[type="checkbox"]:checked + label::after {
	color: #fff; }

	.checkbox-danger input[type="checkbox"]:checked + label::before {
	background-color: #d9534f;
	border-color: #d9534f; }
	.checkbox-danger input[type="checkbox"]:checked + label::after {
	color: #fff; }

	.checkbox-info input[type="checkbox"]:checked + label::before {
	background-color: #5bc0de;
	border-color: #5bc0de; }
	.checkbox-info input[type="checkbox"]:checked + label::after {
	color: #fff; }

	.checkbox-warning input[type="checkbox"]:checked + label::before {
	background-color: #f0ad4e;
	border-color: #f0ad4e; }
	.checkbox-warning input[type="checkbox"]:checked + label::after {
	color: #fff; }

	.checkbox-success input[type="checkbox"]:checked + label::before {
	background-color: #5cb85c;
	border-color: #5cb85c; }
	.checkbox-success input[type="checkbox"]:checked + label::after {
	color: #fff; }

	.radio {
	padding-left: 20px; }
	.radio label {
	display: inline-block;
	position: relative;
	padding-left: 5px; }
	.radio label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 17px;
	height: 17px;
	left: 0;
	margin-left: -20px;
	border: 1px solid #cccccc;
	border-radius: 50%;
	background-color: #fff;
	-webkit-transition: border 0.15s ease-in-out;
	-o-transition: border 0.15s ease-in-out;
	transition: border 0.15s ease-in-out; }
	.radio label::after {
	display: inline-block;
	position: absolute;
	content: " ";
	width: 11px;
	height: 11px;
	left: 3px;
	top: 3px;
	margin-left: -20px;
	border-radius: 50%;
	background-color: #555555;
	-webkit-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	transform: scale(0, 0);
	-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
	.radio input[type="radio"] {
	opacity: 0; }
	.radio input[type="radio"]:focus + label::before {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px; }
	.radio input[type="radio"]:checked + label::after {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1); }
	.radio input[type="radio"]:disabled + label {
	opacity: 0.65; }
	.radio input[type="radio"]:disabled + label::before {
	cursor: not-allowed; }
	.radio.radio-inline {
	margin-top: 0; }

	.radio-primary input[type="radio"] + label::after {
	background-color: #428bca; }
	.radio-primary input[type="radio"]:checked + label::before {
	border-color: #428bca; }
	.radio-primary input[type="radio"]:checked + label::after {
	background-color: #428bca; }

	.radio-danger input[type="radio"] + label::after {
	background-color: #d9534f; }
	.radio-danger input[type="radio"]:checked + label::before {
	border-color: #d9534f; }
	.radio-danger input[type="radio"]:checked + label::after {
	background-color: #d9534f; }

	.radio-info input[type="radio"] + label::after {
	background-color: #5bc0de; }
	.radio-info input[type="radio"]:checked + label::before {
	border-color: #5bc0de; }
	.radio-info input[type="radio"]:checked + label::after {
	background-color: #5bc0de; }

	.radio-warning input[type="radio"] + label::after {
	background-color: #f0ad4e; }
	.radio-warning input[type="radio"]:checked + label::before {
	border-color: #f0ad4e; }
	.radio-warning input[type="radio"]:checked + label::after {
	background-color: #f0ad4e; }

	.radio-success input[type="radio"] + label::after {
	background-color: #5cb85c; }
	.radio-success input[type="radio"]:checked + label::before {
	border-color: #5cb85c; }
	.radio-success input[type="radio"]:checked + label::after {
	background-color: #5cb85c; }

.error_message{
	color: red;
	margin-top: 20px;	
}
.error{
	color: red;	
}
input.error{
	border: 1px solid red;
}
/* Footer ******************************************************************************************/

.page-footer{
   background-color: #414141;
   min-height: 350px;
   padding-top: 50px;
}
.page-footer ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.page-footer h2{
   font-size: 24px;
   color: #888888;
   text-transform: uppercase;
}
.page-footer p{
	font-size: 15px;
	color: #cfd0d0;
}
.page-footer a{
	color: #bcd762;
}

/* ****************************************** */

/* Formular */
.form-control{
       width: 75%;
       border: 1px solid #bcd762;
       box-shadow: inset 0 1px 1px #bcd762;
} 
.form-control:focus{
       box-shadow: inset 0 1px 1px #bcd762;
       border-color: #bcd762;
}
/* ******************************************* */

@media(min-width: 2314px){
    .container{
       width: 50%;
    }
}

@media(max-width:768px) {

   .form-control{
       width: 100%;
   } 
   #hauptnavigation-section{
       height: 100px;
   }
   .navbar {
       min-height: 50px;
       margin-bottom: 20px;
       position: absolute;
       left: 0px;
       right: 0px;
       z-index: 1000;
       background-color: #fff!important;
   }
   .navbar-toggle{
        margin-top:35px;
   }
   .navbar-brand{
        padding: 15px 5px;
   }
   .col-sm-4:first-child{
        margin-top: 10px;
        margin-bottom: 20px;
   }
   .col-sm-4{
        margin-top: 20px;
        margin-bottom: 20px;
   }
   .marginTop{
        margin-top: 0px;
   }
   img{
        width: 100%;
   }
}

.relativeDiv{
    position: relative;
}
.imagefield{
    position: absolute;
    top: 17%;
    left: 100px;
}

.imagefield h1, .imagefield h2{
    color: white;
    font-family: Berkeley-Black;
}

.textBox{
    position: absolute;
    bottom: 30px;
    height: 215px;
    overflow: hidden;
    background: rgba(255,255,255,0.8);
    padding: 10px;
}
.textBox h2{
    font-family: AvantGardeLT-Book;
    font-size: 16px;
    color: #4d4d4c;
    margin-top: 20px;
}
.textBox h3{
    font-family: AvantGardeLT-Bold;
    font-size: 26px;
    color: #4d4d4c;
    margin-top: 10px;
}

.textBox p{
    font-family: AvantGardeLT-Book;
    font-size: 16px;
    color: #000;
}

.marginRow,#hauptnavigation-section + .full-width-section + .container, #hauptnavigation-section + .container{
    margin-top: 60px;
    margin-bottom: 60px;
}

@media(max-width:1200px){
   /* Tablet Anpassungen */
   #hauptnavigation-section .navbar-default .navbar-nav>li>a{
		font-size: 1.4vw;
   }
   .imagefield{
		left: 50px;
	}
  
   
}
@media(max-width:991px){
   /* Tablet Anpassungen */
   #hauptnavigation-section .navbar-default .navbar-nav>li>a{
		font-size: 1vw; 
	}
	.nav>li>a {
		padding: 10px 14px;
	}
    .imagefield h1{
		font-size: 24px;
    }
	.textBox{
		display:block;
		position:inherit;
		text-align:center;	
	}
}
@media(max-width:768px){
	#hauptnavigation-section .navbar-default .navbar-nav>li>a{
		font-size: 3vw; 
	}
	.nav>li {
		height: 40px;
	}
	.full-width-img{
	   margin-top: 30px;
	}
	.marginRow,#hauptnavigation-section + .full-width-section + .container, #hauptnavigation-section + .container{
		margin-top: 15px;
		margin-bottom: 60px;
	}
}

.navbar-collapse{
    border: 0px;
}


.img-fluid{
	width: 100%;
}