html{width:100%;height:100%;}
body{min-width:100%;max-width: 1920px;height: 100%;min-height:100%;font-family: Verdana,Geneva,sans-serif;border:0;padding:0;margin:0;}

/*Main Page*/

/*Header*/
.site-header{position:absolute;width:100%;height:auto;margin:0 0 0 0;padding:0;border:0;display:flex;background-color: rgba(0, 0, 0, 0);}
.site-header a{text-decoration: none;}
.site-header h1{font-size: 1.2rem;color:black;text-decoration: none;padding:0;margin:0;letter-spacing:2px;}
.site-header h2{font-size: 0.9rem;color:black;padding:0 ;margin:0;letter-spacing:2px;}
.header-left{box-sizing: border-box;width:auto;height:100%;margin:auto;padding:0 ;border:0;float: left;}
.header-right{box-sizing: border-box;width:30%;height:100%;margin:0 0 0 0;padding:0;border:0;float: right;}
.navigation{display:none;}
.navigation-mobile{display:flex;float:right;margin:10px 20px 0 0;}
.menue-frame{box-sizing: border-box;display: flex;width:100%;height:50%;margin:auto;padding:0;border:0;}
.menue-part{box-sizing: border-box;display: flex;width:100%;height:100%;margin:0;padding:0;border:0; justify-content: flex-end;}
.menue-holder{box-sizing: border-box;display: flex;width:100%;height:100%;margin:0;padding:0;border:0;float:left;}


@media screen and (min-width: 576px) {
    .site-header h1{font-size: 1.4rem;color:black;text-decoration: none;padding:0;margin:0;letter-spacing:2px;}
    .site-header h2{font-size: 1.0rem;color:black;padding:0 ;margin:0;letter-spacing:2px;}
    .header-left{box-sizing: border-box;width:70%;height:100%;margin:10px 0 0 20px;padding:0 ;border:0;float: left;}
    .header-right{box-sizing: border-box;width:30%;height:100%;margin:0 0 0 0;padding:0;border:0;float: right;}
    .navigation-mobile{display:flex;float:right;margin:15px 20px 0 0;}    
}
@media screen and (min-width: 768px) {
    .site-header h1{font-size: 1.5rem;color:black;text-decoration: none;padding:0;margin:0;letter-spacing:2px;}
    .site-header h2{font-size: 1.1rem;color:black;padding:0 ;margin:0;letter-spacing:2px;}
    .header-left{box-sizing: border-box;width:70%;height:100%;margin:10px 0 0 20px;padding:0 ;border:0;float: left;}
    .header-right{box-sizing: border-box;width:30%;height:100%;margin:0 0 0 0;padding:0;border:0;float: right;}
    .navigation-mobile{display:flex;float:right;margin:15px 20px 0 0;}
}
@media screen and (min-width: 992px) {
    .site-header h1{font-size: 1.5rem;color:black;text-decoration: none;padding:0;margin:0;letter-spacing:2px;}
    .site-header h2{font-size: 1.2rem;color:black;padding:0 ;margin:0;letter-spacing:2px;}
    .header-left{box-sizing: border-box;width:70%;height:100%;margin:10px 0 0 20px;padding:0 ;border:0;float: left;}
    .header-right{box-sizing: border-box;width:30%;height:100%;margin:0 0 0 0;padding:0;border:0;float: right;}
    .navigation-mobile{display:flex;float:right;margin:20px 25px 0 0;}

}

@media screen and (min-width: 1200px) {
.site-header{position:absolute;width:100%;height:auto;margin:0;padding:0;border:0;display:flex;}
.site-header a{text-decoration: none;}
.site-header h1{font-size: 1.3rem;color:black;text-decoration: none;padding:0;margin:0;letter-spacing:2px;}
.site-header h2{font-size: 1.2rem;color:black;padding:0 ;margin:0;letter-spacing:2px;}
.header-left{box-sizing: border-box;width:30%;height:100%;margin:auto;padding:0 0 0 70px;border:0;float: left;}
.header-right{box-sizing: border-box;width:70%;height:100%;margin:auto;padding:0;border:0;float: right;}
.navigation{display:flex;float:right;margin:0 10px;}
.navigation-mobile{display:none;}
.navigation a{display: inline;padding:20px;font-size: 1.2rem;margin:0;text-decoration: none;font-weight: 400;letter-spacing:2px ;color:black;transition: 0.3s;}
.navigation a:hover{display: inline;padding:20px;font-size: 1.2rem;margin:0;transition: 0.3s;color:rgba(0,0,0,0.3);}
}


/* Menue */
/* The Overlay (background) */
.overlay {height: 0;width: 100%;position: fixed;z-index: 1;left: 0;top: 0;background-color: rgb(0,0,0);background-color: rgba(255,255,255, 1); overflow: hidden; transition: 0.5s;}
/* Position the content inside the overlay */
.overlay-content {position: relative;top: 15%; /* 25% from the top */width: 100%; /* 100% width */text-align: center; /* Centered text/links */
margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */}
/* The navigation links inside the overlay */
.overlay a {padding: 8px;text-decoration: none;font-family: Helvetica, Sans-Serif;font-size: 2.5rem;color: black;display: block; /* Display block instead of inline */transition: 0.3s; /* Transition effects on hover (color) */}
@media screen and (max-width: 640px) {
    .overlay a {padding: 10px;text-decoration: none;font-family: Helvetica, Sans-Serif;font-size: 1.8rem;color: black;display: block; /* Display block instead of inline */transition: 0.3s; /* Transition effects on hover (color) */}
}
/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {color:rgb(92, 92, 92);}
/* Position the close button (top right corner) */
.overlay .closebtn {position: absolute;top: 0;right: 1.5rem;font-size: 60px;}
.container {display: inline-block;cursor: pointer;position:relative;}
.bar1, .bar2, .bar3 {width: 45px;height: 4px;background-color: black;margin: 8px 0;transition: 0.4s;}
/* Menue End */


