/* =Kunde:	Praxis Femina
-----------------------------------------------------------------------------*/

/* =Imports
-----------------------------------------------------------------------------*/

@font-face {
  font-family: 'dinnextltpro-light';
  src: url('fonts/dinnextltpro-light.eot'); /* IE9 Compat Modes */
  src: url('fonts/dinnextltpro-light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/dinnextltpro-light.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/dinnextltpro-light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/dinnextltpro-light.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'dinnextltpro-bold';
  src: url('fonts/dinnextltpro-bold.eot'); /* IE9 Compat Modes */
  src: url('fonts/dinnextltpro-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/dinnextltpro-bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/dinnextltpro-bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/dinnextltpro-bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}

html
 {
	font-family: "dinnextltpro-light", Arial, Helvetica, Geneva, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5;
	/* 2 */
	-webkit-text-size-adjust: 100%;
	/* 3 */
	background: #fff;
	color: #666;
}

body
 {
	text-decoration: none;
	-webkit-transition: all .15s ease-in-out;
	   -moz-transition: all .15s ease-in-out;
	     -o-transition: all .15s ease-in-out;
	        transition: all .15s ease-in-out;
}

/* =Color
-----------------------------------------------------------------------------*/

.rot, .uk-primary, .uk-overlay-primary {
	background-color: rgba(187,82,90,1);
}

.rot, .uk-primary-80, .uk-overlay-primary-80 {
	background-color: rgba(187,82,90,.9);
}

.grau, .uk-secondary, .uk-overlay-secondary {
	background-color: rgba(72,86,90,1);
}

.weiss {
	background-color: rgba(255,255,255,1);  
}

.hellgrau{
	background-color: rgba(248,248,248,1);  
}

.text-rot, .uk-text-primary {
	color: rgba(187,82,90,1) !important;
}

.text-grau, .uk-text-secondary {
	color: rgba(72,86,90,1) !important;
}

.text-hellgrau{
	color: rgba(248,248,248,1) !important;  
}


/* =Links
-----------------------------------------------------------------------------*/


a, .uk-link {
  color: rgba(187,82,90,1);
  text-decoration: none;
  cursor: pointer;
	-webkit-transition: all .15s ease-in-out;
	   -moz-transition: all .15s ease-in-out;
	     -o-transition: all .15s ease-in-out;
	        transition: all .15s ease-in-out;
}
a:hover, a:focus, a:hover, .uk-link:hover {
  color: rgba(72,86,90,1);
  text-decoration: none;
	-webkit-transition: all .15s ease-in-out;
	   -moz-transition: all .15s ease-in-out;
	     -o-transition: all .15s ease-in-out;
	        transition: all .15s ease-in-out;
}

.mehrlesen {
  padding: 10px 25px;
  border: 1px solid rgba(187,82,90,1);
  border-radius: 20px;
  display: inline-block;
  margin-top: 10px;
}

.mehrlesen:hover {
	color: rgba(255,255,255,1);
	background-color: rgba(187,82,90,1);
}

::-moz-selection { 
	background: rgba(187,82,90,1); color: #fff; text-shadow:none; 
}
::selection { 
	background: rgba(187,82,90,1); color: #fff; text-shadow:none; 
}

/* =Layout
-----------------------------------------------------------------------------*/

body {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

header, section, footer {
	display: block;
	clear: both;
	float: none;
}

.text-container {
	max-width: 840px;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.bg-container {
	margin-right: 40px;
	margin-left: 40px;
	margin-bottom: 40px;
}
.bg-container > div {
	width: calc(100% - 80px);
	max-width: 840px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-bottom: 40px;
}
.foot{
	padding-bottom: 100px !important;
	margin-bottom: 0px !important;
}

.round{
	border-radius: 100%;
}
.stoerer{
	height: 135px;
	width: 110px;
	padding-top: 35px;
	padding-right: 30px;
	padding-left: 30px;
	text-align: center;
	position: fixed;
	right: 110px;
	top: 15%;
	text-transform: uppercase;
}
.stoerer:hover{
	background-color: rgba(72,86,90,1);
	color: rgba(255,255,255,1);
}

/* =Typography
-----------------------------------------------------------------------------*/

h1 {
	font: 3.6em "dinnextltpro-bold", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 50px;
	max-width: 600px;
}

h2 {
	font: 1.6em "dinnextltpro-bold", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: rgba(187,82,90,1);
}

h3 {
	font: 1.6em "dinnextltpro-light", Arial, Helvetica, Geneva, sans-serif;
}

p {

}

strong{
	font-family: "dinnextltpro-bold", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
}

.text-container ul {
	list-style-image:url(img/li.svg);
	margin-left: 0;
	padding-left: 20px;
}

.download ul {
	list-style-image:url(img/li-down.svg);
	margin-left: 0;
	padding-left: 20px;
}

/* =Layout
-----------------------------------------------------------------------------*/
.main-content {
	width: calc(100% - 240px);
}

.column-right {
	width: 220px;
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	padding-left: 20px;
}

.header {
	position: fixed;
	top: 0;
	right: 260px;
	left: 0;
	height: 100px;
	background-color: rgba(255,255,255,1);
	z-index: 1000;
}

.logo > a > img {
	height: 70px;
	margin-left: 15px;
	margin-top: 10px;
}

.slider {
	margin-top: 100px;
}

.slider-padding {
	max-width: 630px;
}

.uk-slideshow-items > li > iframe{
	height: 100%;
}

.margin-start {
	margin-top: -30px;
	margin-left: -30px;
}

.cards-mute > div > div {
	margin-bottom: 50px;
}
.uk-modal-container .uk-modal-dialog {
    margin-top: 50px;
	width: 1080px;
}

/* =Menu
-----------------------------------------------------------------------------*/
.menu {
}

.menu > ul {
}

.menu > ul > li  {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
}
.menu > ul > li > a{
	display: block;
	margin-top: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	font: 1.2em "dinnextltpro-bold", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: rgba(72,86,90,1);
}
.menu > ul > li > a:hover, .menu > ul > li > a.uk-active, .menu > ul > li > a:focus{
	color: rgba(187,82,90,1);
}

.mobilemenu  {
	position: fixed;
	right: 0;
	top: 0;
}

.mobilemenu > ul > li  {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
}

.mobilemenu > ul > li > a, .uk-modal-header > a{
	display: block;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-right: 15px;
	padding-left: 15px;
	float: left;
}

.mobilemenu > ul > li > a img, .uk-modal-header img{
	height: 30px;
	text-align: center;
}

.uk-modal-header {
	background: rgba(187,82,90,1);
	background-color: rgba(187,82,90,1);
    border-bottom: 0px solid #e5e5e5;
	padding: 0;
}

.close {
	position: fixed;
	right: 0;
}

.modalmenu > ul  {
	margin: 50px 0 0 20px;
	padding: 0;
}

.modalmenu > ul > li  {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: none;
}

.modalmenu > ul > li > a  {
	font: 1.6em/2em "dinnextltpro-bold", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.misc {
	padding-left: 20px;
}

.column-menu > a{
	display: block;
	margin-top: 25px;
	padding-top: 20px;
	padding-bottom: 0px;
	padding-right: 20px;
	color: rgba(187,82,90,1);
	font-size: 1.2em;
	width: 25px;
	float: left;
}
.column-menu > a:hover{
	color: rgba(72,86,90,1);
}

.column-menu > a > img{
	height: 20px;
	margin-top: -5px;
	margin-right: 10px;
}

.oeffnungszeiten {
	margin-bottom: 50px;
}

.adresse {
	margin-bottom: 36px;
}

.scrolldown{
	margin-left: 0;
	width: 240px;
}

.scrolltop{
	display: block;
	margin: 0px auto;
	width: 50px;
	height: 70px;
	padding-top: 30px;
}

.scrolldown > img, .scrolltop > img{
	height: 45px;
	margin-left: 8px;
}

/* =Lightbox
-----------------------------------------------------------------------------*/

.uk-lightbox {
	background: rgba(255,255,255,.9);
}

.uk-lightbox-toolbar {
	background-color: rgba(185,160,140,0);
}

.uk-lightbox-button {
	background-color: rgba(255,255,255,.2);
	color: rgba(187,82,90,1);
}

.uk-lightbox-toolbar * {
	color: rgba(187,82,90,1) !important;
}
.uk-modal {
	background: rgba(255,255,255,.9);
}
.uk-modal-dialog {
	
}
.uk-modal-close-full {
    top: 0;
    right: 0;
    padding: 20px;
    background: transparent !important;
}

/* =Forms
-----------------------------------------------------------------------------*/

form .uk-button {
	margin-top: 16px;
	margin-bottom: 16px;
	letter-spacing: 0;
	text-transform: none;
	font-size: 1em;
}

.uk-button-default, .uk-button-primary {
	margin-top: 16px;
	margin-bottom: 16px;
	letter-spacing: 0;
	text-transform: none;
	font-size: 1em;
	background-color: rgba(187,82,90,1);
}

.uk-button-default:hover, .uk-button-primary:hover,
.uk-button-default:active, .uk-button-primary:active,
.uk-button-default:focus, .uk-button-primary:focus {
	background-color: rgba(72,86,90,1);
}

.uk-button-disabled {
	cursor: not-allowed;
	border: 1px solid rgba(255,255,255,1);
	margin-top: 16px;
	margin-bottom: 16px;
	text-transform: none;
	background-color: rgba(248,248,248,1);
	font-size: 16px;
	line-height: 1.2em;
	padding: 10px;
}

.uk-radio:checked,
.uk-checkbox:checked,
.uk-checkbox:indeterminate {
  background-color: rgba(187,82,90,1);
  border-color: transparent;
}
.uk-radio:checked:focus,
.uk-checkbox:checked:focus,
.uk-checkbox:indeterminate:focus {
  background-color: rgba(187,82,90,1);
}

.uk-form-label {
	font-size: 1em;
}

.uk-form-horizontal .uk-form-controls{
}

.uk-input, .uk-select, .uk-textarea {
	background-color: rgba(255,255,255,1);
	color: #000;
	border: 1px solid rgba(248,248,248,1);
	transition: 0.15s ease-in-out;
	transition-property: color, background-color, border;
}

.uk-input:focus, .uk-select:focus, .uk-textarea:focus {
	outline: none;
	background-color: rgba(255,255,255,1);
	color: #000;
	border: 1px solid rgba(72,86,90,0);
	border-bottom: 1px solid rgba(72,86,90,1);
}


/* =Blog
-----------------------------------------------------------------------------*/

/*.news > .entry {
	padding-bottom: 40px;
	padding-top: 80px;
}

.news > .entry:nth-child(even) {
	background-color: rgba(239,239,242,1	);
}
.read-more {
	padding: 10px 30px;
	font-size: 1rem;
	line-height: 38px;
	background-color: rgba(187,82,90,1);
	color: #fff;
	border: 0px solid transparent;
}
.zurueck {
	display: block;
    float: none;
    clear: both;
}
*/

.blog-content p > img {
	width: calc(50% - 30px);
	margin-left: 30px;
	margin-bottom: 30px;
    float: right;
}
.read-more {
    padding: 10px 30px;
    font-size: 1rem;
    line-height: 38px;
    background-color: rgba(187,82,90,1);
    color: #fff;
    border: 0px solid transparent;
}

/* =Misc
-----------------------------------------------------------------------------*/

.colophon{
	display:block;
	position:fixed;
	bottom:25px;
	right:25px;
	width:25px;
	height:25px;
	background:url(img/Designheit-Bildmarke.svg) no-repeat right bottom;
	opacity: 0.1;
	filter: alpha(opacity=10);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.colophon:hover{
	opacity:1;
	filter: alpha(opacity=100);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	}

.sicherung {
	display: none;
}

/* Desktop  */

@media (max-width: 1200px) {
.bg-container {
	margin-right: 20px;
	margin-left: 20px;
	padding-left: 20px;
	padding-right: 20px;
}
.colophon{
	display:none;
}

.text-container {
	padding-left: 20px;
	padding-right: 20px;
}
.bg-container {
	padding-left: 0px;
	padding-right: 0px;
}

h1 {
	font-size: 2.4em;
	width: auto;
}

h2 {
	font-size: 1.6em;

}

h3 {
	font-size: 1.2em;
}

}
/* Tablet landscape */

@media (max-width: 960px) {
.header {
	right: 0px;
}

.main-content {
	width: 100%;
}

.scrolldown{
	width: 50px;
	margin-left: 25px;
}
.text-container {
	padding-left: 20px;
	padding-right: 20px;
}
.bg-container {
	padding-left: 0px;
	padding-right: 0px;
}
.colophon{
	display:none;
}
.stoerer{
	height: 80px;
	width: 90px;
	padding-top: 30px;
	padding-right: 10px;
	padding-left: 10px;
	right: 16px;
	top: auto;
	bottom: 16px;
}
.stoerer > p > strong{
	text-transform: none;
	font: 14px/12px "dinnextltpro-light", Arial, Helvetica, Geneva, sans-serif;
}

}

/* Phone landscape */
@media (max-width: 640px) {
.header {
	height: 70px;
}
.slider {
	margin-top: 70px;
}

.slider .uk-margin-medium-left, .slider .uk-margin-medium-right, .slider .uk-margin-medium {
	margin-right: 20px !important;
	margin-left: 20px !important;
}

.logo > a > img {
	height: 50px;
	margin-left: 15px;
	margin-top: 10px;
}
.text-container {
	padding-left: 20px;
	padding-right: 20px;
}
.bg-container {
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
.bg-container > div {
	width: auto;
}

.colophon{
	display:none;
}

  
  }