@font-face {
    font-family: 'segoe_uiregular';
    font-display: swap;
    src: url('../fonts/segoe_ui/segoeui-webfont.eot');
    src: url('../fonts/segoe_ui/segoeui-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/segoe_ui/segoeui-webfont.woff2') format('woff2'),
        url('../fonts/segoe_ui/segoeui-webfont.woff') format('woff'),
        url('../fonts/segoe_ui/segoeui-webfont.ttf') format('truetype'),
        url('../fonts/segoe_ui/segoeui-webfont.svg#segoe_uiregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
	background-color: #bbb
}

header .breadcrumb {
	text-align: right;
	padding: 0;
    margin: 0;
}
.breadcrumb > span + span:before {
    content: "/\00a0";
    padding: 0 2px 0 5px;
    color: #646464;
}
.breadcrumb > li + li:before {
    padding: 0 2px 0 5px;
}

a:hover,
a:active,
a:focus {
	outline: none;
	ie-dummy: expression(this.hideFocus=true);
	text-decoration: underline;
}
a.glyphicon:hover,
a.glyphicon:focus {
	text-decoration: none;
}
a.btn-default {
    color: #282828;
    background-color: #bbb;
    border-color: #bbb;
}
.btn a:hover,
.btn a:focus {
	text-decoration: none;
}
.btn-default:hover {
    color: #282828;
    background-color: #eee;
    border-color: #eee;
}
.btn-default a {
    color: #282828;
}
.btn-primary:focus,
.btn-primary.focus{
	color: #ffffff;
	background-color: #b90036;
	border-color: #a30030
}
.btn-primary:hover{
	color: #ffffff;
	background-color: #b90036;
	border-color: #a30030
}

b, strong {
    font-weight: 700;
}

button:focus,
input:focus {
	outline:none;
}

button::-moz-focus-inner,
button::-moz-focus-inner {
	border:0;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  margin-top: 21px;
}

.page-header {
	border: none;
	margin: 40px 0 10px;
}
.page-header p {
    font-size: 12px;
    line-height: 1.2;
    margin: 0;
}
@media (min-width: 991px) {
    .page-header .row > .col-md-2, .page-header .row > .col-md-3 {
        padding-left: 5px;
        padding-right: 5px;
    }
}
.page-logo {
    margin-right: 20px;
}
.page-title {
    display: inline;
    vertical-align: middle;
    font-size: 48px;
    margin: 0;
    padding-bottom: 3px;
}

.top-section {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    z-index: 999;
    position: absolute;
    margin: 0 auto;
    width: 100%;
    height: 40px;
}
.breadcrumb-section {
   	border: none;
   	margin: 0;
}
.breadcrumb-section .breadcrumb {
    padding: 10px;
}

.scroll-top {
	background-color: #bbb;
}

.edge {
	min-height: 40px;
}
.edge > .container {
	padding:0;
}

.print-section {
	padding: 10px;
}

.middle {
	background-color: #eee;
}
.middle > .container {
	background-color: #fff;
    padding-bottom: 2em;
}

.footer-section,
.meta-section {
	background-color: #bbb;
	border: none;
	margin: 0;
}
.footer-section a {
    color: #4d4d4d;
}
.footer-section a:hover,
.footer-section a:focus {
	background-color: transparent;
  	color: #222;
}
.footer-section a.list-group-item.active,
.footer-section a.list-group-item.active:hover,
.footer-section a.list-group-item.active:focus {
    background-color: transparent;
    color: #222;
}

.footer-section-meta {
	text-align: left;
}

.meta-section {
    color: #646464;
}
.meta-section a {
    color: #646464;
}
.meta-section a:hover,
.meta-section a:focus {
	background-color: transparent;
  	color: #A30030;
}
.meta-section .copyright {	
	text-align: left;
}
.meta-section .breadcrumb {
    padding:0;
}

/* top sections reduced */
.top-section {
	background: none;
}
.top-section > .container {
    background-color: rgba(255, 255, 255, 0.5);
    height: 40px;
}
.edge {
	background-color: #EEE;
}
.edge > .container {
    background-color: #FFF;
}
/* remove this and in template (.edge > .container) to not reduce */

.navbar {
	border: none;
    min-height: 20px;
}
@media (min-width: 991px) {
	.navbar-collapse {
	    padding: 0;
	}
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border: none;
}
.navbar-main > li > a {
    line-height: normal !important;
    padding-top: 15px !important;
	padding-bottom: 15px !important;
	padding-left: 12px !important;
	padding-right: 12px !important;
	font-weight: bold;
}
.navbar-main > li > a .bar {
    display: none;
}
.navbar-main > li.dropdown.open > a > .bar,
.navbar-main > li:hover > a > .bar,
.navbar-main > li.active > a > .bar {
    display: none;
}
.navbar-nav {
    margin: 0;
}
/* non-linked menu item */
.navbar-inverse .navbar-nav > li > span {
    color: #fff;
    line-height: normal !important;
    padding: 15px !important;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    display: block;
	cursor: url(../img/pointer-left.png),auto;
}
.navbar-inverse .navbar-nav > li > span:hover, 
.navbar-inverse .navbar-nav > li > span:focus {
    color: #ffffff;
    background-color: #646464;
}
.dropdown-menu.menu-level-2 > li > span {
    padding: 10px 5px;
    font-weight: 700;
}
.dropdown-menu > li > span {
    line-height: 1.1;
	display: block;
	clear: both;
	color: #464646;
	white-space: nowrap;
	cursor: url(../img/pointer-left.png),auto;
}
.dropdown-menu > li > span:hover,
.dropdown-menu > li > span:focus {
    text-decoration: none;
    color: #ffffff;
    background-color: #646464;
}
@media (max-width:991px){
	.dropdown-menu > li > span {
		color: #fff;
	}
}
.navbar-nav > li > .dropdown-menu {
    margin-top:0;
    border-top: medium none;
}
.navbar .dropdown-menu {
	margin: 0;
}
/* menu second and third level */
.navbar .dropdown-menu .dropdown-menu {
    position: relative;
    box-shadow: none;
	border: none;
}
.navbar .dropdown-menu .dropdown-menu > li {
    list-style-type: none;
    margin-left: 0;
}
.navbar .dropdown-menu .dropdown-menu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.navbar .caret {
    cursor: pointer;
}
.navbar-default > .container {
	background-color: #FFF;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #646464;
}

/* columns menue */
.navbar > .container {
	position: relative;
	padding: 0;
}
.navbar .nav > li {
    position: static;
}
.dropdown-menu.row {
	width: 100%;
}
.dropdown-menu > li > a {
    line-height: 1.1;
    padding: 5px;
}
.dropdown-menu.menu-level-2 > li > a {
    padding: 10px 5px;
    font-weight: 700;
}
.dropdown-menu.menu-level-2 > .col-md-4 {
    border-right: 1px solid #DDD;
    overflow: hidden;
}.tx-datec-processes-legend img {
    margin-right: 2px;
}
.dropdown-menu.menu-level-3 {
    width: 100%;
}
.dropdown-menu {
    border: none;
	box-shadow:0 5px 12px rgba(30, 27, 27, 0.61);
	
}

@media (max-width: 991px) {
	.dropdown-menu.menu-level-2 > .col-md-4 {
	    padding:0;
	}
	.navbar-nav .open .dropdown-menu > li > a, 
	.navbar-nav .open .dropdown-menu .dropdown-header {
	    padding: 5px 15px;
	}
}
/* remove this and TS (lib.navigation.stdheader) if you hate this */

.headline-top {
	padding: 10px 15px;
	margin:0 -10px 10px -15px;
	border-bottom: 2px solid;
}
.headline-inline {
	padding: 10px 15px;
	margin: 15px -15px 0;
}
@media (max-width: 991px) {
	.headline-top {
		margin-top: 10px;
	}
}
@media (min-width: 991px) {
	.col-md-4 .headline-top {
	    margin:0 -15px 10px -10px 

	}
}
.headline-red {
	background-color: #A30030;
	color: #fff;
}	
.headline-blue {
	background-color: #0091B1;
	color: #fff;
}	
.headline-gray {
	color: #4D4D4D;
}
.headline-red a,
.headline-gray a,
.headline-blue a {
	color: #fff;
}
.subnav .list-group {
    margin:0 -10px 20px -15px;
    background-color: #fff;
    border-left: 5px solid #fff;
}
.subnav .list-group > .headline-inline {
    margin: 10px 0;
}
@media (max-width: 991px) {
	.subnav .list-group {
    	margin: 0 20px;
	}
}

/* framing - no huge paddings, last element with additional margin, no margins for frames IN wells */
.frame-default {
    padding: 0;
}
.frame-well {
	padding: 1em;
}
.frame-well .headline-inline {
	margin-top: 0;
}
.frame-well .frame-container {
    margin: 0;
}

.subnav > .list-group-item:first-child {
    margin-top: 10px;
}
.list-group-item {
	padding: 5px 15px;
}
.list-group-item.active:hover, 
.list-group-item.active:focus {
    background-color: #ddd;
    border-color: #ddd;
}

img.lazyload{
	opacity:1;
	-webkit-transition:none;
	-o-transition:none;
	transition: none;
}
.image-row {
	margin-bottom: 15px;
}
.image-row:last-child {
	margin-bottom: 0;
}
.csc-textpic-image table img {
    width: 100%;
}
/* remove padding from gallery when having parent grids (row and column-div right before gallery) */
.row > div > .gallery-row > .gallery-item{
    padding: 0;
}

.caption {
	color: #A30030;
}
.caption {	
	background-color: #A30030;
	color: #fff;
	padding: 10px;
}
.sub-captions {
    position: absolute;
    top: 15%;
}
.sub-captions > a {
    display: block;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.75);
}
@media (max-width:768px){
	.sub-captions {
		position: relative;
	}
	.sub-captions > a {
		background-color: #fff;
	}
}