/*-------------------------------------------------------NEUER BEREICH-------------------------------------------------------------------------------------------------------------------- */
/*Hero */

.hero-block{min-height: 100%; display: flex;flex-direction: column;justify-content: center;background-color: black;
    background-image:url(../images/backgrounds/heropic_101.jpg);background-repeat: no-repeat;background-size: cover;background-position:right;}
.hero-block h1, .hero-block h2 {line-height: 1;color:#fff;}
.hero-text-container { padding: 0 14% 0 14%  }
.hero-block h1 {display:none;}
.hero-block h2 {display:none;}

@media screen and (min-width: 576px) {
    .hero-block{min-height: 100%; display: flex;flex-direction: column;justify-content: center;background-color: black;
        background-image:url(../images/backgrounds/heropic_101.jpg);background-repeat: no-repeat;background-size: cover;background-position:center;}
    .hero-block h1, .hero-block h2 {line-height: 1;color:black;}
    .hero-text-container { padding: 0 6% 4% 6% }
    .hero-block h1 {display:none;}
    .hero-block h2 {display:none;}
}

@media screen and (min-width: 768px) {
    .hero-block{min-height: 100%; display: flex;flex-direction: column;justify-content: center;background-color: black;
        background-image:url(../images/backgrounds/heropic_101.jpg);background-repeat: no-repeat;background-size: cover;background-position:right;}
    .hero-block h1, .hero-block h2 {line-height: 1;color:white;}
    .hero-text-container { padding: 0 6% 4% 6% }
    .hero-block h1 {display:none;}
    .hero-block h2 {display:none;}
}


@media screen and (min-width: 992px) {
    .hero-block{min-height: 100%; display: flex;flex-direction: column;justify-content: center;background-color: black;
        background-image:url(../images/backgrounds/heropic_101.jpg);background-repeat: no-repeat;background-size: cover;background-position:right;}
    .hero-block h1, .hero-block h2 {line-height: 1;color:black;}
    .hero-text-container { padding: 0 6% 4% 6% }
    .hero-block h1 {display:none;}
    .hero-block h2 {display:none;}
}

@media screen and (min-width: 1200px) {
    .hero-block{min-height: 100%; display: flex;flex-direction: column;justify-content: center;background-color: black;
        background-image:url(../images/backgrounds/heropic_101.jpg);background-repeat: no-repeat;background-size: cover;background-position:center;}
    .hero-block h1, .hero-block h2 {line-height: 1;color:black;}
    .hero-text-container { padding: 0 6% 4% 6% }
    .hero-block h1 {display:none;}
    .hero-block h2 {display:none;}
}

/*
.hero-block h1 {font-size: 3rem;margin-bottom: 12px;text-transform: uppercase;}
.hero-block h2 {font-weight: normal;font-size: 1.5rem;margin-top:0;text-transform: uppercase;}
    .hero-block h1 {font-size: 6.5rem;margin-bottom: 24px;margin-top:10px;text-transform: none;}
    .hero-block h2 {font-weight: normal;font-size: 4.5rem;margin-top:0;letter-spacing: 4px;text-transform: none;}
    .hero-block h1 {font-size: 6.5rem;margin-bottom: 24px;margin-top:10px;text-transform: none;}
    .hero-block h2 {font-weight: normal;font-size: 4.5rem;margin-top:0;letter-spacing: 4px;text-transform: none;}
    .hero-block h1 {font-size: 6.5rem;margin-bottom: 24px;margin-top:10px;text-transform: none;}
    .hero-block h2 {font-weight: normal;font-size: 4.5rem;margin-top:0;letter-spacing: 4px;text-transform: none;}
    .hero-block h1 {font-size: 6.5rem;margin-bottom: 24px;margin-top:10px;text-transform: none;}
    .hero-block h2 {font-weight: normal;font-size: 4.5rem;margin-top:0;letter-spacing: 4px;text-transform: none;}
*/


/*-------------------------------------------------------NEUER BEREICH-------------------------------------------------------------------------------------------------------------------- */
/*Headlinebereiche */
.headline-frame{box-sizing: border-box;width:100%;height:auto;margin:0;padding:100px 0 0 0;border:0}
.headline-box{display:flex;align-items:flex-start;text-align:center;justify-content: center;position:relative;flex-flow:row nowrap;padding:0;height:auto;}
.headline-box h2{position:absolute;margin:0;padding:0;color: black;font-size: 1.8rem;}

@media screen and (min-width: 768px) {
    .headline-frame{box-sizing: border-box;width:100%;height:auto;margin:0;padding:100px 0 0 0;border:0}
    .headline-box{display:flex;align-items:flex-start;text-align:center;justify-content: center;position:relative;flex-flow:row nowrap;padding:0;height:auto;}
    .headline-box h2{position:absolute;margin:0;padding:0;color: black;font-size: 3rem;}
}

@media screen and (min-width: 1200px) {
    .headline-frame{box-sizing: border-box;width:100%;height:auto;margin:0;padding:100px 0 0 0;border:0}
    .headline-box{display:flex;align-items:flex-start;text-align:center;justify-content: center;position:relative;flex-flow:row nowrap;padding:0;height:auto;}
    .headline-box h2{position:absolute;margin:0;padding:0;color: black;font-size: 4rem;}
}

/*-------------------------------------------------------NEW SITE-------------------------------------------------------------------------------------------------------------------- */
/*Portfolio-Überlick */
.portf-frame{box-sizing: border-box;width:100%;height:auto;margin:auto;padding:80px 0 0 0;border:0;}
.portf-row {display: flex;flex-wrap: wrap;padding: 0;width:100%;}
.portf-column {flex: 100%;max-width: 100%;padding: 0;}
.portf-column img {margin-top: 8px;vertical-align: middle;} 
.portf-pic-text{display:flex;align-items:flex-start;text-align:center;justify-content: center;position:relative;flex-flow:row nowrap;padding:0;}
.portf-pic-text{align-items: center;}
.portf-pic-text a{display:flex;align-items:flex-start;text-align:center;justify-content: center;position:relative;flex-flow:row nowrap;padding:0;}
.portf-pic-text a{align-items: center;}
.portf-pic-text h4{position:absolute;margin:0;padding:0;color: white;font-size: 3rem;}

@media screen and (min-width: 768px) {
    .portf-frame{box-sizing: border-box;width:100%;height:auto;margin:auto;padding:80px 0 0 0;border:0;}
    .portf-row {display: flex;flex-wrap: wrap;padding: 0;width:100%;}
    .portf-column {flex: 100%;max-width: 100%;padding: 0;}
    .portf-column img {margin-top: 8px;vertical-align: middle;} 
    .portf-pic-text{display:flex;align-items:flex-start;text-align:center;justify-content: center;position:relative;flex-flow:row nowrap;padding:0;}
    .portf-pic-text{align-items: center;}
    .portf-pic-text a{display:flex;align-items:flex-start;text-align:center;justify-content: center;position:relative;flex-flow:row nowrap;padding:0;}
    .portf-pic-text a{align-items: center;}
    .portf-pic-text h4{position:absolute;margin:0;padding:0;color: white;font-size: 4rem;}
}

@media screen and (min-width: 1200px) {
.portf-frame{box-sizing: border-box;width:90%;height:auto;margin:auto;padding:100px 0 0 0;border:0;}
.portf-row {display: flex;flex-wrap: wrap;padding: 0;width:100%;}
.portf-column {flex: 32.8%;max-width: 32.8%;padding: 0 4px 20px 0;}
.portf-column img {margin-top: 8px;vertical-align: middle;object-fit: contain;}
.portf-pic-text{display:flex;align-items:flex-start;text-align:center;justify-content: center;position:relative;flex-flow:row nowrap;padding:0;}
.portf-pic-text{align-items: center;}
.portf-pic-text a{display:flex;align-items:flex-start;text-align:center;justify-content: center;position:relative;flex-flow:row nowrap;padding:0;opacity: 1;transition: 0.3s;}
.portf-pic-text a{align-items: center;}
.portf-pic-text h4{position:absolute;margin:0;padding:0;color: white;font-size: 4rem;}
.portf-pic-text a:hover{opacity: 0.7;transition: 0.3s;}
}


/*-------------------------------------------------------NEW SITE-------------------------------------------------------------------------------------------------------------------- */
/*Portfolios */
.work-frame{box-sizing: border-box;width:100%;height:auto;margin:auto;padding:80px 0 0 0;border:0;}
.work-row {display: flex;flex-wrap: wrap;padding: 0;width:100%;}
.work-column {flex: 100%;max-width: 100%;padding: 0;}
.work-column img {margin-top: 8px;vertical-align: middle;} 
.work-column-a {flex: 100%;max-width: 100%;padding: 0px;}
.work-column-a img {margin-top: 8px;vertical-align: middle;}
.work-column-b {flex: 100%;max-width: 100%;padding: 0px;}
.work-column-b img {margin-top: 8px;vertical-align: middle;}
.work-column-c {flex: 100%;max-width: 100%;padding: 0px;}
.work-column-c img {margin-top: 8px;vertical-align: middle;}    

@media screen and (min-width: 1200px) {
.work-frame{box-sizing: border-box;width:90%;height:auto;margin:auto;padding:100px 0 0 0;border:0;}
.work-row {display: flex;flex-wrap: wrap;padding: 0;width:100%;}
.work-column {flex: 32.5%;max-width: 32.5%;padding: 0 4px;}
.work-column img {margin-top: 8px;vertical-align: middle;}
.work-column-a {flex: 68%;max-width: 68%;padding: 0 4px;}
.work-column-a img {margin-top: 8px;vertical-align: middle;}
.work-column-b {flex: 30%;max-width: 30%;padding: 0 4px;}
.work-column-b img {margin-top: 8px;vertical-align: middle;}
.work-column-c {flex: 49%;max-width: 49%;padding: 0 4px;}
.work-column-c img {margin-top: 8px;vertical-align: middle;}
}
/*Portfolio     .hero-block h1 {font-size: calc(64px + (112 - 64) * ((100vw - 320px) / (1600 - 320)));margin-bottom: 24px;margin-top:10px;text-transform: none;}
    .hero-block h2 {font-weight: normal;font-size: calc(30px + (64 - 30) * ((100vw - 320px) / (1600 - 320)));margin-top:0;letter-spacing: 4px;text-transform: none;}*/

/*-------------------------------------------------------NEW SITE-------------------------------------------------------------------------------------------------------------------- */

/*About */
.about-frame{box-sizing: border-box;width:80%;height:auto;margin:auto;padding:10% 0 0 0;border:0;}
.aboutholder{display:flex;flex-direction: column;width:100%;height:auto;margin:auto;padding:0;border:0;}
.about-cont-left{box-sizing: border-box;width:100%; height:auto;float: none;margin:0;padding:0;border:0;}
.about-cont-right{box-sizing: border-box;width:100%; height:auto;float: none;margin:0;padding:0;border:0;}
.abouttext-frame{width:100%;height:auto;margin:auto;padding:30px 0 0 0;border:0;}
.aboutheadline{border:0;padding: 5px 0 0 0; margin: 0; color:black; font-size: 1.5rem;letter-spacing: 1px;}
.abouttext{color:black;font-size: 1.05rem;border:0;margin:0;padding:0 0 5px 0;letter-spacing: 1.2px;font-weight: 200;}
.abouttext a {text-decoration: underline;color:black;}
.abouttext a:hover {text-decoration: underline;color:rgba(0,0,0,0.5);}
.img-about{margin:auto;width:100%;height:auto;padding: 20px 0 0 0;border:0;}

@media screen and (min-width: 992px) {
    .about-cont-left{box-sizing: border-box;width:70%; height:auto;float: none;margin:auto;padding:0;border:0;}
    .img-about{margin:auto;width:100%;height:auto;padding: 20px 0 0 0;border:0;}
}

@media screen and (min-width: 1200px) {
    .about-frame{box-sizing: border-box;width:80%;height:auto;margin:auto;padding:10% 0 0 0;border:0;}
    .aboutholder{display:flex;flex-direction: row;width:100%;height:auto;margin:auto;padding:0;border:0;}
    .about-cont-left{box-sizing: border-box;width:50%; height:auto;float: left;margin:0;padding:0;border:0;}
    .about-cont-right{box-sizing: border-box;width:50%; height:auto;float: left;margin:0;padding:0;border:0;}
    .abouttext-frame{width:100%;height:auto;margin:auto;padding:100px 0 0 0;border:0;}
    .aboutheadline{border:0;padding: 5px 0 0 0; margin: 0; color:black; font-size: 1.5rem;letter-spacing: 1px;}
    .abouttext{color:black;font-size: 1.05rem;border:0;margin:0;padding:0 0 5px 0;letter-spacing: 1.2px;font-weight: 200;}
    .abouttext a {text-decoration: underline;color:black;}
    .abouttext a:hover {text-decoration: underline;color:rgba(0,0,0,0.5);}
    .img-about{margin:auto;width:70%;height:auto;padding: 0;border:0;}
}


/*-------------------------------------------------------NEW SITE-------------------------------------------------------------------------------------------------------------------- */
/*Shop */
.shopholder{display:flex;flex-direction: column;width:100%;height:auto;margin:auto;padding:30px 0 0 0;border:0;}
.shop-frame{box-sizing: border-box;width:90%;height:auto;margin:auto;padding:10% 0 0 0;border:0;}
.shop-box{width:100%;height:auto;margin:auto;padding:90px 0 0 0; border:0;}
.shop-box p {margin: 0;padding:0;border:0;width:100%;text-align: center;font-size: 1.5rem;}
.shop-link-box{width:100%;height:auto;margin:auto;padding:30px 0 0 0 ; border:0;text-align: center;}
.shop-link-box a{transition: 0.3s;color:rgba(0,0,0,1);font-size:1.5rem;padding: 30px 0 0 0;text-decoration: underline;}
.shop-cont-right{box-sizing: border-box;width:100%; height:auto;float: none;margin:0;padding:0;border:0;}
.shop-cont-left{box-sizing: border-box;width:100%; height:auto;float: left;margin:0;padding:0;border:0;text-align:center;}
.shop-img{margin:auto;width:80%;height:auto;padding: 0;border:0;}
.shoptext-frame{width:80%;height:auto;margin:auto;padding:10px 0 0 0;border:0;}
.shoptext{color:black;font-size: 1.05rem;border:0;margin:0;padding:0 0 0 0;letter-spacing: 1.2px;font-weight: 200;}

@media screen and (min-width: 576px) {
    .shopholder{display:flex;flex-direction: column;width:100%;height:auto;margin:auto;padding:30px 0 0 0;border:0;}
    .shop-frame{box-sizing: border-box;width:90%;height:auto;min-height:100%;margin:auto;padding:10% 0 0 0;border:0;}
    .shop-box{width:100%;height:auto;margin:auto;padding:90px 0 0 0; border:0;}
    .shop-box p {margin: 0;padding:0;border:0;width:100%;text-align: center;font-size: 1.5rem;}
    .shop-link-box{width:100%;height:auto;margin:auto;padding:30px 0 0 0 ; border:0;text-align: center;}
    .shop-link-box a{transition: 0.3s;color:rgba(0,0,0,1);font-size:1.5rem;padding: 30px 0 0 0;text-decoration: underline;}
    .shop-cont-left{box-sizing: border-box;width:100%; height:auto;float: left;margin:0;padding:0;border:0;text-align:center;}
    .shop-img{margin:auto;width:80%;height:auto;padding: 0;border:0;}
}

@media screen and (min-width: 768px) {
    .shopholder{display:flex;flex-direction: column;width:100%;height:auto;margin:auto;padding:30px 0 0 0;border:0;}
    .shop-frame{box-sizing: border-box;width:90%;height:auto;margin:auto;padding:10% 0 0 0;border:0;}
    .shop-box{width:100%;height:auto;margin:auto;padding:90px 0 0 0; border:0;}
    .shop-box p {margin: 0;padding:0;border:0;width:100%;text-align: center;font-size: 1.5rem;}
    .shop-link-box{width:100%;height:auto;margin:auto;padding:30px 0 0 0 ; border:0;text-align: center;}
    .shop-link-box a{transition: 0.3s;color:rgba(0,0,0,1);font-size:1.5rem;padding: 30px 0 0 0;text-decoration: underline;}
    .shop-cont-left{box-sizing: border-box;width:100%; height:auto;float: left;margin:0;padding:0;border:0;text-align:center;}
    .shop-img{margin:auto;width:80%;height:auto;padding: 0;border:0;}
}

@media screen and (min-width: 992px) {
    .shopholder{display:flex;flex-direction: column;width:100%;height:auto;margin:auto;padding:30px 0 0 0;border:0;}
    .shop-frame{box-sizing: border-box;width:90%;height:auto;margin:auto;padding:10% 0 0 0;border:0;}
    .shop-box{width:100%;height:auto;margin:auto;padding:90px 0 0 0; border:0;}
    .shop-box p {margin: 0;padding:0;border:0;width:100%;text-align: center;font-size: 1.5rem;}
    .shop-link-box{width:100%;height:auto;margin:auto;padding:30px 0 0 0 ; border:0;text-align: center;}
    .shop-link-box a{transition: 0.3s;color:rgba(0,0,0,1);font-size:1.5rem;padding: 30px 0 0 0;text-decoration: underline;}
    .shop-cont-left{box-sizing: border-box;width:100%; height:auto;float: left;margin:0;padding:0;border:0;text-align:center;}
    .shop-img{margin:auto;width:80%;height:auto;padding: 0;border:0;}   
}

@media screen and (min-width: 1200px) {
    .shop-img{margin:auto;width:70%;height:auto;padding: 0;border:0;}
    .shop-cont-left{box-sizing: border-box;width:50%; height:auto;float: left;margin:0;padding:0;border:0;text-align:center;}
    .shopholder{display:flex;flex-direction: row;width:100%;height:auto;margin:auto;padding:0;border:0;}
    .shop-link-box a{transition: 0.3s;color:rgba(0,0,0,1);font-size:1.5rem;padding: 30px 0 0 0;text-decoration: underline;}
    .shop-link-box a:hover{transition: 0.3s;color:rgba(0,0,0,0.3);font-size:2rem;text-decoration: underline;}
}

/*-------------------------------------------------------NEW SITE-------------------------------------------------------------------------------------------------------------------- */
/*Preise*/

.intro-frame{box-sizing: border-box;width:90%;height:auto;margin:auto;padding:12% 0 0 0;border:0;}
.intro-box{box-sizing: border-box;width:100%;height:auto;margin:auto;padding:0;border:0;text-align: center;}   
.intro-box p{color:black;font-size: 1.1rem;border:0;margin:0;padding:0;} 
.intro-box a{color:black;font-size: 1.1rem;border:0;margin:0;padding:0;} 
.price-frame{box-sizing: border-box;width:100%;height:auto;margin:auto;padding:10% 0 0 0;border:0;}
.price-box{box-sizing: border-box;width:100%;height:auto;margin:0;padding:0;border:0;}
.price-box-top{box-sizing: border-box;width:90%;height:auto;margin:auto;padding:0;border:0;display:flex;flex-direction: row;flex-wrap: wrap;}
.pbt-left{width:100%;height:auto;float:none;text-align: center;justify-content: center;align-items: center;}
.img-pbtl{width:100%;height:auto;padding:0;margin:auto;}
.pbt-right{width:100%;height:auto;float:none;justify-content: center;align-items: center;}
.pbtr-box {box-sizing: border-box;width:90%;height:auto;margin:30px auto;padding:0;border:0;}
.pbtrt-head{box-sizing: border-box;width:100%;height:auto;margin:auto;padding:0;border:0;text-align: center;}
.pbtrt-head h3{font-size:2rem;margin:0 0 10px 0;padding:0;border:0;}
.pbtrt-mid{box-sizing: border-box;width:90%;height:auto;margin:auto;padding:0;border:0;}
.pbtrt-mid p{font-size:1rem;margin:0;padding:0;border:0;}
.pbtrt-bot{box-sizing: border-box;width:100%;height:auto;margin:auto;padding:0;border:0;text-align: center;}
.pbtrt-bot p{font-size:1.8rem;margin:20px 0 0 0;padding:0;border:0;}


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

}

