/*  Beschreibung:
/*    Bei dieser Datei handelt es sich um die unverselle CSS-Datei für alle auf dem Standard basierenden Projekte.
/*    Hier werden die neuen Möglichkeiten von responsive Design integriert.
/*
/*Dieser Teil berücksichtigt die Grundeinstellungen für responsive Design*/
/*Media Queries*/

.Kontaktdaten {
    /*Rahmen um den Gesamtbereich*/
    /*border: 2px solid #CCCCCC; */                                            
    float:left ;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 20px 0px;
    border-radius:10px;
}

.Kontakt_Spalte_1 {
    /*Rahmen um den Gesamtbereich*/
    /*border: 1px  solid red ; */
    float:left ;
    width: 49%;
    min-width: 280px;   
    font-size: 100%;
    margin: 0px 0px 0px 0px;   
}

.Kontakt_Spalte_2 {
    /*Rahmen um den Gesamtbereich*/
    /*border: 1px  solid blue ;  */
    float:left ;
    width: 49%;
    min-width: 280px;  
    font-size: 100%;
    margin: 0px 0px 0px 0px;
}

textarea {
	width: 100%;
    padding: 12px;
    margin: 6px 0 4px;
    border: 1px solid #8A0808;

    color: #000;

    font-family: 'FuturaRegular', sans-serif;
	font-size: 140%;
    line-height: normal;
    box-sizing: border-box;
    border-radius: 4px;
    margin-top: 0;
	resize: none;
}

.Hinweis {
    /*Rahmen um den Gesamtbereich*/
    /* border: 1px  solid green ;  */
    /*Breite Min und Max Einstellungen*/
    max-width: 1200px;
	min-width: 200px;

   
    /*Außenabstand - oben 10px und seitlich automatisch (zentriert Box))*/
    margin:  0px auto ;

    /*Innenabstand*/
    padding: 0px 0px;

    text-align: left ;
}

#Hinweis {
    color: gray ;
    font-size: 100%;
    font-weight:  300;
}

.Dank {
    /* border: 1px  solid purple ; */ 
    display: none ;

     /*Breite Min und Max Einstellungen*/
    max-width: 1200px;
	min-width: 360px;

    /*Außenabstand - oben 10px und seitlich automatisch (zentriert Box))*/
    margin:  10px auto ;

    /*Innenabstand*/
    padding: 0px 0px;           

    /* background-color: #1A4B81; */
    background-color: #F49B18;
    font-size: 16px;
    /* color: #F49B18; */
    color: #1A4B81 ;
    text-align: center;
    text-decoration: none;
}

/*Ausrichten der Label und der Eingabefelder*/

label {
    float:left    ;
    width: 80%; 
    min-width: 250px;
    color: #8A0808 ; 
    font-weight:   normal;
}

.Kontakt_Spalte_1 label {
    float:left    ;
    width: 40%; 
    color: #8A0808 ; 
	font-size: 16px;
}

.Kontakt_Spalte_2 label {
    float:left    ;
    width: 40%; 
    color: #8A0808 ; 
	font-size: 16px;
}

input { 
	width: 200px; 
    padding: 5px;
    margin: 6px 0 15px;
    border: 1px solid #8A0808;
    background: #8A0808;
    color: #000;
    font-family: sans-serif;
    font-size: 16px;
    line-height:  normal;
    box-sizing: border-box;
    border-radius: 2px;
    margin-top: 0;
    border-radius:3px;
}

input:invalid {
  background-color: #ffdddd;
}
input:valid {
  background-color: white;
}



/* Button Submit   */
input[type="submit"] {

    width:  auto;
    background-color: #8A0808;
       
    font-size: 17px;
    color: #fff;
    padding: 10px 25px;

    text-align: center;
    text-decoration:  none;
    cursor: pointer;
}
input[type="submit"]:hover {
    color: yellow;
    
}

select:hover {
    border: 5px  solid black ; 
    color: yellow; 
    background-color: #8A0808;
    /*background-color: #F49B18 ; /*#FFF97C; */
}

input:hover {
    color: white; 
    border: 1px  solid black ; 
    background-color: #8A0808;
}







/*************************************************************************************/
/* ALLES ZUR ÜBERSCHRIFT
/*************************************************************************************/

/* Small screens (default) */
/*html { font-size: 62%;  } */

html {
  scroll-behavior: smooth;
  
}

#header_all {
    /*border: 2px solid blue; */
        /*background-color: blue;

    /*Darf nicht sein, sonst wird header_all nicht kleiner */
    /*width: 100%;  */

    margin: 0% 0% 0% 0% ;
        padding: 0px 0% 0px 0% ;

    border-radius:0px 50px 50px 50px;
    /*background-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);*/
    /*background-image:radial-gradient (circle farthest-corner at 200px 100px, white, silver);  */



    /*background: radial-gradient(red, yellow, green); */

    /*background: radial-gradient(closest-side at 330px 330px, white, gainsboro);   */
    /*background: radial-gradient(closest-side at 330px 330px, white, gainsboro);    */
    /*background: radial-gradient(ellipse at center, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);  */

    background: transparent;

    opacity: 1;
}

#header {

}
#header_big {

}
#header_small {

}
#header_smaller {

}
#header_smallest {

}
#header_smallest2 {

}

/* Einstellungen der Überschrift */
#header, #header_big, #header_small, #header_smaller, #header_smallest, #header_smallest2 {

    /*border: 1px  solid #ebebeb ;
    /*border: 2px solid red; */
    /*border: 1px  dashed #8A0808 ;

    /*Darf nicht sein, sonst wird alles nicht kleiner */
    /*width: 100%;     */

    /*Wird bei h1 eingestellt!*/
    /*text-align:   center ; */

    height: 80px;
    margin: 0px 0px 0px 0px ;
        padding: 0px 0px 25px 0px ;


    color: #ebebeb ;/*#e19640; lightgrey #ebebeb*/
    text-shadow: #8A0808 -1px 0px 0px, #8A0808 0px -1px 0px, #8A0808 0px 1px 0px  , #8A0808 1px 0px 0px;


    border-radius:0px 0px 50px 50px;

    background: transparent;
    /*
    background: radial-gradient(circle farthest-corner at 30px 30px, white, #ebebeb);

    background: radial-gradient(ellipse at center, rgba(234,234,234,0.65) 54%,rgba(227,227,227,0.65) 55%,rgba(0,0,0,0.16) 89%,rgba(0,0,0,0) 100%);
    background: radial-gradient(ellipse at center, rgba(226,226,226,0.65) 46%,rgba(29,29,29,0) 93%,rgba(0,0,0,0) 100%);
    background: radial-gradient(ellipse at center, rgba(226,226,226,0.2) 44%,rgba(226,226,226,0.02) 88%,rgba(132,132,132,0) 93%,rgba(0,0,0,0) 100%);
    background: radial-gradient(ellipse at center, rgba(226,226,226,0.57) 4%,rgba(226,226,226,0.44) 25%,rgba(21,21,21,0) 93%,rgba(0,0,0,0) 100%);
    background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    */
    /*
    box-shadow:1px 1px 20px gainsboro;
    box-shadow:10px 10px 100px #8A0808;
    background-image:linear-gradient(147deg, darkblue 40%, white 40%, white 42%, red 42%, red 58%, white 58%, white 60%, green 60%);
    background-image: linear-gradient(to top, red, orange, yellow, green, blue, indigo, violet);
    background-image: linear-gradient(to top, red, orange, yellow, green, blue, indigo, violet);
    background-image: linear-gradient(to top, black 5%, transparent 80%);
    opacity: 1;
    */
}


/* Für alle h1 */
h1 {
    /*border: 2px solid green;*/
    font-size: 60px;
    margin:  0% 0% 0% 0%;
    padding: 8px 0px 0px 0px;
    /*    background-color: green;    */

    text-align:  center ;
}

