/*
 Theme Name:     NPK Divi Child 
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- 
Hauptfarbe NPK: #173457
Hauptfarbe Bürokonzept: #02AF43
*/
:root {
  --color-primary: #173457; /* var(--color-primary) */
  --color-secondary: #dbdcdc; /* var(--color-secondary) */
  --color-button: #173457; /* var(--color-button) */
  --color-button-hover: #000000; /* var(--color-button-hover) */
}

/*===== GANZE SEITE Typografie =====*/
/* Montserrat - lokal (TTF) aus /fonts/ */
@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Italic Schnitte */

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

body, .et_pb_text, .et_pb_module {
	font-weight:400;
	font-family:'Montserrat',Helvetica,Arial,Lucida,sans-serif;
	border-color:var(--color-primary);
}

h1 {
	font-weight:600;
	font-size:48px;
	color:var(--color-primary);
}

h2 {
	font-weight:600;
	font-size:32px!important;
	color:#000;
	line-height:1.25em;
	padding-bottom:0;
}

h2.title-style-h1 {
	font-size:48px!important;
	color:var(--color-primary);
}

.header-bild-links p {
	font-size: 20px;
}

.h2 p {
	color: #333;
	font-weight: 600;
}
.header-bild-links .h2 {
	margin-bottom:0!important;
}

.abschnittmarke p,
.abschnittmarke a {
	color:var(--color-primary);
}

/* ===== Ganze Seite =====*/
/*===== Hintergrundfarbe =====*/
.bg-gray {
	background-color:#ededed;
}

/* ===== Breite =====*/
.et_pb_row {
	width:95%;
}

/* ===== Section Abstand ===== */
.et_pb_section.teaser-3er,
	.et_pb_section.teaser-2er,
	.et_pb_section.text-links-bild-rechts,
	.et_pb_section.bild-links-text-rechts,
	.et_pb_section.customer-voice,
	.et_pb_section.slider-fullwidth,
	.et_pb_section.slider-rechts-text-links,
	.et_pb_section.markenliste,
	.et_pb_section.makenlines,
	.et_pb_section.chrono-slider,
	.et_pb_section.fact-list,
	.et_pb_section.team-list{
		padding-top:0;
	}

.et_pb_section.makenlines {
	padding-bottom:0;
}

div.et_pb_module.et_pb_text {
	margin-bottom:15px!important;
	padding-bottom:10px!important;
}

.teaser-3er .et_pb_row,
.teaser-2er .et_pb_row{
	width:95%!important;
}

/* ==== ZENTRIERUNG ==== */
/* Vertikales Zentrieren von Elementen */
.vertikal-zentrieren {
display: flex;
flex-direction: column;
justify-content: center;
}

/* Horizontales Zentrieren von Elementen mit Padding */
.horizontal-zentrieren-padding {
  display: table;
  margin-left: auto;
  margin-right: auto;	
	padding-top: 100px;
}

.zentriert  {
  display: table-cell; 
}


/* Horizontales Zentrieren von Elementen ohne Padding */
.horizontal-zentrieren {
	display: table;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 250px;
}

/* ===== NAVIGATION ===== */
#mainmenuline.et_pb_sticky--top{
	z-index:10011!important;	
}

.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a {
	padding-bottom:13px;
}


.et_pb_menu_0_tb_header.et_pb_menu ul li.current_page_ancestor>a,
.et_pb_menu_0_tb_header.et_pb_menu ul>li.current-menu-item>a {
	font-weight:700;
	color:#FFF;
}

.et_pb_menu_0_tb_header.et_pb_menu ul.nav li ul.sub-menu li.current-menu-item.menu-item li a{
		color: #000 !important;
}

header .et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu {
	border-top:none;
}

.et-menu-nav li.mega-menu>ul.sub-menu {
	padding-top:40px;
}

.et-menu-nav li.mega-menu>ul>li>a {
	font-weight:400!important;
	font-size:20px;
	padding-bottom:2px;
	width:100%!important;
}

.et-menu-nav li.mega-menu li>ul,
.et-menu-nav li.mega-menu li>ul li{
	width:100%!important;
}

.et-menu-nav li.mega-menu li>a {
	width:100%!important;
}

.mainmenue .et-menu li{
	font-size:16px;
}

