/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
/*// Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap
X-Small	                None	<576px
Small	                sm	    ≥576px      @media (min-width: 576px) 
Medium	                md	    ≥768px      @media (min-width: 768px) 
Large	                lg	    ≥992px      @media (min-width: 992px) 
Extra large	            xl	    ≥1200px     @media (min-width: 1200px) 
Extra extra large	    xxl	    ≥1400px     @media (min-width: 1400px)*/

/*===========================================================================================================================*/
/*// ----- Small devices (landscape phones, 576px and up) ----- */
/*===========================================================================================================================*/

@media (min-width: 576px) {
}

/*===========================================================================================================================*/
/*// ----- Medium devices (tablets, 768px and up) ----- */
/*===========================================================================================================================*/

@media (min-width: 768px) {
}

/*===========================================================================================================================*/
/*// ----- Large devices (desktops, 992px and up) ----- */
/*===========================================================================================================================*/

@media (min-width: 992px) {
}

/*===========================================================================================================================*/
/*// ----- Extra large devices (large desktops, 1200px and up) ----- */
/*===========================================================================================================================*/

@media (min-width: 1200px) {
}

/*===========================================================================================================================*/
/*// ----- Extra large devices (extra large desktops, 1400px and up) ----- */
/*===========================================================================================================================*/

@media (min-width: 1400px) {
}

/*===========================================================================================================================*/
/*// ----- Generic ----- */
/*===========================================================================================================================*/
.shrink {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

p {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

a {
    color: #e30613 !important
}

.section-white {
    background-color: #fff;
}

.menu-link, .menu-item :hover {
    color: #e30613 !important;
}

.more-link {
    color: #e30613 !important;
    border-bottom: 1px solid #000 !important;
}

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

::selection {
    background: #e30613;
    color: #fff
}

::hover {
    color: #fff !important;
}

.button.button-border.button-light {
    border-color: #e30613;
    color: #fff;
}

    .button.button-border.button-light:hover {
        background-color: #e30613;
        color: #fff;
    }

.megafon {
    color: #fff !important;
}

.page-item.active .page-link, .page-link:hover, .page-link:focus {
    color: #fff !important;
    background-color: #e30613 !important;
    border-color: #e30613 !important;
}

li.page-item a.page-link {
    color: #e30613;
}

#footer {
    margin-top: 5px !important;
}


/**************************/
/*         Tom.css        */
/**************************/
body {
    font-family: Arial;
}

h1, h2, h3, h4, h5, h6, .rev_slider .tp-caption {
    font-family: "Arial Narrow";
}

.section-grey {
    background-color: #e9e9e9;
}

.section-lightRed {
    background-color: #FCE4DE;
}

.megafon {
    color: #666 !important;
}

#header.transparent-header.full-header #logo {
    border-right: 0px solid rgba(0,0,0,0);
}

#logo a img {
    padding: 15px 0px;
}


.button.button-border.button-light {
    border-color: #9e948f;
    color: #fff;
    background: #68584f;
}

    .button.button-border.button-light:hover {
        border-color: #9e948f;
        color: #fff;
        background: #e1001b;
    }

.sub-menu-container, .mega-menu-content {
    border-top-color: #e1001b !important;
}

.heading-block, .grid-inner .tp-caption {
    padding-top: 10px;
}

.portfolio-item .portfolio-image {
    min-height: 255px;
}

@media (min-width:991px) and (max-width:1200px) {
    .menu-link {
        font-size: 0.6125rem;
        padding: 39px 8px;
    }
}

@media (max-width: 767px) {
    .tp-caption span {
        font-size: 20px !important;
    }

    .heading-block h1 {
        font-size: 25px;
    }

    #content {
        padding: 15px;
    }
}

.entry-image img {
    min-height: 236px;
}

/*****************************/
/* ehemalige Template-Styles */
/*****************************/
.lightshadow {
    padding: 20px 40px;
    display: inline-block;
    background-color: rgba(0,0,0,0.4);
}

.btn-primary {
    color: #fff !important;
    background-color: #e40136;
    border-color: #e40136;
}