.p4 {
    color:  #8A0808; /* #7a032a ; /* #324968 ; */
}

#logo {
    /*    border: 2px solid green; */

    position: absolute;
    width: 60px;
    height: 60px;

    margin: 23px 10px 10px 10px ;
    /*margin: 20px 10px 10px 10px ;   */
        padding: 0px 0px 0px 0px ;
    background: url('../images/logo_access-fee.png');
        background-position: left;
        background-repeat:   no-repeat ;
    background-size: cover;    /* cover oder contain*/
    transform: rotate(-360deg);
    transition-duration: 0.9s;

    /*transform-origin: 100% 100%;    */
    /*opacity: 0.3;*/
}

#logo:hover {
    transition-timing-function: cubic-bezier(0.7,0.1,0.8,0.8);
    transform:  rotate(20deg) ;
    transition-duration: 0.5s;
    /*transform:scale(1.5)  ;     */
}

/**************************************************************************************/
/*Standardteil*/
/**************************************************************************************/

body {
    /*border: 4px solid orange; */

   	/*overflow: hidden; */

    margin: 0;
        padding: 0;
        /*font-family: Arial, Verdana, Tahoma,Lucida Grande,Georgia, Trebuchet MS, Candara, sans-serif;    */
    /*font-family: 'PT Sans', sans-serif;  */
    font-family: 'Imprima', sans-serif;
    font-family: 'Open Sans', sans-serif;

    font-weight: 400;

    /*background: #FFFBFB ; /*#ebebeb ;         */
     /*
    background: radial-gradient(farthest-corner at 330px 330px, white, gainsboro);
    background-image: linear-gradient(to bottom, white, #ebebeb, #ebebeb, #ebebeb, #ebebeb, #ebebeb, gainsboro);

    background-image: linear-gradient(to bottom, white, #afafaf, #afafaf, #afafaf, #afafaf, gainsboro, gainsboro);

    background-image: linear-gradient(to bottom, white, #afafaf, #afafaf, #afafaf, #afafaf, #afafaf, #afafaf);

    background-image: linear-gradient(to bottom, #fbfbfb, #e7e7e7, #d3d3d3, #afafaf, #afafaf, #afafaf, #afafaf, #afafaf, #afafaf, #afafaf, #afafaf, #afafaf);

    background-image: linear-gradient(to bottom, #fbfbfb, #e7e7e7, #d3d3d3, #bfbfbf, #b7b7b7, #afafaf, #afafaf, #afafaf, #afafaf, #afafaf, #afafaf, #afafaf, #afafaf, #afafaf, #afafaf, #afafaf, #afafaf);


    background-image: linear-gradient(to bottom, #fbfbfb, #e7e7e7, #d3d3d3, #d3d3d3, #d3d3d3, #d3d3d3, #d3d3d3, #d3d3d3, #b7b7b7, #b7b7b7, #b7b7b7, #b7b7b7, #b7b7b7, #b7b7b7, #b7b7b7, #b7b7b7, #b7b7b7);

    background-image: linear-gradient(to bottom, #FAFAD2 10%, #EEE8AA 20%, #F0E68C 100% );

    background-image: linear-gradient(to bottom, white 4%, #e7e7e7 13%, #778899 50%,   #e7e7e7 100% );

    background-image: linear-gradient(to bottom, white 3%, #b7b7b7 30%, #afafaf 90% );
    background-image: linear-gradient(to bottom, white 3%, #C1CDCD 5%,  white 99% );

    background-image: linear-gradient(to bottom, white 3%, #C1CDCD 5%,  white 99% );
     background-image: linear-gradient(to bottom, white 3%, #b7b7b7 30%, #afafaf 90% );

    background-image: linear-gradient(to bottom, white 5%, #F2F3F9 10%);
    background-image: linear-gradient(to bottom, white 5%, #F4F5FF 10%);


    background-image: linear-gradient(to bottom, white 5%, #fbfbfb 100%);
    background-image: linear-gradient(to bottom, #778899 10%, white);
    /*background-color:  #778899; */

    /*
    background-image: linear-gradient(to bottom, white 5%, #E8E8E8 10%);
    background-repeat:no-repeat;
    */

    /*background-image: linear-gradient(to bottom, white 10%, #004b4b 50%, white 10%);        */


    /*Hintergrundbild*/
        /*background-image: url(../images/Acc_Back.gif);
        /*background-color: gray;
        /*background-position: center center;
        /*background-repeat: no-repeat;
    /*background-size: cover;    /* cover oder contain*/
}

#page {
        /*border: 2px solid red;  */

	

    max-width: 1600px;
        min-width: 360px;

    margin:0 auto;

    /*Um Hintergrundbild zu skalieren
    /*padding: 0 2%;*/
}



/**************************************************************************************/
/* Alles zum Inhaltsbereich */
/**************************************************************************************/

#content {
    /*border: 1px solid navy;
    /*border-radius:10px; /* CSS3 */
    background-color: transparent ;
    float: left;
        width: 73%;

        margin: 0px 0% 0% 0%  ;
    padding: 0% 0% 0% 0% ;



    /*padding: 0% 3.125% 0% 3.125% ;   */

    /*
    border-radius:10px;
    */
    /*box-shadow:10px 1s0px 100px gainsboro;  */
}
#content1 {
    /*border: 1px solid navy;
    /*border-radius:10px; /* CSS3 */
    background-color: transparent ;
    float: left;
        width: 100%;

        margin: 0px 0% 0% 0%  ;
    padding: 0px 5.5% 0% 5.5%   ;
    /*padding: 0% 3.125% 0% 3.125% ;   */

    /*
    border-radius:10px;
    */
    /*box-shadow:10px 1s0px 100px gainsboro;  */
}

#eingerueckt {




    /*border: 1px  solid #8A0808 ;          */

    /*
    border-radius:20px 20px 20px 20px;
    */
    /*border-right: 1px solid #878787;*/

    background-color: white ;/*#fcfcfc; /*#f5ce70;  #ebebeb*/

        margin: 0% 0% 0% 0%   ;
        padding: 0px 5.5% 0% 5.5%   ;

    /*
    box-shadow:0px 0px 1.5px #8A0808;
    */
    /*
    background-image: linear-gradient(to left, gainsboro 2%, #fbfbfb 60%, white 100%);
    background-image: linear-gradient(to top, #A0ACB8 2%, #fbfbfb 60%, #A0ACB8 100%);
    background-image: linear-gradient(to left, gainsboro 0%, #f9f9f9 1%, #f9f9f9 99%, gainsboro 100%);
    */
    /*
    background: radial-gradient(circle farthest-corner at 30px 30px, white, gainsboro);
    background: radial-gradient(circle closest-side at 150px 150px, white, #EFF2FB);
    background: radial-gradient(circle farthest-corner at 150px 150px, white, #EFF2FB);
    */
}

#eingerueckt_impress {
    background-color:         transparent ;/*#fcfcfc; /*#f5ce70;  #ebebeb*/
        margin: 0% 0% 0% 0%   ;
        padding: 0px 3.5% 0% 3.5%   ;
}


/**************************************************************************************/
/* Alles zur Sidebar        */
/**************************************************************************************/

#sidebar {
    /*border: 1px  solid #ebebeb ;
    /*border: 1px solid red;
    /*border-radius:10px; */
        /*background-color: #9ea9cb; */

    /*border-top: 1px  solid #ebebeb ;  */
    border-left: 1px  solid #ebebeb ;
    /*
    border-right: 1px  solid gray ;
    */

        float: right;
    width: 26%;

    margin: 0% 0% 0% 0%  ;
    padding: 0% 0% 0% 0% ;

    /*
    box-shadow:10px 10px 50px gainsboro;
    box-shadow:-2px 0px 1px gray, 2px 0px 1px gray;
    */


}

