@media (min-width: 950px) {
	/* breite Browserfenster */
	div.content {
		width: 950px;
	}
	img.logo {
		width:374px;
	}
	body {
		font-size:0.9em;
	}
}
@media (min-width: 450px) and (max-width: 950px) {
    /* Darstellung auf Netbooks */
	div.content {
		width: 100%;
	}
	img.logo {
		width:374px;
	}
	body {
		font-size:1.0em;
	}
} 
 @media (max-width: 450px) {
    /* mobile Geräte */
	div.content {
		width: 100%;
	}
	img.logo {
		width:100%;
	}
	body {
		font-size:1.0em;
	}
}
	 
	 
	 
div.row {
	margin:0px;
	padding: 0px;
	border: none;
	width:100%;
	text-align:center;
}
div.colored {
	background: #FF9C14;
}

div.uncolored {
	background: #FFFFFF;
}
div.grey {
	background: #f5ede1;
}

div.light {
	color: #FFFFFF;
}
div.headline1 {
	padding: 20px 20px 10px 20px;
	font-weight: bold;
	text-align:left;
}
div.headline2 {
	padding: 20px 20px 10px 20px;
	font-weight: bold;
	text-align:left;
}
div.f {
	padding: 0px 0px 10px 0px;
	border-top: 2px solid #FFFFFF;
}


img.logo {
	margin: 0px 0px 0px 0px;
}
img.pic {
	margin: 0px 0px 0px 0px;
	width: 100%;
}
div.text-right {
	text-align:right;
}
div.text-left {
	text-align:left;
}
div.text-justify {
	text-align:justify;
}
div.text-center {
	text-align:center;
}
.text-bold {
	font-weight: bold;
}

div.content {
	display: inline-block;
	margin: 0px;
	padding: 0px;
}
div.menu { 
	text-align: center;
}
div.menu a{
	color: #FFFFFF;
}
div.m-10 {
	margin: 10px 0px 10px 0px;
}
div.m-20 {
	margin: 20px 0px 20px 0px;
}
div.p-10 {
	padding: 10px 0px 10px 0px;
}
div.p-20 {
	padding: 20px 0px 20px 0px;
}
body {
	font-family: 'Open Sans', Verdana;
	color: #414141;
	margin:0; padding:0; border:0;
	}
a {
	text-decoration:none;
	color: #414141;
}
span.big {
	font-size:1.6em;
}
ul {
	padding: 0px;
}
div.spruch {
	font-family: Comic Sans MS;
}


.sticky {
  position: fixed;
  top: 0;
  z-index: 100;
}
.sticky + .row {
  padding-top: 42px;
}

p.footer1 {
	font-size:2.0em;
	margin-top: 60px;
}
p.footer2 {
	font-size:1.2em;
	margin-bottom: 50px;
}
p.footer3 {
	font-size:0.8em;
	margin-bottom: 50px;
}

div.text {
	padding: 0px 20px 0px 20px;
}

ul {
	padding: 0px 0px 0px 20px;
	list-style-image: url(pics/tatze.png);
	margin: 0px 0px 20px 20px;
}

.foto {
	max-width: 100%;
}
	

/* ------------------------------ leistungen ------------------------------ */

.cl, .climage {
	display: none;
}
.f {
	cursor: pointer;
}
span.spezial {
	background: #FF9C14;
	color: #ffffff;
	padding: 0px 5px 0px 5px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	border: 1px solid #e08402;
}

span.spezial2 {
	background: #39a636;
	color: #ffffff;
	padding: 0px 5px 0px 5px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	border: 1px solid #2f882c;
}

/* ------------------------------ button ------------------------------ */

#philosophie {
	border: 2px solid #414141; 
	color: #414141;
	background-color: transparent;
	padding-top: 13px;
	padding-bottom: 13px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	margin-top: 20px;
	width: 90%;
}
#philosophie:hover {
    border: 2px solid #e08402; 
	color: #ffffff;
	background-color: #FF9C14;
}
#privat {
	border: 2px solid #414141; 
	color: #414141;
	background-color: transparent;
	padding-top: 13px;
	padding-bottom: 13px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	margin-top: 20px;
	width: 90%;
}
#privat:hover {
    border: 2px solid #2f882c; 
	color: #ffffff;
	background-color: #39a636;
}
.buttons {
	display: flex;
}
.button {
	width: 50%;
}
#spielschule {
	border: 1px solid #f5ede1; 
	color: #414141;
	background-color: #f5ede1;
	padding-top: 10px;
	padding-bottom: 10px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	width: 100%;
}
#spielschule:hover {
    border: 1px solid #e08402; 
	color: #ffffff;
	background-color: #FF9C14;
}
#privatschule {
	border: 1px solid #f5ede1; 
	color: #414141;
	background-color: #f5ede1;
	padding-top: 10px;
	padding-bottom: 10px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	width: 100%;
}
#privatschule:hover {
    border: 1px solid #2f882c; 
	color: #ffffff;
	background-color: #39a636;
}

.c-c {
    width: auto;
	background: #f5ede1;
	padding: 10px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	border: 2px solid #FF9C14;
	margin-top: 10px;
	margin-bottom: 10px;


    /* width: 100%;
    border: 1px solid #e4dcd1; 
	background-color: #f5ede1;
    padding:10px;
    margin-top: 20px;
    margin-bottom: 20px; */
}

.carousel-container {
    width: 95%;
    margin: 0 auto;
    overflow: hidden;
}

.carousel {
    display: flex;
    transition: transform 1s ease;
    align-items: center;
}

.carousel-slide {
    flex: 0 0 110%;    
}

.carousel-slide img {
    max-height: 265px;
    max-width: 100%;
    display: block;
    margin: auto;
}

div.cols {
    display: flex;
}
div.col {
    width: 50%;
}

@media screen and (max-width: 600px) {
    div.cols {
        display: block;
    }
    div.col {
	    width: 100%;
    }
}