.btn-primary:hover {
    color: #fff !important;
    background-color: #5d5c5c;
    border-color: #5d5c5c;
}


.carouselSlideHeaderTop {
    text-align: center;
    margin-bottom: 10px;
}

.cardLink:hover {
    box-shadow: 0 0 25px rgb(33 33 33 / 20%);
}

.moreArrow {
    background-color: #e40135;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-left: 4px;
    font-size: 14px;
    position: relative;
}

    .moreArrow:after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 9px 9px;
        border-color: transparent transparent #FFFFFF transparent;
        position: relative;
        top: -15px;
        left: 3px;
    }

.card-text .moreArrow {
    top: 2px;
}

.card-text {
    max-height: 250px;
    overflow-y: auto;
}

#popular-post-list-sidebar .img-circle img {
    width: 60px;
    height: 60px;
    min-height: auto;
    border-radius: 0px !important;
}

.entry-title h4 {
    font-size: 1rem;
    letter-spacing: 0;
}

.entry-title h4 a {
    color: #333 !important;
}

.entry-title h4 a:hover {
    color: #e30613 !important;
}

.small-font {
    font-size: 0.875rem;
}

.sidebar {
    border-left: solid 1px #4e4d4d;
}

.fbox-bg.fbox-center .fbox-icon {
    background-color: transparent;
}

.bg-primary {
    background-color: #e40136 !important;
}

.entry-meta ul li a {
    color: #e30613 !important;
}

.entry-meta ul li a:hover {
    color: #535252 !important;
}

.entry-title h2 a:hover, .entry-title h3 a:hover, .entry-title h4 a:hover {
    color: #e30613;
}

.entry-meta ul li {
    color: #e30613 !important;
}

.bg-primary {
    background-color: #e40136 !important;
}

.grid-filter li.activeFilter a {
    background-color: #e40237;
    color: #ffffff !important;
}

.grid-filter li a:hover {
    color: #e40237;
}

.activeFilter a:hover {
    color: #ffffff;
}

.news-image img {
    max-height: 350px;
}

.owl-carousel .owl-nav [class*=owl-]:hover {
    background-color: #e30613 !important;
}

.entry-title h2 a, .entry-title h3 a, .entry-title h4 a,
.entry-title h2 span {
    color: #333 !important;
}

.entry-title h2 a:hover, .entry-title h3 a:hover, .entry-title h4 a:hover {
    color: #e30613 !important;
}

a.social-icon {    
    color: #555 !important;
    border: 1px solid #AAA;
}

.category {
    font-size: 15px;
    color: #999;
    border-left: solid 3px #e40136;
    padding-left: 6px;
}

.tab-nav li a {
    color: #444 !important;
}

.tab-nav.tab-nav2 li.ui-state-active a {
    background-color: #e40136;
    color: #fff !important;
}


.entry-image img {
    min-height: auto;
}

.filterCriteria {
    margin-right: 10px;
}

#page-title .container {
    position: initial;
}

/***********************/
/*  Styles von Sören & Alex  */
/***********************/
.owl-dots {
    padding-bottom: 30px;
}

.breadcrumb {
    padding: 5px 10px !important;
    background-color: rgba(228,1,54,0.6) !important;
    max-width: 50%;
    top: 90% !important;
}

.breadcrumb > .active,
.breadcrumb a {
    color: rgba(255,255,255,1) !important;
}

.contentBox-wrapper {
    box-shadow: 2px 2px 5px 2px #ccc;
    min-height: 450px;
}

.contentBox-wrapper p {
    padding: 0px 10px;
}

.contentBox-wrapper .heading-block {
    padding: 10px 5px 0px 5px;
}

.login-form-error-message {
    display: inline;
    padding-left: 20px;
    color: #e40136;
    font-weight: bold;
}

a.button {
    color: #fff !important;
}

.feature-box .fbox-content span.subtitle {
    color: #e40136 !important;
}

ul.parsley-errors-list {
    display: none;
    margin-bottom: 0px;
}

ul.parsley-errors-list.filled {
    display: block
}

.form-group ul {
    list-style-type: none;
}

ul li.parsley-required {
    color: #e40136;
}

