/*
Theme Name: North Child
Theme URI: http://themeforest.net/item/north-one-page-parallax-wordpress-theme/8454561
Description: One Page WordPress Theme
Version: 1.2
Author: Veented
Author URI: http://themeforest.net/user/Veented
Template: north
*/


/* Your code goes below! */

body {font-family: "Roboto" !important;}

body, h2.description, .vntd-cta-style-centered h1, .home-fixed-text, .font-secondary, .wpcf7-not-valid-tip, .testimonials h1 {
    font-family: "Roboto" !important;     line-height: 1.9em;
}
a.btn.btn-accent {
    border-radius: 0;
    margin-right: 10px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: "Roboto" !important;
}
a.btn {opacity: 1;}
p.subtitle-text {
    font-family: "Roboto" !important;
    font-style: normal;
    font-weight: normal;
}

h1.f-head.mini-header {
    font-family: "Roboto Slab";
}
h2.h1, .h1 {
    font-family: "Roboto Slab" !important;
    text-transform: inherit !important;
    color: #18391c !important;
    letter-spacing: normal !important;
}

h1{
    font-family: "Roboto Slab" !important;
}

#kontakt p.h1{
    font-family: "Roboto Slab" !important;
}
h2, .h2{
    font-family: "Roboto Slab" !important;
    text-transform: inherit !important;
    color: #18391c !important;
    letter-spacing: normal !important;

}
h4, h3, #kontakt p.h4{ font-family: "Roboto Slab" !important;}


a.vntd-cta-button.scroll.vntd-button-white {
    font-family:"Roboto", Open Sans, Helvetica, sans-serif !important;
	font-size:1em;
	text-transform: uppercase;
    width: auto;
    display: inline-block;
    text-align: center;
    margin: 30px 15px 0;
    color: #2a2a2a;
    background: white;
    padding: 10px 30px 8px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#hinweis-text {
    margin-bottom: 0;
}

#hinweis-text a:hover {
font-weight: normal;
    color: #18391c;
}

a:hover{
    color: #18391c;
}

.white{
	color:#FFFFFF !important;
}

.vntd-cta-button:hover{
	background-color:#e7e7e7 !important;
}

.vntd-cta-button:hover a{
	color: #18391c !important;
}

#leistungen .leistung p{
	color:#717171 !important;
}

#leistungen  .leistung h1, #leistungen  .leistung h2, #leistungen .leistung h3, #leistungen .leistung h4, #leistungen .leistung h5, #leistungen .leistung h6, .h4{
		color: #18391c !important;
}

.vntd-pricing-box.p-table ul.properties li {
    margin-top: 13px;
	font-weight: normal;
    font-size: 14px;
    text-transform: none;
    list-style: none;
    color: #717171;
    font-family: "Roboto", Open Sans, Helvetica, sans-serif !important;
}


.vntd-pricing-box.p-table.active a.p-button, .vntd-pricing-box.p-table a.p-button:hover{
	background-color: #18391c;}

.vntd-pricing-box.p-table a.p-button {
    color: inherit;
    padding: 10px 20px;
    margin-top: 40px;
    display: inline-block;
    text-align: center;
	color:#FFFFFF;
    background: #18391c;
	font-family: "Roboto", Open Sans, Helvetica, sans-serif !important;
    font-size: 1em;
}
a.p-button {
    color: inherit;
    padding: 10px 20px;
    margin-top: 40px;
    display: inline-block;
    text-align: center;
    color: #FFFFFF;
    background: #18391c;
    font-family: "Roboto", Open Sans, Helvetica, sans-serif !important;
    font-size: 1em;
}
.prices .wpb_text_column :last-child, .prices .wpb_text_column p:last-child {
    margin-bottom: 8em;
}
a.p-button {
    position: absolute;
    bottom: -3em;
}

.vntd-pricing-box h3 b {
    font-size: 19px;
    font-weight: normal;
    line-height: 20px;
	    display: block;
}
.vntd-pricing-box.p-table ul.properties {
    margin-top: 20px;
}

.vntd-pricing-box.p-table h1, .vntd-pricing-box.p-table h3  {
    color: #18391c !important;
}


#back-top a{
	border-radius: 0px;
}
.vntd-portfolio-carousel .works .owl-controls .owl-buttons div {
    border-radius: 0px;
	width: 15px !important;
    height: 15px !important;
}
.vntd-portfolio-carousel .works .owl-controls .owl-buttons .owl-prev:hover,
.vntd-portfolio-carousel .works .owl-controls .owl-buttons .owl-next:hover{
	opacity: 0.4 !important;
	background: #fff !important;
}
.vntd-portfolio-carousel .works .owl-controls .owl-buttons div, .vntd-portfolio-carousel .works .owl-controls .owl-buttons div:nth-of-type(2){
	background-size:30%;
}

