/*!
 * Start Bootstrap - Agency v5.2.1 (https://startbootstrap.com/template-overviews/agency)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-agency/blob/master/LICENSE)
 */body
{
    overflow-x:hidden;
    font-family:'Lato',sans-serif,
        -apple-system,BlinkMacSystemFont,
        'Segoe UI',
        Roboto,
        'Helvetica Neue',
        Arial,sans-serif,
        'Apple Color Emoji',
        'Segoe UI Emoji',
        'Segoe UI Symbol',
        'Noto Color Emoji' 
}
p {
    line-height:1.75
}
/* Link color wie am Seitenende - Vergleich hover im nächsten Befehl */
a {
    color:#ffffff
}
/* Hover u.a für Links am Seitenende */
a:hover{
    color:#ffffff
}
.text-primary{
    color:#cccccc!important}h1,h2,h3,h4,h5,h6{
        font-weight:700;font-family:'Lato',sans-serif,Montserrat,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'}.page-section{padding:100px 0}.page-section h2.section-heading{font-size:30px;margin-top:0;margin-bottom:15px;color:#DA404A
}
.page-section h3.section-subheading{
    font-size:16px;
    font-weight:400;margin-bottom:75px;text-transform:none;font-family:'Lato',sans-serif,'Droid Serif',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'
}

@media (min-width:768px){
    section{padding:150px 0}}::-moz-selection{background:#cccccc;text-shadow:none
}::selection{background:#cccccc;text-shadow:none}img::-moz-selection{background:0 0}img::selection{background:0 0}img::-moz-selection{background:0 0}.btn{font-family:'Lato',sans-serif,Montserrat,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-weight:700}.btn-xl{font-size:18px;padding:20px 40px
}
.btn-primary{background-color:#cccccc;border-color:#cccccc}.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background-color:#ceebf7!important;border-color:#dddddd!important;color:#000000}.btn-primary:active,.btn-primary:focus{-webkit-box-shadow:0 0 0 .2rem rgba(221,221,221,.5)!important;box-shadow:0 0 0 .2rem rgba(221,221,221,.5)!important}

/* Hintergrund der Leiste oben nach dem Scrollen */
#mainNav{
	/* Merker: Diese Farbangabe ist für alle Bildschirme kleiner 768px */
    /* background-color:#212529; */
	background-color:rgba(33, 37, 41, 0.9);
	/* 212529*/
}
#mainNav .navbar-toggler{
    font-size:14px;
    right:0;
    padding:13px;
    text-transform:uppercase;
    color:#fff;border:0;background-color:inherit;font-family:'Lato',sans-serif,Montserrat,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'}

#mainNav .navbar-brand{color:#fff;font-family:'Lato',sans-serif,'Kaushan Script',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'}

#mainNav .navbar-brand.active,#mainNav .navbar-brand:active,#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{
    color:#fff
}
/* Mobile */
#mainNav .navbar-nav .nav-item .nav-link{
    /* align:right; */
    font-size:250%;
    font-weight:900;
    /* weniger Freiraum: 0 0
	padding:.75em 0;*/
	padding: 0 0;
    letter-spacing:1px;
    color:#008BBD;
    font-family:'Lato',sans-serif,Montserrat,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';
	float: right;
	background-color: transparent;
	background: transparent;
}

/* Hover Color beim überfahren des links - soll weiß sein */
#mainNav .navbar-nav .nav-item .nav-link.active,#mainNav .navbar-nav .nav-item .nav-link:hover{color:#fff}

/* Desktop übersteuert per media-query */
@media (min-width:992px){
    #mainNav{
		padding-top:25px;
		padding-bottom:25px;
	-webkit-transition:padding-top .3s,padding-bottom .3s;
	transition:padding-top .3s,padding-bottom .3s;
	border:none;
	background-color:transparent;
	}
    #mainNav .navbar-brand{
        font-size:1.75em;-webkit-transition:all .3s;
        transition:all .3s
    }
    #mainNav .navbar-nav .nav-item .nav-link{
		font-size:100%;
		background-color:transparent;
		padding:1.1em 1em!important
		}#mainNav.navbar-shrink{
			padding-top:0;
			padding-bottom:0;
			/* Desktop Background after scroll */
			background-color:#212529;
    }
    #mainNav.navbar-shrink .navbar-brand{
		font-size:1.25em;
		padding:12px 0
		}
	}
	

header.masthead mybox {
  background-color: skyblue;
  margin-top: 50px;
  padding: 5% 20px; /* Added a percentage value for top/bottom padding to keep the wrapper inside of the parent */
  
  -webkit-transform: skewY(-5deg);
  -moz-transform: skewY(-5deg);
  -ms-transform: skewY(-5deg);
  -o-transform: skewY(-5deg);
  transform: skewY(-5deg);
}

header.masthead mybox > .wrapper {
  -webkit-transform: skewY(5deg);
  -moz-transform: skewY(5deg);
  -ms-transform: skewY(5deg);
  -o-transform: skewY(5deg);
  transform: skewY(5deg);
}

