/*!
 * Start Bootstrap (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 * Modifications for Apotheken am Blauen Wunder / Leuben, www.familienapo.de
 */

/* Global Styles */

.navbar-header {
	display:none;
}

@font-face {
    font-family: 'crimson_textregular';
    src: url('../fonts/crimsontext-regular-web.eot');
    src: url('../fonts/crimsontext-regular-web.eot?#iefix') format('embedded-opentype'),
         url('../fonts/crimsontext-regular-web.woff2') format('woff2'),
         url('../fonts/crimsontext-regular-web.woff') format('woff'),
         url('../fonts/crimsontext-regular-web.ttf') format('truetype'),
         url('../fonts/crimsontext-regular-web.svg#crimson_textregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'crimson_text_semibolditalic';
    src: url('../fonts/crimsontext-semibolditalic-web.eot');
    src: url('../fonts/crimsontext-semibolditalic-web.eot?#iefix') format('embedded-opentype'),
         url('../fonts/crimsontext-semibolditalic-web.woff2') format('woff2'),
         url('../fonts/crimsontext-semibolditalic-web.woff') format('woff'),
         url('../fonts/crimsontext-semibolditalic-web.ttf') format('truetype'),
         url('../fonts/crimsontext-semibolditalic-web.svg#crimson_text_semibolditalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

.gruen { color:rgb(41,156,139) !important; } /* #299c8b */

.footerblau { color:rgb(178,192,227) !important; } /* #b2c0e3 */
.weiss { color:rgb(255,255,255) !important; }
.weiss a, .weiss a:hover { color:rgb(255,255,255) !important; }

.rot { color:rgb(227,6,19); } /* #e30613 */ 
.gruen { color:rgb(148,195,86); } /* #94c356 */
.orange { color:rgb(243,149,63); } /* #f3953f */

.hellblau { color:rgb(229,237,245); }  /* #e5edf5 */
.hellgruen { color:rgb(212,231,187); } /* #d4e7bb */
.hellorange { color:rgb(250,213,178); } /* #fad5b2 */
.hellrot { color:rgb(250,197,176); } /* #fac5b0 */ 

.dunkelblau { color:rgb(41,156,139); } /* #002850 */


/* ========== */
html,
body {
    height: 100%;
}

p {
    margin: 0 0 20px;
}

a { 
	text-decoration:none !important; 
	color:rgb(41,156,139);
}

a:hover { 
  color: rgba(41,156,139,0.5) !important;
    -webkit-transition: color 0.5s, background 0.75s;
    -moz-transition: color 0.5s, background 0.75s;
    -o-transition: color 0.5s, background 0.75s;
	transition: color 0.5s, background 0.75s;
}

body {
	background: url('../images/back.png') top center no-repeat;
    padding-top: 78px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	color:#000;
	font-family: 'crimson_textregular', serif;
	font-size:22px;
	line-height:120%;
}

#tinymce_body, .mceContentBody { 
	background:#FFF !important; 
	padding:15px !important; 
}

h1, h2, h3, h4, h5, h6, h7, h8, .h1, .h2, .h3, .h4, .h5, .h6, .h7, .h8 {
	font-family: 'crimson_text_semibolditalic', serif;
	color:rgb(41,156,139);
	line-height:125%;
}

.h1, h1 { 
	font-size:36px; 
	margin-bottom:30px;
}
h1:first-child { 
	margin-top: 0px;
}

.h2, h2 { 
	font-size:28px;
	margin-top:40px;
}

.h3, h3 { 
	font-size:28px;
}

.h6, h6 { 
	font-size:16px;
	line-height:100%;
	margin:30px 0 10px 0;
}

.h7, h7 { 
	display:inline-block; 
	font-size:16px;
}

.h8, h8 { 
	display:inline-block;
	font-size:16px; 
	margin-bottom:10px;
}

hr { margin: 20px 0px; height:1px; background-color:rgb(41,156,139); color:rgb(41,156,139); border:none 0px; }


.right { text-align:right; float:right; }
.left { text-align:left; float:left; }
.center { text-align:center; }


.headstripe { 
	height: 390px;
	background-color:rgba(41,156,139,0.7);
	background-image:url(../images/start.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	margin-bottom:0px; 
	padding-top:100px;
	box-sizing: border-box;
	text-align:left;
	color:#000;
}
	.headstripe h1 { 
		color:#000 !important;
		font-size:64px !important;
		text-decoration:none !important; 
		line-height:125% !important; 
		margin:30px 0 0 20px !important; 
		padding:0 !important; 
		border:0 none !important;
		text-transform:none !important;
	}

.divider {
	height:55px;
	background-color:rgb(41,156,139);
	background-image:url(../images/bogen.svg);
	background-position:center 10px;
	background-size:contain;
	background-repeat:no-repeat;
	overflow:hidden;
}

.start-divider {
	height:90px;
	background-color:rgb(234,245,243);
	background-image:url(../images/start2.png);
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
	overflow:hidden;
}

.iconslide {
	height:140px;
	margin-top:-70px;
	padding:0;
}

.inhalt {
	background-image:url(../images/strich.png);
	background-repeat:repeat-x;
	background-position:top left;
}

.start { 
	margin-top:30px;
	padding:0 0 30px 0;
	min-height:200px;
}
	#icons {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		text-align:center;
	}
	.icons { width:140px !important; margin:0 0 10px 0; }
	.icon { fill:rgb(41,156,139) !important; }

.start-leistung	{ 
	padding:30px 0;
	min-height:200px;
}
	.leistung-icon { 
		text-align:center; 
		color:rgb(41,156,139); 
		font-size:20px; 
		font-weight:700; 
		margin:25px 0; 
	}

.start-icons { 	
	padding:10px 0;
}
.start-wir-sind	{ 
	padding:30px 0;
	background: url(../images/back20.png) center -200px no-repeat; 
	min-height:200px;
	border-top:1px rgb(41,156,139) solid; 
}

.zwischenbild {
	height:350px; 
	margin:0;
	color:#FFF !important;
	background-color:rgb(41,156,139);
	background-image:url(../images/zwischenbild.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	border-top:2px rgb(41,156,139) solid; 
	border-bottom:2px rgb(41,156,139) solid;
}
	.zwischenbild h1 {
		color:#FFF !important;
	}
	.bildcointainer {
		height:346px; 
		text-align:right; 
		padding-right:300px; 
		box-sizing:border-box; 
		overflow:hidden;
	}
	.bauer-bild {
		display:block; 
		bottom:0; 
		right:0; 
		position:absolute;
	}


.start-kontakt{ 
	padding:30px 0;
	min-height:200px;
}

.start-schlagsatz {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:40px;
	color:rgb(41,156,139);
	display:block;
	margin:30px 0 35px 0;
	line-height:120%;
}

.form-control { font-size:16px; }
.form-anti-spam { 
	height:40px;
	text-transform:uppercase; 
}


.item {
    height: 100%;
}

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.link-mehr { 
	margin-top:5px;
	display:block;
	width:100%;
	margin-bottom:15px;
}

.siebenschritte { margin:20px 0 20px 0 !important; }
.siebenschritte li { margin:10px 0 25px 0; }

.textlogo { color:rgb(41,156,139); font-style:italic; font-weight:bold; }

.bildrahmen { border:1px solid rgb(41,156,139); }

/* für blaue Bullets */
.service ul {
    list-style: none !important;
    padding:0 !important;
    margin:0 !important;
}

.service li { 
    padding-left:17px; 
    text-indent:-12px;
	margin-bottom:7px;
}

.service li:before {
    content: "•";
	content: "\f0da";
    font-family: FontAwesome;
    color: rgb(0,79,159);
	padding-right:17px;
}


/* für blaue Bullets */
.team ul {
    list-style: none !important;
    padding:0 !important;
    margin:0 !important;
}

.team li { 
    padding-left:17px; 
    text-indent:-20px;
	margin-bottom:7px;
}

.team li:before {
    content: "+";
	content: "\f067";
    font-family: FontAwesome;
    color: rgb(0,79,159);
	padding-right:7px;
	size:50%;
}



.panel-heading-hellblau { background:rgba(0,79,156,0.3) !important; }
	.panel-heading-hellblau h3 {  margin:0 !important; }

.panel-heading { padding: 10px; height:auto; }
.panel-heading h3 { margin:0px; padding:0px; line-height:normal; }

.panel-heading-blau { background:rgb(41,156,139) !important; text-shadow: rgba(0,0,0,0.7) 1px 1px 1px; }
.panel-heading-hellblau { background:rgba(0,79,156,0.2) !important; }
	.panel-heading-hellblau h4 { color:rgb(227,6,19) !important; }

.panel-kontakt { border-color: rgb(41,156,139); border-radius: 0px; background:transparent; }
.panel-kontakt-body { padding: 10px; background:rgba(255,255,255,0.8); }


.panel-aktion, .panel-topangebote, .panel-monatspraemie, .panel-bestellen { margin-top:10px; height:200px; overflow:hidden; }


.weiterlink { 
	display:block; 
	background:rgb(227,6,19); 
	color:#FFF; 
	padding: 7px 15px; 
	margin:25px 0 0 0; 
	border-radius: 3px; 
	font-size:18px; 
	font-weight:bold; 
	font-family: 'Open Sans', sans-serif; 
}
.weiterlink:hover, .weiterlink:focus  { color:rgb(0,79,159); box-shadow: 0 0 5px rgba(0,0,0,0.3); }


.fa { margin-right:3px; }

a[href^="tel"]:link,
a[href^="tel"]:visited,
a[href^="tel"]:hover {
	text-decoration: none;
	color: #000;
	cursor:default;
}

.slider_box a[href^="tel"]:link,
.slider_box a[href^="tel"]:visited,
.slider_box a[href^="tel"]:hover {
	text-decoration: none;
	color: rgb(41,156,139);
	cursor:default;
}

.felderror { border: 2px solid #FF0000 !important; background-color:#ffe9f0 !important; }

.errormessages { 
	padding: 15px 10px 5px 60px; 
	margin:15px 0;
	border: 1px solid #FF0000; 
	background:url(../images/error.png) no-repeat 15px center #FFCC00; 
	color: #BB0000; 
	font-family: 'Open Sans', sans-serif; 
	font-weight:400; 
	font-size:16px; 
	text-align:left; 
	line-height:125%; 
}

.successmessages { 
	padding: 15px 10px 5px 55px; 
	margin:15px 0; 
	border: 1px solid #00FF00; 
	background:url(../images/success.png) no-repeat 15px center #05de00;
	color: #FFFFFF; 
	font-family:'Open Sans', sans-serif; 
	font-weight:400; 
	font-size:16px; 
	text-align:left; 
	line-height:125%; 
}



/* Footer Styles */
footer { margin: 0px 0 0 0; }

.footerbar { 
	margin-bottom:0px;
	min-height: 55px;
	position: relative;
}
	.footerbar a, .footerbar a:link, .footerbar a:active, .footerbar a:focus, .footerbar a:hover {
		color:#FFFFFF !important;
	}

.footerbar-inverse {
	text-align:center;
	background-color:rgb(41,156,139); 
	color:rgb(255,255,255);
	font-weight:400;
	font-size:0.9em; 
	line-height:55px;
	font-size:16px;
}



.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/*.row { 
	margin-left: 0 !important;
	margin-right: 0 !important;
} */

.table > tbody > tr > td { border: 0px none;
line-height: 1.43;
padding: 8px;
vertical-align: top;
}

.btn-primary { 
	background-color: rgb(0,79,159);
	border-bottom-color: #333333;
	border-left-color: #333333;
	border-right-color: #333333;
	border-top-color: #333333;
	color: #FFFFFF;
}
.btn-primary:hover { 
	background-color: rgb(41,156,139);
	border-bottom-color: rgb(0,79,159);
	border-left-color: rgb(0,79,159);
	border-right-color: rgb(0,79,159);
	border-top-color: rgb(0,79,159);
	color: rgb(227,6,19);
	-webkit-transition: color 0.5s, background-color 0.5s;
	-moz-transition: color 0.5s, background-color 0.5s;
	-o-transition: color 0.5s, background-color 0.5s;
	transition: color 0.5s, background-color 0.5s;
}
.btn { 
	font-family: 'Open Sans', sans-serif; 
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.43;
	margin-bottom: 0px;
	padding: 6px 12px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}

/* Home Page Carousel */
header.carousel {
    height: 50%;
/*	border-bottom: #FFF solid 2px; */
}

.carousel-control { 
	background-color: rgba(0, 0, 0, 0);
	bottom: 0px;
	color: #FFFFFF;
	font-size: 60px;
	left: 0px;
	opacity: 0.35;
	position: absolute;
	text-align: center;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.600);
	top: 0px;
	width: 8%;
}
carousel-control.left { 
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.45) 100%);
	background-repeat: repeat-x;
	left: 0px;
	right: auto;
}
.carousel-control.right { 
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.45) 100%);
	background-repeat: repeat-x;
	left: auto;
	right: 0px;
}
.carousel-control:focus, .carousel-control:hover { 
	color: #FFFFFF;
	opacity: 0.5;
	outline: 0px none currentColor;
	text-decoration: none;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.carousel-caption h2 { color:#FFF; }

.carousel-indicators .active { 
	background-color: rgb(0,79,159);
	height: 12px;
	margin: 0px;
	width: 12px;
}
.carousel-indicators li { 
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid rgb(229,237,245);
	border-radius: 10px;
	cursor: pointer;
	display: inline-block;
	height: 10px;
	margin: 1px;
	text-indent: -999px;
	width: 10px;
}


/* Navigation */
.navbar {
	border-top: 2px solid rgb(41,156,139) !important;
	border-bottom: 1px solid rgb(41,156,139) !important;
	height:80px;
	line-height:80px;
	font-size:36px;
}

.navbar-brand {
	float: left;
	height: 50px;
	padding: 12px !important;
	font-size: 22px;
	line-height: 60px;
}

.topbar {
/*	text-align:center; */
}
.topbar a, .navbar-header a {
	color:#000000 !important;
}

.logo {
	top: -10px !important;
	display: block;
	height: 70px;
	float: left;
	margin-right:10px;
}

#name:before {
	display:inline-block;
	height:70px;
	width:80px;
	content: '';
	float:left;
}
#name:before {
  background: url("../images/icon-logo.svg");
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
}

