/*
 Theme Name:  Prachtwand
 Description: Child Theme for Divi
 Template:    Divi
 Version:     1.0.7
*/

@import url("../Divi/style.css");

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
	font-display: swap;
  src: url('./fonts/roboto-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('./fonts/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */
       url('./fonts/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/roboto-v20-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
	font-display: swap;
  src: url('./fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('./fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
	font-display: swap;
  src: url('./fonts/roboto-v20-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('./fonts/roboto-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/roboto-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/roboto-v20-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('./fonts/roboto-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/roboto-v20-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
	font-display: swap;
  src: url('./fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('./fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('./fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
	font-display: swap;
  src: url('./fonts/roboto-v20-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
       url('./fonts/roboto-v20-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/roboto-v20-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/roboto-v20-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('./fonts/roboto-v20-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/roboto-v20-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
	font-display: swap;
  src: url('./fonts/roboto-v20-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'),
       url('./fonts/roboto-v20-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/roboto-v20-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/roboto-v20-latin-900.woff') format('woff'), /* Modern Browsers */
       url('./fonts/roboto-v20-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/roboto-v20-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
	font-display: swap;
  src: url('./fonts/roboto-v20-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'),
       url('./fonts/roboto-v20-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/roboto-v20-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/roboto-v20-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('./fonts/roboto-v20-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/roboto-v20-latin-900italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* Font Awesome */
@font-face {
  font-family: 'Font Awesome';
  font-style: normal;
  src: url('./fonts/fontawesome-webfont.eot'); /* IE9 Compat Modes */
  src: local('Font Awesome'), local('Font Awesome'),
       url('./fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/fontawesome-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/fontawesome-webfont.woff') format('woff'), /* Modern Browsers */
       url('./fonts/fontawesome-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/fontawesome-webfont.svg#Montserrat') format('svg'); /* Legacy iOS */
}
 

/*======================= GENERAL =====================*/

body h2 {
	font-weight: 700;
    text-transform: uppercase;
    font-size: 80px;
	color: #000000;
}


.et_pb_section_3.et_pb_section a.et_pb_button.et_pb_button_0.et_pb_bg_layout_light {
    color: #000!important;
}

.et_pb_section_3.et_pb_section a.et_pb_button.et_pb_button_0.et_pb_bg_layout_light:hover {
    color: #fff!important;
}

a.et_pb_button.et_pb_button_0.et_pb_bg_layout_light {
    font-weight: 500;
	font-size: 1.5rem;
}

.et_pb_module a.et_pb_button,
.et_pb_module a.et_pb_button:hover {
    padding: 15px 15px!important;
}

.circled-section {
	overflow: hidden;
}

.row-center {
	align-items: center;
}

.et-pb-arrow-next:before {
    content: "";
    height: 30px;
    width: 47px;
    background-image: url(https://www.prachtwand.de/wp-content/uploads/2019/07/Down-arrow-small.png);
    display: block;
    transform: rotate(-90deg);
}

.et-pb-arrow-prev:before {
    content: "";
    height: 30px;
    width: 47px;
    background-image: url(https://www.prachtwand.de/wp-content/uploads/2019/07/Down-arrow-small.png);
    display: block;
    transform: rotate(90deg);
}

.et-pb-arrow-next, .et-pb-arrow-prev {
    top: 40%;
}

/*======================= MAIN HEADER =====================*/

.et_header_style_centered #main-header .container {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.et_header_style_centered #main-header div#et-top-navigation {
    z-index: 1;
}

.logo_container {
    position: absolute;
    height: 208px!important;
	z-index:2;
}

body .et-fixed-header #logo {
    max-height: 90%;
    margin-top: 5%;
}

body .et-fixed-header .logo_container {
    height: 140px!important;
}

body .et-fixed-header  div#et-top-navigation nav#top-menu-nav ul#top-menu > li.menu-item a {
    padding: 25px 20px;
    min-height: 100px;
}

nav#top-menu-nav ul#top-menu > li {
    padding-right: 0px;
}

@media only screen and (min-width: 981px) {
/* .et-fixed-header #top-menu li.current-menu-ancestor>a, .et-fixed-header #top-menu li.current-menu-item>a {
    color: inherit!important;
} */
	
	.et-fixed-header #top-menu li.current-menu-ancestor>a, .et-fixed-header #top-menu li.current-menu-item>a {
    color: #fff!important;
}
}

body #top-menu li.current-menu-ancestor>a, body #top-menu li ul li.current-menu-item>a, body .et_color_scheme_red #top-menu li.current-menu-ancestor>a, body .et_color_scheme_red #top-menu li.current-menu-item>a, body .et_color_scheme_pink #top-menu li.current-menu-ancestor>a, body .et_color_scheme_pink #top-menu li.current-menu-item>a, body .et_color_scheme_orange #top-menu li.current-menu-ancestor>a, body .et_color_scheme_orange #top-menu li.current-menu-item>a, body .et_color_scheme_green #top-menu li.current-menu-ancestor>a, body .et_color_scheme_green #top-menu li.current-menu-item>a {
    color: #ffffff;
}

div#et-top-navigation nav#top-menu-nav ul#top-menu > li.menu-item a {
    padding: 50px 20px;
    min-width: 160px;
    max-width: 200px;
    min-height: 140px;
    line-height: 1.3em;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

nav#top-menu-nav ul#top-menu > li.current-menu-item {
    background-color: white;
}

#et-secondary-nav .menu-item-has-children>a:first-child:after, 
#top-menu .menu-item-has-children>a:first-child:after {
    transform: translate(-50%, -50%);
    top: 50%;
}

div#et-top-navigation nav#top-menu-nav ul#top-menu > li.menu-item > ul.sub-menu {
    padding: 0px;
    text-align: left;
    border-color: white;
}

div#et-top-navigation nav#top-menu-nav ul#top-menu > li.menu-item > ul.sub-menu > li.menu-item {
    padding: 0px;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.22);
}

div#et-top-navigation nav#top-menu-nav ul#top-menu > li.menu-item > ul.sub-menu > li.menu-item > a {
    width: 100%;
    max-width: 100%;
    padding: 20px;
    min-height: 0px;
    min-width: 0px;
    text-align: left;
    display: block;
}

div#et-top-navigation nav#top-menu-nav ul#top-menu > li.menu-item > ul.sub-menu > li.menu-item:last-of-type {
    border: none;
}