.contact {
    max-width: 100%;
    margin: 5px auto 0;
    overflow: hidden;
}

.contact a, .vntd-accent-color {
    color: #18391c;
}
.clients .owl-controls .owl-pagination .owl-page {
border-radius: 60px;
	background: #18391c;

    -webkit-transform: scale(1.4) !important;
    -moz-transform: scale(1.4) !important;
    -ms-transform: scale(1.4) !important;
    transform: scale(1.4) !important;
	opacity: 0.4;

}

.clients .owl-controls .owl-pagination .owl-page.active {
	border: 0px solid #717171;
	background-color: #18391c;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
}




.contact form input, .contact form textarea {
    width: 100%;
    height: auto;
    padding: 15px 15px 12px;
    font-size: 18px;
    margin-bottom: 18px !important;
    color: #7f7f7f;
    letter-spacing: 0.5px;
    background: #fafafa;
    border: 1px solid #eeeeee;
    outline: none;
    font-weight: normal;
	font-family: "Roboto", Open Sans, Helvetica, sans-serif !important;
    text-transform: none;
}

input.wpcf7-form-control.has-spinner.wpcf7-submit{ background-color: #18391c !important; color:#FFF !important;}



.contact input[type="checkbox"] {
    margin-left: -15px;
}

.contact .col-md-12.mx-auto{
	padding:0;
}

.contact input.wpcf7-form-control.wpcf7-submit {
    font-family: "Roboto", Open Sans, Helvetica, sans-serif !important;
    font-size: 1em;
    text-transform: uppercase;
	color: #2a2a2a;
	width: auto;
    padding: 10px 20px;
}

#page-content .soft-white-bg:before {
    background-color: rgba(255,255,255, 0.3);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: '';
	background: linear-gradient(0deg,rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 70%);
    /* z-index: 1; */
}

a.link {
    font-size: 15px;
	font-family: "Roboto", Open Sans, Helvetica, sans-serif !important;
	color: #18391c !important;

}

.trenn{
	padding-left:5px;
	padding-right:5px;
}

	.vntd-pricing-box.p-table {
		border-left: 0px solid rgba(255,255,255,0.2); }


#kontakt, #kontakt p, span.wpcf7-list-item-label {
    font-family: "Roboto", Open Sans, Helvetica, sans-serif !important;
	font-weight: normal;
}
footer.footer.dark-footer {
    background: #e1dfd0 !important;
}


input.wpcf7-form-control.wpcf7-submit:hover {
    color: #FFFFFF !important;
}
.post-info {
    display: none !important;
}
.vntd-portfolio-carousel.blog-carousel .works .item h1.f-head a {
    color: #ffffff !important;
	    font-size: 22px;

}
.vntd-portfolio-carousel .works .owl-controls .owl-buttons div:nth-of-type(2){background:white; background-image: none;}
.vntd-portfolio-carousel .works .owl-controls .owl-buttons div{background:white; border-radius: 60px; opacity: 1; background-image: none;}
.vntd-portfolio-carousel.blog-carousel .works .item h1.f-head a:hover {
    text-decoration: underline;
}
.vntd-portfolio-carousel.blog-carousel .works .owl-controls .owl-buttons div:last-child:hover {
    background-image: none !important;
}
.vntd-portfolio-carousel.blog-carousel .works .owl-controls .owl-buttons div:hover {
    background-image: none;
}

.owl-carousel .owl-wrapper-outer {
    margin-bottom: 2em;
}

#page-content .blog-carousel .owl-controls {
    position: absolute;
    top: auto !important;
    margin-top: 0;
}
.blog-carousel {
    padding-top: 0px;
}





a.client-image {
    display: none !important;
}

.item.b-scroll {
    text-align: left;
}

span.wpcf7-form-control.wpcf7-acceptance {
    margin-left: 1px;
}

#start .vc_row.vc_row-o-columns-middle{
	align-content: flex-end;
}
#start .vc_row.vc_row-o-columns-middle .vc_column-inner{
	padding-bottom: 5%;
}

#start .vntd-special-heading  h1, #start h2 {
    color: #18391c !important;
}

#start .vntd-special-heading .header-strips-one.animated.vntd-animated.fadeIn.visible {
    border-color: #18391c !important;
}
.sb_instagram_header.sbi_no_avatar {
    display: none !important;
}

