/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Abweichungen zum Standard "bootstrap.css"
   ========================================================================== */
@import "https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i";
/*   @import 'Seitengroessen.css';    */
  
/* GENERELLES */
   
html, body
{
	width: 100%!important;
	min-height:100%!important;
    font-family: 'PT Sans', sans-serif;
	font-weight: 400!important;
	font-size: 16px;
	color: #003664!important;
	line-height: 20px!important;
	background-color: #fff;
	background-size: 100% auto!important;
	}

@media (max-width: 767px) {
	.container {width: 98%; max-width: 100%; background-color: none;}
	#wrapper {width: 100%; background-color: #ffffff; margin-left: auto; margin-right: auto;}
}
@media (min-width: 768px) and (max-width: 991px) {
	.container {width: 98%; max-width: 100%; background-color: none;}
	.container 
	{
/*		width: 950px;  */
		width: 100%;
	}
	#wrapper {width: 100%; background-color: #ffffff; margin-left: auto; margin-right: auto;}

/*	col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		position: relative;
		min-height: 1px;
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 100px!important;
	}
*/
}
@media (min-width: 992px) and (max-width: 1199px) {
	.container 
	{
		width: 800px;
	}
	#wrapper {width: 100%; background-color: #ffffff; margin-left: auto; margin-right: auto;}
}
@media (min-width: 1200px) {
	.container 
	{
		width: 1020px;
	}
	#wrapper {width: 1920px; background-color: #ffffff; margin-left: auto; margin-right: auto;}
}

section
{
	padding-top: 30px;
}

footer
{
	padding: 35px 0;
	font-size: 14px;
	line-height: 18px!important;
	text-align: center;
}


#inhalt {
	margin-top:20px;
}

#cwb-carousel {top: -19px; z-index: 90;} 
#cwb-carousel img.slider-triangle {z-index: 91; position: absolute; bottom: 0;}
.cwb-sitelogo {z-index: 91; position: relative;} 
#site-logo-md {top: 19px; } 



#filter label {
    font-weight: 400;
}

hr
{
	border: 0;
	height: 1px;
	background-color: #003664;
} 

hr.dick
{
	border: 0;
	height: 5px;
	background-color: #0091cf;
} 


.bg-primary-right {background-image: url(../img/cwb_triangle-gradient_background-primary_b2t.png); min-height: 600px; padding-top: 80px; background-repeat: no-repeat;}
.bg-gray-left {background-image: url(../img/cbw_ltriangle-gradient_background-gray_t2b.png); min-height: 380px; padding-top: 80px; margin-top: 20px; background-repeat: no-repeat;}


.img150
{
 	width: 150px; 
	height: 150px;
	margin: 0 0 15px 0;
}

.img75
{
	width: 75px;
	height: 75px;
	margin: 0 0 10px 0;
}

.img35
{
	width: 35px;
	height: 35px;
	margin: 5px 5px 5px 0;
}

.table tbody {
    border-top: 1px solid #003664;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
/*    padding: 7px 20px 7px 0;  */
    padding: 6px 20px 6px 0;
    vertical-align: top;
    border-bottom: 1px solid #003664;
	border-top: none;
}


/*! TYPOGRAFIE */ 

h1
{
	font-size: 42px;
	line-height: 48px;
	color: #003664;
	margin: 0 0 32px 0;
}

h2
{
	font-size: 42px;
	line-height: 48px;
	color: #0091cf;
	margin: 0 0 32px 0; 
}

h3
{
	font-size: 36px;
	line-height: 40px;
	margin: 0 0 32px 0;  
}

h4
{
	font-size: 26px;
	line-height: 28px;
	margin: 0 0 24px 0;
/*	margin: 40px 0 24px 0;  */
}

.well h4 {
	margin: 0 0 24px 0;  
	display: block;
    width: 100%;
	font-size: 120%;
	font-weight: 700;
	padding-bottom:10px;
	border-bottom: #103864 solid thin;	
}


.well ul li a {
	color: #103864;
	text-decoration: none;
	font-size: 20px;
	line-height: 25px;
	font-weight:700;
}
.well ul li a.hell {
	color: #0091CF;
}

