/*   */

html {
    scroll-behavior: smooth
}

h1       
{
font-size: 66px;font-family: 'Roboto Condensed', sans-serif;text-align: center;color: #2B4963;line-height: 60px;
/*  EA-Blau: #475099 #585858*/
}

h2       
{
font-size: 35px;font-family: 'Roboto Condensed', sans-serif;text-align: center;color: #FFFFFF;
}

h3       
{
font-size: 21px;font-family: 'Roboto Condensed', sans-serif;text-align: left;color: #FFFFFF;
}

h4       
{
font-size: 35px;font-family: 'Roboto Condensed', sans-serif;text-align: center;color: #2B4963;
}

h5       
{
font-size: 21px;font-family: 'Roboto Condensed', sans-serif;text-align: left;color: #2B4963;
}

h6       
{
font-size: 35px;font-family: 'Roboto Condensed', sans-serif;text-align: center;color: #FFFFFF;
}

h7       
{
font-size: 21px;font-family: 'Roboto Condensed', sans-serif;text-align: left;color: #FFFFFF;
}

h8       
{
font-size: 13px;font-family: 'Roboto Condensed', sans-serif;text-align: center;color: #2B4963;
}

h9       
{
font-size: 32px;font-family: 'Roboto Condensed', sans-serif;text-align: center;color: #2B4963;
}

ha1       
{
font-size: 13px;font-family: 'Roboto Condensed', sans-serif;text-align: center;color: #2B4963;
}


.textbox     
{
/* background-image:linear-gradient(90deg, #14202C 0%, #2B4963 100%); */
margin-left: auto;margin-right: auto;
max-width:902px;
padding: 15px;
/* background: rgba(255, 255, 255, 0.7); */
}

.textboximg     
{
/* background-image:linear-gradient(90deg, #14202C 0%, #2B4963 100%); */
margin-left: auto;margin-right: auto;
max-width:902px;
padding: 15px;
/* background: rgba(29, 30.6, 57.1, 0.6);*/
}


.dschutzbox     
{
/* background-image:linear-gradient(90deg, #14202C 0%, #2B4963 100%); */
margin-left: auto;margin-right: auto;
max-width:902px;
padding: 15px;
font-size: 13px;font-family: 'Roboto Condensed', sans-serif;text-align: center;color: #2B4963;
/* background: rgba(255, 255, 255, 0.7); */
}


.logoboxbackground      
{
display: flex;
flex-wrap: wrap;
justify-content: center;
z-index:8;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin-top:0px;
background-image: url(/pix/abstract-267046_1280.png);
background-size: cover;
max-height:100px;
}


/*   
.logoboxblock   
{
min-height:20px;
position: fixed;
z-index:10;
}
*/

.restbox     
{
/* background-image:linear-gradient(90deg, #14202C 0%, #2B4963 100%); 
background-image: url(/pix/stairs-906720_1280.jpg);*/
background-size: cover;
margin-top:120px;
}

.logobox1      
{
    margin: 0 1% 0 0;
margin-top:10px;
}

.logobox2      
{
margin-left: 5%;margin-top: -25px;
}



.footer {
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index:9;
}
.menuboxline    
{
clear: both;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-left: auto;margin-right: auto;
background: rgba(43, 73, 99, 0.8);
/*
background: #2B4963;
background: transparent; 
background: hsla(350,50%,50%,0.3); 
*/
max-width:950px;
/* box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);  */
padding-left:0px;padding-right:15px;
}

.menubutton     
{
height: 22px;  font-size: 17px; font-family: 'Roboto Condensed', sans-serif; background-color:transparent;
border-radius: 5px; -moz-border-radius: 5px;border-color: #2B4963; border-width:0px;color: #FFFFFF;
-webkit-border-radius: 5px;cursor: pointer;margin-left:20px;padding-left:5px;padding-right:5px;text-decoration: none;
}

.menubuttonONN     
{
height: 30px;font-size: 17px;font-family: 'Roboto Condensed', sans-serif; 
background-color:rgba(255, 255, 255, 0.8);
color: #2B4963;
border-radius: 5px; -moz-border-radius: 5px;border-color: #2B4963; border-width:0px;
-webkit-border-radius: 5px;cursor: pointer; margin-left:6px;
}

.growb:hover
{
	background-color: #BDBDBD;
	color: #585858;
	transition:all 0.1s ease;
}
.growb:active
{
	background-color:rgba(255, 255, 255, 0.8);
	color: #2B4963;
}
.growb {
	background-color: transparent;
	transition:all 0.6s ease;
}
   
    
.grow:hover
{
	background: rgba(43, 73, 99, 0.8);
	color: #FFFFFF;
	transition:all 0.5s ease;
        -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
        transform: scale(1.15);
        font-size:1.0em; 
	font-family: 'Roboto Condensed', sans-serif;
}
.grow {
	background-color: transparent;
	color: #2B4963;
	transition:all 0.5s ease;
        -webkit-transform: scale(1.0);
        -ms-transform: scale(1.0);
        transform: scale(1.0);
	font-size:1.0em; 
	font-family: 'Roboto Condensed', sans-serif;
} 