#top-tel {
	color:rgb(41,156,139) !important;
	font-style:italic;
	float:right;
}

#top-tel:before {
  content: url("../images/icon-tel.svg");
}
#top-tel a:link {
	color:rgb(41,156,139) !important;
}

.nav > li > a { padding-left:15px; padding-right: 15px; }
.navbar-nav > li > a { padding-top:18px; padding-bottom:13px; }

.navbar-inverse {
  background-color: rgb(255,255,255);
  border-color: rgb(41,156,139);
}
.navbar-inverse .navbar-brand {
  color:rgb(41,156,139);
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color:rgb(41,156,139);
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color:rgb(41,156,139);
}
.navbar-inverse .navbar-nav > li > a {
  color:rgb(41,156,139);
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color:rgb(41,156,139);
/*  background-color: transparent;*/
  background-color: rgba(229,237,245);
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: rgb(227,6,19);
  background-color: rgb(41,156,139);
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: rgb(41,156,139);
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: rgb(41,156,139);
  background-color: rgba(229,237,245);
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: rgb(41,156,139);
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: rgb(127,167,205);
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: rgb(41,156,139);
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: rgb(41,156,139);
  box-shadow:0px 0px 4px #000 inset;
}
.navbar-inverse .navbar-link {
  color: #FFF;
}
.navbar-inverse .navbar-link:hover {
  color: rgb(227,6,19);
}
.navbar-inverse .btn-link {
  color: #FFF;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color:rgb(227,6,19);
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: rgb(41,156,139);
}

