/* #### Generated By: http://font.download #### */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), url('../fonts/Roboto-Regular.ttf') format('truetype')
}

    @font-face {
    font-family: 'Roboto Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Regular'), url('../fonts/Roboto-Regular.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Roboto Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Italic'), url('../fonts/Roboto-Italic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Roboto Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Bold'), url('../fonts/Roboto-Bold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Roboto Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Bold Italic'), url('../fonts/Roboto-BoldItalic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Roboto Thin';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Thin'), url('../fonts/Roboto-Thin.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Roboto Thin Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Thin Italic'), url('../fonts/Roboto-ThinItalic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Roboto Light';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Light'), url('../fonts/Roboto-Light.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Roboto Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Light Italic'), url('../fonts/Roboto-LightItalic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Roboto Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Medium'), url('../fonts/Roboto-Medium.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Roboto Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Medium Italic'), url('../fonts/Roboto-MediumItalic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Roboto Black';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Black'), url('../fonts/Roboto-Black.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Roboto Black Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Black Italic'), url('../fonts/Roboto-BlackItalic.woff') format('woff');
    }

/*------------------------------------------- Mobile section ------------------------------------------- */
html
{
    font-family: 'Roboto Regular';
}

div.menuleftcontainer
{
	width: 15vw;
	float: left;
}

#contenth2 a
{
        font-family: 'Roboto-Bold';
        text-decoration: none;
        color: black;
        font-size: xx-large;
}


#navigation_l1 {
    position: fixed;
    /* left: 2vw; */
    top: 30vh;
    /* width: 10vw; */
    min-width: 10vw;
    max-width: 96vw;
    opacity: 80%;
    display: block;
    padding-left: 0px;
}

#navigation_l1 span
{
    background-color: #CE2029;
    color:white;
    display:block;
    padding-left: 5px;
    padding-bottom: 1vh;
    min-height:10vh;
    padding-top: 2vh;
}

#navigation_l1 span a
{
    text-decoration: none;
    color:white;
    font-weight: bolder;
}

.linknormal a {
	color:#696969;
	text-decoration:none;
	font-size:medium;
	text-align:center;
	margin-bottom:1px;
	padding-bottom:1px;
	margin-top:1px;
	margin-left:1px;
	display: block;
	white-space: normal;
	padding-left: 1px;
  }
  
div.inhalttext a {
	color:#696969;
	text-decoration:none;
	white-space: normal;
  }


.cookieinformation
{
    width: 100%;
    background-color: black;
    text-align: center;
    padding-top: 1vh;
    padding-bottom: 0.5vh;
    font-size: medium;
    font-family: monospace;
    display: block;
    float: left;
    color: white;    
    margin-left: 0;
    margin-top: 15vh;
}

.menuleftsmallblacksub
{
    margin-top:18vh;
    display:block;
}

.cookieinformationlink
{
    border: 1;
    color: yellow;
}

.cookieinformation a
{
    text-decoration: none;
    color: white;
    font-weight: bolder;
}

span.menurightsmallblack, div.menurightsmallblack
{
	line-height: 100%;
	width: 15%;	
        float: right;
}

@media only screen and (min-device-width : 768px) {
  a.tel { pointer-events:none; cusor:default; text-decoration:none; }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)
{
    span.menuleftsmallblack, div.menuleftsmallblack
    {
            font-size: 1.2em;
    }
}

/*@media screen and  (max-device-width: 780px) and (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx)
*/

    
html
{
	width: 96vw;
	margin-left: 2vw;
	font-family: 'Roboto Regular';
}

    
body{
	width: 100%;
	margin-left: auto;
	margin-right: auto;   
        /*background-color: #e2d7da;*/
        /*opacity: 0.7;*/
}

#mlinksoben
{
	background-color: #FFFFFF;
	width: 10vw;
	height: 10vh;
	text-align:left;
	position: relative;
	float:right;
	display:block;
}

#oberkopf
{
/*	display: block;
	background-color: #FFFFFF;
	text-align: center;
	position: relative;
	float: left;
	width: 95vw;
	margin-top: 0.5vh;*/
    position: fixed;
    /* left: 2vw; */
    top: 0vh;
    /* width: 10vw; */
    width: 94vw;
    padding-bottom: 1vh;
    padding-left: 1vw;
    padding-top: 1vh;
    padding-right: 1vw;
    display: block;
    background-color: #a9c25d;
}

#linksoben
{
	display:none;
}

#mrechtsoben
{
	background-color: #FFFFFF;
	width: 10vw;
	height: auto;
	text-align:left;
	position: relative;
	float:right;
	display:block;
}

#rechtsoben
{
	display:none;
}
#rechtsunten
{
	width: 100%;
}


#kopf
{
	display: none;
}

