/* 
Theme Name: Dr. Neumann 
Theme URI: http://zahnarzt-dr-neumann.de
Description: Wordpress-Theme for the website of Dr. Neumann 
Version: 1.0.0
Author: Dr. Neumann
Author URI: http://zahnarzt-dr-neumann.de

WordPress Theme
	
*/

@charset "utf-8";

<!--

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
	background: #ff545b;
	text-shadow: none;
	color: #fff;
}

::selection {
	background: #ff545b;
	text-shadow: none;
	color: #fff;
}

/*
 * A better looking default horizontal rule
 */

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img { 
	max-width: 100%;
	height: auto;
	vertical-align: middle; 
}

/*
 * Remove default fieldset styles.
 */

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea							{ resize: vertical; }

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}


/* --------------------------------------------------------------------------
   RESET
   -------------------------------------------------------------------------- */
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
applet,
object,
iframe,
code,
del,
dfn,
font,
img,
ins,
small,
strong,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
table,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline
}

ul { list-style: none }

caption,
th,
td { text-align: left; }



html, body, div, span, object, iframe,  h1, h2, h3, h4, h5, h6, p, blockquote, pre,  abbr, address, cite, code,  del, dfn, em, img, ins, kbd, q, samp,  small, strong, sub, sup, var,  b, i,  dl, dt, dd, ol, ul, li,  fieldset, form, label, legend,  table, caption, tbody, tfoot, thead, tr, th, td,  article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, summary,  time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

article, aside, details, figcaption, figure,  footer, header, hgroup, menu, nav, section { display: block; }

nav ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,  q:before, q:after {
	content: '';
	content: none;
}

