body strong, body select {
  font-family: "Segoe UI", Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Ubuntu, "Helvetica Neue", Arial, "PT Sans", sans-serif;
}

@media (max-width: 768px) {div.card-group-element .c-shortcut .col.card-container {max-width: calc(100% - 20px) ! important; padding-left: 10px ! important; margin-left: 0px ! important; margin-right: 0px ! important; margin-bottom: 20px ! important;}}

.card-group-element .layout.c-shortcut {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; /* Links ausrichten */
    align-items: stretch; /* Karten gleiche Höhe geben */
    gap: 0px;
}

html body .card-container .btn {
    display: block !important;
    max-width: 200px;
    margin-left: 22px;
    border-radius: 8px !important;
}

.card-group-element .layout.c-shortcut .card-container .card {
    border: none !important;
    display: flex;
    flex-direction: column; /* Stellt sicher, dass Inhalt vertikal gestreckt wird */
    height: 100%; /* Maximale Höhe für gleiche Karten */
}

.card-group-element .layout.c-shortcut .card-container img {border-top-left-radius: 8px ! important; border-top-right-radius: 8px ! important}

.card-group-element .layout.c-shortcut .card-container {
    flex: 1 1 calc((100% / 3) - 20px);
    max-width: calc((100% / 3) - 20px);
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    box-sizing: border-box;
    border-radius: 8px !important;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding-bottom: 25px;
}

/* Stellt sicher, dass der Body der Karte flexibel wächst */
.card-group-element .layout.c-shortcut .card-container .card-body {
    flex-grow: 1; /* Füllt den restlichen Platz aus */
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Verteilt Inhalt gleichmäßig */
}

/* Responsive Anpassung */
@media (max-width: 768px) {

    .card-group-element .layout.c-shortcut .card-container {
        flex: 1 1 100%;
        max-width: 100%;
    }
}



.grey-btn {background: #ab2524 ! important}
.feature .c-text ul {padding-left: 20px}
.feature .c-text ul li:before, .feature .textpic-item ul li:before {padding-right: 20px; font-size: 0.75;  margin-left: -20px; font-size: 0.75; padding-right: 20px;
  width: 20px; display: inline-block; font-family: 'icomoon'; content: "\f054" ! important;}

.feature.feature-6 {margin-top: -20px ! important; margin-bottom: 0 ! important} /* Test Feature Padding Bilder Maschinen */

/* Font */
body .feature .f-accent p, body .feature .f-accent p strong, body .feature .f-accent span {color: #accb49 ! important}
#c3 a {font-family: "Noto Sans", sans-serif !important; font-weight: 600;}
h1, h2, h3, h4 {font-family: "Noto Sans", sans-serif !important; font-weight: 500;}

/* Textpic Layout */
.border.c-textpic .textpic .textpic-item {margin-bottom: 0;}
.border.c-textpic .textpic.textpic-right .textpic-item.textpic-text {padding-left: 60px ! important}
.border.c-textpic .textpic.textpic-left .textpic-item.textpic-text {padding-right: 60px ! important; padding-left: 30px}
.border.c-textpic .textpic .textpic-item.textpic-text h2 {padding-top: 15px}
.border.c-textpic {border: 2px solid #706f6f ! important; }

/* Atoms */
@media (min-width:768px) and (max-width:991px) {.cei-m .gallery-row {margin-left: 5px}}
@media (max-width:767px) {.cei-m .gallery-row {margin-bottom: 20px}
.cei-m .gallery-row .gallery-item {display: flex; justify-content : center; margin: 0 auto}}

/* Trenner */
.icon.ps-after .ce-div {max-height: 1px; min-height: 1px}
.icon:before {content: ''}
.ps-after {position: relative; border-bottom: 1px solid #fff;}
.icon.ps-after:after {content: ''; width: 100%; display: block; background-image: url(/fileadmin/logo/trenner-bau.svg); background-size: auto 40px; height: 42px; background-position: center 0px; z-index: 1; background-repeat: no-repeat; position: relative; bottom: 0}
.icon.ps-after:after {content: '';  width: 100%; display: block; max-width: 780px; margin: 0 auto; position: relative; top: 0px; z-index: 0;}

.swiper-container .swiper-slide .gallery-item {width: 100%; height: auto}
.swiper-container .container-outer {position: absolute; bottom: 30px ! important}
@media (min-width:1800px){.swiper-container .container-outer {bottom: 130px ! important}}
.hero-header{padding-left: 15px; position:absolute;top: auto ! important; bottom: 135px ! important; }
@media (max-width:991px){.hero-header{padding-left: 15px; position:absolute;bottom:105px ! important; top: auto ! important;}}
.page__header-wrap {padding-left: 15px ! important; padding-right: 15px ! important}
@media (max-width:767px){.scroll-elements ul {background: rgb(75, 75, 75, 0.8) ! important;border-top: none ! important; border-radius: 8px ! important; padding: 10px 10px 10px 10px ! important;  -webkit-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.10); box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.10);}}
@media (min-width:768px){.page__header-wrap .container {background: rgb(75, 75, 75, 0.8) ! important;border-top: none ! important; border-radius: 8px ! important; padding: 3px 10px 10px 10px ! important;  -webkit-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.10); box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.10);}}
.noscrollnav .page__header-wrap .container {background: none ! important;-webkit-box-shadow: none; box-shadow: none}
.page__header-wrap {position: absolute; bottom: 60px; }
.sticky-top {position:absolute ! important;top: auto;left: 0; right: 0;bottom:75px ! important;z-index:1 ! important}
@media (max-width:992px){.page__header-wrap {bottom: 20px}.sticky-top {bottom:75px ! important;}}
@media (max-width:767px){.page__header-wrap {bottom: 20px ! important}.sticky-top {bottom:150px ! important; padding-left: 0;}
.swiper-container .container-outer {position: absolute; bottom: 90px ! important}
.hero-header{padding-left: 15px; position:absolute;top: auto ! important; bottom: 185px ! important; }
}
.swiper-button-next {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ab2524'%2F%3E%3C%2Fsvg%3E") ! important;}
.swiper-button-prev {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ab2524'%2F%3E%3C%2Fsvg%3E") ! important;}

@media (max-width:575px){
.swiper-container .container-outer {bottom: 70px ! important}
}
.swiper-container.swiper-slider  .swiper-slide{min-height: 280px ! important;}
.swiper-container.swiper-slider .swiper-slide .gallery-row, .swiper-container.swiper-slider .swiper-slide .gallery-row .gallery-item {padding: 0 ! important; margin: 0 ! important}


.swiper-slider .alert{max-width:580px}.swiper-slider .container-outer{position:absolute;bottom:0;left:0,right: 0;width:100%}.swiper-slider .container{position:relative;bottom:0;margin:0 auto!important}

.top-link {position:fixed;bottom:20px;right:20px;left:auto;z-index:1030; color: rgba(75, 75, 75, 0.0); background: rgba(255,255,255, 0.0); width: 43px; padding: 5px 0; display: block; text-align: center; border-radius: 6px ! important}
#stuck .top-link {color: rgba(75, 75, 75, 1.0); background: rgba(255,255,255,0.6); -webkit-box-shadow: 0px 2px 5px 1px rgba(112,112,112,0.20); box-shadow: 0px 2px 5px 1px rgba(112,112,112,0.20);}

body .header-top .container-fluid .layout .slider-container .center-slider .slider-item .card {background-color: rgba(75, 75, 75, 0.2) ! important;}
.center-slider .slider-content-item.slider-content-text .alert {margin: 0 auto ! important;}
@media (max-width: 991.98px)  {.meta-header {background: rgba(75, 75, 75, 1) ! important;}
}
@media (min-width:768px) and (max-width:991.98px) {.page__header ul {padding-left: 0 ! important}}
@media (min-width: 768px) {.center-slider .slider-content-item.slider-content-text .alert {max-width: 750px;}.center-slider .alert {padding-left: 10px}}
@media (min-width: 992px) {.center-slider .slider-content-item.slider-content-text .alert {max-width: 970px;}.center-slider .alert {padding-left: 12px}
.fixed-top, .meta-header {background: none ! important}
}
@media (min-width: 1200px) {.center-slider .slider-content-item.slider-content-text .alert {max-width: 1200px;}}


.navbar .dropdown-menu {min-width: 300px ! important;padding-top: 15px; padding-bottom: 15px}
.navbar .dropdown-menu .dropdown-menu {min-width: 280px ! important;padding-top: 15px; padding-bottom: 15px}
.navbar .dropdown-menu li {padding-left: 15px; padding-right: 15px}


.hero-box p, .center-slider .alert p, .sticky-top a, .header-top .swiper-container p {text-shadow: -2px 2px 30px #222;} /*.stuck .sticky-top a {text-shadow: none;} */

@media (max-width: 768px) {.stuck .fixed-top .navbar #logo  {position: relative; top: 0px !important;} .stuck .fixed-top .meta-navbar, .stuck .fixed-top .meta-header {display: none}}
@media (min-width: 992px) {
.meta-header {position: absolute; top: 10px} .meta-header ul {position: relative; z-index: 1}
.fixed-top .navbar #logo img {
  -webkit-transition:padding 0.2s ease;
  -moz-transition:padding 0.2s ease;
  -o-transition:padding 0.2s ease;
  transition:padding 0.2s ease;
}
#stuck .fixed-top .navbar #logo img  {
  height: 60px;
  padding-top: 0.2em !important;
  padding-bottom: 0.2em !important;
}
#stuck .fixed-top .navbar #logo img, #stuck .navbar ul > li.first-level > a, #stuck .navbar ul > li.first-level {
  -webkit-transition:padding 0.2s linear;
  -moz-transition:padding 0.2s linear;
  -o-transition:padding 0.2s linear;
  transition:padding 0.2s linear;
}

#stuck .fixed-top .meta-navbar {display: none}

  #stuck .navbar ul > li.first-level {margin-left: 10px;}
  #stuck .navbar ul > li.first-level > a {
    padding-top: 40px;
    padding-bottom: 30px;
  }
/*.stuck .sticky-top {
   padding-top: 2px !important; max-height: 70px ! important; min-height: 70px ! important;
   padding-bottom: 0px !important;
}*/
}