div.menurightcontainer
{
	text-align: left;
	float: left;
        margin-right: 2vw;
        width: 100%;
}

div.menuright {
	text-decoration:none;
	margin: 0;
	padding-top: 2vh;
	padding-bottom: 0.8vh;
	font-size: 1.4em;
        padding-right: 1vw;
}

div.menurightsmall
{
	float: left;
	font-size: 1.1em;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 6px;
        margin-left: 4vw;
        min-width: 25vw;
}

div.menurightsmall a
{
    text-decoration: none;
    color: black;
}    

#links
{
	background-color: #FFFFFF;
	font-size: large;
        margin-top: 15vh;
}

div.menuleft {
	font-size: 1.4em;
        font-style: normal;
        display: block;
        float: none;        
        line-height: 1em;
        margin-bottom: 0.4em;
}

#nav
{
	display: none;
}

#inhalt
{
	background-color: #f9f7f7;
	/*width: 97%;*/
	/*height: 30vh;*/
	text-align:left;
        padding-bottom: 1vh;
        padding-left: 1vw;
        padding-top: 1vh;
        padding-right: 1vw;
        /*padding: 10px;*/
        float: left;        
        margin-top: 2.5vh;
}

div.inhalt_h3
{
	font-size: 1.6em;
	display: block;
        margin-top: 0px;
        font-weight: bold;
        margin-bottom: 2.5vh;
}


#footer
{
	width: 95vw;
}

	@media screen and (orientation: portrait) 
		{
		#links
		{
			width: 90vw;
			height: auto;
		}
                
                div.menuleftcontainer
                {
                    width: 100%;
                    margin-bottom: 2vh;
                }

                #linksunten
		{
			width: 100%;
			height: 100%;
		}

                div.menuleftsmall
                {                    
                    float: left;
                    padding-bottom: 3vh;
                    width: 98vw;
                }
                
		div.menuleftsmallblack
		{		
			width: 75%;
                        text-align: left;
                        display: block;
                        float: left;
                        padding-top: 2vh;
		}
                
                div.inhalt_content
                {
                    font-size: 1.2em;
                }
                
		span.menuleftsmallblacksub
                {
                    display: none;
                }
		div.menucentralbuttons img
		{
			width: 10vw;
		}
		
		#contenth2
		{
			font-size: 2.0em;
		}
		
		div.menuleftsmall a
		{
			font-size: 1.0em;
			display: block;
			height: auto;
                        min-height: 6vh;
                        padding-top: 2vh;
                        padding-bottom: 0vh;
                        padding-left: 0.5vw;
                        float: left;
                        text-align: center;
                        width: 46.5vw;                        
                        text-decoration: none;
                        color: whitesmoke;
                        /*margin-left: 4vw;*/
                        margin-right: 2vw;
                        margin-bottom: 1vh;
                        border-color: #416a59;
                        background-color: #416a59;
		}

		#rechts
		{
		/*	background-color: #EEEEEE;*/
                        background-color: #a9c25d;
			/*width: 95vw;*/
			height: auto;
			text-align: center;
			float: left;
			margin-top: 5px;
			margin-bottom: 3vh;
		}
		#inhalt
		{
			/*min-height: 50vh;
			height: auto;
			text-align:left;
			float: left;*/
                        width: 94vw;
		}
                div.inhalttext
                {
                    font-size: 1.2em;
                }

	}
	@media screen and (orientation: landscape) 
		{
		#links
		{
			width: 90vw;
			height: 70vh;
                        margin-top:25vh;
		}
		#linksunten
		{
			width: 100%;
			height: 100%;
		}
                
                div.menurightsmall
                {
                        /*font-size: x-large;*/
                }
                
		#rechts
		{
			/*background-color: #EEEEEE;*/
			width: 95vw;
			height: auto;
			text-align: center;
			float: left;
			margin-top: 5px;
			margin-bottom: 5px;
		}
		span.menuleftsmallblacksub
                {
                    display: none;
                }
 
                div.menuleftsmall
                {                    
                    float: left;
                    padding-bottom: 3vh;
                    width: 98vw;
                }
                div.menuleftsmallblack
		{		
			width: 75%;
                        text-align: left;
                        display: block;
                        float: left;
                        padding-top: 3vh;
		}  
                
                
                div.inhalt_content
                {
                    font-size: 1.2em;
                }
                #contenth2
		{
                    font-size: 2.4em;
		}
                
		div.menuleftsmall a
		{
			font-size: 1.1em;
			display: block;
			height: auto;
                        float: left;
                        width: 45%;                       
                        text-decoration: none;
                        color: darkgrey;
                        margin-left: 4vw;
		}
                div.inhalttext
                {
                    font-size: 1.2em;
                }
                #footer
		{
			display: none;
		}
                
                #inhalt
                {
                    width: 94vw;
                }
}