/* ########################
FONTS !!!! GOOGLE WEBFONTS HTTPS 
########################### */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 200;
	src:
		local('Source Sans Pro ExtraLight'),
		local('SourceSansPro-ExtraLight'),
		/* from https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wlxdq.eot */
		url('/_media/themes/1/fonts/Source-Sans-Pro/Source_Sans_Pro_200.eot?#iefix') format('embedded-opentype'),
		/* from https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wlxdo.woff */
		url('/_media/themes/1/fonts/Source-Sans-Pro/Source_Sans_Pro_200.woff') format('woff'),
		/* from https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wlxdu.woff2 */
		url('/_media/themes/1/fonts/Source-Sans-Pro/Source_Sans_Pro_200.woff2') format('woff2'),
		/* from https://fonts.gstatic.com/l/font?kit=6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wlxdp&skey=f7e766e587bd9f23&v=v11#SourceSansPro */
		url('/_media/themes/1/fonts/Source-Sans-Pro/Source_Sans_Pro_200.svg#SourceSansPro') format('svg'),
		/* from https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wlxdr.ttf */
		url('/_media/themes/1/fonts/Source-Sans-Pro/Source_Sans_Pro_200.ttf') format('truetype');
}
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 300;
	src:
		local('Source Sans Pro Light'),
		local('SourceSansPro-Light'),
		/* from https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdq.eot */
		url('/_media/themes/1/fonts/Source-Sans-Pro/Source_Sans_Pro_300.eot?#iefix') format('embedded-opentype'),
		/* from https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdo.woff */
		url('/_media/themes/1/fonts/Source-Sans-Pro/Source_Sans_Pro_300.woff') format('woff'),
		/* from https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu.woff2 */
		url('/_media/themes/1/fonts/Source-Sans-Pro/Source_Sans_Pro_300.woff2') format('woff2'),
		/* from https://fonts.gstatic.com/l/font?kit=6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdp&skey=e2b26fc7e9e1ade8&v=v11#SourceSansPro */
		url('/_media/themes/1/fonts/Source-Sans-Pro/Source_Sans_Pro_300.svg#SourceSansPro') format('svg'),
		/* from https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdr.ttf */
		url('/_media/themes/1/fonts/Source-Sans-Pro/Source_Sans_Pro_300.ttf') format('truetype');
}
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 400;
	src:
		local('Source Sans Pro Regular'),
		local('SourceSansPro-Regular'),
		/* from https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7h.eot */
		url('/_media/themes/1/fonts/Source-Sans-Pro/Source_Sans_Pro_400.eot?#iefix') format('embedded-opentype'),
		/* from https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7j.woff */
		url('/_media/themes/1/fonts/Source-Sans-Pro/Source_Sans_Pro_400.woff') format('woff'),
		/* from https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2 */
		url('/_media/themes/1/fonts/Source-Sans-Pro/Source_Sans_Pro_400.woff2') format('woff2'),
		/* from https://fonts.gstatic.com/l/font?kit=6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7i&skey=1e026b1c27170b9b&v=v11#SourceSansPro */
		url('/_media/themes/1/fonts/Source-Sans-Pro/Source_Sans_Pro_400.svg#SourceSansPro') format('svg'),
		/* from https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7g.ttf */
		url('/_media/themes/1/fonts/Source-Sans-Pro/Source_Sans_Pro_400.ttf') format('truetype');
}
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 600;
	src:
		local('Source Sans Pro SemiBold'),
		local('SourceSansPro-SemiBold'),
		/* from https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdq.eot */
		url('/_media/themes/1/fonts/Source-Sans-Pro/Source_Sans_Pro_600.eot?#iefix') format('embedded-opentype'),
		/* from https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdo.woff */
		url('/_media/themes/1/fonts/Source-Sans-Pro/Source_Sans_Pro_600.woff') format('woff'),
		/* from https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu.woff2 */
		url('/_media/themes/1/fonts/Source-Sans-Pro/Source_Sans_Pro_600.woff2') format('woff2'),
		/* from https://fonts.gstatic.com/l/font?kit=6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdp&skey=227a890402fab339&v=v11#SourceSansPro */
		url('/_media/themes/1/fonts/Source-Sans-Pro/Source_Sans_Pro_600.svg#SourceSansPro') format('svg'),
		/* from https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdr.ttf */
		url('/_media/themes/1/fonts/Source-Sans-Pro/Source_Sans_Pro_600.ttf') format('truetype');
}
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 700;
	src:
		local('Source Sans Pro Bold'),
		local('SourceSansPro-Bold'),
		/* from https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdq.eot */
		url('/_media/themes/1/fonts/Source-Sans-Pro/Source_Sans_Pro_700.eot?#iefix') format('embedded-opentype'),
		/* from https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdo.woff */
		url('/_media/themes/1/fonts/Source-Sans-Pro/Source_Sans_Pro_700.woff') format('woff'),
		/* from https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdu.woff2 */
		url('/_media/themes/1/fonts/Source-Sans-Pro/Source_Sans_Pro_700.woff2') format('woff2'),
		/* from https://fonts.gstatic.com/l/font?kit=6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdp&skey=84e1cdfb74260b1d&v=v11#SourceSansPro */
		url('/_media/themes/1/fonts/Source-Sans-Pro/Source_Sans_Pro_700.svg#SourceSansPro') format('svg'),
		/* from https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdr.ttf */
		url('/_media/themes/1/fonts/Source-Sans-Pro/Source_Sans_Pro_700.ttf') format('truetype');
}