#paket .vntd-special-heading h1, #paket .vntd-special-heading h2 {
    color: #FFFFFF !important;
}

#start .bluehead{    background-position: -0px 0px !important;}

blockquote{font-family: "Roboto Slab", Open Sans, Helvetica, sans-serif; color:#FFF; font-size:2em; border:none;}
blockquote .author{font-size:0.5em;}

#sorgerecht .vc_column-inner {
    background-position: 0px 0px !important;
}
.single-post  .blog-head.clearfix {    display: none;}


#sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a {

    background: #18391c;
    color: #fff;
    border-radius: 0px;;
}
.nav-menu ul li a{ font-family: "Roboto Slab" !important; font-family: normal; font-style:normal;
    color: #18391c;
    font-size: 18px;
    padding-left: 12px;
    padding-right: 12px;
}



#navigation-sticky-sticky-wrapper.sticky-wrapper{
	height: 125px !important;
	transition: height 0.3s;
}
#navigation-sticky-sticky-wrapper.sticky-wrapper #navigation-sticky{
	height: 125px !important;
	transition: height 0.3s;
}
#navigation-sticky-sticky-wrapper.sticky-wrapper .nav-inner .logo a img{
	transition: height 0.3s;
    width: auto;
	max-height: initial;
}

#gallery-2 .wpb_row{
	padding-bottom: 0 !important;
}

@media screen {
    
}


#navigation-sticky-sticky-wrapper.sticky-wrapper .nav-menu ul li a {
  line-height: 100px;
  transition: line-height 0.3s;
}
#navigation-sticky-sticky-wrapper.sticky-wrapper.is-sticky{
	max-height: 70px !important;
	transition: height 1.0s;
}
#navigation-sticky-sticky-wrapper.sticky-wrapper.is-sticky #navigation-sticky{
	height: 75px !important;
	transition: height 1.0s;
}
#navigation-sticky-sticky-wrapper.sticky-wrapper.is-sticky .nav-inner .logo a img{
	max-height: 50px !important;
	transition: height 1.0s;
}
#navigation-sticky-sticky-wrapper.sticky-wrapper.is-sticky .nav-menu ul li a {
	line-height: 52px !important;
	transition: line-height 1.0s;
}



.nav-inner .logo a img {
    height: 75px;
}

h3.blog-post-heading.uppercase.font-primary{color: #18391c !important;}

h6 {font-family: "Roboto" !important; font-family: normal; font-style:normal; color: #18391c !important;}
.blog-head .blog-head-left p {font-family: "Roboto" !important; font-family: normal; font-style:normal;
    color: #18391c !important;
}
.vntd-portfolio-carousel.blog-carousel .works .item .f-head a {
    color: #ffffff;
}

@media (max-width: 992px) {
.vntd-pricing-box.p-table h1 {
    font-size: 40px;
    margin: 0;
    padding: 0;
}
	.vntd-pricing-box.p-table h1 span {
    display: block !important;
}

}
@media (max-width: 767px) {
	.hiddenmobile {display:none !important;}
	section#anwalt {
    text-align: center;
}
	section#leistungen {
    text-align: center;
}
	.vntd-pricing-box {
    text-align: center;
}
	.centermobile{
    text-align: center;
}
	section#kontakt {
    text-align: center;
}
	.mobilechange.vc_row {
    flex-direction: column-reverse;
}
	
	.vc_column-inner.vc_custom_1589804644462 , .vc_column-inner.vc_custom_1589804544491, .vc_column-inner.vc_custom_1589804549073, .vc_column-inner.vc_custom_1589531271007, .vc_column-inner.vc_custom_1589531279826, .vc_column-inner.vc_custom_1589531279826, .vc_row.wpb_row.vc_custom_1589533156413.b-scroll{
    padding: 40px 15px !important;
}
	.vntd-pricing-box.p-table {
    border-left: 0px solid rgba(255,255,255,0.2); 
		padding: 0px;}
	
	h1.header.animated.vntd-animated.visible {
    font-size: 32px;
}
	
	section#kontakt .vc_column_container>.vc_column-inner{
		padding:0 15px;
	}
	
	.vc_column-inner.vc_custom_1589804644462, .vc_column-inner.vc_custom_1589873992027, .vc_column-inner.vc_custom_1589804544491, .vc_column-inner.vc_custom_1589871968328, .vc_column-inner.vc_custom_1589804549073 {
    margin-top: -20px;
}
	.vc_row.wpb_row.vc_custom_1589530437184.b-scroll {
    padding-bottom: 0px !important;
}
	.vc_column-inner.vc_custom_1589804549073.b-scroll {
    margin-bottom: -20px;
}
	.wpb_column.vc_column_container.vc_col-sm-4.vc_col-has-fill.b-scroll {
    margin-top: -20px;
    border-top: 1px solid #FFFFFF;
}
	
	.first.wpb_column.vc_column_container.vc_col-sm-4.vc_col-has-fill.b-scroll{
		 border-top: none !important;
	}