.well ul li a:hover {
	color: #0091cf;
}

h5
{
	font-size: 26px!important;
	line-height: 30px!important;
	margin: 24px 0 18px 0!important;
}

.panel-heading h5
{
	font-size: 26px!important;
	line-height: 30px!important;
	margin: 0 0 0 0!important;
}

h6
{
	font-size: 22px;
	line-height: 26px;
	margin: 0 0 20px 0;
}

.teaser-content h6
{
	font-size: 22px;
	line-height: 26px;
	margin: 0 0 10px 0;
}

h1, h2, h3, h4, h5, h6
{
    font-family: 'PT Sans', sans-serif!important;
	font-weight: 700!important;
	padding: 0px;
}

.lead
{
	font-size: 20px;
	line-height: 25px;
}

b, strong, .strong
{
    font-family: 'PT Sans', sans-serif!important;
	font-weight: 700!important;
}

em 
{
    font-family: 'PT Sans', sans-serif!important;
	font-weight: 400!important;	
}

.fontsizesmall
{
	font-size: 14px;
	line-height: 18px!important;
}

.teaser-text .fontsizesmall
{
	padding-bottom: 5px!important;
}

.fontsizesmaller
{
	font-size: 16px;
	line-height: 1.15em!important;
}

.fontsizelead
{
	font-size: 20px;
	line-height: 21px;
}

a {
	color: #0091cf;
	text-decoration: none;
}

a.dark {
	color: #103864;
	text-decoration: none;
}

h2 a,h3 a, h4 a, h5 a {
	color: #103864;
	text-decoration: none;	
}

a:hover {
	color: #003664;
	text-decoration: underline;
}

.fachbereich-navi a {
	color: #808080;
	text-decoration: none;
}

.fachbereich-navi a:hover {
	color: #003664!important;
	text-decoration: none;
}

.fachbereich-navi a:hover .bgcolorgray {
	background-color: #003664!important;
	text-decoration: none;
}

ul.list-alter li {
list-style-type:disc;
color:#da417d!important;
}

ul.list-alter li span {
color: #003664;
}



ul li {
	margin: 0 0 14px 0;
	
}

section > div.container > div.row > div.col-md-8 > ul >li {
		list-style-image: url("ul.gif"); 
		margin: 0 0 10px -20px;
}
/*
section > div.container > div.row > div.col-md-8 > div > h4 {
	margin-top: 40px;
	margin-bottom:24px;
}
*/



select.input-sm {
	height: 40px;
}

/*! FARBEN */ 

.colorprimary
{
	color: #003664!important;
}

.colorsecondary
{
	color: #0091cf!important;
}

.colorwhite
{
	color: #fff!important;
}

.colorblack
{
	color: #000!important;
}

.colorlightgray
{
	color: #ccc!important;
}

.colorgray
{
	color: #808080!important;
}

.colordarkgray
{
	color: #333!important;
}

.bgcolorprimary
{
	background-color: #003664!important;
}

.bgcolorprimary5 
{
	background-color: #f2f5f7!important;
}

.bgcolorprimary10 
{
	background-color: #e6ebf0!important;
}

.bgcolorprimary20 
{
	background-color: #ccd7e0!important;
}

.bgcolorprimary30 
{
	background-color: #b3c3d1!important;
}

.bgcolorprimary40 
{
	background-color: #99afc1!important;
}

.bgcolorprimary50 
{
	background-color: #809bb2!important;
}

.bgcolorprimary60 
{
	background-color: #6686a2!important;
}

.bgcolorprimary70 
{
	background-color: #4d7393!important;
}

.bgcolorprimary80 
{
	background-color: #335e83!important;
}

.bgcolorprimary90 
{
	background-color: #1a4a74!important;
}

.bgcolorsecondary
{
	background-color: #0091cf!important;
}

.bgcolorsecondary5 
{
	background-color: #f2f9fd!important;
}

.bgcolorsecondary10 
{
	background-color: #e6f4fa!important;
}

.bgcolorsecondary20 
{
	background-color: #cce9f5!important;
}

.bgcolorsecondary30 
{
	background-color: #b3def1!important;
}

