@font-face 
{ 
    font-family: perpetua; 
    src: url(fonts/PERI__.TTF); 
}
.c1024{
    visibility: hidden;
    font-size:10px;
}

.c1680{
    visibility:hidden;
    font-size:10px;
}
.c1920{
    visibility:hidden;
    font-size:10px;
}

a{
     font-family:           perpetua;
     color:                 red;
     text-decoration:       none;
}

.link_submenu
{
    color:                  #fff;
}

body
{
    width:                  100%;
    height:                 100%;
    margin:                 0px;
    overflow:               auto;
    font-family:            perpetua;
    font-size:              30px;
    background-color:       #5b5b5a;
    padding:                0
}

/* ~~~~~ KOPFZEILE ~~~~~ */
#div1                       
{
    min-width:              1024px;
    width:                  100%;
    height:                 100px;
    background-color:       #5b5b5a; 
    text-align:             right;
}
    /* Überschrift innerhalb der Kopfzeile (div1) */
    #headline
    {
        color:                  #fff;
        font-family:            perpetua;
        font-size:              50pt;
        padding-right:          70px; 
        padding-top:            0;
        padding-bottom:         0;
        margin:0;
        font-weight:            normal;
    }

/* Inhaltsbereich */
#div2                   
{
    min-width:              1024px;
    width:                  100%;
    min-height:             650px;
    height:                 67%;
    position:               relative;
    text-align:             center; 

}
  
/* ~~~~~ MENÜ ~~~~~ */    
#div3                      
{
    width:                  100%;
    height:                 100px;
    background-color:       #373737; 
    position:               relative;
    z-index:10;
  
}
    
/* ~~~~~ FUßZEILE ~~~~~ */    
#div4                       
{
    width:                  100%;     
    height:                 auto;
    background-color:       #5b5b5a; 
    position:               relative;
    font-size:              15px;
    text-align:             right;
    color:                  #ffffff;
}

img.title_image
{
    width:                  auto;
    height:                 100%;
    min-height:             498px;
}

div.footer_content{
	float:					left;
	padding-left:			10px
}

div.footer_content>a{
	color:					white;
	font-size:				17px
}

div.footer_content>a:hover{
	text-decoration:		underline;
}

/***** GALERIE.PHP *****/
#scroll_frame
{
    overflow:               scroll;
    overflow-y:             hidden;
    width:                  100%;
    height:                 100%;
}

#scroll_galerie
{
    width:                  auto;
    height:                 100%;
    white-space:            nowrap;
    text-align:             left;
    padding-left:           10px;
     
}

img.galerie_image
{
    margin-right:           10px;
    height:                 450px;
}

div.galerie_title
{
   position:                fixed;
   color:                   #ffffff;
   top:                     100px;
   left:                    10px;
}

.img_prot
{
    position:               absolute; 
    background:             url('img/do_not_copy.gif') repeat;
    width:                  100%;
    height:                 98%;
    z-index:                9;
 
}

/***** KONTAKT.PHP *****/

/* ~~~~~ KOPFZEILE ~~~~~ */
#div1_con                       
{
    
    width:                  100%;
    height:                 165px;
    background-color:       #38927b; 
    text-align:             center;
    background-image:       url(icon/schild.jpg);
    background-repeat:      no-repeat;
    background-position:    right;
    background-size:        137px 155px;
}
 /* Überschrift innerhalb der Kopfzeile (div1_kon) */
    #headline_contact
    {
        color:                  #fff;
        font-family:            perpetua;
        font-size:              45pt;
        font-weight:            normal;
        padding:0;
        margin:0; 
    }
/* Inhaltsbereich */
#div2_con                   
{
    width:                  100%;
    height:                 60.6%;    
    position:               relative;
   
   
}


/* ~~~~~ FUßZEILE ~~~~~ */    
#div4_con                       
{
    width:                  100%;
    height:                 3%;
    background-color:       #5b5b5a; 
    position:               relative
}

table.contact_details
{
    width:                  100%;
    height:                 98%;
    font-size:              41px;
    color:                  #ffffff;
    padding:0;
    margin:0;
}

td.contact_details_cell
{
    width:                  45%;
    height:                 45%;
    text-align:             center; 
    padding:0;
    margin:0;
}

span.footer
{
    font-size:              25px;    
}



/***** IMPRESSUM.PHP *****/

