/* Accent Text Colors */

#footer .widget-text a, #footer .widget-twitter a, #icons-wrapper ul li:hover i, #main-navigation #main-menu>ul .is-open,#main-navigation .main-menu>ul .is-open, #main-navigation #main-menu>ul>li.current i, #main-navigation #main-menu>ul>li.current>a, #main-navigation .main-menu>ul>li.current>a,#search.nav-search.search-open input, #search.nav-search.search-open input:focus, .blog-square .post .post-comments a:hover, .blog-timeline .posts .post:hover .post-date, .breadcrumb a:hover, .c-primary, .cart-wrapper .cart-subtotal td:first-child, .cart-wrapper .cart-total td:first-child, .categories-list li a.current, .categories-list li a:hover, .creative-element .title .subtitle, .datepicker thead tr th.next, .datepicker thead tr th.prev, .erinyen .tp-tab-title, .feature-box .feature-content p.subtitle, .form-group.form-grouped.required:after, .grouped-item .grouped-item-price, .header-dark #main-navigation #main-menu>ul>li.current>a, .header-dark #main-navigation #main-menu>ul>li>a.is-open, .header-dark .categories-list li a:hover, .header-dark .items-filter li a.current, .header-dark .items-filter li a:hover, .header-icon, .header-transparent.topnav-top #main-navigation #main-menu>ul>li.current>a, .hover-effect-2 a:hover span, .item .item-meta a:hover, .items-filter li a.current, .items-filter li a:hover, .pagination li:not(.disabled) a:hover, .post .post-info .post-meta a.comments:hover, .post .post-info .post-meta a:hover, .post-single .post-nav a:hover .next-icon, .post-single .post-nav a:hover .prev-icon, .posts .post .more, .product .product-info .add-to-cart, .product .product-info .product-new-price, .product .product-info .view-cart, .product-quick-desc, .rating .fa-star, .rating .fa-star-half-o, .required:after, .search-overlay form, .search.nav-search.search-open input, .search.nav-search.search-open input:focus, .shop-breadcrumb ul li a:hover, .shortcode-question span, .subtitle, .testimonial .testimonial-meta .testimonial-subtitle a, .text-primary, .title .subtitle, .title h1 span, .title h2 span, .title h3 span, .title h4 span, .title h5 span, .tp-caption.Newspaper-subtitle, .widget-links li a:hover, .widget-twitter .tweets-list li a, figure.he-2 a:hover, header .blog-meta li a:hover, header#main-navigation .current>a span::before, header.header-dark .blog-meta li a:hover, .theme-blue.clean-design .title .subtitle, .theme-blue.header-dark #main-aside-navigation #main-aside-menu>ul>li>a.is-open, .theme-blue.header-dark #main-navigation #main-menu>ul>li.current>a, .theme-blue.header-dark #main-navigation #main-menu>ul>li>a.is-open, .theme-blue.header-scroll-dark #main-navigation #main-menu>ul>li.current>a, .theme-blue.header-scroll-dark #main-navigation .main-menu>ul>li.current>a, .theme-blue.header-transparent.topnav-top #main-navigation #main-menu>ul>li.current>a, html.split-bordered #main-navigation #main-menu>ul>li.active>a, .counter-color-accent .counter-icon, .counter-color-accent .counter-number,
.jm-post-like.liked, .colored,
.post-navigation a:hover .prev-icon,
.post-navigation a:hover .next-icon,
p a,
.post-holder .post-more:hover,
a:hover,
.widget ul > li > a:hover,
#page-title .blog-meta li a:hover,
.btn.btn-outline,
#wrapper .color-accent,
#aside-nav nav ul > li > a.is-open,
#aside-nav nav ul > li > a:hover,
.aside-nav nav ul li.current-page-parent > a,
.aside-nav nav ul li.current-page-ancestor > a,
.aside-nav nav ul li.current-menu-ancestor > a,
.aside-nav nav ul li.current_page_ancestor > a,
.aside-nav nav ul li.current_page_item > a,
.aside-nav nav ul li.current-page-item > a,
.aside-nav nav ul li.current_page_parent > a,
#woo-nav-cart .cart_list li a:hover,
.breadcrumbs a:hover,
.page-title-with-bg .breadcrumbs a:hover,
#wrapper .sidebar-widget.woocommerce li a:hover,
#wrapper .star-rating span,
.icon-list-color-accent li i,
.section-page .btn-text.btn-accent,
.vntd-icon-box .post-more:hover,
.color-scheme-accent p,
.widget.engage_widget_menu ul > li.current-menu-item > a,
.hover-effect-fadeout .vntd-gallery-item .gallery-item-overlay i,
.dropcap-accent,
.tribe-events-schedule h2,
.main-nav .nav-button.nav-button-outline span,
.vc_icon_element-color-accent {
	color: #cd2122;
}

