body, p, td, input, textarea, select, option, pre{
	font-family: "Open Sans", sans-serif;
}
a, a:visited{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
strong, b{
	/*font-weight: 700;*/
}
.overflow{
	overflow: visible;
}
figure{
	margin: 0;
	padding: 0;
}
ul, li {
    margin:0;
    padding:0;
}
td{
	padding-right:10px;
}
/* Browser-Standards unterdrücken */
input, textarea, button{
    /*-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border:none;*/
    border-radius: 0;
    font-size: 1em;
    outline:none;
}
.widget textarea{
	padding:5px 10px;
	box-sizing:border-box;
}
input::-ms-clear {
    display: none;
}
.ganz{
	width: 100%;
	clear: both;
    box-sizing:border-box;
}
.halb{
	width: 50%;
	float: left;
    box-sizing:border-box;
    padding-right:30px;
}
.drittel{
	width: 33.3%;
	float: left;
    box-sizing:border-box;
    padding-right:30px;
}
.zwei-drittel{
	width: 66.6%;
	float: left;
    box-sizing:border-box;
    padding-right:30px;
}
.viertel{
	width: 25%;
	float: left;
    box-sizing:border-box;
    padding-right:30px;
}
.drei-viertel{
	width: 75%;
    box-sizing:border-box;
	float: left;
    padding-right:30px;	
}
.fuenftel {
    width: 20%;
    box-sizing:border-box;
    float:left;
    padding-right:30px;    
}
.zentriert{
	float:none;
	margin:0 auto;
}
.rechts{
	float: right;
}
.schluss{
	clear: right;
}
.umbruch{
	clear: left;
}
.abstand-s{
    margin-bottom: 15px;
}
.abstand-n{
    margin-top: 15px;
}
.abstand-o{
    margin-right: 15px;
}
.abstand-w{
    margin-left: 15px;
}
.abstand2-s{
    margin-bottom: 30px;
}
.abstand2-n{
    margin-top: 30px;
}
.abstand2-o{
    margin-right: 30px;
}
.abstand2-w{
    margin-left: 30px;
}
.abstand3-s{
    margin-bottom: 60px;
}
.abstand3-n{
    margin-top: 60px;
}
.abstand3-o{
    margin-right: 60px;
}
.abstand3-w{
    margin-left: 60px;
}
.box {
    box-sizing:border-box;
    padding:15px;
    background:#f1f1f1;
}
#wrapper .tablet{
	display: none;
}
#wrapper .mobile{
	display: none;
}

/* TABLET */
@media screen and (max-width: 960px){
    #wrapper .tablet{
    	display: inherit;
    }
    .non-tablet{
    	display: none;
    }
    .ganz,
    .halb,
    .drittel,
    .zwei-drittel,
    .zwei-viertel,
    .drei-viertel{
    	width: 100%;
        clear:both;
        float:none;
	    padding-right:15px;
    }
    .viertel,
    .fuenftel{
    	width: 50%;
        padding-right:15px;
    }
    .abstand-s{
        margin-bottom: 15px;
    }
    .abstand-n{
        margin-top: 15px;
    }
    .abstand-o{
        margin-right: 5px;
    }
    .abstand-w{
        margin-left: 5px;
    }
    .abstand2-s{
        margin-bottom: 30px;
    }
    .abstand2-n{
        margin-top: 30px;
    }
    .abstand2-o{
        margin-right: 15px;
    }
    .abstand2-w{
        margin-left: 15px;
    }
    .abstand3-s{
        margin-bottom: 60px;
    }
    .abstand3-n{
        margin-top: 60px;
    }
    .abstand3-o{
        margin-right: 30px;
    }
    .abstand3-w{
        margin-left: 30px;
    }
}

/* MOBILE */
@media screen and (max-width: 530px){
    #wrapper .mobile{
    	display: inherit;
    }
    .non-mobile{
    	display: none;
    }
    .ganz,
    .halb,
    .drittel,
    .zwei-drittel,
    .viertel,
    .zwei-viertel,
    .drei-viertel,
    .fuenftel{
    	width: 100%;
        clear:both;
        float:none;
        padding-right:0px;    
    }
    .abstand-s{
        margin-bottom: 15px;
    }
    .abstand-n{
        margin-top: 15px;
    }
    .abstand-o{
        margin-right: 0px;
    }
    .abstand-w{
        margin-left: 0px;
    }
    .abstand2-s{
        margin-bottom: 30px;
    }
    .abstand2-n{
        margin-top: 30px;
    }
    .abstand2-o{
        margin-right: 0px;
    }
    .abstand2-w{
        margin-left: 0px;
    }
    .abstand3-s{
        margin-bottom: 60px;
    }
    .abstand3-n{
        margin-top: 60px;
    }
    .abstand3-o{
        margin-right: 0px;
    }
    .abstand3-w{
        margin-left: 0px;
    }
}