@media screen and (min-width: 768px) {
    .intro-box p{color:black;font-size: 1.3rem;border:0;margin:0;padding:0;} 
    .intro-box a{color:black;font-size: 1.3rem;border:0;margin:0;padding:0;} 
    .pbtrt-head{box-sizing: border-box;width:100%;height:auto;margin:auto;padding:0;border:0;text-align: center;}
    .pbtrt-mid{box-sizing: border-box;width:75%;height:auto;margin:auto;padding:0;border:0;}
    .pbtrt-mid p{font-size:1.2rem;margin:0;padding:0;border:0;}
    .pbtrt-bot{box-sizing: border-box;width:100%;height:auto;margin:auto;padding:0;border:0;text-align: center;}
    .pbtrt-bot p{font-size:1.8rem;margin:20px 0 0 0;padding:0;border:0;}
}

@media screen and (min-width: 992px) {
    .pbtrt-mid{box-sizing: border-box;width:55%;height:auto;margin:auto;padding:0;border:0;} 
    .pbtrt-bot p{font-size:1.8rem;margin:20px 0 0 0;padding:0;border:0;}
}

@media screen and (min-width: 1200px) {
.intro-frame{box-sizing: border-box;width:90%;height:auto;margin:auto;padding:8% 0 0 0;border:0;}
.intro-box{box-sizing: border-box;width:90%;height:auto;margin:auto;padding:0;border:0;text-align: center;}   
.intro-box p{color:black;font-size: 1.5rem;border:0;margin:0;padding:0;} 
.intro-box a{color:black;font-size: 1.5rem;border:0;margin:0;padding:0;} 
.price-frame{box-sizing: border-box;width:90%;height:auto;margin:auto;padding:10% 0 0 0;border:0;}
.price-box{box-sizing: border-box;width:100%;height:auto;margin:0;padding:0;border:0;}
.price-box-top{box-sizing: border-box;width:90%;height:auto;margin:auto;padding:0;border:0;display:flex;flex-direction: row;flex-wrap: nowrap;}
.pbt-left{width:50%;height:auto;float:left;text-align: center;justify-content: center;align-items: center;}
.img-pbtl{width:100%;height:auto;padding:0;margin:auto;}
.pbt-right{width:50%;height:auto;float:left;justify-content: center;align-items: center;}
.pbtr-box {box-sizing: border-box;width:90%;height:auto;margin:30px auto;padding:0;border:0;}
.pbtrt-head{box-sizing: border-box;width:50%;height:auto;margin:auto;padding:0;border:0;}
.pbtrt-head h3{font-size:2rem;margin:0 0 10px 0;padding:0;border:0;}
.pbtrt-mid{box-sizing: border-box;width:50%;height:auto;margin:auto;padding:0;border:0;}
.pbtrt-mid p{font-size:1rem;margin:0;padding:0;border:0;}
.pbtrt-bot{box-sizing: border-box;width:50%;height:auto;margin:auto;padding:0;border:0;}
.pbtrt-bot p{font-size:1.8rem;margin:10px 0 0 0;padding:0;border:0;}
}