.nav li li li a {
	font-size:16px;
	padding-top:3px;
	padding-bottom:2px;
	
}

header .et_pb_menu_0_tb_header.et_pb_menu .nav li.single-menu ul.sub-menu {
width:300px;
}

.et-menu li.single-menu li a {
width:260px;
}

/* Mobiles Menu Scrollbar */
.et_mobile_menu {
overflow: scroll !important;
max-height: 80vh;
}

/* ===== Logo Line ===== */
/* CTA-Buttons oben rechts */
#cta-top-right {
	text-align:right;
}

#cta-top-right .et_pb_button_module_wrapper {
	display:inline-block;
}



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

/* Startseite */
.header-zentriert p {
	font-size:20px;
    font-weight: 400;
    line-height: 1.5;
}

/* 3 Bilder Header auf Startseite */
.header-3-bilder h2 a,
.header-2-bilder-start h2 a{
	color: #ffffff;
	font-size: 40px;
	font-weight: 600;
}

.header-3-bilder p,
.header-2-bilder-start p{
	color: #ffffff;
	font-weight: 600;
	padding-top:18px;
	text-align:center;
}
.header-3-bilder .et_pb_text,
.header-2-bilder-start .et_pb_text{
	padding-right:25px;
	padding-left:25px;
} 

.start-hauptlinks {
	display: table;
    margin-left: auto;
    margin-right: auto;
	padding-top:150px;
}

#startpikto {
	height:275px;
	width:275px;
	position:absolute;
	top:-200px;
	right:75px;
	padding:0;
	margin:0;
	z-index:100;
}

#startbuerodrucker, #startbueromoebel, #startbueroplanung {
	cursor: pointer;
}

/*Text Header Bild links*/
.header-bild-links .header-colum-right {
	max-width:960px;
	padding-top:100px;
	padding-bottom:100px;
	padding-right:2.5%;
}

.header-bild-links .brand-logo {
	position:absolute;
	top:0;
	right:0;
	width:200px;
	height:100px;
	padding-top:30px;
	padding-right:2.5%;
	
}

.header-with-logo h1 {
	max-width:700px;
}

/* ===== SLIDER & Chrono Slider ===== */
/* Slider Pfeile */
div.et-pb-slider-arrows a.et-pb-arrow-prev,
div.et-pb-slider-arrows a.et-pb-arrow-next,
div.swiper-buttton-container div.swiper-button-prev {
background-repeat: no-repeat;
background-position: center;

}
div.et-pb-slider-arrows a.et-pb-arrow-prev,
.dica-container div.swiper-buttton-container div.swiper-button-prev {
background-image:url('/wp-content/themes/Divi-child/images/slider/arrow-leftmdpi.png')!important;
	background-color:transparent!important;
}

div.et-pb-slider-arrows a.et-pb-arrow-next,
.dica-container div.swiper-buttton-container div.swiper-button-next {
background-image:url('/wp-content/themes/Divi-child/images/slider/arrow-rightmdpi.png')!important;
	background-color:transparent!important;
}

div.et-pb-slider-arrows a.et-pb-arrow-prev::before,
div.et-pb-slider-arrows a.et-pb-arrow-next::before,
div.swiper-buttton-container div.swiper-button-prev::before,
div.swiper-buttton-container div.swiper-button-next:before {
	opacity:0;
}

.slider-fullwidth .et-pb-arrow-prev,
.slider-rechts-text-links .et-pb-arrow-prev {
	left:5px;
}
.slider-fullwidth .et-pb-arrow-next,
.slider-rechts-text-links .et-pb-arrow-next {
	right:5px;
}

/* Slider Controller Punkte */
.et-pb-controllers a,
.slider-fullwidth .et-pb-controllers a
.slider-rechts-text-links .et-pb-controllers a,
.et_pb_bg_layout_light .et-pb-controllers a,
.chrono-slider .dica_divi_carousel_0.dica_divi_carousel span.swiper-pagination-bullet{
	background-color:#ffffff!important;
	border-color:var(--color-primary);
	border-width:1px;
	border-style:solid;
	overflow: hidden;
	opacity:1;
	height:16px;
	width:16px;
	border-radius:8px;
	color:#fff;
}

