.iLdJhu {

  background: #f7933d !important;

}

#container
{
	width: 100%;
}
#topbar
{
    display: none;
}
div.kopf-rechts
{
/*    line-height: 1em;*/
    text-align: right;
    padding-right: 10px;
}
div.kopf-links
{
    float: left;
}
#content h1.header
{
    font-size: 1.3em ;
    color: #f47032;
    line-height: 1.5em;
}
#content h2.header
{
    font-size: 1.2em ;
    color: #f47032;
    text-align: right;
    line-height: 1.4;
}
div.text
{
	margin-left: 20%;
	margin-right: 20%;
	font-size: 0.9em;
	line-height: 1.7em;
	color: #444;
}
li.menue {
    padding-bottom: 5px;
    font-size: 1.3em;
    padding-right: 7px;
	margin-left: 50px;
}
img.bild
{
	float: left; 
	padding-right: 25px; 
	padding-bottom: 10px;
	
}
.bild1
{
	float: left; 
	padding-right: 25px; 
	padding-bottom: 20px;
	
}
.left
{
	float: left;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-top: 20px;
}
.left1
{
	float: left;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-top: 40px;
}

h4
{
	color: #f47032;
	font-weight: bold;
}

#pageHeader h1
{
	color: #f05525;
}
#pageHeader h2
{
	color: #f05525;
	
}	
#content h1
{
	color: #f47032;
	font-weight: bold;
	text-align: left;
    font-size: 1.4em;
}
#content h2
{
	color:  #555 ;/*#F7933D;#feb33c; #3f4c6b;*/
	font-weight: bold;
	text-align: left;
}
#content h3
{
	color: #de6700; /*#3f4c6b;*/
	font-weight: bold;
	text-align: left;
    background-color: transparent;
}
#content p
{
    font-size: 1em;   
}

h1.sideHeader 
{
	color: #f47032;
    font-size: 1.5em;
}
#sidebar a 
{
    color: #a6ddcf;
    font-size: 1em;
}
#sidebar h3
{
    font-size: 1em;
    font-weight: normal;
}

#sidebar_gross
	{
		padding: 10px 0px 5px 15px !important;		
		/*background-color: #ddd;
		border-bottom: solid 3px;
        border-color: #888;*/
		height: auto !important;
		
	}
#footer a
{
	color: #f47032;
	font-weight: bolder;
	text-align: center;
}
#footer #current
{
    background-color: #f05525;
    color: #fff;
    border: 0.3em solid #f05525;
}
#contentContainer #content {
    /* padding: 15px; */
    background-color: #fefefe;
	width:auto;
    padding: 2em;
}
#contentContainer
{
	margin-left: 0px;
	margin-top: 0px;
}

#footer {
    background-color: #e1e2e6;
    text-align: left; 
	padding-left: 100px;
	display: flow-root;
}

.impressum
{
	text-align: right;
	padding-right: 100px;
}
/*div.kontakt
{
    background-color: sandybrown;
    height: auto;
}*/

ul
{
	display: block;
	list-style-type: disc;
	margin-block-start: 1em;
	margin-block-end: 1em;
	/* padding-inline-start: 40px; */
	/* padding-left: 5px; */
}
ul.liste
{
    margin-left: 5em;
}
#content li
{
	padding-bottom: 0em; 
}
ul.navi
{
	display: flex;
	list-style-type: none;
	margin-block-start: 1em;
	margin-block-end: 1em;
	padding-inline-start: 40px;
	padding-left: 5px;
}

#current
{
    /*background-color: #f05525;*/
	color: #fff;
	background-color: #fece3c99;
    /*background-color: rgb(255, 224, 143);*/
}
	 
	
	 /* Style the navigation menu */
.topnav 
{
    overflow: hidden;
    background-color: #f7933d;
    position: relative;
    padding-left: 5px;
    padding-bottom: 5px;
    list-style-type: none;
  
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks 
{
    display: default;
}

/* Style navigation menu links */
.topnav a {
    padding-top:7px;
    padding-bottom:10px;
    padding-left: 5px;
    padding-right: 5px;
    height: 18px;
    text-decoration: none;
    color:#fff;
    background: transparent;
    display: block;
}


/* Style the hamburger menu */
.topnav a.icon {
    background: transparent;
    font-size: 1em;
/*    width: 14em;*/
    display: block;
    position: absolute;
    padding: 0.3em;
    border:0;
    right: 0;
    top: 0;
    display: none;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
    background-color: tranparent; /*#ddd;*/
    color: #3f4c6b;
}
.topnav a:active
{
    background-color: white;
}

 a.active{ 
    font-size: 1em; 
    color: white;
    display: none;
}
#content a
{
    color: #f47032;
}
.icon
{
    padding:5px;
    background-color: blue;
    
}
a.textlink
{
    color: #3f4c6b;
    font-weight: bolder;
    font-size: 1em;
    width: 50em;
	
}

.textlink a:hover{
    color: #3f4c6b;
    background-color: #ddd;
    font-weight: bolder;
    font-size: 1em;
    width: 50em;
   
}

#sidebar a {
    color: #f05525;
}
img 
{
	max-width: 100%; height: auto;
}

