.header-top .container-fluid  {padding-left: 0px; padding-right: 0px;}

/* This doesn't prevent placeholder images from loading, but the outcome is more desirable.  */
.no-js .lazy {
  display: none;
}

/* Safari 8 Hack for Navbar Safari 6.1-10.0
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media {
  .header-bg .navbar.yamm .container{position: relative}
  .navbar .collapse {display: inline-table ; z-index: 9999; position: absolute; right: 0}
  .navbar .collapse li {float: left}
} }
*/

/* accordion open when js disabled */
.no-js #accordion .collapse { display: block; }
/* .dropdown-menu {min-width: 18rem ! important;} */
.dropdown-menu > li {padding-bottom: 0; padding-top: 0}

/* Navbar Dropdown Korrektur */
/* #navbarResponsive .dropdown-menu {top: 90px ! important;} */
.dropdown-menu {padding: 0; border: none}
.navbar.navbar-light {padding-bottom: 0px;padding-top: 0px ;border-bottom: 1px solid #eee;} .collapse { margin-bottom: -1px /*  border-size*/}

/* Bootstrap Full-width Header No Padding ggf. row entfernen */
.container-fluid.fluid2 {padding-left: 0px; padding-right: 0px;}

/* Angled Edges */
/* Korrektur z. B. Galaxy Note 10 */ .angle--bottom-right:after, .angle--bottom-left:after {border-bottom: 2px solid #fff;} .angle--top-left::before,.angle--top-right:before {border-top: 2px solid #fff;}
.angle--bottom-right.angle-fill2::after, .angle--bottom-left.angle-fill2::after {border-bottom: 2px solid rgb(238,238,238);} .angle--top-left.angle-fill2::before,.angle--top-right.angle-fill2::before {border-top: 2px solid rgb(238,238,238);}

.angle--top-left.angle-fill2::before
/* Korrektur end */

/* Bootstrap Korrektur Container width small tablets */
@media (min-width: 576px) and (max-width: 767px) {.container {max-width: 767px ! important;}}

/* TEST ob das vieles einfach macht */
.c-textmedia + .c-textmedia, .c-textpic + .c-textpic, .c-textmedia + .c-textpic, .c-textpic + .c-textmedia, .feature .c-header {margin-top: 36px}

@media (min-width: 768px) {
.textpic-left h2:first-of-type:before, .textpic-right h2:first-of-type:before, .textmedia-left h2:first-of-type:before, .textpic-left h3:first-of-type:before, .textpic-right h3:first-of-type:before, .textpic-right header p:before, .textmedia-left h3:first-of-type:before, .textmedia-right h3:first-of-type:before { content: ''; display: block; height: 0; width: 0; margin-top: -6px;}

.textmedia-left header p:before, .textmedia-right h2:first-of-type:before, .textmedia-right header p:before, .textpic-left header p:before, .textpic-right header p:before, .textmedia-left header p:before, .textmedia-right header p:before, .textpic-left header p:before {content: ''; display: block; height: 0; width: 0; margin-top: -4px;}

header p:after { content: ''; display: block; height: 0; width: 0; margin-bottom: 4px; }
}


@media (max-width: 767px) {
.col-xs-12.col-lg-3, .col-xs-12.col-lg-4, .col-xs-12.col-lg-5, .col-xs-12.col-lg-6, .col-xs-12.col-lg-7, .col-xs-12.col-lg-8 {margin-bottom: 24px}
}

/* Shadows  */
.box-shadow .icongroup-item, .box-shadow .card {border-radius: 5px ! important;
 background: white;
 -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 20px 0px;
 -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 20px 0px;
 box-shadow: rgba(0, 0, 0, 0.10) 0px 0px 20px 0px;
}
.box-shadow .icongroup-item  {padding: 12px 10px;}
/* Bootstrap Modal  */

.modal-body *, .modal-header .close * {color: #222 ! important} .modal-body *,.modal-content .modal-title {color: #222 ! important; text-align: left; margin-left: 0 ! important;}

/* Form fileds */
.navbar input, form input, select, textarea{color: #555 ! important;}
::-webkit-input-placeholder { /* Edge */  color: #555;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */  color: #555;}
::placeholder { color: #555;}

/* BTN */
.btn.btn-danger {background: #db3545 ! important} .btn.btn-success {background: #28a745 ! important} .btn.btn-warning {background: #ffc106 ! important} .btn.btn-light {background: #f8f9fa ! important} .btn.btn-dark {background: #343a40 ! important} .btn.btn-info {background: #17a2b8 ! important} .btn.btn-secondary {background: #6c767e ! important}
.btn-link {font-weight: 400;background-color: transparent;}
.btn-link:hover { background-color: transparent; border-color: transparent;}
.btn-link:focus, .btn-link.focus {border-color: transparent; box-shadow: none;}

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

Abstaende Ueberschriften Redakteur

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

.ht-zero h1, .ht-zero h2, .ht-zero h3, .ht-zero h4 {margin-top: 0px} .ht-small h1, .ht-small header {margin-top: 12px} .ht-medium header {margin-top: 24px} .ht-large header {margin-top: 36px}
.hb-zero h1 {margin-bottom: -12px ! important} .hb-zero h2 {margin-bottom: -12px ! important} .hb-zero header + p {margin-top: 0px} .hb-small header {margin-bottom: 9px;} .hb-medium header {margin-bottom: 15px; display: block} .hb-large header {margin-bottom: 30px;}
.hb-zero h1, .hb-small header, .hb-medium header, .hb-large header {display: inline-block}
.hb-zero.d-block h1, .hb-small.d-block header, .hb-medium.d-block header, .hb-large.d-block header {display: block}

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

Responsive Fonts Example

****************** */
@media (min-width: 1200px) {#hero h1, #hero h1 span {font-size:2.3vw}}

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

Top Header

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

.topheader {margin-bottom: 0; display: block; color: #ccc; text-transform: uppercase; font-size: 15px; padding-top: 0px; letter-spacing: 1px}
.topheader + h2, .topheader + h3, .topheader + h4, .topheader + h5 {display: inline-block; margin-top: 0px;}

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

Blaetterfunktion

****************** */
.pagebrowse-wrap {border: 2px solid #eee; max-width: 540px; margin: 0 auto; padding: 15px 12px 10px 12px;  margin-bottom: 55px; margin-top: 35px}
@media (max-width: 575px) {.pagebrowse-wrap {margin-left: 15px; margin-right: 15px}}
#pagebrowse .icon-chevron-left a:before {font-family: 'icomoon';content: "\f053"; padding-right: 5px; font-size: 14px}
#pagebrowse .icon-chevron-right:before, #pagebrowse .icon-chevron-left:before { content: "";}
#pagebrowse .icon-chevron-right a:after {font-family: 'icomoon';content: "\f054"; padding-left: 5px; font-size: 14px}
#pagebrowse, .pagebrowse-title {text-transform: uppercase; letter-spacing: 1px; margin: 0 auto; text-align: center;} #pagebrowse li {display: inline-block; padding: 5px 15px}

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

Layout Header and Sub Headline

****************** */
 .header-sub h2, .header-sub h3 {text-transform: uppercase}
 .header-sub h2 {margin-bottom: 0; font-weight: 300;  font-size: 34px} .header-sub h3 {margin-bottom: 0; font-weight: 500 ! important; font-size: 34px}

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

Individual Feature Padding

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

.feature.fp {padding-bottom: 0}

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

Meta Header

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

.meta-header * {margin-top: 0; margin-bottom: 0; font-weight: 400; color: #222}.meta-header ul li a, .meta-header ul li a strong {line-height: 20px; font-size: 14px}
@media (max-width: 767px) {.meta-header ul li .meta-link {display: none}}
.meta-header .row {margin: 0 auto; padding-left: 0px; padding-right: 0px}
.meta-header {margin: 0; /* padding-top: 5px ! important; padding-bottom: 5px; */ background: #f0f0f0; width: 100% ! important; border-bottom: none; height: auto}
.meta-header ul {text-align: right; margin-top: 0; margin-bottom: 0 }
.meta-header ul li a {margin-top: 0 ! important; margin-bottom: 0 ! important}
.meta-header ul li {display: inline-block;}
.meta-header .meta-icon, .meta-header .icon-search {position: relative; top: 0px}
.lang-nav {margin-left: 20px; margin-right: 8px; }.lang-nav img {width: 15px; height: auto; position: relative; top: -1px}
.meta-header .lang-nav .dropdown-menu  {min-width: 50px; max-width: 50px; padding-right: 5px; margin-top: 12px}
/* ***************

Header-Border-Top Exmaple https://www.sevenval.com

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

.foo9 h1::before , .foo9 h2::before, .foo9 h3::before, .foo9 h4::before  {display: block;content: "";border-top-width: .4rem; border-top-style: solid; border-top-color: $primary_color;width: 5rem;margin: 0 0rem; transform: translateY(-1rem);}
.foo9 h1.ce-headline-center::before, .foo9 h2.ce-headline-center::before, .foo9 h3.ce-headline-center::before, .foo9 h4.ce-headline-center::before {margin: 0 auto}

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

Divider

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

hr.ce-div {width: 100%; height: 1px; border-top: none; display: block; margin: 12px 0}

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

Layouts

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

.layout-primary * , .layout-primary-lighten * , .layout-primary-lighten2 * , .layout-primary-darken * , .layout-primary-darken2 * , .layout-primary-complement * , .layout-primary-complement-lighten * , .layout-primary-complement-lighten2 * , .layout-primary-complement-darken * , .layout-primary-complement-darken *, .layout-dark98 * , .layout-dark95 * , .layout-dark93 * , .layout-dark90 * , .layout-dark85 * , .layout-dark80 * , .layout-dark75 * , .layout-dark70 * {color: #fff}

.layout-light01 * , .layout-light05 * , .layout-light07 * , .layout-light10 * , .layout-light12 * , .layout-light15 * , .layout-light20 * , .layout-light25 * { }

.layout.autom {margin: 0 auto;}

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

 ke_SEARCH

 ****************** */
 .indexed-form-content {margin-top: 12px}
 .tx-ke-form label, .tx-ke-info, .tx-ke-icon {display: none} .tx-ke-browsebox {margin-bottom: 20px}
 .search-navigation .dropdown-menu {padding: 3px; background: #fff ! important; -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}
 .search-navigation .dropdown-menu, .search-nav .dropdown-menu {margin-top: 12px ! important;}
 .search-navigation .dropdown-menu.dropdown-menu-right {width: 284px ! important; background: none}
 .search-navigation #tx-kesearch-searchbox #ke_search_searchfield_sword {width: 215px ! important;padding-left: 5px}
 #tx-kesearch-searchbox #ke_search_searchfield_submit, #tx-kesearch-searchbox #ke_search_searchfield_sword {font-size: 14px; height: 2.8em ! important;line-height: 2.8em ! important;}
 .search-navigation #tx-kesearch-searchbox .form-group #ke_search_searchfield_submit, .tx-indexedsearch-search-submit .icon-search  {min-width: 60px ! important;color: #fff; margin:0; display:inline-block;text-align:center;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;border:0px solid transparent;white-space:nowrap;
 background-size: 14px ! important;
     background-image: url(../MigratedAssets/cogtail_publishing/Icons/chevron.svg);
     background-repeat: no-repeat;
     background-position: center;
  background-color: #002c4f ! important;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
 .search-navigation [type=text], .tx-ke-searchbox [type=text] {display:block;box-sizing:border-box;padding:0rem;border:1px solid #cacaca;box-shadow:inset 0 1px 2px hsla(0,0%,4%,.1);border-radius:3px;-webkit-appearance:none;-moz-appearance:none}
 #tx-ke-searchbox form {padding-left: 14px ! important;}
 .search-navigation {margin-left: 12px}
 .tx-ke-info-sword {margin-bottom: 12px} .tx-ke-browsebox {margin-bottom: 24px}
 .tx-ke-browsebox ul li, .article-cats li {border-bottom: none ! important}
 /* @media (min-width:168px){ #tx-kesearch-searchbox .form-inline .form-group{display:inline-block ! important} #tx-kesearch-searchbox .form-inline .control-label,#tx-kesearch-searchbox .form-inline .form-group{margin-bottom:0;vertical-align:middle}#tx-kesearch-searchbox .form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}#tx-kesearch-searchbox .form-inline .input-group{display:inline-table;vertical-align:middle}#tx-kesearch-searchbox .form-inline .input-group .form-control {width:auto}#tx-kesearch-searchbox .form-inline .input-group>.form-control{width:100%}} */
 @media (min-width:130px){
.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}}
 /* Bootstrap 4 */
  .meta-header .search-navigation .dropdown-menu  {max-width: 243px }
 .meta-header .search-navigation input {padding-left: 5px}

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

Mailchimp

****************** */
#mc_embed_signup input[type=email] {max-width: 100% ! important; margin-bottom: 10px ! important}

#mc_embed_signup form {padding: 15px ! important}
#mc_embed_signup input.email {font-size: 15px; border: 1px solid #ABB0B2;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #343434; background-color: #fff; box-sizing:border-box; height:45px ! important; padding: 0px 0.4em; display: inline-block; margin: 0; width:650px ! important; }
#mc_embed_signup .button {border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; letter-spacing: .03em; color: #fff ! important; background-color: #ff8700 ! important; box-sizing:border-box; height:45px ! important; line-height:45px ! important; padding:0 42px ! important; display: inline-block; margin: 0; transition: all 0.23s ease-in-out 0s;}
@media (max-width: 768px) {
    #mc_embed_signup input.email {width:100% ! important;}
}
.c-html.space-before-medium {padding-top: 36px} .c-html.space-after-medium {padding-bottom: 36px}
.feature.fullw #mc_embed_signup {background: none ! important}

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

Content Einrueckung with Quotes Layout Example https://perspective-daily.de/article/544/cda22rKM

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

.shift-quotes blockquote{padding:32px 0 16px;}
@media screen and (min-width:576px){.shift-quotes p, .shift-quotes h1, .shift-quotes h2, .shift-quotes h3, .shift-quotes h4, .shift-quotes h5, .shift-quotes h6, .shift-quotes  ul {padding-left: 50px ! important}.c-text.shift-quotes ol, .c-textpic.shift-quotes ol, .c-textmedia.shift-quotes ol {margin-left: 50px ! important;}}
@media screen and (min-width:769px){.shift-quotes blockquote{float:left;width:280px;margin-left:0px;margin-right:65px;text-indent:0} .shift-quotes p, .shift-quotes h1, .shift-quotes h2, .shift-quotes h3, .shift-quotes h4, .shift-quotes h5, .shift-quotes h6, .shift-quotes  ul {padding-left: 80px ! important}.c-text.shift-quotes ol, .c-textpic.shift-quotes ol, .c-textmedia.shift-quotes ol {margin-left: 80px ! important;}}


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

Borders before or after

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

.layout-border-before:before, .layout-border-after:after {width: 100%; height: 1px; content: ''; background: #444; display: block; /* max-width: 450px; */ margin: 0px auto; border-left: 25px solid #ccc /* ! important */; border-right: 25px solid #ccc /* ! important */; border-color: /* none */ transparent ! important}

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

MAX WIDTH TEXT

****************** */
.c-text.cmwidthm p {max-width: 780px;}
.cmwidthxs .text-center, .cmwidthxs .ce-headline-center, .c-text.cmwidthxs p {max-width: 480px;}
.cmwidths .text-center, .cmwidths .ce-headline-center, .c-text.cmwidths p {max-width: 560px;}
.cmwidthm .text-center, .cmwidthm .ce-headline-center, .c-text.cmwidthm p {max-width: 780px;}
.cmwidthl .text-center, .cmwidthl  .ce-headline-center, .c-text.cmwidthl p {max-width: 940px;}

.cmwidthxs .ce-headline-center, .cmwidthxs .text-center, .cmwidths .ce-headline-center, .cmwidths .text-center,
.cmwidthm .ce-headline-center, .cmwidthm .text-center, .cmwidthl .ce-headline-center, .cmwidthl  .text-center {margin: 0 auto}

@media (min-width: 768px) {
.cmwidthxs .textpic-left p, .cmwidthxs .textpic-left h2, .cmwidthxs .textmedia-left p, .cmwidthxs .textmedia-left h2 {padding-left: 25px} .cmwidthxs .textpic-right p, .cmwidthxs .textpica-right h2, .cmwidthxs .textmedia-right p, .cmwidthxs .textmedia-right h2 {padding-right: 25px ! important}
.cmwidths .textpic-left p, .cmwidths .textpic-left h2, .cmwidths .textmedia-left p, .cmwidths .textmedia-left h2 {padding-left: 20px} .cmwidths .textpic-right p, .cmwidths .textpica-right h2, .cmwidths .textmedia-right p, .cmwidths .textmedia-right h2 {padding-right: 20px ! important}
.cmwidthm .textpic-left p, .cmwidthm .textpic-left h2, .cmwidthm .textmedia-left p, .cmwidthm .textmedia-left h2 {padding-left: 15px} .cmwidthm .textpic-right p, .cmwidthm .textpica-right h2, .cmwidthm .textmedia-right p, .cmwidthm .textmedia-right h2 {padding-right: 15px ! important}
.cmwidthl .textpic-left p, .cmwidthl .textpic-left h2, .cmwidthl .textmedia-left p, .cmwidthl .textmedia-left h2 {padding-left: 10px} .cmwidthl .textpic-right p, .cmwidthl .textpica-right h2, .cmwidthl .textmedia-right p, .cmwidthl .textmedia-right h2 {padding-right: 10px ! important}
}

@media (min-width: 992px) {
.cmwidthxs .textpic-left p, .cmwidthxs .textpic-left h2, .cmwidthxs .textmedia-left p, .cmwidthxs .textmedia-left h2 {padding-left: 40px} .cmwidthxs .textpic-right p, .cmwidthxs .textpica-right h2, .cmwidthxs .textmedia-right p, .cmwidthxs .textmedia-right h2 {padding-right: 40px ! important}
.cmwidths .textpic-left p, .cmwidths .textpic-left h2, .cmwidths .textmedia-left p, .cmwidths .textmedia-left h2 {padding-left: 30px} .cmwidths .textpic-right p, .cmwidths .textpica-right h2, .cmwidths .textmedia-right p, .cmwidths .textmedia-right h2 {padding-right: 30px ! important}
.cmwidthm .textpic-left p, .cmwidthm .textpic-left h2, .cmwidthm .textmedia-left p, .cmwidthm .textmedia-left h2 {padding-left: 20px} .cmwidthm .textpic-right p, .cmwidthm .textpica-right h2, .cmwidthm .textmedia-right p, .cmwidthm .textmedia-right h2 {padding-right: 20px ! important}
.cmwidthl .textpic-left p, .cmwidthl .textpic-left h2, .cmwidthl .textmedia-left p, .cmwidthl .textmedia-left h2 {padding-left: 10px} .cmwidthl .textpic-right p, .cmwidthl .textpica-right h2, .cmwidthl .textmedia-right p, .cmwidthl .textmedia-right h2 {padding-right: 10px ! important}
}

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

ANPASSUNGEN GLOBALE FEATURE DIVS DEMO SEITEN
hier wurden einfach ein paar Beeiche in ihrer Hoehe angepasst. Wenn sich Ihr Design an diesem Template orientiert koennen Sie diese Anpassungen eventuell uebernehmen
sonst einfach weglassen

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

.small-header-top .row1 {padding-bottom: 0px}
#blog-43 .feature .row {padding: 40px 0px 40px 0px}
#blog-43 .feature.feature-6 .row {padding: 15px 0px 50px 0px} #blog-43 .feature.feature-8 .row {padding: 0px 0px 40px 0px}
/* regelt die abstaende und koennte fuer Sie vielleicht relevant sein */
/* .feature.no-feature.header-top .row {padding-top: 0; padding-bottom: 0 } */

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

Hide Meta Nav on scroll

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

.navbar-fixed-top.sps.sps--abv {}
.meta-header.sps {display: none;}
.meta-header.sps--abv {display: inline-block;}

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

Panel

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

.panel{border:none;border-radius: none;-webkit-box-shadow: none;box-shadow: none}
.panel-title a, .panel-title a:hover {display: block; text-decoration: none}
.panel-title i {padding-right: 3px; font-size: 12px; position: relative; top: 0px}

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

FULLSCREEN ELEMENT

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

#hero * {color: #fff;}
@media screen and (max-width: 52em) { #hero h1, #hero h2, #hero h3, #hero h4, #hero h5 {padding-right: 12px ! important}#hero p {padding-left: 12px ! important; padding-right: 12px ! important}}

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

TEXTPICBOX

****************** */
.textpicbox .gallery-row, .textpicbox .textmedia .textmedia-item, .textpicbox .textpic .textpic-item, .textpicbox .gallery-item, .textpicbox .gallery-item figure {margin-bottom:0em ! important; padding-bottom:0em ! important}
.textpicbox p ,.textpicbox h2 ,.textpicbox h3, .textpicbox h4, .textpicbox h5 {padding:  0px 18px} .textpicbox h2 ,.textpicbox h3, .textpicbox h4, .textpicbox h5 {margin-top: 18px} .textpicbox p:last-of-type {padding-bottom: 18px}

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

Gallery overlapping layout box

****************** */
 @media screen and (min-width:1025px){.feature-18 .over-box .textpic-gallery {margin-top:-80px}.feature-18 .row .over-box {margin-top: 80px;}}

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

Gallery paddings and styles

****************** */
.bri img {border-radius: 50% ! important}
.gallery-no-padding .gallery-item, .gallery-item figure {margin: 0 ! important;padding: 0}
.gallery-no-padding .textmedia-gallery, .gallery-no-padding .textpic-gallery {padding: 0}
.gallery-padding-bottom .textpic-gallery, .gallery-padding-bottom .textmedia-gallery {padding-bottom: 9px}
.cei figure {display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
@media (max-width:767px){.rotim .textpic :nth-child(1), .rotim .textmedia :nth-child(1) { order: 2;}.rotim .textpic :nth-child(2), .rotim .textmedia :nth-child(2) { order: 1;} .rotim .gallery-row {padding-top: 24px} .lptsm {padding-top: 15px ! important}.lptmm {padding-top: 30px ! important}.gptms .gallery-row {padding-top: 20px} .gplrm .gallery-row {padding-left: 40px; padding-right: 40px;}.gpbmnl .gallery-row {margin-bottom: -45px}.gpbmnm .gallery-row {margin-bottom: -30px}.gpbmns .gallery-row {margin-bottom: -15px}.gpbmz .gallery-row {margin-bottom: 15px}.gpbms .gallery-row {margin-bottom: 15px}.gpbmm .gallery-row {margin-bottom: 30px}.gpbml .gallery-row {margin-bottom: 45px}}
/* ***************

Call-to-action (cta) and Panel

****************** */
.panel {padding: 15px 15px 5px 15px}
.cta .btn:before, .panel .btn:before { display: inline-block; font-size: 12px; width: 20px; font-family: 'icomoon'; content: "\f054";}
.cta h2, .cta h3, .cta h4, .cta h5, .panel h2, .panel h3, .panel h4, .panel h5 {margin-bottom: 0;margin-top: 0}
.cta .btn, .panel .btn {margin-top: 14px;}
@media (max-width: 991px)  {.cta .gallery-item {width: 100% ! important;}
.cta figure {width: 150px; display: block; height: auto; margin: 0 auto ! important}
.cta figure img {margin-top: 20px;border-radius: 50% ! important}.cta * {text-align: center}}
@media (min-width: 992px)  {.cta * {text-align: left}.cta .textpic-gallery {width: 25%} .cta .cta .textpic-text7 {width: 75%}}
@media (min-width: 1200px) {.cta .textpic-gallery {width: 25%} .cta .textpic-text {width: 75%}}

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

Alter Gallery Item Site for Smartphones

****************** */
/*
@media (max-width: 575px) {.gallery-mobile-size-2 .gallery-item-size-3 {width: calc(100% / 2) ! important;}} @media (max-width: 575px) {.gallery-mobile-size-1 .gallery-item-size-2,.gallery-mobile-size-1 .gallery-item-size-3,.gallery-mobile-size-1 .gallery-item-size-4 {width: 100% ! important;}}
@media (min-width: 550px) and (max-width: 775px) {.textpic .gallery-item-size-1 img, .textmedia .gallery-item-size-1 img {width: 100%; height: auto}}
*/

@media (min-width: 768px) {
  .gallery-mobile-size-1 .gallery-item-size-1 {
    width: calc(100% / 2);
  }
  .gallery-mobile-size-2 .gallery-item-size-2 {
    width: calc(100% / 3);
  }
}
/* Nur Internet Explorer 10 NICHT ganz vollstaendig */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
@media (min-width: 768px) {
  .gallery-mobile-size-1 .gallery-item-size-1 {
    float: left;
    width: 50%;
    width:  calc((100% / 2) - 4px);
  }
  .gallery-mobile-size-2 .gallery-item-size-2 {
    float: left;
    width: 33%;
    width:  calc((100% / 3) - 4px);
  }
}
}
/* ***************

Alter List Layout

****************** */
 .smart-list ul li {border-bottom: 1px solid #f2efef; padding-bottom: 18px; margin-bottom: 18px}

/* Pagination */
.feature .pagination li, .shariff li, .tx-indexedsearch-browsebox li {list-style-type: none; padding-left: 0;}
.feature .pagination {margin-left: 0px; width: 100%}
.feature .pagination li, .feature .pagination li, .tx-indexedsearch-browsebox li {display: inline-block ! important; text-align: center; padding: 0px 0px 3px 0px ! important; margin-right: 5px; min-width: 25px ! important}
.feature .pagination li.active {/* background: #b83318; */ color: #fff ! important} .feature .pagination li.active a, .tx-indexedsearch-browsebox .tx-indexedsearch-browselist-currentPage a {color: #fff ! important; font-weight: 400}
.feature .pagination li:before, .shariff li:before, .aufklapper li:before, .tx-indexedsearch-browsebox li:before, .nav-tabs li:before, .blogpagination__list li:before {content: ' ' ! important; padding-right: 0em; display: inline;  margin-left: 0;  width: auto;}
.tx-indexedsearch-browsebox li {padding: 0px 9px 3px 9px ! important; margin: 0 0 0 0 ! important} .tx-indexedsearch-browsebox li a {font-size: 14px}
/* ***************

Accordion

****************** */
.card.aufklapper .card-header h5 {margin: 4px 0}
/* ***************

COMPONENTS

****************** */
/* blockquote */
blockquote {margin-left: 5px; margin-bottom: 36px;}
blockquote p {border-width: 5px; border-left-style: solid; padding: 10px 15px 10px 30px; }
blockquote * {font-style: italic; font-weight: 400}
/* copytext */
p span.copytext{font-size:18px; font-weight: bold}
/* list */
/* .small-header-top ul li, .feature ul li, */ .tx-indexedsearch-res, .tx-indexedsearch-browsebox ul { border-bottom: 1px solid #eee; padding-bottom: 6px; margin-bottom: 6px}
.tx-indexedsearch-browsebox ul {padding-bottom: 18px;}
.tx-indexedsearch-res { border-bottom: 1px solid #eee; padding-bottom: 3px; margin-bottom: 18px}
.tx-indexedsearch-res:first-of-type {border-top: 1px solid #000 ! important; padding-top: 6px;}
.small-header-top ul li:last-of-type, .feature ul li:last-of-type {border-bottom: none ! important; margin-bottom: 0}
.small-header-top .layout-primary ul li, .feature .layout-primary ul li {border-bottom: 1px solid rgba(255,255,255,0.2);}

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

Video

****************** */
.textmedia-below .c-align-center {max-width: 580px; margin: 0 auto}

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

BUTTON

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

.button{border:1px solid transparent;border-radius:1px;padding:.85em 1.6em;margin:0 0 1rem;font-size:1.0rem;color:#fff}
.btn {padding: 12px 26px 12px 25px} .btn.btn-sm {padding: 8px 20px 8px 19px}


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

List Styles

****************** */
.feature ul, .feature ul li {list-style-type: none; padding-left: 0; position: relative; left: 0px} /* u. a. Blog  */
.feature .layout ul, .small-header-top .layout ul {margin-left: 3px}
.feature .layout ul, .small-header-top .layout ul {list-style-type: none; padding-left: 0; position: relative;}
.feature .layout ul li, .small-header-top .layout ul li {padding-left: 20px; list-style-type: none; margin-left: 0 ! important;}
.c-footer ul li:before, .feature .layout ul li:before, .small-header-top .layout ul li:before, .header-top .textmedia-item ul li:before {padding-right: 20px;
  display: inline-block;
  margin-left: -20px; font-size: 12px;
  width: 20px;
  font-family: 'icomoon';
  content: "\f054" ! important;
}
.feature .c-text ol, .feature .c-textpic ol, .feature .c-textmedia ol, .small-header-top .c-text ol, .small-header-top .c-textpic ol, .small-header-top .c-textmedia ol {padding-left: 21px ! important;}
.feature .c-text ol li, .feature .c-textpic ol li, .feature .c-textmedia ol li, .small-header-top .c-text ol li, .small-header-top .c-textpic ol li, .small-header-top .c-textmedia ol li {list-style-type:upper-roman;}
/* ***************

Shariff

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

.feature .layout .shariff ul li {padding-left: 0px ! important;margin-left: 0px ! important;}
.feature .layout .shariff li:before {display: block ! important;font-family:Font Awesome\ 5 Free; margin-left: 0px ! important; }
.shariff li a {line-height: 1 ! important} .shariff li a:hover {color: #fff}

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

CLICK TO TWEET
falls click to tweet verwendet wird

****************** */
.clicktotweet {border: 1px solid #eee;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; padding: 8px ! important}
.csc-frame-frame2 a, .clicktotweet a {color: #999999; font-size: 28px;} .tweet-link {display: block; font-size: 16px;}
.tweet-link:before {color: #a0cced}
.tweet-link:before {content: "\f099"; font-family: 'icomoon'; margin-right: 5px} .tweet-link {margin-left: 10px} .csc-frame-frame2 {padding: 20px; border: 1px solid #dddddd;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}


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

Uploads

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

.layout .media-list li {margin-bottom: 5px; padding-left: 0 ! important}.layout .media-list li:before {content: '' ! important; display: none ! important} .layout ul.media-list li.media span:before {padding-right: 4px ! important}
.layout.smart-list .media-list li{margin-bottom:25px;}
/* ***************

Icon Group

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

@media (max-width:767px){.icongroup-item{margin-bottom:10px}}

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

FORM

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

.checkbox p, .checkbox a, .checkbox p, .checkbox small {font-size: 14px}
form .add-on span, form .add-on a, form .add-on small {font-size: 14px}
.form-check {padding-left: 0 ! important; display: inline-block;}
/* .form-group label .required {display: none} */
.form-check input, .form-check small {float: left;}
.form-check input {width: 25px ! important; position: relative; margin-top: 5px ! important}   .form-check  * {padding-top: 0 ! important; margin-top: 0 ! important; top: 0 ! important}
.form-check small {width: 90% ! important;top:0 ! important; }

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

FORM Validation

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

.has-error input {border: 1px solid red;}

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

PANEL

****************** */
.panel {
  margin-bottom: 18px;
}

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

FOOTER

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

/* Abstand vom Footer nach oben */
body .feature:last-of-type {padding-bottom: 50px ! important}
.c-footer-inner {padding-top: 35px; padding-bottom: 55px;}
.c-footer-inner li:before {color: #eee}
@media (min-width:769px){/* .c-footer-inner li:before {margin-left: 0px}*/ .c-footer-inner ul li {padding-left: 5px; padding-right: 5px}}
@media (max-width:768px){.c-footer-inner li:before {content: ''}
.c-footer-inner * {text-align: center ! important;}
.c-footer-inner p, .c-footer-inner ul { padding: 0;}}
.c-footer .layout-border-after:after {background: #fff; display: block; /* max-width: 450px; */ border-left: 25px solid rgba(0,0,0,0.0) ! important; border-right: 25px solid rgba(0,0,0,0.0) ! important;}
.c-footer-inner h1, .c-footer-inner h2, .c-footer-inner h3, .c-footer-inner h1 a, .c-footer-inner h2 a, .c-footer-inner h3 a {font-size: 18px;} .c-footer-inner h1, .c-footer-inner h2, .c-footer-inner h3 {margin-bottom: 12px;}
@media (min-width:769px){.c-footer-inner h1, .c-footer-inner h2, .c-footer-inner h3, .c-footer .topheader {margin-left: 25px;}}

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

Sollte fuer Barrierefreiheit entfernt werden

****************** */
/*
input:focus,
select:focus,
textarea:focus,
*:focus,
button:focus {
    outline: 1px dashed #ccc ! important;
}
*/