/*Sidebar Christian*/
.p1 {
    font-size: 140%;
    color: #43435e;
    margin: 0 0 0 0;
    padding: 1px 1px 1px 1px;
    font-weight:  300;
    text-align: center;
    /*letter-spacing: 0.12em;*/

}
/*Sidebar Kontakt*/
.p3 {
    font-size: 140%;
    color: red;
        margin: 0% 0% 0% 0%   ;
    padding: 1px 1px 5px 1px;

    margin: 0% 0% 0% 0%   ;
    padding: 0% 0% 0% 0%   ;
    font-weight:  500;
    text-align: center;
}

.p3 a {
    text-decoration:  none;
    color:  #27408B ;

    margin: 1px 1px 5px 1px;
    padding: 1px 1px 5px 1px;
    margin: 0% 0% 0% 0%   ;
    padding: 0% 0% 0% 0%   ;
    font-weight:  300;
}

.p3 a:hover {
    color:  #8A0808 ;
    font-weight:  600;
}


#eingerueckt_sidebar2 {

    /*border: 1px  solid #8A0808 ;        */
    /*border-bottom: 1px solid #ebebeb;   */

    /*
    border-radius:20px 20px 20px 20px;
    */

    /*border-left: 1px  solid #8A0808 ;  */

    margin: 0% 0% 0% 0%   ;
    padding: 0px 5% 0% 5%   ;


    /*box-shadow:0px 0px 1.5px #8A0808;  */



    background-color: transparent; /*#324968; /*#f5ce70;*/

    /*box-shadow:2px 2px 10px gainsboro;    */
}
#eingerueckt_sidebar2 img {


    border: 1px  solid #ebebeb ;

    /*
    border-left: 1px  solid #ebebeb ;
    border-top: 1px  solid #ebebeb ;
    */

    background-color:transparent;
    width: 70%;
        height: auto;
    margin: 20px 0% 20px 0%   ;
    padding: 0px 0% 0% 0%   ;

    display: block;
    margin-left: auto;
    margin-right: auto;

    /*
    display: block;
    margin-left: auto;
    margin-right: auto;
    */

    /*border-radius:15px 15px 15px 15px;   */

    



    transition-duration: 0.3s;
    transform: rotate(0deg)  ;

    /*transform: rotate(10deg) scale(0.8) ;      */

    opacity: 0.9;
    filter: grayscale(10%);
    /*Thanatos*/
    /* box-shadow:0px 0px 1.5px #8A0808;  */

}



#eingerueckt_sidebar2 img:hover {
    height: auto;

    border-top: 1px  solid #ebebeb ;

/* 

    transition-duration: 0.3s;
    transform: rotate(-3deg)  ;

*/

    /*transform: rotate(10deg) scale(0.8) ;      */

    
    opacity: 1;
    filter: grayscale(10%);

    /*
    transition-duration: 3000ms; 
    transform: rotatez(360deg)
    */
    /*Thanatos*/
    /*box-shadow:0px 0px 0px black; */
}



#eingerueckt_sidebar4 {

    /*border: 1px  solid #8A0808 ; */
    border-top: 1px  solid #ebebeb ;

    padding: 3.125% ;
        margin: 0% 0% 2% 0%   ;

    margin: 0% 0% 0% 0%   ;
    padding: 18px 5% 0% 5%   ;
    background-color: transparent ; /*#9fb6cd; /*#f5ce70;*/
    /*border: 1px dashed #8A0808 ;    */

    /*
    border: 1px  dashed #8A0808 ;
    */
    /*border-radius:10px; */
    /*border-radius:20px 20px 20px 20px; */


    /*box-shadow:0px 0px 1.5px #8A0808; */
}
#eingerueckt_sidebar4 h2, #eingerueckt_sidebar2 h2 {
    color: #43435e ;/*#2F2929 ;/*#8A0808 ; */
    text-align: center;
}

#eingerueckt_sidebar4 img {

    /*border: 1px  solid #ebebeb ; */

    width: 80%;
        height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-decoration:none;

    border-radius:5px; /* CSS3 */
    transition:0.3s;
    transform: rotate(0deg) ;
    /*border: 1px solid Black;    */

    opacity: 1;


    border-radius:0px;
    /*box-shadow:0px 0px 1.5px #8A0808;   */

}

#eingerueckt_sidebar4 img:hover {
        height: auto;


         

    transition:0.3s;
    transform: rotate(3deg)  ;
    text-decoration: none;
    opacity: 1;
}







ul img {
    width: 90%;
    height: auto;
}

li {

    margin:  0% 0% 0% 0%;
    padding: 0% 0% 0% 0%;
    vertical-align: middle;

}






/**************************************************************************************/
/*Überschriften */
/**************************************************************************************/

h2 {
																			
	/*																										  
    background: linear-gradient( to right, white 10%,  #ECEDF9 60%, white 95%);
	background: radial-gradient(ellipse at  left, white 10%, #ECEDF9 15%,  white 60%, #ECEDF9 15% );
    */	



																								 	




	color: #8A0808	 ; /*#8A0808 ; /*#43435e; /*#8A0808; /* #43435e;/*#333333; /* #0048E2 #324968; /*#333333 ; /*#27408B ; /*#8A0808;   */
        font-size: 160%;
        font-style:  normal;
    font-weight: bolder;
    margin:  0% 0% 0% 0%;
    padding: 15px 15px 10px 0px;

	letter-spacing: 2px;
	/* 
    text-shadow: 0px -1px 0px #555555, 
                 0px 1px 0px #EEEEEE;
	*/
}



h2 a {
    color:  #8A0808;/* #a2b5cd; */
    font-weight:  bold;
    font-style: normal;
    margin:  0% 0% 0% 0%;
    padding: 0% 0% 0% 0%;
    text-decoration:none;
}

h2 a:hover{
    color:  #15BD57;/* #a2b5cd; */
    font-weight:  bold;
    font-style: normal;
    margin:  0% 0% 0% 0%;
    padding: 0% 0% 0% 0%;
    text-decoration:none;
}


h3 {
    font-size: 130%;
    color:  #8A0808; /* #C71585 ;/*#333333; /* #7a032a ; /* #324968 ; */
/*        margin: 18px 0px 0px 28px ;
        padding: 0px 0px 0px 0px ;*/
}
#not_bold {
    /*font-weight:  100;*/
    color:  #333333 ;
}


h4 {
    color:         #333333;
    font-size: 140%;
    font-style: normal;
    font-weight: normal;
    margin:  0% 0% 0% 0%;
    padding: 0% 0% 0% 0%;
}

h4 a {
    color:  #c30000;/* #a2b5cd; */
    font-weight:  bold;
    font-style: normal;
    margin:  0% 0% 0% 0%;
    padding: 0% 0% 0% 0%;
    text-decoration:none;
}
h5 {
    color: black;
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
    margin:  0% 0% 0% 0%;
    padding: 0% 0% 0% 0%;
}

/*Unteres Menu */
h5 a{
    /*border: 2px solid red;  */
    color: #8A0808;
    font-style: normal;
    font-weight: normal;
    margin:  0% 0% 0% 0%;
    padding: 0% 0% 0% 0%;
    text-decoration: none;
    text-align:   center;
}

h5 a:hover{
    color: red;

}
h5 :hover{
    color: green;

}

h6 {
    font-size: 140%;
    color:  #333333;
    text-decoration: none;
        margin: 0px 0px 0px 0px ;
        padding: 0px 0px 0px 0px ;
}

h6 a{

    font-size: 180%;
    color:  #c30000; /* #7a032a ; /* #324968 ; */
    text-decoration: none;
        margin: 0px 0px 0px 0px ;
        padding: 0px 0px 0px 0px ;

    /*
    color: black;
    font-size: 90%;
    font-style: normal;
    font-weight: bolder;
    margin:  0% 0% 0% 0%;
    padding: 0% 0% 0% 0%;
    */
}