#topbar
{
	background-color: #cab2a6;

}
body,
.movie-background 
{
   	background-color: #fece3c70;	
}
.adresse {
    font-size: 0.9em;
    font-weight: normal;
    font-stretch: expanded;
	color: #666;
	text-align: left;
	float: left;
} 
#footer_klein
{ 
    display: none;
}
div.telefon
{
    font-size: 0.9em;
    line-height: 1.9em;
    text-align: left;
    float: left;
    color: #666;
    font-weight: bold;
}
div.impressum 
{
    padding-right: 10px;
    text-align: center;
}
h1.sideHeader 
{
    color: #f47032;
    font-size: 1.1em !important;
}
#footer a
{
    font-size: 0.9em !important;
    color: #f47032;
}
h4.copy
{
    color: #444;
    font-size: 0.9em;
    text-align: center;
    font-weight: normal;
}
a[href^="tel:"]
{
    color: #444;
    text-decoration: none;
}
hr.linie
{
    width: 100%;
    border: solid #888 3px;
    margin-bottom: 20px;
}
/*==============================================================================*/
/* laptops grau */
@media only screen and (max-width:1440px)   
{
    .topnav 
    {
        /*background-color: #eee;*/
        padding-left: 5px;
        padding-bottom: 0px;
        list-style-type: none;
        display: block;
    }
    li.menue 
    {
        padding-bottom: 5px;
        font-size: 1.2em;
        padding-right: 10px;
        margin-left: 10px;
    }
    div.text 
    {
        margin-left: 10%;
        margin-right: 10%;
        font-size: 1em;
        line-height: 1.7em;
        color: #444;
    }
    #content h1 
    {
        font-size: 1.6em;
    }
    div.telefon
    {
        font-size: 1em;
        line-height: 1.9em;
        text-align: left;
        float: left;
        color: #666;
        font-weight: bold;
    }
    div.impressum 
    {
        padding-right: 10px;
        text-align: center;
    }
    h1.sideHeader 
    {
        color: #f47032;
        font-size: 1.1em !important;
    }
    #footer a
    {
        font-size: 0.9em !important;
        color: #f47032;
    }
    h4.copy
    {
        color: #444;
        font-size: 1em;
        text-align: center;
        font-weight: normal;
    }
} 
/*========================================================================================/*
/* Tablets grün */
@media only screen and (max-width:1100px)   
{
    .topnav 
    {
        /*background-color: green;*/
        padding-left: 5px;
        padding-bottom: 5px;
        list-style-type: none;
        display: block;
    }

    a.active 
    {
        font-size: 1.6em;
        color: white;
        display: block;
    }
    .topnav a.icon 
    {
        display: block;
        font-size: 1.6em;
        height: 40px;
        padding: 0.3em;

    }
    .topnav #myLinks
    {
        display: none;
    }
    ul.navi
    {
        display: block;
    }
    li.menue 
    {
        padding-bottom: 0px;
        font-size: 1.1em;
        padding-right: 10px;
        margin-left: 10px;
    }
    div.kopf-rechts 
    {
        line-height: 1em;
        text-align: right;
        padding-right: 10px;
/*        font-size: 0.7em !important;*/
    }
    div.kopf-links 
    {
        font-size: 1em;
        line-height: 1.5em;
    }
    #contentContainer #content 
    {
        background-color: #fefefe;
        width: auto;
        padding-top: 1em;
        padding-left: 2em;
        padding-right: 2em;    
    }
    #content h1.header 
    {
        font-size: 1.2em;
        line-height: 1.5em;
    }
    #content h2.header 
    {
        font-size: 1em;
        line-height: 1.4;
    }
    #content h2 
    {
        font-size: 1em;
        line-height: 1.4;
     }
    div.text 
    {
        margin-left: 10%;
        margin-right: 10%;
        font-size: 1em;
        line-height: 1.5em;
        color: #444;
    }
    ul.liste 
    {
        margin-left: 0em;
    }
    #footer
    {
        height: auto;
        padding-left: 20px;
    }
	#footer_klein
	{
        display: none;
    }
    div.adresse
    {
        font-size: 0.6em;
        line-height: 1.9em;
    }
    div.telefon
    {
        font-size: 0.8em;
        line-height: 1.9em;
        text-align: left;
        float: left;
        color: #666;
        font-weight: normal;
    }
    div.impressum 
    {
        padding-right: 10px;
        text-align: center;
        font-size: 1em;
    }
    h1.sideHeader 
    {
        color: #f47032;
        font-size: 1.1em !important;
    }
    #footer a
    {
        font-size: 0.8em !important;
        color: #f47032;
    }
    h4.copy
    {
        color: #444;
        font-size: 0.6em !important;;
        text-align: center;
        font-weight: normal;
    }
} 
/*========================================================================================/*
/* Tablets Hochformat lila */
@media only screen and (max-width:820px)   
{
    .topnav 
    {
        /*background-color: orchid;*/
        padding-left: 5px;
        padding-bottom: 5px;
        list-style-type: none;
        display: block;
    }

    h3
    {
        color:#FF972F;
        font-weight: bolder;
        font-size: 1.2em;
    }
    a.active 
    {
        font-size: 1.6em;
        color: white;
        display: block;
    }
    .topnav a.icon 
    {
        display: block;
        font-size: 1.6em;
        height: 40px;
        padding: 0.3em;

    }
    .topnav #myLinks
    {
        display: none;
    }
    ul.navi
    {
        display: block;
    }
    li.menue 
    {
        padding-bottom: 0px;
        font-size: 1.1em;
        padding-right: 10px;
        margin-left: 10px;
    }
    #contentContainer #content 
    {
        background-color: #fefefe;
        width: auto;
        padding-top: 1em;
        padding-left: 2em;
        padding-right: 2em;    
    }
    #content h1.header 
    {
        font-size: 1.2em !important;
        line-height: 1.5em;
    }
    #content h2.header 
    {
        font-size: 1em !important;
        line-height: 1.4;
    }
    #content h2 
    {
        font-size: 1em;
        line-height: 1.4;
     }
    div.text 
    {
        margin-left: 10%;
        margin-right: 10%;
        font-size: 1em;
        line-height: 1.5em;
        color: #444;
    }
    ul.liste 
    {
        margin-left: 0em;
    }
    #footer
    {
        height: auto;
        padding-left: 20px;
    }
	#footer_klein
	{
        display: none;
    }
    div.adresse
    {
        font-size: 0.8em;
        line-height: 1.9em;
    }
    div.telefon
    {
        font-size: 0.9em !important;
        line-height: 1.9em;
        text-align: left;
        float: left;
        color: #666;
        font-weight: bold;
    }
    div.impressum 
    {
        padding-right: 0px;
        text-align: right;
        font-size: 1em !important;
    }
    h1.sideHeader 
    {
        color: #f47032;
        font-size: 1.1em !important;
    }
    #footer a
    {
        font-size: 1em !important;
        color: #f47032;
    }
    h4.copy
    {
        color: #444;
        font-size: 0.6em !important;
        text-align: right;
        font-weight: normal;
    }
    
}  
/*========================================================================================/*
/* Smartphones Landscape  blau*/   
@media only screen and (max-width: 720px)   
{
    .topnav 
    {
        /*background-color: blue;*/
        padding-left: 5px;
        padding-bottom: 5px;
        list-style-type: none;
        display: block;
    }
    h3
    {
        color:#FF972F;
        font-weight: bolder;
        font-size: 1em;
    }
    a.active 
    {
        font-size: 1.4em;
        color: white;
        display: block;
    }
    .topnav a.icon 
    {
        display: block;
        font-size: 1.4em;
        height: 40px;
        padding: 0.3em;

    }
    .topnav #myLinks
    {
        display: none;
    }
    .topnav a
    {
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 5px;
        padding-right: 5px;
        height: 18px;
    }
    ul.navi
    {
        display: block;
    }
    li.menue 
    {
        padding-bottom: 0px;
        font-size: 0.9em;
        padding-right: 10px;
        margin-left: 10px;
    }
    div.kopf-rechts
    {
    /*    line-height: 1em;*/
        text-align: right;
        padding-right: 10px;
        font-size: 0.7em !important;
    }
    div.kopf-links
    {
        float: left;
        font-size: 1em;
        line-height: 1.5em;
    }
    
    #contentContainer #content 
    {
        background-color: #fefefe;
        width: auto;
        padding-top: 1em;
        padding-left: 0.6em;
        padding-right: 0.6em;    
    }
    
    #content h1.header 
    {
        font-size: 1em;
        line-height: 1.5em;
    }
    #content h2.header 
    {
        font-size: 0.8em !important;
        line-height: 1.4;
        /*text-align: left;*/
    }
    #container #content
    {
        font-size: 0.8em !important;
    }
    div.text 
    {
        margin-left: 8%;
        margin-right: 8%;
        font-size: 0.8em !important;
        line-height: 1.4em !important;
        color: #444;
    }
    #content h1 
    {
        font-size: 2.4em;
    }
    ul.liste 
    {
        margin-left: 0em;
    }
    #footer
    {
        height: auto;
        display: flex;
    }
	#footer_klein
	{
        display: none;
    }
    div.adresse
    {
        font-size: 0.8em !important;
        float: left;
    }
    div.adresse1
    {
        font-size: 0.8em !important;
/*        float: left;*/
    }
    div.telefon
    {
        font-size: 0.8em !important;
        line-height: 1.9em;
        text-align: left;
        float: left;
        color: #666;
        font-weight: bold;
    }
    div.telefon_klein
    {
        font-size: 0.8em !important;
        font-weight: bold;
        text-align: left;
        float: left;
    }
    div.impressum 
    {
        padding-right: 5px;
        text-align: right;
        font-size: 0.8em;
    }
    h1.sideHeader 
    {
        color: #f47032;
        font-size: 1.1em !important;
    }
    #footer a
    {
        font-size: 1em !important;
        color: #f47032;
        line-height: 1em;
    }
    h4.copy
    {
        color: #444;
        font-size: 0.6em;
        text-align: right;
        font-weight: normal;
    }
}