.bgcolorsecondary40 
{
	background-color: #99d3ec!important;
}

.bgcolorsecondary50 
{
	background-color: #80c8e7!important;
}

.bgcolorsecondary60 
{
	background-color: #66bde2!important;
}

.bgcolorsecondary70 
{
	background-color: #4db2dd!important;
}

.bgcolorsecondary80 
{
	background-color: #33a7d9!important;
}

.bgcolorsecondary90 
{
	background-color: #1a9cd4!important;
}

.bgcolorwhite
{
	background-color: #fff!important;
}

.bgcolorblack
{
	background-color: #000!important;
}

.bgcolorlightgray
{
	background-color: #ccc!important;
}

.bgcolorgray
{
	background-color: #808080!important;
}

.bgcolordarkgray
{
	background-color: #333!important;
}



/*! FARBEN FACHBEREICHE */ 
.color-1735 {
	color: #874B97!important;
}
.bgcolor-1735 {
	background-color: #874B97!important;
}
.color-1736 {
	color: #E67E19!important;
}
.bgcolor-1736 {
	background-color: #E67E19!important;
}
.color-1737 {
	color: #C95148!important;
}
.bgcolor-1737 {
	background-color: #C95148!important;
}

.color-3221 {	/* Berufsrolle */
	color: #ECC625!important;
}
.bgcolor-3221 {
	background-color: #ECC625!important;
}

.color-pflege
{
	color: #8b4897!important;
}

.bgcolor-pflege
{
	background-color: #8b4897!important;
}

.color-beratung
{
	color: #b7be00!important;
}

.bgcolor-beratung
{
	background-color: #b7be00!important;
}

.color-alter
{
	color: #da417d!important;
}

.bgcolor-alter
{
	background-color: #da417d!important;
}

.color-care
{
	color: #00a082!important;
}

.bgcolor-care
{
	background-color: #00a082!important;
}

.color-lehren
{
	color: #d24d42!important;
}

.bgcolor-lehren
{
	background-color: #d24d42!important;
}


/*! ABSTÄNDE */ 

.nomargin {
	margin: 0px!important;
}
.nomargin-left {
	margin-left: 0px!important;
}
.nomargin-right {
	margin-right: 0px!important;
}
.nopadding-left {
	padding-left: 0px!important;
}
.nopadding-right {
	padding-right: 0px!important;
}
.margintop0 {
	margin-top: 0px!important;
}


.marginbot0 {
	margin-bottom: 0px!important;
}



.margintop5 {
	margin-top: 5px!important;
}

.margintop10 {
	margin-top: 10px!important;
}

.margintop20 {
	margin-top: 20px!important;
}

.margintop30 {
	margin-top: 30px!important;
}

.margintop40 {
	margin-top: 40px!important;
}

.margintop50 {
	margin-top: 50px!important;
}

.margintop60 {
	margin-top: 60px!important;
}

.margintop70 {
	margin-top: 70px!important;
}

.margintop80 {
	margin-top: 80px!important;
}

.marginbot5 {
	margin-bottom: 5px!important;
}

.marginbot10 {
	margin-bottom: 10px!important;
}

.marginbot20 {
	margin-bottom: 20px!important;
}

.marginbot30 {
	margin-bottom: 30px!important;
}

.marginbot40 {
	margin-bottom: 40px!important;
}

.marginbot50 {
	margin-bottom: 50px!important;
}

.marginbot60 {
	margin-bottom: 60px!important;
}

.paddingtop5 {
	padding-top: 5px!important;
}

.paddingtop10 {
	padding-top: 10px!important;
}

.paddingtop15 {
	padding-top: 15px!important;
}

.paddingtop20 {
	padding-top: 20px!important;
}

.paddingtop30 {
	padding-top: 30px!important;
}

.paddingtop40 {
	padding-top: 40px!important;
}

.paddingtop50 {
	padding-top: 50px!important;
}

.paddingbottom5 {
	padding-bottom: 5px!important;
}

.paddingbottom10 {
	padding-bottom: 10px!important;
}

.paddingbottom20 {
	padding-bottom: 20px!important;
}

.paddingbottom30 {
	padding-bottom: 30px!important;
}