header#main-header.et-fixed-header .logo_container {
	left: -2%;
}

.home.et_header_style_centered header#main-header.et-fixed-header nav#top-menu-nav,
.et_header_style_centered nav#top-menu-nav  {
    padding-left: 15%!important;
}

.home.et_header_style_centered nav#top-menu-nav  {
    padding-left: 0%!important;
}

body header#main-header {
    background-color: black;
}

body header#main-header {
    background: #000;
}

.et_header_style_centered #main-header .mobile_nav {
    background-color: #101010;
    vertical-align: middle;
    display: flex;
    padding: 15px;
    border-radius: 0px;
}

.mobile_menu_bar:before {
    color: white!important;
}

.et_header_style_centered .mobile_menu_bar {
    top: 10px;
    right: 15px;
}

#main-header .et_mobile_menu {
    background-color: white!important;
    padding: 20px 5%;
}

#main-header .et_mobile_menu li a {
    color: black;
    border-bottom: 1px solid #cacaca;
/* 	padding: 10px 0px; */
	border-left: 0;
}

#main-header .et_mobile_menu li:last-of-type a {
    border-bottom: none;
}

#main-header .et_mobile_menu li > ul.sub-menu li a {
    border-bottom: 1px solid #cacaca;
	padding: 10px 20px;
}

#main-header .et_mobile_menu li.menu-item-has-children a {
    background-color: white;
}

#main-header .et_mobile_menu li > ul.sub-menu li {
    padding-left: 0px;
/*     border-left: 2px solid black; */
}

#main-header .et_mobile_menu li > ul.sub-menu {
    padding-left: 30px;
}


/*======================= HOMEPAGE =====================*/

.home .logo_container {
    display: none;
}

.home header#main-header {
    background-color: transparent;
}

.home #main-header {
    background-color: transparent;
    box-shadow: none;
}

.home nav#top-menu-nav ul#top-menu li.current-menu-item {
    background-color: transparent;
}

.home nav#top-menu-nav ul#top-menu li.current-menu-item a {
    color: white;
}