a {
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #9e8c8c;
	text-decoration: none;
	vertical-align: baseline;
	background: transparent;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

a:hover { 
	color: #6e5c5c;
	text-decoration: underline;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

a[rel=noopener]::after { content: " " url(template/ext.png); }

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del { text-decoration: line-through; }

abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

/* tables still need cellspacing="0" in the markup */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

input, select { vertical-align: middle; }

::selection {
	color: #7e926b;
	background: #0c422a; /* WebKit/Blink Browsers */
}

::-moz-selection {
	color: #7e926b;
	background: #0c422a; /* Gecko Browsers */
}
/* ENDE DER RESET CSS */

/* --------------------------------------------------------------------------
   ALLGEMEINE DEFINITIONEN DR NEUMANN
   -------------------------------------------------------------------------- */
html { box-sizing: border-box; }

body {
	margin: 0;
	padding: 0;
	background: url("template/bg.png") repeat-x #f4f0ec;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 150%;
	color: #6e5c5c;
	text-align: center;
}

h1, h2, h3, h4, h5, h6 { 
	margin: 0;
	border: 0;
	line-height: 133%;
	font-weight: normal;
	color: #6e5c5c;
}

p { margin-bottom: 12px; }

nav ul { list-style-type: none; }

/* --------------------------------------------------------------------------
   HEADER
   -------------------------------------------------------------------------- */
header {
	position: relative;
	box-sizing: border-box;
	height: 220px;
	width: 90%;
	max-width: 1400px;
	margin: 40px auto 0;
	border-top: 30px solid #eae3db;
	border-left: 30px solid #eae3db;
	border-right: 30px solid #eae3db;
	background-color: #fff;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.head_content {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 160px;
	padding: 30px 30px 0;
}

.head_animation {
	position: relative;
	box-sizing: border-box;
	float: left;
	width: 30%;
	height: 100%;
}

.head_right_contentBox {
	position: relative;
	box-sizing: border-box;
	float: right;
	width: 70%;
	height: 100%;
	padding-left: 30px;
	background-repeat: repeat-y;
	background-position: 14px top;
	background-image: url("template/line_vert.png");	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.head_right_content {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background-color: #d5c6b7;
}

.trenner {
	position: relative;
	box-sizing: border-box;
	height: 15px;
	width: 100%;
	margin: 0 auto;
	border-bottom: 1px solid #999;
}

.head_logo_mob {
	display: none;
	position: absolute;
	top: 20px;
	left: 20px;
	height: 70px;
	width: 70%;	
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	background-image: url("template/logo_hor.png");
}

.mob_nav_button {
	display: none;
	position: absolute;
	top: 40px;
	right: 15px;
	font-size: 30px;
	cursor: pointer;	
}

/* --------------------------------------------------------------------------
   MAIN
   -------------------------------------------------------------------------- */
main { 
	position: relative;
	box-sizing: border-box;
	width: 90%;
	max-width: 1400px;
	margin: 0 auto;
	border-left: 30px solid #eae3db;
	border-right: 30px solid #eae3db;
	background-color: #fff;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.main_content {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	padding: 0 30px 30px;
}

/* --------------------------------------------------------------------------
   LINKE SEITENSPALTE (ASIDE)
   -------------------------------------------------------------------------- */
aside {
	position: relative;
	box-sizing: border-box;
	float: left;
	width: 30%;
	background-color: #d5c6b7;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

img.logo {
	position: relative;
	box-sizing: border-box;
	width: 80%;
	max-width: 330px;
	height: auto;
	border: 0;
	margin: 100px auto 0;
}

.asideBottom {
	position: absolute;
	box-sizing: border-box;
	bottom: 20px;
	left: 0;
	width: 100%;
}

.adressBox {
	position: relative;
	box-sizing: border-box;
	width: 90%;
	margin: 0 auto;
}

.adressBox p { 
	display: inline-block;
	margin: 0;
	font-size: 0.825rem;
	line-height: 150%;
	white-space: nowrap; 
}

.notdienste {
	width: calc(100% - 20px);
	margin: 10px auto;
	padding: 4px 0;
	font-size: 1rem;
	background-image: url("template/line_hor.png"), url("template/line_hor.png");
	background-position: left top, left bottom;
	background-repeat: repeat-x, repeat-x;
}

.notdienste a {
	display: inline-block;
	margin: 0 0 0 5px;
	font-size: 13px; 
    color: #6e5c5c;
	font-weight: bold;
	text-decoration: none;
}

.notdienste a:hover { color: #fff; }

.adressBox em,
.notdienste span {
	font-family: "Times New Roman", Times, serif;
	font-size: inherit;
	font-style: italic;
	color: #fff; 
}

.notdienste span {
	color: #6e5c5c;
	font-weight: bold;
}

/* --------------------------------------------------------------------------
   CONTENTBEREICH
   -------------------------------------------------------------------------- */
.contBox {
	position: relative;
	box-sizing: border-box;
	float: right;
	width: 70%;
	min-height: 500px;
	padding-left: 30px;
	background-repeat: repeat-y;
	background-position: 14px top;
	background-image: url("template/line_vert.png");	
	text-align: left;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.cont h1 {
	margin: 50px 0 10px;
	padding-bottom: 15px;
	font-size: 26px;
	line-height: 110%;
	background-repeat: repeat-x;
	background-position: left bottom;
	background-image: url("template/line_hor.png");	
}

.cont h2 {
    margin: 30px 0 4px;
    font-size: 1.2rem;
}

.cont h2:first-of-type {
    margin-top: 0;
}

.cont h3 {
    margin: 15px 0 5px;
    font-size: 1.1rem;
}

.cont article					{ margin-bottom: 40px; }

.cont ul { 
	margin-left: 20px; 
	list-style: outside;
}

.cont img.picR {
	float: right;
	width: 33%;
	max-width: 100%;
	height: auto;
	border: 0;
	padding: 0 0 10px 10px;
}

.cont img.picL {
	float: left;
	width: 33%;
	max-width: 100%;
	height: auto;
	border: 0;
	padding: 0 10px 10px 0;
}

.cont img.small,
.cont img.large,
.cont img.org					{ max-width: 100%; }

.cont img.small					{ width: 20% !important; }
.cont img.large					{ width: 50% !important; }
.cont img.org					{ width: auto !important; }

.cont .ma_liste	{
    display: inline-block;
    box-sizing: border-box;
    width: 47%;
    margin: 0 15px 40px 0;
    vertical-align: top;
}

.cont .picBox {
	text-align: center;
}

.cont .ma_liste	img {
	display: block;
	float: right;
	width: 30%;
	max-width: 300px;
	margin: 0 0 10px 10px;
}

.cont a.galPics,
.cont a.onePicL,
.cont a.onePicR	{	
	display: inline-block;
	box-sizing: border-box;
	width: 25%;
	height: auto;
	max-width: 350px;
	margin: 5px;
	vertical-align: top;
}

.cont a.onePicL,
.cont a.onePicR	{
	display: block;
	float: left;
	width: 50%;
	max-width: 600px;
	margin: 0 10px 10px 0;
}

.cont a.onePicR {
	float: right; 
	margin: 0 0 10px 10px;
}

.cont a.galPics	img,
.cont a.onePicL	img,
.cont a.onePicR	img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.cont p.small					{ font-size: 0.7em; }

.cont .newsBox {
	box-sizing: border-box;
	width: calc(100% - 20px);
	height: 500px;
}
	

/* --------------------------------------------------------------------------
   FOOTER
   -------------------------------------------------------------------------- */
footer { 
	position: relative;
	box-sizing: border-box;
	width: 90%;
	max-width: 1400px;
	margin: 0 auto 40px;
	border-bottom: 30px solid #eae3db;
	border-left: 30px solid #eae3db;
	border-right: 30px solid #eae3db;
	background-color: #fff;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

footer.dt						{ height: 20px; }

footer.mob {
	margin-bottom: 20px;
	display: none; 
}

footer.mob .mobCont {
	margin: 0 20px;
	padding: 20px 0 15px;
	background-color: #d5c6b7;
}

footer.mob .mobCont p { 
	display: inline-block;
	margin: 0 3px;
	white-space: nowrap; 
}

footer.mob .mobCont em {
	font-family: "Times New Roman", Times, serif;
	font-size: inherit;
	font-style: italic;
	color: #fff; 
}

footer.mob .mobCont .adressBox {
	width: 100%;
	margin: 0 auto;
	padding: 5px 0;
	font-size: 0.825rem;
	background-image: url("template/line_hor.png"), url("template/line_hor.png");
	background-position: left top, left bottom;
	background-repeat: repeat-x, repeat-x;
}

footer.mob .mobCont .notdienste {
	margin: 10px auto 0;
	padding: 2px 0;	
	background: none;
}
	

/* --------------------------------------------------------------------------
   NAVIGATION
   -------------------------------------------------------------------------- */
/* ---------- Hauptnavigation */
.mainMenu {
	display: inline-block;
	margin: 55px auto 0;
	clear: both;
}

.mainMenu ul {
	margin: 0;
	padding-left: 0;
}

.mainMenu li {
	float: left;
	position: relative;
	text-align: left;
	padding-left: 4px;
	margin-left: 4px;
	border-left: 1px solid #fff;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 100%;
}

.mainMenu li:first-of-type { 	
	border: 0;
}

.mainMenu a {
	font-size: 13px;
	color: #6e5c5c;
	text-decoration: none;
}

.mainMenu ul li:hover > a,
.mainMenu ul .current_page_item > a	{ color: #fff; }

.mainMenu ul ul {
	display: none;
	position: absolute;
	top: 16px;
	left: 0;
	width: auto;
	float: left;
	margin: 0;
	padding: 2px 0;
	background-color: #fff;
	z-index: 9999;
}

.mainMenu ul ul li {
	display: block;
    float: none;
	margin: 2px 4px;
	padding-left: 0;
	background-color: #f2eee9;
}

.mainMenu ul ul a {
	display: inline-block;
	background: #f2eee9;
	border-bottom: 1px dotted #ddd;
	color: #444;
	font-size: 12px;
	font-weight: normal;
	height: auto;
	line-height: 14px;
	padding: 2px 5px;
	width: 200px;
}

.mainMenu ul ul ul {
	left: 100%;
	top: 0;
	background-color: #fff;
}

.mainMenu ul ul li:hover > a,
.mainMenu ul ul .current_page_item > a {
	background: #6e5c5c;
	color: #fff;
}

.mainMenu ul li:hover > ul		{ display: block; }

.mainMenu li.fill				{ color: #fff; }

/* ---------- Seitennavigation */
.asideMenu {
	width: calc(100% - 20px);
	margin: 0 auto 10px;
	padding: 4px 0 2px;
	background-image: url("template/line_hor.png"), url("template/line_hor.png");
	background-position: left top, left bottom;
	background-repeat: repeat-x, repeat-x;
}

.asideMenu ul {
	display: inline-block;
	margin: 3px auto;
	padding-left: 0;
}

.asideMenu li {
	float: left;
	position: relative;
	text-align: left;
	padding-left: 4px;
	margin-left: 4px;
	border-left: 1px solid #fff;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 100%;
}

.asideMenu li:hover > a,
.asideMenu .current_page_item > a		{ color: #fff; }

.asideMenu li:first-of-type { 	
	padding: 0; 
	border: 0;
}

.asideMenu a {
	font-size: 13px;
	color: #6e5c5c;
	text-decoration: none;
}

.asideMenu li.fill				{ color: #fff; }

/* ---------- Mobilenavigation */
.navMobBox {
	position: fixed;
	top: -580px;
	right: 20px;
	height: auto;
	background-color: #d5c6b7;
	z-index: 100;
}

.nav_mob {
	position: relative;
	padding: 40px 10px 20px;
	text-align: left;
	z-index: 150;
}

.nav_mob li						{ display: block; }

.nav_mob li a { 
	display: inline-block;
	padding: 0;
	border: 0;
	font-size: 15px;
	line-height: 19px;
	font-weight: normal;
	color: #6e5c5c; 
}

.nav_mob li a.akt				{ color: #fff; }

.nav_mob li a:hover				{ text-decoration: underline; }

.nav_mob .closeNav {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 20px;
	line-height: 100%;
	color: #fff;
	cursor: pointer; 
}

.nav_mob .closeNav:hover		{ color: #9e8c8c !important; }

.nav_mob .navtrenner {
	width: 100%;
	height: 9px;
	background-image: url("template/line_hor.png");
	background-position: left center;
	background-repeat: repeat-x;
}

/* --------------------------------------------------------------------------
   BACKGROUNDSLIDER
   -------------------------------------------------------------------------- */
#slidebox .onePic {
	position: absolute;
	box-sizing: border-box;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-clip: content-box;	
	opacity: 0;
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease;
	z-index: 300;
}

#slidebox .showPic {
	opacity: 1.0 !important;
	z-index: 500 !important;
}

/* --------------------------------------------------------------------------
   ALLGEMEIN
   -------------------------------------------------------------------------- */
/* ----------------------- Anzeige bei zu kleinem Display */
#tooSmall {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba( 0, 0, 0, 0.75 );
	display: none;
	text-align: center;
	color: #fff !important;
	z-index: 9999;
}

#tooSmall div {
	position: relative;
	top: 10%;
	height: 20px;
	width: 60%;
	margin: 0 auto;
	display: none;
}

#tooSmall h2,
#tooSmall p {
	color: #fff;
	text-align: center;
}
	
/* --------------------------------------------------------------------------
   SLIDER
   -------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------
   HILFSDEFINITIONEN
   -------------------------------------------------------------------------- */
#screenSize		{ width: 1px; }
.screenOnly		{ display: block; }
.printOnly,	
.mobOnly		{ display: none; }
.dtOnly			{ display: block; }

.clear, .Clear	{ clear: both; }

.over_scroll	{ overflow: scroll; }

.hide			{ display: none; }

.w005p, .w010p, .w1t9, .w012p, .w1t8, .w1t7, .w013p, .w015p, .w1t6, .w020p, .w025p, .w030p, .w1t3,
.w040p, .w050p, .w060p, .w2t3, .w070p, .w075p, .w080p, .w100p { 
	display: inline-block;
	box-sizing: border-box;
	margin-left: 0;
	margin-right: 0;
}

.w005p			{ width: 5%; }
.w010p			{ width: 10%; }
.w1t9			{ width: 11.1%; }
.w012p			{ width: 12%; }
.w1t8			{ width: 12.5%; }
.w1t7			{ width: 14.28%; }
.w015p			{ width: 15%; }
.w1t6			{ width: 16.66%; }
.w020p			{ width: 20%; }
.w025p			{ width: 25%; }
.w030p			{ width: 30%; }
.w1t3			{ width: 33.33%; }
.w040p			{ width: 40%; }
.w050p			{ width: 50%; }
.w060p			{ width: 60%; }
.w2t3			{ width: 66.66%; }
.w070p			{ width: 70%; }
.w075p			{ width: 75%; }
.w080p			{ width: 80%; }
.w100p			{ width: 100%; }

.h100p			{ height: 100%; }

.mBot0			{ margin-bottom: 0 !important; }
.mBot			{ margin-bottom: 10px !important; }
.mBot2			{ margin-bottom: 20px !important; }
.mBot3			{ margin-bottom: 30px !important; }
.mBot4			{ margin-bottom: 40px !important; }
.mBot5			{ margin-bottom: 50px !important; }
.mBot6			{ margin-bottom: 60px !important; }
.mBot7			{ margin-bottom: 70px !important; }
.mBot8			{ margin-bottom: 80px !important; }
.mBot9			{ margin-bottom: 90px !important; }
.mBot10			{ margin-bottom: 100px !important; }

.mTop0			{ margin-top: 0 !important; }
.mTop			{ margin-top: 10px !important; }
.mTop2			{ margin-top: 20px !important; }
.mTop3			{ margin-top: 30px !important; }
.mTop4			{ margin-top: 40px !important; }
.mTop5			{ margin-top: 50px !important; }
.mTop6			{ margin-top: 60px !important; }
.mTop7			{ margin-top: 70px !important; }
.mTop8			{ margin-top: 80px !important; }
.mTop9			{ margin-top: 90px !important; }
.mTop10			{ margin-top: 100px !important; }

.t10			{ top: 10px !important; }

.a_center,
.aCenter		{ text-align: center !important; }
.a_left,
.aLeft			{ text-align: left !important; }
.a_right,
.aRight			{ text-align: right !important; }

.bold			{ font-weight: bold; }

.fl_left,
.flLeft			{ float: left !important; }
.fl_right,
.flRight		{ float: right !important; }

.upper			{ text-transform: uppercase !important; }

.zweispaltig {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
}

.red			{ color: red; }

.ib { 

	display: inline-block;
	font-size: inherit;
}

.imgList img {
	margin: 10px;
}

.trennung {
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

/* --------------------------------------------------------------------------
   weitere horizontale Boxen / Wrapper
   -------------------------------------------------------------------------- */
.fl100p,
.fr100p,
.w100p {
	box-sizing: border-box;
	float: none;
	width: 100% !important;
}

.fl085p,
.fr085p {
	box-sizing: border-box;
	float: left;
	width: 85% !important;
}
.fl085p.space,
.fr085p.space { 
	width: 83% !important;
	width: calc( 85% - 10px ) !important; 
}
.fr085p			{ float: right; }

.fl080p,
.fr080p {
	box-sizing: border-box;
	float: left;
	width: 80% !important;
}
.fl080p.space,
.fr080p.space { 
	width: 78% !important;
	width: calc( 80% - 10px ) !important; 
}
.fr080p			{ float: right; }

.fl075p,
.fr075p {
	box-sizing: border-box;
	float: left;
	width: 75% !important;
}
.fl075p.space,
.fr075p.space { 
	width: 73% !important;
	width: calc( 75% - 10px ) !important; 
}
.fr075p			{ float: right; }

.fl070p,
.fr070p {
	box-sizing: border-box;
	float: left;
	width: 70% !important;
}
.fl070p.space,
.fr070p.space { 
	width: 68% !important;
	width: calc( 70% - 10px ) !important; 
}
.fr070p			{ float: right; }

.fl050p,
.fr050p {
	box-sizing: border-box;
	float: left;
	width: 50% !important;
}
.fl050p.space,
.fr050p.space { 
	width: 48% !important;
	width: calc( 50% - 10px ) !important; 
}
.fr050p			{ float: right; }

.fl033p,
.fr033p {
	box-sizing: border-box;
	float: left;
	width: 33% !important;
}
.fl033p.space,
.fr033p.space { 
	width: 31% !important;
	width: calc( 33% - 10px ) !important; 
}
.fr033p			{ float: right; }

.fl030p,
.fr030p {
	box-sizing: border-box;
	float: left;
	width: 30% !important;
}
.fl030p.space,
.fr030p.space { 
	width: 28% !important;
	width: calc( 30% - 10px ) !important; 
}
.fr030p			{ float: right; }

.fl028p,
.fr028p {
	box-sizing: border-box;
	float: left;
	width: 28% !important;
}
.fl028p.space,
.fr028p.space { 
	width: 26% !important;
	width: calc( 28% - 10px ) !important; 
}
.fr028p			{ float: right; }

.fl025p,
.fr025p {
	box-sizing: border-box;
	float: left;
	width: 25% !important;
}
.fl025p.space,
.fr025p.space { 
	width: 23% !important;
	width: calc( 25% - 10px ) !important; 
}
.fr025p			{ float: right; }

.fl020p,
.fr020p {
	box-sizing: border-box;
	float: left;
	width: 20% !important;
}
.fl020p.space,
.fr020p.space { 
	width: 18% !important;
	width: calc( 20% - 10px ) !important; 
}
.fr020p			{ float: right; }

.fl015p,
.fr015p {
	box-sizing: border-box;
	float: left;
	width: 15% !important;
}
.fl015p.space,
.fr015p.space { 
	width: 13% !important;
	width: calc( 15% - 10px ) !important; 
}
.fr015p			{ float: right; }

.fl085p.padding,
.fl080p.padding,
.fl075p.padding,
.fl070p.padding,
.fl050p.padding,
.fl033p.padding,
.fl030p.padding,
.fl025p.padding,
.fl020p.padding,
.fl015p.padding					{ padding-right: 15px; }

.fr085p.padding,
.fr080p.padding,
.fr075p.padding,
.fr070p.padding,
.fr050p.padding,
.fr033p.padding,
.fr030p.padding,
.fr025p.padding,
.fr020p.padding,
.fr015p.padding					{ padding-left: 15px; }


/*  -------------------------------------- 
	ANPASSUNG DEFINITIONEN PLUGINS
	-------------------------------------- */

/*  -------------------------------------- 
	MEDIA QUERIES
	-------------------------------------- */
@media screen and (max-width: 1360px) {
	/* --------------------------------------------------------------------------
	   HEADER, MAIN, FOOTER
	   -------------------------------------------------------------------------- */
	header, 
	main, 
	footer { width: 96%; }
	
	/* --------------------------------------------------------------------------
	   HEADER
	   -------------------------------------------------------------------------- */
	.head_animation { width: 25%; }
	
	.head_right_contentBox { width: 75%; }
	
	/* --------------------------------------------------------------------------
	   NAVIGATION
	   -------------------------------------------------------------------------- */
	/* ---------- Seitennavigation */
	.asideMenu a { font-size: 11px; }
	
	/* --------------------------------------------------------------------------
	   LINKE SEITENSPALTE (ASIDE)
	   -------------------------------------------------------------------------- */
	aside { width: 25%;	}	
	
	.adressBox { font-size: 0.75rem; }
	
	/* --------------------------------------------------------------------------
	   CONTENTBEREICH
	   -------------------------------------------------------------------------- */
	.contBox { width: 75%; }
}

@media screen and (max-width: 1200px) {
	/* --------------------------------------------------------------------------
	   MAIN STYLES
	   -------------------------------------------------------------------------- */
	body { font-size: 13px; }
	
	/* --------------------------------------------------------------------------
	   HEADER, MAIN, FOOTER
	   -------------------------------------------------------------------------- */
	header, 
	main, 
	footer { width: 100%; }
	
	/* --------------------------------------------------------------------------
	   HEADER
	   -------------------------------------------------------------------------- */
	header { margin: 0 auto; }
	
	/* --------------------------------------------------------------------------
	   ASIDE
	   -------------------------------------------------------------------------- */	
	.asideBottom .adressBox { font-size: 0.75rem; }
	
	.asideBottom .adressBox p { font-size: 0.75rem; }
	
	/* --------------------------------------------------------------------------
	   NAVIGATION
	   -------------------------------------------------------------------------- */
	/* ---------- Hauptnavigation */
	.mainMenu a { font-size: 12px; }
}

@media screen and (max-width: 1100px) {
	/* --------------------------------------------------------------------------
	   HEADER, MAIN, FOOTER
	   -------------------------------------------------------------------------- */
	header, 
	main, 
	footer { border: 0; }
}

@media screen and (max-width: 1030px) {
	/* --------------------------------------------------------------------------
	   MAIN STYLES
	   -------------------------------------------------------------------------- */
	body {
		background-image: none;
		background-color: #fff;;
	}
	
	/* --------------------------------------------------------------------------
	   HEADER
	   -------------------------------------------------------------------------- */	
	header									{ height: 160px; }
	
	.head_content {
		height: 130px;
		padding: 20px 20px 0;
	}
	
	.head_logo_mob							{ display: block; }
	.mob_nav_button							{ display: block; }
	
	/* --------------------------------------------------------------------------
	   MAIN
	   -------------------------------------------------------------------------- */
	.main_content							{ padding: 0 20px 20px; }
	
	/* --------------------------------------------------------------------------
	   FOOTER
	   -------------------------------------------------------------------------- */	
	footer.dt								{ display: none; }
	footer.mob								{ display: block; }
	
	/* --------------------------------------------------------------------------
	   LINKE SEITENSPALTE (ASIDE)
	   -------------------------------------------------------------------------- */
	aside { 
		display: none;
		width: 0; 
	}
	
	/* --------------------------------------------------------------------------
	   CONTENTBEREICH
	   -------------------------------------------------------------------------- */
	.contBox { 
		width: 100%;
		min-height: 0; 
		padding: 0;
		background-image: none;
	}
	
	/* --------------------------------------------------------------------------
	   NAVIGATION
	   -------------------------------------------------------------------------- */
	/* ---------- Hauptnavigation */	
	.mainMenu								{ display: none; }
	
	/* --------------------------------------------------------------------------
	   HILFSDEFINITIONEN
	   -------------------------------------------------------------------------- */
	#screenSize								{ width: 2px; }
	.mobOnly								{ display: block; }
	.dtOnly									{ display: none; }
}

@media screen and (max-width: 650px) {
	/* --------------------------------------------------------------------------
	   MAIN STYLES
	   -------------------------------------------------------------------------- */
	body { font-size: 12px; }
	
	/* --------------------------------------------------------------------------
	   CONTENTBEREICH
	   -------------------------------------------------------------------------- */	
	.cont .ma_liste							{ width: 40%; }

	/* --------------------------------------------------------------------------
	   FOOTER
	   -------------------------------------------------------------------------- */	
	footer.mob .mobCont						{ padding: 10px; }
}

@media screen and (max-width: 500px) {
	/* --------------------------------------------------------------------------
	   HEADER
	   -------------------------------------------------------------------------- */
	.head_right_contentBox { 
		width: 100%;
		padding-left: 0;
	}
	
	.head_animation { 
		width: 0;
		display: none;
	}
	
	.mob_nav_button { top: 10px; }

	/* --------------------------------------------------------------------------
	   CONTENTBEREICH
	   -------------------------------------------------------------------------- */	
	.cont h1 {
		margin: 30px 0 10px;
		font-size: 20px;	
	}
	
	.cont img.picL,
	.cont img.picR,
	.cont img.small,
	.cont img.large,
	.cont img.org {
		display: block;
		float: none;
		width: auto !important;
		max-width: 100% !important;
		height: auto;
		border: 0;
		padding: 0 0 10px;
	}
	
	.cont .ma_liste							{ width: 90%; }
	
	.cont .ma_liste	img {
		float: none;
		width: 100%;
		max-width: 240px;
		margin: 0 0 10px 0;
	}
}

@media screen and (max-width: 320px) {
	/* --------------------------------------------------------------------------
	   MAIN STYLES
	   -------------------------------------------------------------------------- */
	body { font-size: 10px; }
	
	/* --------------------------------------------------------------------------
	   HEADER
	   -------------------------------------------------------------------------- */
	.head_logo_mob {
		top: 50px;
		left: 10%;
		height: 50px;
		width: 80%;
	}
	
	/* --------------------------------------------------------------------------
	   CONTENTBEREICH
	   -------------------------------------------------------------------------- */	
	.cont h1 {
		font-size: 16px;
		font-weight: bold;
	}

	/* --------------------------------------------------------------------------
	   NAVIGATION
	   -------------------------------------------------------------------------- */	
	/* ---------- Mobilenavigation */
	.navMobBox {
		top: -600px;
		right: 0;
		width: 100%;
	}
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {}

@media print {
	/* --------------------------------------------------------------------------
	   Seitenformate, -ränder und Umbrüche
	   -------------------------------------------------------------------------- */	
	@page {
		margin-top: 1.5cm; 
		margin-bottom: 1cm;
		margin-left: 1.5cm; 
		margin-right: 1.5cm;
	}
	
	.pageBreak								{ page-break-after:always !important; }
	
	/* --------------------------------------------------------------------------
	   Druckausgabe unterdrücken/forcieren
	   -------------------------------------------------------------------------- */
	header,
	footer									{ display: none; }
	
	.screenOnly								{ display: none; }
	.mobOnly								{ display: none; }
	.printOnly								{ display: block; }
	img.printOnly {
		display: block; 
		width: 100%;
		max-width: 10cm;
		height: auto;
	}
	
	/* --------------------------------------------------------------------------
	   HEADER FOOTER
	   -------------------------------------------------------------------------- */
	header#header_big						{ display: none; }
	
	header#header_small						{ top: 0; }
	
	/* --------------------------------------------------------------------------
	   ALLGEMEIN
	   -------------------------------------------------------------------------- */
	.scrollWeiter							{ display: none; }
	
	/* --------------------------------------------------------------------------
	   HILFSDEFINITIONEN
	   -------------------------------------------------------------------------- */	
	
	/* --------------------------------------------------------------------------
	   SLIDER
	   -------------------------------------------------------------------------- */
	.bx-wrapper .bx-pager,
	.bx-controls-direction					{ display: none; }
}