.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: rgb(41,156,139);
}

.dropdown { font-size:18px; }

.dropdown-menu {
  font-size: 16px;
  background-color: rgb(229,237,245);
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .175);
          box-shadow: 0 3px 6px rgba(0, 0, 0, .175);
}
.dropdown-menu .divider {
  background-color: rgb(229,237,245);
}
.dropdown-menu > li {
	margin:0;
}
.dropdown-menu > li > a {
  color: rgb(41,156,139);
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: rgb(227,6,19);
  background-color: rgb(229,237,245);
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: rgb(41,156,139);
}

.dropdown-menu > li > a > .active {
	font-weight:bold !important;
}

@media (max-width: 767px) {

  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: rgb(41,156,139);
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: rgb(41,156,139);
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: rgb(41,156,139);
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color:rgb(227,6,19);
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color:rgb(227,6,19);
    background-color: rgb(41,156,139);
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: rgb(41,156,139);
    background-color: rgb(229,237,245);
  }

  .navbar-nav .open .dropdown-menu {
    background-color: rgb(229,237,245);
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }

  .nav > li { 
	border-bottom:1px solid #CCC;
	background-color:rgb(229,237,245);
	font-weight:bold;
/*	padding-left:10px; */
  }
  .nav > li:last-child { 
	border-bottom:0 none !important;
	box-shadow:#000 0px 2px 2px;
  }

	.navbar-inverse .navbar-nav > li > a:hover,
	.navbar-inverse .navbar-nav > li > a:focus {
	  color: #FFF;
	  background-color: rgb(41,156,139);
	}

	.navbar-nav { margin-top: 0px; }

	.dropdown-toggle { background: rgb(0,79,159); }
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 365px;
}


