﻿@import url('https://fonts.googleapis.com/css?family=Cabin+Sketch|Fredericka+the+Great|Special+Elite&display=swap');

/* 
    font-family: 'Cabin Sketch', cursive;
    font-family: 'Fredericka the Great', cursive;
    font-family: 'Special Elite', cursive;
    font-family: 'Rubik', sans-serif;
 */
 
.cid-rYiGvFeZHN {
    padding-top: 16px;
    padding-bottom: 64px;
    background-color: #ffffff;
}

.cid-rYiGB5m9Ku {
    padding-top: 6px;
    padding-bottom: 0px;
    background-color: #2e2e2e;
}

.cid-rYiGvFeZHN .btn-social {
    font-size: 20px;
    border-radius: 50%;
    padding: 3px;
    width: 64px;
    height: 64px;
    line-height: 44px;
    text-align: center;
    position: relative;
    cursor: pointer;
    border: none !important;
}

.text-reveal {
	 font-size: 1.0em;
}

.text-titel {
	display: flex;
	justify-content: center;
	align-item: center;
	margin:-24px;
	padding-bottom:30px;
}

.parallax-container {
	min-height:320px;
	height:auto;
}

.btn {
    font-weight: 500;
    border-width: 0px;
    font-style: normal;
    letter-spacing: 1px;
    margin: 0rem 0rem;
    white-space: normal;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    word-break: break-word;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    display: -webkit-inline-flex;
}

 
1ul {
	position:relative;
	display: flex;
}

1ul li {
	position:relative;
	list-style: none;
}

1ul li a {
	position:relative;
	width:80px;
	height:80px;
	display:flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	margin: 0 10px;
	text-decoration:none;
	font-size:30px;
	border-radius: 50%;
	color: #e2e2e2;
	box-shadow: inset -1px -1px 2px rgba(0,0,0,0.2),
					  2px 2px 5px rgba(0,0,0,0.2);
	transition: 0.5s;				  
}

1ul li a:hover {
	color: #999;
	transform: translateY(-20px);
	box-shadow: inset -1px -1px 2px rgba(0,0,0,0.2),
					  2px 24px 10px rgba(0,0,0,0.1);
}

1ul li a:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	border-radius: 50%;
	border: 2px solid rgba(0,0,0,0.1);
}
 
.kiepert-logo {
	transition: transform 0.7s;
}

.kiepert-logo:hover {
 	/* transform: translate(130px, 0px); */
 	transform: rotate(360deg);
}

nav .brand-logo {
    position: absolute;
    color: #fff;
    display: inline-block;
    font-size: 1.5rem;
    padding: 0px 0px 0px 10px;
}

nav img {
	position:relative;
	width:48px;
    padding: 0px 10px 0px 0px;		
}

.intro {
  background-image:url('../img/bg02.jpg');
}

.cid-scoU21v4L8 .collapsed .navbar-collapse {
    1display: none !important;
    padding-right: 0 !important;
}

.menu .collapsed .navbar-collapse.show {
    overflow:hidden;
}

.cid-scoUxfuKtA p {
    color:#FFFFCC;
    color:#000000;
    text-align: left;
}

.fixed-action-btn {
    position: fixed;
    right: 23px;
    bottom: 26px;
    padding-top: 15px;
    margin-bottom: 0;
    z-index: 1997;
}

.card .card-title {
	color:#666666;
	color:#333333;
}

.card .card-title {
    font-size: 20px;
    font-weight:bold;
    font-weight: 400;
}

.card-img-tn {
	width: 100%;
}

.cid-scoUq5uFjF {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #ffffff;
}

.btn-floating.halfway-fab {
    position: absolute;
    right: 4px;
    bottom: -20px;
}

footer {
    position: fixed;
    left: 0;
    bottom: 2px;
    width: 100%;
    height: 32px;
    background-color: darkred;
    background: rgba(155,10,15,0.9);
    z-index: 1000;
    -o-box-shadow: 0px 5px 10px rgba(0,0,0,0.8);
    -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.8);
    -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.8);
    box-shadow: 0px 5px 10px rgba(0,0,0,0.8);
}

footer img {
    margin-top: -10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
}

.text {
	color: #fff;
	margin-top:13px;	
}
 