/* Startseite Schriftzug */
header.masthead{
    text-align:left;
    color:#fff;
    background-image:linear-gradient(179deg, rgba(255,255,255,0) 1%, rgba(255, 255, 255, 0) 19%,rgba(128,202,236,0.8) 19%, rgba(128,202,236,0.8) 92%, rgba(128,202,236,1) 92%),url(../img/header-bg.jpg);
	/*   alte Version  background-image:linear-gradient(179deg, rgba(255, 255, 255, 0) 1%,rgba(255, 255, 255, 0) 18%, rgba(128, 202, 236, 0.80) 8%),url(../img/header-bg.jpg); */
    background-repeat:no-repeat;
    background-attachment:scroll;
    background-position:center center;
    background-size:cover
	
}
header.masthead .intro-text{
    padding-top:150px;padding-bottom:100px; 
    
}
header.masthead .intro-text .intro-lead-in{
    font-size:20px;
    font-weight:bold; 
    line-height:22px;
	margin-bottom:25px;
	font-family:'Lato',sans-serif,'Droid Serif',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'
}
header.masthead .intro-text .intro-heading{
    font-size:30px;
    font-weight:800;
    line-height:50px;
    margin-bottom:10px;
    font-family:'Lato',sans-serif,,Montserrat,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'
}

@media (min-width:768px){
    header.masthead .intro-text {
        padding-top:150px;/* Abstand Titelseite Box nach oben zum Menü */ 
        padding-bottom:200px
    }
    header.masthead .intro-text .intro-lead-in{
        font-size:25px;
        line-height:40px;
        margin-bottom:25px;
        font-family:'Lato',sans-serif,'Droid Serif',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'
        }

        header.masthead .intro-text .intro-heading {
            font-size:75px;
            font-weight:700;
            line-height:75px;
            margin-bottom:50px;
            font-family:'Lato',sans-serif,Montserrat,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'}}
.service-heading{margin:15px 0;text-transform:none}


section#contact .form-group{margin-bottom:25px}section#contact .form-group input,section#contact .form-group textarea{padding:20px}section#contact .form-group input.form-control{height:auto}section#contact .form-group textarea.form-control{height:248px}section#contact .form-control:focus{border-color:#fed136;-webkit-box-shadow:none;box-shadow:none}section#contact ::-webkit-input-placeholder{font-weight:700;color:#ced4da;font-family:'Lato',sans-serif,Montserrat,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'}section#contact :-moz-placeholder{font-weight:700;color:#ced4da;font-family:'Lato',sans-serif,Montserrat,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'
}

section#contact ::-moz-placeholder{font-weight:700;color:#ced4da;font-family:'Lato',sans-serif,Montserrat,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'}section#contact :-ms-input-placeholder{font-weight:700;color:#ced4da;font-family:'Lato',sans-serif,Montserrat,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'}.footer{padding:25px 0;text-align:center;background-color:#202928}.footer span.copyright{font-size:90%;line-height:40px;text-transform:none;font-family:'Lato',sans-serif,Montserrat,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'}.footer ul.quicklinks{font-size:90%;line-height:40px;margin-bottom:0;text-transform:none;font-family:'Lato',sans-serif,Montserrat,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'}ul.social-buttons{margin-bottom:0
}

ul.social-buttons li a{font-size:20px;line-height:50px;display:block;width:50px;height:50px;-webkit-transition:all .3s;transition:all .3s;color:#fff;border-radius:100%;outline:0;background-color:none}ul.social-buttons li a:active,ul.social-buttons li a:focus,ul.social-buttons li a:hover{background-color:none
}

.scroll-down {
	position: absolute;
	left: 50%;
	bottom: 10px;
	display: block;
	text-align: center;
	font-size: 20px;
	z-index: 100;
	text-decoration: none;
	text-shadow: 0;
  width: 13px;
  height: 13px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  z-index: 9;
  left: 50%;
  -webkit-transform: translate(-50%, 0%) rotate(45deg);
  -moz-transform: translate(-50%, 0%) rotate(45deg);
  transform: translate(-50%, 0%) rotate(45deg);
	-webkit-animation: fade_move_down 4s ease-in-out infinite;
	-moz-animation:    fade_move_down 4s ease-in-out infinite;
	animation:         fade_move_down 4s ease-in-out infinite;
}


/*animated scroll arrow animation*/
@-webkit-keyframes fade_move_down {
  0%   { -webkit-transform:translate(0,-10px) rotate(45deg); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -webkit-transform:translate(0,10px) rotate(45deg); opacity: 0; }
}
@-moz-keyframes fade_move_down {
  0%   { -moz-transform:translate(0,-10px) rotate(45deg); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -moz-transform:translate(0,10px) rotate(45deg); opacity: 0; }
}
@keyframes fade_move_down {
  0%   { transform:translate(0,-10px) rotate(45deg); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { transform:translate(0,10px) rotate(45deg); opacity: 0; }
}