/*
Corporate Color 1: #d44c12f (Orange)
Corporate Color 1: #d35927 (Helles Orange)
Corporate Color 2: #262626 (Dunkles Grau)
*/

/* FONTS */
/* source-code-pro-regular - latin */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/source-code-pro-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-code-pro-v20-latin-regular.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* source-code-pro-500 - latin */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../fonts/source-code-pro-v20-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-code-pro-v20-latin-500.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* source-code-pro-700 - latin */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/source-code-pro-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-code-pro-v20-latin-700.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* dosis-regular - latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/dosis-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/dosis-v25-latin-regular.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* Custom Basics */

body									{ font-family: 'Source Sans Pro', sans-serif; font-size: 16px; background: #eee; }
/* Hintergrund Fullsize Container*/
.fullsize-bg							{ color: inherit; background-color: #333; color: #fff; }
/* Hintergrund Fullsize Container WHITE*/
.fullsize-bg-white						{ color: inherit; background-color: #fff; color: #fff; }
/* Column Border */
.border-right							{ background-image: url('../img/border.png'); background-repeat: no-repeat; background-position: right 50px; }
/* Überschriften */
.h1-dark								{ color:#262626; }
.heading								{ font-size: 28px; color:#e6e6e6; }
.heading-light							{ font-size: 28px; color:#262626; }
/* Keyvisual */
.keyvisual								{ float: right; }
/* Abstände */
.margin-top-10							{ margin-top: 20px; }
.margin-top-25							{ margin-top: 25px; }
.margin-top-105							{ margin-top: 105px; }
.row									{ margin-top: 30px; margin-bottom: 30px; }
/* Shadow */
.box-shadow								{ -webkit-box-shadow: 3px 3px 2px 0px  #ccc; -moz-box-shadow: 3px 3px 2px 0px #ccc; box-shadow: 3px 3px 2px 0px  #ccc;}
/* Ausrichtung */
.text-left								{ text-align:left; }
.text-right								{ text-align:right; }
.text-center							{ text-align:center; }
/* Menü-Anzeige Mobil*/
.navbar-brand 							{ color: #fff; }


/* Header */

.header-text 							{ font-size: 24px; font-weight:bold; }
.header-text a 							{ font-size: 24px; font-weight:bold; color:#333 !important; text-decoration: none; }


/* Navigation */

@media (min-width:768px) {

.navbar									{ background: #333; border-radius: 0; width:100%; }
.navbar-nav								{ width:100%; }

a.my-nav, a.my-nav:active				{ color:#fff; }
a.my-nav:hover							{ color:#d44c12; }

li.my-navv								{ width:25%; text-align: center; }
li.border-left							{ border-left: 1px solid #fff; }
li.border-right							{ border-right: 1px solid #fff; }

}

@media (max-width:767px) {

.navbar									{ background: #333333; border-radius: 0;}

a.my-nav, a.my-nav:active				{ color:#fff; }
a.my-nav:hover							{ color:#800000; }

.icon-bar								{ background: #fff; }
.navbar-toggle							{ border-color: #fff; }

}


/* Intro */

.zitat									{ font-family: 'Dosis', sans-serif; font-size: 26px; font-style: italic; color:#999999; }


/* Informationen */

a.telefon-in-text						{ color:#333 !important; text-decoration: none; }


/* Impressionen / Image Slider */

.jcarousel-control-prev					{ background: #262626; }
.jcarousel-control-next					{ background: #262626; }

a.jcarousel-control-prev:hover,
a.jcarousel-control-prev:visited,
a.jcarousel-control-prev:active,
a.jcarousel-control-prev:focus,
a.jcarousel-control-prev:active,
a.jcarousel-control-next:hover,
a.jcarousel-control-next:visited,
a.jcarousel-control-next:active,
a.jcarousel-control-next:focus,
a.jcarousel-control-next:active			{ color: #fff; text-decoration: none; }


/* Kontakt */

.input-text								{ width:100%; height:30px; border:1px solid #d1d1d1; }
.textarea								{ width:100%; height:120px; border:1px solid #d1d1d1; }

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open
.dropdown-toggle.btn-primary 			{ background-color: #A6A8C1; border-color: #31347B; }

.btn 									{ background-color: #d44c12; border-color: #fff; color:#fff; width:100%; }

/* Formular Handling */

.error									{ border-radius: 3px; border: 1px solid #fff; background-color: #610B0B; color: #fff; padding-top: 20px; padding-bottom: 20px; margin-top: 20px; margin-bottom: 20px; }
.success								{ border-radius: 3px; border: 1px solid #fff; background-color: #4B8A08; color: #fff; padding-top: 20px; padding-bottom: 20px; margin-top: 20px; margin-bottom: 20px; }


/* Responsive */

@media (min-width:768px) {

.mobile-only							{ display: none; }

}

@media (max-width:768px) {

/* Header */

.header-text 							{ font-size: 20px; font-weight:bold; }
.header-text a 							{ font-size: 20px; font-weight:bold; color:#333 !important; text-decoration: none; }

/* Column Border */
.border-right							{ background-image: none; }

/* Ausrichtung */
.text-right								{ text-align:left; }

/* Keyvisual */
.keyvisual 								{ float: left; }

}

@media (max-width:360px) {

h1 										{ font-size: 26px; }
h2 										{ font-size: 22px; }

.desktop-only							{ display: none; }
.header-icon							{ height: 25px; }
.heading								{ font-size: 24px; }
.heading-light							{ font-size: 24px; }
.zitat									{ font-size: 22px; }

.row									{ margin-right: -5px; }
.row									{ margin-left: -5px; }

}
.mail { color: white;}
.mail a:not(:hover) { color: white; text-decoration: underline;}

a {
  color: #d44c12;
}
a:hover {
  color: #f76b30;
}

.heading img,
.heading-light img {
  position: relative;;
  top: -3px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
     font-weight: 400;
}