/* ~~~~~ KOPFZEILE ~~~~~ */
#div1_imp                       
{
    width:                  100%;
    height:                 100px;
    background-color:       #38927b; 
    text-align:             right;   
}

/* Inhaltsbereich */
#div2_imp                   
{
    
    overflow:               scroll;
    overflow-x:hidden;
    width:                  100%;
    height:                 67%;
    position:               relative;
    text-align:             justify; 
    font-family:            Arial;
    font-size:              12pt;

}

div.text_imprint{
	padding:20px;
	text-align:justify;
	color:white;

}

div.text_imprint a{
	font-size:12pt !important;
	font-family:Arial
}

div.text_imprint>p,ul{
	margin-top:10px;
	padding-left:10px
}

div.text_imprint>h1{
	font-size: 16pt;
	margin-top:10px
}

div.text_imprint>h2{
	font-size: 14pt;
	margin-top:10px
}

div.text_imprint>h3{
	font-size: 12pt;
	margin-top:10px
}

div.text_privacy{
	padding:20px;
	text-align:justify;
	color:white;

}

div.text_privacy>p,ul{
	margin-top:10px;
	padding-left:10px
}

div.text_privacy>h1{
	font-size: 16pt;
	margin-top:10px
}

div.text_privacy>h2{
	font-size: 14pt;
	margin-top:10px
}

div.text_privacy>h3{
	font-size: 12pt;
	margin-top:10px
}

/*#######################################################################################################################*/
/* ~~~~~~~~~~~~ BIS AUFLÖSUNG 1024px*768px ~~~~~~~~~~~~ */

@media screen and (max-width: 1024px) and (max-height: 768px){
    
    /* eine oder mehrere CSS Regeln */
    .c1024{
        visibility: visible;
    }
    body
    {
        text-align:             center;
        font-size:              35px;
        overflow-x:             hidden;
    }

    /* ~~~~~ KOPFZEILE ~~~~~ */
    #div1                       
    {
        width:                  100%;
        height:                 80px;
        background-color:       #5b5b5a; 
        text-align:             right;
        min-width:              10px;
    }
    
    /* Inhaltsbereich */
    #div2                   
    {
        width:                  100%;
        height:                 496px;
        position:               relative;
        text-align:             center; 
        padding:                0;
        margin:                 0;
        min-height:             10px;
        min-width:              10px;  
    }
        
    /* ~~~~~ MENÜ ~~~~~ */    
    #div3                      
    {
        width:                  100%;
        height:                 75px;
        background-color:       #373737; 
        position:               relative;
        min-width:              10px;  
        z-index:10;
    }
    /* ~~~~~ FUßZEILE ~~~~~ */    
    #div4                       
    {
        width:                  100%;     
        height:                 auto;
        background-color:       #5b5b5a; 
        position:               relative;
        font-size:              15px;
        text-align:             right;
        color:                  #ffffff;
        min-width:              10px;  
    }
    
    
    
    
    
    /***** KONTAKT.PHP *****/
    /* ~~~~~ KOPFZEILE ~~~~~ */
    #div1_con                       
    {    
        width:                  100%;
        height:                 130px;
        background-color:       #38927b; 
        text-align:             center;
        background-image:       url(icon/schild_1024.jpg);
        background-repeat:      no-repeat;
        background-position:    right;
        background-size:        100px 114px;
    }
    /* Inhaltsbereich */
    #div2_con                   
    {
        width:                  100%;
        height:                 446px;    
        position:               relative;
       min-height: 10px;
    }
    
    table.contact_details
    {
        width:                  100%;
        height:                 98%;
        font-size:              28px;
        color:                  #ffffff;
        padding:                0;
        margin:                 0;
     
    }
    
    td.contact_details_cell
    {
        width:                  45%;
        height:                 45%;
        text-align:             center; 
        min-width:              10px;
        min-height:             10px;   
        padding:0;
        margin:0; 
    }
    /***** IMPRESSUM.PHP *****/
    /* ~~~~~ KOPFZEILE ~~~~~ */
    #div1_imp                       
    {
        width:                  100%;
        height:                 80px;
        background-color:       #38927b; 
        text-align:             right;
        min-height: 10px;    
    }
    
    /* Inhaltsbereich */
    #div2_imp                   
    {
        
        overflow:               scroll;
        overflow-x:             hidden;
        width:                  100%;
        height:                 496px;
        position:               relative;
        text-align:             justify; 
        font-family:            Arial;
        font-size:              12pt;
        min-height: 10px;
    }
    
    img.title_image
    {
        width:              980px;
        height:             493px;
    }
    
    /* Überschrift innerhalb der Kopfzeile (div1) */
    #headline
    {
         color:                  #fff;
        font-family:            perpetua;
        font-size:              50px;
        padding-right:          70px; 
        padding-top:            0;
        padding-bottom:         0;
        margin:0;
        font-weight:            normal;
    }
        
     /* Überschrift innerhalb der Kopfzeile (div1_kon) */
    #headline_contact
    {
        color:                  #fff;
        font-family:            perpetua;
        font-size:              35pt;
        font-weight:            normal;
        padding:0;
        margin:0; 
    }
    
    
    
    /***** GALERIE.PHP *****/
    #scroll_frame
    {
        overflow:               scroll;
        overflow-y:             hidden;
        width:                  100%;
        height:                 496px; 
    }
    
    #scroll_galerie
    {
        width:                  auto;
        height:                 100%;
        white-space:            nowrap;
        text-align:             left;
        padding-left:           10px;
         
    }
    
    img.galerie_image
    {
        margin-right:           10px;
        height:                 450px;
    } 
    
    div.galerie_title
    {
       position:                fixed;
       color:                   #ffffff;
       top:                     85px;
       left:                    10px;
    }
    .img_prot
    {
        position:               absolute; 
        background:             url('img/do_not_copy.gif') repeat;
        width:                  100%;
        height:                 478px;
        z-index:                9;
     
    }
    
}  
  