.et_fullscreen_slider .et_pb_slides,
.et_fullscreen_slider .et_pb_slide,
.et_fullscreen_slider .et_pb_container {
    min-height: 100% !important;
    height: 100% !important;
}

.home-slider .et-pb-controllers {
    bottom: 0;
    right: 85px;
    left: unset;
    width: auto;
}

.home-slider .et-pb-controllers a {
    height: 16px;
    width: 16px;
}

.home-slider .et_pb_slide_description {
    position: relative;
	padding-top: 0px;
}

.home-slider .down-content {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translate(-50%, 0%);
}

.home header#main-header.et-fixed-header .logo_container {
    display: block;
}

.circled-column {
    position: relative;
}

.circled-column:before {
    content: '';
    position: absolute;
    display: block;
    width: 588px;
    height: 595px;
    background-image: url(https://www.prachtwand.de/wp-content/uploads/2019/07/background-circle.png);
    background-repeat: no-repeat;
    left: -54%;
    top: -36%;
}

@media screen and (max-width:700px) {
		.circled-column:before {
		max-width: 100%;
		overflow: hidden;
		background-position: center right;
		background-size: contain;
	}
}

body .et_pb_module a.et_pb_button,
body .et_pb_module a.et_pb_button:hover {
    padding: 15px 15px;
    min-width: 150px;
    text-align: center;
}

.home header#main-header.et-fixed-header {
    box-shadow: none!important;
    background-color: black;
}

.home header#main-header.et-fixed-header nav#top-menu-nav ul#top-menu li.current-menu-item {
    background-color: white!important;
}

/*======================= INNER PAGES CSS =====================*/

.innerpage-header .header-content {
    max-width: 100%!important;
    width: 100%!important;
}

.innerpage-header .header-content h1.et_pb_module_header{
    display: block;
    line-height: 1.7em;
	padding-bottom: 0px;
	font-weight: 800!important;
}

.circled-row {
    position: relative;
}

.circled-row:before {
    content: '';
    position: absolute;
    display: block;
    width: 588px;
    height: 595px;
    background-image: url(https://www.prachtwand.de/wp-content/uploads/2019/07/Prachtwand_Kreis.png);
    background-repeat: no-repeat;
    left: -10%;
    bottom: -62%;
}

.innerpage-header a.scroll-down-container {
    position: relative;
}

.innerpage-header a.scroll-down-container:after {
    content: url(https://www.prachtwand.de/wp-content/uploads/2019/07/Down-arrow-small.png);
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0%);
    position: absolute;
    display: block;
}

.innerpage-header a.scroll-down-container span {
    display: none;
}

.leistungen-section {
    position: relative;
}

.leis-first-section:after {
    content: '';
    display: block;
    position: absolute;
    width: 588px;
    height: 595px;
    background-image: url(https://www.prachtwand.de/wp-content/uploads/2019/07/Prachtwand_Kreis.png);
    background-size: cover;
    background-repeat: no-repeat;
    bottom: 0;
    left: 60%;
    transform: translate(-50%, 50%);
    z-index: 1
}

.kontakt-details ul {
    padding: 0px;
    list-style-type: none;
}

.kontakt-details ul li {
    line-height: 1.4em;
    font-weight: 300;
}

.kontakt-details ul {
    padding: 0px;
    list-style-type: none;
}

.kontakt-details ul li {
    line-height: 1.4em;
    font-weight: 300;
}

.kontakt-form span.gfield_required {
    display: none;
}

.kontakt-form label.gfield_label {
    text-transform: uppercase;
}

.gform_wrapper ul.gform_fields li.gfield {
    margin-top: 30px;
    padding: 0px!important;
}

.kontakt-form .gform_body ul.gform_fields li.gfield .ginput_container input,
.kontakt-form .gform_body ul.gform_fields li.gfield .ginput_container textarea {
    padding: 15px 20px!important;
    border: 2px solid #818181;
    border-radius: 5px;
}

.kontakt-form .gform_body ul.gform_fields li.gfield .ginput_container input::placeholder,
.kontakt-form .gform_body ul.gform_fields li.gfield .ginput_container textarea::placeholder {
    color: #000000;
    font-weight: 600;
}

.kontakt-form .gform_footer.top_label input {
    background-color: #000000;
    color: white;
    text-transform: uppercase;
    font-weight: 500;
    border: 2px solid #000000;
    border-radius: 5px;
    padding: 15px;
    display: block!important;
    width: 100%!important;
    max-width: 175px!important;
    margin: 0 0 0 auto!important;
	cursor: pointer;
}

.innerpage-header.kontakt-header {
    padding-top: 300px!important;
}

.et-fixed-header nav#top-menu-nav li.current_page_ancestor, .et-fixed-header nav#top-menu-nav li.current-menu-item {
    background: #fff!important;
}

ul.hashtags li {
    line-height: 1em;
}


/*======================= FOOTER =====================*/

ul.social-footer {
    list-style-type: none;
    text-align: left;
	padding: 0px;
}

ul.social-footer li {
    display: inline-block;
    padding-right: 30px;
}

ul.social-footer li a i {
    font-size: 30px;
    color: white;
}

ul.social-footer li:last-of-type {
    padding-right: 0px;
}

div#footer-bottom {
    padding: 0px;
}