.carousel a:hover,
.carousel a:focus {
	text-decoration: none;
}
.carousel-small .carousel-inner .item {
    height: 280px;
}
.carousel-inner h1, .carousel-inner h2, .carousel-inner h3, .carousel-inner h4, .carousel-inner h5, .carousel-inner h6 {
    margin-top: 40px;
    color: #4D4D4D;
}
.container .carousel-inner .valign {
    width: 90%;
}
.carousel-inner h1, .carousel-inner h2, .carousel-inner h3, .carousel-inner h4, .carousel-inner h5, .carousel-inner h6 {
    color: inherit;
    text-shadow: none;
}

.error {
	color: red;
}

label {
	margin-bottom: 0;
}

.form-inline label {
	display: block;
}

.form-search {
	box-shadow: none;
    float: right;
}
.form-search .form-group {
	background-color: #eee;
    margin: 5px 0;
}
.form-search .form-control {
	background-color: #eee;
	border: none;
	box-shadow: none;
	display: inline-block;
	width: 120px;
}
.btn-search {
	background-color: #eee;
	border: none;
	-webkit-appearance: none;
	padding: 5px;
}
@media (max-width:1200px) {
    .form-search {
        float: none;
        position: absolute;
        right: 15px;
        top: 45px;
    }
}
@media (max-width:991px) {
    .form-search {
        float: right;
        position: relative;
        right: 0;
        top: 0;
    }
}
.form-control.error {
	border: 1px solid red;
}

