/*!
 * Start Bootstrap - Grayscale Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* GLOBAL */
html { 
	width: 100%; 
	height: 100%; 
	}

body {
    width: 100%;
    height: 100%;
    font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #666666;
    background-color: rgba(166, 204, 82, 1);
	}

.container-60 {
	width: 60%;
	}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
	}
h1,
h2,
h3 { 
	margin: 0 0 25px 0; 
	}
h4 { 
	margin: 0 0 10px 0; 
	}

h1.intro-heading span { 
	color: rgba(189, 168, 107, 1); 
	}
h2 { 
	color: rgba(200,186,145,1); 
	}

p {
    margin: 0 0 20px 0;
    font-size: 18px;
    line-height: 1.5;
	}

a { 
	color: rgba(82, 203, 104, 1);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	}
a:hover,
a:focus { 
	text-decoration: none; 
	color: rgba(54, 129, 68, 1); 
	}

.light { 
	font-weight: 400; 
	}
small { 
	font-size: 10px; 
	}
.abstand-unten-20 { 
	margin-bottom: 20px; 
	}
.abstand-unten-40 { 
	margin-bottom: 40px; 
	}

.content-section { 
	padding: 100px 0; 
	}
.kasten { 
	padding: 15px; 
	}
.bg-white { 
	background-color: rgba(255, 255, 249, 0.9); 
	}
.bg-beige { 
	background-color: rgba(200,186,145,0.2); 
	}

/* NAVIGATION */
.navbar-custom {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255,255,255,.1);
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    background-color: rgba(166, 204, 82, 1);
    z-index: 999;
	}
.navbar-custom .navbar-brand { 
	font-weight: 700; 
	padding: 10px 15px;
	}
.navbar-custom .navbar-brand:focus { 
	outline: 0; 
	}
.navbar-custom .navbar-brand .navbar-toggle {
    padding: 10px 15px;
    font-size: 14px;
    color: #fff !important;
	}
.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active { 
	outline: 0; 
	}
.navbar-custom a { 
	font-size: 14px; 
	color: #fff; 
	}
.navbar-custom .nav li.active { 
	outline: none; 
	background-color: rgba(166, 204, 82, .3); 
	}
.navbar-custom .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
	}
.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a.active { 
	outline: 0; 
	background-color: rgba(255,255,255,.3); 
	}

/* INTRO INTERMEZZO */
.intro img { 
	padding-top: 20px; 
	padding-bottom: 30px; 
	margin: 0 auto; 
	width: 150px;
	}
.intro .intro-body .intro-heading { 
	font-size: 28px; 
	}
.intro .intro-body,
.intermezzo .intermezzo-body { 
	display: table-cell; 
	vertical-align: middle; 
	}
.intro .intro-body .intro-text,
.intermezzo .intermezzo-body img { 
	margin: 0 auto; 
	text-align: center !important; 
	}

.wallpaper {
    display: table;
    width: 100%;
    padding: 50px 0;
    text-align: center;
    color: #fff;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    -o-background-size: contain;
	}
.wallpaper-start {
    height: 100%;
	}
.wallpaper-intermezzo {
    height: 66%;
	}
.wallpaper-schluss {
    height: 33%;
	}

.btn {
    color: #fff;
    background: 0 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	}
.btn:hover,
.btn:focus {
    outline: 0;
    color: #fff;
    background: transparent;
	}
.btn i.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
	}
.btn:hover i.animated {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
	}

/* BERATUNG PROFIL */
ul { 
	padding-left: 20px; 
	}
li { 
	font-size: 18px; 
	}

/* KONTAKT */

/* FOOTER */
footer { 
	padding: 50px 0; 
	background-color: rgba(255, 255, 249, 0.9) !important; 
	}
footer p { 
	margin: 0; 
	}
#alIMPRESSUM h4 { 
	padding: 15px 0;
	margin: 0;
	text-align: left;
	font-size: 16px;
	color: rgba(184, 159, 84, 1);
	}
#alIMPRESSUM p { 
	padding: 5px 0;
	margin: 0;
	text-align: left;
	font-size: 12px;
	color: #444;
	}
.btn-impressum {
	color: rgba(82, 203, 104, 1) !important;
	}
.btn-impressum:hover,
.btn-impressum:focus {
    outline: 0;
    color: rgba(54, 129, 68, 1) !important;
    background: transparent;
	}

/* SONSTIGES */
::-moz-selection {
    text-shadow: none;
    background: #fcfcfc;
    background: rgba(255,255,255,.2);
	}

::selection {
    text-shadow: none;
    background: #fcfcfc;
    background: rgba(255,255,255,.2);
	}

img::selection {  
	background: 0 0; 
	}
img::-moz-selection { 
	background: 0 0; 
	}

body { 
	-webkit-tap-highlight-color: rgba(255,255,255,.2); 
	}

@media (max-width: 767px) {
  .container-profil,
  .container-kontakt {
    width: 80%;
  }
}
@media (min-width:768px) {
    p {
        margin: 0 0 20px 0;
        font-size: 18px;
        line-height: 1.5;
    	}
	li { 
		font-size: 18px; 
		}

    .navbar {
        padding: 20px 0;
        border-bottom: 0;
        letter-spacing: 1px;
        background: 0 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    	}
    .top-nav-collapse { 
	    padding: 0; 
	    background-color: rgba(166, 204, 82, 1); 
		}
    .navbar-custom.top-nav-collapse { 
	    border-bottom: 1px solid rgba(255,255,255,.3); 
		}

    .content-section { 
	    padding: 120px 0; 
		}

    .intro, 
    .intermezzo { 
	    height: 100%; 
	    padding: 0; 
		background: url(../img/wallpaper-intro-logo-01.png) no-repeat center center fixed; 
		}
    .intro .intro-body .intro-heading { 
	    font-size: 50px; 
		}
    .intro .intro-body .intro-text,
    .intermezzo .intermezzo-body img { 
	    margin: 0 auto; 
	    text-align: center !important; 
		}

	.wallpaper {
	    display: table;
	    width: 100%;
	    padding: 50px 0;
	    text-align: center;
	    color: #fff;
	    -webkit-background-size: contain;
	    -moz-background-size: contain;
	    background-size: contain;
	    -o-background-size: contain;
		}
	.wallpaper-start {
	    height: 100%;
		}
	.wallpaper-intermezzo {
	    height: 66%;
		}
	.wallpaper-schluss {
	    height: 33%;
		}
	}

@-webkit-keyframes pulse {    
    0 {
        -webkit-transform: scale(1);
        transform: scale(1);
    	}

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    	}

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    	}
	}