.footer-wrapper ul li a {
    color: white;
}

ul.hashtags {
    padding: 0px;
}

ul.hashtags li {
    font-weight: 400;
	font-style: italic;
}

ul.hashtags li strong {
    font-weight: 800;
}

ul.footer-links {
    padding: 0px;
}

/* .seiten-column {
    width: 10.6%!important;
} */

.hash-column {
    width: 20.6%!important;
}

footer a {
	color: #ffffff!important;
}

.kontakt-column, .seiten-column  {
    min-height: 120px;
}



/*======================= RESPONSIVE =====================*/

@media screen and (max-width: 1500px) {
	.leis-first-section:before {
		left: -10%;
	}
	
	.leis-second-section:before {
		right: -10%;
	}
}


@media screen and (max-width: 1300px) {
	.leis-first-section:before {
		left: -20%;
	}
	
	.leis-second-section:before {
		right: -20%;
	}
	
	header#main-header.et-fixed-header .logo_container {
		left: -5%;
	}
}

@media screen and (max-width: 1280px) {
/* 	.seiten-column {
		width: 7.6%!important;
	} */
	
	.hash-column {
		width: 23.6%!important;
	}
	
	.kontakt-column, .seiten-column {
		min-height: 145px;
	}
}

@media screen and (max-width: 1200px) {
	header#main-header.et-fixed-header .logo_container {
		left: -10%;
	}
	
	.home.et_header_style_centered header#main-header.et-fixed-header nav#top-menu-nav, .et_header_style_centered nav#top-menu-nav {
		padding-left: 20%!important;
	}
}

@media screen and (max-width: 1100px) {
	.social-column {
		width: 10.6%!important;
	}

	.hash-column {
		width: 28.6%!important;
	}
}

@media screen and (max-width: 1085px) {
	.et_header_style_centered #logo {
		max-height: 80%!important;
	}
	
	.home.et_header_style_centered header#main-header.et-fixed-header nav#top-menu-nav, .et_header_style_centered nav#top-menu-nav {
		padding-left: 15%!important;
	}
}

@media screen and (max-width: 1080px) {
	.leis-first-section:before {
		left: -35%;
	}
	
	.leis-second-section:before {
		right: -35%;
	}
}

@media screen and (max-width: 1024px) {
	header#main-header .container {
		width: 95%;
	}
	
	header#main-header.et-fixed-header .logo_container {
		left: 0%;
	}
	
	.et-fixed-header .et_header_style_centered #logo {
		max-height: 60%!important;
	}
}