.jumbotron {
	background-color: transparent;
}
.jumbotron .tx-felogin-pi1 > div {
    font-size: 21px;
    font-weight: 200;
    margin-bottom: 15px;
}

.modal-backdrop.in {
    opacity: 0.4;
}
.modal-lightbox {
    margin: 20% auto;
}
.modal-lightbox .close {
    background-color: #fff;
    border: 1px solid grey;
    font-size: 24px;
    opacity: 0.7;
}

.close:focus,
.close:hover {
	opacity: 1;
}

.placeholder { 
	color: #bbb;
}

table .active {
	font-weight: 600;
}
.table-responsive {
    width: auto;
}
.table-fixed {
	table-layout: fixed;
}

.thumbnail {
	border: none;
}

/* override 'width: 100% \9;' for IE from bootstrap, because not clear if useful - but causes issues*/
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	width: auto;
	display: inline-block;
}

/* very custom elements */
/* fe_login, in teaser with rows */
.tx-datec-feusermanagement {
	margin-bottom: 20px;
}
.loginForm {
	margin-top: 5px;
}
.loginForm .form-group {
    margin-bottom: 5px;
}
.loginForm .user {
    padding-right: 5px;
}
.loginForm .username {
    padding-right: 5px;
}
.loginForm .password {
    padding-left: 5px;
    padding-right: 5px;
}
.loginForm .submit {
    padding-left: 5px;
}
#loginFormTeaser-reduced-status {
    display: none;
}
.loginAdvice {
    color: #a30030;
    text-align: center;
    font-weight: bold;
}

/* tt_address */
.addr_vorstand {
    margin-bottom: 20px;
    width: 180px;
    min-height: 300px;
}
.addr_vorstand img {
    float: none !important;
    margin: 0 6px;
    height: auto;
	width: 100%;
}
.addr_single, .addr_single > * {
	margin-bottom: 10px;
}
.addr-single-image {
	width: 150px;
}
.addr-single-image > img {
	width: 100%;
	height: auto;
}