/* ########################
BODY 
########################### */
body {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #333;
  background-color: #fff;
}
.header-holder {
  box-shadow: 0 0 10px rgba(0,0,0,.2);
  position: relative;
  z-index: 990;
}
header.header {
  padding: 24px 0;
  height: 115px;
}
.contact-header {
  position: absolute;
  top: 40px;
  right: 0;
  color: #939393;
  font-size: 14px;
  font-weight: 100;
  line-height: 16px;
}
.contact-header strong {
  color: #555;
  font-size: 20px;
  line-height: 1.3;
}

.navbar-toggle {
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
  color: #fff;
  background: #891919;
  text-decoration: none;
  z-index: 99998;
  cursor: pointer;
}
.mobile-nav {
  -webkit-overflow-scrolling: touch;
  background: #891919;
  z-index: 99998;
}
.mobile-nav .level-1 {
  background: #891919;
}


.header-img {
height: 430px;
}
.unterseite .header-img {
  height: 135px;
}
nav.top-nav.hidden-xs {
  background: #891919;
  margin-top: 8px;
}

.highlight-content {
  background: url(/_media/themes/1/layout/acht_gross.png) left 700px #e4e3da no-repeat;
  padding: 50px 0 40px;
}
.startseite .highlight-content {
  background: url(/_media/themes/1/layout/acht_gross.png) left 230px #e4e3da no-repeat;
}
.highlight-content-block {
  position: relative;
}
.highlight-content-block img.img-responsive {
  border: 6px solid white;
  box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
}
.highlight-content-block .headline3 {
  color: #891919;
  font-weight: normal;
  text-transform: none;
  background: white;
  position: absolute;
  top: 90px;
  width: 100%;
  padding: 5px 15px;
}
.highlight-content-block .text-wrapper {
  margin-top: 15px;
  color: #555;
}
.main-content-inner {
  background: white;
  padding: 20px;
  box-shadow: 0 0 5px rgba(0,0,0,.1);
}
.sidebar-nav {
  margin-bottom: 30px;
}
.footer {
  height: 100px;
box-shadow: 0 0 10px rgba(0,0,0,.2);
  background: url(/_media/themes/1/layout/footer.png) center center no-repeat #fff;
  border-bottom: 6px solid #891919;
  }
.footer-content {
  max-width: 960px;
  margin: 0 auto;
  position: relative;
  height: 45px;
  color: #999;
}
.copyright {
  position: absolute;
  left: 0;
  bottom: 0;
}
.small-nav-holder.hidden-xs {
  position: absolute;
  right: 0;
  bottom: 0;
}
/* ########################
HEADLINES 
########################### */
.headline1 {
  color: #606060;
  font: 600 normal normal 32px/38px 'Source Sans Pro', sans-serif;
}

.headline2 {
  color: #111111;
  font-weight: normal;
  text-transform: none;
}

.headline3 {
  color: #111111;
  font-weight: normal;
  text-transform: none;
}

.headline4 {
  color: #111111;
  font-weight: normal;
  text-transform: none;
}

