body { font-family: 'Century Gothic', sans-serif; font-size: 15px; font-weight: 400; color: #888; line-height: 30px; text-align: center; }

strong { font-weight: 600; }

a { color: #a365bc; border-bottom: 1px dashed #a365bc; text-decoration: none; transition: all .3s; }
a:hover, a:focus { color: #a365bc; border: 0; text-decoration: none; }

h1, h2 { margin-top: 10px; font-size: 38px; font-weight: 300; color: #4f9dc4; line-height: 50px; }
h3 { font-size: 22px; font-weight: 300; color: #7ebede; line-height: 30px; }

img { max-width: 100%; }

.medium-paragraph { font-size: 17px; line-height: 32px; }

::-moz-selection { background: #8542a0; color: #fff; text-shadow: none; }
::selection { background: #8542a0; color: #fff; text-shadow: none; }


/***** General style, all sections *****/

.section-container { margin: 0 auto; padding-bottom: 80px; }

.section-container-gray-bg { background: #f8f8f8; }

.section-container-image-bg, 
.section-container-image-bg h2, 
.section-container-image-bg h3 { color: #fff; }

.section-container-image-bg .divider-1 span { border-color: #fff; }

.section-description { margin-top: 60px; padding-bottom: 10px; }

.section-description p { margin-top: 20px; padding: 0 120px; }
.section-container-image-bg .section-description p { opacity: 0.8; }

.section-bottom-button { padding-top: 60px; }


/***** Divider *****/

.divider-1 span { display: inline-block; width: 200px; border-bottom: 1px dotted #aaa; }


/***** Top menu *****/

.navbar {
	background: #444; transition: all .6s; backface-visibility: hidden;
	box-shadow: 0 2px 5px 1px rgba(51, 51, 51, 0.5);
}

.navbar-dark .navbar-nav { font-size: 15px; color: #fff; text-transform: uppercase; }
.navbar-dark .navbar-nav .nav-link { color: #fff; color: rgba(255, 255, 255, 0.8); border: 0; }
.navbar-dark .navbar-nav .nav-link:hover { color: #fff; }
.navbar-dark .navbar-nav .nav-link:focus { color: #fff; outline: 0; }

.navbar-dark .navbar-toggler { border-color: #444; }
.navbar-dark .navbar-toggler:focus { background: none; outline: 0; }

.navbar-dark .navbar-toggler span {
	display: block; width: 30px; height: 2px; margin: 6px auto; background: #fff;
	transition: all .6s cubic-bezier(0.250, 0.100, 0.250, 1.000);
}
.navbar-dark .navbar-toggler:hover span,
.navbar-dark .navbar-toggler:focus span { background: #ccc; }

/* rotate first span */
.navbar-dark .navbar-toggler[aria-expanded="true"] span:first-of-type { transform: rotate(45deg) translate(6px, 6px); }
/* hide second span */
.navbar-dark .navbar-toggler[aria-expanded="true"] span:nth-of-type(2) { opacity: 0; }
/* rotate third span */
.navbar-dark .navbar-toggler[aria-expanded="true"] span:last-of-type { transform: rotate(-45deg) translate(5px, -5px); }

.navbar-dark .navbar-toggler[aria-expanded="false"] span { transform: none; opacity: 1; }

.navbar-brand {
	width: 235px;
	height: 44px;
	background-image: url(../img/logo_klein.jpg) !important; background-repeat: no-repeat !important; background-size: 162px 44px !important;
	border: 0;
	text-indent: -99999px;
}


/***** Top content *****/

.top-content { width: 100%; padding: 100px 0 120px 0; }

.top-content h1 { padding-top: 60px; color: #fff; }
.top-content .description { margin: 30px 0 0 0; padding-bottom: 30px; }
.top-content .description p { color: #fff; color: rgba(255, 255, 255, 0.8); }
.top-content .description a { color: #fff; color: rgba(255, 255, 255, 0.8); border-color: #fff; border-color: rgba(255, 255, 255, 0.8); }
.top-content .description a:hover,
.top-content .description a:focus { color: #fff; color: rgba(255, 255, 255, 0.8); }


/***** Section 1 *****/

html body div.section-1-container.section-container.section-container-gray-bg div.container div.row div.col.section-1-box.wow.fadeInLeft.animated img{
	padding: 20px;
}

.section-1-box { padding-top: 30px; }

.section-1-box .section-1-box-icon {
	width: 80px; height: 80px; margin: 0 auto;
	background: #a365bc;
    font-size: 40px; color: #fff; line-height: 80px; text-align: center;
    -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
    -o-transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -ms-transition: all .6s; transition: all .6s;
}

.section-1-box h3 { margin-top: 0; padding: 0 0 10px 0; }


/***** Section 2 *****/

.section-2-box { margin-top: 30px; }
.section-2-box h3 { margin-top: 0; }
.section-2-box-text .medium-paragraph { margin-top: 20px; margin-bottom: 20px; }


/***** Section 3 *****/

.section-3-box { margin-top: 30px; text-align: left; }

.section-3-box .section-3-box-icon {
	width: 60px; height: 60px; margin: 0 auto;
	background: #a365bc;
    font-size: 28px; color: #fff; line-height: 60px; text-align: center;
    -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
}

.section-3-box h3 { margin-top: 0; padding: 0 0 10px 0; }

ul li {list-style: none;}


/***** Footer *****/

footer { padding: 40px 0; }


/******** MENUE ******/