/* non-link items in link */
a > span {
    text-decoration: none;
}

/* Anpassung der Links innerhalb von einer Caption */
.caption > a {
    color: #87E3F5;
}

/* tt_news */
.tt_news h2 span.prefix {
    margin-right: 5px;
    font-size: 65%;
	text-decoration: none !important;
}
.news-list-item h2 {
	margin-bottom: 1px;
}
.news-list-item {
	margin-bottom: 10px;
}
.news-list-morelink {
    padding: 0 2px;
}
.image-intext .image-wrap:before, .image-intext .image-wrap:after {
    clear: both;
    content: " ";
    float: none;
}
.image-intext-left .image-wrap {
    float: left;
    padding: 0 10px 5px 0;
}
.showResultsWrap {
    padding: 0 5px;
}
.browseLinksWrap > * {
    padding: 0 5px;
}

/* FAQ mit tt_news */
.news_content_switch {
	cursor: pointer;
	color: #a30030;
}
/*Apothekenpraxis A-Z*/
.tx-mwkeywordlist-pi1-content ul {
	padding-left: 0;
}
.tx-mwkeywordlist-pi1-content li {
	list-style: none;
	cursor: pointer; 
}
.tx-mwkeywordlist-pi1-content li[data-keyword-item] {
	display: none;
	list-style: circle inside;
}
.tx-mwkeywordlist-pi1-content h2 {
	padding: 15px 0;
}
.tx-mwkeywordlist-pi1-content div.section {
	min-height: 350px;
}
.tx-mwkeywordlist-pi1-jumpmenu > a, .tx-mwkeywordlist-pi1-jumpmenu > span {
    display: inline-block;
    padding-left: 1.2%;
    padding-right: 1.2%;
}
.section > .sectiontoplink {
    display: none;
}
.section:last-child > .sectiontoplink {
    display: block;
}
.tx-mwkeywordlist-pi1-jumpmenu {
    font-size: 89%;
}

/* jQuery-ui datepicker*/
.ui-datepicker{
	z-index: 10 !important;
}
.ui-datepicker-header {
	border-color: #d2d2d2;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	color: #282828;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border-color: #a30030;
	color: #a30030;
}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{
	border-color: #a30030;
	color: #a30030;
}
.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited {
	border-color: #a30030;
	color: #a30030;
}

/* Notdienstportal */
.searchResultEntry:last-child {
	border-bottom: 1px solid;
}
.searchResultEntry.odd, .searchResultEntry.even  {
    padding-bottom: 5px;
	border-top: 1px solid;
}
.searchResultHint {
    font-weight: bold;
    font-size: 1.2em;
}
.drugstoreName {
	font-weight: bold;
	padding-top: 5px
}
.time > .from:after {
	content:" ";
	
}
.address > .street:after {
	content: " ";
}
#searchResultTable .row .phone {
	padding-top: 5px;
}

/* Notdienstportal Kalendarium */
#calendarSearchResult > h4 {
    border-top: 1px solid #000;
    padding-top: 5px;
}
#calendarSearchResult > p {
    border-bottom: 1px solid;
}

/* Notdienstportal Jahresplan */
#searchResultTable  tbody {
    vertical-align: top;
	text-align: center;
	background-color: #DDDDDD;
}
#searchResultTableHeadline {
    text-decoration: underline;
    font-size: 1.3em;
}

#furtherInformation {
	border: 1px solid #C3001E;
	padding: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
}
.searchResultEntryIdx {
	margin: 9px 4px 0 !important;
}
#c4811 #searchResultTable label {
	width: 100%;
	background-color: #BBBBBB
}

/* Notdienstportal Umkreissuche */
#c4814 .searchResultEntry.even, #p996 .searchResultEntry.even, #c4813 .searchResultEntry.even {
    background-color: #ddd;
}

/* Notdienstportal Notdienst-Newsletter */
.resultMessage {
    font-size: 1.5em;
    margin-top: 6px;
}
.emergencyPlugin .subscribe {
	border: 1px solid #C3001E;
	padding: 5px;
}
.emergencyPlugin .unsubscribe {
	margin-top: 10px;
	border: 1px solid #C3001E;
	padding: 5px;
}
.emergencyPlugin .executeResult {
	font-weight: bold;
}
#c5262 h2 {
	margin-top:0;
}

/* sberg */
#sberg-notdienst-app .sb-button {
  color: #282828;
  background-color: #bbb; !important;
}
  