/*========================================================================================/*
/* Smartpgone  gelb*/
@media only screen and (max-width:450px)
{	
	body{
		margin:0px
	}
    .topnav 
    {
        /*background-color: yellow;*/
        padding-left: 5px;
        padding-bottom: 5px;
        list-style-type: none;
        display: block;
    }

    a.active 
    {
        font-size: 1.4em;
        color: white;
        display: block;
    }
    .topnav a.icon 
    {
        display: block;
        font-size: 1.4em;
        height: 40px;
        padding: 0.3em;

    }
    .topnav #myLinks
    {
        display: none;
    }
    .topnav a
    {
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 5px;
        padding-right: 5px;
        height: 18px;
    }
    ul.navi
    {
        display: block;
    }
    li.menue 
    {
        padding-bottom: 0px;
        font-size: 0.9em;
        padding-right: 10px;
        margin-left: 10px;
    }
    div.kopf-rechts
    {
    /*    line-height: 1em;*/
        text-align: right;
        padding-right: 10px;
    }
    div.kopf-links
    {
        float: none;
    }
    div.right
    {
        float: left !important;
        text-align: left;
    }
    
    #content h1
    {
        font-size: 1.4em;
    }
    #contentContainer #content 
    {
        background-color: #fefefe;
        width: auto;
        padding-top: 1em;
        padding-left: 0.6em;
        padding-right: 0.6em;    
    }
    #content h1.header 
    {
        font-size: 1em;
        line-height: 1.5em;
    }
    #content h2.header 
    {
        font-size: 0.8em;
        line-height: 1.4;
        text-align: left;
    }
    div.text 
    {
        margin-left: 8%;
        margin-right: 8%;
        font-size: 1em !important;
        line-height: 1.5em !important;
        color: #444;
    }
    ul.liste 
    {
        margin-left: 0em;
    }
    #footer
    {
        height: auto;
        display: none;
    }
	#footer_klein
	{
        float: left; 
        padding-left: 32px;
        display: block;
        color: #444;
		background-color: #e1e2e6;
		width:90.375%;
		border-right: 4px solid #b3b3b3;
		border-left: 4px solid #b3b3b3;
		margin:0;
		
    }
    div.adresse
    {
        font-size: 0.8em;
        line-height: 1.8em;
        float: none;
        color: #444;
        margin-bottom: 15px;
    }
    div.adresse1
    {
        font-size: 0.8em;
        line-height: 1.8em;
        color: #444;
        margin-bottom: 15px;
    }
    div.telefon
    {
        font-size: 0.8em;
        line-height: 1.9em;
        text-align: left;
        float: left;
        color: #666;
        font-weight: bold;
    }
    div.telefon_klein
    {
        font-size: 0.8em !important;
/*        line-height: 1.9em;*/
        text-align: left;
        float: left;
        font-weight: bold;
    }
/*    div.impressum 
    {
        padding-right: 10px;
        text-align: center;
    }*/
    div.impressum_klein
    {
        color: #666;
        float: left;
        font-size: 0.9em !important;
        
    }
    h1.sideHeader 
    {
        color: #f47032;
        font-size: 1.1em !important;
    }
    #footer a
    {
        font-size: 0.8em !important;
        color: #f47032;
    }
    h4.copy
    {
        color: #444;
        font-size: 0.8em;
        text-align: center;
        font-weight: normal;
    }
}