.color-scheme-accent h1,
.color-scheme-accent h2,
.color-scheme-accent h3,
.color-scheme-accent h4,
.color-scheme-accent h5,
.color-scheme-accent h6 {
	color: #cd2122 !important; 
}


/* Accent Background Color */

.theme-blue #footer.bg-primary, .theme-blue #royal_preloader.royal_preloader_progress .royal_preloader_meter, .theme-blue .alert-primary, .theme-blue .bg-primary, .theme-blue .btn-primary.btn-bordered:hover, .theme-blue .btn-primary:hover, .theme-blue .btn-primary:not(.btn-bordered), .theme-blue .btn-primary:not(.btn-bordered).active, .theme-blue .btn-primary:not(.btn-bordered).focus, .theme-blue .btn-primary:not(.btn-bordered):active, .theme-blue .btn-primary:not(.btn-bordered):focus, .theme-blue .datepicker table tr td span.active.active, .theme-blue .datepicker table tr td span.active.disabled.active, .theme-blue .datepicker table tr td span.active.disabled:active, .theme-blue .datepicker table tr td span.active.disabled:focus, .theme-blue .datepicker table tr td span.active.disabled:hover, .theme-blue .datepicker table tr td span.active.disabled:hover.active, .theme-blue .datepicker table tr td span.active.disabled:hover:active, .theme-blue .datepicker table tr td span.active.disabled:hover:focus, .theme-blue .datepicker table tr td span.active.disabled:hover:hover, .theme-blue .datepicker table tr td span.active:active, .theme-blue .datepicker table tr td span.active:focus, .theme-blue .datepicker table tr td span.active:hover, .theme-blue .datepicker table tr td span.active:hover.active, .theme-blue .datepicker table tr td span.active:hover:active, .theme-blue .datepicker table tr td span.active:hover:focus, .theme-blue .datepicker table tr td span.active:hover:hover, .theme-blue .datepicker table tr td.active.active, .theme-blue .datepicker table tr td.active.disabled.active, .theme-blue .datepicker table tr td.active.disabled:active, .theme-blue .datepicker table tr td.active.disabled:focus, .theme-blue .datepicker table tr td.active.disabled:hover, .theme-blue .datepicker table tr td.active.disabled:hover.active, .theme-blue .datepicker table tr td.active.disabled:hover:active, .theme-blue .datepicker table tr td.active.disabled:hover:focus, .theme-blue .datepicker table tr td.active.disabled:hover:hover, .theme-blue .datepicker table tr td.active:active, .theme-blue .datepicker table tr td.active:focus, .theme-blue .datepicker table tr td.active:hover, .theme-blue .datepicker table tr td.active:hover.active, .theme-blue .datepicker table tr td.active:hover:active, .theme-blue .datepicker table tr td.active:hover:focus, .theme-blue .datepicker table tr td.active:hover:hover, .theme-blue .label-primary, .theme-blue .open .dropdown-toggle.datepicker table tr td span.active, .theme-blue .open .dropdown-toggle.datepicker table tr td span.active.disabled, .theme-blue .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover, .theme-blue .open .dropdown-toggle.datepicker table tr td span.active:hover, .theme-blue .open .dropdown-toggle.datepicker table tr td.active, .theme-blue .open .dropdown-toggle.datepicker table tr td.active.disabled, .theme-blue .open .dropdown-toggle.datepicker table tr td.active.disabled:hover, .theme-blue .open .dropdown-toggle.datepicker table tr td.active:hover, .theme-blue .open>.dropdown-toggle.btn-primary, .theme-blue .price-plan.plan-primary .plan-header, .theme-blue .price-plan.plan-primary .plan-info, .theme-blue .select-filter ul li.selected a:before, .theme-blue .select-filter ul li:hover a:before, .theme-blue .select2-container--default .select2-selection--multiple .select2-selection__choice, .theme-blue .sort-options .select-filters .select-filter ul li a:hover, .theme-blue .switcher .switch, .theme-blue .tags a:hover, .theme-blue .ui-slider .ui-slider-handle, .theme-blue .ui-slider .ui-slider-range, .theme-blue .widget .tags a:hover, .theme-blue input[type=radio]+label::after, .theme-blue input[type=checkbox]+label::after, .wpcf7-submit, #respond #submit, .accent-bg-color, .bg-color-accent,
#wrapper .vc_tta-accordion.vc_tta-style-engage_boxed_accent .vc_active .vc_tta-panel-heading, .owl-nav > div:hover,.tagcloud a:hover,#wp-calendar #today,#wrapper .post.format-audio .audio-video-wrapper > .video-js-audio,
.blog-style-classic .post.sticky .post-info:after,
#page-content .vntd-pagination li span.current,
input[type="submit"],
#wrapper .post-tags a:hover,
.vc_progress_bar.vc_progress-bar-color-accent .vc_single_bar .vc_bar, .pricing-box-featured .pricing-box-title,
.woocommerce a.button,
#woo-nav-cart p.buttons .button.checkout,
.nav-cart .woo-cart-count,
ul.products .product-overlay:hover,
#page-content .onsale,
#page-content .woocommerce-pagination li span.current,
#page-content .woocommerce-pagination li a:hover,
#wrapper .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce #wrapper .button, #wrapper .product .button,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.main-nav li.nav-button span,
.header-dark .main-nav li.nav-button a:hover span,
#page-content .vntd-pagination li a:hover,
.bg-color-accent,
.bg-color-accent.vc_row:not(.vc_inner):not(.vc_gitem_row),
.pricing-box-minimal.pricing-box-featured .pricing-box-price,
a.comment-reply-link:hover,
#wrapper .widget_price_filter .ui-slider .ui-slider-handle,
body #wrapper .button, 
#wrapper .product .button,
.widget.engage_widget_menu ul > li > a:hover:before,
.widget.engage_widget_menu ul > li.current-menu-item > a:before,
.dropcap-accent.dropcap-circle,
#tribe-events .tribe-events-button, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type=submit], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]>a,.vc_icon_element-background-color-accent,
.main-nav .nav-button.nav-button-outline a:hover span {
	background-color: #cd2122;
}