.pin-img {
 display:block;
 1border-radius:2px 2px 0 0;
 1position:relative;
 position:absolute;
 left:45%;
 right:0;
 top:-24px;
 bottom:0;
 width:12%
}


.display-1 {
    font-family: 'Special Elite', cursive;
    font-size: 4.50rem;
    font-display: swap;
}

.display-2 {
    font-family: 'Cabin Sketch', cursive;
    font-size: 1.75rem;
    font-display: swap;
}

.cid-scoU21v4L8 .navbar {
    padding: .5rem 0;
    1background: #7f1933;
    1background-color: rgb(127, 25, 51);
	background: rgba(155,10,15,0.9);
    transition: none;
    min-height: 80px;
}

.cid-scoUbQslIy {
    padding-top: 9px;
    padding-bottom: 0px;
    background-color: #ffffff;
}

.transparent{
	1background-color:rgba(0,0,0,0) !important;
    background-color: rgb(155, 10, 15);
}

.cid-scoU21v4L8 .navbar.navbar-short {
    min-height: 60px;
    transition: all .2s;
    background-color: rgba(127, 25, 51, 0.1);
}

.cid-scoU8X42uT {
    padding-top: 60px;
    padding-bottom: 0px;
    background-color: #ffffff;
}

.container {
    width: 96%;
}

.cid-scoU8X42uT, .cid-scoVURg0tr, .cid-scoUbQslIy, .cid-scoUwAyA5Z, .cid-scoUxfuKtA {
    background-image:url('../img/bg-schule.jpg');
  	background-repeat: no-repeat;
  	background-size: cover;
}

.card {
    1position: relative;
    margin: .5rem .5rem 1rem .5rem;
    1background-color: #fff;
    1-webkit-transition: -webkit-box-shadow .25s;
    1transition: -webkit-box-shadow .25s;
    1transition: box-shadow .25s;
    1transition: box-shadow .25s, -webkit-box-shadow .25s;
    border-radius: 12px;
}

.card:hover {
    -moz-box-shadow: 6px 6px 4px #383738;
    -webkit-box-shadow: 6px 6px 4px #383738;
    box-shadow: 6px 6px 4px #383738;
    transition: all 0.6s ease-in-out;
}

.card .card-reveal .card-title {
    font-weight: 600;
}

.cid-scoU8X42uT .card-box, .cid-scoVURg0tr .card-box, .cid-scoUbQslIy .card-box, .cid-scoUwAyA5Z .card-box, .cid-scoUxfuKtA .card-box {
    padding-top: 0rem;
}

@media (max-width: 768px) {

	.container {
    	width: 100%;
        padding-right: 1px;
        padding-left: 1px;
        margin-right: auto;
        margin-left: auto;
    }

	.text-titel {
    	display: flex;
    	font-size:1.5rem;
    	justify-content: center;
    	align-item: center;
    	margin: auto;
    	padding: 10px;
	}

	.cid-rYiGvFeZHN .btn-social {
	    font-size: 20px;
	    border-radius: 50%;
	    padding: 3px;
	    width: 48px;
	    height: 48px;
	    line-height: 24px;
	    text-align: center;
	    position: relative;
	    cursor: pointer;
	    border: none !important;
	}	
	
	.cid-rYiGvFeZHN .btn-social img {
	    font-size: 12px;
	    border-radius: 50%;
	    padding: 2px;
	    width: 42px;
	    height: 42px;
	    line-height: 24px;
	    text-align: center;
	    position: relative;
	    cursor: pointer;
	    border: none !important;
	}	

		
	.card {
	    margin: .50rem 0rem 1rem 0rem;
	    border-radius: 24px;
    }

    .card .card-image img {
        border-radius: 16px;
    }

    .materialboxed {
        border-radius: 16px 16px 16px;
    }

    .pin-img {
        visibility: hidden;
    }
    
    .p-3 {
        padding: 0.75rem !important;
    }

	.display-1 {
    	font-family: 'Special Elite', cursive;
    	font-size: 2.50rem;
    	font-display: swap;
	}
	
    .display-7 {
        font-size: 1.2rem;
        line-height: 1em;
    }

    .vogel {
        visibility: hidden;
    }

	.square {
	    left: 0%;
	}  
	  
    .square p {
        font-size: 1.0em;
        line-height: 1.2em;
    }
}