/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}


/* Responsive Styles */

@media(max-width:1200px) {
	.navbar-kasten_apo { 
		display:none !important; 
	}

}

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }

	.footer-sitemap { 
		display:none !important; 
	}
	.navbar-kasten_apo { 
		display:none !important; 
	}
	.service2, .service4 { margin-top:40px; }

	.toppraemie-text { padding:0px; }
	.toppraemie-text:before { content: "\00B7"; color:transparent; }
}

@media(max-width:767px) {

	.h1, h1 {
		font-size: 33px;
		margin-bottom: 30px;
		line-height: 35px;
	}

	.navbar-header {
		display:block;
	}

	.navbar {
		line-height: 80px;
		font-size: 33px;
		padding-left: 20px;
	}

	#name:before {
		display:inline-block;
		height:70px;
		width:70px;
		content: '';
		float:left;
	}
	#name:before {
	  background: url("../images/icon-logo.svg");
	  background-size:contain;
	  background-repeat:no-repeat;
	  background-position:center;
	}

	.headstripe { 
		height: 480px;
		margin-bottom:0px; 
		border-bottom:2px rgb(41,156,139) solid;
		padding-top:50px;
		box-sizing: border-box;
		text-align:center;
		background-size:cover;
	}
		.headstripe h1 { 
			font-size:60px;
			color:#FFF !important;
			text-shadow:1px 1px 2px #000000;
			text-decoration:none !important; 
			line-height:normal !important; 
			margin:50px 0 0 0 !important; 
			padding:0 !important; 
			border:0 none !important;
			text-transform:none !important;
		}

	.footerbar-inverse {
		padding:15px 0;
		line-height:normal;
		font-size:18px;
	}

	.divider {
		height:55px;
		background-color:rgb(41,156,139);
		background-image:url(../images/bogen.svg);
		background-position:center 10px;
		background-size:cover;
		background-repeat:no-repeat;
		overflow:hidden;
	}
	
	.start-divider {
		height:90px;
		background-color:rgb(234,245,243);
		background-image:url(../images/start2.png);
		background-position:center;
		background-size:cover;
		background-repeat:no-repeat;
		overflow:hidden;
	}
	
	.iconslide {
		height:75px;
		margin-top:-37px;
		padding:0;
	}
	#icons {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		text-align:center;
	}
	.icons { width:55px !important; margin:0 0 10px 0; }

	 .leistungen-1, .leistungen-2 {
		padding:0;
	}

	.zwischenbild {
		height:350px; 
		margin:0;
		color:#FFF !important;
		background-color:rgb(41,156,139);
		background-image:url(../images/zwischenbild1.jpg);
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center;
		border-top:2px rgb(41,156,139) solid; 
		border-bottom:2px rgb(41,156,139) solid;
	}
	.zwischenbild h1 {
		text-shadow:1px 1px 2px #000000;
	}
	.bildcointainer {
		height:346px; 
		text-align:right; 
		padding-right:150px; 
		box-sizing:border-box;
		margin-right:-20px;
		margin-left:-20px;
		overflow:hidden;
	}
	.bauer-bild {
		display:block; 
		bottom:-20px; 
		right:-20px; 
		position:absolute; 
		width:60%;
	}

	.start-schlagsatz { font-size:21px; text-align:center; }

	.start-kontakt { margin-bottom:15px; }

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

    header.carousel .carousel {
        height: 70%;
    }


}

