@charset "UTF-8";
/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: "Philosopher";
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

@font-face {
    font-family: 'Philosopher';
    src: local('Philosopher'),
        url(/fileadmin/user_upload/fonts/Philosopher-Regular.ttf) format('truetype');
        url(/fileadmin/user_upload/fonts/Philosopher-Italic.ttf) format('truetype');
        url(/fileadmin/user_upload/fonts/Philosopher-Bold.ttf) format('truetype');
        url(/fileadmin/user_upload/fonts/Philosopher-Bolditalic.ttf) format('truetype');
}

.trailer {
    background-image: url(/fileadmin/user_upload/images/Trailer_CC.jpg);
    background-repeat: no-repeat;
    background-size: 100%, contain;
    margin-bottom: 10px;
    padding: 25px;
    padding-left: 50px;
    text-indent: 0px;
    color: black;
    font-weight: bold;
    font-size: 40px;
}

ul {
    list-style-type: none;
    text-decoration: none;
    color: black

}

a {
    list-style-type: none;
    text-decoration: none;
    color: black
}

a:active {
    list-style-type: none;
    text-decoration: none; 
    color: black;   
}

a:hover {
    list-style-type: none;
    text-decoration: none; 
    color: purple; 
}
 
.bodytext {
    font-family: "Philosopher";
    font-size: 100%
}

h1 {
    font-family: 'Philosopher', Philosopher-Bold;
    font-size: 400%;
}

h2 {
    font-family: 'Philosopher', Philosopher-Bold;
    font-size: 200%;
}

p {
    font-family: 'Philosopher', Philosopher-Regular;
    font-size: 100%;
}


/*
#content a:hover, #content a:focus, #content a:active {background-color: ...; color: ...;}
*/

/* mobile menu 
.mobilemenu	{ padding: 0;}
@media screen and (max-width: 640px) {
	#language	{ display: none; }
	header nav	{ display: none; }
	.searchform	{ display: none; }
	#head		{ position: static; }
	.trailer	{ background: url(/fileadmin/user_upload/images/arcoiris.png);
                  list-style-type: none;
                  background-size: cover;
                  background: rgba(220, 220, 220, .98);
                  width: 100%; 
                  height: 100%;
                  transform: translate(150%); 
                  padding: .5em;
				  position: fixed; 
                  right: 0; 
                  top: 0; 
                  z-index: 15; 
				  transition: transform 0.5s ease-in-out; 
                  box-shadow: 5px 0px 10px 0px #aaa; 
				  font-size: 10%; }
	.mobilemenu #language
				{ display: block; 
                  position: absolute; 
                  bottom: 7rem; 
                  z-index: 15; }
	.mobilemenu #language ul
				{ padding: 100px; }
	header .mobilemenu nav
				{ display: block; }
	header .mobilemenu nav ul
				{ margin: 2rem 1rem; }
	header .mobilemenu nav ul ul
				{ margin: 0 0 .75rem 1rem; }
	header .mobilemenu nav a
				{ display: block; }
	.mobilemenu #search .searchform
				{ display: block; 
                  float: none; 
                  margin: 1em 0; 
                  position: absolute;
				  bottom: 5.5rem; 
                  padding: 0; }
	.mobilemenu .searchform input[type="submit"]
				{ background-color: rgb(220, 220, 220); 
                  margin-left: .5em; }
	.hamburger	{ display: block; 
                  height: 23px; 
                  width: 35px; 
                  z-index: 18; 
                  display: flex;
				  flex-direction: column; 
                  justify-content: space-between; }
	.hamburger,
	header input[type="checkbox"]
				{ position: absolute; 
                  top: 2rem; 
                  right: .75rem; }
	.hamburger span
				{ display: block; 
                  height: 4px; 
                  width: 100%; 
                  border-radius: 10px;
				  background: #333; }
	.hamburger .line1
				{ transform-origin: 0% 0%; 
                  transition: transform 0.4s ease-in-out; }
	.hamburger .line2
				{ transition: transform 0.2s ease-in-out; }
	.hamburger .line3
				{ transform-origin: 0% 100%; 
                  transition: transform 0.4s ease-in-out; }
	header input[type="checkbox"]
				{ display: block; 
                  height: 46px; 
                  width: 56px; z-index: 25; 
                  opacity: 0;
				  margin-top: -10px; }
	header input[type="checkbox"]:checked ~ .hamburger .line1
				{ transform: rotate(35deg); }
	header input[type="checkbox"]:checked ~ .hamburger .line2
				{ transform: scaleY(0); }
	header input[type="checkbox"]:checked ~ .hamburger .line3
				{ transform: rotate(-35deg); }
	header input[type="checkbox"]:checked ~ .mobilemenu
				{ transform: translateX(0); }
}     

@media screen and (min-width: 641px) {
	header input[type="checkbox"],
	header .hamburger
				{ display: none; }
}

@media screen and (max-width: 640px) {
	.mobilemenu	{ font-size: 40%; }
}

@media screen and (max-width: 480px) { 
 
  .col1 {
    width: 100%;
    height: 250px;
    margin: 0 10px 10px 10px;
  }
 
  .col2 {
    width: 100%;
    height: 250px;
    margin: 10px 10px 0 10px;
  }
}

@media screen and (max-width: 240px) {
  	background: url(/fileadmin/user_upload/images/arcoiris.png) no-repeat center center fixed;
    background-size: cover;
  	font-size: 20%;
}
@media screen and (max-height: 320px) {
  	background: url(/fileadmin/user_upload/images/arcoiris.png) no-repeat center center fixed;
    background-size: cover;
    font-size: 20%;
}

*/