.et-pb-controllers a.et-pb-active-control,
.slider-fullwidth .et-pb-controllers a.et-pb-active-control,
.slider-rechts-text-links .et-pb-controllers a.et-pb-active-control,
.chrono-slider .dica_divi_carousel span.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color:var(--color-primary)!important;
	color:var(--color-primary)!important;
}

.chrono-slider .dica_divi_carousel .dica-container .swiper-pagination.swiper-pagination-bullets {
	position:absolute;
}

.slider-fullwidth .et-pb-controllers,
.customer-voice .et-pb-controllers,
.chrono-slider .dica_divi_carousel .dica-container .swiper-pagination.swiper-pagination-bullets{
	top:0;
	right:0;
	text-align:right;
}

/*Sliderbilder*/
.slider-image-height .et_pb_gallery_image img {
   width: auto;
   max-height: 600px; /* Höhe der Sliderbilder */
}
.slider-image-height .et_pb_gallery_image {
   line-height: 0;
   text-align: center;
}

.slider-image-height .et_pb_gallery_items {
	height:600px; /* Höhe der Sliderbilder */
}

.slider-rechts-text-links .et_pb_gallery_item {
  top: 50%; 
  transform: translateY(-50%); 
}

.slider-rechts-text-links .et_pb_gallery {
	padding:0;
}

.slider-fullwidth .et_pb_gallery {
	padding:50px 70px 50px 70px;
}

.chrono-slider .dica-image-container {
	margin:0 10% 10% 10%;
}

/*Slidercontent*/
.chrono-slider .dica_divi_carousel .dica_divi_carouselitem .dica-item-content .item-title {
	font-size:48px;
	text-align:center;
	font-weight:600;
}

.chrono-slider .dica_divi_carousel .dica_divi_carouselitem .dica-item-content .item-subtitle {
	font-size:26px;
	font-weight:600;
	text-align:center;
}

.chrono-slider .dica_divi_carousel .dica_divi_carouselitem .dica-item-content .content {
	font-size:20px;
	text-align:center;
}



/* ===== Buttons ===== */
.logoline-btn, .logoline-btn:hover, .buero-btn, .et_pb_button.buero-btn:hover {
	font-size:16px;
	font-weight:600;
	color: var(--color-button);
	transition:none!important;
	
	background-image:url('/wp-content/themes/Divi-child/images/icons/icon-arrowmdpi.png');
	background-position:right center;
	background-size:18px 18px;
	background-color:transparent!important;
	border-radius: 0px;
}

.buero-btn, .et_pb_button.buero-btn:hover  {
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: var(--color-button);
	padding-right:25px!important;
	padding-left:0;
	padding-top:2px;
	padding-bottom:2px;
}

.et_pb_button.buero-btn:hover, .logoline-btn:hover {
	color:var(--color-button-hover);
	border-color: var(--color-button-hover);
}

.logoline-btn, .logoline-btn:hover {
	border:none;
	padding:10px 25px 10px 0!important; 
}

.logoline-btn:after, .logoline-btn:hover:after, .buero-btn:after, .et_pb_button.buero-btn:hover:after {
	display:none!important;
}




/*Button Header Bild Links*/
.header-bild-links {
	border-width:0 0 1px 0;
	border-color:var(--color-primary);
	border-style:solid;
}
.header-bild-links .et_pb_button_module_wrapper {
	display: inline-block;
	margin-right:25px;
	margin-bottom: 0!important;
	width: fit-content;
}

.btn-fullwidth {
	width:100%;
	
}

.btn-fullwidth:after {
	right: 0;
}

/* ===== Kundenstimmenslider =====*/
.customer-voice .et_pb_slide_description {
	margin-left: 15%;	
	float:none;
	width:500px;
}

.customer-voice .et_slide_transition .et_pb_slide_description {
	display:none;
}

.customer-voice .et_pb_slide_description .et_pb_slide_title {
	font-size: 32px;
    color: #000 !important;
	text-shadow:none;
}

.customer-voice .et_pb_slides .et_pb_slide .et_pb_container .et_pb_slider_container_inner .et_pb_slide_description h3.et_pb_slide_title{
	font-weight:600!important;
}

.customer-voice .et_pb_slide_description .et_pb_slide_content {
	color:#000;
	text-shadow:none;
	font-size:16px;
}

.customer-voice .et_pb_slide_image {
	right:0;
}

