a:link,
a:visited,
a:active	{ color:#000000; outline:none; text-decoration:none; }
a:focus,
a:hover		{ text-decoration:underline; }

body { 
	margin:0px; padding:0px;
	color:#000000;
	background:url("/dieraumgestalter-bg.jpg") center top repeat-y;
	background-attachment:fixed;
	background-size:cover;
	font-family:'Open Sans', sans-serif;
	font-size:1.2rem;
}


@media print { 
  body { 
    background:none;
	background-image:none;
    color:#000000;
  }
}

/* Auswahlfarbe */
::selection {
	background:#B7232A;
	color:#FFFFFF;
}
::-moz-selection {
	background:#B7232A;
	color:#FFFFFF;
}
::-webkit-selection {
	background:#B7232A;
	color:#FFFFFF;
}

/* Platzhalter form-Felder */
::-webkit-input-placeholder {
   font-weight:normal;
   font-style:italic;
}
:-moz-placeholder { /* Firefox 18- */
   font-weight:normal;
   font-style:italic;
}

::-moz-placeholder {  /* Firefox 19+ */
   font-weight:normal;
   font-style:italic;
}

:-ms-input-placeholder {  
   font-weight:normal;
   font-style:italic;
}


/* Projekt */

.logo {
	width:80vw;
}

footer {
	font-size:16px; line-height:26px;
}



/* Service Klassen */
.left	{ float:left; }
.right	{ float:right; }
.clear	{ clear:both; }

.posrel			{ position:relative; }
.poslefttop		{ position:absolute; left:0px; top:0px; }
.posrighttop	{ position:absolute; right:0px; top:0px; }

.w25	{ width:25%; }
.w33	{ width:33.333333%; }
.w50	{ width:50%; }
.w66	{ width:66.666666%; }
.w75	{ width:75%; }
.w100	{ width:100%; }

.disnone	{ display:none; }

/* Auswahl nicht ermöglichen */
.deselect ::selection,
.deselect ::-moz-selection {
    background:transparent;
    color:inherit;
}
.deselect {
    -ms-user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
}

.iframe-container {
	position: relative; 
	padding-bottom: 56.25%; /* ratio 16x9 */
	height: 0; 
	overflow: hidden; 
	width: 100%;
	height: auto;
 }

.iframe-container iframe {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height:100%;
}

.iframe-container.ratio4x3 {
	padding-bottom: 75%; /* ratio 4x3 */
}

.uppercase	{ text-transform:uppercase; }

.ViewLargeNavBoxMain,
.ViewLargeOnly	{ display:none; }

/* Sectionen */

.aud-design {
	width:100%;
	background-color:#007FC3; color:#FFFFFF;
}
.aud-design img { height:60px; }

/* Sonstiges */
hr { border-top:2px solid #B7232A; }

.tdn,
a.tdn,
.tdn:hover,
.tdn:focus { text-decoration:none; }

.tdu,
a.tdu,
.tdu:hover,
.tdu:focus { text-decoration:underline; }

.tuc { text-transform:uppercase; }
.tlc { text-transform:lowercase; }

.ViewLargeOnly	{ display:none; }
.ViewSmallOnly	{ display:block; }

.toppic {
	margin-top:3.5rem
}


h1, .h1 { font-size: 1.75rem; }
h2, .h2 { font-size: 1.5rem; }
h3, .h3 { font-size: 1.3rem; }
h4, .h4 { font-size: 1.2rem; }
h5, .h5 { font-size: 1.1rem; }
h6, .h6 { font-size: 1rem; }

/* !!! Nur Apple 320 Pixel !!! */
@media (max-width: 320px) {
	h1, .h1 { font-size: 1.5rem; }
	h2, .h2 { font-size: 1.4rem; }
	h3, .h3 { font-size: 1.3rem; }
	h4, .h4 { font-size: 1.2rem; }
	h5, .h5 { font-size: 1.1rem; }
	h6, .h6 { font-size: 1rem; }
}
/* Ab Small -sm- Darstellen */
@media (min-width: 576px) {
}
/* Ab Medium -md- Darstellen */
@media (min-width: 768px) {
	.logo {
		width:50vw;
	}
}
/* Ab Large -lg- Darstellen */
@media (min-width: 992px) {
	.logo {
		width:30vw;
	}


	h1, .h1 { font-size: 2.25rem; }
	h2, .h2 { font-size: 2rem; }
	h3, .h3 { font-size: 1.75rem; }
	h4, .h4 { font-size: 1.5rem; }
	h5, .h5 { font-size: 1.25rem; }
	h6, .h6 { font-size: 1rem; }

	.ViewLargeOnly	{ display:block; }
	.ViewSmallOnly	{ display:none; }

	body { 
		font-size:1.25rem;
	}
	body.ViewBig { overflow:hidden; }
}
/* Ab Extra Large -xl- Darstellen */
@media (min-width: 1200px) {
	h1, .h1 { font-size: 2.5rem; }
	h2, .h2 { font-size: 2rem; }
	h3, .h3 { font-size: 1.75rem; }
	h4, .h4 { font-size: 1.5rem; }
	h5, .h5 { font-size: 1.25rem; }
	h6, .h6 { font-size: 1rem; }
}