:root {
--blau: #204962;
--orange: #ff7900;
--hellblau: #87cddc;
--gelb: #ffcd32;
}
@font-face {
font-family: 'Roboto-Regular';
src: url(//www.fuchskonzept.com/wp-content/themes/salient-child/fonts/Roboto-Regular.woff) format('woff2'),
url(//www.fuchskonzept.com/wp-content/themes/salient-child/fonts/Roboto-Regular.woff)') format('woff');
font-weight: 400;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@font-face {
font-family: 'Roboto-Italic';
src: url(//www.fuchskonzept.com/wp-content/themes/salient-child/fonts/Roboto-Italic.woff) format('woff2'),
url(//www.fuchskonzept.com/wp-content/themes/salient-child/fonts/Roboto-Italic.woff)') format('woff');
font-weight: 400;
font-style: italic;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@font-face {
font-family: 'Roboto-Medium';
src: url(//www.fuchskonzept.com/wp-content/themes/salient-child/fonts/Roboto-Medium.woff) format('woff2'),
url(//www.fuchskonzept.com/wp-content/themes/salient-child/fonts/Roboto-Medium.woff)') format('woff');
font-weight: 500;
font-style: medium;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@font-face {
font-family: 'Roboto-MediumItalic';
src: url(//www.fuchskonzept.com/wp-content/themes/salient-child/fonts/Roboto-MediumItalic.woff) format('woff2'),
url(//www.fuchskonzept.com/wp-content/themes/salient-child/fonts/Roboto-MediumItalic.woff)') format('woff');
font-weight: 500;
font-style: medium;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@font-face {
font-family: 'Roboto-Bold';
src: url(//www.fuchskonzept.com/wp-content/themes/salient-child/fonts/Roboto-Bold.woff) format('woff2'),
url(//www.fuchskonzept.com/wp-content/themes/salient-child/fonts/Roboto-Bold.woff)') format('woff');
font-weight: 700;
font-style: bold;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@font-face {
font-family: 'Roboto-BoldItalic';
src: url(//www.fuchskonzept.com/wp-content/themes/salient-child/fonts/Roboto-BoldItalic.woff) format('woff2'),
url(//www.fuchskonzept.com/wp-content/themes/salient-child/fonts/Roboto-BoldItalic.woff)') format('woff');
font-weight: 700;
font-style: italic;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@font-face {
font-family: 'RobotoSlab-Regular';
src: url(//www.fuchskonzept.com/wp-content/themes/salient-child/fonts/RobotoSlab-Regular.woff) format('woff2'),
url(//www.fuchskonzept.com/wp-content/themes/salient-child/fonts/RobotoSlab-Regular.woff)') format('woff');
font-weight: 400;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@font-face {
font-family: 'RobotoSlab-Medium';
src: url(//www.fuchskonzept.com/wp-content/themes/salient-child/fonts/RobotoSlab-Medium.woff) format('woff2'),
url(//www.fuchskonzept.com/wp-content/themes/salient-child/fonts/RobotoSlab-Medium.woff)') format('woff');
font-weight: 500;
font-style: medium;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@font-face {
font-family: 'RobotoSlab-Bold';
src: url(//www.fuchskonzept.com/wp-content/themes/salient-child/fonts/RobotoSlab-Bold.woff) format('woff2'),
url(//www.fuchskonzept.com/wp-content/themes/salient-child/fonts/RobotoSlab-Bold.woff)') format('woff');
font-weight: 700;
font-style: bold;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} body {
font-family: 'Roboto-Regular';
font-size: 18px;
line-height: 28px;
font-weight: 400;
font-style: normal;
color: var(--blau);
letter-spacing: 0.1;
-webkit-font-smoothing: antialiased;
} p strong {
font-family: 'Roboto-Bold';
font-size: 18px;
line-height: 28px;
font-weight: 700;
font-style: normal;
letter-spacing: 0.1;
-webkit-font-smoothing: antialiased;
}
p strong em {
font-family: 'Roboto-BoldItalic';
font-size: 18px;
line-height: 28px;
font-weight: 700;
font-style: italic;
letter-spacing: 0.1;
-webkit-font-smoothing: antialiased;
}
p {
font-family: 'Roboto-Regular';
font-size: 18px;
line-height: 28px;
font-weight: 400;
font-style: normal;
letter-spacing: 0.1;
-webkit-font-smoothing: antialiased;
}
p em {
font-family: 'Roboto-Italic';
font-size: 18px;
line-height: 28px;
font-weight: 400;
font-style: italic;
letter-spacing: 0.1;
-webkit-font-smoothing: antialiased;
}
h2 {
font-family: "RobotoSlab-Bold"!important;
font-weight: 700;
font-style: normal;
color: var(--blau);
}
h3 {
font-family: "RobotoSlab-Regular"!important;;
font-weight: 400;
font-style: normal;
color: var(--blau);
}
.nectar-dropcap {
font-size: 4em;
display: block;
float: left;
padding: 15px 10px 0 0;
}   .HeroHeading h1 {
font-family: "RobotoSlab-Bold"!important;; }
em {
font-family: "RobotoSlab-Regular"!important;
font-weight: 400!important;
color: var(--orange);
font-style: normal;
}
.HeroTeaser p {
font-family: 'Roboto-Regular';
font-size: 20px;
line-height: 32px;
font-weight: 400;
color: var(--blau);
letter-spacing: 0;
-webkit-font-smoothing: antialiased;
}
.SectionHeading h2  {
font-family: "RobotoSlab-Bold"!important;;
font-weight: 700;
color: var(--blau);
}
.SectionHeading h2 em {
font-family: "RobotoSlab-Regular"!important;;
font-weight: 400;
font-style: normal;
color: var(--blau);
}
.SectionHeadingWhite h2 {
font-family: "RobotoSlab-Bold"!important;;
font-weight: 700;
color: #FFffff;
}
.SectionHeadingWhite h2 em {
font-family: "RobotoSlab-Regular"!important;;
font-weight: 400;
font-style: normal;
color: #FFffff;
}
.SectionHeadingSub h3 {
font-family: 'Roboto-Regular';
font-size: 20px;
font-weight: 400;
color: var(--orange);
letter-spacing: 0;
line-height: 32px;
-webkit-font-smoothing: antialiased;
} h3.post-heading {
font-family: 'Roboto-Regular';
font-size: 18px;
font-weight:400;
font-style: medium!important;
color: var(--blau)!important;
letter-spacing: 0.1;
}
.testimonials h4 {
font-family: 'RobotoSlab-Regular'!important;;
font-size: 20px;
font-weight: 400;
color: var(--blau);
letter-spacing: 0;
line-height: 28px;
}
.testimonials h3 {
font-family: "RobotoSlab-Bold"!important;;
font-size: 29px;
font-weight: 700;
color: var(--blau);
letter-spacing: 0;
line-height: 48px;
}
.testimonials h5 {
font-family: "RobotoSlab-Regular"!important;;
font-size: 18px;
font-weight: 400;
color: var(--blau)!important;
letter-spacing: 0;
line-height: 24px;
}
.testimonials h6{
font-family: "Roboto-Regular";
font-size: 14px;
font-weight: 400;
color: var(--blau);
letter-spacing: 0;
line-height: 20px;
}
.SectionHeading h2 strong{
font-family: "RobotoSlab-Bold"!important;;
font-weight: 700;
background-image: url(https://www.fuchskonzept.com/wp-content/uploads/2022/06/headline_stroke.svg);
background-size: auto 20px;
padding-bottom: 0px;
background-repeat: repeat-x;
background-position: left bottom;
}
.SectionHeading h2 em {
font-family: "RobotoSlab-Bold"!important;
font-weight: 700;
background-image: url(https://www.fuchskonzept.com/wp-content/uploads/2022/06/headline_stroke.svg);
background-size: auto 20x;
padding-bottom: 0px;
background-repeat: repeat-x;
background-position: left bottom;
}  }   #page-header-bg[data-post-hs="default_minimal"] .inner-wrap >a {
display:none!important;
}
.masonry.material .masonry-blog-item .grav-wrap .text  {
display: none!important;
}
.masonry.material .masonry-blog-item .meta-category a {
display: none!important;
}
.masonry-blog-item {
box-shadow: rgba(0,0,0,.04) 0 1px 0,rgba(0,0,0,.05) 0 2px 7px,rgba(0,0,0,.06) 0 12px 22px;
}
div#author-info {
display: none!important;
}
#infscr-loading {
border-color: #fff!important;
}
#infscr-loading div {
color: #fff!important;
}
a.allgemein {
display: none!important;
}
li::marker {
font-size: 20px!important;
font-weight: 700!important;
font-family: Roboto-Bold;
}
.TextSection.Box blockquote::before  {
display: none!important;
}
.TextSection.Box blockquote {
font-weight: 300;
line-height: 40px;
font-size: 22px;
padding: 4%;
border-radius: 10px;
letter-spacing: .5px;
background-color:var(--gelb);	
}
.TextSection.Box h3 blockquote  {
font-weight: 400!important;
}
.TextSection.Box blockquote ol {
font-size: 18px;
line-height: 28px;
font-weight: 300!important;
font-style: normal!important;
} .arrow-end.fa.fa-angle-right {
display:none;
}
.fa.fa-angle-right::before {
display:none;
}
body .team-member[data-style="bio_fullscreen"] .team-meta .arrow-line {
display:none;
}
.team-member[data-style="bio_fullscreen"]:hover .team-meta p { font-size: 14px;
}
.team-member[data-style="bio_fullscreen"] .team-meta p {
font-size: 14px; }
.team-member[data-style="bio_fullscreen"] .team-member-overlay {
border-radius: 10px;
}
.nectar_team_member_overlay {
background-color: #FFFDF6;
} .Leistung h4 {
color:var(--blau);
}
.TextSection h2 {
font-size: 40px;
line-height: 44px;
}
.TextSection h3 {
font-size: 20px;
font-weight: 700;
}
.TextSection h4 {
color:var(--blau)!important;
}
.portfolio-items[data-ps="8"] .col h3{
font-size: 18px;
line-height: 22px;
}
.TextSection p a {
color: var(--orange)!important;
text-decoration: underline!important;
text-underline-offset: 4px;
cursor: pointer;
}
.TextSection ul li a {
color: var(--orange)!important;
text-decoration: underline!important;
text-underline-offset: 4px;
cursor: pointer;
}
.work-info-bg:hover  {
border-radius: 10px;
}
.work-item.style-2:hover  {
border-radius: 10px;
}
body .portfolio-items .col img {
border-radius: 10px;
}
.bottom_controls {
display: none;
}
#portfolio-nav {
display: none;
}
.breadcrumb_last {
color: var(--orange);
}
.iwithtext .iwt-icon {
position: absolute;
top: -5px!important;
}
div.iwt-text {
font-family: "RobotoSlab-Regular"!important;;
font-size: 13px!important;
font-weight: 400;
font-style: normal;
color: #ffffff;
}
.LeistungRow.wpb_row {
margin-bottom: 24px!important;
}
.portfolio-items .col .work-item {
border-radius: 10px!important;
} #footer-outer[data-cols="1"] #footer-widgets .container .col {
text-align: left!important; 
}
#text-3, #menu-footer.menu, .FooterIcon {
margin-top: 10px;
}
#text-3 .widget .widget_text p {
font-size: 16px!important;
}
div.textwidget p {
font-size: 16px!important;
}
ul#menu-footer.menu  li a{
font-size: 16px;
}
.FooterIcon {
margin-right: 16px;
}
#cookie-notice .cn-button:not(.cn-button-custom) {
margin: 10px!important;
} 
a.allgemein {
display: none!important;
}
ul#menu-footer.menu li a{
font-family: 'Roboto-Regular';
font-size: 18px;
line-height: 28px;
font-weight: 400;
font-style: normal;
}
.material #footer-outer .widget li a {
font-family: 'Roboto-Regular';
font-size: 16px;
line-height: 28px;
font-weight: 400;
font-style: normal;
}
body #slide-out-widget-area .inner .off-canvas-menu-container li a {
font-family: 'Roboto-Regular';
font-weight: 400;
}
@media only screen and (max-width: 1000px) and (min-width: 690px) {
#footer-widgets .container .col {
text-align: left!important;
margin-left: unset!important;
width: 100%!important;
}
}
@media only screen and (min-width: 1px) and (max-width: 999px) {
#footer-widgets .container .col {
margin-bottom: 20px;
}
} @media only screen and (min-width: 1000px) and (max-width: 5000px) {
h2 {
font-size: 47px;
line-height: 54px;
}
#SectionRow {
width: 75%;
float: right;
}
}
@media only screen and (min-width: 690px) and (max-width: 999px) {
h2 {
font-size: 40px!important;
line-height: 44px!important;
}
#SectionRow {
width: 100%;
float: right;
}
em {
font-size: 80%!important; }
}
@media only screen and (min-width: 320px) and (max-width: 689px) {
h2 {
font-size: 36px!important;
line-height: 40px!important;
}
}
@media only screen and (min-width: 320px) and (max-width: 1366px) {
.HeroTeaser  p {
font-size: 18px;
letter-spacing: 0.1;
line-height: 32px;
}
}
@media only screen and (min-width: 1000px) and (max-width: 1240px) {
.portfolio-items .col h3{
font-size: 14px!important;
line-height: 18px!important;
}
.portfolio-items[data-ps="8"] .col .work-info .vert-center {
bottom: 20px;
}
}