/* Accent Button Colors */

.btn-accent, .btn-accent.active, .btn-accent.focus, .open>.dropdown-toggle.btn-accent, .btn-accent {
 	background-color: #cd2122;
}

.btn.btn-hover-accent:hover,
#wrapper .vc_tta-tabs-position-top.vc_tta-style-engage_boxed .vc_tta-tab.vc_active a,
.icon-list-color-accent.icon-list-circle i {
	background-color: #cd2122 !important;
}

.owl-nav > div:hover, .tagcloud a:hover,
.blog-style-classic .post.sticky .post-info,
.btn.btn-outline,
#wrapper .vc_tta-tabs-position-top.vc_tta-style-engage_minimal .vc_tta-tab.vc_active a,
.pricing-box.pricing-box-featured,
body .section-page input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus,
.section-page select:focus,
.section-page textarea:focus,
.site-header.active-style-border-bottom .main-menu > ul > li.current-page-ancestor > a,
.site-header.active-style-border-bottom .main-menu > ul > li.current-page-parent > a,
.site-header.active-style-border-bottom .main-menu > ul > li.current-menu-ancestor > a,
.site-header.active-style-border-bottom .main-menu > ul > li.current_page_ancestor > a,
.site-header.active-style-border-bottom .main-menu > ul > li.current_page_item > a,
.site-header.active-style-border-top .main-menu > ul > li.current-page-ancestor > a,
.site-header.active-style-border-top .main-menu > ul > li.current-page-parent > a,
.site-header.active-style-border-top .main-menu > ul > li.current-menu-ancestor > a,
.site-header.active-style-border-top .main-menu > ul > li.current_page_ancestor > a,
.site-header.active-style-border-top .main-menu > ul > li.current_page_item > a,
.main-nav .nav-button.nav-button-outline span {
	border-color: #cd2122;
}