/*Preise 

.price-frame{box-sizing: border-box;width:90%;height:auto;margin:auto;padding:10% 0 0 0;border:0;}
.price-package-holder{box-sizing: border-box;width:100%;height:auto;margin:0;padding:00;border:0;}
.price-package-box{box-sizing: border-box;width:95%;height:auto;margin:auto;padding:20px 0 0 0; border:0; }
.price-package-headbox{box-sizing: border-box;width:100%;height:auto;margin:10px 0;padding:0 ; border:0; text-align: left;}
.price-package-headbox p{margin:0;padding:0 ; border:0;font-size: 2rem;}
.price-package-middlebox{box-sizing: border-box;width:100%;height:auto;margin:0;padding:0 ; border:0; text-align: left;}
.price-package-middlebox p{margin:0;padding:0 ; border:0;}
.price-package-lowbox{box-sizing: border-box;width:100%;height:auto;margin:12px 0;padding:0 ; border:0;text-align: left; }
.price-package-lowbox p{margin:0;padding:0 ; border:0;font-size: 1.8rem;}

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

}

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

}

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

@media screen and (min-width: 1200px) {
    .price-frame{box-sizing: border-box;width:90%;height:100%;margin:auto;padding:10% 0 0 0;border:0;}
    .price-package-holder{box-sizing: border-box;width:50%;height:auto;margin:auto;padding:00;border:0;display:flex;flex-direction: column;}
    .price-package-box{box-sizing: border-box;width:80%;height:auto;margin:auto;padding:10px 0 0 0; border:0; text-align: center;}
    .price-package-headbox{box-sizing: border-box;width:100%;height:auto;margin:10px auto;padding:0 ; border:0; text-align: center;}
    .price-package-headbox p{margin:0;padding:0 ; border:0;font-size: 2rem;}
    .price-package-middlebox{box-sizing: border-box;width:100%;height:auto;margin:0;padding:0 ; border:0; text-align: center;}
    .price-package-middlebox p{margin:0;padding:0 ; border:0;}
    .price-package-lowbox{box-sizing: border-box;width:100%;height:auto;margin:12px 0;padding:0 ; border:0;text-align: center; }
    .price-package-lowbox p{margin:0;padding:0 ; border:0;font-size: 1.8rem;}
}
*/