.form-check-input[type=checkbox] {
    height: 25px;
    width: 25px;
}

label {
    text-transform: none;
}

.form-check {
    margin-bottom: 0.5rem;
}

.form-check-label {
    margin: 6px 0px 0px 15px;
    display: inline-grid;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #495057 !important;
}

.searchResultItem2cols {
    width: 50%;
}

.badge.beraterDb.bg-primary.white {
    background-color: #4e4d4d !important;
    color: #fff !important;
}

.entry-meta.beraterDb ul li {
    color:#999 !important;
}

#profileBox ul {
    margin-left: 20px;
}

.vergleichen a.btn {
    margin: 0px 15px 0px 6px;
    color: #fff !important;
}

.vergleichen span {
    display: block;
    margin-bottom: 4px;
}

.vergleichIsActive {
    display: none;
}

.content-wrap ul {
    margin-left: 40px;
}

#eventListRows a {
    color: #212529 !important;
}

#eventListRows a i {
    color: #e30613 !important;
    position: relative;
    top: 1px;
}

.eventListRssButtons p {
    margin-left: 50px;
    text-indent: -24px;
    line-height: 1.2 !important;
}

.eventListRssButtons p a {
    color: #212529 !important;
}

.eventListRssButtons i {
    position: relative;
    top: 23px;
    font-size: 40px;
    padding-right: 10px;
}

#profileBox h3 span.subtitle {
    color: #e40136;
}

.bg-lightgray {
    background-color: #f7f7f7;
}

.loader {
    text-align: center;
}

.loader img {
    width: 50px;
}

.mainBtn {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 5px;
    padding: 8px 22px;
    font-size: 0.875rem;
    line-height: 24px;
    color: #FFF;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    background-color: #C02942 !important;
}

.mainBtn:hover {
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2)
}

a.mainBtn {
    color: #fff !important;
}

.styledCheckbox {
    width: 15px;
    height: 15px;
    margin: 1px 6px 0 0;
    display: inline-block;
    background: transparent url(../sprites/checkbox.png) no-repeat 0 0;
    position: relative;
    top: 3px;
}
.styledCheckbox.checked {
    background: transparent url(../sprites/checkbox-checked.png) no-repeat 0 0;
}
#registrationalternatives {
    margin: 10px 0px;
}

.seminarOverview div {
    padding: 8px 10px;
}

.withListDivider {
    border-bottom: 5px solid #fff;
}

#frmBeraterprofilEdit .filterBox,
#frmUnternehmensprofilEdit .filterBox {
    padding: 10px 0px 7px;
}

#frmBeraterprofilEdit .filterLabelLeft,
#frmUnternehmensprofilEdit .filterLabelLeft{
    font-weight: bold;
}

#frmBeraterprofilEdit .filterLabelLeftExtended,
#frmUnternehmensprofilEdit  .filterLabelLeftExtended {
    margin-right: 40px;
}

#frmBeraterprofilEdit .filterCriteria,
#frmUnternehmensprofilEdit .filterCriteria {
    padding: 12px 15px 10px 15px;
    cursor: pointer;
    margin-right: 0px;
}
#frmBeraterprofilEdit .filterCriteria.active,
#frmUnternehmensprofilEdit .filterCriteria.active {
    background-color: #FCE4DE;
}

#frmBeraterprofilEdit .filterBox hr,
#frmUnternehmensprofilEdit .filterBox hr{
    margin-bottom: 9px;
}

.beraterPortrait img {
    max-width: 200px;
}

.row.accountDocumentDeleteRow .col-9 {
    border-bottom: 1px dotted #ccc;
}

.editTreeBox.borderBottom.listViewDatabase input.pull-right {
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

#data_view .accountlogo,
#data_view .consultantphoto {
    margin-bottom: 20px;
}

#consultants_view.editTreeBox.borderBottom.listViewDatabase .row {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 9px;
}
.appointments tr {
    border-bottom: 2px solid #fff;
    text-align: left;
}
.appointments tr td {
    padding: 5px 10px;
    margin: 0 10px;
    font-size: 15px;
}

.fileLinkBox {
    border: 1px solid #e30613;
    padding: 10px 15px;
}

