#navigation {
    display: block;
}

#navbar {
    display: none;
}


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

#slider {
    margin-top: 83px;
}

#slideshow .introimage {
    height: 50vw;
}

#scrolldown {
    bottom: 15%;
}

}

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

#slider {
    margin-top: 83px;
}

}


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

#slider {
    margin-top: 83px;
}
	
	

}


@media screen and (max-width : 1400px)  {
    
    
/* ///// REFERENZEN ///// */
  
.filter-alle, .filter-gipserarbeiten, .filter-restaurierungen, .filter-stuckaturen, .filter-fassaden, .filter-unterlagsboden, .filter-denkmalpflege {
    letter-spacing: 1px;
    padding: 2% 1% 2% 1%;
}



/* ///// TEAM ////// */
    
#team-claim {
    padding: 4% 10% 4% 33%;
}

/* ///// SLIDER ////// */
#slider {
    margin-top: 83px;
}


}

@media screen and (max-width : 1900px)  {
	.slider-claim-black {
		font-size: 0.65em;
	}

	#slider-claim {
		padding: 40px 133px 40px 56px;
	}
	
	#slider .slick-prev {
		width: 30px;
		height: 30px;
		background-size: 30px;
		top: 242px !important;
		right: 90px !important;
	}
	
	#slider .slick-next {
		width: 30px;
		height: 30px;
		background-size: 30px;
		top: 242px !important;
	}
}

@media screen and (max-width : 1300px)  {
    
/* ///// HEADER ///// */

#header {
    padding: 20px 0;
}

ul.menu a, span.separator {
    font-size: 0.8em;
     padding: 32px 20px 25px 20px;
}

li.default.current.active a {
    padding: 35px 20px 25px 20px;
}

#contact-icons, .phone, .mail, .map {
    width: 50px;
}

#contact-icons:before {
    border-width: 10px 24.5px 0 25.5px;
}

.phone img, .mail img, .map img {
    padding: 10px 0px 0px 0px;
    max-height: 15px;
}

.phone span, .mail span, .map span {
    padding: 6px 19px 5px 20px;
}

#header.scrolled-nav {
    padding: 13px 0px 13px 0px;
}



/* ///// SLIDER ///// */

span.claim-green, span.claim-brown {
    font-size: 3em;
}

.slider-claim-small {
    font-size: 1em;
}

#slider-claim {
    padding: 40px 133px 40px 56px;
}
	
.slider-claim-black {
	font-size: 1em;
}

#scrolldown {
    bottom: 80px;
}

#slider .slick-next {
    width: 30px;
    height: 30px;
    background-size: 30px;
    top: 216px !important;
}

#slider .slick-prev:before, #slider .slick-next:before {
    width: 35px;
    height: 35px;
}

#slider .slick-prev {
    width: 30px;
    height: 30px;
    background-size: 30px;
    top: 216px !important;
    right: 80px !important;
}

#slider {
    margin-top: 66px;
}

/* ////// STARTSEITE ///// */

#familienunternehmen {
    width: 80%;
    padding: 5% 10% 7% 10%;
}

#banner-anfrage {
    width: 80%;
    padding: 3% 10% 3% 10%;
}



/* ////// KONTAKT ///// */

#kontakt-bild {
    width: 40%;
    padding: 5%;
}


/* ////// DIVERSES ////// */

#footer {
    width: 95%;
    padding: 7% 0% 7% 5%;
}

#footer-kontakt, #footer-oeffnungszeiten, #footer-menu {
    width: 20%;
}


}



@media screen and (max-width : 1200px)  {
    
/* ////// STARTSEITE ///// */

#dienstleistungen .introimage {
    overflow: hidden;
    position: relative;
    height: 60vw;
}

#referenzen-auswahl .introimage {
    height: 150px;
}

.moduletable.parallax-rechts p {
    padding: 15% 10% 0% 60%;
}

.moduletable.parallax-links p {
    padding: 15% 60% 0% 10%;
}

#slider {
    margin-top: 66px;
}


/* ////// DIENSTLEISTUNGEN ///// */

#dienstleistungen-titel {
    width: 52%;
}
    
.imageshow {
    width: 80%;
}

#dienstleistungen-container {
    padding: 4% 0% 0% 0%;
}

.custom.link-referenzen {
    margin-left: 8%;
}

#restaurierungen .introtext {
    width: 37%;
    margin-left: 5%;
}