@media screen and (max-width: 980px) {
	body header#main-header {
		background-color: transparent;
	}
	
	body header#main-header {
		background: #000;
	}
	
	.home header#main-header {
		background-color: #000000;
	}
	
	.et_header_style_centered #logo {
		max-height: 55%!important;
	}

	.et_header_style_centered #main-header .mobile_nav {
		background-color: #101010;
		vertical-align: middle;
		display: flex;
		padding: 15px;
		border-radius: 0px;
	}
	
	.logo_container img#logo {
		max-height: 100%;
	}

	.logo_container {
		height: 100%;
		max-height: 155px!important;
	}

	.et_header_style_centered #main-header div#et-top-navigation {
		margin: 20px 0 0 auto;
	}
	
	.logo_container {
		left: 0;
	}

	.home .logo_container {
		display: block;
	}

	.leis-first-section:before {
		display: none;
	}

	.leis-second-section:before {
		display: none;
	}
	
	.innerpage-header.kontakt-header {
		padding-top: 200px!important;
	}
	
	.kontakt-form {
		font-size: 18px;
	}
	
	.footer-wrapper ul li a {
		font-size: 1.3rem;
		line-height: 1;
	}

	.hash-column {
		width: 60%!important;
		margin-right: 0px!important;
	}

	.social-column {
		width: 40%!important;
	}

	
	header#main-header .container {
		width: 80%;
	}
	
	.et_pb_row.et_pb_row_2.footer-wrapper.row-center.et_pb_equal_columns.et_pb_row_5col {
		display: flex;
		flex-direction: column;
		justify-content: left;
		vertical-align: baseline;
		align-items: stretch;
	}

	.logo-column {
		width: 100%!important;
		margin-right: 0px!important;
	}

	.kontakt-column {
		width: 98%!important;
		margin-right: 2%!important;
	}
	
	.kontakt-column {
    width: 100% !important;
	}

	.seiten-column {
		width: 98%!important;
		margin-right: 2%!important;
	}
}

@media screen and (max-width: 768px) {
	body .et_pb_module a.et_pb_button {
		width: 100%;
	}
	
	.home-slider .down-content {
		bottom: 0px;
	}
	
	.et_header_style_centered #main-header div#et-top-navigation {
	}
	
	.innerpage-header .header-content h1.et_pb_module_header {
		line-height: 1.3em;
	}
	
	.kontakt-form .gform_footer.top_label input {
		max-width: 100%!important;
	}
}

@media screen and (max-width: 640px) {
	.et_header_style_centered #main-header div#et-top-navigation {
	}
	
	.logo-column {
		width: 100%!important;
	}

	.kontakt-column {
		width: 98%!important;
	}

	.seiten-column {
		width: 98%!important;
	}

	.hash-column {
		width: 100%!important;
	}

	.social-column {
		width: 100%!important;
	}
	
	ul.social-footer li {
		padding-right: 10px;
	}
	
	.et_pb_fullwidth_header_container.center {
		min-height: 400px!important;
	}
}

@media screen and (max-width: 568px) {
	.et_header_style_centered #main-header div#et-top-navigation {
	}
}

@media screen and (max-width: 475px) {
	.et_header_style_centered #main-header div#et-top-navigation {
	}
	.et-pb-arrow-prev, .et-pb-arrow-next {
		display: none!important;
	}
	.home-slider .et-pb-controllers {
		right: unset;
		left: unset;
		width: auto;
		margin: -26px auto 0;
		display: block;
		position: relative;
	}
	.startsliderlogo {
		max-width: 75%;
		margin-bottom: 10%;
	}
}

@media screen and (max-width: 414px) {
	.logo_container {
		position: relative;
		display: block;
		text-align: center;
		width: 100%;
	}

	.et_header_style_centered #main-header div#et-top-navigation {
		width: 100%;
		margin: -10px 0 0 0;
	}
	
	.innerpage-header.kontakt-header {
    	padding-top: 245px!important;
	}
	
	.kontakt-column {
		width: 98%!important;
	}
	
	.seiten-column {
    	width: 98%!important;
	}
	
	.logo_container {
		display: block;
		width: 40%;
		position: absolute;
		top: 0;
	}

	.et_header_style_centered #main-header span.select_page {
		display: none;
	}

	.et_header_style_centered #main-header .mobile_nav {
		background: transparent;
		padding: 0px;
	}

	.et_header_style_centered #et_mobile_nav_menu {
		margin-top: 0px;
	}

	.mobile_menu_bar:before {
		font-size: 60px;
	}
	
	.et_header_style_centered .mobile_menu_bar {
		top: 23px;
	}

	header#main-header {
		position: relative;
	}

	header#main-header:after {
		content: '';
		display: block;
		width: 100%;
		height: 80px;
		background-color: black;
	}

	.et_header_style_centered .et_mobile_menu {
		top: 104px;
		padding-top: 55px!important;
	}
	
	.footer-wrapper ul li a, .footer-wrapper ul *, .et_pb_text ul li {
		font-size: 1rem!important;
		line-height: 1.1;
	}

}