p {
    color:         #333333 ; /*#525252;    */
    font-size: 140%;
    font-style: normal;
    font-weight: 500;
    margin:  0% 0% 1% 0%;
    padding: 0% 0% 0% 0px;
    text-align:   left;
    text-align: justify;
    hyphens:auto ;
}




p a {
    color: #333333; /* #27408B #8A0808  #98BFFF;   */
    /*font-weight:  bold;*/
    font-style:   normal;
    margin:  0% 0% 1% 0%;
    padding: 0% 0% 0% 0%;
    text-decoration: none;
}

.p5 {
    color:  black; /* #7a032a ; /* #324968 ; */
        margin: 0px 0px 0px 28px ;
        padding: 0px 0px 0px 0px ;
}

/*.p6 {
    /*border: 1px  solid #c30000 ;  */
/*    border-top: 1px  solid #ebebeb ;
/*    border-bottom: 1px  solid #ebebeb ;

/*    background-color: #8A0808  ; /*#F5F6CE ; /*#8A0808; /*#c30000 ; */
/*    color:  white ; /*#c30000 ; /*#88B04B; /* #7a032a ; /* #324968 ; */
/*        margin: 10px 0px 10px 0px ;
/*        padding: 20px 20px 20px 20px ;
/*        font-weight: 500;
/*    border-radius:30px;
/*}
*/