#denkmalpflege .introtext {
    width: 37%;
    margin-right: 5%;
}


/* ////// REFERENZEN ////// */

#referenzen .referenzen-alle .introimage, 
#referenzen .referenzen-gipserarbeiten .introimage, 
#referenzen .referenzen-restaurierungen .introimage, 
#referenzen .referenzen-stuckaturen .introimage, 
#referenzen .referenzen-fassaden .introimage, 
#referenzen .referenzen-unterlagsboden .introimage,
#referenzen .referenzen-denkmalpflege .introimage {
   height: 200px;  
}

.filter-alle, .filter-gipserarbeiten, .filter-restaurierungen, .filter-stuckaturen, .filter-fassaden, .filter-unterlagsboden, .filter-denkmalpflege {
    font-size: 12px;
}

#referenzen-header h1,#referenzen-header h2 {
    font-size: 3em;
}


/* ///// TEAM //// */

#team h4 {
    font-size: 13px;
    line-height: 16px;
    margin-top: 16px;
    padding: 2%;
}

#team-claim {
    padding: 7% 10% 7% 33%;
    font-size: 1em;
}

#team #beitrag {
    margin: 2%;
    flex: 0 29%;
}


/* ///// KONTAKT //// */

#kontakt .logo-white img {
    width: 14vw;
}

#kontakt {
    width: 90%;
    padding: 5% 5% 5% 5%;
}

#kontakt-adresse, #kontakt-oeffnungszeiten, #kontakt .logo-white {
    flex: 0 22%;
    margin: 2%;
}

.schaufel {
    margin-left: -3%;
    max-width: 24%;
}

#kontakt-formular h3, #kontakt-formular h4 {
    font-size: 2em;
}

}



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

/* ///// HEADER ///// */

#contact-icons {
    width: 150px;
    right: 94px;
}

#contact-icons:before {
    display: none;
}

.phone, .mail, .map {
    width: 50px;
}

.phone img, .mail img, .map img {
    padding: 13px 0px 12px 0px;
    max-height: 15px;
}

.phone span.is-hovered, .mail span.is-hovered, .map span.is-hovered {
    left: auto;
    top: 40px;
    right: 0;
    padding: 15px 30px 15px 30px;
    min-width: 200px;
    text-align: center;
}

#header.scrolled-nav {
    padding: 20px 0;
}



/* ///// SLIDER ///// */

#slider-claim {
    top: 80px;
}

#slider .slick-prev {
    top: 190px !important;
}

#slider .slick-next {
    top: 190px !important;
}

#scrolldown {
    width: 40px;
    height: 40px;
}

#slider {
    margin-top: 40px;
}
	
.dienstleistungsbild1 {
    margin: 0 3% 4% 0;
}


/* ///// RESPONSIVE NAVIGATION ///// */


#sticky, #sticky-responsive, #sticky.rollout, #sticky-responsive.rollout {
    top: 0;
    right: 25px;
}

#sticky.scrolled-nav {
    top: -2px;
}

#navigation {
    display: none;
}

#navbar {
    display: block;
}

ul.menu a, span.separator {
    padding: 0 0 0 20px;
    display: list-item;
}

#navbar-menu, #navbar-menu-responsive {
    padding: 15%;
}

.nav-child.unstyled.small:before {
    display: none;
}

.nav-child.unstyled.small {
    padding-top: 0;
}

ul.menu li {
    float: none;
    border-bottom: solid 1px #d5d3d3;
    margin: 0px 0 0 0;
    padding: 0;
}

li.default.current.active a {
    padding: 0 20px 0 20px;
}

ul.menu a, span.separator {
    font-size: 4vw;
    line-height: 12vw;
}

ul.nav.menu.navbar li {
    border-bottom: solid 1px #d2d2d2;
}

li.divider.deeper.parent:after, li.divider.deeper.parent:before {
    display: none;
}

ul.nav-child.unstyled.small {
    position: relative;
}

.navbar ul {
    margin-left: 0px;
}

ul.nav.menu.navbar li:hover ul.nav-child.unstyled.small {
    padding-top: 0px;
}

ul.nav.menu.navbar li:hover ul.nav-child.unstyled.small:before {
    display: none;
}

ul.menu li ul.nav-child.unstyled.small li {
    background: transparent;
}

ul.menu li ul.nav-child.unstyled.small li a {
    font-size: 1em;
    padding: 6px 0px 2px 20px;
}



