.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left} /*# sourceMappingURL=sourcemaps/tiny-slider.css.map */ @media (min-width:992px){.navbar .nav-item.first-level {margin-left: 10px}} .meta-navbar a {padding-left: 25px;} .meta-navbar a span, .c-footer a { font-family: 'Roboto Condensed', sans-serif; font-weight: 400; color: #fff; text-transform: uppercase} /* fehlt noch auf der anderen Site */ .navbar-light .navbar-toggler:focus { outline: 1px dashed transparent; box-shadow: 0 0 8px transparent!important } /* Animated Hamburger */ .navbar-toggler { border: none; background: transparent !important; } .navbar-toggler:focus { outline: none; background: transparent !important; } .navbar-toggler .icon-bar { background-color: #000; 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; } /*********************************** INDIVIDUELLE ANPASSUNGEN BITTE AUSSCHLIESSLICH IN DIESE DATEI ***********************************/ body h3 strong { font-weight: 500; color: #514445; font-family: "Cormorant Garamond", sans-serif; } #blog-19 .ce-column {max-width: 100%; float: left; margin-bottom: 10px} @media screen and (min-width:560px){#blog-19 .ce-column {max-width: 47%; float: left; margin-bottom: 10px}} @media screen and (min-width:960px){#blog-19 .ce-column {max-width: 24%; float: left; margin-bottom: 0px}} /* *************** BACKGROUND IMAGE ABGEPASST UND IN DEMO CSS ENTFERNT ****************** */ .background-element #main-bg .meinbody {max-width: 540px; margin: 0 auto ! important; } .background-element #main-bg .meinbody .background-element-inner {top: 190px; /* background: #66afe9; background: rgba(102,175,233,0.9); */ margin: 12px; padding: 10px 10px 10px 10px; width: 100%; } .background-element p, .background-element h2, .background-element h3, .background-element h4, .background-element h5 {color:#fff ! important;text-align: center ! important; width: 100%; text-transform: uppercase} .background-element-inner-wrap {border: 1px solid #fff } .background-element-inner-wrap {padding-top: 16px} /*************** responsive background-element begin ****************/ .c-bg-inner { padding-top: 31%; /* height/width of image */ display: block ! important; height: 0 ! important; } #main-bg { background-size: 100% ! important; width: 100%; display: inline-block; /* vertical-align: middle; text-shadow: none; color: transparent; */ background-position: 50% 50%; background-repeat: no-repeat; } @media screen and (max-width: 62em) { .background-element #main-bg .meinbody .background-element-inner {top: 140px;}} @media screen and (max-width: 58em) {#main-bg { height: 300px ! important; background-size: auto 300px ! important;} .background-element #main-bg .meinbody .background-element-inner {top: 140px;}} /*************** responsive background-element end ****************/ @media screen and (max-width: 40em) {.background-element #main-bg .meinbody .background-element-inner {left: 0px; padding: 5px 5px 5px 5px; width: 75%;margin-right: 20px; }} /* *************** HEADER NAVIGATION ****************** */ .header-bg .row.container-fluid .navbar ul {margin-top: 0px ! important; padding-top: 0 ! important} .header-navigation {background: #f22c2d; width: 100%; padding-right: 10px; border-top: 0px solid #f22c2d; border-bottom: 2px solid #f22c2d} .header-navigation ul li {float: right;} .header-navigation ul.nav li a {color: #fff ! important} .header-navigation ul.nav li a:hover, .header-navigation ul.nav li a:focus {color: #eee ! important} .header-navigation ul.nav li a:hover, .header-navigation ul.nav li a:focus {background: none } .header-navigation .row { max-width: 75em; margin: 0 auto} /* *************** SIDEBAR LEFT ****************** */ .feature-1 .col-lg-3 h2 {font-size: 21px} .feature-1 .col-lg-3 h3 {font-size: 18px} .feature-1 .col-lg-3 .ce-menu li {padding-left: 15px; padding-right: 15px} .feature-1 .col-lg-3 .ce-menu li a {margin-left: -10px} .feature-9 .large-9 ul {margin-left: 15px} .feature-1 .col-lg-3 .ce-menu li a:before {font-family:'icomoon'; content:"\f054"} /* .feature-9 .large-9 ul li:before {font-family:'icomoon'; content:"\f054" ! important} */ .feature-1 .col-lg-3 #c104, .feature-1 .col-lg-3 #c3, .feature-1 .col-lg-3 #c24, .feature-1 .col-lg-3 #c25, .feature-1 .col-lg-3 #c26, .feature-1 .col-lg-3 #c107, .feature-1 .col-lg-3 #c108, .feature-1 .col-lg-3 #c109, .feature-1 .col-lg-3 #c110 {background: #6b6b6a; padding-top: 10px; padding-bottom: 15px; margin-bottom: 20px; padding-right: 12px} .feature-1 .col-lg-3 #c104 *, .feature-1 .col-lg-3 #c3 *, .feature-1 .col-lg-3 #c24 *, .feature-1 .col-lg-3 #c25 * , .feature-1 .col-lg-3 #c26 *, .feature-1 .col-lg-3 #c107 *, .feature-1 .col-lg-3 #c108 *, .feature-1 .col-lg-3 #c109 *, .feature-1 .col-lg-3 #c110 * {color: #fff} .feature-1 .col-lg-3 h2, .feature-1 .large-4 h2 { color: #fdfdf8; padding-left: 20px ! important; padding-bottom: 10px; margin-bottom: 12px} .feature-1 .col-lg-3 ul, .feature-1 .large-4 ul {padding-left: 20px ! important; } .feature-1 .col-lg-3 h2, .feature-1 .large-4 h2:before { display: inline-block ;position: relative; border-bottom: 4px solid #fff} body .feature-19 .col-lg-3 h5 span {font-weight: 500; color: #514445; font-size: 28px; line-height: 1; font-family: "Cormorant Garamond", sans-serif ! important;} .feature-1 .col-lg-3 h5, .feature-19 .col-lg-3 h5, .feature-19 .large-4 h5 {font-size: 28px ! important;padding-left: 20px ! important; padding-bottom: 8px; margin-bottom: 9px} .feature-1 .col-lg-3 h5, .feature-19 .col-lg-3 h5, .feature-19 .large-4 h5:before { display: inline-block ;position: relative; border-bottom: 4px solid #f22c2c} .feature-1 .col-lg-3 .ce-bodytext li {list-style-type: none; padding-left: 0; margin-left: 0 ! important} .feature-1 .col-lg-3 .ce-bodytext ul {list-style-type: none; padding-left: 7px ! important} /* *************** NAVBAR ****************** */ .navbar ul li a {font-size: 14px ! important; color: #333333 ! important; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; text-transform: uppercase} .navbar ul li a:hover, .navbar ul li a:focus {color: #666 ! important;} .navbar ul .dropdown-menu a {text-transform: none; font-size: 15px ! important;} .navbar-fixed-top {background: #fdfdf8} .navbar p {margin-top: 10px ! important; line-height: 1.2; margin-bottom: 0} .navbar p a span { font-weight: 400; color: #514545; font-size: 22px; font-family: "Cormorant Garamond", sans-serif; } .navbar p {text-align: right; font-family: "Cormorant Garamond", sans-serif; } .navbar-brand p {position: relative; top: -5px} @media screen and (max-width: 60em) { .navbar-brand p {position: relative; top: -6px} .navbar-brand {padding-top: 2px; margin-top: 2px ! important} .navbar-brand p a span { font-weight: 400; color: #514545; font-size: 15px; font-family: "Cormorant Garamond", sans-serif; }} .navbar-brand p a, .navbar-brand p a span {line-height: 1.2 ! important} .navbar-brand p a span {color: #514545; /* font-size: 13px; */ font-family: "Cormorant Garamond", sans-serif} /* *************** SIDEBAR BUTTON ****************** */ .col-lg-3 p {padding-left: 0 ! important; padding-right: 0 ! important} .col-lg-3 .button {min-width: 100%; display: block; padding: 8px 12px 8px 12px; text-align: center; background: #f22c2d; color: #fff; font-weight: 500} .col-lg-3 .button:hover {background: transparent; color: #f22c2d; font-weight: 500} /* *************** FEATURES ****************** */ .feature-5 h3, .feature-5 h4, .feature-5 h6, .feature-5 h3 a, .feature-5 h3 a,.feature-5 h4 a,.feature-5 h5 a {font-family: "Roboto", sans-serif; font-weight: 300; font-size: 18px} .feature-6 {border-top: 3px solid #fff} .feature-6 .row {padding-top: 75px; padding-bottom: 40px} .feature-7 .row {padding-top: 0; padding-bottom: 75px} .feature-6 h5 {color: #514545; font-size: 24px ! important; text-align: center; border-bottom: 1px solid #fdfdf8; padding-bottom: 25px; margin-bottom: 10px} .feature-6 .news-list-view {margin-top: 20px} .shariff li {height: 50px ! important;} .news h3 a {font-size: 26px ! important} .news .more {font-size: 18px ! important} .feature-7 p {color: #746262} .feature-7 h3, .feature-7 h3, .feature-7 h4, .feature-7 h5 {color: #514545; font-size: 28px} .feature-9 {background: #fff} .feature-9 .row {padding-top: 70px; } .feature-6, .feature-7 {padding-top: 10px; background: #f9f8e8} .feature-9 p {color: #2e2e2} p b {color: #514545; font-weight: 800} .feature-9 ul li {color: #2e2e2e; list-style-type: none; margin-left: 6px ! important} .feature-9 ul {color: #2e2e2e; list-style-type: none; padding-left: 0 ! important} .c-footer {padding-top: 0 ! important;} .c-footer .c-footer-inner {background: #0f0f0f} .c-footer a:hover, .c-footer a:focus {color: #ccc ! important} .six-left ul li, .c-footer ul li {display: inline; padding-left: 0px} .c-footer ul {display: inline; padding-left: 0px} .c-footer ul li:before {content: ''} .six-right, .c-footer ul li {padding-right: 20px} .six-right * {text-align: right ! important; font-family: "Cormorant Garamond", sans-serif ! important; color: #fff ! important; font-size: 17px ! important;} .six-left ul li a {font-family: 'Roboto Condensed', sans-serif; font-weight: 400; text-transform: uppercase ! important; color: #fff ! important; font-size: 14px ! important} /* *************** BUTTON ****************** */ .button {border: 2px solid #f22c2c} /* *************** BUTTON ****************** */ .ce-menu dd {margin-bottom: 18px} /* *************** FONT AWESOME ROUND ****************** */ .feature-6 h4 {text-align: center} .feature-6 i {display: block; margin: 0 auto; margin-bottom: 10px; background: #f22c2c; width: 85px; height: 85px; font-size: 30px; border-radius: 50%; text-align: center; line-height: 85px; vertical-align: middle; color: #f9f8e8; /* padding: 5px; */ } .large-9 li {list-style-type: none; padding-left: 0px; } .large-9 li::before {font-size: 13px; vertical-align: middle; display: inline-block; font-family:'icomoon'; margin-left: -15px; /*same as padding-left set on li*/ width:15px ! important; /*same as padding-left set on li*/ content: "\f054"; color: red; /* or whatever color you prefer */ } blockquote{ display:block; background: #fff; padding: 15px 20px 15px 45px; margin: 28px 20px 28px 0px ! important; position: relative; /*Font*/ font-size: 16px; line-height: 1.2; color: #666; text-align: left; /*Borders - (Optional)*/ border-left: 15px solid #f22c2d; border-right: 2px solid #f22c2d; /*Box Shadow - (Optional)*/ -moz-box-shadow: 2px 2px 15px #ccc; -webkit-box-shadow: 2px 2px 15px #ccc; box-shadow: 2px 2px 15px #ccc; } blockquote::before{ font-family:'icomoon' ! important; content:"\f10e"; color: f22c2d; /* or whatever color you prefer */ /*Font*/ font-family: Georgia, serif; font-size: 32px; font-weight: bold; color: #999; /*Positioning*/ position: absolute; left: 10px; top:5px; } blockquote::after{ /*Reset to make sure*/ content: ""; } blockquote a{ text-decoration: none; background: #eee; cursor: pointer; padding: 0 3px; color: #c76c0c; } blockquote a:hover{ color: #666; } blockquote em{ font-style: italic; } /* Korrekturen */ blockquote p {border-left: none} .maincontent .col-lg-3 .button {margin-top: -15px } h1 i {font-style: normal; white-space: nowrap} .figcaption h3 {font-size: 17px; display: inline-block; margin-top: 8px} #blog-19 .feature-3 .row {padding-top: 0; padding-bottom: 0} #blog-19 .feature-5 .row {padding-top: 10px; } #blog-19 #c36 .ce-textpic .ce-bodytext blockquote {margin-top: 10px ! important} /* Alternativvorschlag */ .no-feature { background: #f9f8e8;} body .services-4 {background: #f22c2d ! important; padding-top: 55px ! important; padding-bottom: 40px ! important;} .services-4 .row {padding-bottom: 20px ! important} .services-4 p, .services-4 h2, .services-4 h3, .services-4 h4, .services-4 li, .services-4 a {color: #fff } body .three h3 {font-size: 17px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif ! important; color: #000; line-height: 1.2} body .services-4 .button {background: #fff; color: #f22c2d;} body .services-4 .c-html {margin-top: 36px} /* NETTE FARBE */ .feature-6 {border-top: 3px solid #f9f8e8} body .meta-header {background: #f22c2d} body .meta-header .meta-icon:before {color: #fff ! important; font-size: 18px} body .header-bg, body .header-bg .navbar , body .small-header-top, .feature, .navbar ul ul { background: #f9f8e8 ! important;} body .navbar {border-bottom: 1px solid #f9f8e8 ! important;} .no-feature { background: #f9f8e8;} .navbar-fixed-top, .navbar-fixed-top .c-main-navigation li.active a, .navbar-fixed-top .c-main-navigation li a:hover, .navbar-fixed-top .c-main-navigation ul li a, .c-main-navigation .dropdown-menu > .active > a, .c-main-navigation .dropdown-menu > .active > a:hover, .c-main-navigation .dropdown-menu > .active > a:focus {background: #f9f8e8 ! important} .feature-9 {background: #f9f8e8} .feature-6, .feature-7 {padding-top: 10px; background: #f9f8e8} .feature-1 .col-lg-3 h2, .feature-1 .large-4 h2:before { display: inline-block ;position: relative; border-bottom: 4px solid #f9f8e8}