.btn.btn-hover-accent:hover {
	border-color: #cd2122!important;
}

.bg-overlay-accent:before,
.bg-overlay-accent-light:before {
	background-color: #cd2122;
	opacity: .9;
}

/* Comments */

.header-scroll-full #main-navigation,.header-sticky-now #main-navigation #main-menu > ul > li > a,.header-sticky-now #main-navigation .main-menu > ul > li > a,.header-scroll-full #main-navigation .nav-tools li a{height:90px!important;;}.vc_row.color-scheme-white,.vc_row.color-scheme-white p{color:#535353;}.vc_row.color-scheme-white h1,.vc_row.color-scheme-white h2,.vc_row.color-scheme-white h3, .vc_row.color-scheme-white h4, .vc_row.color-scheme-white h5, .vc_row.color-scheme-white h6{color:#535353;}body,.vc_row:not(.vc_inner):not(.vc_gitem_row){background-color:#ffffff;}.box-aligned-left .icon-box-title, 
.box-aligned-left .icon-box-title { margin-bottom: 11px; }

/* PORTFOLIO BORDER ENTFERNT */
.portfolio_attribute{
    font-size: 12px;
    line-height: 1.5em;
    max-width: 170px °!important;
}

/*iconbox min-height */

.box-element .vntd-icon-box.box-with-bg {
    min-height: 132px !important;
    max-height: 132px !important;
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
    margin: none;
}



.box-centered .icon-box-icon {
    width: auto;
}


.portfolio-item-caption {
    padding: 0px;
    background: #fff;
    border: 0px solid #efefef;
    position: relative;
    font-size: 15px;
    border-top: 0 !important;
    margin-top: 10px;
}

/* POSITIONIERUNG TITLE BEI PORTFOLIO */
.portfolio-item-caption h4 {
    margin: 0;
    color: #fff;
    font-weight: normal;
    margin-bottom: 2px;
    font-size: 17px;
    padding: 5px 22px 5px 22px;
    background: #cb242a;
    /** min-height: 85px;**/
    height: 63px; 
}

.portfolio-item-caption .caption-categories {
    color: #fff;
    margin-top: 0;
    padding: 0px 22px 0px 22px;
    background: #cb242a;
}

.portfolio_attribute th {
    color: #fff;
    background: #cb242a;
    text-align: left;
}

/********* FlexTarife Farbeinstellung *********/
.Markierung_grau{
  background-color: #cecccd;
}

.Markierung_rot{
  background-color: #dc7c7e;
  color: white;
}

.Markierung_rot2{
  background-color: #ca272f;
  color: white;
  font-size: 12px;
}

/*********** ACCORDION UNTER PORTFOLIO *******/
button.accordion {
    background-color: #f9f9f9;
    color: #444;
    cursor: pointer;
    padding: 7px 11px;
    width: 100% !important;
    text-align: left;
    outline: none;
    font-size: 12px;
    transition: 0.4s;
    border: 1px solid #e3e3e3;
}

button.accordion.active, button.accordion:hover {
    background-color: #f9f9f9; 
}

button.accordion:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}



div.panel1 {
    padding: 0 0px;
    background-color: white;
    max-height: 0;
    overflow: auto;
    transition: 0.6s ease-in-out;
    opacity: 0;
}

div.panel1.show {
    opacity: 1;
    max-height: 600px; /* Whatever you like, as long as its more than the height of the content (on all screen sizes) */
    min-height: auto;
}


div.panel {
    padding: 0 0px;
    background-color: white;
    max-height: 0;
    overflow: auto;
    transition: 0.6s ease-in-out;
    opacity: 0;
}