/*-------------------------------------------------------NEW SITE-------------------------------------------------------------------------------------------------------------------- */
/*Contact */
.contact-frame{box-sizing: border-box;width:90%;height:100%;margin:auto;padding:10% 0 0 0;border:0;}
.contact-adress-frame{box-sizing: border-box;width:50%;height:50%;margin:25px auto;padding:0 0 0 0; border:0; }
.contact-header{width:100%;height:40%;margin:0;padding:0 ; border:0; }
.contact-adress{width:100%;height:60%;margin:0;padding:0 ; border:0; }
.contact-r-part-o{width:100%;height:50%;margin:0;padding:0 ; border:0;}
.contact-r-part-u{width:100%;height:50%;margin:0;padding:0 ; border:0;}
.c-h-position{vertical-align: middle; display: flex;margin: auto;padding:50px 0 0 0;border:0;width:100%; height:auto;}
.c-h-position-s{vertical-align: middle; display: flex;margin: auto;padding:40px 0 0 0;border:0;width:100%; height:auto;}
.c-h-text{margin: 0;padding:0;border:0;width:100%;text-align: center;font-size: 3.5rem;letter-spacing: 4px;}
.c-h-text-s{margin: 0;padding:0;border:0;width:100%;text-align: center;font-size: 2.0rem;letter-spacing: 4px; }
.contact-adress a:hover {color:rgba(0,0,0,0.5);transition: 0.3s;}
.contact-adress a {color:rgba(0,0,0,1.0);transition: 0.3s;}