.paddingbottom40 {
	padding-bottom: 40px!important;
}

.paddingbottom50 {
	padding-bottom: 50px!important;
}

.paddingleft10 {
	padding-left: 10px!important;
}

.paddingright10 {
	padding-right: 10px!important;
}

.paddingleft0 {
	padding-left: 0px!important;
}

.paddingright0 {
	padding-right: 0px!important;
}



/*! KOMPONENTEN */ 


.cwb-nav-dropdown {
 padding: 10px 5px;
 font-size: 16px;
}

.cwb-nav-dropdown li {
 margin: 0px;
}

.div_cwb_filter {
 padding: 15px 15px;
}

.div_cwb_filter li {
 margin: 0px 0px 5px 0;
}

.btn {
 border-radius: 0;
 border: none;
 padding: 7px 12px;
}

.btn-sm
{
	padding: 7px 12px;
}

.btn-xs
{
	padding: 5px 10px;
}

.panel .btn-xs
{
	margin: 10px 0 0 0;
	padding: 5px 10px;
}


.btn-default {
	color: #ffffff;
	background-color: #808080;
}
.btn-default:hover {
	background-color: #ccc;
}

.btn-secondary
{
	color: #ffffff!important;
	background-color: #0091cf!important;
}

.btn-secondary:hover
{
	color: #ffffff!important;
	background-color: #4db2dd!important;
}

.btn-white
{
	color: #0091cf!important;
	background-color: #ffffff!important;
}

.btn-white:hover
{
	color: #0091cf!important;
	background-color: #e6f4fa!important;
}

.btn-gray
{
	color: #ffffff!important;
	background-color: #808080!important;
}

.btn-gray:hover
{
	color: #ffffff!important;
	background-color: #ccc!important;
}

.panel
{
	padding: 0px!important;
	margin: 0px!important;
	border: none;
	box-shadow: none!important;
}

.panel_gray_border {
	width: 100%;
	height: 120px;
	border: #DCDEE0 solid 1px;
	text-align: center;
	position: relative;
}
.panel_gray_border img {
max-height: 100%;  
    max-width: 100%; 
    width: auto;
    height: auto;
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
}

.panel-teaser
{
	position: relative;
	height: 325px;
	background-color: #ffffff;
}

.panel-default
{
	background: none!important;
	background-color: #ffffff!important;
	padding: 20px 20px 20px 20px!important;
}

.panel-accordion
{
	background: none!important;
	background-color: #ffffff!important;
}

.panel-heading
{
	padding: 0px!important;
	margin: 0px!important;
	background: none!important;
	border-bottom: 1px solid #003664!important;
	color: #003664!important;
}

.panel-body
{
	padding: 15px 0 0 0!important;
	margin: 0px!important;
	background: none!important;
}

.panel-accordion .panel-heading
{
	background: none!important;
	padding: 5px 0!important;
}

.panel-accordion .panel-heading h5
{
	padding: 0px!important;
	margin: 0px!important;
}

.panel-accordion .panel-body
{
	background: none!important;
	padding: 8px 0 0 0!important;
}

.panel-accordion .panel-heading a:hover, 
.panel-accordion .panel-heading a:active, 
.panel-accordion .panel-heading a:visited, 
.panel-accordion .panel-heading a:focus
{
	color: #0091cf!important;
	text-decoration: none!important;
}

.panel-body ul
{
	margin: 0 0 0 -20px!important;
	padding-bottom: 5px!important;
}

.panel-body ul li
{
	margin: 0 0 10px 0!important;
}