#sberg-notdienst-app .sb-button:hover {
  background-color: #ccc; !important;
}

#sberg-notdienst-app .sberg-text-blue-600 {
     color: #009fe3 !important;
}


/* datec_blog */
.tx-datec-blog-comments-replySwitcher {
	display: none;
}
.tx-datec-blog-tree .tx-datec-blog-tree-items {
    display: block !important;
}

/* maintenance pop-up box */
.login-advice {
    position: fixed;
    background-color: #fff;
    bottom: 0;
    width: 100%;
    padding: 5px;
    left: 0;
    z-index: 5;
    border-top: 1px solid lightgray;
}

/** RTE Button **/
a.btn-lak {
    border: 1px solid #5E050B;
    -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;font-size:18px;font-family:arial, helvetica, sans-serif; padding: 5px 10px 5px 10px; text-decoration:none; display:inline-block;font-weight:bold;
    background-color: #A30030;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#E40A0A), to(#A30030));
    background-image: -webkit-linear-gradient(top, #E40A0A, #A30030);
    background-image: -moz-linear-gradient(top, #E40A0A, #A30030);
    background-image: -ms-linear-gradient(top, #E40A0A, #A30030);
    background-image: -o-linear-gradient(top, #E40A0A, #A30030);
    background-image: linear-gradient(to bottom, #E40A0A, #A30030);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E40A0A, endColorstr=#A30030);
    width: 290px
}
a.btn-lak:hover{
    border: 1px solid #5E050B;
    -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;font-size:18px;font-family:arial, helvetica, sans-serif; padding: 5px 10px 5px 10px; text-decoration:none; display:inline-block;font-weight:bold;
    background-color: #E40A0A;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#A30030), to(#D20202));
    background-image: -webkit-linear-gradient(top, #A30030, #D20202);
    background-image: -moz-linear-gradient(top, #A30030, #D20202);
    background-image: -ms-linear-gradient(top, #A30030, #D20202);
    background-image: -o-linear-gradient(top, #A30030, #D20202);
    background-image: linear-gradient(to bottom, #A30030, #D20202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#A30030, endColorstr=#D20202);
    color: #F5F5F5;
    width: 290px
}
a.btn-lak:focus{
    border: 1px solid #5E050B;
    -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;font-size:18px;font-family:arial, helvetica, sans-serif; padding: 5px 10px 5px 10px; text-decoration:none; display:inline-block;font-weight:bold;
    background-color: #E40A0A;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#A30030), to(#D20202));
    background-image: -webkit-linear-gradient(top, #A30030, #D20202);
    background-image: -moz-linear-gradient(top, #A30030, #D20202);
    background-image: -ms-linear-gradient(top, #A30030, #D20202);
    background-image: -o-linear-gradient(top, #A30030, #D20202);
    background-image: linear-gradient(to bottom, #A30030, #D20202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#A30030, endColorstr=#D20202);
    color: #F5F5F5;
    width: 290px
}

.advice-white {
	border: 1px solid #C2C2C2;
	padding: 10px;
}

/* keq_questionnaire */
.keqAnswerBox::before, .keqAnswerBox::after {
    content: " ";
    display: table;
    clear: both;
}
.keqAnswerColumns {
    float: left;
}

/* Rezeptsammelstellen */
#recipeCollectionPointMap {
	margin-top: 10px;
	margin-bottom: 10px;
}
#recipeCollectionPointList {
	margin-bottom: 10px;
}

/* tx_indexedsearch */
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword {
	width: 100%;
}
@media print {
    * {
        overflow: visible !important;
}
    body {
        transform: scale(.9);
    }
    table {
        page-break-inside: avoid;
    }
}
.ie-only {
    display: none;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .ie-only {
        display: block;
    }
}

/* we_cookie_consent */
.klaro.we_cookie_consent .cookie-modal .cm-purpose > .cm-list-input:checked + .cm-list-label > .cm-list-title + .cm-switch::before {
    padding: 10px 2px;
}
.klaro.we_cookie_consent .cookie-modal .cm-purpose > .cm-list-input:not(.only-required) + .cm-list-label > .cm-list-title + .cm-switch::before {
    padding: 10px 2px;
}
.klaro.we_cookie_consent .cookie-modal .cm-btn.cm-btn-info.cm-btn-accept {
    background: #a30030;
}
.klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cm-btn.cm-btn-success {
    background: #a30030;
}
.klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cm-link, .klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cm-learn-more {
    color: #a30030;
}