@media screen and (max-width: 1024px) {
.contact-adress-frame{box-sizing: border-box;width:100%;height:auto;margin:25px auto;padding:0 0 0 0; border:0; }
.contact-header{width:100%;height:40%;margin:0;padding:200px 0 0 0 ; border:0; }
.c-h-position{vertical-align: middle; display: flex;margin: auto;padding:0 0 0 0;border:0;width:100%; height:auto;} 
.c-h-position-s{vertical-align: middle; display: flex;margin: auto;padding:30px 0 0 0;border:0;width:100%; height:auto;}    
.c-h-text{margin: 0;padding:0;border:0;width:100%;text-align: center;font-size: 2.05rem;letter-spacing: 4px;}
.c-h-text-s{margin: 0;padding:0;border:0;width:100%;text-align: center;font-size: 1.5rem;letter-spacing: 4px; }
.contact-adress a:active {color:rgba(0,0,0,0.5);}
.contact-adress a {color:rgba(0,0,0,1.0);}        
}

@media screen and (max-width: 420px) {
.contact-adress-frame{box-sizing: border-box;width:100%;height:auto;margin:25px auto;padding:0 0 0 0; border:0; }
.contact-header{width:100%;height:40%;margin:0;padding:200px 0 0 0 ; border:0; }
.c-h-position{vertical-align: middle; display: flex;margin: auto;padding:0 0 0 0;border:0;width:100%; height:auto;} 
.c-h-position-s{vertical-align: middle; display: flex;margin: auto;padding:30px 0 0 0;border:0;width:100%; height:auto;}    
.c-h-text{margin: 0;padding:0;border:0;width:100%;text-align: center;font-size: 1.25rem;letter-spacing: 4px;}
.c-h-text-s{margin: 0;padding:0;border:0;width:100%;text-align: center;font-size: 1.0rem;letter-spacing: 4px; }
.contact-adress a:active {color:rgba(0,0,0,0.5);}
.contact-adress a {color:rgba(0,0,0,1.0);}    
}