.teaser-content
{
	position: absolute;
	bottom: 0;
	height: 229px;
	padding: 20px 20px 0 20px!important;
	width: 100%!important;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+50&0+0,1+50 */
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(229,229,229,1) 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(229,229,229,1) 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(229,229,229,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

.teaser-text
{
	position: absolute;
	bottom: 0;
	padding: 0 20px 0 0;
}

.well
{
	padding: 20px!important;
/*	margin: 0px!important;  */
	border: none;
	box-shadow: none!important;
/*	background-color: #ccc;*/
	background-color: #F3F4F5;
	color: #000000;
}

/* .collapse .well 

{
	padding: 20px 20px 6px 20px!important;
	margin: 0px!important;
	border: none;
	box-shadow: none!important;
	background-color: #ccc;
	color: #000000;
}
*/
.well-teaser
{
	height: 325px;
}

/*
.well-toc
{
	font-size: 20px;
	line-height: 26px;
    font-family: 'PT Sans', sans-serif!important;
	font-weight: 700!important;
}
*/
.well-toc p
{
	margin: 0 0 10px 0!important;
}





.well-toc .nav-tabs 
{
    border: none;
}

.well-toc .nav 
{
    list-style: none;
}

.well-toc .nav-tabs > li 
{
    float: none;
}

.well-toc .nav > li > a {
    position: relative;
    display: block;
    padding: 0;
}

.nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus,
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	font-weight:700;
    color: #103864;
    background-color: #F3F4F5;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom: 1px solid #dddddd;
}
.nav-tabs > li > a.active,
.nav-tabs > li.active > a.active {
	color: #0091CF;
    background-color: #F3F4F5;
	font-weight:700;
	border: 1px solid #dddddd;
    border-bottom-color: rgb(221, 221, 221);
    border-bottom-color: transparent;
    cursor: pointer;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus,
.nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {

	font-weight:700;
	border: 1px solid #dddddd;
    border-bottom-color: rgb(221, 221, 221);
    border-bottom-color: transparent;
    cursor: pointer;
}

.well-toc ul 
{
/*    margin: 0!important;  */
	list-style: none;
}

.well-toc ul li
{
	margin-left:-40px;
/*    margin: 0 0 10px 0 !important;  */
	list-style-image: none;
}



.scrollup {
    position: fixed;
	z-index: 1000;
    width: 50px;
    height: 50px;
    bottom: 0px;
    right: 20px;
    background: #222;
	font-size: 2em;
}
a.scrollup {
    outline: 0;
    text-align: center;
}
a.scrollup i {
    margin-top: 10px;
    color: #fff;
}
a.scrollup:hover, a.scrollup:active, a.scrollup:focus {
    opacity: 1;
    text-decoration: none;
}

label {
    font-weight: 700;
}


.btn-group-justified > .btn, .btn-group-justified > .btn-group {
    float: none;
    display: table-cell;
    width: 100%;
}


.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0;
    border-radius: 0px;
}

.pagination > li > a, .pagination > li > span {
    padding: 6px 10px;
}

.link_blau {	
    color: #0091cf;
    text-decoration: underline;
}


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	font-size:80%;
	font-style: italic;
    color:    #0099CC !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	font-size:80%;
	font-style: italic;
   color:    #0099CC !important;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	font-size:80%;
	font-style: italic;
   color:    #0099CC !important;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	font-size:80%  !important;
	font-style: italic;
   color:    #0099CC !important;
}
::-ms-input-placeholder { /* Microsoft Edge */
	font-size: 80%  !important;
	font-style: italic;
   color:    #0099CC !important;
}

::placeholder { /* Most modern browsers support this now. */
	font-size:80%;
	font-style: italic;
   color:    #0099CC !important;
}



select {
	height: 40px;
}
.form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 10px 15px;
    font-size: inherit;
}
	
.blocktitel {
	display: block;
    width: 100%;
	font-weight: 700;
	padding-bottom:10px;
	border-bottom: #103864 solid thin;
}
.blocktitel_lg {
	display: block;
    width: 100%;
	font-size: 120%;
	font-weight: 700;
	padding-bottom:10px;
	border-bottom: #103864 solid thin;
}

.artikel_im_korb {
	color: #F38800 !important;
}


li.parsley-type, li.parsley-required {
	font-size: 80%;
	font-weight: 700;
    color: #F0AD4E;
    list-style: none !important;
        list-style-type: none;
        list-style-image: none;
    list-style-image: none !important;
    list-style-type: none !important;
}


.menupunkt_suchen {
	color: #FF8700 !important;
}

@media print {
	.noprint {
		display:none;
	}
}
.dataTables_info {
	display: none;
}

.quicklinks {
	overflow-x: hidden;
}