/*===== TEASER =====*/
/* Schrift Teaser */
.teaser-3er .teaser-ueberschrift p a, .teaser-2er .teaser-ueberschrift p a, .teaser-3er .teaser-ueberschrift a, .teaser-2er .teaser-ueberschrift a {
	color: #ffffff;
	
}

.teaser-ueberschrift {
	margin-top:30px;
	margin-left:30px;
	font-size: 28px;
	font-weight: 600;
}

/* Bild Teaser */
.teaser-img {
	cursor:pointer;
	background-color:#000;
}

.teaser-img img {
	opacity: 0.7;
}

.teaser-img img:hover {
	opacity: 0.5;
}

.teaser-3er .overlay,
.teaser-2er .overlay{
    position: absolute;
    bottom: 10px;
    right: 10px;
    padding: 5px 10px;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s ease;
	color:#fff;
}

.teaser-3er .et_pb_image_wrap:hover .overlay,
.teaser-2er .et_pb_image_wrap:hover .overlay {
    visibility: visible;
    opacity: 1;
}

/* Linie oben bei Teaser wenn weiss auf weiss und nicht erste nach header*/
.et_pb_section.teaser-3er:not(.bg-gray + .et_pb_section):not(.header-bild-links + .et_pb_section) {
  border-top: 1px solid var(--color-primary);
}

.et_pb_section.teaser-2er:not(.bg-gray + .et_pb_section):not(.header-bild-links + .et_pb_section) {
  border-top: 1px solid var(--color-primary);
}

/* ===== Markenliste =====*/
.et_pb_row.logogrid {
	padding: 25px 5%;
}

.logogrid img{
	width:auto;
	height:auto;
	max-width:100%;
	max-height:60px;
}

/* ===== Markenlinien =====*/
.makenlines {
	border-top:1px;
	border-style:solid;
	border-color:#173457;
}

.makenlines div.et_pb_module.et_pb_text {
	padding-bottom:0!important;
	margin-bottom:0!important;
}

.makenlines.last-marken-line {
	border-bottom:1px;
	border-style:solid;
	border-color:var(--color-primary);
}

/* ===== Fakten-Liste =====*/
.fact-list .facts-row .et_pb_column {
	border:1px solid #ccc;
}

.fact-list .facts-row .et_pb_column {
	margin-top:100px;
}
/*.fact-list .facts-row:nth-child(even) .et_pb_column {
	margin-top:100px;
}

.fact-list .facts-row:nth-child(odd) .et_pb_column {
	display: flex;
    flex-direction: column-reverse;
	margin-bottom:150px;
}*/


.fact-list .facts-row .et_pb_column .et_pb_image {
	text-align:center;
	width:100%;
}

.fact-list .facts-row .et_pb_column .et_pb_image_wrap {
	margin:0 10% 0 10%;
	
}

.fact-list .facts-row .et_pb_column .et_pb_image_wrap img {
	margin-top:-50%;
}
/*.fact-list .facts-row:nth-child(even) .et_pb_column .et_pb_image_wrap img {
	margin-top:-50%;
}
.fact-list .facts-row:nth-child(odd) .et_pb_column .et_pb_image_wrap img {
	margin-bottom:-50%;
}

.fact-list .facts-row:nth-child(odd) .et_pb_column .et_pb_text:last-child {
	padding-top:10px;
}*/

.fact-list .facts-row .et_pb_column .et_pb_text_inner {
	text-align:center;
	padding-right:5%;
	padding-left:5%;
}

.fact-list .facts-row .et_pb_column .et_pb_text_inner h3{
	font-size:32px;
	font-weight:600;
}



/* ===== FOOTER ===== */
#page-footer-adress {
	background-position: 95% 20px;
	background-image:url('/wp-content/themes/Divi-child/images/smiley/bk-smileymdpi.png');
	background-size: 250px 250px;
	background-repeat:no-repeat;
	min-height:300px;
}

#page-footer-adress.et_pb_section {
	background-color:var(--color-primary);
} 

#page-footer-adress a {
	color:#fff;
}

/* ==== FORMULARE ==== */
body.loadingState .loadingSpinner {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	border: 9px solid;
	border-color: #E5F7EC;
	border-right-color: #173457;
	animation: spinner-1turn 1s infinite linear;
	position:fixed;
	z-index:999999999999999;
	top:50%;
	left:50%;
}