/*-------------------------------------------------------NEW SITE-------------------------------------------------------------------------------------------------------------------- */
/*impressum & Datenschutz*/

.imp-frame{box-sizing: border-box;width:90%;height:auto;margin: auto;padding:80px 0 0 0;border:0;}
.imptext-frame{width:100%;height:auto;margin:0 0 0 0;padding:20px 0 0 0;border:0;}    
.impheadline{border:0;padding: 5px 0 0 0; margin: 0; color:black; font-size: 1.5rem;letter-spacing: 1px;text-align: center;} 
.imptext{color:black;font-size: 0.8rem;border:0;margin:0;padding:10px 0 5px 0;letter-spacing: 1.2px;font-weight: 200;}  
.imp-frame p {color:black;font-size: 0.8rem;border:0;margin:0;padding:10px 0 5px 0;letter-spacing: 1.1px;font-weight: 200;}
.imp-frame li {color:black;font-size: 0.8rem;border:0;margin:0;padding:10px 0 5px 0;letter-spacing: 1.1px;font-weight: 200;}
.hl-dat{position:absolute;margin:0;padding:0;color: black;font-size: 1.8rem;}   

@media screen and (min-width: 576px) {
    .imp-frame p {color:black;font-size: 0.9rem;border:0;margin:0;padding:10px 0 5px 0;letter-spacing: 1.1px;font-weight: 200;}
}

@media screen and (min-width: 768px) {
    .imp-frame p {color:black;font-size: 1rem;border:0;margin:0;padding:10px 0 5px 0;letter-spacing: 1.1px;font-weight: 200;}
    .hl-dat{position:absolute;margin:0;padding:0;color: black;font-size: 3rem;}  
}

@media screen and (min-width: 1200px) {
    .imp-frame{box-sizing: border-box;width:90%;height:auto;margin:auto;padding:10% 0 0 0;border:0;}
    .imptext-frame{width:50%;height:auto;margin:auto;padding:10px 0 0 0;border:0;}
    .impheadline{border:0;padding: 5px 0 0 0; margin: 0; color:black; font-size: 3.5rem;letter-spacing: 1px;text-align: center;}
    .imptext{color:black;font-size: 1.1rem;border:0;margin:0;padding:10px 0 5px 0;letter-spacing: 1.2px;font-weight: 200;}
    .imp-frame p {color:black;font-size: 1.1rem;border:0;margin:0;padding:10px 0 5px 0;letter-spacing: 1.1px;font-weight: 200;}
    .imp-frame li {color:black;font-size: 1.1rem;border:0;margin:0;padding:10px 0 5px 0;letter-spacing: 1.1px;font-weight: 200;}
    .hl-dat{position:absolute;margin:0;padding:0;color: black;font-size: 4em;}      
}


    