/*#######################################################################################################################*/
/* ~~~~~~~~~~~~ BIS AUFLÖSUNG 1680px*1050px ~~~~~~~~~~~~ */
@media screen and (min-width: 1025px) and (max-width: 1680px){
    
    /* eine oder mehrere CSS Regeln */
    .c1680{
        visibility: visible;
    }
        img.title_image
    {
        width:              auto;
        height:             100%;
        padding:            0;
        margin:             0;
        
    }
    body
    {
        text-align:             center;
        font-size:              ;
        overflow-x:               hidden;
    }
    
    /* ~~~~~ KOPFZEILE ~~~~~ */
    #div1                       
    {
        width:                  100%;
        height:                 100px;
        background-color:       #5b5b5a; 
        text-align:             right;
        
    
    }
    
    /* Inhaltsbereich */
    #div2                   
    {
        width:                  100%;
        height:                 650px;
        position:               relative;
        text-align:             center; 
        padding-bottom:         0;
        margin:                 0;
    }
            
     
    /* ~~~~~ MENÜ ~~~~~ */    
    #div3                      
    {
        width:                  100%;
        height:                 100px;
        background-color:       #373737; 
        position:               relative;
        z-index:10;
    }
    
    /* ~~~~~ FUßZEILE ~~~~~ */    
    #div4                       
    {
        width:                  100%;     
        height:                 auto;
        background-color:       #5b5b5a; 
        position:               relative;
        font-size:              15px;
        text-align:             right;
        color:                  #ffffff;
    }
       
    
    /***** KONTAKT.PHP *****/
    /* ~~~~~ KOPFZEILE ~~~~~ */
    #div1_con                       
    {    
        width:                  100%;
        height:                 145px;
        background-color:       #38927b; 
        text-align:             center;
        background-image:       url(icon/schild_1680.jpg);
        background-repeat:      no-repeat;
        background-position:    right;
        background-size:        115px 130px;
        
    }
    
     /* Überschrift innerhalb der Kopfzeile (div1_kon) */
    #headline_contact
    {
        color:                  #fff;
        font-family:            perpetua;
        font-size:              35pt;
        font-weight:            normal;
        padding:0;
        margin:0; 
        padding-top:            15px
    }
    /* Inhaltsbereich */
    #div2_con                   
    {
        width:                  100%;
        height:                 605px;    
        position:               relative;
       
    }
    
    table.contact_details
    {
        width:                  100%;
        height:                 98%;
        font-size:              35px;
        color:                  #ffffff;
        padding:                0;
        margin:                 0;
     
    }
    
    /***** IMPRESSUM.PHP *****/
    /* ~~~~~ KOPFZEILE ~~~~~ */
    #div1_imp                       
    {
        width:                  100%;
        height:                 100px;
        background-color:       #38927b; 
        text-align:             right;    
    }
    
    /* Inhaltsbereich */
    #div2_imp                   
    {
        
        overflow:               scroll;
        overflow-x:             hidden;
        width:                  100%;
        height:                 650px;
        position:               relative;
        text-align:             justify; 
        font-family:            Arial;
        font-size:              12pt;
    }
    
    
    /* Überschrift innerhalb der Kopfzeile (div1) */
    #headline
    {
         color:                  #fff;
        font-family:            perpetua;
        font-size:              50px;
        padding-right:          70px; 
        padding-top:            0;
        padding-bottom:         0;
        margin:0;
        font-weight:            normal;
    }
        
    
        
    /***** GALERIE.PHP *****/
    #scroll_frame
    {
        overflow:               scroll;
        overflow-y:             hidden;
        width:                  100%;
        height:                 650px; 
    }
    
    #scroll_galerie
    {
        width:                  auto;
        height:                 100%;
        white-space:            nowrap;
        text-align:             left;
        padding-left:           10px;         
    }
    
    img.galerie_image
    {
        margin-right:           10px;
        height:                 450px;
    } 


}