div.panel_flex {
    padding: 0 0px;
    background-color: white;
    max-height: 0;
    transition: 0.6s ease-in-out;
    opacity: 0;
}

div.panel.show {
    opacity: 1;
    max-height: 600px; /* Whatever you like, as long as its more than the height of the content (on all screen sizes) */
    min-height: auto;
}

div.panel_flex.show {
    opacity: 1;
    max-height: 600px; /* Whatever you like, as long as its more than the height of the content (on all screen sizes) */
    min-height: auto;
}


div.panel_modem {
    padding: 0 5px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
}

div.panel_modem.show {
    opacity: 1;
    max-height: 500px;
    min-width: 300px !important;
    padding: 10px;
    font-size: 12px;
    overflow: auto;
    background: #f9f9f9;
    border: 1px solid #e3e3e3;
    line-height: 2em;
}


/******** LAUFZEIT BOX *********/
.Laufzeit_Box{
    background: #f9f9f9;
    border: 1px solid #e3e3e3;
}

.laufzeit_title {
    background: #c92730;
    color: #fff;
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    max-height: 38px;
}

.Laufzeit_InnerBox{
    padding: 10px 15px 10px 15px;
    min-height: 98px;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 600;
}

/******* PORTFOLIO BILDER ********/
.portfolio-grid.img-hover-overlay-dark a.item-image {
    background: transparent;
}

.portfolio-items .item-main {
    position: relative;
    width: 100%;
    overflow: hidden;
    min-height: 440px;
}

.portfolio .item img {
    width: 100.5% !important;
    max-width: 100.5%;
    height: auto;
    -webkit-transition: transform 0.5s, opacity .4s;
    -moz-transition: transform 0.5s, opacity .4s;
    transition: transform 0.5s, opacity .4s;
    -webkit-backface-visibility: hidden;
    transform: scale(1.01);
}

/****** FILTER AUSBLENDEN *******/
#wrapper .grid-filters {
    padding-left: 0;
    margin-bottom: 45px;
    display: none;
}

/******* FILTER ANPASSUNGEN ********/
.form-control, #wrapper .section-page input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), body .section-page textarea, #wrapper .section-page select {
    border-width: 2px;
    border-radius: 3px;
    width: 100px;
}

label {
    display: inline-block;
    margin-bottom: .5rem;
    font-weight: 800;
}

.form-control, body .section-page textarea, body .section-page input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), #wrapper .section-page select {
    padding: 0px;
}

/***** TITEL LEGENDE *****/
.titel_legende {
    margin: 0;
    color: #fff;
    font-weight: normal;
    margin-bottom: 2px;
    font-size: 19px;
    padding: 5px 22px 5px 22px;
    background: #cb242a;
    min-height: 70px;
}

.untertitel_legende {
    margin: 0;
    color: #fff;
    font-weight: normal;
    margin-bottom: 2px;
    font-size: 14px;
    padding: 5px 22px 5px 22px;
    background: #cb242a;
    max-height: 23px;
}

.titel_legende_first {
    margin: 0;
    color: #fff;
    font-weight: normal;
    margin-bottom: 2px;
    font-size: 19px;
    padding: 5px 22px 5px 22px;
    background: #cb242a;
    height: 63px;
    min-width: 140px;
}

.untertitel_legende_first {
    margin: 0;
    color: #fff;
    font-weight: normal;
    margin-bottom: 2px;
    font-size: 14px;
    padding: 5px 22px 5px 22px;
    background: #cb242a;
    max-height: 23px;
    min-width: 140px;
}

/****** SELECT FORM ******/
.form-control, #wrapper .section-page input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), body .section-page textarea, #wrapper .section-page select {
    border-width: 1px;
    border-radius: 0px;
    padding-left: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    width: 255px;
}

/**** FACET WP ****/
.facetwp-facet {
    margin-right: 20px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: white;
    color: gray;
}