.vc_column-inner.vc_custom_1589532624425.b-scroll{
		padding:40px 15px !important;
	} 
	.vc_column-inner.vc_custom_1589532624425.b-scroll {
    margin-top: -10px;
    border-top: 2px solid #FFFFFF;
}
	#paket .vc_row.wpb_row.parallax.b-scroll{padding-bottom: 0px;}
	
	.vc_row.wpb_row.vc_row-o-equal-height.vc_row-flex.b-scroll {
    padding: 0px !important;
}
	#kunden .vntd-special-heading.b-scroll {
    padding-top: 100px;
}
	#page-content .vc_custom_1592300695964 {
		background-position: -65px !important;}
	.wpb_column.vc_column_container.vc_col-sm-4.vc_col-has-fill.b-scroll {
    width: 100% !important;
}
	.leistung .wpb_wrapper.b-scroll {
    text-align: center;
}
	.vc_column-inner.vc_custom_1592307251563.b-scroll {
    margin-top: -10px !important;
    border-top: 1px solid #ffffff;
}
	.wpb_column.vc_column_container.vc_col-sm-6.vc_col-has-fill.b-scroll {
    padding: 0px 10px;
}
	
	.nopadding.wpb_column.vc_column_container.vc_col-sm-6.vc_col-has-fill.b-scroll{padding:0 !important}
	.item.b-scroll {
    text-align: center;
}
	#start .bluehead{background-position: -200px 0px !important;}

}
@media (min-width: 768px) {
.mobilechange.vc_row {
    flex-direction: inherit;
}
	.clients .item.b-scroll , .clients .owl-item{
    text-align: left !important;
}
	div#box5 {
    width: 50% !important;
}
		div#box6 {
    width: 50% !important;
}
		div#box7 {
    width: 75% !important;
}
		div#box8 {
      width: 25% !important;
}
			div#box9 {
       width: 33.33% !important;
}
	
}

@media (min-width: 1400px) {
	#start .bluehead{background-position: 0px -100px !important;}
}

@media (min-width: 1167px) {
	#start .bluehead{background-position: 0px 0px !important;}
}

@media (max-width: 1024px) {

	#start .bluehead {
		background-position: -240px left !important}
	#start img.vc_single_image-img {
    width: 450px;
    height: auto;
		
}
		.vntd-pricing-box.p-table h1 span {
    display: block;
}
	
	.wpb_column.vc_column_container.vc_col-sm-1/5.vc_col-has-fill.b-scroll{
		background-position: right;
	}
	.vc_column-inner.vc_custom_1592312400967 {
    background-position: right !important;
}


}

@media (max-width: 1024px) and (orientation:landscape){
		#start .bluehead {
		background-position: 0px !important;}
	
}

@media (max-width: 425px) {
	#start img.vc_single_image-img {
    width: 250px;
    height: auto;
		
}
}
@media (min-width: 1024px) {
		div#box5, div#box6, div#box7, div#box8, div#box9 {
    width: 25%!important;
}
	
	
	div.wpcf7-response-output {
    padding: 10px 14px;
    margin: 0 0px;
}
div.wpcf7-mail-sent-ok, div.wpcf7-response-output{
    border: 2px solid #18391c;
}
}



