$big: 1170px;
$ipad-ls: 1024px;
$ipad-pt: 768px;
$iphone-ls: 960px;
$iphone-pt: 480px;
$small: 400px;

$iconfont: 'icomoon';

$schmuckfarbe1: #000;
$brown: #e8e5da;
$corporate: #fa952b;
@font-face {
	font-family: $iconfont;
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon.eot#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.woff') format('woff'),
		url('../fonts/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* ubuntu-300 - latin */
@font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 300;
	src: local(''),
				 url('../fonts/ubuntu-v20-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
				 url('../fonts/ubuntu-v20-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* ubuntu-300italic - latin */
@font-face {
	font-family: 'Ubuntu';
	font-style: italic;
	font-weight: 300;
	src: local(''),
				 url('../fonts/ubuntu-v20-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
				 url('../fonts/ubuntu-v20-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* ubuntu-regular - latin */
@font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 400;
	src: local(''),
				 url('../fonts/ubuntu-v20-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
				 url('../fonts/ubuntu-v20-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* ubuntu-italic - latin */
@font-face {
	font-family: 'Ubuntu';
	font-style: italic;
	font-weight: 400;
	src: local(''),
				 url('../fonts/ubuntu-v20-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
				 url('../fonts/ubuntu-v20-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* ubuntu-700 - latin */
@font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 700;
	src: local(''),
				 url('../fonts/ubuntu-v20-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
				 url('../fonts/ubuntu-v20-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* ubuntu-700italic - latin */
@font-face {
	font-family: 'Ubuntu';
	font-style: italic;
	font-weight: 700;
	src: local(''),
				 url('../fonts/ubuntu-v20-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
				 url('../fonts/ubuntu-v20-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* cabin-condensed-regular - latin */
@font-face {
	font-family: 'Cabin Condensed';
	font-style: normal;
	font-weight: 400;
	src: local(''),
				 url('../fonts/cabin-condensed-v19-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
				 url('../fonts/cabin-condensed-v19-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* cabin-condensed-700 - latin */
@font-face {
	font-family: 'Cabin Condensed';
	font-style: normal;
	font-weight: 700;
	src: local(''),
				 url('../fonts/cabin-condensed-v19-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
				 url('../fonts/cabin-condensed-v19-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

body {
	font: 300 15px/20px 'Ubuntu', sans-serif;
	color: #666;
	background: #ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

table {

	thead {

		th {
			color: #faf7ee;
			background: $schmuckfarbe1;
			padding: 5px;
			font-weight: normal;
			border-right: 1px solid darken($schmuckfarbe1, 5%);
		}
	}

	tbody {
		font-size: 0.9em;

		td,
		th {
			padding: 15px;
			background-color: #f4e9df;
			border-right: 1px solid darken(#f4e9df, 5%);
			border-bottom: 1px solid darken(#f4e9df, 5%);
		}

		th {
		}
	}
}

	a,
	a:visited {
		text-decoration:none;
		color: $corporate;
		transition:color .5s;
	}

	a:hover,
	a:active,
	a:focus {
		color: darken($corporate, 10%);
		text-decoration:none;
	}

h1,h2,h3,h4,h5,h6 {
	line-height: normal;
	font-family: 'Ubuntu', sans-serif;
}

h1,.h1 {
	font: normal 27px/35px 'Ubuntu', sans-serif;
	margin-top: 0;
}

h2,.h2 {
	font: normal 24px/30px 'Ubuntu', sans-serif;
	margin: 0 0 15px 0;
}

h3, .h3 {
	font: 22px/28px 'Ubuntu', sans-serif;
	margin-bottom: 10px;
}

.image_container {
	position: relative;
	overflow: visible;

	&.float_left {
		margin: 7px 30px 15px 0;
		float: left;
	}

	&.float_right {
		margin: 0 0 15px 15px;
		float: right;
	}
}

.caption {
	background: rgba($schmuckfarbe1, 0.9);
	padding: 15px;
	position: absolute;
	bottom: 0;
	color: #fff;
}

.invisible {
	display: none !important;
}

.bg-grey {
	background-color: lighten(#ccc, 15%);
}

.bg-corporate {
	background-color: $corporate;
	color: #fff;
}

.bg-black {
	background-color: #000;
}

.center {
	margin-left: auto;
	margin-right: auto;
	float: none;
	display: table;

	@media (min-width: 768px) {
		text-align: center;
	}

	img {
		text-align: center;
		display: inline;
	}
}

.bottom20 {
	margin-bottom: 20px;
}

.bottom40 {
	margin-bottom: 40px;
}

.clear {
	clear: both;
}

.clear-left {
	clear: left;
}

.clear-right {
	clear: right;
}

.nopadding {
	padding-left: 0;
	padding-right: 0;
}

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

.img-zoom {
	figure {
		overflow: hidden;
		margin-bottom: 20px;
	}

	img {
		transition: all 1s;
	}

	img:hover {
		transform: scale(1.1,1.1);
		-webkit-transform: scale(1.1,1.1);
		-ms-transform: scale(1.1,1.1);
		-o-transform: scale(1.1,1.1);
	}
}

.ce_text a[href^="http:"], .ce_text a[href^="https:"] {
	background: url(../img/content/icons/verlinkung.svg) center left no-repeat;
	background-size: 23px;
	padding-left: 25px;
}

.download a {
	background: url(../img/content/icons/download165-orange.svg) center left no-repeat;
	background-size: 19px;
	padding-left: 25px;
	line-height: 24px;
	display: block;
}

.container {
	padding-top: 20px;
	padding-bottom: 20px;

	@media (min-width: 768px) {
    	width: auto;
    	padding-top: 40px;
		padding-bottom: 40px;
	}

	@media (min-width: 992px) {
	    width: auto;
	}

	@media (min-width: 1200px) {
	    width: 1170px;
	}

	.container,
	&.accordion {
		padding-top: 0;
		padding-bottom: 0;
	}
}

#left {
	float: left;

	.mainnavi {
		background: $corporate;

		li {

			display: block;
			border-right: none;

			&:hover, &:active {
				ul {
					display: none;
				}
			}

			&.active,
			&.trail {
				background: darken($corporate, 8%);

				ul {
					display: block;
					padding-left: 25px;
					background: none;

					a {
						padding: 0 30px;
						background: none;

						&:hover,
						&:active {
							background: darken($corporate, 10%);
						}
					}

					a, span {
						color: #fff;
						padding-top: 15px;
						padding-bottom: 15px;
					}
				}

				span {
					background: none;
				}
			}

			&.active .active {
				padding-bottom: 20px;
			}

			&.trail {
				span {
					padding-bottom: 10px;
				}
				li.active {
					padding-top: 0;
				}

				li:first-child {
					padding-top: 0;

					.active {
						padding-top: 0;
					}
				}

				span.active {
					padding-bottom: 0;
				}
			}


		}

		li:not(:last-child) {
			border-bottom: 1px solid darken($corporate, 10%);
		}

		a, strong {
			padding: 20px 30px;
			display: block;
			width: auto;
			text-align: left;
		}

		a:hover, a:active, strong {
			background: darken($corporate, 8%);
		}

		ul {
			position: static;
			flex-flow: column;
		}

	}

	h3 {
		margin-top: 0;
	}

	.mod_changelanguage {
	float: left;

		ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		li {
			margin-left: 0;
			margin-right: 10px;
			text-align: left;

			&:after {
				float: left;
				margin-left: 0;
				margin-right: 10px;
			}
		}
	}

	.news-list {
		background: #fff;
		margin-top: 15px;

		.text {
			width: auto;
		}
	}

	.layout_latest:not(:last-child) {
		border-bottom: 1px solid #ccc;
		margin-bottom: 15px;
		padding-bottom: 10px;
	}
}

#left, .footer {
	.row {
		margin-left: 0;
		margin-right: 0;

		@media (min-width: 1200px) {
			margin-left: -15px;
			margin-right: -15px;
		}
	}
}

.left-box {
	background: #fff;
	margin-top: 15px;
	padding: 15px;
	float: left;
	width: 100%;
	border: 1px solid #ededed;
}

.sprechzeiten {
	p:not(:last-child) {
		border-bottom: 1px solid #ccc;
		padding-bottom: 15px;
	}
}

.social-icons {
	ul {
		margin: 0;
		padding: 0;
	}

	li {
		list-style: none;
		display: inline-block;
		margin-right:20px;

		&:first-child a:before {
			content: "\e901";

			&:hover,
			&:active {
				color: #fff;
			}
		}

		&:first-child a:hover:before,
		&:first-child a:focus:before,
		&:first-child a:active:before {
			color: #3b5998;
		}

		&:nth-child(2) a:before {
			content: "\e900";
		}

		&:nth-child(2) a:hover:before,
		&:nth-child(2) a:focus:before,
		&:nth-child(2) a:active:before {
			color: #DB4437;
		}

		&:nth-child(3) a:before {
			content: "\e902";
		}

		&:nth-child(3) a:hover:before,
		&:nth-child(3) a:focus:before,
		&:nth-child(3) a:active:before {
			color: #DB4437;
		}

		&:nth-child(4) a:before {
			content: "";
			background: url("../img/layout/jameda-App-Icon.png") no-repeat 0 0;
			background-size: 100%;
			width: 40px;
			height: 40px;
			display: block;
			filter: grayscale(100%);
			opacity: 0.5;
		}

		&:nth-child(4) a:hover:before,
		&:nth-child(4) a:focus:before,
		&:nth-child(4) a:active:before {
			filter: grayscale(0);
			opacity: 1;
		}
	}
			a {
				text-align: center;
				float: left;
				transition: all 0.5s;
				width: 40px;
				height: 40px;

				&:before {
					font: 36px/43px 'icomoon';
					color: #ccc;
				}
			}
}

/*
#main:not(&.home) {
	float: right;
}*/

#main {
	&.col-md-9 {
		@media (min-width: 992px) {
			float: right;
		}

		.mod_article {
			display: flow-root;
		}
	}

	.mod_article {
		background: #fff;
		margin-bottom: 15px;
		border: 1px solid #ededed;
		padding: 15px;


		/*&:not(.container) {
			float: left;
			width: 100%;
		}*/

		&.visual {
			padding: 0;

		}
	}

	.ce_text + .ce_text:not(.ce_accordion),
	.ce_text + .ce_headline {
		margin-top: 30px;
	}
	.usp-icons .ce_text:not(.ce_accordion) { 
	margin-top: 0;
	}
	.ce_gallery {
		margin-bottom: 30px;
	}

	.arzt.ce_text + .ce_text {
		margin-top: 0;
	}
}


.home {
	#main .mod_article {
		background: transparent;
		padding: 10px 15px;
		margin-bottom: 0;
		border: none;

		@media (min-width: 1200px) {
			padding: 40px 15px;
		}

		&.bg-grey {
			background-color: lighten(#ccc, 15%);
		}

		&.bg-corporate {
			background-color: $corporate;
		}
		&.map {
			padding: 0;
		}
	}

	.check-list {
		li {

			@media (min-width: 768px) {
				float: left;
				list-style: none;
				width: 50%;
				margin-bottom: 20px;
			}

			@media (min-width: 1200px) {
				width: 25%;
			}

			a {
				text-decoration: underline;
			}
		}
		.ce_text {
			margin-top: 30px;
		}
	}
}

.mod_changelanguage {
	float: left;

	ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	li {
		display: block;
		line-height: 20px;
		text-align: right;

		&:not(.last) {
			margin-bottom: 15px;
		}

		&:after {
			content: "";
			width: 20px;
			height: 20px;
			float: right;
			margin-left: 10px;
		}
		&.lang-de:after {
			background: url(../img/layout/flag-de.svg) no-repeat;
		}
		&.lang-en:after {
			background: url(../img/layout/flag-en.svg) no-repeat;
		}
		&.lang-ru:after {
			background: url(../img/layout/flag-ru.svg) no-repeat;
		}
	}
}

.news-list {
	.row {
			margin-left: 0;
		}

		.layout_latest {
			margin-bottom: 35px;
			float: left;
		}

		.image_container, .text {
			float: left;
		}

		.text {


			@media (min-width: 1200px) {
				width: 420px;
			}
		}

	h2 {
		margin-bottom: 15px;
	}
}

.mod_newsreader {
	.image_container {
		margin-bottom: 15px;
	}
}

.patientengeschichte-liste,
.geschichten-liste {
	.layout_latest {
		margin-bottom: 30px;
	}
}

/* DESIGN */

.logo {
	float: left;
	width: 200px;
	margin-bottom: 15px;

	@media (min-width: 768px) {
		width: auto;
		margin-bottom: 0;
	}
}

.mainnavi {
	display: none;

	@media (min-width: 992px) {
		display: inline-block;
		float: left;
		margin-top: 40px;
		padding: 0;
		overflow: visible;
		font-size: 16px;
		width: 100%;
		/*background: rgba(#000, 0.4);*/
		background: $corporate;
	}

	ul {
		margin: 0;
		padding: 0;
		/*background: rgba(0,0,0,0.7);*/
		font: 400 18px/22px 'Ubuntu';
		color: #fff;
		display: flex;
		justify-content: space-between;
	}

	li {
		flex-grow: 1;
		text-transform: uppercase;
		position: relative;
		list-style: none;
		border-right: 1px solid darken($corporate, 10%);

		&:last-child {
			margin-right: 0;
			border-right: none;
		}

		&:hover, &:active {
			ul.level_2 {
				display: block;
			}

			a {
				background: darken($corporate, 10%);
			}

		}
		ul {
			display: none;
			position: absolute;
			left: 0;
			top: 102px;
			z-index: 10;

			a {
				padding: 15px;
				text-align: left;
			}
		}
	}

	a {
		color: #fff;
		transition: all 0.5s;

		&:hover, &:active {
			opacity: 0.8;
			background-color: $corporate;
		}
	}

	strong, a {
		display: block;
		padding: 40px 0;
		text-align: center;
	}
	strong {
		font-weight: normal;
	}
}

.mobile_menu_active {
	.mobile_menu_trigger {
		background: darken($corporate, 10%);
	}
	.mobile_menu_trigger.active .hamburger {

		&:before {
			transform: translateY(3px) rotate(-45deg);
    		margin-top: 7px;
		}
		&:after {
			transform: rotate(45deg);
    		margin-top: 0px;
    		bottom: 7px;
		}
		i {
			transform: translateY(10px);
   			opacity: 0;
		}
	}
}

.mobile_menu_trigger {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 9999;
	background: $corporate;
	color: #fff;
	cursor: pointer;
	padding: 10px;
	transition: background 0.5s;

	.hamburger {
		position: relative;
		float: left;
		width: 25px;
		height: 20px;
		pointer-events: none;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;

		i, &:after, &:before {
			content:"";
			position:absolute;
			left:0;
			display:block;
			height:3px;
			width:100%;
			background:#fff;
			transform-origin: 50% 50%;
		}

		&:after {
			bottom:0;
		}

		i {
			position:absolute;
			top:50%;
			-webkit-transform:translateY(-50%);
			transform:translateY(-50%);
		}

		.text {
			float:left;
			margin-left:10px;
			color:#fff;
			font-weight:700;
			text-transform:uppercase;
		}
	}
}

.mobile_menu {
	.inner {
		padding: 15px;
		background: $corporate;
	}
	h3 {
		color: darken($corporate, 10%);;
		font-size: 1.5em;
		margin-bottom: 30px;
	}

	.mainnavi {
		display: block;

		ul {
			flex-wrap: wrap;
		}

		li {
			margin: 0;
			border-right: none;
			border-bottom:1px solid darken($corporate, 5%);

			&.active a, &.active strong {
				color: darken($corporate, 10%);
			}

			&.active .level_2 {
				a {
					color: #fff;
				}
			}

			&.submenu_show {
				background-color: darken($corporate, 10%);

				strong.active {
					color: #fff;
				}
			}

			&.sibling:hover a,
			&.active strong.active {
				background: darken($corporate, 5%);
			}

			ul {
				position: static;
				width: auto;
				top: auto;
			}
			&.trail {
				a {
					color: #fff;
				}
			}

		}

		a, strong {
			display:block;
			text-align: left;
			color:#fff;
			padding: 15px;
			transition: all 0.5s;
		}
		a.submenu, strong.submenu {
			position:relative;
			padding-right:40px;

			&:after, &:after {
				border-left:1px solid rgba(255,255,255,.2);
				width:30px;
				height:30px;
				content:'\e604';
				font-family: "Icomoon";
				position:absolute;
				text-align:center;
				line-height:28px;
				right:0;
				top:50%;
				margin-top:-15px;
				color:rgba(255,255,255,.7);
				font-size: 0.5em;
			}
		}
	}

	.level_2 {
		font-size: 0.9em;

		li {
			border: none;
		}

		a, strong {
			padding: 10px 15px;
		}
	}

	.level_3 {
		padding-left: 15px;
	}
}

.header {
	background: url(../img/layout/header-bg.jpg) no-repeat top center #fff;
	position: relative;
	padding-bottom: 30px;

	@media (min-width: 992px) {
		padding-bottom: 0;
	}

	.container {
		padding-bottom: 0;
		margin-bottom: 15px;

		@media (min-width: 1200px) {
			margin-bottom: 0;
		}
	}

	.mod_changelanguage {
		position: absolute;
		left: 15px;
		bottom: 0;

		@media (min-width: 480px) {
			position: static;
			margin-left: 15px;
		}
		@media (min-width: 768px) {
			margin-top: 30px;
		}
		@media (min-width: 992px) {
			float: right;
		}

		li {
			float: left;
			margin-right: 15px;

			@media (min-width: 480px) {
				float: none;
				margin-right: 0;
			}
		}
	}
}

.header-navigation {
	zoom: 1;
	position: relative;
}

.visual {
	position: relative;

	.container {
		padding-top: 0;
		padding-bottom: 0;
	}

	.row {
		margin-left: 0;
		margin-right: 0;
	}

  	.image_container {
  		overflow: hidden;

  		@media (min-width: 1200px) {
  			overflow: visible;
  		}
  	}

	img {
		margin-right: 0;

		@media (min-width: 1200px) {
			height: auto;
	  		width: 100%;
	  		margin: 0 auto;
		}
	}
}

.slider {
	/*display: none;*/
	text-align: center;
	width: 100%;

	@media (min-width: 768px) {
		display: block;
		height: 650px;
		border-bottom: 5px solid $schmuckfarbe1;
	}

	.container {
		@media (min-width: 768px) {
			padding-top:0;
			padding-bottom:0;
		}
	}

	.rsts-slide {
		overflow: visible;

		@media (min-width: 768px) {
			overflow: hidden;
		}
	}

	.txt {
		padding-top: 50px;
		font: 22px/32px 'Oswald', sans-serif;
		color: #fff;
		text-shadow: 1px 1px 2px #000;

		@media (min-width: 768px) {
			padding-top: 250px;
			font: 36px/75px 'Oswald', sans-serif;
		}

		@media (min-width: 992px) {
			font: 46px/75px 'Oswald', sans-serif;
		}

		@media (min-width: 1200px) {
			font: 50px/75px 'Oswald', sans-serif;
		}
	}

	img {
		@media (max-width: 767px) {
			width: auto !important;
			max-width: 100% !important;
			margin-left: 0 !important;
		}
	}

	.rsts-nav-bullets {
		@media (min-width: 768px) {
			right: 15px;

			a {
				width: 15px;
				height: 15px;
				background-color: $schmuckfarbe1;
				box-shadow: none;

				&.active,
				&:hover,
				&:active {
					box-shadow: none;
					background-color: #cd103d;
				}
			}
		}
	}

	.rsts-skin-custom {
		.rsts-prev, .rsts-next {
			top: 8px;
			bottom: auto;

			@media (min-width: 768px) {
				top: 48%;
			}
		}

		.rsts-prev {
			@media (min-width: 768px) {
				left: 40px;
			}
		}

		.rsts-next {
			@media (min-width: 768px) {
				left: auto;
				right: 5px;
			}
		}
	}
}

.toggler {
	background: $corporate;
	padding: 10px 25px;
	color: #fff;
	margin-bottom: 15px;
	transition: background 0.5s;

	&:hover {
		cursor: pointer;
		background: darken($corporate, 10%);
	}
}

.ui-accordion-content {
	padding: 15px 10px 15px 25px;
	display: inline-block;
	width: 100%;
}

.ui-state-default:before,
.ui-accordion-header-active:before {
	font: 16px/20px 'icomoon';
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	text-align: center;
}

.ui-state-default:before {
	content: "\e601";
}
.ui-accordion-header-active:before {
	content: "\e60b";
}

.table-list {
	ul {
		margin: 0;
		padding: 0;
	}

	li {
		list-style: none;
		background: lighten(#ccc, 12%);;
		padding: 10px 20px;
		border-bottom: 1px solid #ddd;

		&:nth-child(2n) {
			background: lighten(#ccc, 20%);
		}
	}
}

.check-list {
	ul {
		margin: 0;
		padding: 0;
	}

	li {
		list-style: none;
		margin-bottom: 5px;

		&:before {
			content: "\e613";
			font-family: 'icomoon';
			margin-right: 10px;
			color: $corporate;
		}
	}

	a {
		color: #666;
		transition: color 0.5s;

		&:hover, &:active {
			color: $corporate;
		}
	}
}

.ce_accordion {

	li {
		float: none;
		width: auto;
		line-height: 27px;
	}
}

.ce_gallery {
	ul {
		padding: 0;
		margin: 0;
	}

	li {
		display: inline-block;
	}
}

/* DSGVO OPTIN */
.ce_optin_fallback {
  border: 1px dotted $corporate;
  padding: 30px;
  background: #f5f5f5;
  margin-bottom: 30px;
	position: relative;
  min-height: 1px;
	height: 100%;

	// @media (min-width: 768px) {
	// 	width: 50%;
	// 	float: left;
	// }
}

/* KONTAKT */

.googlemap {
	border-bottom: 5px solid $schmuckfarbe1;
}

.map {
	width: 100%;
	height: 250px;

	@media (min-width: 768px) {
		height: 400px;
	}

	@media (min-width: 1200px) {
		height: 530px;
	}
}

/* FORMULARE */

fieldset {
	margin-bottom: 15px;
}

label {
	display: block;
}

input, textarea {
	width: 100%;
	height: 55px;
	padding: 15px;
	border: 1px solid $brown;
	border-radius: 0;
	background: #fff;

	&:focus {
		border: 1px solid $schmuckfarbe1;
		outline: none;
	}
}

textarea {
	height: 250px;
}

input.submit,input[type="submit"], button {
	background-color: $corporate;
	color: #fff;
	border: none;
	transition:color .5s;
	-webkit-appearance: none;
	transition: background-color 0.5s;

	@media (min-width: 768px) {
		width: auto;
	}
}

input[type="submit"]  {
	padding: 15px 25px;
}

input[type="submit"]:hover,
.button:hover {
	background-color: darken($corporate, 5%);
}

.footer {

	.bigsize {
		font-size: 20px;
		line-height: 24px;
	}

	.legal {
		text-align: center;

		@media (min-width: 992px) {
			float: right;
			text-align: right;
			margin: 0;
		}

		a {
			color: #fff;
			transition: opacity 0.5s;

			&:hover,
			&:active {
				opacity: 0.5;
				color: #fff;
			}
		}
	}

	.bg-black .container {
		position: relative;
	}
}

.ce_toplink {
	background: $corporate;
	width: 40px;
	height: 40px;
	color: #fff;
	position: absolute;
	right: 0;
	top: 15px;

	a {
		position: absolute;
		top: 0;
		left: 2px;
		width: 100%;
		height: 100%;
		transform: rotate(90deg);
		text-align: center;

		&:before {
			content: "\e605";
			font: 20px/40px 'icomoon';
			color: #fff;
		}
	}
}

.nav li:last-child,.footer .social-links li:last-child,.rs-column.-large-col-4-1:last-child {
	margin-right:0;
}

.nav li ul,.contact form br,.hide {
	display:none;
}

.usp {
	a {
		color: #fff;
	}

	&:hover a {
		color: darken($corporate, 30%);
	}
}

.pagination {
	ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	li {
		float: left;

		&:first-child {
			a,
			strong {
				border-left: 1px solid #777;
			}
		}

		a, strong {
			border-top: 1px solid #777;
			border-right: 1px solid #777;
			border-bottom: 1px solid #777;
			text-align: center;
			padding: 5px 13px;
			float: left;
			background-color: lighten(#CBBC9F,15%);
			transition: all 0.5s;
		}
		strong {
			background-color: transparent;
		}
		a {
			&:hover,
			&:active {
				background-color: lighten(#CBBC9F,10%);
			}
		}
	}
}

.blog-reader {

		&.block {
			overflow: visible;
		}

		.ce_text {

			&.visual {
				padding-top: 0;
				padding-bottom: 0;
			}

			&.accordion {
				padding-top: 0;
				padding-bottom: 0;
			}
		}

		.ce_table {
			overflow: visible;
			overflow-x: scroll;
			margin-bottom: 20px;
		}

		.tabcontrol_tabs {
			width: 100%;
			display: flex;

			ul {
				margin: 0;
				padding: 0;
			}

			li {
				list-style: none;
			}
		}

		.tabs.selected {
			background-color: #ea6469;
			cursor: default;
		}
		.tabs {
			float: left;
			background-color: #ed7a7f;
			padding: 10px 20px;
			color: #faf7ee;
		}

		.prevArticle {
			margin-bottom: 30px;
			width: 50%;
			float: left;

			@media screen and (max-width: $iphone-pt) {
				width: auto;
			}
		}

		.nextArticle {
			float: right;
			width: 50%;
			margin-bottom: 30px;
			text-align: right;

			@media screen and (max-width: $iphone-pt) {
				width: auto;
			}
		}

		@media screen and (max-width: 660px) {
				.float_left {
					float: none;
					margin-right: 0;
					margin-bottom: 15px;
				}

				.float_right {
					margin-left: 0;
					float: none;
					margin-bottom: 15px;
				}
		}

		.socialButtons {
			margin-top: 30px;
			margin-bottom: 30px;

			.info {
				float: left;
				margin-right: 15px;
			}

			a {
				color: #666;

				&:before {
					font: 14px/30px 'icomoon';
					float: left;
					margin-right: 15px;
					width: 30px;
					height: 30px;
					background-color: $schmuckfarbe1;
					border-radius: 50%;
					color: #fff;
					text-align: center;
					transition: background-color 0.5s;

					&:hover,
					&:active {
						background-color: #cd103d;
					}
				}

				.a.PIN_1412281515083_pin_it_button_en_20_gray {
					background-image: none;
				}
			}

			.facebook a:before {
				content: "\e60e";
			}
			.twitter a:before {
				content: "\ea91";
			}
			.googleplus a:before {
				content: "\ea88";
			}
			.email a:before {
				content: "\e60b";
			}
		}
}

.rsts-skin-custom {

	.rsts-nav {
		position: absolute;
		bottom: 75px;
		left: 40px;

		ul {
			margin: 0;
			padding: 0;
		}

		li {
			list-style: none;
		}
	}

	.rsts-prev, .rsts-next {
		display: block !important;
		position: absolute;
		z-index: 5;
		width: 75px;
		height: 75px;
		text-indent: -9999px;
		bottom: 0;
		right: 0;
		transition: background-color 0.5s;

		@media (min-width: 768px) {
			right: -1px;
		}

	}

	.rsts-prev {
		background: url(../img/layout/bg-prev.svg) no-repeat center center #ccc;
		top: 0;

		@media (min-width: 1200px) {
			top: 285px;
		}

		&:hover,
		&:active {
			background-color: darken(#ccc, 15%);
		}
	}

	.rsts-next {
		background: url(../img/layout/bg-next.svg) no-repeat center center $corporate;

		@media (min-width: 1200px) {
			top: 360px;
		}

		&:hover,
		&:active {
			background-color: darken($corporate, 15%);
		}
	}

	.rsts-nav-item {
		display: none;
	}
}

.slider-praxis {

	.txt {
		/*background: darken($corporate, 8%);*/
		background: #706F6F;
		color: #fff;
		padding: 30px 50px;

		p:first-child {
			font-size: 50px;
			line-height: 56px;
		}

		p {
			font-size: 20px;
			color: rgba(#fff,90%);
		}
	}
}


.arzt {
	position: relative;
	//padding-left: 0;
	//padding-right: 0;
	margin-bottom: 15px;

	@media (min-width: 768px) {
		//padding-right: 15px;
	}

	@media (min-width: 1200px) {
		margin-bottom: 0;
	}

	&:nth-child(2) {
		@media (min-width: 1200px) {
			//padding-left: 7px;
			//padding-right: 7px;
		}
	}

	/*img {
		width: 100%;
	}*/

	.text {
		padding: 15px 0;
		color: #666;
		font-size: 12px;

		@media (min-width: 768px) {
			color: #000;
		}

		@media (min-width: 992px) {
			position: absolute;
			top: 0;
			right: 15px;
			text-align: right;
			padding: 15px;
			display: flex;
			flex-direction: column;
			height: 100%;
			font-weight: 400;
		}

		@media (min-width: 1200px) {
			padding: 20px 30px 20px 50px;
		}

		.first {
			color: #fba953;
			display: block;
		    font-weight: 100;
		}

		a {
			padding: 5px 15px;
			background-color: $corporate;
			transition: background-color 0.5s;
			display: inline-block;
			color: #fff;

			@media (min-width: 1200px) {

			}

			&:hover, &:active {
				background-color: darken($corporate, 10%);
			}
		}

		.orange {
			font-size: 20px;
		}
	}

	.bigsize {
		@media screen and (min-width: 992px) {
			color: #666;
		}
	}

	p:last-child {
		margin-bottom: 0;
	}

	&.opening {
		@media (min-width: 768px) {
			clear: left;
		}
		@media (min-width: 992px) {
			clear: none;
		}
		@media (min-width: 1200px) {
			padding-left: 15px;
			padding-right: 0;
		}

		.text {
			@media (min-width: 992px) {
				text-align: left;
				right: auto;
				left: 0;
			}
			@media (min-width: 1200px) {
				padding: 20px 0 20px 30px;
			}
		}

		a {
			color: #333;
		}
	}
}

.bigsize {
	font-weight: bold;
	font-size: 30px;
	line-height: 40px;
	display: block;
}
.orange {
	color: $corporate;

}

#cookiebar {
	background-color: lighten(#000, 5%);

	button {
		background-color: $corporate;
	}
}

.contactform {
	.widget {
		margin-bottom: 15px;
	}

	.submit {
		margin-top: 15px;
	}
}

#left, .check-list {
	.ce_text a[href^='http:'], .ce_text a[href^='https:'] {
		content: '';
		padding: 0;
		background: none;
	}
}



.margin-top-xs {
	margin-top: 15px;

	@media (min-width: 768px) {

	}
}
.margin-bottom-xs {
	margin-bottom: 15px;

	@media (min-width: 768px) {

	}
}

.margin-top-auto {
	margin-top: auto;
}

.padding-top-xs {
	margin-top: 15px;

	@media (min-width: 768px) {

	}
}
.padding-bottom-xs {
	margin-bottom: 15px;

	@media (min-width: 768px) {

	}
}

.margin-top-s {
	margin-top: 15px;

	@media (min-width: 768px) {
		margin-top: 30px;
	}
}
.margin-bottom-s {
	margin-bottom: 15px;

	@media (min-width: 768px) {
		margin-bottom: 30px;
	}
}

.padding-top-s {
	padding-top: 15px;

	@media (min-width: 768px) {
		padding-top: 30px;
	}
}
.padding-bottom-s {
	padding-bottom: 15px;

	@media (min-width: 768px) {
		padding-bottom: 30px;
	}
}

.margin-top-m {
	margin-top: 15px;

	@media (min-width: 768px) {
		margin-top: 50px;
	}
}
.margin-bottom-m {
	margin-bottom: 15px;

	@media (min-width: 768px) {
		margin-bottom: 50px;
	}
}

.padding-top-m {
	padding-top: 15px;

	@media (min-width: 768px) {
		padding-top: 50px;
	}
}
.padding-bottom-m {
	padding-bottom: 15px;

	@media (min-width: 768px) {
		padding-bottom: 50px;
	}
}

.margin-top-l {
	margin-top: 15px;

	@media (min-width: 768px) {
		margin-top: 80px;
	}
}
.margin-bottom-l {
	margin-bottom: 15px;

	@media (min-width: 768px) {
		margin-bottom: 80px;
	}
}

.padding-top-l {
	padding-top: 15px;

	@media (min-width: 768px) {
		padding-top: 80px;
	}
}
.padding-bottom-l {
	padding-bottom: 15px;

	@media (min-width: 768px) {
		padding-bottom: 80px;
	}
}

// Call to action Box
.cta-box {
	background-color: $corporate;
	color: #fff;
	padding: 1em;
	font-weight: bold;

	p {
		margin-bottom: 0;
	}
}