.facetwp-template-breite {
    width: 199px;
    float: left;
    margin-right: 2px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.facetwp-template-breite-tarife {
    width: 122px;
    float: left;
    margin-right: 2px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.facetwp-template-breite-modem {
    width: 480px;
    float: left;
    margin-right: 20px;
    margin-top: 30px !important;
    margin-bottom: 30px;
}

.bilder-container-modem {
    min-height: 400px;
}


#mainImage-modem {
    width: 600px;
    height: 260px;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.facetwp-template-breite-headset {
    width: 480px;
    float: left;
    margin-right: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.bilder-container-headset {
    min-height: 270px;
}

#mainImage-headset {
    width: 393px;
    height: 260px;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.facetwp-template-breite-tischtelefon {
    width: 480px;
    float: left;
    margin-right: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.bilder-container-tischtelefon {
    min-height: 300px;
}

#mainImage-tischtelefon {
    width: 600px;
    height: 260px;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.facetwp-template-breite-torsprechstelle {
    width: 480px;
    float: left;
    margin-right: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.bilder-container-torsprechstelle {
    min-height: 300px;
}

#mainImage-torsprechstelle {
    width: 600px;
    height: 260px;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.facetwp-template-breite-tarife-internet{
    width: 430px;
    float: left;
    margin-right: 20px;
    margin-top: 0px;
    margin-bottom: 30px;
}

.facetwp-template-breite-startup {
    width: 393px;
    float: left;
    margin-right: 3px;
    margin-top: 30px;
    margin-bottom: 30px;
}


/**** DARSTELLUNG FACET WP *****/
#mainImage{
    width:180px;
    height:300px;
    -webkit-transition:all 0.5s linear;
    transition:all 0.5s linear;
}

#mainImage-tarife{
    width:280px;
    height:300px;
    -webkit-transition:all 0.5s linear;
    transition:all 0.5s linear;
}

main-img-container .img{
    max-height: 177px;
}

.img-container img {
    width:60px;
    height:100px;
}

.img-container1 img {
    width:60px;
    height:100px;
    margin-left: 22px;
}

.img-container-tarife img {
    width:93px;
    height:100px;
}

.bilder-container
{
    min-height: 350px;
}

.bilder-container1
{
    min-height: 380px;
}

.wpb-js-composer .vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tabs-container {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 600;
}

.form-control, #wrapper .section-page input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), body .section-page textarea, #wrapper .section-page select {
    border-width: 2px;
    border-radius: 3px;
    min-height: 40px;
    font-size: 13px;
}

/***** Darstellung Sidebar *****/
.sidebar_Titel{
    font-size: 13px;
    background: #cb242a;
    color: #fff !important;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    min-height: 90px;
}

.sidebar_Titel_Preis{
    font-size: 13px;
    background: #cb242a;
    color: #fff !important;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    height: 210px;
}

.sidebar_Titel_grau{
    font-size: 13px;
    background: #cecccd;
    color: #fff !important;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    min-height: 90px;
}


.sidebar_Titel_hellrot{
    font-size: 13px;
    background: #db7c7f;
    color: #fff !important;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    height: 50%;
}

.content_Titel{
    font-size: 20px;
    background: #cb242a;
    color: #fff !important;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-weight: 900;
    min-height: 137px;
}

.content_Titel_Sidebar{
    font-size: 20px;
    background: #cb242a;
    color: #fff !important;
    padding-left: 20px;
    padding-top: 16px;
    padding-bottom: 17px;
    margin-bottom: 10px;
    font-weight: 900;
}

.hljs {
    background-color: transparent;
    border-radius: 0px;
    color: gray;
    float: right;
}

.facetwp-slider-wrap {
    padding-bottom: 15px;
    padding-top: 20px;
}

.noUi-connect {
    background: #ca272f !important;
}

.preisangaben {
    background: #ca272f;
    color: white;
    padding: 5px;
    text-align: center;
}

.datumsangaben {
    text-align: center;
    font-size: 10px;
}

.facetwp-counter
{
    display:none;
}

.box-element h5.icon-box-title {
    font-size: 12px !important;
}

.sidebar_Button{
    background: #c92730;
    margin-bottom: 10px;
    padding: 10px;
    padding-left: 20px;
    border: 1px solid #da7c7f;
    box-shadow: 2px 2px #888888;
    min-height: 102px !important;
}

.sidebar_Button:hover{
    background: #da7c7f;
}

.button_farbe a{
    color: white;
}

.button_farbe a:hover{
    color: white;
}

.mega-accordion .mega-panel {
    padding: 5px 0px !important;
}

.menu_text {
    min-height: 132px !important;
    max-height: 132px !important;
    text-align: left;
    padding-top: 15px;
    display: inline-block;
    vertical-align: middle;
}

/*accordeon border-color*/
.vc_tta-panel-heading, .vc_tta-panel-body {
    border-width: 3px !important;
    border-color: #c92730 !important;
}

.vc_tta-panel-title>a {
    color: #c92730 !important;
}

.titel_legende_headset {
    margin: 0;
    color: #fff;
    font-weight: normal;
    margin-bottom: 2px;
    font-size: 19px;
    padding: 5px 22px 5px 22px;
    background: #cb242a;
    height: 80px;
}
/* Padding top (below header) */
.page-with-vc .page-title + section.section-page:not(.page-layout-one-sidebar):not(.page-layout-two-sidebars) #page-content > .vc_row:first-child {
    padding-top: 25px !important;
}
.vc_row-has-fill+.vc_row-full-width+.vc_row, .vc_row-has-fill>.vc_column_container>.vc_column-inner, .section-page .vc_row-has-fill {
    padding-top: 7px;
}


/* Heroslide Button placement */
.hero-slide-buttons {
    padding-top: 150px;
}
/* Heroslide Text settings */
.hero-slider h2.hero-slide-heading {
    font-size: 34px;
    padding-bottom: 430px;
    margin-top: 20px;
    color: #d23441;
    font-weight: bold;
}
#page-content .veented-slider-holder .inner {
    padding-top: 0px;
    padding-left: 20px !important;
    padding-right: 20px !important;
}