/* ///// STARTSEITE ///// */

#dienstleistungen .introimage {
    overflow: hidden;
    position: relative;
    height: 75vw;
}

#parallax .custom {
    background-attachment: inherit;
    min-height: 300px;
}


/* ///// DIENSTLEISTUNGEN ////// */

#dienstleistungen-titel, #kontakt-titel {
    margin-top: 120px;
}

#dienstleistungen-container {
    padding: 50px 0% 0% 0%;
}


/* ///// DIVERSES ///// */

#footer-kontakt, #footer-oeffnungszeiten, #footer-menu {
    width: 41%;
    margin-bottom: 4%;
    padding: 2%;
}

#footer-kontakt {
    padding: 0 0 0 20% !important;
}

#footer ul.menu a, span.separator {
    line-height: 1em;
}

#right-col, #main-col {
    width: 100% !important;
}


/* ///// REFERENZEN ///// */

#referenzen .referenzen-alle #beitrag, #referenzen .referenzen-gipserarbeiten #beitrag, #referenzen .referenzen-restaurierungen #beitrag, #referenzen .referenzen-stuckaturen #beitrag, #referenzen .referenzen-fassaden #beitrag, #referenzen .referenzen-unterlagsboden #beitrag, #referenzen .referenzen-denkmalpflege #beitrag {
    flex: 0 46%;
}


}




@media screen and (max-width : 900px)  { 
    
/* ///// HEADER ///// */
    
.logo {
    width: 31vw;
    top: 3px;
}

/* ///// SLIDER ///// */

span.claim-green, span.claim-brown {
    font-size: 2em;
}

#slider-claim {
    padding: 36px 80px 36px 48px;
}

.slider-claim-small {
    font-size: 0.8em;
}

#slider .slick-prev {
    top: 115px !important;
}

#slider .slick-next {
    top: 115px !important;
}

#slider .slick-prev {
    right: 65px;
}

.#slider .slick-next {
    right: 25px;
}


/* ////// STARTSEITE ///// */

#dienstleistungen .introtext {
    float: left;
    width: 80%;
    padding: 10% 10% 10% 10%;
}

#dienstleistungen .introimage {
    overflow: visible;
    position: relative;
    height: auto;
     width: 100%;
}

#dienstleistungen .introimage img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    transform: none;
}

#referenzen-home {
    width: 80%;
    padding: 10% 10% 10% 10%;
}

#referenzen-titel {
    width: 96%;
    margin: 2%;
}

#referenzen-auswahl {
    width: 100%;
    padding: 0;
}

#referenzen #beitrag, #referenzen-auswahl #beitrag {
    margin: 2%;
    flex: 0 46%;
}


/* ///// REFERENZEN ///// */

#referenzen .referenzen-alle #beitrag, #referenzen .referenzen-gipserarbeiten #beitrag, #referenzen .referenzen-restaurierungen #beitrag, #referenzen .referenzen-stuckaturen #beitrag, #referenzen .referenzen-fassaden #beitrag, #referenzen .referenzen-unterlagsboden #beitrag, #referenzen .referenzen-denkmalpflege #beitrag {
    flex: 0 100%;
}

#referenzen .referenzen-alle .introimage, #referenzen .referenzen-gipserarbeiten .introimage, #referenzen .referenzen-restaurierungen .introimage, #referenzen .referenzen-stuckaturen .introimage, #referenzen .referenzen-fassaden .introimage, #referenzen .referenzen-unterlagsboden .introimage, #referenzen .referenzen-denkmalpflege .introimage {
    height: 300px;
}

.filter-alle, .filter-gipserarbeiten, .filter-restaurierungen, .filter-stuckaturen, .filter-fassaden, .filter-unterlagsboden, .filter-denkmalpflege {
    width: 30%;
}


/* ///// TEAM ///// */

#team-claim:before {
    width: 150px;
    height: 150px;
    background-size: 150px;
    background-repeat: no-repeat;
}

#team #beitrag {
    margin: 1%;
    flex: 0 48%;
}



/* ///// KONTAKT ///// */

#kontakt .logo-white {
    display: none;
}

#kontakt-adresse, #kontakt-oeffnungszeiten, #kontakt .logo-white {
    flex: 0 40%;
}

.schaufel {
    margin-left: -2%;
    max-width: 30%;
}

}



@media screen and (max-width : 800px)  { 
    
    
/* ///// SLIDER ///// */

#slideshow .introimage {
    height: 75vw;
}

