@charset "UTF-8";body{background-color:#fff;color:#383838;font:18px 'Raleway', Arial, sans-serif;line-height:28px;margin:0;}
main{margin:0 auto;   -moz-hyphens: auto;-o-hyphens: auto;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto; }
h1, h2, h3, h4, h5, h6{font-family:"poppins", sans-serif;color:#000;font-weight:500;text-transform:uppercase;z-index:5 !important;margin-bottom:50px;text-align:center;line-height:45px;hyphens: auto;}
h1{font-size:40px;text-align:center;position: relative;}
h1::after{content: "\A";width:82.59px;height:26.28px;background: #ddaf00;display: inline-block;position: absolute;z-index: -10 !important;align-content: flex-end;top: 19px;margin-left: -70px;float: right;}
h2{font-size:36px;text-align:center;position: relative;}
h2::after{content: "\A";width: 82.59px;height: 26.28px;background: #ddaf00;display: inline-block;position: absolute;z-index: -10 !important;align-content: flex-end;top: 21px;margin-left: -70px;float: right;}
h3{font-size:34px;text-align:center;position: relative;}
h3::after{content: "\A";width: 82.59px;height: 26.28px;background: #ddaf00;display: inline-block;position: absolute;z-index: -10 !important;align-content: flex-end;top: 21px;margin-left: -70px;float: right;}
h4{font-size:26px;text-align:left;}
h5{font-size:24px;text-align:left;line-height:30px;margin-bottom:0px;}
h6{font-size:20px;text-align:left;}
.h1style {font-size:40px;text-align:center;font-family:"poppins", sans-serif;color:#000;font-weight:500;text-transform:uppercase;line-height:45px;}
.h1style:after{content: "\A";width:82.59px;height:26.28px;background: #ddaf00;display: inline-block;position: absolute;z-index: -10 !important;align-content: flex-end;top: 43px;margin-left: -70px;float: right;}
.aligncenter{text-align:center;}
img.zentriert{display:block;margin:0 auto;}
.bgimg-1, .bgimg-2, .bgimg-3{background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden;}
.bgimg-1{background-image:url("../_img/startseite/background-header-startseite.png");height:70vh;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;background-blend-mode: multiply;background-color: rgba(0,0,0,0.4);}
.bgimg-1:after{clear:both;}
@media only screen and (max-device-width:1024px){.bgimg-1{background-attachment:scroll;}
}
.teaserrund {background: #ddaf00;border-radius: 97px;padding: 30px;color: #fff;font-size: 50px;}
i {font-size:65px;}
i::after{content: "\A";width: 82.59px;height: 26.28px;background: #ddaf00;display: inline-block;position: absolute;z-index: -10 !important;align-content: flex-end;top: 57px;margin-left: -67px;float: right;}
i#headicon:after{background: transparent!important;}
.material-icons{font-size:65px !important;}
.display-center{position: absolute;top: 40%;left: 50%;transform: translate(-50%,-50%);}
.mouse_scroll{display:block;margin:0 auto;width:24px;height:100px;/*background:blue;*/margin-top:500px;}
.m_scroll_arrows{display:block;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);border-right:2px solid white;border-bottom:2px solid white;margin:8px 0 3px 8px;width:8px;height:8px;}
.unu{margin-top:1px;-webkit-animation:mouse-scroll 1s infinite;-moz-animation:mouse-scroll 1s infinite;-webkit-animation-delay:.1s;-moz-animation-delay:.1s;-webkit-animation-direction:alternate;}
.mouse{height:42px;width:24px;border-radius:9px;transform:none;border:2px solid white;top:170px;}
.wheel{display:block;margin:5px auto;background:white;position:relative;height:3px;width:3px;border:1px solid #fff;-webkit-border-radius:8px;border-radius:8px;}
.wheel{-webkit-animation:mouse-wheel 0.8s linear infinite;-moz-animation:mouse-wheel 0.8s linear infinite;}
@-webkit-keyframes mouse-wheel{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(8px);-ms-transform:translateY(8px);transform:translateY(8px);}
}
@-moz-keyframes mouse-wheel{0%{top:1px;}
25%{top:2px;}
50%{top:3px;}
75%{top:2px;}
100%{top:1px;}
}
@-webkit-keyframes mouse-scroll{0%{opacity:0;}
50%{opacity:.5;}
100%{opacity:1;}
}
@-moz-keyframes mouse-scroll{0%{opacity:0;}
50%{opacity:.5;}
100%{opacity:1;}
}
@-o-keyframes mouse-scroll{0%{opacity:0;}
50%{opacity:.5;}
100%{opacity:1;}
}
@keyframes mouse-scroll{0%{opacity:0;}
50%{opacity:.5;}
100%{opacity:1;}
}
div.hr{width:100%;height:10px;background:#ddaf00;position:relative;margin:0 auto;}
div.hr:after{/*content:'';position:absolute;border-style:solid;border-width:15px 15px 0;border-color:#ddaf00 transparent;display:block;width:0;z-index:1;left:50%;*/
content: '';
position: absolute;
border-style: solid;
border-width: 10px 10px 0;
border-color: #ddaf00 transparent;
left: 49.5%;}
div.hr:before{/*content:'';position:absolute;border-style:solid;border-width:25px 25px 0;border-color:#ddaf00 transparent;display:block;width:0;z-index:1;left:49%;*/
content: '';
border-style: solid;
border-width: 10px 20px 0;
border-color: #ddaf00 transparent;
display: block;
width: 0;
z-index: 1;}
#responsivedesign{background-image:url("/_img/startseite/responsive-para-bg.jpg");min-height:350px;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;background-blend-mode: multiply;background-color: rgba(0,0,0,0.75);padding: 50px 0px 90px 0px;}
#responsivedesign h2, #responsivedesign p{margin:0px auto;margin-top:50px;color:#fff;text-align:center;}
@media only screen and (max-device-width:1024px){#responsivedesign{background-attachment:scroll;}
}
.einleitung{text-align:center;/*max-width:450px*/;margin:0 auto;margin-bottom:45px;font-size:18px;}
.leistungsuebersicht{text-align:left;}
.button{padding:5px 15px;background-color:#ddaf00;margin-top:80px;text-align:center;text-transform:uppercase;font-family:"poppins";font-size:18px;font-weight:400;color:#fff;text-decoration:none;-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;}
.button:hover{padding:5px 15px;background-color:#fff;border:1px solid #ddaf00;color:#383838;font-weight:400;}
#knorke-bg{top: 0;bottom: 0;right: 0;left: 0;width: 100%;height: auto;transform-origin: top left;transform: skewY(-4deg);background-color: #ddaf00;position: absolute;background-image: url(http://julia-scharrer.de/_img/startseite/julia-700px4dg.png);background-position: right;background-repeat: no-repeat;background-blend-mode: multiply;background-position-x: 90%; /*	top:0;bottom:0;right:0;left:0;width:100%;height:auto;transform-origin:top left;transform:skewY(-4deg);background-color:#ddaf00;position:absolute;*/}
@media only screen and (max-width: 1000px){#knorke-bg{background-image:none;}
}
#knorkeh, #knorkep{color:#fff;}
form{background-color:#eee;width:100%;padding:20px;border:1px solid #8c8c8c;}
label{display:block;cursor:pointer;}
input#absender,
input#vorname,
input#nachname,
input#absender,
input#anliegen,
textarea, select{width:100%;border:1px solid #8c8c8c;margin-bottom:1em;}
textarea{height:7em;}
input:focus,
textarea:focus{background-color:#d9d9d9;}
footer{margin-top:50px;padding:30px 15px;background-color:#333;color:#fff;}
.footercontent{/*height:370px;*/margin:0px auto;max-width:900px;background-color:#333;color:#fff;text-align:left;}
.footercontent h6{margin:0px auto;color:#fff;text-align:left;font-size:20px;margin-bottom:35px;}
.footercontent::after{clear:both}
footer h3{color:#fff;}