/*** Border color für Plus im Accordion ***/
.wpb-js-composer .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::after {
    border-color: #c82a34;
}

.wpb-js-composer .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::before {
    border-color: #c82a34;
}

/*** Slider für die einzelnen Artikel ***/
.slider {
  width: 393px;
  text-align: center;
  overflow: hidden;
  margin-bottom: 5px;
}

.slides {
  display: flex;
  overflow-x: auto;
  
  border-radius: 5px;
  
  scroll-behavior: smooth;
  
  -webkit-overflow-scrolling: touch;
  scroll-snap-points-x: repeat(393px);
  scroll-snap-type: mandatory;
}
.slides::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.slides::-webkit-scrollbar-thumb {
  background: #ca272e;
  border-radius: 10px;
}
.slides::-webkit-scrollbar-track {
  background: transparent;
}
.slides > div {
  flex-shrink: 0;
  width: 393px;
  height: 300px;
  border-radius: 10px;
  background: #eeeeee;
  transform-origin: center center;
  transform: scale(1);
  transition: transform 0.5s;
  position: relative;
  
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 100px;
}
.slides > div:target {
  transform: scale(0.8);
}
.author-info {
  background: rgba(0, 0, 0, 0.75);
  color: white;
  padding: 0.75rem;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
}
.author-info a {
  color: white;
}

.slider > a {
  display: inline-flex;
  width: 1.5rem;
  height: 1.5rem;
  background: white;
  text-decoration: none;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 0 0.5rem 0;
  position: relative;
}
.slider > a:active {
  top: 1px;
}
.slider > a:focus {
  background: #000000;
}

/*** Slider Handybilder ***/
.handybilder{
    height: 60px;
    width: auto;
}

.handybilderMain{
    height: 320px;
}

.sliderHandy {
  width: 100%;
  text-align: center;
  overflow: hidden;
  margin-bottom: 5px;
  
}