@keyframes spinner-1turn {
   to {
      transform: rotate(1turn);
   }
}

#pconProduktanfrage h2 {
	padding-bottom:15px;
}

label.formlabel, p.pconPreviewTitle {
	font-weight:700;	
}

div.grosserabstandinform {
	height:75px;
	width:100%;
}

input.lineinput,
textarea.lineinput{
	border-width:0 0 1px 0;
	border-color:var(--color-primary);
	width:100%;
	padding:10px;
}

textarea.lineinput{
	border-width:0 1px 1px 0;
}

input#anfragebutton {
	border-width:1px 1px 1px 1px;
	background-color:#fff;
	border-color:var(--color-primary);
	color:var(--color-primary);
	font-weight:700;
	width:90%;
	text-align:center;
	padding:10px;
	margin-top: 40px;
}

input#anfragebutton:hover {
	background-color:var(--color-primary);
	color:#fff;
	cursor:pointer;
}

span.wpcf7-not-valid-tip {
	position:absolute;
}

span.infoicon {
	background-image:url('/wp-content/themes/Divi-child/images/icons/info_20px.png');
	width:20px;
	height:20px;
	display:inline-block;
}

/* Kontaktformular Overrides */
div#wpcf7-f2302-p2297-o1 input#anfragebutton, 
div#wpcf7-f3414-p314-o1 input#anfragebutton {
	background-color:var(--color-primary);
	border-color:var(--color-primary);
	color:#fff;
}

div#wpcf7-f2302-p2297-o1 input#anfragebutton:hover,
div#wpcf7-f3414-p314-o1 input#anfragebutton:hover {
	background-color:#fff;
	color:var(--color-primary);
}

div#wpcf7-f3414-p314-o1 input,
div#wpcf7-f3414-p314-o1 textarea,
div#wpcf7-f3414-p314-o1 div.wpcf7-response-output {
	width:90%;
}

div#wpcf7-f3414-p314-o1 div.wpcf7-response-output {
	margin-left:0;
}




/* ===== Team =====*/
.team-row .et_pb_column {
		padding-bottom:60px;
	}

.team-row .et_pb_module.et_pb_team_member .et_pb_team_member_description{
		text-align:center;
	}
@media only screen and (min-width: 981px){
	
	.team-row .et_pb_team_member_description .et_pb_module_header {
		padding-bottom:0;
	}
	.team-row .et_pb_team_member_description .et_pb_member_position {
		color:#000000;
	}
	
	.team-list .et_pb_row.team-row {
		padding:0 10px 0 10px!important;
	}
	
	.et-menu-nav li.just-mobile {
		display:none!important;	
	}
}

@media only screen and (min-width: 1700px){
	
	
	/* ===== ABSCHNITTMARKE Bildschirm breiter als 1700px ===== */
	.abschnittmarke {
		padding:9px 10px 50px 10px!important;
		margin:0 auto;
	}
	
	.slider-fullwidth .abschnittmarke,
	.customer-voice .abschnittmarke,
	.chrono-slider .abschnittmarke{
		padding-bottom:0!important;
	}
	
	/*===== Sliderpositionierung wenn breiter als 1700px =====*/
	.slider-fullwidth .et_pb_module.et_pb_gallery.et_pb_slider,
	.chrono-slider .dica-container {
		margin-top:-60px;
		padding-top:60px;
	}
	
	.customer-voice .et_pb_module.et_pb_slider {
		margin-top:-85px;
	}
	
	
	
}

@media only screen and (max-width: 1699px) {
	
	/* ===== ABSCHNITTMARKE Bildschirm weniger breit als 1699px ===== */
	.abschnittmarke {
		padding:9px 10px 20px 10px!important;
	}
	
	/*===== Sliderpositionierung weniger breit als 1699px =====*/
	.slider-fullwidth .et_pb_module.et_pb_gallery.et_pb_slider,
	.chrono-slider .dica-container {
		margin-top:-80px;
		padding-top:80px;
	}
	
	.customer-voice .et_pb_module.et_pb_slider {
		margin-top:-100px;
	}
}

/* ===== Bildschirmbreite weniger als 1500px =====*/
@media only screen and (max-width: 1500px){
	/* 3 Bilder Header auf Startseite */
	#startpikto {
		right:25px;
		height:200px;
		width:200px;
		top:-150px;
	}
}