@media only screen and (min-width : 768px) {
    /* Make Navigation Toggle on Desktop Hover */
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}


@media(max-width:640px) {

	.h1, h1 {
		font-size: 25px;
		margin-bottom: 38px;
		line-height: 30px;
	}

	.navbar-header {
		display:block;
	}

	.navbar {
		line-height: 80px;
		font-size: 24px;
		padding-left: 15px;
	}

	#name:before {
		display:inline-block;
		height:70px;
		width:70px;
		content: '';
		float:left;
	}
	#name:before {
	  background: url("../images/icon-logo.svg");
	  background-size:contain;
	  background-repeat:no-repeat;
	  background-position:center;
	}

	.headstripe { 
		height: 480px;
		margin-bottom:0px; 
		border-bottom:2px rgb(41,156,139) solid;
		padding-top:50px;
		box-sizing: border-box;
		text-align:center;
		background-size:cover;
	}
		.headstripe h1 {
			font-size:50px !important;
			line-height:50px !important;
			color:#FFF !important;
			text-shadow:1px 1px 2px #000000;
			text-decoration:none !important; 
			line-height:normal !important; 
			margin:50px 0 0 0 !important; 
			padding:0 !important; 
			border:0 none !important;
			text-transform:none !important;
		}

	.footerbar-inverse {
		padding:15px 0;
		line-height:normal;
		font-size:18px;
	}

	.divider {
		height:55px;
		background-color:rgb(41,156,139);
		background-image:url(../images/bogen.svg);
		background-position:center 10px;
		background-size:cover;
		background-repeat:no-repeat;
		overflow:hidden;
	}
	
	.start-divider {
		height:90px;
		background-color:rgb(234,245,243);
		background-image:url(../images/start2.png);
		background-position:center;
		background-size:cover;
		background-repeat:no-repeat;
		overflow:hidden;
	}
	
	.iconslide {
		height:75px;
		margin-top:-37px;
		padding:0;
	}
	#icons {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		text-align:center;
	}
	.icons { width:50px !important; margin:0 0 10px 0; }

	 .leistungen-1, .leistungen-2 {
		padding:0;
	}

	.zwischenbild {
		height:350px; 
		margin:0;
		color:#FFF !important;
		background-color:rgb(41,156,139);
		background-image:url(../images/zwischenbild1.jpg);
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center;
		border-top:2px rgb(41,156,139) solid; 
		border-bottom:2px rgb(41,156,139) solid;
	}
	.zwischenbild h1 {
		text-shadow:1px 1px 2px #000000;
	}
	.bildcointainer {
		height:346px; 
		text-align:right; 
		padding-right:150px; 
		box-sizing:border-box;
		margin-right:-20px;
		margin-left:-20px;
		overflow:hidden;
	}
	.bauer-bild {
		display:block; 
		bottom:-20px; 
		right:-20px; 
		position:absolute; 
		width:60%;
	}

	.start-schlagsatz { font-size:21px; text-align:center; }

	.start-kontakt { margin-bottom:15px; }

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

    header.carousel .carousel {
        height: 70%;
    }
}