.p7 {
    text-align:    left ;
    font-family: 'Orbitron', sans-serif;
    font-family: 'Seymour One', sans-serif;
    font-family: 'Rationale', sans-serif;
    font-family: 'Imprima', sans-serif;
    letter-spacing: 0.12em;
    text-shadow: 0 0 1px black;
    text-shadow: black -1px 0px 0px, black 0px -1px 0px, black 0px 1px 0px  , black 1px 0px 0px;
    text-shadow: black -0.5px 0px 0px, black 0px -0.5px 0px, black 0px 0.5px 0px  , black 0.5px 0px 0px;
    /*border-top: 2px  solid #ebebeb ; /*#66648F; /*#F86464 ;     */
    /*border-bottom: 2px  solid #66648F; */
    /*border-bottom: 1px  solid #c30000 ;  */
    /*background: radial-gradient(ellipse at center, rgba(255,255,200,1) 50%,rgba(255,255,255,0) 100%); */
    background: radial-gradient(ellipse at center, rgba(255,255,255,1) 60%, rgba(255,0,0,1) 410%);
    background: radial-gradient(ellipse at center, rgba(255,255,255,1) 60%, rgba(255,0,0,1) 410%);
    /*background: radial-gradient(ellipse at center, rgba(255,255,255,1) 60%, rgba(100,149,237,1) 420%);*/
    font-size: 160%;
    /*background-color: #8A0808 ; /*#DEB887  ; /*#F5F6CE ; /*#8A0808; /*#c30000 ; */
    background: linear-gradient( to right, white 3%,  #88B04B 30%, white 98%);
    background: linear-gradient( to right, white 3%,  red 30%, white 98%);
    background: linear-gradient( to right, red 1%, white 20%,  red 50%, white 80%, red 99%);
    background: linear-gradient( to right, #E35D60 3%,  #FA8486 30%, white 98%);
    background: linear-gradient( to right, #0B0543 3%,  #262061 30%, white 98%);
    background: linear-gradient( to right, #431A05 3%,  #6F2D0A 30%, white 98%);
    background: linear-gradient( to right, #550000 3%,  #801515  30%, white 98%);
    background: linear-gradient( to right, #550000 3%,  #801515  30%, #550000 98%);
    background: linear-gradient( to right, #001e1e 3%,  #003232  30%, #001e1e 98%);
    background: linear-gradient( to right, #2F2929 3%,  #616060  30%, #2F2929 98%);

    color:  white; /*#A61D26; /*#c30000 ; /*#88B04B; /* #7a032a ; /* #324968 ; */
        margin: 0px 0px 20px 0px ;
        padding: 10px 0px 10px 20px ;
        font-weight: 500;
    border-radius:55px 55px 55px 55px;
    transform: rotate(0deg);

}

.p7:hover {

    /*
    background: linear-gradient( to right, #001e1e 3%,  #003232  30%, #001e1e 98%);
    transition-duration: 1s;
    */
}



.p71 {

    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    
	/*
	box-shadow: rgba(0, 0, 0, 0.35) 0px -2px 2px 0px;
    box-shadow: rgba(0, 0, 0, 0.10) 1px 0px 0.05px 0px ;
	box-shadow: rgba(241, 230, 217, 2.55) 0px 3px 3px 0px;
    */
    /*#F1E6D9 */
    text-align:    left ;
    font-family: 'Imprima', sans-serif;
	font-family: 'Open Sans', sans-serif;
    font-style:   normal;
    letter-spacing: 0.05em;

    font-size: 140%; 
    /*background-color: #8A0808 ; /*#DEB887  ; /*#F5F6CE ; /*#8A0808; /*#c30000 ; */
    
    
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 60%, rgba(205, 151, 4, 1) 410%);
    background: linear-gradient( to right, white 1%,  #FDFDE3 10%, white 97%);
    background: #C5C5DE;
	background: #F1E6D9;

	

    /*background: linear-gradient( to right, #2F2929 3%,  #616060  30%, #2F2929 98%);  */
    /*color:  white; /*#A61D26; /*#c30000 ; /*#88B04B; /* #7a032a ; /* #324968 ; */
        color:  #C9BEB1;
		color:  #C1B6A9;
		color: #C5BAAD;
		color:  #B1A699;
		color: #9D9185;

		
		
        margin: 0px 0px 0px 0px ;
        padding: 20px 0px 0px 30px ;
        font-weight: 500;

}

.p72 {
    
    /*
	box-shadow: rgba(241, 230, 217, 0.15) -0.05px 1.05px 0.05px 1.05px ;
    box-shadow: rgba(0, 0, 0, 0.10) 1px 0px 0.05px 0px ;
	*/
	    
    /*border-left: 2px  solid #ebebeb; 
    border-right: 2px  solid #ebebeb;   */
    
    text-align:    left ;
    font-family: 'Imprima', sans-serif;
	font-family: 'Open Sans', sans-serif;
    letter-spacing: 0.05em;

    font-size: 140%; 

    
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 60%, rgba(205, 151, 4, 1) 410%);
    background: linear-gradient( to right, white 3%,  #FDFDE3 30%, white 96%);
    background: #C5C5DE; 
	background: #F1E6D9;

    
    color:  white; /*#A61D26; /*#c30000 ; /*#88B04B; /* #7a032a ; /* #324968 ; */
	color:  #C1B6A9;
	color:  #B1A699;
	color: #9D9185;
    margin: 0px 0px 0px 0px ;
    padding: 20px 0px 0px 30px ;
    /* border-radius:55px 55px 55px 55px;  */
}

.p73 {                             	

    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;

    /*
	box-shadow: #F1E6D9 0px 0px 10px 0px inset;
    box-shadow: rgba(241, 230, 217, 2.55) 0px 2px 2px 0px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 0px 0px;
	*/

    text-align:    left ;
    font-family: 'Imprima', sans-serif;
	font-family: 'Open Sans', sans-serif;	
    letter-spacing: 0.05em;

    font-size: 140%; 
    /*background-color: #8A0808 ; /*#DEB887  ; /*#F5F6CE ; /*#8A0808; /*#c30000 ; */
    
   
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 60%, rgba(0, 0, 0, 1) 410%);
    background: linear-gradient( to right, white 6%,  #FDFDE3 60%, white 95%);
    background: #C5C5DE;
	background: #F1E6D9;
    /*
    background: linear-gradient( to right, #FFFBFB 3%,  #FFFBFB 30%, #FFFBFB 98%);
    */

    color:  white; /*#A61D26; /*#c30000 ; /*#88B04B; /* #7a032a ; /* #324968 ; */
	color:  #C1B6A9;
	color:  #B1A699;
	color: #9D9185;
	
        margin: 0px 0px 0px 0px ;
        padding: 20px 0px 20px 30px ;
    /*
    border-radius:55px 55px 55px 55px;
    */

    
}
                          


.p81 {

    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
	text-shadow: #F1E6D9 2px 1px 1px, #FEF9F7 10px -3px 11px;
	text-shadow: white 1px 1px 1px, #FEF9F7 2px 1px 1px;
    /*
	box-shadow: rgba(0, 0, 0, 0.10) 1px 0px 0.05px 0px ; 

	
  	
   	
    box-shadow: rgba(241, 230, 217, 0.55) 0px -2px 2px 0px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px -2px 2px 0px;
	box-shadow: rgba(241, 230, 217, 2.55) 0px -1px 0px 0px;
	*/
	
    text-align:    left ;
    /*font-family: 'Imprima', sans-serif;*/

	font-family:  Verdana, Tahoma,Lucida Grande,Georgia, Trebuchet MS, Candara, sans-serif;
	font-family: 'Open Sans', sans-serif;	
    letter-spacing: 0.05em;
    font-style:   normal;


    /*
	background: radial-gradient(ellipse at center, #D68080 50%, #8A0808 20%);   
    background: linear-gradient( to right, white 3%,  #8A0808 50%, white 4%);
    background: radial-gradient(ellipse at center, #8A0808 40%, rgba(255,0,0,1) 10%);	
    background: radial-gradient(ellipse at center, #8A0808 40%, #AC0D0D 210%);
    background: radial-gradient(ellipse at center, #D68080 40%, #8A0808 220%);
    background: radial-gradient(ellipse at center, #FFCB73 10%, #ECEDF9 220%);
	background: radial-gradient(ellipse at center, #919191 30%, #FFFFFF 220%);
   	background: radial-gradient(ellipse at center, #FFFFFF 5%, #919191 220%);
   	background: radial-gradient(ellipse at center, #43435e 55%, #FFFFFF 220%);
   	background: radial-gradient(ellipse at bottom, #43435e 52%, #FFFFFF 120%); 
   	background: radial-gradient(ellipse at bottom, #43435e 52%,#ECEDF9 220%, #FFFFFF 120%); 
   	background: radial-gradient(ellipse at bottom, #ECEDF9 1%, #43435e 52%,#ECEDF9 120%, #FFFFFF 120%);
   	background: radial-gradient(ellipse at bottom, #6B6B86 10%, #43435e 62%,#ECEDF9 100%, #FFFFFF 120%);
   	background: radial-gradient(ellipse at bottom, #6B6B86 10%, #43435e 42%,#ECEDF9 90%, #6B6B86 120%);
   	background: radial-gradient(ellipse at bottom, #ECEDF9 1%, #6B6B86 100%, #6B6B86 42%,#ECEDF9 90%, #6B6B86 120%);
	
   	background: radial-gradient(ellipse at bottom right, #ECEDF9 1%, #43435e 100%, #6B6B86 42%,#ECEDF9 90%, #6B6B86 120%);
  
	background: radial-gradient(ellipse at bottom right, #FEF9F7 1%, #FEF9F7 100%, #FEF9F7 42%,#FEF9F7 90%, #6B6B86 120%);
	background: radial-gradient(ellipse at bottom right, #FEF9F7 1%, white 100%, #FEF9F7 42%,white 90%, #6B6B86 120%);
	*/
	background: #FEF9F7;
	background: radial-gradient(ellipse at bottom right, #FEF9F7 1%, white 100%, #FEF9F7 42%,white 90%, #6B6B86 120%);
	
	background: #FEF9F7;
	background: radial-gradient(ellipse at bottom right, white 1%, #FEF9F7 100%, #FEF9F7 42%,#FEF9F7 90%, #FEF9F7 120%);
	background: radial-gradient(ellipse at bottom right, #F1E6D9 50%, white 130%, #F1E6D9 142%,#FEF9F7 10%);
	background: radial-gradient(ellipse at top left, #F1E6D9 1%, #F1E6D9 30%, #FEF9F7 42%,white 10%);
	background: radial-gradient(ellipse at top right, #F1E6D9 50%, white 135%,   #FEF9F7 12%);
	background: radial-gradient(ellipse at bottom right, #F1E6D9 10%,    #FEF9F7 100%, white 5%);
	/*	background: linear-gradient( to right, white 1%,  #8A0808 30%, white 95%);
    /*background: #8A0808; /*#BA6464;  */                     	
    font-size: 140%;                                                	     
    color:  #43435e; 
	color:  #B1A699;
	color: #9D9185;
		
	  
																						   	
    margin: 0px 0px 0px 0px ;
    padding: 20px 0px 0px 30px ;
    font-weight: 500;
 
}
						 	

.p82 {
    box-shadow: rgba(241, 230, 217, 0.15) -0.05px 1.05px 0.05px 1.05px ;
    box-shadow: rgba(0, 0, 0, 0.15) 1px 0px 0.05px 0px ;
    box-shadow: rgba(0, 0, 0, 0.10) 1px 0px 0.05px 0px ;
	    
	text-align:    left ;
    font-family: 'Imprima', sans-serif;
	font-family: 'Open Sans', sans-serif;	
    letter-spacing: 0.05em;
    font-style:   normal;

    background: radial-gradient(ellipse at center, rgba(255,200,100,1) 60%, rgba(255,0,0,1) 210%);
    background: linear-gradient( to right, white 3%,  #8A0808 10%, white 96%);
    background: radial-gradient(ellipse at center, #8A0808 40%, rgba(255,0,0,1) 210%);
    background: radial-gradient(ellipse at center, #D68080 40%, #8A0808 220%);
	background: radial-gradient(ellipse at center, #919191 30%, #FFFFFF 220%);
	background: linear-gradient( to right, #ECEDF9 3%,  #919191 10%, #ECEDF9 96%);	
	background: radial-gradient(ellipse at center, #ECEDF9 90%, #FFFFFF 220%);
	background: radial-gradient(ellipse at center, #ECEDF9 5%, #6B6B86 220%);
    /*background: #8A0808 ; /*#AC7878 ; /*#ECEDF9; */
    font-size: 140%; 
    color:  #43435e;
	color: #9D9185;

    margin: 0px 0px 0px 0px ;
    padding: 20px 0px 20px 30px ;
    font-weight: 500;

    /*border-radius:55px 55px 55px 55px; */
}

.p83 {


    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
	text-shadow: white 1px 1px 1px, #FEF9F7 2px 1px 1px;
	/*
    box-shadow: rgba(241, 230, 217, 2.55) 0px 2px 2px 0px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 2px 0px;
    box-shadow: rgba(0, 0, 0, 0.10) 1px 0px 0.05px 0px ; 
	box-shadow: rgba(241, 230, 217, 2.55) 0px 1px 2px 0px;
	*/
	
    text-align:    left ;
    font-family: 'Imprima', sans-serif;
	font-family: 'Open Sans', sans-serif;	
    letter-spacing: 0.05em;
    font-style:   normal;
	
    /*
	background: radial-gradient(ellipse at center, rgba(255,200,100,1) 60%, rgba(255,0,0,1) 210%);
    background: linear-gradient( to right, white 6%,  #F5F6CE 60%, white 97%);
    background: #8A0808;
    background: radial-gradient(ellipse at center, #8A0808 40%, rgba(255,0,0,1) 210%);
	background: radial-gradient(ellipse at center, #D68080 40%, #8A0808 220%);	
	background: radial-gradient(ellipse at center, #C1C1C1 40%, #ECEDF9 220%);
	background: radial-gradient(ellipse at center, #B0B0B0 40%, #FFFFC6 220%);   
	background: radial-gradient(ellipse at center, #919191 40%, #FFFFFF 220%);
	background: radial-gradient(ellipse at center, #ECEDF9 5%, #919191 220%);   
	background: radial-gradient(ellipse at center, #ECEDF9 5%, #6B6B86 220%);    
	background: radial-gradient(ellipse at center, #ECEDF9 1%, #61617C 220%);   
	background: radial-gradient(ellipse at center, #61617C 1%, #ECEDF9 220%);  
	background: radial-gradient(ellipse at top, #43435e 52%,#ECEDF9 120%, #FFFFFF 120%); 
	background: radial-gradient(ellipse at top, #ECEDF9 10%, #43435e 62%,#ECEDF9 100%, #FFFFFF 120%);
	background: radial-gradient(ellipse at top, #6B6B86 10%, #43435e 62%,#ECEDF9 90%, #6B6B86 120%);
	background: radial-gradient(ellipse at top, #6B6B86 10%, #6B6B86 42%,#ECEDF9 90%, #6B6B86 120%);
	background: radial-gradient(ellipse at top right, #ECEDF9 1%, #43435e 100%, #6B6B86 42%,#ECEDF9 90%, #6B6B86 120%);

	background: #8A0808;
	background: radial-gradient(ellipse at top right, #FEF9F7 1%, #FEF9F7 100%, #FEF9F7 42%,#FEF9F7 90%, #6B6B86 120%);
	*/
	
	background: radial-gradient(ellipse at bottom right, #FEF9F7 1%, white 100%, #FEF9F7 42%,white 90%, #6B6B86 120%);
	background: radial-gradient(ellipse at top right, #FEF9F7 1%, white 100%, #FEF9F7 42%,white 90%, #6B6B86 120%);

	background: #FEF9F7;
	background: radial-gradient(ellipse at top left, white 1%, #FEF9F7 10%, #FEF9F7 42%,#FEF9F7 90%, #FEF9F7 120%);
    background: radial-gradient(ellipse at top right, white 1%, #FEF9F7 100%, #FEF9F7 42%,#FEF9F7 90%, #FEF9F7 120%);
	background: radial-gradient(ellipse at bottom right, #FEF9F7 1%, white 100%, white 42%,#FEF9F7 90%);
	background: radial-gradient(ellipse at bottom right, #F1E6D9 11%, #F1E6D9 30%, #FEF9F7 42%,white 90%);
	background: radial-gradient(ellipse at bottom right, #F1E6D9 50%, white 135%,   #FEF9F7 12%);
	background: radial-gradient(ellipse at top right, #F1E6D9 10%,    #FEF9F7 100%, white 5%);
	
	font-size: 140%; 
    color:  #CCCCCC;
    color:  #43435e;
	color:  #B1A699;
	color: #9D9185;
	
    margin: 0px 0px 0px 0px ;
    padding: 10px 0px 20px 30px ;
    font-weight: 500;

    
}

 

.p84 {

    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;


    text-align:    left ;
    font-family: 'Imprima', sans-serif;
    font-style:   normal;
    letter-spacing: 0.12em;

    background: radial-gradient(ellipse at center, rgba(255,200,100,1) 60%, rgba(255,0,0,1) 210%);
    background: linear-gradient( to right, white 6%,  #F5F6CE 60%, white 97%);
    background: #ECEDF9;
    font-size: 160%;
    color:  gray;

    margin: 0px 0px 0px 0px ;
    padding: 20px 0px 10px 20px ;
    font-weight: 500;


}

.rechtsbuendig {
    text-align: right;
}


.p8 {
    color: #43435e;
}

a .p8:hover {

    color:  #15BD57;

    /*
    background: linear-gradient( to right, white 1%,  #E1EC3F 50%, white 97%);
    background: radial-gradient(ellipse at center, rgba(255,250,150,1) 60%, rgba(255,0,0,1) 210%);
    */
    /*background: linear-gradient( to right, white 1%,  #F8FF00 80%, white 97%);
    background: radial-gradient(ellipse at center, rgba(255,255,250,1) 60%, rgba(155,110,110,1) 210%);   */


}                    




.p6 {

    /*border: 1px  solid #c30000 ;  */

    /*border-bottom: 3px  solid #354B42 ;   */
    /*background: radial-gradient(ellipse at center, rgba(255,255,255,1) 60%, rgba(100,149,237,1) 420%); */

     font-size: 140%;
    /*background: radial-gradient(ellipse at center, rgba(100,149,237,1) 1%, rgba(255,255,255,1) 70%);   */
    /*background-color: #88B04B  ; /*#F5F6CE ; /*#8A0808; /*#c30000 ; */
    /*background: linear-gradient( to  top, #8A0808 2%, white 2%);
    color:  #8A0808 ; /*#469D4F ; /*#c30000 ; /*#88B04B; /* #7a032a ; /* #324968 ; */
        margin: 10px 0px 10px 0px ;
        padding: 0px 0px 0px 0px ;
        font-weight: 500;
    border-radius:2px;
}



pre {
    font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
	padding: 10px;
	tab-size: 0;
	
	color: #493AF8 ; /*#27408B        ; /*#333333 ; /*#525252;    */

   	background: #F4F4F4 ;
   	border: 1px  solid silver ;
   	
    font-size: 110%;
    font-style: normal;
    font-weight: 500;

  	/*white-space: pre-wrap; */
    overflow-x: auto; 
}
/*
pre { overflow-x: auto; }
pre { white-space: pre-wrap; }
pre:hover, pre:focus { width: min-content; }
*/	


.text_einrueck {
        margin: 0px 0px 0px 28px ;
        padding: 0px 0px 0px 0px ;

}

.MRK_0 {
    color: white ; /*#1D3A9C ; /*#c30000; /* #27408B #8A0808  #98BFFF;   */
}

a .MRK_0:hover {
    color: #FFFF95 ; /*#c30000; /* #27408B #8A0808  #98BFFF;   */
}

.MRK_1 {
    color: #27408B ; /*#c30000; /* #27408B #8A0808  #98BFFF;   */
}

.MRK_2 {
    color: #0082E2 ; /*#c30000; /* #27408B #8A0808  #98BFFF;   */
}
.MRK_3 {
    color: black ; /*#c30000; /* #27408B #8A0808  #98BFFF;   */
}

.MRK_4 {
    color: black ; /*#c30000; /* #27408B #8A0808  #98BFFF;   */
}

/* Links speziell hervorheben*/
.highlight {
    color: #27408B ; /*#c30000; /* #27408B #8A0808  #98BFFF;   */
    font-weight:  bolder;
    font-style: normal;
    margin:  0% 0% 0% 0%;
    padding: 0% 0% 0% 0%;
    text-decoration:none;

}
.highlight:hover {
    color: #8A0808  ; /* #27408B #8A0808  #98BFFF;   */

}
.highlight_2 {
    color: #333333; /* #27408B #8A0808  #98BFFF;   */
    font-weight:  bold;
    font-style: normal;
    margin:  0% 0% 0% 0%;
    padding: 0% 0% 0% 0%;
    text-decoration:none;
    /*letter-spacing: 1px; */
}

.highlight_3 {
    color: #8A0808; /* #27408B #8A0808  #98BFFF;   */
    font-weight:  normal;
    font-style: normal;
    margin:  0% 10% 0% 0%;
    padding: 0% 0% 0% 0%;
    text-decoration:none;
    letter-spacing: 1px;
}
.highlight_3:hover {
    color: red; /* #27408B #8A0808  #98BFFF;   */
}
.highlight_4 {
    color: #525252 ; /*#C71585 ; /* #C71585 #FFA500 #FF6347 #FF7F50 #F08080  #FA8072 #FFA500 #0071F8; /* #0000ff ; /*#000088; /*#aa4400 ;/*#FF6600 ; /*#006600 ; /*#00919D ;/*#88B04B; /* #27408B #8A0808  #98BFFF;   */
    font-weight:   500;
    font-size: 140%;
    font-style: normal;
    /*font-family: Courier New; */
    text-decoration:none;
    /*text-shadow: #8A0808 -1px 0px 0px, #8A0808 0px -1px 0px, #8A0808 0px 1px 0px  , #8A0808 1px 0px 0px;      */
    letter-spacing: 0px;
}

#log, #log2, #log3, #log4 {
    color: #c30000; /* #27408B #8A0808  #98BFFF;   */
    font-weight:  bold;
    font-style: normal;
    margin:  0% 0% 1% 0%;
    padding: 0% 0% 0% 0%;
    text-decoration:none;
}

#log:hover, #log2:hover, #log3:hover, #log4:hover {
    color: red; /* #27408B #8A0808  #98BFFF;   */

}

.footer_old {
     border: 2px solid orange;
    /*Darf nicht sein, sonst wird alles nicht kleiner */
        width: 100%;

        margin: 0% 0% 0% 0%  ;
    padding: 0% 0% 0% 0% ;

    float: left;
    /*overflow: hidden;  /*Was macht das???*/

}
.footer {
    /*border-top: 1px  solid #8A0808 ; */

    background-color:         transparent ;/*#fcfcfc; /*#f5ce70;  #ebebeb*/

        margin: 0% 0% 0% 0%   ;
        padding: 18px 3.5% 0% 3.5%   ;
}

.footer a {
    text-decoration:none;
}





/* Large screens  - Diese Reihenfolge ist wichtig !!! Groessere Breite überschreibt kleinere !!! min-width*/

@media (min-width: 800px) {

    html { font-size: 55%; }

    .p3 { font-size: 130%;}



    #header_big {display:none;}
    #header {display: none;}
    #header_small {display:none;}
    #header_smaller {display:none;}
    #header_smallest {display:block;}
    #header_smallest2 {display:none;}
}

@media (min-width: 900px) {

    html { font-size: 66%; }

    .p3 { font-size: 130%;}

    #header_big {display:none;}
    #header {display: none;}
    #header_small {display:none;}
    #header_smaller {display:block;}
    #header_smallest {display:none;}
    #header_smallest2 {display:none;}
}


@media (min-width: 1100px) {

    html { font-size: 70%; }

    .p3 { font-size: 130%;}

    #header_big {display:none;}
    #header {display: none;}
    #header_small {display: block;}
    #header_smaller {display:none;}
    #header_smallest {display:none;}
    #header_smallest2 {display:none;}
}

/* Large screens (1024px) */
@media (min-width: 1200px) {

    html { font-size: 78%; }

    .p3 { font-size: 140%;}

    #header_big {display:none;}
    #header {display: block;}
    #header_small {display:none;}
    #header_smaller {display:none;}
    #header_smallest {display:none;}
    #header_smallest2 {display:none;}
}













/*Damit sidebar nach unten wandert*/
/*Muss nach original kommen, sonst wird es durch original wieder überschrieben!*/


/*Aktuell Hochformat Handy*/
@media screen and (orientation:portrait) and (min-width:240px) and (max-width:580px) {

        #content, #sidebar {
                width: 100%;
				float: none;
                clear: left;
                font-size: 49%;
        }

    h1 {
    font-size: 60px;
    margin:  0px 0px 0px 0px   ;
    padding: 8px 0px 0px 0px   ;
    /*background-color: grey;       */
    }

    body {
    /*background-image: linear-gradient(to bottom, white, white, white, white, white, white, white);    */
    }

    #eingerueckt {
    border-radius:0px 0px 0px 0px;
    border: none;
    background: transparent;
    box-shadow:0px 0px 0px white;
    /*border: 1px  solid #8A0808 ;*/
    }

    #eingerueckt_sidebar2  {
    border-radius:0px 0px 0px 0px;
    border: none;
    background: transparent;
    border-top :1px  solid #b1b1b1  ;
    box-shadow:0px 0px 0px white;
    }

    #eingerueckt_sidebar2 img {
    margin: 5px 0% 15px 0%   ;
    padding: 0px 0% 0% 0%   ;
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    #eingerueckt_sidebar4 {
    border-radius:0px 0px 0px 0px;
    border: none;
    background: transparent;
    border-top :1px  solid #b1b1b1  ;
    box-shadow:0px 0px 0px white;
    }

    h6, h2, .p1, .p3 {
    text-align: center;
    }





    #header {display:none;}
    .p3 { font-size: 140%;}

    #page {
        min-width: 240px;
    }
    #header_smallest {display:none;}
    #header_smallest2 {display:block;}
    #header_small {display:none;}
    #header_smaller {display:none;}
    #header_big {display:none;}
    #header {display: none;}
}


/*Portrait gross!!! Problem loesen!!!*/
@media screen and (orientation:portrait) and (min-width:580px) and (max-width:800px) {

        #content, #sidebar {
                width: 100%;
                float: none;
                clear: left;
                font-size: 60%;
        }

    h1 {
    font-size: 60px;
    margin:  0px 0px 0px 0px   ;
    padding: 8px 0px 0px 0px   ;
    /*background-color: orange;  */
    }


    #eingerueckt {
    border-radius:0px 0px 0px 0px;
    border: none;
    background: transparent;
    box-shadow:0px 0px 0px white;
    /*border: 1px  solid #8A0808 ;*/
    }

    #eingerueckt_sidebar2 {
    border-radius:0px 0px 0px 0px;
    border: none;
    background: transparent;
    border-top :1px  solid #b1b1b1  ;
    box-shadow:0px 0px 0px white;
    }

    #eingerueckt_sidebar2 img {
    margin: 5px 0% 15px 0%   ;
    padding: 0px 0% 0% 0%   ;
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    #eingerueckt_sidebar4 {
    border-radius:0px 0px 0px 0px;
    border: none;
    background: transparent;
    border-top :1px  solid #b1b1b1  ;
    box-shadow:0px 0px 0px white;
    }

    h6, h2, .p1, .p3 {
    text-align: center;
    }







         #header_small {display:none;}
         .p3 { font-size: 150%;}
         .p1 { font-size: 140%;}

    #page {
        min-width: 580px;
    }

    #header_smallest {display:block;}
    #header_smallest2 {display:none;}
    #header_small {display:none;}
    #header_smaller {display:none;}
    #header_big {display:none;}
    #header {display: none;}

}



@media screen and (orientation:landscape) and (min-width:240px) and (max-width:580px) {

        #content, #sidebar {
                width: 100%;
                float: none;
                font-size: 50%;
        }

  h1 {
    font-size: 60px;
    margin:  0px 0px 0px 0px   ;
    padding: 8px 0px 0px 0px   ;
    /*background-color: yellow;   */
    }

    #header {display:none;}
    .p3 { font-size: 150%;}

    #page {
        min-width: 240px;
    }

    #header_smallest {display:none;}
    #header_smallest2 {display:block;}
    #header_small {display:none;}
    #header_smaller {display:none;}
    #header_big {display:none;}
    #header {display: none;}
}




/*Aktuell Querformat Handy*/
@media screen and (orientation:landscape) and (min-width:580px) and (max-width:800px) {

        #content, #sidebar {
        font-size: 50%;
    }

    h1 {
    font-size: 60px;
    margin:  0px 0px 0px 0px   ;
    padding: 8px 0px 0px 0px   ;
    /*background-color: salmon;   */
    }

    h2{
    font-size: 130%;
    }


    .p3 { font-size: 107%;}
    .p1 { font-size: 110%;}

    #page {
        min-width: 580px;
    }

    #header_smallest {display:block;}
    #header_smallest2 {display:none;}
    #header_small {display:none;}
    #header_smaller {display:none;}
    #header_big {display:none;}
    #header {display: none;}
}






/* =Navigation
/*-------------------------------------------------------------- */
/* clip skip link for screen readers */
.skip-link {
    clip: rect(1px, 1px, 1px, 1px);

}
#access {
    /*font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;  */
    overflow: visible;
    z-index:100;
}




/* style the main menu 8*/
.sf-menu{
    /*border: 1px  yellow;   */
    border-top:  none;

}
/* get rid of padding and margin off all ul's (not sure about using * here, could be better) */
.sf-menu {

    /*Wichtig, damit Buttons untereinander gehen 1*/
    width: 95%;
    margin: 0px 2.5% 0px 2.5% ;

    /*In Portrait Ansicht  Textentfernung vom Menu*/
    padding: 0px 0px 175px 0px ;


    list-style:none;

}

.sf-menu * {

}

/* position all dropdowns off screen */
.sf-menu ul {
    position:absolute;
    /*border-right: thick #242324;     */
    top:-999em;
    border: 5px solid blue;

}
/* style the main nav list items */
.sf-menu li {


    background: #ebebeb ;
    background-color:  transparent;
    /*Wichtig, damit Buttons untereinander gehen 1*/
    width:  80%;
    margin: 0px 10% 0px 10% ;
    /* Damit Buttons in Portrait Zwischenraum haben*/
    padding: 0px 0px 5px 0px ;


    /*
    background-repeat: repeat-x;
    */
    clear: left;
    float: left;
    position:relative;



    /*
    border-radius:55px; /* CSS3 */
    /*Effekt*/

    /*
    -moz-transition:0.3s;
        -webkit-transition:0.3s;
        -o-transition:0.3s;
        -ms-transition:0.3s;
        transition:0.1s;



    /*border: 1px ridge red; */

/*        box-shadow:-1px -1px 1px gainsboro; /* alle neuen Browser, W3C Standard */
        /*transform:scale(0.95)  ;   */
}

/* change the main nav list items on hover */
.sf-menu li:hover {
    visibility:inherit; /* fixes IE7 'sticky bug' */
    background-color:          #ebebeb ;
    background-color:           transparent ;


	transition-timing-function: cubic-bezier(0.7,0.1,0.8,0.8);
    transform:  scale(1.4);
    transform-origin: middle ;
    transition-duration: 0.15s;
	/*
    box-shadow:0px 2px 5px gray;
    */
}
/* style all the links */
.sf-menu a {
    /*border: 1px    dashed #8A0808 ;  */

    /*
    border-left: 1px  solid #ebebeb ;
    */

    color: #8A0808 ;/*#8A0808; /*#324968 ;  */
    background: white ; /*#ebebeb ;         */
    font-weight: 700 ;
    text-decoration:   none;
    text-align: center ;

    /*Das Entscheidende: */
    width: 100%;

    /* Höhe der Buttons */
    height: 22px;

    /*Schriftgroesse */
    font-size: 12px;

    /*Menuleiste von oben in Landscape*/
    margin: 0px 0px 0px 0px ;

    /*Hoehe des Menupunktes an sich*/
    padding: 5px 0px 0px 0px ;

    display:   block;
    text-indent: 0px;

    /*
    border-radius:10px 150px 10px 150px;
        transition:0.2s;
    box-shadow:2px 2px 15px #ebebeb;
    */
}

.sf-menu a:hover {

    color: black ;   
    /*
    border: 1px    solid #8A0808 ;
    
    color: orange ; /*#8A0808 ;    
    */
	font-weight:  700 ;
    visibility:inherit; /* fixes IE7 'sticky bug' */

   	/*
    background-color: #ebebeb; /*#FFF97C ;
    */
    /*border-top : 1px solid white; */

    /*
    box-shadow:1px 1px 5px #ebebeb;
    */

    /*border-radius:150px 10px 150px 10px;
    /*box-shadow:1px 1px 1px rgba(255,255,255,1); /* alle neuen Browser, W3C Standard */

    /*border-radius:-10px; /* CSS3 */
    /*transform: rotate(2deg);  */
    /*transform: scale(1.001);    */

          /*transition:0s;     */
}

/* style the first drop */
.sf-menu li li, .sf-menu li li:hover{
    background: none;
    background-image: none;
}
/* add a larger text indent for the first drop links */
.sf-menu li li a{
    text-indent: 24px;
}
/* add a larger text indent for the second drop links */
.sf-menu li li li a{
    text-indent: 36px;
}
/* add a larger text indent for the third drop links */
.sf-menu li li li li a{
    text-indent: 48px;
}
/* position first drop */
.sf-menu li:hover ul {
    top:auto; /* match top ul list item height */
    position:relative;
}
/* make sure second drop is still off screen */
ul.sf-menu li:hover li ul {
    position: absolute;
    top:-999em;
}
/* position second drop */
ul.sf-menu li li:hover ul {
    top:auto;
    position:relative;
}
/* make sure third drop is still off screen */
ul.sf-menu li li:hover li ul {
    position: absolute;
    top:-999em;
}
/* position third drop */
ul.sf-menu li li li:hover ul {
    top:auto;
    position:relative;
}



@media only screen and (min-width: 580px) {
    /* set height so content isn't pushed down */
    #access{
        float: left;

        /*CLEAN*/
        /*border: 2px solid orange;*/
        width: 100%;

        /*Landscape: Abstand zum Text damit festlegen!     */
        height: 90px;

        /*Menu fängt bei 5% links an*/
        margin: 0px 0% 0px 0% ;
        padding: 0% 0% 0% 0% ;

/*        box-shadow:0px 10px 30px gainsboro;
        border-radius:10px;
        background:gainsboro;  */
    }
    /* set height so content isn't pushed down add z-index to keep drops above content */
    .sf-menu{
        /*CLEAN*/
        /*border-radius:10px;
        border: 1px solid green;*/
        width: 90%;
        /* Keine Auswirkung */
        height: 38px;

        /*Menu nach links verschieben*/
        margin: 0px 5% 0px 5% ;
        padding: 0px 0px 0px 0px ;
        /*
        margin: 0px 10% 0px 10% ;
        padding: 0% 2% 10% 2% ;
        */

        z-index: 100;
        font-size: 60%;



        /*border: 5px ridge silver;*/
    }

    .menu {
        /*CLEAN*/
        /*border: 5px solid blue;  */
        width: 90%;
        margin: 0px 5% 0px 5% ;
        padding: 0px 0px 0px 0px ;

    }


    /* restyle so main links are horizontally aligned */
    .sf-menu li {
        /*CLEAN*/
        /*border: 2px  solid red; */

        clear: none;

        /*Breite der Buttons - CK */
        width: 21%; /* this will need to be adjusted for your needs */
        height: 30px;

        /*Distanz zwischen den Buttons - CK */
        /*margin: 0% 0% 0% 10px ; */
        margin: 0% 2% 0% 2% ;
            padding: 0% 0% 0% 0% ;



    }
    /* new style for drop list items */
    .sf-menu li li{
        background: #000;
        background-repeat: repeat-x;
        clear: left;
        width: 100%;
    }
    /* reset text indent on all drop a tags and set the width to 100% */
    .sf-menu li li a, .sf-menu li li li a, .sf-menu li li li li a{
        text-indent: 12px;
        width: 100%;
    }
    /* reposision and style the first drop */
    .sf-menu li:hover ul{
        background: #000;
        left: auto;
        position: absolute;
        top: 100%;                      /* damit Link nach unten wandert */
        width: 100%;
        z-index: 100;
    }
    /* reposision and style the second drop */
    ul.sf-menu li li:hover ul{
        background: #000;
        position: absolute;
        top: -1px;
        left:100%;
    }
    /* reposision and style the third drop */
    ul.sf-menu li li li:hover ul{
        background: #000;
        position: absolute;
        top: -1px;
        left:100%;
    }


}