.groww:hover
{
	background: #FFFFFF;
	color: red;
	transition:all 0.5s ease;
        -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
        transform: scale(1.15);
        font-size:1.0em; 
	font-family: 'Roboto Condensed', sans-serif;
}
.groww {
	background-color: transparent;
	color: #FFFFFF;
	transition:all 0.5s ease;
        -webkit-transform: scale(1.0);
        -ms-transform: scale(1.0);
        transform: scale(1.0);
	font-size:1.0em; 
	font-family: 'Roboto Condensed', sans-serif;
} 







.growstart:hover
{
	background: rgba(43, 73, 99, 0.8);
	color: #FFFFFF;
	transition:all 0.5s ease;
        -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
        transform: scale(1.15);
        font-size:1.0em; 
	font-family: 'Roboto Condensed', sans-serif;
}
.growstart {
	background: transparent;
	color: #2B4963;
	transition:all 0.5s ease;
        -webkit-transform: scale(1.0);
        -ms-transform: scale(1.0);
        transform: scale(1.0);
	font-size:1.0em; 
	font-family: 'Roboto Condensed', sans-serif;
} 



input {
	font-size:1.0em; 
	font-family:Arial;
	resize: none;
	background: rgba(43, 73, 99, 0.8);
	color: #FFFFFF;
} 



textarea  {
	font-size:1.0em; 
	font-family:Arial;
	resize: none;
	background: rgba(43, 73, 99, 0.8);
	color: #FFFFFF;
} 


 

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #A4A4A4;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #A4A4A4;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #A4A4A4;
}

  
.zettelbox      
{
display: flex;
flex-wrap: wrap;
justify-content: center;
max-width:1200px;
margin-left: auto;margin-right: auto;
padding-left:6%;
margin-top:-30px;
z-index:2;
}

	
body{
  font-family: 'Roboto Condensed', sans-serif;
  font-size:100%;
  margin-left: auto;margin-right: auto;
}
h3,p{
  font-size:100%;
  font-weight:normal;
color: #424242;
}
ul,li{
  list-style:none;
}
ul{
  overflow:hidden;
  padding:3em;
}
ul li a{
  text-decoration:none;
  color:#000;
  background:#ffc;
  display:block;
  height:12em;
  width:12em;
  padding:1em;
  -moz-box-shadow:5px 5px 7px rgba(33,33,33,1);
  -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);
  box-shadow: 5px 5px 7px rgba(33,33,33,.7);
  -moz-transition:-moz-transform .15s linear;
  -o-transition:-o-transform .15s linear;
  -webkit-transition:-webkit-transform .15s linear;
}
ul li{
  margin:1em;
  float:left;
}
ul li h3{
  font-size:130%;
  font-weight:bold;
  margin-top:5px;
}
ul li p{
  font-family: 'Architects Daughter', cursive;
  font-weight:bold;
  font-size:100%;
  line-height: 23px;
  color:#191970;
}
ul li a{
  -webkit-transform: rotate(-6deg);
  -o-transform: rotate(-6deg);
  -moz-transform:rotate(-6deg);
}
ul li:nth-child(even) a{
  -o-transform:rotate(4deg);
  -webkit-transform:rotate(4deg);
  -moz-transform:rotate(4deg);
  position:relative;
  top:5px;
  background:#cfc;
}
ul li:nth-child(3n) a{
  -o-transform:rotate(-3deg);
  -webkit-transform:rotate(-3deg);
  -moz-transform:rotate(-3deg);
  position:relative;
  top:-5px;
  background:#ccf;
}
ul li:nth-child(5n) a{
  -o-transform:rotate(5deg);
  -webkit-transform:rotate(5deg);
  -moz-transform:rotate(5deg);
  position:relative;
  top:-10px;
}
ul li a:hover,ul li a:focus{
  box-shadow:10px 10px 7px rgba(0,0,0,.7);
  -moz-box-shadow:10px 10px 7px rgba(0,0,0,.7);
  -webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.7);
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -o-transform: scale(1.25);
  position:relative;
  z-index:2;
}
ol{text-align:center;}
ol li{display:inline;padding-right:1em;}
ol li a{color:#fff;}








.box1      
{
		border-radius: 5px; -moz-border-radius: 5px;padding: 1px;margin-right: 3px; 
		-webkit-border-radius: 5px;border-style:solid;border-color: #424242; border-width:1px;
		max-width:800px; min-width:200px; min-height:150px;
		margin-left: auto;margin-right: auto;
font-size: 35px;font-family: 'Roboto Condensed', sans-serif;text-align: center;color: #424242;
}

.box2     
{
background-image: url(images/mainboxnew.png);background-size: cover;
		border-radius: 5px; -moz-border-radius: 5px;padding: 1px;margin-right: 3px; 
		-webkit-border-radius: 5px;border-style:solid;border-color: #CFB53B; border-width:1px;
		max-width:800px; min-width:200px; min-height:150px;
		color: #9B9EF3;margin-left: auto;margin-right: auto;
font-size: 35px;font-family: 'Roboto Condensed', sans-serif;text-align: center;color: #424242;
}