#slider-overlay {
    height: 12%;
    margin-left: -31%;
    width: 132%;
}

.dienstleistungsbild1 {
    margin: 0 3% 0 0;
}

/* ///// STARTSEITE ///// */

h4, #familienunternehmen h4 {
    font-size: 3vw;
    line-height: 4vw;
}

h1, h2, .contentheading, h2 a {
    font-size: 7vw;
    line-height: 8vw;
}

#familienunternehmen h1 {
    font-size: 4vw;
    line-height: 3vw;
}


/* ////// DIENSTLEISTUNGEN ////// */

#dienstleistungen-titel {
    margin-top: 120px;
    float: left;
    width: 80%;
    padding: 0% 10% 10% 10%;
}

#dienstleistungen-titel h1, #dienstleistungen-titel h2,
#referenzen-header h1, #referenzen-header h2 {
    font-size: 2em;
    line-height: 1em;
}  

.custom.link-referenzen {
    bottom: 20px;
    margin-left: 12%;
}

#restaurierungen .introtext, #denkmalpflege .introtext {
    width: 80%;
    margin-left: 0;
    margin: 0 10% 0 6%;
    float: left;
}

#restaurierungen .introimage, #denkmalpflege .introimage {
    float: left;
    width: 88%;
    margin: 0 10% 0 6%;
}



/* ///// HAUS ///// */
    
#haus {
    position: relative;
    width: 95%;
}
    
#dienstleistungen-slider {
    width: 100%;
    float: left;
     padding: 2% 0% 12% 0%;
}


/* ////// REFERENZEN ////// */

#referenzen-header .custom {
    padding: 18% 7% 4%;
}


/* ////// TEAM ////// */

#team-header .custom {
    padding: 20% 9% 10%;
}


/* ////// KONTAKT ////// */

#kontakt-titel {
    margin-top: 120px;
}

#kontakt {
    flex-wrap: wrap;
}

#kontakt-adresse, #kontakt-oeffnungszeiten, #kontakt .logo-white {
    flex: 0 46%;
}

.schaufel {
    margin-left: 0;
    max-width: 100%;
    flex: 0 100%;
}

.schaufel img {
    width: 27vw;
    float: right;
    margin-top: -11%;
    margin-bottom: 6%;
}


}




@media screen and (max-width : 700px)  { 
    
.logo.scrolled-nav {
    width: 23vw;
}
    

/* ///// STARTSEITE ///// */

#banner-anfrage {
    padding: 10% 10% 10% 10%;
}

.anfrage-text {
    width: 100%;
}

.anfrage-button {
    width: 100%;
}

a.button-white {
    margin-left: -25px;
}

#referenzen #beitrag, #referenzen-auswahl #beitrag {
    margin: 2%;
    flex: 0 100%;
}

#referenzen-auswahl .introimage {
    height: 250px;
}


/* ////// TEAM ///// */

#team-claim {
    padding: 7% 7% 7% 33%;
    width: 60%;
}

#team-claim:before {
    width: 100px;
    height: 100px;
    background-size: 100px;
    background-repeat: no-repeat;
    top: 32%;
}


}

    

@media screen and (max-width : 600px)  { 
    
    
p, li {
    font-size: 14px !important;
}

.logo.scrolled-nav {
    width: 30vw;
}

    
/* ///// HEADER ///// */

.phone, .mail, .map {
    width: 35px;
}

.phone img, .mail img, .map img {
    padding: 15px 0px 13px 0px;
    max-height: 12px;
}

#contact-icons {
    width: 105px;
    right: 60px;
}

#sticky, #sticky-responsive, #sticky.rollout, #sticky-responsive.rollout {
    right: 8px;
}

.logo {
    width: 40vw;
}


/* ///// SLIDER ///// */

#slideshow .introimage {
    height: 90vw;
}

#slider-overlay {
    height: 12%;
    margin-left: -47%;
    width: 148%;
}

#slider-claim {
    padding: 32px 45px 27px 43px;
}
    

    
/* ///// STARTSEITE ///// */

a.button-white:after {
    height: 33px;
    background-size: 13px;
    padding: 0px 20px 0px 20px;
    
}


/* ///// DIENSTLEISTUNGEN ///// */


#dienstleistungen-slider {
    padding: 2% 0% 25% 0%;
}

.imageshow {
    width: 90%;
}