.navbar-light .navbar-toggler:focus{outline:1px dashed transparent;box-shadow:0 0 8px transparent!important}

/* Multi level begin */

@media (min-width: 992px){
	.dropdown-menu .dropdown-toggle:after{
		border-top: .3em solid transparent;
	    border-right: 0;
	    border-bottom: .3em solid transparent;
	    border-left: .3em solid;
	}
	.dropdown-menu .dropdown-menu{
		margin-left:0; margin-right: 0;
	}
	.dropdown-menu li{
		position: relative;
	}
	.nav-item .submenu{
		display: none;
		position: absolute;
		left:100%; top:-2px;
	}
	.nav-item .submenu-left{
		right:100%; left:auto;
	}
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{
		display: block;
	}
}
/* Multi level end */

.cm-klaro h1 {font-size: 1.5rem ! important; color: #fff ! important} .cm-klaro .slider.round {border-radius: 5px ! important} .cm-klaro button {border-radius: 4px ! important; background-color: #ab2524 ! important}
.cm-powered-by * {font-size: 0.75 ! important}
.cookie-notice {} .cookie-notice p {color: #000 ! important} .cookie-notice span strong {color: rgba(0,82,130) ! important; font-weight: 400 ! important} .cm-btn-success, .cm-btn-danger {border-radius: 4px ! important;}
.cm-btn-danger {border-radius: 4px ! important;} .cn-learn-more {color: rgba(0,82,130) ! important}
.cm-btn-success {border-radius: 4px ! important; background: rgba(0,82,130) ! important}
.cookie-notice {background: #fff ! important}
/* klaro end */

.c-gridgallery_gallery {max-width: 2000px ! important; margin: 0 auto}


body .feature.feature-21a {background: #E8E8E8; margin-top: 80px;  padding-top: 50px; padding-bottom: 70px}
@media (min-width: 992px) {body .feature.feature-21a {background: #E8E8E8; margin-top: 80px;  padding-top: 140px; padding-bottom: 90px}}
@media (min-width: 1200px) {body .feature.feature-21a {background: #E8E8E8; margin-top: 80px;  padding-top: 160px; padding-bottom: 100px}}

/* Wieso zerschiest diese Zeile die Navigation auf dem Smartphone Ergibt einfach keinen Sinn */
@media (min-width:768px){body .feature.feature-21a .col-lg-6 .c-header {position: absolute; left: 15px ! important; right: auto; width: 100%; margin: 0 auto; text-align: left; top: -65px;}}


#accordion .acc-header span {text-decoration: underline;cursor: pointer}

#background-video {position: relative ! important}
#video-overlay:before {content: ''; background: #ccc ! important; display: block; height: 50px; width: 100% ! important; position: absolute; bottom: 0px; z-index: 99999}

.c-youtubevideo_pi1 .youtubeVideo figure {padding-bottom: 0 ! important; margin-bottom: 0 ! important}
#background-video, .youtubeVideo {position: relative ! important}


.c-youtubevideo_pi1 iframe{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
/* .youtubeVideo .videoWrapper:before {position: absolute; height: 100%; width: 100%; content: ''; z-index: 1; background: rgba(0,0,0,0.01)} */

/* Card Groups Start */
#blog-1 .card-group-element-item .card {padding-bottom: 100px ! important}
#blog-1 .card-group-element-item .card:before {content: ''; position: absolute; width: 100%; height: 100px; background-position: center;background-repeat: no-repeat;}
#blog-1 .card-group-element-item:nth-of-type(1) .card:before {background-image: url(/fileadmin/logo/svg/Logo_Eggersmann_Planen_Bauen_Betreiben.svg); background-size: auto 70px;bottom: 1px;}
#blog-1 .card-group-element-item:nth-of-type(2) .card:before {background-image: url(/fileadmin/logo/svg/Logo_eggersmann-recycling.svg); background-size: auto 70px;bottom: 1px;}
#blog-1 .card-group-element-item:nth-of-type(3) .card:before {background-image: url(/fileadmin/logo/svg/Logo_kompotec.svg); background-size: auto 70px;bottom: -5px;}
#blog-1 .card {position: relative}
#blog-1 .card-body {position: absolute; top: 0; background: #fff; width: 100%; padding: 0; border-top-left-radius: 6px ! important; border-top-right-radius: 6px ! important}
#blog-1 .card-body .card-title {padding: 6px 15px 8px 15px;}
#blog-1 .card-body * {text-align: center; font-size: 1.25rem}
#blog-1 .card-group-element-item .gallery-row figure:before {content:''; width: 65%; position:absolute; bottom: 16px;}
#blog-1 .card-group-element-item .gallery-row figure:after {content:''; border-bottom: 6px solid #adcc49; width: 35%; position:absolute; bottom: 16px; right: 0}
#blog-1 .card-group-element-item:nth-of-type(1) .gallery-row figure:before {border-bottom: 6px solid #d41c1b;} #blog-1 .card-group-element-item:nth-of-type(1) .gallery-row figure:after {border-bottom: 6px solid #adcc49;}
#blog-1 .card-group-element-item:nth-of-type(2) .gallery-row figure:before {border-bottom: 6px solid #0a5481;} #blog-1 .card-group-element-item:nth-of-type(2) .gallery-row figure:after {border-bottom: 6px solid #adcc49;}
#blog-1 .card-group-element-item:nth-of-type(3) .gallery-row figure:before {border-bottom: 6px solid #2ca86c;} #blog-1 .card-group-element-item:nth-of-type(3) .gallery-row figure:after {border-bottom: 6px solid #adcc49;}
/* Card Groups Start End */
@media (min-width: 1200px) {body .feature.feature-1 .col-lg-9, body .feature.feature-3 .col-lg-9 {padding-right: 80px;}}
.card-group-element-item, .card-group-element-item .card, .card-group-element-columns-3 .card-group-element-item, .card-group-element-columns-3 .card-group-element-item .card {padding-top: 0 ! important; margin-top: 0 ! important}
.maincontent .col-lg-3 .btn {border-radius: 4px ! important; display: block ! important; margin-left: -15px; margin-right: -15px; margin-top: 15px}
body .feature.feature-1 .col-lg-3 .textpic.textpic-above, body .feature.feature-3 .col-lg-3 .textpic.textpic-above, #kesearch_results .card, .card-group-element-item .card
{padding-top: 30px; padding-bottom: 30px; border: 1px solid #eee; -webkit-box-shadow: 0px 2px 5px 1px rgba(112,112,112,0.20); box-shadow: 0px 2px 5px 1px rgba(112,112,112,0.20);border-radius: 8px ! important}
#kesearch_results .card * {text-align: center} #kesearch_results  h4 {margin-bottom: -24px; padding-bottom: 0 ! important}
#kesearch_results .card {padding-bottom: 0px ! important; margin-bottom: 0 ! important}#kesearch_results .card .card-body {padding-bottom: 0px ! important; margin-bottom: -18px ! important}
.card-group-element .card-group-element-item .card {border: 1px solid #eee; border-radius: 8px ! important; }
.card-group-element-item .card img {border-top-left-radius: 8px ! important; border-top-right-radius: 8px ! important; }
.fullw .c-card_group {margin: -15px ! important; padding-left: 28px}
body .feature.feature-1 .col-lg-3 img, body .feature.feature-3 .col-lg-3 img, body .feature.feature-21b .card img, #kesearch_results .card .card-img-top {border-radius: 50% ! important; margin-top: 35px; max-width: 240px; height: auto; text-align: center; display: block; margin-left: auto; margin-right: auto;}
@media (min-width: 992px) {body .feature.feature-21b h2 {margin-bottom: -3px;}}
body .feature.feature-21b .c-text {max-width: 780px} .copytext {line-height: 1.4; font-weight: 400 ! important; padding-right: 50px;}
body .feature.feature-21b .card-group-element .card {border: 1px solid #eee; -webkit-box-shadow: 0px 2px 5px 1px rgba(112,112,112,0.20); box-shadow: 0px 2px 5px 1px rgba(112,112,112,0.20); padding-top: 20px}
body .feature.feature-21b .card-group-element .card h3 {font-size: 1.125rem; text-align: center; margin-bottom: 0; font-weight: 600; color: #333 ! important}
body .feature.feature-1, body .feature.feature-3 {padding-top: 0px} body .feature.feature-6 {margin-bottom: 50px}
.feature-6 .c-image figure{padding-top: 45px; margin: 0 auto ! important; display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
body .feature.feature-19, body .feature.feature-7b h2 {color: #fff ! important}
body .feature.feature-19, body .feature.feature-7b {background-color: #ab2524 ! important; /* background-image: url('https://cogtail.webseiten.cc/fileadmin/media/images/bg-egger.jpg'); */ padding-top: 110px; padding-bottom: 100px; background-repeat: no-repeat}
body .feature.feature-7b .copytext {color: #fff ! important}
@media (min-width: 992px) {body .feature.feature-19, body .feature.feature-7b {padding-top: 160px; padding-bottom: 140px;}}
@media (min-width: 1200px) {body .feature.feature-19, body .feature.feature-7b {padding-top: 230px; padding-bottom: 210px;}}
body .feature.feature-19 .col-lg-7 *, body .feature.feature-7b .col-lg-7 * {color: #fff;}
@media (min-width: 1200px) {body .feature.feature-19 .slider-container, body .feature.feature-7b .slider-container {padding-right: 50px; margin-top: 10px}}
.feature.feature-7b .col-lg-5 .c-text p {color: #fff; font-size: 1rem; text-align: left; padding-left: 20px} .feature.feature-7b .col-lg-5 .c-text a {color: #accb49}
body .feature.feature-19 .slider-item .card, body .feature.feature-7b .slider-item .card, .slider-container .card {border-radius: 8px ! important}
body .feature.feature-19 .layout ul li:before, body .feature.feature-7b .layout ul li:before {top: -1px; position: relative; content: "\e902"; color: #accb49;}


body {overflow-x: visible ! important;}

.page__header ul{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.page__header ul{max-width:540px}}@media (min-width:768px){.page__header ul{max-width:720px}}@media (min-width:992px){.page__header ul{max-width:960px}}@media (min-width:1200px){.page__header ul{max-width:1200px ! important}}

@media screen and (min-width: 800px) {
 .page__header ul {
   float: right;
 }
}
@media screen and (max-width: 799px) {
 .page__header ul {
   text-align: center;
 }
}

.page__header ul__list {
 margin: 0 auto;
 padding: 0;
 list-style-type: none;
}
.page__header ul__list:after {
 content: "";
 display: table;
 clear: both;
}
@media screen and (max-width: 799px) {
 .page__header ul__list {
   display: inline-block;
 }
}

.page__header ul__item {
 margin-bottom: 5px;
 float: left;
 margin-right: 15px;
 border-bottom: 1px solid transparent;
}

.page__header ul__item--active {
 font-weight: 600;
 /* border-bottom: none ! important; */
 border-bottom-color: rgba(255,255,255,0.0) ! important;
}
.page__header ul__item--active a {color: #accb49 ! important;display: inline-block ! important}


.page__header ul__link {
 color: white;
 text-decoration: none;
}

/* Uploads */
body .feature .c-uploads input, body .feature .c-uploads select {height: 40px ! important}
.c-uploads select {padding-left: 5px} .c-uploads form {margin-left: 8px}
.c-uploads select {width: 39%;margin-right: 2%; border: 1px solid #ddd; font-weight: 400 ! important; font-size: 1rem ! important}
.c-uploads select, .c-uploads input {font-family: "Noto Sans", sans-serif !important; font-weight: 500; cursor: pointer;}
body .feature .c-uploads input {margin: 0 ! important;border: none; padding-top: 1px; background: rgb(75, 75, 75);}
body .feature .c-uploads input, body .feature .c-uploads select {border-radius: 4px ! important;}
.c-uploads form input {-moz-appearance: none;  -webkit-appearance: none;  appearance: none;  color: #fff ! important;}
.c-uploads form input[type="submit"] {width: 39%;font-weight: 400 ! important; font-size: 1rem ! important; padding-left: 15px; padding-right: 15px}
.c-uploads img {border-top-left-radius: 5px ! important; border-top-right-radius: 5px ! important;}
.c-uploads {display:-webkit-box;display:-ms-flexbox;display:flex; display: flex;  flex-direction: column;background: #fff; border-radius: 5px ! important; padding-bottom: 30px;
box-shadow: 0 8px 10px 0 rgba(103, 151, 255, .03), 0px 0px 10px 0 rgba(103, 151, 255, 0.03)}
.c-uploads header, .c-uploads p {padding-left: 15px; padding-right: 15px} .c-uploads form {padding-left: 8px;}
.c-uploads img { order: 1 ! important; margin-bottom: 20px}
.c-uploads header { order: 2 ! important;}
.c-uploads p { order: 3 ! important;}
.c-uploads form { order: 4 ! important;}

/* Coaching Kurse  */
.not-logged-in {margin: 0 auto; text-align: center}
.btn.no-link {cursor: default ! important}.btn.no-link, .btn.no-link:hover {background-color: #999 ! important; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.15) ! important;}
.feature form fieldset input[type="submit"] { border-radius: 6px ! important; border: 1px solid transparent}
/* Social Icons */
.icon-linkedin, .icon-youtube, .icon-facebook, .icon-instagram {}
.page__header-wrap .container ul {position: relative; right: 16px}
.page__header-wrap .container ul li {position: relative; z-index: 2;background: #ab2524; display: inline-block; height: 30px; padding: 2px 0px 0px 9px; border-radius: 3px ! important; -webkit-box-shadow: 0px 2px 5px 1px rgba(112,112,112,0.20); box-shadow: 0px 2px 5px 1px rgba(112,112,112,0.20); top: 11px}
/* Fullscreen */
#hero.reduced-height{min-height:280px;-webkit-height:50vh;-moz-height:50vh;-ms-height:50vh;-o-height:50vh;height:50vh}
@media screen and (min-width:769px){#hero.reduced-height{-webkit-height:50vh;-moz-height:50vh;-ms-height:50vh;-o-height:50vh;height:50vh}}
.header-top {position: relative}.swiper-container {z-index: 0 ! important;}
.page__header-wrap {bottom: 60px; left: 0; right: 0; width: 100%; max-width: 1200px; margin: 0 auto; padding-top: 9px}
.page__header-wrap p, .page__header-wrap ul {text-align: right; color: #fff;} .page__header-wrap ul li, .sticky-top ul li {display: inline; margin-left: 18px} .page__header-wrap ul li a i {color: #fff ! important}
.toc-list {margin: 0 auto ! important}
.sticky-top {margin: 0 auto; max-width: 1200px; padding-left: 0 ! important}
@media (min-width:576px){.sticky-top{max-width:540px}}@media (min-width:768px){.sticky-top{max-width:720px}}@media (min-width:992px){.sticky-top{max-width:960px}}@media (min-width:1200px){.sticky-top{max-width:1200px}}

 .toc-list {padding-left: 15px ! important}

ul.menu-scoll-nav, .toc-list li {display: inline; padding-right: 25px ! important} .scroll-navi .toc-list li a:hover, .scroll-elements a:hover {color: #accb49 ! important} .toc-list li a {font-size: 1rem}
.scroll-elements {margin-left: 17px}
.scroll-elements a:visited {color: #fff }
.scroll-elements ul li {margin-left: 0; padding-right: 25px}
 .scroll-elements ul {padding-left: 20px ! important; display: inline-block} @media (max-width:575px){.scroll-elements ul {max-width: 300px}}
@media (max-width:991px){
.dropdown-item:hover {background-color: rgb(172,203,73) ! important}
.hero-header .hero-box p, .header-top .swiper-container .swiper-slide p{font-size: 2.25rem; line-height: 1.4; font-weight: bold}.center-slider .slider-content-item.slider-content-text .alert p, , .swiper-container .swiper-slide p {font-size: 2.25rem; line-height: 1.4; font-weight: bold}
}



@media (max-width:575px){.hero-header{}.hero-header .hero-box p, .center-slider  .alert p, .header-top .swiper-container .swiper-slide p{font-size: 1.875rem ! important;}
.col-lg-3 {margin-left: 15px ! important; margin-right: 15px} body .feature .col-lg-9 {margin-bottom: 40px}}
@media (min-width:992px){.hero-header{padding-left: 25px; position:absolute;}}
#hero .icon-angle-down{color:#fff;font-size:48px ! important; bottom:20px ! important}
@media (max-width:575px){
/* Die Navigation muss noch im sichtbaren Bereich für den IntersectionObserver sein */
#hero{min-height:240px}
#hero{min-height:340px;-webkit-height:60vh;-moz-height:60vh;-ms-height:60vh;-o-height:60vh;height:60vh}}

/* Fullwidth Gallery  */
/* .fullw {max-width: 1580px; margin: 0 auto} */
.feature.feature-31.fullw {margin-bottom: 40px}
.c-gridgallery_gallery header * {color: #000 ! important} .c-gridgallery_gallery header:before {content: 'Media'; color: #fff; font-size: 1.125rem; margin-bottom: 5px; display: block}
.c-gridgallery_gallery header {content: 'Media'; margin: 0 auto; display: block; padding-bottom: 20px}
.c-gridgallery_gallery .ce-gridgallery {position: relative}
.c-gridgallery_gallery {padding-top: 90px}
.c-gridgallery_gallery img {border: 0px solid #fff ! important}
.c-gridgallery_gallery {background: #fff}
.c-gridgallery_gallery header {width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.c-gridgallery_gallery header{max-width:540px}}@media (min-width:768px){.c-gridgallery_gallery header{max-width:720px}}@media (min-width:992px){.c-gridgallery_gallery header{max-width:960px}}@media (min-width:1200px){.c-gridgallery_gallery header{max-width:1200px}}

/* Card-Group */
.c-card_group, .card-group-element {background-color: #fff} .layout-primary.c-card_group h3 {color: #fff ! important}

/* Indexed Search */
.tx-indexedsearch-info {display: none ! important}
/* Meta Search */
.search-navigation #tx-kesearch-searchbox .form-group #ke_search_searchfield_submit{background-color:#ab2524!important;border-radius:4px;}
.icon-search:before {color: #fff ! important}
/* Searchbox inside Content */
#no-ke_search_sword {height: 40px ! important;}
/* Website-Search */
#blog-52 .card-img-left {display: none} #blog-52 fieldset {max-width: 780px} #blog-52 fieldset input {height: 40px;} #blog-52 fieldset .btn.input-lg {margin-left: 8px;}
/* Vertrieb national */
#blog-1088 #kesearch_results p:last-of-type {display: none ! important}
/* Vertrieb international  */
#blog-1098 h2 * {cursor: text ! important;} #blog-1098 h2 a:hover {color: inherit ! important}
#blog-1098 .card-img-top {display: none}

/* Product Search */
.ke-container .reset-butt.reset-filter .btn.btn-light {background-color: #eee ! important; padding-top: 7px; padding-bottom: 6px}
#ke-filters select {min-width: 300px ! important; background-color: #eee ! important; font-weight: 400 ! important; border-color: transparent ! important; height: 40px ! important; box-shadow: none ! important}

#kesearch_results.card-group-element-columns-2 .card-img-top {padding: 15px ! important}
.ke-container.productcontainer form .ke-row.row .ke-filter, .ke-container.productcontainer form .ke-row.row .ke-filter #ke-filters select{margin-left: 0px ! important; margin-right: 0px ! important; padding: 0 ! important}
.ke-container.productcontainer form .ke-row.row .ke-filter #ke-filters select{margin-left: 0.1% ! important; margin-right: 0.1% ! important; text-align-last:center; text-align: center ! important}
.ke-container.productcontainer form .ke-row.row .ke-filter .input-group-lg {width: 49.8% ! important;}
@media (min-width: 768px) and (max-width: 992px) {
#kesearch_results.card-group-element-columns-2 .card-img-top {width: 35%}
#kesearch_results.card-group-element-columns-2 .card-body {width: 65%}
}
#kesearch_results {margin-bottom: 30px ! important}
/* Tabs */
.download-tab picture {float: left; width: 25% ! important; -webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.75);. -moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.75);. box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.75)}
.referenzen-tab picture {float: left; width: 33% ! important; padding-top: 2px}.referenzen-tab figcaption {float: left; width: 67% ! important; padding-left: 20px}
.download-tab figcaption {float: left; width: 75% ! important; padding-left: 20px}
.download-tab .tab-btn, .referenzen-tab .tab-btn {background: #ab2524; color: #fff; display: inline-block; padding: 6px 18px}
.tab-pane-img-title {text-transform: uppercase; font-weight: bold; padding-bottom: 12px}
@media (min-width: 992px) {.download-tab figcaption, .referenzen-tab figcaption {padding-left: 50px ! important}}
.tab-pane-alt {color: #555; margin-bottom: 18px}
/* Unbedingt noch im Theme korrigieren */

@media (min-width: 1200px) {
 .container, .isotope .grid {
   max-width: 1200px;
 }
}
@media (min-width: 1200px) {
 .header-bg .container {
   width: 100%;
   max-width: 1200px;
 }
}

.nav-tabs.tab-navigation, #c35 {position: relative ! important}






















/* Nav-Tabs */

.tab-pane.show.in {
 display: block !important;
}
.tab-pane-content {
 display: flex;
 margin-top: 15px;
 flex-wrap: wrap;
 margin-left: -20px;
 margin-right: -20px;
}
.tab-pane-content-item {
 flex-grow: 1;
 order: 1;
 padding-left: 20px;
 padding-right: 20px;
 width: 100%;
}
.tab-pane-content-text *:last-child {
 margin-bottom: 0;
}
@media (min-width: 768px) {
 .tab-pane-content-right .tab-pane-content-item,
 .tab-pane-content-left .tab-pane-content-item {
   width: 50%;
 }
 .tab-pane-content-right .tab-pane-content-item *:last-child,
 .tab-pane-content-left .tab-pane-content-item *:last-child {
   margin-bottom: 0;
 }
}
.tab-pane-content-top .tab-pane-content-media,
.tab-pane-content-left .tab-pane-content-media {
 margin-bottom: 40px;
}
.tab-pane-content-top .tab-pane-content-media {
 margin-bottom: 40px; order: 0;
}
@media (min-width: 768px) {
 .tab-pane-content-left .tab-pane-content-media {
   margin-bottom: 0;
 }
}
.tab-pane-content-bottom .tab-pane-content-media,
.tab-pane-content-right .tab-pane-content-media {
 order: 2 ! important;
 margin-top: 0px;
}
.tab-pane-content-left .tab-pane-content-media {
 order: 0 ! important;
 margin-top: 10px;
}
@media (min-width: 768px) {
 .tab-pane-content-right .tab-pane-content-media {
   margin-top: 10px;
 }
}














/* nav tabs content position end */

.slider-container {
 position: relative;
}
[data-controls] {
 border: 0;
 padding: 0;
 font-size: 1.875rem;
 position: absolute;
 top: 50%;
 -webkit-transform: translatey(-50%);
         transform: translatey(-50%);
 z-index: 1;
 background: transparent;
}
.prev, .next {background: #ab2524 ! important;}
[data-controls="prev"] {
 left: 10px;
}
[data-controls="next"] {
 right: 12px;
}
.header-top .tns-controls button i {color: rgba(172,203,73,0.15) ! important;} .header-top .tns-controls button i:hover {color: rgba(172,203,73,0.9) ! important;}
.header-top .tns-controls button i {font-size: 1.875rem}

.center-slider .slider-item .gallery-row .gallery-item {padding: 0}
.center-slider .slider-content-item {position: absolute; top: auto; bottom: 0; z-index: 2}
.center-slider {width: 100%; height: auto;}
.slider-content .slider-pane .slider-pane-content .slider-content-item {width: 100%; height: auto; padding: 15px 15px 0px 15px;}
.center-slider .slider-content .slider-pane .slider-pane-content .slider-content-item {/* background: rgba(255,255,255,0.5) ! important; */ width: 100%; height: auto;}
.center-slider img {
width: 100%; height: auto; max-height: 2640px; object-fit: cover; /* cover sorgt dafuer dass das Bild auch bei geringerer max-height nicht verzerrt wird */
}
.center-slider .card .slider-content .slider-pane .slider-pane-content .slider-pane-content-item .gallery-row {margin: 0 ! important}


.slider-item {
 padding: 0;
 position: relative;
}

.slider-container .card {
 margin: 0 auto;
 max-width: 4300px;
}
body .feature  .slider-container .card,
body .feature  .slider-container .gallery-item.gallery-item-size-1 * {border-top-left-radius: 8px ! important; border-top-right-radius: 8px ! important}

/* Tiny Slider End */
/* Login */
.c-felogin_login input[type="text"], .c-felogin_login input[type="password"] {font: 1.4em/1.5em arial, sans-serif;border: 1px solid #eee; border-radius: 4px ! important; background : #fff; min-width: 300px ! important}
.c-felogin_login input[type="submit"] {margin-top: 12px;padding: 10px 25px 9px 25px; color: #fff ! important; border: 1px solid #eee; border-radius: 4px ! important; background :  rgb(75, 75, 75); }
.c-felogin_login form fieldset label {display: inline-block;width: 200px ! important} legend {display: none}

/*  Grid Gallery */

.cssvid:after {position: absolute; font-family: 'icomoon'; content: '\f16a'; top: 50%; left: 50%; right: 0; transform: translate(-5%, -50%); color: #fff; font-size: 2.125rem; filter: drop-shadow(0 0 15px #ab2524);}


.nav-tabs.tab-navigation {position: relative ! important}
.nav-tabs li a {height: 90px ! important; width: 135px ! important}

.nav-tabs:before {border-bottom: 1px solid #ccc; position: absolute; content: ' '; display: block; width: 100%; top: 115px ! important /* .nav-tabs li a height plus 24px line height + 1px for IE */}
 .nav-tabs li {
   text-align: center;
   float: left; padding-left: 0 ! important; padding-bottom: 40px;
   font-size: 0.875rem; }
 .nav-tabs li a {
   border: none;
   border-radius: 0 !important;
   width: 108px;
   color: #a4adad !important; }
 .nav-tabs li a i {
   font-size: 2.5rem;
   display: block; }
.nav-tabs i {color: #fff ! important;}
.nav-tabs .nav-link {border: 4px solid transparent;}
.nav-tabs .nav-link.active {color: #fff ! important;
 position: relative;
 background: #ab2524;
 border: 4px solid #ab2524;
}
.nav-tabs a.nav-link.active:after, .nav-tabs a.nav-link.active:before {
 top: 100%;
 left: 50%;
 border: solid transparent;
 content: " ";
 height: 0;
 width: 0;
 position: absolute;
 pointer-events: none;
}

.nav-tabs a.nav-link.active:after {
 border-color: rgba(75, 75, 75, 0);
 border-top-color: #ab2524;
 border-width: 20px;
 margin-left: -20px;
}
.nav-tabs a.nav-link.active:before {
 border-color: rgba(75, 75, 75, 0);
 border-top-color: #ab2524;
 border-width: 20px;
 margin-left: -20px;
}


.icon-attach:before {
 content: '';
 width: 40px;
 height: 40px;
 display: inline-block;
 background-image: url("/fileadmin/template/website/css/bigmug-line/attach-interface-symbol-of-rotated-paperclip_icon-grau.svg") ! important;
 background-repeat: no-repeat;
 background-position: center center; }

.icon-attach:hover:before, li.active .icon-attach:before {
 background-image: url("/fileadmin/template/website/css/bigmug-line/attach-interface-symbol-of-rotated-paperclip_icon-weiss.svg"); }

.icon-images:before {
 content: '';
 width: 40px;
 height: 40px;
 display: inline-block;
 background-image: url("/fileadmin/template/website/css/bigmug-line/images-square-outlined-interface-button-symbol_icon-grau.svg") ! important;
 background-repeat: no-repeat;
 background-position: center center; }

.icon-images:hover:before, li.active .icon-images:before {
 background-image: url("/fileadmin/template/website/css/bigmug-line/images-square-outlined-interface-button-symbol_icon-weisss.svg"); }

.icon-download:before {
 content: '';
 width: 40px;
 height: 40px;
 display: inline-block;
 background-image: url("/fileadmin/template/website/css/bigmug-line/download-down-arrow-symbol_icon-grau.svg") ! important;
 background-repeat: no-repeat;
 background-position: center center; }

.icon-download:hover:before, li.active .icon-download:before {
 background-image: url("/fileadmin/template/website/css/bigmug-line/download-down-arrow-symbol_icon-weiss.svg"); }

.icon-play:before {
 content: '';
 width: 40px;
 height: 40px;
 display: inline-block;
 background-image: url("/fileadmin/template/website/css/bigmug-line/play-triangle-outline_icon-weiss.svg") ! important;
 background-repeat: no-repeat;
 background-position: center center; }

.icon-play:hover:before, li.active .icon-play:before {
 background-image: url("/fileadmin/template/website/css/bigmug-line/play-triangle-outline_icon-weiss.svg"); }


/* Basics */
h1, h2, h3, h4 {color: #ab2524 ! important}
body h1, body h1 strong, body h1 span, body h1 a, h1 + h2, .hero-box p, .center-slider .alert p, .header-top .swiper-container .swiper-slide p {font-family: "Noto Sans", sans-serif !important; font-weight: 500;}
/* Meta Search */
.search-navigation {top: 2px ! important} .search-navigation a:after {display: none}

/* Sections */
.feature-1 .container .row .col-lg-9 h1 {margin-top: -20px ! important; }
body .feature.feature-1 {padding-top: 0px; padding-bottom: 20px}
/* Start */
body .feature.feature-6 {background: none ! important; padding-bottom: 80px ! important}
@media (max-width:991px){
.feature.feature-6 .container {margin-top: 30px ! important; }
body .feature.feature-6 {padding-bottom: 30px ! important}}

/* Image with Capption inside boxes end */

/* Suche */
@media (-webkit-min-device-pixel-ratio:0){select{-webkit-appearance:none;background-image:url(../Icons/selectbox_icon.jpg)!important;background-position:right 0px center ! important;background-repeat:no-repeat ! important;padding-right:20px}}

/*************************************************************

INDIVIDUELLE ANPASSUNGEN BITTE AUSSCHLIESSLICH im CHILD THEME

**************************************************************/

.aufklapper .card-header button {color: #191c23;}

.pagebrowse-wrap * {color: #fff ! important} .pagebrowse-wrap a:hover {color: #fcfcfc ! important}
.pagebrowse-wrap{border:0px solid #5abc55; border-radius: 1px ! important; max-width:540px;
-moz-box-shadow:rgba(0,0,0,.15) 0 0 20px 0;
background: #ab2524; margin:0 auto;padding:16px 12px 10px 12px;margin-bottom:55px;margin-top:35px}
.blog .pagebrowse-wrap{border:none;border-top:1px solid #ddd;max-width:540px;margin:0 auto;padding:15px 12px 5px 12px ! important;margin-top:20px ! important;margin-bottom:0!important}
.blog-detail .post-content {padding-bottom: 30px}
@media (max-width: 575px) {.pagebrowse-wrap {margin-left: 15px ! important; margin-right: 15px ! important;}.blog .pagebrowse-wrap {margin-left: 0px ! important; margin-right: 0px ! important;}}

#c434.stacked-4 .gallery-item:last-of-type { top: -10px;}
#c429.stacked-4 .gallery-item:last-of-type { bottom: -20px;top: auto}
@media (max-width: 767px) {#c429.stacked-4 .gallery-item {padding-bottom: 30px}}
.cogtail-sidebar .list.list-unstyled li:before, .blogwidgetlist--recentposts li:before {position: absolute; color: rgba(255,135,0,1);margin-left: -25px ! important; font-size: 1.125rem; top: 2px;
 content: "\e916" ;font-family: 'icomoon'; margin-top: -2px} .cogtail-sidebar .list.list-unstyled, .blogwidgetlist--recentposts {margin-left: 25px; padding-right: 8px}
.cogtail-sidebar .list.list-unstyled li:hover:before, .cogtail-sidebar li a:hover, .blogwidgetlist--recentposts li:hover:before, .blogwidgetlist--recentposts li a span:hover {color: rgba(255,135,0,1) ! important}
.cogtail-sidebar .list.list-unstyled li a, .blogwidgetlist--recentposts li a.blogwidgetlist__itemlink span {font-style: normal ! important; color: #585858}


.blogdetail p time.entry-date {font-weight: 400 ! important; font-size: 1.125rem; font-family: "Lato", sans-serif ! important;}
.blogdetail .detail-date span {color: #999 ! important; font-size: 1rem}
.main-headline-blog {max-width: 680px ! important}
.cogtail-sidebar .tags {margin-top: 9px}
@media screen and (min-width: 40em) {.weblog h1, .weblog h1 a {font-size: 1.875rem;}}
@media screen and (min-width: 64em) {.weblog h1, .weblog h1 a {font-size: 2.25rem;}}
.weblog .feature h2 a {color: #191c23}
.label.label-default.label-tag,.label-default span, .label-default.label-category, time {font-weight: 700 ! important;}
.label-default i {color: #fff ! important; font-size: 0.875rem} .post-cats a, .post-tags a {margin-left: 0 ! important; margin-right: 5px ! important}
.icongroup h4, input[type=text] {color: #191c23 ! important; font-weight: 400 ! important}

.col-lg-4 img {border-radius:3px!important; box-shadow: 0 8px 10px 0 rgba(103, 151, 255, .03), 0px 0px 10px 0 rgba(103, 151, 255, 0.03)}
.feature .btn, .header-top .btn, .feature input[type=submit], #mc_embed_signup .button, .weblog .label.label-default, .pagination li.active  {border-radius: 2px ! important;box-shadow: 0 8px 10px 0 rgba(103, 151, 255, .03), 0px 0px 10px 0 rgba(103, 151, 255, 0.03);} .card .btn {border-radius: 4px ! important}
.feature .btn.btn-split {background: #ab2524}
body .btn:visited {background: #ab2524 ! important}
body .btn:hover  {background: #555 ! important}
/* Header */
.header-bg .fixed-top .navbar {border-color: #ab2524 ! important; }
/* META-HEADER u. NAVBAR Anpassungen */
#logo {position: relative; top: -7px}
body .navbar.navbar-light div.container .collapse.navbar-collapse ul.navbar-nav.ml-auto li#menu13.nav-item.dropdown.first-level.active ul li.dropdown-item.active {background: rgb(75, 75, 75)}
@media (min-width:768px){#logo {position: relative; top: 0px} .sps.sps--abv #logo {position: relative; top: -4px}}
.lang-nav ul {background: #fff ! important}
.meta-header ul.ml-auto > li a, .lang-nav a {color: #fff}.lang-nav ul a {color: #fff; padding-right: 11px}
.icon-envelope-o:before {content: "\f10e"; color: #f49700 ! important}
@media (max-width:767px){.meta-header ul li .meta-link{display:inline}}
.meta-header a  {margin-left: 15px;}
@media (min-width: 992px) {.navbar ul > li.first-level {margin-left: 15px;}
  .navbar ul > li.first-level > a {
    padding-top: 60px;
    padding-bottom: 30px;
  }
}
.navbar-light .navbar-nav .nav-link, .meta-header a span.meta-link {letter-spacing: 1px; text-transform: normal}
/* META-HEADER Anpassungen End */

.background-element-inner.pdmedium.postop-center h1, #hero h1 {margin-bottom: 12px ! important; font-weight: 300 ! important}
.navbar .dropdown-menu > li > a { display: block; /* block vielleicht nicht notwendig */  /* umbruch  white-space: nowrap; */ min-width: 220px}

.tx-indexedsearch-searchbox-button.form-control.btn {max-width: 125px}

/*************************************************************

Navbar

**************************************************************/
/* for active main item .navbar .dropdown.show a, .yamm li:active.first-level a {color: #0050a0 ! important;} */

@media(min-width: 768px) {.yamm .dropdown-menu.offc {margin-top: 0 !important;} }

/* needed for TOC table of contents
:target:before { content: ""; display: block; height: 130px; margin: -130px 0 0;}
html { scroll-behavior: smooth;}
*/

/* Projektbezogene Anpassungen */
#cookieNotice *, #cookieNotice {font-size: 0.875rem ! important; text-align: left ! important}
#cookieNotice {z-index: 1030 ! important;bottom: auto ! important; bottom: 20px ! important; left: auto ! important; right: 50px ! important; max-width: 400px; padding: 30px 30px ! important;
-moz-box-shadow:rgba(0,0,0,.15) 0 0 20px 0;-webkit-box-shadow:rgba(0,0,0,.15) 0 0 10px 0;box-shadow:rgba(0,0,0,.1) 0 0 10px 0; }
#cookieNotice span.confirm {display: block ! important; margin: 15px 10px 5px 0px ! important; text-align: center ! important; max-width: 100px; padding: 5px 12px 5px 12px ! important}

/* GDPR Icon */
.gdpr-icon .gallery-row {padding-left: 20px; padding-right: 20px; }
.gdpr-icon p {max-width: 200px;}
/* Footer */
.c-footer .textpic-left {border-bottom: 1px solid rgba(255,255,255,0.5); padding-bottom: 5px; margin-bottom: 15px}
@media (min-width:768px){.c-footer .textpic-left .textpic-gallery {width:25%}.c-footer .textpic-left .textpic-text{width:65%}}
.c-footer .c-footer-inner h2, .c-footer .c-footer-inner h2 * {color: #fff ! important; font-size: 1rem ! important; font-weight: 800 ! important}
.c-footer .h5 {font-size: 0.813rem ! important; padding-top:19px; }
.c-footer .c-footer-inner h2, .c-footer .c-footer-inner ul, .c-footer .c-footer-inner li {margin-left: 0 ! important; padding-left: 0 ! important}
.c-footer .c-footer-inner li:before {content: '' ! important; padding-left: 0 ! important}
.c-footer .c-footer-inner ul li a span:hover {color: #a1c6d6 ! important}
.c-footer-inner * {text-align: left ! important;}
@media (min-width: 768px) {
.c-footer * { -webkit-box-shadow: none! important; -moz-box-shadow: none! important; box-shadow: none! important}
.gdpr-icon .gallery-row {padding-left: 20px; padding-right: 20px; }
.gdpr-icon p {padding-left: 20px ! important; margin-top: 10px; display: inline-block ! important;} .gdpr-icon figure {display: inline-block ! important}}
@media (max-width: 767px) {.gdpr-icon figure {margin: 0 auto ! important}.gdpr-icon p {max-width: 200px; margin: 0 auto;}}

.c-footer-inner {padding-top: 55px; padding-bottom: 50px; margin-top: 60px}
.c-footer .gallery-item figure {max-width: 190px; height: auto; padding-bottom: 15px}
@media(min-width: 992px) {.c-footer-inner {padding-top: 65px; padding-bottom: 60px}
.c-footer  h2 a {font-size: 1rem; letter-spacing: 1px; text-transform: uppercase}}
@media (max-width: 575px) {
.c-footer .textpic-left {padding-bottom: 25px; margin-bottom: 30px}
.c-footer .c-footer-inner .container .row .col-lg-3 .layout.c-menu_subpages h2 {padding: 0 ! important; margin: 0 ! important}
.c-footer .c-footer-inner .container .row .col-lg-3  {padding-left: 0 ! important;}
}
body .c-footer-inner a:hover {color: #eee}

.container-no-fluid, .border-wrap {display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;  margin-right: 0px; margin-left: 0px;}
.border-wrap {margin-bottom: 20px}
.border-left, .border-right {position: relative;padding-right: 0px;padding-left: 0px;}
.border-left {-ms-flex: 0 0 62%; flex: 0 0 62%; max-width: 62%; width: 62%; height: 12px; background: #ab2524}
.border-right {-ms-flex: 0 0 38%; flex: 0 0 38%; max-width: 62%; width: 38%; height: 12px; background: rgb(172,203,73)}

/* Test */
.c-cogtail_fullscreen_image .hero-header p, .header-top .center-slider .alert p, .header-top .swiper-container .swiper-slide p {color: #fff ! important}
.center-slider .alert {padding-bottom: 186px}
@media (min-width:992px){
h1, .hero-header p, .center-slider .alert p {font-size: 4rem ! important; line-height: 1.1 ! important; color: #000 ! important; font-weight: bold ! important;}
.header-top .swiper-container .swiper-slide p {font-size: 4rem ! important; line-height: 1.1 ! important; font-weight: bold ! important;}
h1 + h2 {font-size: 2.875rem ! important; line-height: 1.1 ! important; color: #000 ! important; font-weight: bold ! important;; max-width: 680px}
 .center-slider .alert p { line-height: 1.1 ! important;}
.copytext {color: #000 ! important; display: inline-block; margin-top: 12px; } .copytext, .copytext a {font-size: 1.5rem ! important}
}
.header-bg, .header-bg .navbar {background: #ab2524 ! important}
@media (max-width: 767px) {.meta-header {background: #ab2524 ! important;}}
@media (min-width: 768px) {
.feature .textpic p, .feature .text p {color: #000 ! important}
.header-bg {margin-bottom: 116px;}}

 .header-bg, .header-bg .navbar .first-level > a {color: #fff ! important}
/* body .feature.feature-35, body .feature.feature-35 .layout, .feature-35 .card-group-element {background: #ab2524 ! important} .feature-35 .card-group-element .card-group-element-item .card {border-color: #ab2524 ! important; background: #2e70a5 ! important; box-shadow: 1px 2px 12px 1px rgba(0, 0, 0, 0.1);} */  .feature-35 * {color: #fff ! important}
/* hide footer lists mobile */
@media (max-width: 767px) {
.c-menu_subpages ul, .c-menu_pages ul, .gdpr-icon ul {display: none ! important}}

body .feature.feature-19 {background-color: #ab2524 ! important; background-image: url('https://cogtail.webseiten.cc/fileadmin/media/images/bg-egger.jpg'); padding-top: 230px; padding-bottom: 210px; background-repeat: no-repeat}
body .feature.feature-19 .col-lg-7 * {color: #fff;}
@media (min-width: 1200px) {body .feature.feature-19 .slider-container {padding-right: 50px; margin-top: 10px}}

body .feature.feature-19 .slider-item .card {border-radius: 8px ! important}
body .feature.feature-19 .layout ul li:before {content: "\f00c"; color: #accb49;}

/* .stuck .sticky-top {transition: all 0.25s ease-in;} */
.sticky-top a {color: #fff}
/* style for when sitcky is applied */
.sticky-top { display: flex;
   background-color: transparent !important;
   padding-top: 0px !important; max-height: 30px;
   padding-bottom: 0px !important;
}
.header-top .container {position: relative;}
.main-content {margin-top: 85px}
@media (max-width:991px){.main-content {margin-top: 65px}}
/*
.stuck .sticky-top {background-color: rgba(0,82,130, 0.9) !important;position:-webkit-sticky ! important; position: sticky ! important; top: 97px ! important; z-index: 2}
*/
@media (max-width:991px){
/*.stuck .meta-header {display: none} */
/*.stuck .sticky-top {top: 75px ! important;
   padding-top: 5px !important; max-height: 80px;
   padding-bottom: 0px !important;
}*/}
@media (max-width:575px){/* .stuck .sticky-top {padding-top: 7px !important; max-height: 120px; padding-bottom: 0px !important;} */}
.page__header ul{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.page__header ul{max-width:540px}}@media (min-width:768px){.page__header ul{max-width:720px}}@media (min-width:992px){.page__header ul{max-width:960px}}@media (min-width:1200px){.page__header ul{max-width:1200px}}

@media screen and (min-width: 800px) {
 .page__header ul {
   float: right;
 }
}
@media screen and (max-width: 799px) {
 .page__header ul {
   text-align: center;
 }
}

.page__header ul__list {
 margin: 0 auto;
 padding: 0;
 list-style-type: none;
}
.page__header ul__list:after {
 content: "";
 display: table;
 clear: both;
}
@media screen and (max-width: 799px) {
 .page__header ul__list {
   display: inline-block;
 }
}

.page__header ul__item {
 margin-bottom: 5px;
 float: left;
 margin-right: 15px;
 border-bottom: 1px solid transparent;
}

.page__header ul__item--active {
 font-weight: 600;
 border-bottom-color: white;
}

.page__header ul__link {
 font-weight: 400 ! important;
 color: white;
 text-decoration: none;
}

@media (max-width:575px){.page__header ul__link {font-size: 0.813rem ! important;}.page__header ul__item {line-height: 1;margin-bottom: 0px;}}







/* Fullwidth Gallery  */
/* .fullw {max-width: 1580px; margin: 0 auto} */
.feature.feature-31.fullw {margin-bottom: 40px}
.c-gridgallery_gallery header * {color: #000 ! important} .c-gridgallery_gallery header:before {content: 'Media'; color: #000; font-size: 1.125rem; margin-bottom: 5px; display: block}
.c-gridgallery_gallery header {content: 'Media'; margin: 0 auto; display: block; padding-bottom: 20px}
.c-gridgallery_gallery .ce-gridgallery {position: relative}
.c-gridgallery_gallery {padding-top: 90px}
.c-gridgallery_gallery img {border: 0px solid #fff ! important}
.c-gridgallery_gallery {background: #fff}
.c-gridgallery_gallery header {width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.c-gridgallery_gallery header{max-width:540px}}@media (min-width:768px){.c-gridgallery_gallery header{max-width:720px}}@media (min-width:992px){.c-gridgallery_gallery header{max-width:960px}}@media (min-width:1200px){.c-gridgallery_gallery header{max-width: 1200px}}

/* Btn Group */
.btn-group {position: relative; display: block}.btn-group p { display: block ! important;}
.btn-group .btn {border-radius: 4px ! important; width: 100% ! important;display; block}
@media (min-width: 992px) {.btn-group p { display: flex ! important; margin-right: 0px}.btn-group .btn {width: auto ! important; border-radius: 4px ! important; flex: 0 0 33%;}}
/* Card-Group */
.card .btn {margin-right: 25px}
body:not(#blog-1) .card h3 {min-height: 70px}
.btn-1 .btn {color: #ab2524 ! important; background: transparent ! important; border: none ! important; box-shadow: none; padding: 0;} .btn-1 .card-footer {padding-top: 0 }
.c-card_group, .card-group-element {background-color: #fff} .layout-primary.c-card_group h3 {color: #fff ! important}
/* Korrekturen */
.tx-indexedsearch-info-sword {margin-top: 9px; margin-bottom: 7px}
#blog-5  .feature .layout ul li:before { content: "" ! important;}
#blog-5 .feature.feature-2, #blog-5 .feature.feature-2 .row, #blog-5 .feature.feature-2 .row h1 {padding-top: 0 ! important; margin-top: 0 ! important}
.tx-indexedsearch-browselist-currentPage {border-radius: 4px ! important; }
#tx-indexedsearch-searchbox-button-submit  {border-radius: 4px ! important; white-space:nowrap; background-size: 14px ! important; background-image: url(../Icons/chevron.svg) ! important;
     background-repeat: no-repeat ! important; background-position: center ! important; background-color: #ab2524 ! important;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
body strong, body span, body input, .tx-indexedsearch-info-noresult, .tx-indexedsearch-info-sword {font-family: "Segoe UI", Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Ubuntu, "Helvetica Neue", Arial, "PT Sans", sans-serif;}
.tx-indexedsearch-info-noresult {margin-top: 3px}
body form .btn-group {background: transparent ! important}
.accordion-item .accordion-button, body label, .headl:before {font-family: "Segoe UI", Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Ubuntu, "Helvetica Neue", Arial, "PT Sans", sans-serif;}
.om-cookie-panel .cookie-panel__attribution {display: none ! important}
.radio {margin-left: 20px ! important}
.no-dropdown.search-navigation .search-link#dropdownMenuButton  {position: relative; top: 2px; margin-right: 5px}
.header-top .reduced-height h1 {color: #fff ! important; text-shadow: -2px 2px 30px #222;}
.page__header ul{text-align: left ! important}
.topheader, .topheader + h2 {text-transform: none ! important; color: #000 ! important}.topheader {font-size: 1rem !important; font-weight: 600 !important}
.card-group-element-item , .card-group-element-columns-3 .card-group-element-item {padding-top: 10px ! important}


html body .feature a, html body .feature a:focus, html body .feature a, html body .feature h2 a, html body .feature h2 a:focus, html body .feature h2 a, html body .feature h2 a:focus, html body .feature h2 a:visited, html body .feature h3 a, html body .feature h3 .card a:focus, html body .feature h3 a:visited {color: #ab2524 ! important;}
html body .feature a.btn, html body .feature a.btn:focus, html body .feature a.btn:visited, html body .feature a.btn .btn-text, html body .feature a.btn:focus .btn-text, html body .feature a.btn:visited .btn-text {color: #fff ! important;}
/* Fullscreen-Element Korrekturen */
@media (min-width: 1980px) {.swiper-container .swiper-slide {width: 100%}.swiper-container .swiper-slide img {width: 100%;}
body .feature.feature-7b {background-repeat: no-repeat; background-size: cover;}}
.layout.c-cogtail_fullscreen_image .hero-box {max-width: 780px}
/* Meta Search */
.search-navigation #tx-kesearch-searchbox .form-group #ke_search_searchfield_submit{background-color:#ab2524!important;border-radius:4px;}
.icon-search:before {color: #fff ! important}
/* Searchbox inside Content */
#no-ke_search_sword {height: 40px ! important;}
/* Website-Search */
#blog-52 .card-img-left {display: none} #blog-52 fieldset {max-width: 780px} #blog-52 fieldset input {height: 40px;} #blog-52 fieldset .btn.input-lg {margin-left: 8px;}
/* Vertrieb national */
#blog-1088 #kesearch_results p:last-of-type {display: none ! important}
/* Vertrieb international  */
#blog-1098 h2 * {cursor: text ! important;} #blog-1098 h2 a:hover {color: inherit ! important}
#blog-1098 .card-img-top {display: none}

/* Product Search */
.ke-container .reset-butt.reset-filter .btn.btn-light {background-color: #eee ! important; padding-top: 7px; padding-bottom: 6px}
#ke-filters select {min-width: 300px ! important; background-color: #eee ! important; font-weight: 400 ! important; border-color: transparent ! important; height: 40px ! important; box-shadow: none ! important}

#kesearch_results.card-group-element-columns-2 .card-img-top {padding: 15px ! important}
.ke-container.productcontainer form .ke-row.row .ke-filter, .ke-container.productcontainer form .ke-row.row .ke-filter #ke-filters select{margin-left: 0px ! important; margin-right: 0px ! important; padding: 0 ! important}
.ke-container.productcontainer form .ke-row.row .ke-filter #ke-filters select{margin-left: 0.1% ! important; margin-right: 0.1% ! important; text-align-last:center; text-align: center ! important}
.ke-container.productcontainer form .ke-row.row .ke-filter .input-group-lg {width: 49.8% ! important;}
@media (min-width: 768px) and (max-width: 992px) {
#kesearch_results.card-group-element-columns-2 .card-img-top {width: 35%}
#kesearch_results.card-group-element-columns-2 .card-body {width: 65%}
}
#kesearch_results {margin-bottom: 30px ! important}
/* Tabs */
.download-tab picture {float: left; width: 25% ! important; -webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.75);. -moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.75);. box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.75)}
.referenzen-tab picture {float: left; width: 33% ! important; padding-top: 2px}.referenzen-tab figcaption {float: left; width: 67% ! important; padding-left: 20px}
.download-tab figcaption {float: left; width: 75% ! important; padding-left: 20px}
.download-tab .tab-btn, .referenzen-tab .tab-btn {background: #ab2524; color: #fff; display: inline-block; padding: 6px 18px}
.tab-pane-img-title {text-transform: uppercase; font-weight: bold; padding-bottom: 12px}
@media (min-width: 992px) {.download-tab figcaption, .referenzen-tab figcaption {padding-left: 50px ! important}}
.tab-pane-alt {color: #555; margin-bottom: 18px}
/* Unbedingt noch im Theme korrigieren */

@media (min-width: 1200px) {
 .container, .isotope .grid {
   max-width: 1240px;
 }
}
@media (min-width: 1200px) {
 .header-bg .container {
   width: 100%;
   max-width: 1200px;
 }
}

.nav-tabs.tab-navigation, #c35 {position: relative ! important}

/* Nav-Tabs */

.tab-pane.show.in {
 display: block !important;
}
.tab-pane-content {
 display: flex;
 margin-top: 15px;
 flex-wrap: wrap;
 margin-left: -20px;
 margin-right: -20px;
}
.tab-pane-content-item {
 flex-grow: 1;
 order: 1;
 padding-left: 20px;
 padding-right: 20px;
 width: 100%;
}
.tab-pane-content-text *:last-child {
 margin-bottom: 0;
}
@media (min-width: 768px) {
 .tab-pane-content-right .tab-pane-content-item,
 .tab-pane-content-left .tab-pane-content-item {
   width: 50%;
 }
 .tab-pane-content-right .tab-pane-content-item *:last-child,
 .tab-pane-content-left .tab-pane-content-item *:last-child {
   margin-bottom: 0;
 }
}
.tab-pane-content-top .tab-pane-content-media,
.tab-pane-content-left .tab-pane-content-media {
 margin-bottom: 40px;
}
.tab-pane-content-top .tab-pane-content-media {
 margin-bottom: 40px; order: 0;
}
@media (min-width: 768px) {
 .tab-pane-content-left .tab-pane-content-media {
   margin-bottom: 0;
 }
}
.tab-pane-content-bottom .tab-pane-content-media,
.tab-pane-content-right .tab-pane-content-media {
 order: 2 ! important;
 margin-top: 0px;
}
.tab-pane-content-left .tab-pane-content-media {
 order: 0 ! important;
 margin-top: 10px;
}
@media (min-width: 768px) {
 .tab-pane-content-right .tab-pane-content-media {
   margin-top: 10px;
 }
}
/* nav tabs content position end */


/* large screens */
@media (min-width:2000px){.page__header-wrap,.container, .isotope .grid, .header-bg .container,.page__header-wrap,.c-gridgallery_gallery header{max-width:1340px}
.page__header ul {max-width:1340px ! important}.container, .isotope .grid {width: 1340px;}
.container-fluid .background-element .header-img-wrap.row, .interchange-content .row, .hero-header .row { max-width: 1340px ! important;}}
/* Tiny Slider Begin */
 .slider-container .card {border: 1px solid #eee; -webkit-box-shadow: 0px 2px 5px 1px rgba(112,112,112,0.20); box-shadow: 0px 2px 5px 3px rgba(112,112,112,0.20);}
/* Tiny Slider Logo */
.tab-pane-content-media > img {padding: 20px 20px 20px 20px; width: auto; height: 110px; margin: 0 auto; display: flex}
.feature .customize-controls li {display: inline-block; cursor: pointer} body .feature .customize-controls li:before {content: '' ! important}
.feature .tns-controls, .feature .customize-controls { text-align: center; margin:  15px 0; }
.feature .customize-controls li i {color: #fff ! important}
.feature .customize-controls li, .slider-container button {font-size: 1rem; margin: 0 10px; padding: 0.7em 1.3em 0.3em 1.3em;  color: #fff;  background: #ab2524;  border-radius: 3px ! important;  border: 0;}
.feature .tns-controls [aria-controls] {font-size: 1rem; margin: 0 5px; padding: 0 1.3em;  height: 2.3em;  color: #fff;  background: rgba(75,75,74,0.6);  border-radius: 3px ! important;  border: 0;}
.feature .slider-container.slstyle1 i {color: #fff; }
.feature .slider-item {
 padding: 0;
 position: relative;
}

.feature .slider-container .card {
 margin: 0 auto;
 max-width: 4300px;
}

/* Tiny Slider End */

.nav-tabs.tab-navigation {position: relative ! important}
.nav-tabs li a {height: 90px ! important; width: 135px ! important}

.nav-tabs:before {border-bottom: 1px solid #ccc; position: absolute; content: ' '; display: block; width: 100%; top: 115px ! important /* .nav-tabs li a height plus 24px line height + 1px for IE */}
 .nav-tabs li {
   text-align: center;
   float: left; padding-left: 0 ! important; padding-bottom: 40px;
   font-size: 0.875rem; }
 .nav-tabs li a {
   border: none;
   border-radius: 0 !important;
   width: 108px;
   color: #a4adad !important; }
 .nav-tabs li a i {
   font-size: 2.5rem;
   display: block; }
.nav-tabs i {color: #fff ! important;}
.nav-tabs .nav-link {border: 4px solid transparent;}
.nav-tabs .nav-link.active {color: #fff ! important;
 position: relative;
 background: #ab2524;
 border: 4px solid #ab2524;
}
.nav-tabs a.nav-link.active:after, .nav-tabs a.nav-link.active:before {
 top: 100%;
 left: 50%;
 border: solid transparent;
 content: " ";
 height: 0;
 width: 0;
 position: absolute;
 pointer-events: none;
}

.nav-tabs a.nav-link.active:after {
 border-color: rgba(75, 75, 75, 0);
 border-top-color: #ab2524;
 border-width: 20px;
 margin-left: -20px;
}
.nav-tabs a.nav-link.active:before {
 border-color: rgba(75, 75, 75, 0);
 border-top-color: #ab2524;
 border-width: 20px;
 margin-left: -20px;
}



.icon-attach:before {
 content: '';
 width: 40px;
 height: 40px;
 display: inline-block;
 background-image: url("/fileadmin/template/website/css/bigmug-line/attach-interface-symbol-of-rotated-paperclip_icon-grau.svg") ! important;
 background-repeat: no-repeat;
 background-position: center center; }

.icon-attach:hover:before, li.active .icon-attach:before {
 background-image: url("/fileadmin/template/website/css/bigmug-line/attach-interface-symbol-of-rotated-paperclip_icon-weiss.svg"); }

.icon-images:before {
 content: '';
 width: 40px;
 height: 40px;
 display: inline-block;
 background-image: url("/fileadmin/template/website/css/bigmug-line/images-square-outlined-interface-button-symbol_icon-grau.svg") ! important;
 background-repeat: no-repeat;
 background-position: center center; }

.icon-images:hover:before, li.active .icon-images:before {
 background-image: url("/fileadmin/template/website/css/bigmug-line/images-square-outlined-interface-button-symbol_icon-weisss.svg"); }

.icon-download:before {
 content: '';
 width: 40px;
 height: 40px;
 display: inline-block;
 background-image: url("/fileadmin/template/website/css/bigmug-line/download-down-arrow-symbol_icon-grau.svg") ! important;
 background-repeat: no-repeat;
 background-position: center center; }

.icon-download:hover:before, li.active .icon-download:before {
 background-image: url("/fileadmin/template/website/css/bigmug-line/download-down-arrow-symbol_icon-weiss.svg"); }

.icon-play:before {
 content: '';
 width: 40px;
 height: 40px;
 display: inline-block;
 background-image: url("/fileadmin/template/website/css/bigmug-line/play-triangle-outline_icon-weiss.svg") ! important;
 background-repeat: no-repeat;
 background-position: center center; }

.icon-play:hover:before, li.active .icon-play:before {
 background-image: url("/fileadmin/template/website/css/bigmug-line/play-triangle-outline_icon-weiss.svg"); }



/* Basics */
h1, h2, h3, h4 {color: #ab2524 ! important}

/* Meta Search */
.search-navigation {top: 2px ! important} .search-navigation a:after {display: none}

/* Sections */
.feature.feature-1 {padding-top: 40px}
/* Start */
body .feature.feature-6 {background: none ! important; padding-bottom: 80px ! important}
@media (max-width:991px){
.feature.feature-6 .container {margin-top: 30px ! important; }
body .feature.feature-6 {padding-bottom: 30px ! important}}

/* Image with Capption inside boxes end */

.swiper-slide .alert {background: none}

/* Dropdown animation */
@media (min-width: 992px) {
.yamm .dropdown-menu {box-shadow: 1px 5px 8px rgba(0,0,0,0.1);}
.yamm .dropdown-menu {animation-duration: 0.2s;-webkit-animation-duration: 0.2s;animation-fill-mode: both;-webkit-animation-fill-mode: both;}}
@keyframes dropdown-menu { 0% { transform: translateY(1rem); opacity: 0;}
 100% {transform:translateY(0rem);opacity: 1;}
 0% {transform: translateY(1rem);opacity: 0;}}
@-webkit-keyframes dropdown-menu { 0% {  -webkit-transform: transform; -webkit-opacity: 0;}
 100% { -webkit-transform: translateY(0); -webkit-opacity: 1;}
 0% { -webkit-transform: translateY(1rem);-webkit-opacity: 0;}}
.dropdown-menu { -webkit-animation-name: smartm;animation-name: dropdown-menu; background-color: rgba(255,255,255,0.95)}


/* Animated Hamburger */
@media (max-width: 991.98px){.dropdown-menu {background: none ! important}.dropdown-menu a {color: #fff ! important;}.dropdown-menu .active a {color: rgba(172,203,73) ! important;}}
.navbar-toggler {
 border: none;
 background: transparent !important;
}
.navbar-toggler:focus {
 outline: none;
 background: transparent !important;
}

.navbar-toggler .icon-bar {
 background-color: #fff;
 transform: rotate(0deg) translate(0px, 0px);
 transition: ease all .2s;
}

.navbar-toggler .icon-bar {
 display: block;
 width: 30px;
 height: 3px;
 border-radius: 1px;
}

.navbar-toggler .icon-bar + .icon-bar {
 margin-top: 6px;
}

.icon-bar:nth-child(2) {
 width: 16px;
 transition: ease all .2s;
}

.navbar-toggler:hover > .icon-bar:nth-child(2){
 width: 30px;
 transition: ease all .2s;
}
.navbar-toggler:active > .icon-bar:nth-child(2){
 width: 30px;
 transition: ease all .2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(1) {
 transform: rotate(45deg) translate(9px, 9px);
 transition: ease all .2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) {
 opacity: 0;
 transition: ease all .2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {
 transform: rotate(-45deg) translate(4px, -4px);
 transition: ease all .2s;
}
/* .slstyle1 img {min-height:540px;-webkit-height:96vh;-moz-height:96vh;-ms-height:96vh;-o-height:96vh;height:96vh} */
.slider-container .slstyle1 img {min-height:480px;-webkit-height:60vh;-moz-height:60vh;-ms-height:60vh;-o-height:60vh;height:60vh}


.tx-indexedsearch-searchbox input {min-width: 300px; max-width: 300px; margin-bottom: 12px}
@media (min-width:768px){.tx-indexedsearch-searchbox input {min-width: 480px; max-width: 480px; margin-bottom: 12px}}

nav.meta-navbar ul.ml-auto li a span {color: #fff ! important; font-weight: 600 ! important; letter-spacing: 1px}
.accordion-item {margin-bottom: 9px}
.accordion-header button {font-weight: 400}
.accordion button.collapsed:after {font-size:16px; top:-5px ! important;bottom:auto; font-weight:400;color:#222}
.accordion button:not(.collapsed):after{font-size:16px; top:-2px ! important;bottom:auto; font-weight:400;color:#222}
.card-title {min-height: 69px ! important; margin-bottom: 0}
.feature-content  .card-body, .feature-content .card-title {min-height: 0px ! important; margin-bottom: -8px ! important; padding-bottom: 0 ! important}
.slider-container .tns-slider {padding-bottom: 15px ! important}
@media (min-width:768px){.slider-container .slider-item {padding-left: 5px ! important; padding-right: 5px ! important;}}

body .feature .btn {border-radius: 6px ! important}
.content .c-abstand-top {padding-top: 10px ! important}
.thumbnail img {border-radius: 6px ! important}
.medium-padding-bottom.icon.ps-after:after {margin-top: 35px ! important}
.large-padding-bottom.icon.ps-after:after {margin-top: 40px ! important}
.xlarge-padding-bottom.icon.ps-after:after {margin-top: 50px ! important}
.icon.ps-after {border-color: transparent ! important}
.gallery.h-center .textpic-item.textpic-gallery.c-align-center .gallery-row {max-width: 340px; margin: 0 auto}
.background-element-inner {background: transparent ! important}
.c-cogtail_background_image.dark85 .background-element #main-bg:before {background: rgba(0,0,0,0.85) ! important}
.c-cogtail_background_image.dark80 .background-element #main-bg:before {background: rgba(0,0,0,0.80) ! important}
.c-cogtail_background_image.dark75 .background-element #main-bg:before {background: rgba(0,0,0,0.75) ! important}
.c-cogtail_background_image.dark70 .background-element #main-bg:before {background: rgba(0,0,0,0.70) ! important}
.background-element-inner-wrap .btn.btn-light {background: #fff ! important; margin-top: 15px}
.background-element-inner-wrap p {max-width: 680px}
.background-element-inner-wrap {padding-left: 15px; margin-bottom: 20px}
/* Make fullwidth test */
body{overflow-x:hidden}.feature{overflow:hidden}
.make-fullwidth .textpic-text p, .make-fullwidth .textpic-text h2, .make-fullwidth .textpic-text h3 {padding-left: 15px; padding-right: 15px}
.make-fullwidth .btn {margin-top: 12px}
.layout-light01 {background: #f4f4f4 ! important}
.make-fullwidth {padding-left: 5px; padding-right: 5px; width: 100vw; position: relative; margin-left: -50vw; left: 50%; padding-top: 60px; padding-bottom: 45px}
@media (min-width: 575px) {.make-fullwidth .textpic-item.textpic-text h2, .make-fullwidth .textpic-item.textpic-text h3, .make-fullwidth .textpic-item.textpic-text p, .make-fullwidth .textpic-item.textpic-text ul {max-width: 500px; margin: 0 auto ! important;}}
@media (min-width: 768px) {.make-fullwidth .textpic-item.textpic {max-width: 680px; margin: 0 auto ! important;}}
@media (min-width: 992px) {.make-fullwidth .textpic {max-width: 920px; margin: 0 auto ! important;}}
@media (min-width: 1200px) {.make-fullwidth .textpic {max-width: 1170px; margin: 0 auto ! important;}}