/* ########################
LINK 
########################### */
a {
  color: #606060;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

a:hover, a:focus {
  color: #111111;
  text-decoration: underline;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/* ########################
HR 
########################### */
hr {
  margin-top: 21px;
  margin-bottom: 21px;
  border: 0;
  border-top: 1px solid #efefef;
}

/* ########################
FORM 
########################### */
.form-control {
  display: block;
  width: 100%;
  height: 35px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.5;
  color: #999999;
  background-color: white;
  background-image: none;
  border: 1px solid #dddddd;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

/* ########################
BUTTONS
########################### */
.btn-default {
  color: #FFFFFF;
  background-color: #891919;
  border-color: #891919;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.btn-default:hover, .btn-default :focus, .btn-default :active, .btn-default .active {
  color: #891919;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.btn-primary {
  color: #FFFFFF;
  background-color: #891919;
  border-color: #891919;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.btn-primary:hover, .btn-primary :focus, .btn-primary :active, .btn-primary .active {
  color: #891919;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/* ########################
THUMBNAILS
########################### */
.thumbnail {
  display: block;
  padding: 0px;
  margin-bottom: 21px;
  line-height: 1.5;
  background-color: transparent;
  border: 0px solid #e5e5e5;
  border-radius: 0px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.thumbnail > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.thumbnail a > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.thumbnail .caption {
  padding: 10px;
  color: #333;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #606060;
}

/* ########################
NAVIGATIONS
########################### */
/* Main Level 1 */
.main-nav.level-1 li {
  display: inline-block;
}
.main-nav.level-1 li a {
  font-size: 15px;
  padding: 9px 14px;
  font-weight: normal;
  text-transform: uppercase;
  color: #E5AFAF;
}
.main-nav.level-1 li a:before {
  content: "";
  /* \f101 */
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  color: #999999;
}
.main-nav.level-1 li a:hover {
  color: white;
}
.main-nav.level-1>li.active>span>a {
  color: white;
  font-weight: bold;
}

/* Main Level 2 */
.main-nav.level-2 li a {
  padding: 6px 0 6px 10px;
  font-size: 14px;
  color: #333;
  border-bottom: #aaa 1px solid;  
  font: normal normal normal 15px/20px 'Source Sans Pro', sans-serif;
}
.main-nav.level-2 li a:before {
  content: "» ";
  color: #891919;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  margin-right: 5px;
}
.main-nav.level-2 li a:hover {
  color: #891919;
}
.main-nav.level-2 li.active a {
  color: #891919;
}

/* Main Level 3 */
.main-nav.level-2 li .level-3 li a {
  padding: 6px 0 6px 25px;
  font-size: 14px;
  color: #333;
  border-bottom: #aaa 1px solid;  
  font: normal normal normal 15px/20px 'Source Sans Pro', sans-serif;
}
.main-nav.level-2 li .level-3 li a:before {
  content: "» ";
  color: #891919;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  margin-right: 5px;
}
.main-nav.level-2 li .level-3 li a:hover {
  color: #891919;
}
.main-nav.level-2 li .level-3 li.active a {
  color: #891919;
}

/* Small Level 1 */
.small-nav.level-1 li {
  display: inline-block;
}
.small-nav.level-1 li a {
  padding: 2px 10px;
  color: #999999;
}
.small-nav.level-1 li a:hover {
  color: #606060;
}
.small-nav.level-1 li.active a {
  color: #606060;
}

/* ########################
MEDIA QUERYS 
########################### */
@media (max-width: 767px) {
  header.header {
  padding: 24px 0;
  height: 188px;
}
.contact-header {
  right: 10px;
}
nav.visible-sm.visible-xs.navbar {
  position: absolute;
  bottom: 0;
  right: 0;
}
  .highlight-content-block {
    margin-bottom: 30px;
  }
  .header-img {
    height: 100px;
  }
  .contact-header {
  top: 80px;
}
nav.visible-sm.visible-xs.navbar {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  background: rgb(137, 25, 25);
}
.copyright {
  position: absolute;
  left: 0px;
  bottom: 0;
  font-size: 11px;
}
.footer {
  height: 100px;
  box-shadow: 0 0 10px rgba(0,0,0,.2);
  background: url(/_media/themes/1/layout/footer.png) -220px center no-repeat #fff;
  border-bottom: 6px solid #891919;
}
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