.slick-prev {
    right: 60px;
}
.slick-next {
    right: 10px;
}

/* ///// REFERENZEN ///// */

.filter-alle, .filter-gipserarbeiten, .filter-restaurierungen, .filter-stuckaturen, .filter-fassaden, .filter-unterlagsboden, .filter-denkmalpflege {
    width: 48%;
}


/* ////// TEAM ///// */

#team #beitrag {
    margin: 1% 0 7%;
    flex: 0 100%;
}

#team h4 {
    margin-top: 3px;
}



/* ///// DIVERSES ///// */

a.button:after {
    height: 27px;
    background-size: 14px;
    padding: 1px 20px 5px 20px;
}

#parallax p {
    font-size: 5vw;
    line-height: 6vw;
}

#footer {
    width: 80%;
    padding: 10% 10% 10% 10%;
}

.logo-white {
    display: none;
}

#footer-kontakt, #footer-oeffnungszeiten, #footer-menu {
    width: 100%;
}

#footer-kontakt {
    padding: 0 0 0 0% !important;
}

    
}


@media screen and (max-width : 500px)  { 
    
.logo.scrolled-nav {
    width: 37vw;
}

.phone span.is-hovered {
    right: -71px;
}
.mail span.is-hovered {
    right: -36px;
}
.map span.is-hovered {
    right: 0px;
}
    
/* ///// SLIDER ///// */

#slider-claim {
    padding: 16px 14px 10px 19px;
}

span.claim-green, span.claim-brown {
    font-size: 1.5em;
}

.slider-claim-small {
    font-size: 0.6em;
    letter-spacing: 3px;
}

#slider .slick-prev, #slider .slick-next {
    top: 186px !important;
}

#scrolldown {
    width: 30px;
    height: 30px;
    bottom: 60px;
}


/* ////// STARTSEITE ///// */

h4, #familienunternehmen h4 {
    padding: 25px 0px 20px 0px;
    font-size: 4vw;
    line-height: 5vw;
}

/* ///// DIENSTLEISTUNGEN ///// */

#dienstleistungen-titel {
    padding: 0% 10% 20% 10%;
}


/* ///// TEAM ///// */

#team-claim:before {
    width: 70px;
    height: 70px;
    background-size: 70px;
    top: 20%;
}

#team-header .custom {
    padding: 30% 9% 3%;
}



/* ///// KONTAKT ///// */

#kontakt-adresse, #kontakt-oeffnungszeiten, #kontakt .logo-white {
    flex: 0 100%;
    margin: 0% 2% 10% 2%;
}

.schaufel img {
    width: 35vw;
    margin-bottom: -4%;
}

#kontakt-formular {
    width: 100%;
    padding: 0 0% 0 0;
}

#kontakt-bild {
    width: 100%;
    padding: 0%;
    margin-bottom: 10%;
}

#kontakt-map h3 {
    font-size: 1em;
}


/* ///// DIVERSES ///// */

.moduletable.parallax-rechts p {
    padding: 26% 10% 0% 60%;
}

.moduletable.parallax-links p {
    padding: 26% 60% 0% 10%;
}

#copyright p, #copyright a {
    font-size: 10px;
}

.item-page .gallery a {
    width: 100% !important;
}

}


@media screen and (max-width : 400px)  {
   
/* ////// HEADER ////// */

.logo {
    width: 38vw;
    top: 10px;
}

.logo.scrolled-nav {
    width: 38vw;
}

/* ////// DIENSTLEISTUNGEN ///// */

#dienstleistungen-titel h1, #dienstleistungen-titel h2, #referenzen-header h1, #referenzen-header h2 {
    font-size: 1.6em;
    line-height: 1em;
}

#dienstleistungen-titel {
    margin-top: 100px;
}

#dienstleistungen-container {
    padding: 80px 0% 0% 0%;
}

/* ///// REFERENZEN ///// */

.filter-alle, .filter-gipserarbeiten, .filter-restaurierungen, .filter-stuckaturen, .filter-fassaden, .filter-unterlagsboden, .filter-denkmalpflege {
    width: 100%;
}

#referenzen-header .custom {
    padding: 27% 7% 9%;
}

#referenzen-filter {
    width: 100%;
    padding: 0% 0% 0% 0%;
}
    
}



@media screen and (max-width : 350px)  {
    
/* ///// HEADER ///// */

.logo {
    width: 120px;
    top: 5px;
}

a.button:after {
    display: none;
}


}