@font-face {
    font-family: "hk_grotesk";
    src: url('fonts/hkgrotesk-bold-webfont.woff2') format('woff2'),
         url('fonts/hkgrotesk-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: "hk_grotesk";
    src: url('fonts/hkgrotesk-italic-webfont.woff2') format('woff2'),
         url('fonts/hkgrotesk-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: "hk_grotesk";
    src: url('fonts/hkgrotesk-regular-webfont.woff2') format('woff2'),
         url('fonts/hkgrotesk-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* raleway-700 - latin */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: bold;
    src: url('fonts/raleway-v28-latin-700.eot'); /* IE9 Compat Modes */
    src: url('fonts/raleway-v28-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/raleway-v28-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/raleway-v28-latin-700.woff') format('woff'), /* Modern Browsers */
         url('fonts/raleway-v28-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/raleway-v28-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
  }




/**
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Gazpacho Heavy by Santi Rey
 * URL: https://www.myfonts.com/products/heavy-gazpacho-337865
 * Copyright: Copyright © 2023 Monotype Imaging Inc. All rights reserved.
 * 
 * © 2023 MyFonts Inc. */


  
 @font-face {
    font-family: "GazpachoHeavy";
    src: url('fonts/GazpachoHeavy/font.woff2') format('woff2'), 
    url('fonts/GazpachoHeavy/font.woff') format('woff');
  }


/*End Gazpacho
 */

@font-face {
    font-family: 'Roboto Slab';
    src: url('fonts/roboto-slab/RobotoSlab-Medium.woff2') format('woff2'),
    url('fonts/roboto-slab/RobotoSlab-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('fonts/roboto-slab/RobotoSlab-ExtraLight.woff2') format('woff2'),
    url('fonts/roboto-slab/RobotoSlab-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('fonts/roboto-slab/RobotoSlab-SemiBold.woff2') format('woff2'),
    url('fonts/roboto-slab/RobotoSlab-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('fonts/roboto-slab/RobotoSlab-Black.woff2') format('woff2'),
    url('fonts/roboto-slab/RobotoSlab-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('fonts/roboto-slab/RobotoSlab-Light.woff2') format('woff2'),
    url('fonts/roboto-slab/RobotoSlab-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('fonts/roboto-slab/RobotoSlab-Thin.woff2') format('woff2'),
    url('fonts/roboto-slab/RobotoSlab-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('fonts/roboto-slab/RobotoSlab-ExtraBold.woff2') format('woff2'),
    url('fonts/roboto-slab/RobotoSlab-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('fonts/roboto-slab/RobotoSlab-Regular.woff2') format('woff2'),
    url('fonts/roboto-slab/RobotoSlab-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('fonts/roboto-slab/RobotoSlab-Bold.woff2') format('woff2'),
    url('fonts/roboto-slab/RobotoSlab-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto/Roboto-ExtraBoldItalic.woff2') format('woff2'),
    url('fonts/Roboto/Roboto-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto/Roboto-ExtraLight.woff2') format('woff2'),
    url('fonts/Roboto/Roboto-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto/Roboto-Light.woff2') format('woff2'),
    url('fonts/Roboto/Roboto-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto/Roboto-Italic.woff2') format('woff2'),
    url('fonts/Roboto/Roboto-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto/Roboto-ExtraLightItalic.woff2') format('woff2'),
    url('fonts/Roboto/Roboto-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto/Roboto-ExtraBold.woff2') format('woff2'),
    url('fonts/Roboto/Roboto-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto/Roboto-BlackItalic.woff2') format('woff2'),
    url('fonts/Roboto/Roboto-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto/Roboto-Black.woff2') format('woff2'),
    url('fonts/Roboto/Roboto-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto/Roboto-SemiBold.woff2') format('woff2'),
    url('fonts/Roboto/Roboto-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto/Roboto-Bold.woff2') format('woff2'),
    url('fonts/Roboto/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto/Roboto-LightItalic.woff2') format('woff2'),
    url('fonts/Roboto/Roboto-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto/Roboto-MediumItalic.woff2') format('woff2'),
    url('fonts/Roboto/Roboto-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto/Roboto-Medium.woff2') format('woff2'),
    url('fonts/Roboto/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto/Roboto-SemiBoldItalic.woff2') format('woff2'),
    url('fonts/Roboto/Roboto-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto/Roboto-Thin.woff2') format('woff2'),
    url('fonts/Roboto/Roboto-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto/Roboto-ThinItalic.woff2') format('woff2'),
    url('fonts/Roboto/Roboto-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto/Roboto-Regular.woff2') format('woff2'),
    url('fonts/Roboto/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto/Roboto-BoldItalic.woff2') format('woff2'),
    url('fonts/Roboto/Roboto-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}


/*Navigation*/
#navigation-sticky-sticky-wrapper{
    position: absolute;
    width: 100%;
}

.zertifikate .wpb_wrapper{
    display: flex;
    justify-content: space-between;
}

.zertifikate .wpb_single_image{
    display: flex;
}

.zertifikate .wpb_single_image .wpb_wrapper{
    margin: auto;
}

@media(max-width:767px){
    .zertifikate .wpb_wrapper{
        flex-direction: column;
    }
}

#page-title .page_header_inner{
    padding-top: 17rem;
}