@media screen and (max-width: 384px) {
	.logo_container a {
		position: absolute;
		left: 0;
	}
}

@media screen and (max-width: 320px) {
	.et_header_style_centered .et_mobile_menu {
		top: 104px;
		padding-top: 30px!important;
	}
}

body #page-container .et_pb_section .et_pb_button_0,
html body #page-container .et_pb_section .et_pb_button_1 {
    text-transform: uppercase;
    font-weight: 500;
    border: 2px solid;
    border-radius: 5px;
    padding: 15px;
    cursor: pointer;
	font-size: 1.5rem!important;
}

html body #page-container .et_pb_section .et_pb_button_1 {
	color: #000;
}

html body .whitebutton-blacktext:hover {
	border-color: #000000!important;
	background-color: #000000!important;
	color: #ffffff!important;
}

/* ---------------------------------- Juni 2020 ---------------------------------- */

.et_pb_text h3,
.et_pb_text h3 strong,
.et_pb_text .h3 {
    font-weight: 300;
    font-size: 30px;
    line-height: 1.3em;
}

.cta .et_pb_row .et_pb_text_inner {
    font-size: 1.7rem;
    line-height: 2.3rem;
}

@media only screen and (max-width: 414px) {
	.et_header_style_centered .et_mobile_menu {
		top: 78px!important;
	}
}


@media only screen and (min-width: 415px) and (max-width: 980px) {
	
	.et_header_style_centered .et_mobile_menu {
		top: 27px!important;
	}
	
		.et_header_style_centered .et_menu_container .mobile_menu_bar {
		top: -25px!Important;
	}
}

@media only screen and (max-width: 980px) {
	

	
	html .et_pb_text ul li {
		font-size: 1rem !important;
		line-height: 1.1 !important;
	}

    .et_pb_text h3,
    .et_pb_text h3 strong,
    .et_pb_text .h3 {
        font-size: 20px!important;
        line-height: 1.9rem!important;
    }

    .cta .et_pb_row .et_pb_text_inner {
        font-size: 1.6rem;
        line-height: 2.2rem!important;
    }

    body .et_pb_section h2,
    body .et_pb_section .h2 {
        font-size: 3rem!important;
    }

    .et_pb_text ul li {
        font-size: 1.5rem!important;
        line-height: 2.6rem!important;
    }

    .page-id-814 .et_pb_column p,
    .page-id-814 .et_pb_text_inner,
    .page-id-814 .et_pb_toggle_content {
        font-size: 1.4rem;
        line-height: 2rem;
    }

    .et_pb_toggle_open,
    .et_pb_toggle_close {
        padding-left: 0!important;
        padding-right: 0!important;
        background-color: transparent;
    }

}

.et_pb_toggle {
    border: 0px;
    border-bottom: 2px solid #eae8e8;
}

.et_pb_toggle_close {
    background-color: transparent;
    padding: 20px;
}

.et_pb_toggle_title:before {
    content: "\4c";
    font-size: 3rem;
    color: #000;
    font-weight: 900;
}

.et_pb_toggle_title {
    font-weight: 900;
}

.et_pb_toggle_close .et_pb_toggle_title, .et_pb_toggle_close h5.et_pb_toggle_title {
    color: #000;
}

.et_pb_accordion {
    margin-top: 2rem;
    padding-bottom: 2rem;
}

.et_pb_toggle_open .et_pb_toggle_title, .et_pb_toggle_open h5.et_pb_toggle_title {
    color: #111;
}

#top-menu .menu-item-has-children > a:first-child::after {
    top: 50% !important;
}

.mobile_nav .select_page {
	display: none!important;
}


@media only screen and (max-width: 414px) {
	.et_header_style_centered .et_menu_container .mobile_menu_bar {
		top: 10px!important;
		
	}
	
	.logo_container {
		max-height: 110px!important;
		top: -15px!important;
	}
	
	header#main-header:after {
		height: 50px!important;
	}
	
}