/*#######################################################################################################################*/
/* ~~~~~~~~~~~~ BIS AUFLÖSUNG 1920px*1200px ~~~~~~~~~~~~ */
@media screen and (min-width: 1681px){

    .c1920{
        visibility: visible;
    }
    a{
         font-family:           perpetua;
         color:                 #388773;
         text-decoration:       none; 
    }
    
    .link_submenu
    {
        color:                  #fff;
    }
    
    body
    {
        width:                  100%;
        margin:                 0px;
        overflow-x:               hidden;
        font-family:            perpetua;
        font-size:              30px;
        background-color:       #5b5b5a;
        padding:                0;
    }
    
    /* ~~~~~ KOPFZEILE ~~~~~ */
    #div1                       
    {
        width:                  100%;
        height:                 100px;
        background-color:       #5b5b5a; 
        text-align:             right;
    }
    
    /* Überschrift innerhalb der Kopfzeile (div1) */
    #headline
    {
         color:                  #fff;
        font-family:            perpetua;
        font-size:              50pt;
        padding-right:          70px; 
        padding-top:            0;
        padding-bottom:         0;
        margin:0;
        font-weight:            normal;
    }
    
    /* Inhaltsbereich */
    #div2                   
    {
        width:                  100%;
        height:                 800px;
        position:               relative;
        text-align:             center; 
    } 
    
    img.title_image
    {
        width:                  1589px;
        height:                 800px;
    }
    
    /* ~~~~~ MENÜ ~~~~~ */    
    #div3                      
    {
        width:                  100%;
        height:                 102px;
        background-color:       #373737; 
        position:               relative;
        z-index:10;
      
    }
                
    /* ~~~~~ FUßZEILE ~~~~~ */    
    #div4                       
    {
        width:                  100%;     
        height:                 auto;
        background-color:       #5b5b5a; 
        position:               relative;
        font-size:              15px;
        text-align:             right;
        color:                  #ffffff;
    }
       
    /***** GALERIE.PHP *****/
    #scroll_frame
    {
        overflow:               scroll;
        overflow-y:             hidden;
        width:                  100%;
        height:                 800px; 
    }
    
    #scroll_galerie
    {
        width:                  auto;
        height:                 100%;
        white-space:            nowrap;
        text-align:             left;
        padding-left:           10px;
         
    }
    
    img.galerie_image
    {
        margin-right:           10px;
        height:                 450px;
    }
    
    div.galerie_title
    {
   position:                fixed;
   color:                   #ffffff;
   top:                     100px;
   left:                    10px;
}
    
    .img_prot
    {
        position:               absolute; 
        background:             url('img/do_not_copy.gif') repeat;
        width:                  100%;
        height:                 782px;
        z-index:                9;
     
    }
    
    /***** KONTAKT.PHP *****/
    
    /* ~~~~~ KOPFZEILE ~~~~~ */
    #div1_con                       
    {
        
        width:                  100%; 
        height:                 165px;
        background-color:       #38927b; 
        text-align:             center;
        background-image:       url(icon/schild_small.jpg);
        background-repeat:      no-repeat;
        background-position:    right;
        background-size:        137px 155px;
        
    
    }
     /* Überschrift innerhalb der Kopfzeile (div1_kon) */
        #headline_contact
        {
            color:                  #fff;
            font-family:            perpetua;
            font-size:              45pt;
            font-weight:            normal;
            padding:0;
            margin:0; 
            padding-top:            15px;
        }
    /* Inhaltsbereich */
    #div2_con                   
    {
        width:                  100%; 
        height:                 735px;    
        position:               relative;
       
    }
     
    table.contact_details
    {
        width:                  100%;
        height:                 98%;
        font-size:              44px;
        color:                  #ffffff;
        padding:0;
        margin:0;
    }
    
    td.contact_details_cell
    {
        width:                  45%;
        height:                 45%;
        text-align:             center; 
        padding:0;
        margin:0; 
    }
    
    /* ~~~~~ FUßZEILE ~~~~~ */   
    span.footer
    {
        font-size:              25px;    
    }
    
    /***** IMPRESSUM.PHP *****/
    
    /* ~~~~~ KOPFZEILE ~~~~~ */
    #div1_imp                       
    {
        width:                  100%; 
        height:                 100px;
        background-color:       #38927b; 
        text-align:             right;    
    }
    
    /* Inhaltsbereich */
    #div2_imp                   
    {
        
        overflow:               scroll;
        overflow-x:             hidden;
        width:                  100%; 
        height:                 800px;
        position:               relative;
        text-align:             justify; 
        font-family:            Arial;
        font-size:              12pt;
    }
}

   
@media only screen and (max-width: 1024px) and (orientation:portrait) {
 
	.img_prot{
		display: none;
	}
	
	#scroll_galerie{
		white-space: normal;
		
	}
	
	#scroll_frame{
		overflow-x:	hidden;
		overflow-y: auto
	}
	
	.mainMenu{
		width:100% !important
	}
	
	.mainMenu li {
		width: 20%
	}
	
	#div1{
		min-width:	auto;
		width: 100%
	}
	
	#div2{
		min-width:	auto;
		width: 100%;
		overflow:	hidden
	}
	
	#div3{
		height: auto;
		display:inline-block
	}
	
	#div4{
		float:left
	}
	
	img.title_image{
		width:100%;
		height:auto;
	}
	
	img.galerie_image{
		width:	100%;
		height:	auto;
	}
	
	.mainMenu li{
		width:	100% !important
	}
	
	.mainMenu a{
		width:	100% !important
	}
	
	.mainMenu ul ul{
		width:	100% !important
	}
	
	.mainMenu ul ul a{
		padding: 15px 0px !important;
		font-size:40px !important
		
	}
	
	img.title_image{		
		/*
		width:auto !important;
		height: 100%;
		position: absolute;
		right:-15%
	*/
		width:auto !important;
		height: 50% !important;
		min-height: auto !important;
		position: absolute;
		right:0;
		margin-top:25%
	}
	
	table.contact_details{
		font-size:20px
	}
	
	#headline_contact{
		font-size:30px;
		
	}
	
	#div1_con{
		box-sizing: border-box;
		padding-top: 20px
	}
}


