a
{
	text-decoration: none; color: #ffffff
}
*
{
    box-sizing: border-box;
}
body
{ 
	font-family: Arial; font-size: 0.95em; line-height: 1.75; background-color: #ffffff
}
.row::after
{
    content: ""; clear: both; display: block
}

[ class*="col-" ]
{
    float: left; padding: 20px
}
.aside
{
    background-color: #d1d1d1; padding: 15px; color: #000000; text-align: left; margin-top: 3px
}

.col-1 { width: 8.33% }
.col-2 { width: 16.66% }
.col-3 { width: 25% }
.col-4 { width: 33.33% }
.col-5 { width: 41.66% }
.col-6 { width: 50% }
.col-7 { width: 58.33% }
.col-8 { width: 66.66% }
.col-9 { width: 75% }
.col-10 { width: 83.33% }
.col-11 { width: 91.66% }
.col-12 { width: 100% }

@media only screen and ( max-width: 700px )
{
    [ class*="col-" ]
	{
		width: 100%
    }
}

.dropbtn 
{
    background-color: #4eb200; border: none; color: white; padding: 15px; text-align: left; text-decoration: none; display: inline-block; font-size: 16px; 
	margin: 4px 6px; margin-left: 2px; margin-top: 0px; margin-bottom: 5px; cursor: pointer; height: 50px; width: 100%
}

.dropbtn:hover 
{
    background-color: #a5a5a5; color: #ffffff
}

.dropdown 
{
    position: relative; display: inline-block; text-align: left; width: 100%; margin-left: 0px; margin-top: 4px
}

.dropdown-content 
{
    display: none; margin-left: 2px; position: absolute; background-color: #f9f9f9; min-width: 100%; box-shadow: 8px 8px 12px 0px rgba(0,0,0,0.15); z-index: 1
}

.dropdown-content a 
{
    color: black; padding: 14px 10px; text-decoration: none; display: block
}

.dropdown-content a:hover 
{
	background-color: #a5a5a5; color: #ffffff
}

.dropdown:hover .dropdown-content 
{
    display: block
}

.dropdown:hover .dropbtn 
{
    background-color: #4eb200
}

object
{
	border: 1px solid #000000; width: 100%; height: 500px; margin-top: 4px; margin-left: 2px; background-color: #ffffff; color: #000000
}
object.pas
{
	border: 1px solid #000000; width: 100%; height: 250px; margin-top: 4px; margin-left: 2px; background-color: #fafafa; color: #37de04
}

img.flex
{
	max-width: 100%; margin-left: 2px; margin-top: 1px
}
img.flex_2
{
	max-width: 100%; margin-left: 1px; margin-top: 40px; margin-bottom: 10px
}

.bann 
{
   position: fixed; left: 0; bottom: 0; width: 100%; background-color: #000000; opacity: 1.00; color: #ffffff; text-align: center; font-size: 15px
}

.button
{
    background-color: #4eb200; border: none; color: #ffffff; padding: 10px 20px; text-align: center; text-decoration: none; width: 150px
	display: inline-block; font-size: 15px; margin: 4px 2px; cursor: pointer
}

.nachhilf
{
    background-color: #d1d1d1; border: none; color: #000000; margin-left: 2px; margin-top: -5px; padding: 10px 20px; text-align: center; text-decoration: none; width: 100%;
	display: inline-block; font-size: 15px; cursor: pointer
}

.bildbutt
{
    background-color: #000000; border: none; color: #ffffff; margin-left: 1px; margin-top: 0px; padding: 10px 20px; text-align: center; text-decoration: none; height: 50px; width: 100%;
	display: inline-block; font-size: 15px; cursor: pointer
}

.para
{
	font-family: Calibri; font-size: 1.75em; line-height: 1.25em; margin-top: 40px
}
.xpara
{
	font-family: Calibri; font-size: 1.75em; line-height: 1.25em; margin-top: 70px
}

.scribo
{
    background-color: #cccccc; border: none; color: #000000; padding: 20px 20px; text-align: center; 
	text-decoration: none; width: 100%; display: inline-block; font-size: 15px; margin: 4px 2px
}

textarea
{
	height: 70px; width: 95%; font-family: Arial; font-size: 18px; padding: 5px; border: 1px solid #000000; background: #ffffff
}
input
{
	margin-bottom: 20px; height: 35px; width: 120px; font-size: 18px; padding-left: 5px; border: 1px solid #000000; background: #ffffff
}

.slidecontainer
{
    width: 100%
}
.slider
{
    -webkit-appearance: none; margin-left: -1px; width: 100%; height: 35px; background: #ffffff; opacity: 0.85; -webkit-transition: 0.25s; transition: opacity 0.25s
}
.slider:hover 
{
    opacity: none
}
.slider::-webkit-slider-thumb 
{
    -webkit-appearance: none; appearance: none; width: 35px; height: 35px; background: #4eb200; cursor: pointer
}
.slider::-moz-range-thumb 
{
    width: 25px; height: 25px; background: #4eb200; cursor: pointer
}

.styled-select select 
{
   background-color: #a5a5a5; color: #ffffff; width: 150px; text-align: center; padding: 10px; font-family: Arial; font-size: 1.15em; border: 0; border-radius: 0; height: 100%; -webkit-appearance: none
}
.styled-select option:hover
{
   background-color: #4eb200; color: #ffffff;
}

#buttjav
{
    display: none; position: fixed; bottom: 25%; left: 8%; z-index: 99; background-color: #000000; color: #ffffff; cursor: pointer; padding: 15px; border: none
}

.butt02
{
    background-color: #00ff00; border: none; color: black; padding: 10px 20px; text-align: right; text-decoration: none; width: 100%; display: inline-block; font-size: 15px; cursor: pointer
}

div.gallery 
{
	margin: 5px; border: 1px solid #ccc; float: left; width: 200px;
}
div.gallery:hover 
{
	border: 1px solid #ccc;
}
div.gallery img 
{
	width: 100%; height: auto;
}
div.desc 
{
	padding: 8px; font-family: Arial; font-size: 0.95em; line-height: 1.55; text-align: center;
}

.sidenav 
{
    height: 100%; width: 0; position: fixed; z-index: 1; top: 0; right: 0; background-color: #b7b7b7; overflow-x: hidden; transition: 1.0s; padding-top: 60px
}

.sidenav a 
{
    padding: 8px 8px 8px 25px; text-decoration: none; font-size: 15px; color: #ffffff; display: block; transition: 0.5s
}

.sidenav a:hover 
{
    color: #000000
}

.sidenav .closebtn 
{
    position: absolute; top: 0; left: 0px; font-size: 36px; margin-right: 50px
}

@media screen and ( max-height: 450px ) 
{
	.sidenav
	{
		padding-top: 15px
	}
	.sidenav a
	{
		font-size: 15px
	}
}

.btn 
{
	background-color: #4eb200; border: none; color: white; padding: 12px 30px; cursor: pointer; font-size: 15px;
}
.btn:hover
{
	background-color: #000000;
}