.fileLinkOpen {
    float: right;
}

.tabs.ui-widget {
    width: 100%;
    height: auto;
    overflow-y: hidden;
    overflow-x: hidden;
}

.tabs-tb .tab-nav li.ui-tabs-active a {
    border-top: 2px solid #e30613;
}

ul.tab-nav {
    margin-left: 0px !important;
    margin-top: 20px;
}

.tabs .tab-container .portfolio-item .portfolio-image {
    min-height: auto;
}

.tabs .entry {
    position: unset !important;
}

.content-wrap .entry-meta ul {
    margin-left: 0px;
}

.team-title span {
    color: #e30613;
    font-weight: bold;
    font-size: 18px;
    font-style: normal;
    font-family: inherit;
}

.contactSidebarBox {
    box-shadow: 2px 2px 5px 2px #ccc;
    padding-left: 0px;
    padding-right: 0px;
}

.team .contactData {
    color: #e30613;
    margin: 10px 0px;
}

.team-desc {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.team-image {
    border-bottom: 1px solid #ccc;
}

h2.teamContactHeadline {
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding: 10px 0px;
    margin-bottom: 0px;
}

.mrl-0 {
    margin: 0px;
}

.newsContactBox {
    padding-right: 0px;
    padding-left: 20px;
}

.moreNewsBtn {
    display: block;
    margin: 0 auto;
}

.grid-filter a:hover {
    cursor: pointer;
}

/***********************/
/* Styles von Nadir  */
/***********************/
div.section>div.container>div.row>div.col-md-6>img{padding-top: 0px !important;}
.imgTag{padding: 10px 0 10px 0;}
.owl-carousel .owl-dots .owl-dot{background-color: #e30613 !important}
#gotoTop:hover{background-color: #e30613 !important}
#page-title.page-title-dark h2{color: rgba(255,255,255,0.9) !important}

@media (min-width:320px) and (max-width:425px) {
	#page-title.page-title-dark{
		background-position: center center;
		padding: 0px !important;
		background-repeat: no-repeat;
	}
}

@media (min-width:425px) and (max-width:768px) {
	#page-title.page-title-dark{
		background-position: center center;
		padding: 23px !important;
		background-repeat: no-repeat;
	}
}

@media (min-width:768px) and (max-width:1024px) {
	#page-title.page-title-dark{
		background-position: center center;
		padding: 85px !important;
		background-repeat: no-repeat;
	}
}

@media (min-width:1024px) and (max-width:1440px) {
	#page-title.page-title-dark{
		background-position: center center;
		padding: 95px !important;
		background-repeat: no-repeat;
	}
}

@media (min-width:1440px) and (max-width:1880px) {
	#page-title.page-title-dark{
		background-position: center center;
		padding: 140px !important;
		background-repeat: no-repeat;
	}
}

.slider-headline{
	white-space: normal;
	text-align: center !important;
}

.tp-caption.ltl.tp-resizeme.revo-slider-emphasis-text.p-0.border-0{
	white-space: normal !important;
	text-align: center !important;
}
/***********************/
/* Styles von Michael  */
/***********************/
.btn-primary {
    white-space: break-spaces;
}
.limiter-press-text {height:200px;overflow:hidden;}
.limiter-press-title {height:85px;}
.picture-press {height:200px;width:400px;}
.ui-widget {background-color: rgb(255,255,255);border: 2px solid #f8f9fa;height: 500px;list-style:none;overflow-y: scroll;padding-left: 10px;width: 500px;}
.ui-menu-item:hover {background-color: #f8f9fa;cursor:default;color:#a0a0a0;text-shadow:0.5px 0.5px #fff;}
.news-header-image{max-height:350px;max-width:100%;width:fit-content; margin:auto; margin-bottom: 26px;}
@media (max-width:425px) {input#tags {max-width: 100% !important;} }
@media (max-width:1199.98px) {.spacer {margin-bottom:25px;} .container.clearfix.responsive {padding-left:0;padding-right:0;}.container.container-width {padding-left:5px;padding-right:5px} div.container-font>h2{font-size:22px;}}