@media only screen and (max-width: 1024px) and (orientation:landscape) {
 
		.img_prot{
		display: none;
	}
	
	#scroll_galerie{
		white-space: normal;
		
	}
	
	#scroll_frame{
		overflow-x:	hidden;
		overflow-y: auto
	}
	
	.mainMenu{
		width:100% !important
	}
	
	.mainMenu li {
		width: 20%
	}
	
	#div1{
		min-width:	auto;
		width: 100%
	}
	
	#div2{
		min-width:	auto;
		width: 100%;
		overflow:	hidden
	}
	
	#div3{
		height: auto;
		display:inline-block
	}
	
	#div4{
		float:left
	}
	
	img.title_image{
		width:100%;
		height:auto;
	}
	
	img.galerie_image{
		width:	100%;
		height:	auto;
	}
	
	.mainMenu li{
		width:	100% !important
	}
	
	.mainMenu a{
		width:	100% !important
	}
	
	.mainMenu ul ul{
		width:	100% !important
	}
	
	.mainMenu ul ul a{
		padding: 15px 0px !important;
		font-size:40px !important
		
	}
	
	img.title_image{		
		
		width:100% !important;
		height: auto% !important;
		
	
	}
	
	table.contact_details{
		font-size:20px
	}
	
	#headline_contact{
		font-size:30px;
		
	}
	
	#div1_con{
		box-sizing: border-box;
		padding-top: 20px
	}
}