#current_value {
/*        position:absolute;
	top:4px;
	left:1px;        
	background: #FF0;
	border:1px solid #2f56be;
	opacity:0.8;/*filter:alpha(opacity=80);*/
	font-weight:700;
	padding:4px;
	text-align:left;
	font-size:18px;
	color:rgb(41,156,139);
}

#info {
	margin:10px 0 0 0;
	display:none;
	font-weight: bold;
	padding:8px;
}

.ui-slider .ui-slider-handle { 
	width: 9px !important;
	height:20px !important;
	background:rgb(41,156,139) !important;
	border:0 none !important;
}

.ui-widget-content {
	background-color:rgb(204,220,225) !important;
}

.ui-widget-header {
	background-color:rgb(204,220,235) !important;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { 
	border-radius:0px !important;
}

.ui-slider-horizontal .ui-slider-handle { 
	margin-left: -0.2em !important;
}


.spalte-links { display:block; float:left; width:401px; padding:0 12px; }
.spalte-rechts { display:block; float:right; width:401px; padding:0 12px; }


.seiten_container { margin:10px 0 15px 0; }
	.seiten_blaetter { font-size:200%; width:auto !important; height:35px !important; line-height:35px; text-align:center !important; box-sizing:content-box; }
	.seiten_blaetter .fa { margin:0; }
	.seiten_blaetter a { text-align:center !important; margin:0; padding:0; height:100%; width:100%; }
	.seiten_anzahl { width:auto !important; height:40px !important; line-height:35px; text-align:center !important; box-sizing:content-box; padding:0; }

select#Sortierung { color: rgb(41,156,139) !important; padding:0px 7px 0px 7px !important; font-size:14px !important; }
.sortoption { padding-top:7px; padding-bottom:7px; border-top:1px dotted #333; }

.ui-widget { /* The outer container of the accordion. */
	font-family: 'Open Sans', sans-serif !important;
	color:#000 !important;
}

.ui-accordion { /* The outer container of the accordion. */
	font-family: 'Open Sans', sans-serif;
	font-size:16px !important;
	line-height:145% !important;
}
.ui-accordion-header { /* The headers of the accordion. The headers will additionally have a ui-accordion-icons class if they contain icons. */
	border:1px solid rgb(41,156,139) !important; 
	background: rgba(0,79,156,0.1) !important; 
	padding:15px !important;
	color:#000 !important;
	margin:0;
}
.ui-accordion-content { /* The content panels of the accordion. */
	border:1px solid rgb(41,156,139) !important; 
	border-top:none !important;
	background: #fff !important; 
	padding:15px !important;
	color:#000 !important;
	overflow:auto;
    box-sizing:content-box;             
    -moz-box-sizing:content-box;
	min-height: unset;
}

#lexi .eintrag { margin-bottom:8px; }
.lexihead { padding:5px 5px 5px 27px !important; margin:0; }
.lexihead h2 { margin:0 !important; }
.lexitext p:last-child { margin-bottom:0; }

input, textarea, select { 
	font-family: 'Open Sans', sans-serif !important;
	font-size:16px !important;
}

/*
a[title]:hover:after {
  content: attr(title);
  padding: 4px 8px;
  color: #333;
  position: absolute;
  left: 0; 
  top: 0;
  white-space: nowrap; 
  z-index: 20px;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;  
  border-radius: 5px;  
  -moz-box-shadow: 0px 0px 4px #222;  
  -webkit-box-shadow: 0px 0px 4px #222;  
  box-shadow: 0px 0px 4px #222;  
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);  
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);  
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);  
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);  
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);  
}
*/