/*-------------------------------------------------------NEW SITE-------------------------------------------------------------------------------------------------------------------- */
/*Blog Section */
.blog-frame{box-sizing: border-box;width:80%;height:auto;margin:auto;padding:10% 0 0 0;border:0;}
.blogbeitrag{display:flex;flex-direction: column;width:100%;height:auto;margin:auto;padding:0 0 20px 0;border:0;}
.blog-cont-left{box-sizing: border-box;width:100%; height:auto;float: none;margin:0;padding:0;border:0;}
.blog-cont-right{box-sizing: border-box;width:100%; height:auto;float: none;margin:0;padding:0;border:0;}
.blogtext-frame{width:100%;height:auto;margin:auto;padding:20px 0 0 0;border:0;}
.blogheadline{border:0;padding: 5px 0 0 0; margin: 0; color:black; font-size: 1.5rem;letter-spacing: 1px;}
.blogtext{color:black;font-size: 1.05rem;border:0;margin:0;padding:0 0 5px 0;letter-spacing: 1.2px;font-weight: 200;}
.blogtext a {text-decoration: underline;color:black;}
.blogtext a:hover {text-decoration: underline;color:rgba(0,0,0,0.5);}
.img-blog{margin:auto;width:100%;height:auto;padding: 20px 0 0 0;border:0;}







@media screen and (min-width: 1200px) {
    .blog-frame{box-sizing: border-box;width:80%;height:auto;margin:auto;padding:10% 0 0 0;border:0;}
    .blogholder{box-sizing: border-box;width:100%;height:auto;margin:auto;padding:0;border:0;}
    .blogbeitrag{display:flex;flex-direction: row;width:100%;height:auto;margin:20px 0 0 0;padding:20;border:0;justify-content: center;}
    .blog-cont-left{box-sizing: border-box;width:50%; height:auto;float: left;margin:0;padding:0;border:0;}
    .blog-cont-right{box-sizing: border-box;width:50%; height:auto;float: left;margin:0;padding:0;border:0;}
    .blogtext-frame{width:100%;height:auto;margin:auto;padding:100px 0 0 0;border:0;}
    .blogheadline{border:0;padding: 5px 0 0 0; margin: 0; color:black; font-size: 1.5rem;letter-spacing: 1px;}
    .blogtext{color:black;font-size: 1.05rem;border:0;margin:0;padding:0 0 5px 0;letter-spacing: 1.2px;font-weight: 200;}
    .blogtext a {text-decoration: underline;color:black;}
    .blogtext a:hover {text-decoration: underline;color:rgba(0,0,0,0.5);}
    .img-blog{margin:auto;width:80%;height:auto;padding: 0;border:0;}
}




/*---------------------FOOTER-------------------------------FOOTER-------------------------FOOTER---------------------------------FOOTER-----------------FOOTER-------------- */
/*Footer Section */
.site-footer{box-sizing: border-box;position: absolute;width:100%;height:auto;margin:auto;padding:0;border:0;text-align: right;}
.footer-nav{margin:0 0 20px 0;padding:0;text-align: center; list-style: none;font-size:0.6rem;}
.footer-nav li{display:inline;}
.footer-nav a, .footer-nav p{display: inline;padding:0 10px 0 10px;margin:0;text-decoration: none;transition: 0.3s;}
.footertext-color-index{color:white;}
.footertext-color-pages{color:black;}
.footer-text{padding:0;margin:0;text-decoration: none;font-size: 0.5rem;letter-spacing: 1px;}    


@media screen and (min-width: 576px) {
    .footer-nav{margin:0 0px 10px 0;padding:0;text-align: center; list-style: none;font-size:0.7rem;}
    .footer-nav a, .footer-nav p{display: inline;padding:0 20px 0 20px;margin:0;text-decoration: none;transition: 0.3s;}
    .footer-nav a:hover{display: inline;padding:0 20px 0 20px;font-size: 0.7rem;margin:0;transition: 0.3s; text-decoration: underline;}
    .footer-text{padding:0;margin:0;text-decoration: none;font-size: 0.7rem;letter-spacing: 1px;}
}


@media screen and (min-width: 768px) {
    .footer-nav{margin:0 0 10px 0;padding:0;text-align: center; list-style: none;font-size:0.7rem;}
    .footer-nav a, .footer-nav p{display: inline;padding:0 20px 0 20px;margin:0;text-decoration: none;transition: 0.3s;}
    .footer-text{padding:0;margin:0;text-decoration: none;font-size: 0.7rem;letter-spacing: 1px;}   
}

@media screen and (min-width: 992px) {
    .footer-nav{margin:0 50px 10px 0;padding:0;text-align: center; list-style: none;font-size:0.7rem;}
    .footer-nav a, .footer-nav p{display: inline;padding:0 20px 0 20px;margin:0;text-decoration: none;transition: 0.3s;}
    .footer-text{padding:0;margin:0;text-decoration: none;font-size: 0.7rem;letter-spacing: 1px;}    
}

@media screen and (min-width: 1200px) {
    .site-footer{box-sizing: border-box;position: absolute;width:100%;height:auto;margin:auto;padding:0;border:0;text-align: right;}
    .footer-nav{margin:0 50px 10px 0;padding:0;text-align: right; list-style: none;font-size:0.7rem;}
    .footer-nav li{display:inline;}
    .footer-nav a, .footer-nav p{display: inline;padding:0 20px 0 20px;margin:0;text-decoration: none;transition: 0.3s;}
    .footertext-color-index{color:white;}
    .footertext-color-pages{color:black;}
    .footer-nav a:hover{display: inline;padding:0 20px 0 20px;font-size: 0.7rem;margin:0;transition: 0.3s; text-decoration: underline;}
    .footer-text{padding:0;margin:0;text-decoration: none;font-size: 0.7rem;letter-spacing: 1px;}
}