.slidesHandy {
  display: flex;
  overflow-x: auto;
  
  border-radius: 5px;
  
  scroll-behavior: smooth;
  
  -webkit-overflow-scrolling: touch;
  scroll-snap-points-x: repeat(100%);
  scroll-snap-type: mandatory;
}
.slidesHandy::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.slidesHandy::-webkit-scrollbar-thumb {
  background: #ca272e;
  border-radius: 0px;
}
.slidesHandy::-webkit-scrollbar-track {
  background: #eeeeee;
}
.slidesHandy > div {
  flex-shrink: 0;
  width: 100%;
  height: auto;
  border-radius: 10px;
  background: #ffffff;
  transform-origin: center center;
  transform: scale(1);
  transition: transform 0.5s;
  position: relative;
  
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 100px;
}
.slidesHandy > div:target {
  transform: scale(0.8);
}
.author-infoHandy {
  background: rgba(0, 0, 0, 0.75);
  color: white;
  padding: 0.75rem;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
}
.author-infoHandy a {
  color: white;
}

.sliderHandy > a {
  display: inline-flex;
  width: 3.5rem;
  height: 1.5rem;
  background: white;
  text-decoration: none;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 0 0.5rem 0;
  position: relative;
  margin-top: 30px;
}
.sliderHandy > a:active {
  top: 1px;
}
.sliderHandy > a:focus {
  background: #000000;
}

.inner_Titel{
    font-size:12px; 
    line-height: 1.3; 
    padding-right: 20px;
}

.sidebar_Titel_Handy {
    font-size: 20px;
    font-weight: 800;
    background: #cb242a;
    color: #fff !important;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 9px;
    padding-bottom: 3px;
    margin-bottom: 5px;
    min-height: 137px;
}

.music-player{
    padding-top: 25px;
    box-shadow: 3px 3px #e2e2e2;
    background: white;
    border: 1px solid #e2e2e2;
    margin-right: 3px !important;
}


.mejs-container{
    font-family: Helvetica,Arial;
    border-radius: 10px !important;
}

.titel_legende_iPakte {
    margin: 0;
    color: #fff;
    font-weight: normal;
    margin-bottom: 2px;
    font-size: 19px;
    padding: 5px 22px 5px 22px;
    background: #cb242a;
    min-height: 88px;
}

.container_flex{
    min-heigth: 300px
}

.filter_einstellungen .vc_column_container>.vc_column-inner {
    box-sizing: border-box;
    padding-left: 2.5px;
    padding-right: 2.5px;
    width: 100%;
}

.headings{
    background: #ca272f;
    padding: 10px;
    color: white;
}

.formular_anpassung_preis{
    padding: 10px;
    padding-top: 10px !important;
    width: 100%;
    border: 4px solid #cf333c;
    background: #fff;
}

.formular_anpassung_provision{
    padding: 10px;
    padding-top: 10px !important;
    width: 100%;
    border: 4px solid #535054;
    background: #fff;
}

.formular_anpassung_provision2{
    padding: 5px;
    padding-top: 5px !important;
    padding-left: 10px;
    width: 100%;
    border: 1px solid #535054;
}

.provisionsfeld{
    display:none;
}

.mega-testimonial-3 {
    padding-bottom: 20px;
}

.wpb-js-composer .vc_tta.vc_tta-o-no-fill.vc_tta-tabs-position-bottom .vc_tta-panel-body, .wpb-js-composer .vc_tta.vc_tta-o-no-fill.vc_tta-tabs-position-top .vc_tta-panel-body {
    min-height: 315px !important;
}

@media (max-width: 1200px){
    .hero-slider h2.hero-slide-heading {
    font-size: 26px !important;
    padding-bottom: 430px;
    margin-top: 20px;
    color: #d23441;
    font-weight: bold;
}
}

div#jsjobs_screentag {
    margin-top: 50px;
}

@media (max-width: 769px){
    .wpb-js-composer .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon {

    display: none;
}

#wrapper .vc_tta.vc_general .vc_tta-panel-title>a {
    margin-left: 10px;
}

}


.box-centered-circle .icon-box-icon
{
 color: #cd2122 !important;
     border-radius: 100%;
     background: white !important;
     font-size: 60px !important;
}#wrapper .color-gradient-2 { color:linear-gradient(-32deg,,);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}#wrapper .bg-gradient-2 { background: linear-gradient(-32deg,,);}