/* ===== Bildschirmbreite weniger als 1200px =====*/
@media only screen and (max-width: 1200px){
	/* 3 Bilder Header auf Startseite */
	#startpikto {	
		right:10px;
		height:150px;
		width:150px;
		top:-100px;
	}
	
	/* Logogrid */
	.logogrid img{
		width:auto;
		height:auto;
		max-width:150px;
		max-height:80px;
	}
}

/* ===== Bildschirmbreite weniger als 980px  =====*/
@media only screen and (max-width: 980px) {
	/* 3 Bilder Header auf Startseite */
	#startpikto {	
		display:none;
	}
	
	.start-hauptlinks {
		padding-top: 30px;
	}

	#startbuerodrucker, #startbueromoebel, #startbueroplanung {
		padding-bottom:250px;
	}
	
	/*Navigation*/
	.et_pb_menu_0_tb_header.et_pb_menu.menu-item a,
	.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item.menu-item li a{
		color: #000 !important;
	}
	
	.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item.menu-item a{
		color: #173457 !important;
	}
	
	#mainmenuline .et_pb_row_0_tb_header.et_pb_row {
		padding-top:0!important;
	}
	
	/* Logo Line */
	#cta-top-right {
		position: absolute;
		margin-top: -20px !important;
		display:block;
		width: 50%;
		right: 0;
	}
	
	/* ===== Header =====*/
	.header-bild-links .et_pb_column.et_pb_column_empty {
	min-height:200px;
	display:block;
	}
	.header-bild-links .et_pb_column_1 {
		padding:0 25px 25px 25px;
	}
	
	.header-bild-links .brand-logo {
		top:-160px;
		background-color:#fff;
		padding-left:20px;
	}
	
	/* ===== Footer =====*/
	#page-footer-adress {
		background:none;
	}
	
	/* ===== Faktenliste ===== */
	.fact-list .facts-row:nth-child(even) .et_pb_column {
		margin-top:250px;
	}
	
	.fact-list .facts-row:nth-child(odd) .et_pb_column {
		margin-bottom:250px;
	}
	
	.slider-fullwidth {
		padding-bottom:0px;
	}
	
}

/* ===== Bildschirmbreite weniger als 560px  =====*/
@media only screen and (max-width: 560px) {
	.et_pb_text_inner h1 {
		font-size: 26px;
	}
	
	.bild-links-text-rechts .et_pb_row.et_pb_equal_columns,
	.text-links-bild-rechts .et_pb_row.et_pb_equal_columns{
		max-width:95%;
		padding-left:0!important;
		padding-right:0!important;
	}
	
	.customer-voice .et_pb_slide_description {
		width:100%;
		margin-left:0;
	}
	
	#cta-top-right .et_pb_button_module_wrapper a.et_pb_button {
		font-size:0px!important;
		height:40px;
		width:40px;
		margin-right:30px;
	}
	
	body #page-container div#toplogoline.et_pb_section div#cta-top-right .et_pb_button_module_wrapper a.et_pb_button.et_pb_bg_layout_light:before {
		font-size:20px!important;
		padding-top:5px;
	}
}

@media only screen and (min-width: 1250px){

	.slider-fullwidth .et_pb_gallery_image img {
		max-height:772px;
		max-width:1200px;
	}
}

@media only screen and (min-width: 800px){
	div.contact-adress-block {
		display:inline-block;
		width:50%;
	}
}

@media only screen and (min-width: 1100px) and (max-width: 1229px){
.et_pb_menu.secondmenue .et-menu>li,
.et_pb_menu.mainmenue .et-menu>li {
	padding-left: 5px;
    padding-right: 5px;
}
}

@media only screen and (min-width: 981px) and (max-width: 1099px){
.et_pb_menu.secondmenue .et-menu>li,
.et_pb_menu.mainmenue .et-menu>li {
	padding-left: 2px;
    padding-right: 2px;
}
}

@media only screen and (min-width: 981px) and (max-width: 1039px){
	.et_pb_menu.secondmenue .et-menu>li {
		font-size:12px;
}
}

/*ECWID*/
.ecwid-SingleProduct-powered-by {
	display:none!important;
}