@charset "utf-8";

:root {
		
	--ci-color-orange: #f39314;
	--ci-color-orange-rgb: 243,147,20;
	
	--ci-color-dark: #2b2a29;
	--ci-color-dark-rgb :43,42,41;
	
	--ci-color-blue: #007db0;
	--ci-color-blue-rgb: 0,125,176 ;
	
	/*	
	--color-font-headlines-dark-rgb: 2,2,2;
	--color-font-headlines-dark: #020202;
	
	--color-font-dark-rgb: 60,60,60;
	--color-font-dark: #3c3c3c;
	
	--color-red-rgb: 197,20,28;
	--color-red: #c5141c;
	
	--color-ci-green-rgb: 18,96,106;
	--color-ci-green: #12606a;
	
	--color-ci-rgb: 18,96,106;
	--color-ci: #12606a;
	
	--color-darkestgrey-rgb: 64,64,64;
	--color-darkestgrey: #404040;
	
	--color-darkgrey-rgb: 101,101,101;
	--color-darkgrey: #656565;
		
	--color-grey-rgb: 181,181,181;
	--color-grey: #b5b5b5;
		
	--color-lightgrey-rgb: 229,229,229;
	--color-lightgrey: #e5e5e5;
		
	--color-link-grey-rgb: 102,102,102;
	--color-link-grey: #666666;
		
	--color-green-rgb: 108,177,46;
	--color-green: #6cb12e;
		
	--color-darkgreen-rgb: 22,130,45;
	--color-darkgreen: #16822d;
	
	--color-blue-1-rgb: 29,79,108;
	--color-blue-1-rgb: 25,38,48;
	
	--color-grey-headline-rgb: 134,129,125;
	--color-grey-headline: #86817D;
		
	--color-dark-text-rgb:46,45,48;
	--color-dark-text:#2e2d30;
	
	--slider-height: 1080px;	
		
	--picbox-width: 236px;
	--picbox-pano-width: 312px;
	
	--container-width: 1280px;
	
	--color-blue-body1-rgb: 29,79,108;
	--color-blue-body2-rgb: 25,38,48;
	*/
	
}
/* carlito-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Carlito';
  font-style: normal;
  font-weight: 400;
  src: url('/includes/fonts/carlito-v4-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('/includes/fonts/carlito-v4-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/includes/fonts/carlito-v4-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/includes/fonts/carlito-v4-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('/includes/fonts/carlito-v4-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/includes/fonts/carlito-v4-latin-regular.svg#Carlito') format('svg'); /* Legacy iOS */
}

/* carlito-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Carlito';
  font-style: italic;
  font-weight: 400;
  src: url('/includes/fonts/carlito-v4-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('/includes/fonts/carlito-v4-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/includes/fonts/carlito-v4-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/includes/fonts/carlito-v4-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('/includes/fonts/carlito-v4-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/includes/fonts/carlito-v4-latin-italic.svg#Carlito') format('svg'); /* Legacy iOS */
}

/* carlito-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Carlito';
  font-style: normal;
  font-weight: 700;
  src: url('/includes/fonts/carlito-v4-latin-700.eot'); /* IE9 Compat Modes */
  src: url('/includes/fonts/carlito-v4-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/includes/fonts/carlito-v4-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/includes/fonts/carlito-v4-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('/includes/fonts/carlito-v4-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/includes/fonts/carlito-v4-latin-700.svg#Carlito') format('svg'); /* Legacy iOS */
}

/* carlito-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Carlito';
  font-style: italic;
  font-weight: 700;
  src: url('/includes/fonts/carlito-v4-latin-700italic.eot'); /* IE9 Compat Modes */
  src: url('/includes/fonts/carlito-v4-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/includes/fonts/carlito-v4-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/includes/fonts/carlito-v4-latin-700italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('/includes/fonts/carlito-v4-latin-700italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/includes/fonts/carlito-v4-latin-700italic.svg#Carlito') format('svg'); /* Legacy iOS */
}


* {
	margin:0;
	padding:0;
	line-height:100%;
	outline:0;
}

html {
	width:100%;
	height:100%; 
	font-size: 100.01%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	font-family: 'Carlito', Helvetica, Tahoma, Verdana, Arial, san-serif;
}

body {
	position:relative;
	height:100%; 
	margin:0;
	padding:0;
	font-size:62.5%;
	font-weight: normal;
	font-style: normal;
	text-align:center;
	color:#2e2d30;
	overflow-y:scroll;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	font-family: 'Carlito', Helvetica, Tahoma, Verdana, Arial, san-serif;
	background-color:#fff;
}

#container {
	position:relative;
	width:100%;
	height:auto;
	padding:0;
	/*
	margin:0;
	*/
	margin:58px 0 0 0;	
	font-size:100% !important;
	background-color:#fff;
}

#container #box {
	width:960px;
	margin:0 auto;
	text-align:left;
	color:#2e2d30;
}

/* ###  ALLGEMEINE DEFINITIONEN START ### */

h1,
h2,
h3,
h4,
h5,
h6,
.headline,
legend,
p.h3,
p.h4 {
	font-family: 'Carlito', Helvetica, Tahoma, Verdana, Arial, san-serif;
	/*
	color:#666;
	*/
	color:var(--ci-color-dark);
	font-weight:normal;
	font-style:normal;
	word-wrap: break-word;
}

a {
	/*
	color:#666;
	*/
	color:#333;
	font-weight:500;
	text-decoration:dotted underline;
}

a:hover {
	text-decoration:underline;
}

.color {
	color:var(--ci-color-orange);
} 

#container .error {
	color:red;
}

.center {
	text-align:center;
}

.cb {
	clear:both;
	display:block;
	margin:0;
	padding:0;
}

hr {
	clear:both;
	display:block;
	width:100%;
	margin:24px auto;
	height:1px;
	border:none;
	background:none;
	border-top:1px dotted #9D9C8A;
}

.upper {
	text-transform:uppercase;
}

#container .rounder {
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px; 
	border-radius: 8px; 
}

#container .round {
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px; 
}

#content .schatten {
	-webkit-box-shadow: 0px 2px 4px 0px rgba(102,102,102,0.7);
	-moz-box-shadow: 0px 2px 4px 0px rgba(102,102,102,0.7);
	box-shadow: 0px 2px 4px 0px rgba(102,102,102,0.7);
}

#content .hinweis {
	text-align:left;
}

/* new clearfix */
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
	
/* Hides from IE5/Mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE5/Mac */

#content br.space {
	display:block;
	margin:0 0 36px 0;
}

#content .hidden {
	display:none;
}

/* ###  ALLGEMEINE DEFINITIONEN ENDE ### */


/* ### HEADER START ### */

header#header {
	display:block;
	width:auto;	
	/*
	margin:0 0 58px 0;	
	*/
	margin:0;	
	padding:0;
	text-align:left;	
	
	border-bottom:2px solid var(--ci-color-orange);
	
}

header#header div.headerbox {
	display:block;
	width:1320px;
	margin:0 auto;
	position:relative;
	padding:6px 0;
	text-align:left;	
}

header#header div.headerbox p.logo {	
	line-height:100%;
	float:left;
	width:auto;
}

header#header div.headerbox p.logo a,
header#header div.headerbox p.logo a:hover,
header#header div.headerbox a,
header#header div.headerbox a:hover {
	text-decoration:none !important;
}

header#header div.headerbox p.logo img#logo {
	width:100%;
	max-width:350px;
	height:auto;
}


@media only screen and (min-width:1025px) and (max-width:1399px){
	
	header#header div.headerbox {
		display:block;
		width:calc(100% - 40px);
		margin:0 auto;
		position:relative;
		padding:6px 20px;
		text-align:left;	
	}
	
	header#header div.headerbox p.logo img#logo {
		width:100%;
		max-width:250px;
		height:auto;
	}
	
}

@media only screen and (min-width:1025px) and (max-width:1276px){

	.sm-clean li.button_link a span {
		display:none;
	}
}


@media only screen and (max-width:1024px){
	
	header#header div.headerbox p.logo img#logo {
		width:100%;
		max-width:250px;
		height:auto;
	}

	header#header {
		background:transparent !important;
		text-align:center;
		height:auto;
	}
	
	header#header div.headerbox {
		width:100%;
		position:relative !important;
	}
		
}


/*
@media only screen and (max-width: 500px) {
	
	header#header div.headerbox p.logo {
		display:block !important;
		text-align:center !important;
		margin:0 auto !important;
		float:none !important;
		width:100% !important;
	}
	
	header#header div.headerbox p.logo img#logo {		
		margin:0 auto !important;
	}
		
}
*/

/* ### HEADER ENDE ### */



@media only screen and (max-width: 767px) {

	#mobnav-btn {
        display: inline-block;
    }
	
	/*
	header,
	#container #box,
	nav#nav,
	footer div#block,
	#content,
	#bildslider,
	#wrapper,
	#carousel {
		display:block;
		float:none;
		margin:0;
		padding:0;
		width:auto;		
	}	
	*/
		
}

/* ### NAVI START ### */



/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
	You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/

.sm{box-sizing:border-box;position:relative;z-index:9999;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:default;}
.sm::after{content:"";display:block;height:0;font:0px/0 serif;clear:both;overflow:hidden;}
.sm *,.sm *::before,.sm *::after{box-sizing:inherit;}

/* sm-clean START */

.sm-clean {
	border-radius: 0px;
}

.sm-clean li a, .sm-clean li a:hover, .sm-clean li a:focus, .sm-clean li a:active, .sm-clean li a.highlighted {
	padding: 13px 20px 13px 12px;
	/* make room for the toggle button (sub indicator) */
	padding-right: 58px;	
	font-size:160%;
	line-height:110%;
	letter-spacing:1px;	
	font-weight: normal;
	text-decoration: none;
	border-radius: 0px;
}

.sm-clean li a:hover, .sm-clean li a:focus, .sm-clean li a:active, .sm-clean li a.highlighted {
	background-color:rgba(var(--ci-color-orange-rgb),1);
	color:#000;
}

.sm-clean li a {}

.sm-clean li > a, .sm-clean li > a:hover, .sm-clean li > a:focus, .sm-clean li > a:active, .sm-clean li > a.highlighted {}

.sm-clean li li a, 
.sm-clean li li a:hover, 
.sm-clean li li a:focus, 
.sm-clean li li a:active,
.sm-clean li li a.highlighted {
	font-size:140%;
	line-height:130%;
	text-transform:none !important;
} 

.sm-clean li li a {
	color:#333;
	background-color:#fff;
}

.sm-clean li li a:hover, 
.sm-clean li li a:focus, 
.sm-clean li li a:active,
.sm-clean li li a.highlighted {	
	color:#000;
	background-color:rgba(var(--ci-color-orange-rgb),1);
}

.sm-clean li a.current {}
.sm-clean li a.disabled {}

.sm-clean li a .sub-arrow {
	position: absolute;
	top: 50%;
	margin-top: -17px;
	left: auto;
	right: 4px;
	width: 34px;
	height: 34px;
	overflow: hidden;
	font: bold 16px/34px monospace !important;
	text-align: center;
	text-shadow: none;
}
.sm-clean li a .sub-arrow::before {
	content: '+';
}
.sm-clean li a.highlighted .sub-arrow::before {
	content: '-';
}
.sm-clean > li:first-child > a, .sm-clean > li:first-child > :not(ul) a {}
.sm-clean > li:last-child > a, .sm-clean > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul, .sm-clean > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {}
.sm-clean > li:last-child > a.highlighted, .sm-clean > li:last-child > *:not(ul) a.highlighted, .sm-clean > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {
	border-radius: 0;
}
.sm-clean li {
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.sm-clean > li:first-child {
	border-top: 0;
}
.sm-clean ul {
	color:rgba(var(--ci-color-orange-rgb),1);
}
.sm-clean ul a, .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active {
	text-transform:none;
	border-left: 16px solid transparent;
}
.sm-clean ul a {
	color:rgba(var(--ci-color-orange-rgb),1);
}

.sm-clean ul ul a,
.sm-clean ul ul a:hover,
.sm-clean ul ul a:focus,
.sm-clean ul ul a:active {
	border-left: 16px solid transparent;
}
.sm-clean ul ul ul a,
.sm-clean ul ul ul a:hover,
.sm-clean ul ul ul a:focus,
.sm-clean ul ul ul a:active {
	border-left: 24px solid transparent;
}
.sm-clean ul ul ul ul a,
.sm-clean ul ul ul ul a:hover,
.sm-clean ul ul ul ul a:focus,
.sm-clean ul ul ul ul a:active {
	border-left: 32px solid transparent;
}
.sm-clean ul ul ul ul ul a,
.sm-clean ul ul ul ul ul a:hover,
.sm-clean ul ul ul ul ul a:focus,
.sm-clean ul ul ul ul ul a:active {
	border-left: 40px solid transparent;
}

.sm-clean {
	clear:both;
	display:block;
}

@media (min-width: 1025px) {
	/* Switch to desktop layout
	-----------------------------------------------
		These transform the menu tree from
		collapsible to desktop (navbar + dropdowns)
	-----------------------------------------------*/
	/* start... (it's not recommended editing these rules) */
	.sm-clean ul {
		position: absolute;
		width: 12em;
	}

	.sm-clean li {
		float: left;
	}

	.sm-clean.sm-rtl li {
		float: right;
	}

	.sm-clean ul li, .sm-clean.sm-rtl ul li, .sm-clean.sm-vertical li {
		float: none;
	}

	.sm-clean li a {
		white-space: nowrap;
	}

	.sm-clean ul a, .sm-clean.sm-vertical a {
		white-space: normal;
	}

	.sm-clean .sm-nowrap > li > a, .sm-clean .sm-nowrap > li > :not(ul) a {
		white-space: nowrap;
	}

	/* ...end */
		
	.sm-clean {	}
	.sm-clean li a, .sm-clean li a:hover, .sm-clean li a:focus, .sm-clean li a:active, .sm-clean li a.highlighted {
		padding: 6px 18px 6px 8px;
		line-height:130%;		
		color:#333;
		border-radius: 0 !important;		
		text-align:left;
	}
	
	.sm-clean li a {
		/*
		background-color:rgba(242,242,242,1);
		*/
		color:#333;
	}	
	.sm-clean li a:hover, 
	.sm-clean li a:focus, 
	.sm-clean li a:active, 
	.sm-clean li a.highlighted {
		text-decoration:none;
		color:#333;
		background-color:rgba(var(--ci-color-orange-rgb),1);
	}
	.sm-clean li a.current {
		text-decoration:none;
		font-weight:600;
		color:#000;
		background-color:rgba(var(--ci-color-orange-rgb),1);
	}
	.sm-clean li.aktiv a {
		color:#000;
		background-color:rgba(var(--ci-color-orange-rgb),1);		
	}
	.sm-clean li.aktiv li a,
	.sm-clean li li a	{
		text-decoration:none !important;
		color:#000;
		background-color:rgba(242,242,242,1) !important;
	}
	.sm-clean li li a:hover, 
	.sm-clean li li a:focus, 
	.sm-clean li li a:active, 
	.sm-clean li li a.highlighted
	.sm-clean li.aktiv li a:hover, 
	.sm-clean li.aktiv li a:focus, 
	.sm-clean li.aktiv li a:active, 
	.sm-clean li.aktiv li a.highlighted  {
		text-decoration:none !important;
		color:#000;
		background-color:rgba(var(--ci-color-orange-rgb),1) !important;
	}
	.sm-clean li a.disabled {	
		color:#999;
	}
		
	.sm-clean li a.has-submenu {
		padding-right: 24px;
	}
	.sm-clean li a .sub-arrow {
		top: 50%;
		margin-top: -2px;
		right: 12px;
		width: 0;
		height: 0;
		border-width: 4px;
		border-style: solid dashed dashed dashed;
		border-color: #f5a034 transparent transparent transparent;
		background: transparent;
		border-radius: 0;
	}
	.sm-clean li a .sub-arrow::before {
		display: none;
	}
	.sm-clean li a:hover .sub-arrow,
	.sm-clean li.aktiv a .sub-arrow,
	.sm-clean li:hover a .sub-arrow	{
		border-color: #fff transparent transparent transparent;
	}
	
	.sm-clean li {
		border-top: 0;
	}
		
	.sm-clean > li > ul::before,
	.sm-clean > li > ul::after {
		content: '';
		position: absolute;
		top: 0px;
		left: 0px;
		width: 0;
		height: 0;
		overflow: hidden;
		border-width: 0px;
		border-style: dashed dashed solid dashed;
		border-color: transparent transparent #bbbbbb transparent;
	}
	.sm-clean > li > ul::after {
		top: -0px;
		left: 0px;
		border-width: 0px;
		border-color: transparent transparent #fff transparent;
	}
	
	.sm-clean ul ul {
		margin-top:0 !important;
	}
		
	.sm-clean ul {
		margin-top:0 !important;
	}
	.sm-clean li.aktiv ul a {
		font-weight:normal;
		text-decoration:none !important;
	}
	.sm-clean ul a, .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted {
		border: 0 !important;
		padding:10px 20px;
		text-align:left;
	}
	.sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted, .sm-clean li.aktiv ul a:hover, .sm-clean li.aktiv ul a:focus, .sm-clean li.aktiv ul a:active, .sm-clean li.aktiv ul a.highlighted {
		text-decoration:underline;
	}
	.sm-clean ul a.current {
		text-decoration:underline;
	}
	.sm-clean ul a.disabled {
		
	}
	.sm-clean ul a.has-submenu {
		padding-right: 20px;
	}
	.sm-clean ul a .sub-arrow {
		right: 8px;
		top: 50%;
		margin-top: -5px;
		border-width: 5px;
		border-style: dashed dashed dashed solid;
		border-color: transparent transparent transparent #555555;
	}
	.sm-clean .scroll-up,
	.sm-clean .scroll-down {
		position: absolute;
		display: none;
		visibility: hidden;
		overflow: hidden;
		background: #fff;
		height: 20px;
	}
	.sm-clean .scroll-up:hover,
	.sm-clean .scroll-down:hover {
		background: #eeeeee;
	}
	.sm-clean .scroll-up:hover .scroll-up-arrow {
		border-color: transparent transparent rgba(0,6,130,1) transparent;
	}
	.sm-clean .scroll-down:hover .scroll-down-arrow {
		border-color: rgba(0,6,130,1) transparent transparent transparent;
	}
	.sm-clean .scroll-up-arrow,
	.sm-clean .scroll-down-arrow {
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -6px;
		width: 0;
		height: 0;
		overflow: hidden;
		border-width: 6px;
		border-style: dashed dashed solid dashed;
		border-color: transparent transparent #555555 transparent;
	}
	.sm-clean .scroll-down-arrow {
		top: 8px;
		border-style: solid dashed dashed dashed;
		border-color: #555555 transparent transparent transparent;
	}
	
	/*
	.sm-clean.sm-rtl a.has-submenu {
		padding-right: 12px;
		padding-left: 24px;
	}
	.sm-clean.sm-rtl a .sub-arrow {
		right: auto;
		left: 12px;
	}
	.sm-clean.sm-rtl.sm-vertical a.has-submenu {
		padding: 10px 20px;
	}
	.sm-clean.sm-rtl.sm-vertical a .sub-arrow {
		right: auto;
		left: 8px;
		border-style: dashed solid dashed dashed;
		border-color: transparent #555555 transparent transparent;
	}
	.sm-clean.sm-rtl > li > ul::before {
		left: auto;
		right: 30px;
	}
	.sm-clean.sm-rtl > li > ul::after {
		left: auto;
		right: 31px;
	}
	.sm-clean.sm-rtl ul a.has-submenu {
		padding: 10px 20px !important;
	}
	.sm-clean.sm-rtl ul a .sub-arrow {
		right: auto;
		left: 8px;
		border-style: dashed solid dashed dashed;
		border-color: transparent #555555 transparent transparent;
	}
	.sm-clean.sm-vertical {
		padding: 10px 0;
		border-radius: 5px;		
	}
	.sm-clean.sm-vertical a {
		padding: 10px 20px;
	}
	.sm-clean.sm-vertical a:hover, .sm-clean.sm-vertical a:focus, .sm-clean.sm-vertical a:active, .sm-clean.sm-vertical a.highlighted {
		background: #fff;
	}
	.sm-clean.sm-vertical a.disabled {
		background: #eeeeee;
	}
	.sm-clean.sm-vertical a .sub-arrow {
		right: 8px;
		top: 50%;
		margin-top: -5px;
		border-width: 5px;
		border-style: dashed dashed dashed solid;
		border-color: transparent transparent transparent #555555;
	}
	.sm-clean.sm-vertical > li > ul::before,
	.sm-clean.sm-vertical > li > ul::after {
		display: none;
	}
	.sm-clean.sm-vertical ul a {
		padding: 10px 20px;
	}
	.sm-clean.sm-vertical ul a:hover, .sm-clean.sm-vertical ul a:focus, .sm-clean.sm-vertical ul a:active, .sm-clean.sm-vertical ul a.highlighted {
		background: #eeeeee;
	}
	.sm-clean.sm-vertical ul a.disabled {
		background: #fff;
	}
	*/
	
	
	.sm-clean li.button_link {
		color:#fff;
		margin-left:10px;
		-webkit-border-radius: 1px; 
		-moz-border-radius: 1px; 
		border-radius: 1px; 
	}
	.sm-clean li.button_link a {
		padding:6px 8px;
		
		
	}
	.sm-clean li.button_link,
	.sm-clean li.button_link:hover,
	.sm-clean li.button_link a,
	.sm-clean li.button_link a:hover {
		background-color:rgba(var(--ci-color-blue-rgb),1) !important;
		text-decoration:none !important;
		color:#fff;
	}
	.sm-clean li.button_link svg {
		width:16px;
		height:16px;
		vertical-align:-2px;
		stroke-width: 2;
		/*
		margin-right:3px;
		*/
		stroke:#fff;
	}	
	.sm-clean li.button_link span {
		margin-left:3px;
		display:inline-block;
	}
	
}

@media only screen and (min-width:1025px) and (max-width:1276px){

	.sm-clean li.button_link a span {
		display:none;
	}
}

/*# sourceMappingURL=sm-clean.css.map */

/* sm-clean ENDE */

#main-menu {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	margin:0 !important;
	text-align:left !important;
	clear: both;
}

.sm-clean {	
	display:inline-block;
	margin:0 !important;
	text-align:left !important;	
}


/* Mobile menu toggle button */

.main-menu-btn {
	float: right;
	margin: 4px 10px 4px 10px;
	position: relative;
	display: inline-block;
	width: 29px;
	height: 29px;
	text-indent: 29px;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* hamburger icon */

.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
	position: absolute;
	top: 50%;
	left: 2px;
	height: 2px;
	width: 24px;
	background: #f5a034;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
}

.main-menu-btn-icon:before {
	content: '';
	top: -7px;
	left: 0;
}

.main-menu-btn-icon:after {
	content: '';
	top: 7px;
	left: 0;
}

/* x icon */

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
	height: 0;
	background: transparent;
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
	top: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
	top: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* hide menu state checkbox (keep it visible to screen readers) */

#main-menu-state {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}

/* hide the menu in mobile view */

#main-menu-state:not(:checked) ~ #main-menu {
	display: none;
}

#main-menu-state:checked ~ #main-menu {
	display: block;
}

@media (min-width: 1025px) {
	/* hide the button in desktop view */
	.main-menu-btn {
		position: absolute;
		top: -99999px;
	}
	/* always show the menu in desktop view */
	#main-menu-state:not(:checked) ~ #main-menu {
		display: block;
	}

}

nav#menu { 
	clear:both;
	position:relative;
	width:auto;
	display:inline-block;
	margin:0;
}

nav#menu ul li {	
	font-size:100%;
}

@media only screen and (min-width: 1025px) {
	
	
	nav#menu #main-menu { 				
		margin-top:25px !important;
		margin-left:70px !important;
	}

}

@media only screen and (max-width: 1024px) {
	
	nav#menu { 
		width:calc(100% - 0px);
		display:inline-block;			
		/*
		margin: -24px 0 0 0 !important;
		*/
		margin: -36px 0 0 0 !important;
		padding:0;
		text-align:left;	
		background-color:rgba(255,255,255,0);
	}

	.sm-clean  {	
		background-color:rgba(242,242,242,1);
	}
	
	header#header div.headerbox {
		/*
		height:auto !important;
		*/
		padding-bottom:0 !important;
	}
	
	
	/*
	header#header div.headerbox p.logo {
		position:relative;
		top:10px;
		left:10px;
		z-index:99999;
	}
	*/
	
	
	header#header div.headerbox p.logo {	
		line-height:100%;
		float:left;
		width:auto;
		margin:0 20px;
	}
	
	/*
	header#header div.headerbox {
		display: block;
		width: calc(100% - 40px);
		margin: 0 auto;
		position: relative;
		padding: 6px 20px;
		text-align: left;
	}
	*/
	
}

/* ### NAVI ENDE ### */

#bildslider {
	border-top:2px solid rgba(var(--ci-color-orange-rgb),1);
	border-bottom:2px solid rgba(var(--ci-color-orange-rgb),1);
}


/* ##### BILDSLIDER START ##### */

#bildstreifen {
	clear:both;
	width:100%;
	
	position:relative;
	padding-bottom:calc(380/1904 * 100%); 
	padding-top:0px;
	height:0;
	overflow:hidden;	
	
	background-color:var(--ci-color-orange);
	background-color:#fff;	
	
	margin-bottom:36px;	
}

#bildstreifen div.shape {
	
	position:relative;
	padding-bottom:calc(110/1920 * 100%); 
	padding-top:0px;
	height:0;
	overflow:hidden;
	
	width: 100%;
	background:#fff;	
	clip-path: polygon(100% 0, 0 0, 0 100%);
		
}


#bildstreifen img.pic {
	width:100%;
	height:auto;
	object-fit: cover;
	
	clip-path: polygon(0 0, 100% 0%, 100% 67%, 0% 100%);
	
	/*
	clip-path: polygon(0 0, 100% 0%, 100% 50%, 0% 100%);
	clip-path: polygon(0 0, 0% 100%, 100% 0);
	*/
}



/* ##### BILDSLIDER ENDE ##### */




/* ##### BREADCRUMB START ##### */

p#breadcrumb {
	display:block;
	clear:both;
	width:100%;
	margin:0;
	padding:12px 0 24px 0;
	font-size:120%;
	line-height:120%;
}

p#breadcrumb a, p#breadcrumb a:hover {
	font-weight:normal;
	color:#333;
}

/* ##### BREADCRUMB ENDE ##### */


/* ##### FOOTER START ##### */ 

footer {
	display:block;
	width:100%;
	color:var(--ci-color-dark);
	background:rgba(var(--ci-color-orange-rgb),1);
	margin:0;
	/*
	padding:12px 0 24px 0;
	*/
	padding:0;
	font-size:120% !important;
	text-align:center;
	
}


footer div.shape {

	/*
	height: 110px;
	*/
	position:relative;
	padding-bottom:calc(110/1920 * 100%); 
	padding-top:0px;
	height:0;
	overflow:hidden;
	
	width: 100%;
	background:#fff;	
	clip-path: polygon(100% 0, 0 0, 0 100%);
	
}

	
/*
footer div#block {
	width:960px;
	margin:0 auto;
	text-align:left;
	padding:12px 0 24px 0;
}

footer p,
footer li {
	text-align:left;
	font-size:140%;
	line-height:140%;
}

footer span.r {
	float:right;
}

footer li a,
footer p a {
	color:#fff;
}

footer p.box25,
footer ul.box25 {
	float:left;
	width:22.5%;
	margin:0 3.33% 0 0;	
}

footer ul.r,
footer p.r {
	margin:0;
}

footer ul.box25 {
	list-style:none;
}
*/





footer #footer_content {
	display:block !important;
	margin:10px auto 0 auto !important;
	width:calc(100% - 40px);
	max-width:1220px;
	padding:20px;	
	text-align:left;
	color:var(--ci-color-dark);
}

footer #footer_content div p {
	display:block;
	text-align:left;
	font-size:130%;
	line-height:140%;
}

footer #footer_content div p span.r {
	float:right;
	margin-top:3px;
	margin-right:45px;
	line-height:140%;
}

footer a {
	color:var(--ci-color-dark) !important;
}

footer svg.icon-tabler {
	stroke:var(--ci-color-dark);
	stroke-width: 1.5;
	width:20px;
	height:20px;
	margin-right:4px !important;
	vertical-align:-4px !important;
}


footer .go-top {
	position: fixed;
	bottom: 1.5em;
	right: 1.25em;
	text-decoration: none;
	color: #fff;
	text-align:left;
	background-color: rgba(var(--ci-color-dark-rgb),1);
	width:24px;
    height:24px;
    line-height:24px;
    border-radius: 50%;
	font-size: 12px;
	padding: 1em;
	display: none;
	z-index:10000;
	cursor:pointer;
}

footer .go-top:hover {
	background-color: rgba(var(--ci-color-dark-rgb),1);
}

footer a.go-top svg {
	stroke-width: 2;
	margin:-2px 0 0 -3px !important;
	vertical-align:0 !important;
}


footer .flex-container {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	justify-content: center;
	margin:0;
	width:100%;
}

footer .flex-container .flexbox {	
	padding:0 20px 0 0;
	display: flex;	
	flex-flow: column nowrap;
	text-align:left;
}

footer .flex-container .box66 {
	width:calc(66.66% - 41px);
	margin:0 20px 20px 0;
	text-align:left;
}

footer .flex-container .box50 {
	width:calc(50% - 41px);
	margin:0 20px 20px 0;
	text-align:left;
}

footer .flex-container .box33 {
	width:calc(33.33% - 41px);
	margin:0 20px 20px 0;
	text-align:left;
}

footer .box25:nth-child(3n){
	border:none;
}

footer .flex-container .box25 {
	width:calc(25% - 41px);
	margin:0 20px 20px 0;
}

footer .box25:nth-child(4n){
	border:none;
}

footer .flex-container .box20 {
	width:calc(20% - 41px);
	margin:0 0 20px 20px;
}

footer .box20:nth-child(5n){
	border:none;
}

footer .flexbox h4,
footer .flexbox .h4 { 
	font-size:150%;
	line-height:130%;
	font-weight:600;
	text-align:left;
	margin:0 0 3px 0;
	padding:0;
	color:var(--ci-color-dark);
	border-bottom: 1px solid;
	border-image-source: linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,0));
	border-image-slice: 1;
}

footer .flexbox h4 a,
footer .flexbox .h4 a {  
	font-weight:600;
}

footer .flexbox ul {
	list-style:none;
	margin:0 0 0 2px;
	padding:0;
}

footer .flexbox ul ul {
	list-style:none;
	margin-left:16px;
}

footer .flexbox p,
footer .flexbox ul li {
	font-size:120%;
	line-height:140%;
}

footer .flexbox ul li {
	margin:0;
}
	
footer .flexbox ul li li {
	font-size:100%;
} 

footer .flexbox ul.check { 
	margin-left: 16px; 
	list-style: none;
}

footer .flexbox ul.check li { 
	position: relative; 
	line-height: 150%;
	display:block;
}

footer .flexbox ul.check li::before { 
    position:absolute;
	left: -16px;
	top:2px;
    content: url(/gif/icons/check-footer.svg) " ";
}

footer .flexbox ul.inline-list {
	list-style-position: outside;
	margin:0;
	display:inline-block;
}

footer .flexbox ul.inline-list li {
	display:inline-block;
}

footer .flexbox ul.inline-list li:after {
	content:" | ";
	display:inline-block;
	vertical-align:1px;
	min-width:2px;		
	margin-left:2px;	
	margin-right:2px;
}

footer .flexbox ul.inline-list li:last-child:after {
	content:"";
}

footer .icon_sm {
	width:20px;
	height:20px;
}

footer p.space_top {
	/*
	margin-top:6px !important;
	*/
}


footer ul.subnavi li {
	display:inline;
	font-size:130%;
}

footer ul.subnavi li:after {content: " | " }

footer ul.subnavi li:last-child:after {content: "" }




footer .flexbox ul li a,
footer .flexbox p.subnavi a,
footer .flexbox a[href*="kontakt"]	{
	display:inline-block;
	padding:5px 0 !important;
}



/* NEU */

footer ul.subnavi li ul {
	display:none;
}

footer ul.subnavi li.aktiv ul {
	display:inline !important;
	clear:none;
	margin:0 !important;
}

footer ul.subnavi li.aktiv li {
	display:inline;
}

footer ul.subnavi li.aktiv li:first-child:before {content: " | " }


footer ul.subnavi li.aktiv a,
footer ul.subnavi li.aktiv li a {
	display:inline-block !important;
}

/* NEU ENDE */



footer .flexbox p {
	margin-bottom:12px;
}

footer .flexbox p svg.icon-tabler {
	width:16px;
	height:16px;
	stroke-width:2px;
	margin-right:4px !important;
	stroke:var(--ci-color-dark) !important;
}

footer .flexbox p svg.icon-tabler-bigger {
	width:24px;
	height:24px;
	vertical-align:-3px;
	stroke-width:1.5px;
	margin-right:4px !important;
}

footer .flexbox p span.blanko_space {
	display:inline-block !important;
	margin-left:20px !important;
	line-height:140%;
}





/* FOOTER TYPO START */

footer h4 {
	font-size:140%;
	line-height:130%;
	margin:0 0 6px 0;
}

footer a {
	text-decoration:none;
	font-weight:normal;
	color:var(--ci-color-dark);
}

footer strong a {
	font-weight:600;
}

footer div#block div.box ul {
	list-style:none;
	margin:3px 0 0 1px;
}

footer div#block div.box p, 
footer div#block div.box li {
	margin:0;
	padding:0;
	font-size:120%;
	line-height:130%;
}

/* FOOTER TYPO ENDE */



#copyright {
	display:block;
	color:rgba(255,255,255,1);
	font-size:100%;	
	text-align:center;
	clear:both;
	/*
	background-color:rgba(var(--color-ci-green-rgb),1);
	*/
	margin:0 auto !important;
	padding:10px 0;
	width:100%;
	color:var(--ci-color-dark) !important;
}

#copyright p,
#copyright ul {
	display:inline-block !important;
	width:auto;
	margin:0 auto !important;
	text-align:center;
	font-size:100%;
	color:var(--ci-color-dark) !important;
}

#copyright p a,
#copyright ul li a {
	color:var(--ci-color-dark) !important;
	/*
	text-decoration:none;
	*/
	text-decoration: 1px dotted underline;
}

#copyright ul li {
	display:inline;
}

#copyright ul li:after {content: " | " }
#copyright ul li:last-child:after {content: "" }



@media (max-width:1240px) { 

	footer #footer_content {
		width:calc(100% - 40px);
		padding:20px;
	}

}

@media only screen and (max-width: 1024px) {
	footer .flex-container .box25 {
		width:calc(50% - 41px);
	}
}


@media only screen and (max-width: 767px) {
	
	footer .flex-container {
		margin-left:0;
		width:100%;
	}
	
	footer .flex-container .flexbox {
		padding:0 20px 0 0;
		display: flex;	
		flex-flow: column nowrap;
		text-align:left;
	}
	
	footer .flex-container .box66,
	footer .flex-container .box33,
	footer .flex-container .box25,
	footer .flex-container .box20	{
		width:calc(100% - 41px);
		margin:0 0 20px 0;		
	}
	
	footer .flexbox p,
	footer .flexbox ul li {
		line-height:140%;
		margin:6px 0;
	}
	
	footer .flexbox ul.subnavi,
	footer .flexbox p.subnavi	{
		margin-left:-3px;
	}
	
	footer .flexbox ul.subnavi li {
		line-height:100%;
		margin:0;
		word-wrap: break-word;
	}
	
	footer .flexbox ul li a,
	footer .flexbox p.subnavi a,
	footer .flexbox a[href*="kontakt"] {
		display:inline-block;
		padding:5px !important;
		word-wrap: break-word;
	}
	
	footer p.space_top {
		margin-top:6px !important;
	}
	
}
















/* ##### FOOTER ENDE ##### */


.nowrap {
	white-space: nowrap !important;
}



/* ### SUBNAVI START ### */

nav#subnav {
	/*
	display:block;
	float:left;
	width:184px;
	margin:60px 60px 30px 0;
	*/
	padding:0;
}

nav#subnav ul {
	list-style:none;
	margin:0 0 36px 0;
	padding:0;
}

nav#subnav ul li {
	display:block;
	margin:0;
	padding:0;
	border-bottom:1px solid #F2F2F2;
}

nav#subnav ul li a {
	padding:6px;
	display:block;
	color:var(--ci-color-dark);
	font-size:150%;
	font-weight:normal;
}

nav#subnav ul li.aktiv a {
	color:var(--ci-color-dark);
	background-color: rgba(var(--ci-color-dark-rgb),0.05);
}

nav#subnav p {
	/*
	color:#333;
	*/
	font-size:150%;
	line-height:130%;
	font-weight:normal;
	margin:0 0 6px 0;
}

nav#subnav p.small {
	/*
	color:#333;
	*/
	font-size:125%;
	line-height:130%;
	font-weight:normal;
	margin:0 0 6px 0;
}

nav#subnav p.headline {
	border-bottom:1px solid #F2F2F2;
	padding:0 0 1px 0;
	margin:0 0 6px 0;
	display:block;
	font-size:200%;
	font-weight:400;
	color:var(--ci-color-dark);
}

nav#subnav .block {
	display:block;
	width:100%;
	margin:4px 0;
	padding:0;
}

nav#subnav .icon32 {
	padding-left:36px;
}

nav#subnav div.box {
	margin:0 0 36px 0;
	font-size:90%;
	line-height:110%;
}

nav#subnav div.box h3 {
	font-size:100%;
	margin-bottom:4px;
}

nav#subnav div.box p {
	margin:2px 2px 4px 2px;
}

nav#subnav div.box img {
	width:auto;
	max-width:100%;
}

nav#subnav div.box table {
	margin:0 0 2px 0;
	clear:both;
	display:block;
	color:#444;
}

nav#subnav div.box th,
nav#subnav div.box td {
	font-size:150%;
	line-height:130%;
	clear:none;
	font-weight:400;
	padding:1px 6px 1px 0;
	color:#444;
}

nav#subnav div.box th td,
nav#subnav div.box td td {
	font-size:100%;
}

/* ### SUBNAVI ENDE ### */






/* ### INHALT START ### */






#content {
	position:relative;
	width:100%;
	max-width:1690px;
	margin:0 auto;
	padding:0 0 24px 0;
	font-size:100% !important;
	text-align:left;
	background-color:#fff;
	color:var(--ci-color-dark);
	
}

.therapieangebote#content {
	width:100% !important;
	max-width: 100% !important;
	padding:0 0 24px 0 !important;
	/*
	border-top:6px solid cyan;
	*/
}
	
.therapieangebote#content section.space {
	width:calc(100% - 100px);
	padding:0 50px;
}
	

/*
@media only screen and (max-width: 1690px) {
*/
@media only screen and (max-width: 1720px) {
	
	#content {
		width:calc(100% - 100px);
		padding:0 50px 24px 50px;
	}
	
	.therapieangebote#content {
		width:100% !important;
		max-width: 100% !important;
		padding:0 0 24px 0 !important;
		/*
		border-top:6px dotted cyan;
		*/
	}
	
	.therapieangebote#content section.space {
		width:calc(100% - 100px);
		padding:0 50px;
	}
	
}







#content section,
#content section article {
	width:100%;
	margin:0;
	padding:0;
	font-size:100%;
}

#content section h1,
#content section h2,
#content section h3,
#content section h4,
#content section h5,
#content section h6 {
	font-weight:600;
}

#content section h1.light,
#content section h2.light,
#content section h3.light,
#content section h4.light,
#content section h5.light,
#content section h6.light {
	font-weight:500;
}



#content section h1 a,
#content section h2 a,
#content section h3 a,
#content section h4 a,
#content section h5 a,
#content section h6 a,
#content section h1 a:hover,
#content section h2 a:hover,
#content section h3 a:hover,
#content section h4 a:hover,
#content section h5 a:hover,
#content section h6 a:hover {
	text-decoration:none;
}

#content section h1, 
#content section h2.h1 {
	font-size:380%;
	text-align:left;
	text-transform:uppercase;
	margin:0 auto 24px auto;
	padding:0 0 3px 0;
	border-bottom:1px solid #F2F2F2;
}

#content section h1.h4 {
	font-size:280%;
}

#content section h2,
#content section h3.h2 {
	font-size:320%;
	margin:22px auto 16px auto;
}

#content section h2.h4 {
	font-size:260%;
	margin:22px auto 16px auto;
}

#content section h2.p {
	font-size:200%;
	line-height:140%;
	clear:none;
	margin:12px 0 12px 0;
	font-weight:400;
}

#content section article > h2 {
	margin-top:6px;	
}

#content section h3,
#content section h2.h3,
#content section h4.h3 {
	font-size:280%;
	line-height:120%;
	margin:16px auto 12px auto;
}

#content section a.h3 {
	font-size:180%;
	line-height:120%;
	/*
	font-family: 'Alegreya Sans', Helvetica, Tahoma, Verdana, Arial, san-serif;
	color:#f5a034;
	color:#666;
	*/
	color:var(--ci-color-dark);
	font-weight:normal;
	font-style:normal;
	word-wrap: break-word;
}

#content section table h3 {
	font-size:200%;
}

#content section h4 {
	font-size:200%;
	margin:6px auto 2px auto;
	/*
	color:#666;
	*/
	color:var(--ci-color-dark);
}

#content section h2.h4,
#content section h3.h4,
#content section h4.h4 {
	font-size:240%;
	line-height:140%;
	margin:6px auto 12px auto;
}

#content section h5,
#content section h6 {
	margin:0 auto 12px auto;
	font-size:200%;
	/*
	color:#666;
	*/
	color:var(--ci-color-dark);
}

#content section h4.h3 {
	font-size:280%;
	line-height:140%;
	margin:6px auto 20px auto;
	/*
	color:#666;
	*/
	color:var(--ci-color-dark);
}

#content section .headline {
	font-size:200%;
	line-height:140%;
	/*
	color:#666;
	*/
	color:var(--ci-color-dark);
}

#content section article p {
	font-size:170%;
	line-height:140%;
	clear:none;
	margin:6px 0 12px 0;
	font-weight:400;
}

#content section article p.fussnote {
	font-size:130%;
	line-height:130%;
}

#content section article .small {
	font-size:80%;
	line-height:90%;
}

#content section .small {
	font-size:80%;
	line-height:90%;
}

#content section article blockquote {
	clear:none;
	margin:6px 24px 12px 24px;
}

#content section article blockquote em {
	/*
	color:#666;
	*/
	color:var(--ci-color-dark);
}


#content section p.h3 {
	font-size:240%;
	line-height:120%;
	margin:16px auto 6px auto;
}

#content section p.h4 {
	font-size:200%;
	line-height:110%;
	margin:6px auto 2px auto;
	/*
	color:#666;
	*/
	color:var(--ci-color-dark);
	font-weight:500;
}


#content section article ol,
#content section article ul {
	clear:none;
	margin:6px 0 12px 18px;
}

#content section article li {
	font-size:170%;
	line-height:140%;
	font-weight:400;
	margin-bottom:4px;	
}

#content section article li li {
	font-size:100%;
}


#content table {
	margin:6px 0 12px 0;
}

#content th,
#content td {
	font-size:170%;
	line-height:140%;
	clear:none;
	font-weight:400;
	color:var(--ci-color-dark);
}

#content td td {
	font-size:100%;
}


#content section svg.icon-tabler {
	stroke-width:2;
	vertical-align:-3px;
}



#content .grey {
	color:#444 !important;
	color:var(--ci-color-dark);
}

footer .bold,
#content .bold {
	font-weight:600 !important;
}

#content section .no_space_top {
	margin-top:0;
}

#content section .no_space_bottom {
	margin-bottom:0;
}

#container div.space_top,
#container .space_top {
	padding-top:40px;
}

#content .space_marign_top {
	margin-top:16px !important; 
}

#content .space_marign_bottom {
	margin-bottom:16px !important; 
}

#content .pic_r {
	float:right;
	margin:2px 0 10px 20px;
}

#content .pic_l {
	float:left;
	margin:2px 20px 10px 0;
}

#content .thumb_l {
	float:left;
	margin:6px 12px 6px 0;
}

#content .thumb_r {
	float:right;
	margin:6px 0 6px 12px;
}

#content span.datum {
	float:right;	
	margin:8px 0 0 20px;
	font-size:80%;	
}

#content .rand {
	border:1px solid #f5a034;
}

#content img.responsive {
	width:auto;
	max-width:98%;
	height:auto;
}

#content img.responsive_pic {
	width:auto;
	max-width:100%;
	height:auto;
}

#content img.responsive_pic.rand {
	width:auto;
	max-width:calc(100% - 2px);
	height:auto;
}

#content img.responsive_pic_50 {
	width:auto;
	max-width:50%;
	height:auto;
}

@media only screen and (max-width: 960px) {

	#content img.responsive {
		width:98%;
		height:auto;
	}
	
	#content img.responsive_pic {
		width:100%;
		height:auto;
	}
	
	#content img.responsive_pic.rand {
		width:auto;
		max-width:calc(100% - 2px);
		height:auto;
	}
	
	#content img.responsive_pic_50 {
		display:block;
		width:100% !important;
		max-width:702px !important;
		height:auto;
		float:none !important;
		margin: 2px auto 12px auto !important;
	}
	
	#content img.pic_r.responsive_pic_50 {
		float:none !important;
		margin: 2px auto 12px auto !important;
	}
		

}

#content section article div.autobreite {
	width:auto;
}

#content a.anker,
#content a.anker:hover,
#content a.normal {
	text-decoration:none;
	cursor:default;
	font-weight:normal;
}

#content a.normal  {
	color:#666;
}

#content span.small_mobile_only {
	display:none !important;	
}

@media only screen and (max-width: 470px){
	#content  span.small_mobile_only {		
		display:inline-block !important;		
	}
}




/* HEROPIC START */

#content #heropic {
	width:100%;
	margin:0 0 150px 0;
	padding:0;
	position:relative;
	z-index:10;
}
	
#content #heropic #box_heropic {
	height:804px;
	
	background-image: url("/gif/ergotherapie-bochum-handrehabilitation-praxis-nick-andre-borgelt.jpg");
	
	background-repeat: no-repeat;
  
	/* Rechtsbündig zentriert in der Höhe */
	background-position: right center;
  
	/* Bildgröße anpassen, damit es immer komplett sichtbar bleibt */
	/*
	background-size: contain; 
	*/
	/* oder 'cover', wenn es den Container füllen soll */
	
	/* Keine Größenänderung – Originalgröße bleibt */
	background-size: auto;
	
	
}

#content #heropic figure {
	position:relative;
	z-index:1;
}

#content #heropic figure img {
	height:100%;
	max-height:804px;
}

#content #heropic div#box_praxisinfos {
	display:block;
	position:absolute;
	z-index:10;
	bottom:-30px;
	left:-30px;
	background-color:rgba(var(--ci-color-orange-rgb),.75);
	color:var(--ci-color-dark);
	padding:30px;
	width:360px;
	height:calc(100% - 60px);
	max-height:804px;
}

#content #heropic div#box_praxisinfos p.headline {
	font-size:320%;
	line-height:140%;
}

#content #heropic div#box_praxisinfos table.praxisinfo {
	width:100%;
	margin:60px 0 0 0;
	padding:0;
	border:none;
	border-spacing: 0;
    border-collapse: collapse;
	font-size:100%;
}

#content #heropic div#box_praxisinfos table.praxisinfo th,
#content #heropic div#box_praxisinfos table.praxisinfo td {
	padding:8px 0;
	margin:0;
}

#content #heropic div#box_praxisinfos table.praxisinfo th {
	font-size:300%;
	font-weight:600;
}

#content #heropic div#box_praxisinfos table.praxisinfo td {
	/*
	border-top:2px dotted var(--ci-color-dark);
	*/
	border-top:1px solid rgba(var(--ci-color-dark-rgb),.25);
	font-size:220%;
}


#content #heropic div#box_praxisinfos svg.icon.icon-tabler {
	stroke-width: 1.5;
	stroke: var(--ci-color-dark);
	width:32px;
	height:32px;
	vertical-align:-8px;
}

#content #heropic div#box_praxisinfos th svg.icon.icon-tabler {
	vertical-align:-3px;
}

#content #heropic div#box_praxisinfos span.blanko {
	display:inline-block;
	width:32px;
	height:32px;
}

#content #heropic div#box_praxisinfos p.termin_button {
	font-size:160%;
	margin:24px auto 0 auto !important;
	text-align:center;
}

 
@media only screen and (max-width: 1279px){
	
	#content #heropic {
		margin:0 0 50px 0;	
		width:100%;		
	}
	
	#content #heropic #box_heropic {
		position:relative;
		/*
		padding-bottom:calc(804/1690 * 100%);
		*/
		padding-bottom:calc(804/1720 * 100%); /* Default for 1600x900 videos 16:9 ratio*/ 
		padding-top:0px;
		height:0;
		overflow:hidden;		
		background-position: center center;
	  	background-size: contain;		
	}
	
	
	#content #heropic div#box_praxisinfos {
		display:block;
		position:absolute;
		z-index:10;
		bottom:-30px;
		left:-30px;
		background-color:rgba(var(--ci-color-orange-rgb),.75);
		color:var(--ci-color-dark);
		padding:30px;
		width:340px;
		height:calc(100% - 60px);
		max-height:604px;
	}

	#content #heropic div#box_praxisinfos p.headline {
		font-size:260%;
		line-height:120%;
	}

	#content #heropic div#box_praxisinfos table.praxisinfo {
		margin:16px 0 0 0;
		font-size:100% !important;
	}

	#content #heropic div#box_praxisinfos table.praxisinfo th,
	#content #heropic div#box_praxisinfos table.praxisinfo td {
		padding:6px 0;
		margin:0;
	}
	
	
	

	#content #heropic div#box_praxisinfos table.praxisinfo th {
		font-size:190% !important;
		font-weight:600;
	}

	#content #heropic div#box_praxisinfos table.praxisinfo td {
		/*
		border-top:2px dotted var(--ci-color-dark);
		*/
		font-size:150% !important;
	}
	
	#content #heropic div#box_praxisinfos svg.icon.icon-tabler {
		stroke-width: 1.5;
		stroke: var(--ci-color-dark);
		width:24px;
		height:24px;
		vertical-align:-6px;
	}

	#content #heropic div#box_praxisinfos th svg.icon.icon-tabler {
		vertical-align:-3px;
	}

	#content #heropic div#box_praxisinfos span.blanko {
		display:inline-block;
		width:24px;
		height:24px;
	}
	
	#content #heropic div#box_praxisinfos p.termin_button {
		font-size:150%;
		margin:16px auto 16px auto !important;
		text-align:center;
	}
	
}


/*
@media only screen and (max-width: 990px){
*/
@media only screen and (max-width: 1080px){
	
	#content #heropic {
		margin:0 0 50px 0;	
		width:100%;		
	}
	
	#content #heropic #box_heropic {
		position:relative;
		/*
		padding-bottom:calc(804/1690 * 100%);
		*/
		padding-bottom:calc(804/1720 * 100%); /* Default for 1600x900 videos 16:9 ratio*/ 
		padding-top:0px;
		height:0;
		overflow:hidden;		
		background-position: center center;
	  	background-size: contain;		
	}	
	
	#content #heropic div#box_praxisinfos {
		display:block;
		position:relative;
		z-index:10;
		bottom:auto;
		left:auto;
		/*
		background-color:rgba(var(--ci-color-orange-rgb),.25);
		*/
		background-color:rgba(var(--ci-color-orange-rgb),.75);
		color:var(--ci-color-dark);
		padding:10px;
		width:calc(100% - 20px);
		height:auto;			
		font-size:100%;		
	}
	
	#content #heropic div#box_praxisinfos table.praxisinfo {
		width:46%;
		margin:20px 4% 20px 0;
		float:left;
	}
	
	#content #heropic div#box_praxisinfos table.praxisinfo.r {
		margin-right:0 !important;
	}
	
	
	#content #heropic div#box_praxisinfos p.termin_button {
		font-size:150%;
		margin:24px auto 24 auto !important;
		text-align:center;
		clear:both;
	}
	
	
}

@media only screen and (max-width: 640px){

	#content #heropic div#box_praxisinfos {
		display:block;
		position:relative;
		z-index:10;
		bottom:auto;
		left:auto;
		/*
		background-color:rgba(var(--ci-color-orange-rgb),.25);
		*/
		background-color:rgba(var(--ci-color-orange-rgb),.75);
		color:var(--ci-color-dark);
		padding:10px;
		width:calc(100% - 20px);
		height:auto;			
		font-size:100%;		
	}
	
	#content #heropic div#box_praxisinfos table {
		width:100% !important;
		margin:20px 0 0 0;
		float:none;
	}
	
	#content #heropic div#box_praxisinfos table tbody,
	#content #heropic div#box_praxisinfos table tr {
		width:100% !important;
	}
	
}

/* HEROPIC ENDE */










/*### FLEXBOXEN START ### */


#content .flex-container .box75_25 {
	width:73%;
	margin-left:2% !important;	
}

#content .flex-container .box25_75 {
	width:25%;
	margin-left:0 !important;	
}

#content .flex-container .box66 {
	width:65%;
	margin-right:1.66% !important;	
}

#content .flex-container .box66.r {
	margin-right:0;
	margin-left:1.66% !important;
}

#content .flex-container .box33_66 {
	width:32%;
	margin-left:1.33% !important;
}

#content .flex-container .box33_66.l {
	margin-left:0;
	margin-right:1.33% !important;
}

#content .flex-container .box50 {
	width:48%;
	margin-right:4% !important;
}

#content .flex-container .box50:nth-child(2n) {
	margin-right:0 !important;
}

#content .flex-container.leistungen .box50,
#content .flex-container.leistungen .box50:nth-child(2n) {
	width:48%;
	margin-left:1%;	
	margin-right:1% !important;
}

#content .flex-container .box33 {
	width:32%;
	margin-right:2% !important;
}

#content .flex-container .box33:nth-child(3n) {
	margin-right:0 !important;
}

#content .flex-container.leistungen .box33,
#content .flex-container.leistungen .box33:nth-child(3n) {
	width:30.33%;
	margin-left:1.5%;	
	margin-right:1.5% !important;
}


#content .flex-container .box25 {
	width:22%;
	margin-right:4% !important;
}

#content .flex-container.leistungen .box25 {
	width:22%;
	margin-right:4% !important;
}

#content .flex-container .box25:nth-child(4n) {
	margin-right:0 !important;
}

#content .flex-container .box50 img,
#content .flex-container .box33 img,
#content .flex-container .box25 img  {
	width:auto;
	max-width:100%;
}


#content .flex-container.team .flexbox {
	margin-bottom:24px;
}

#content .flex-container.team .flexbox .bildbox img {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}


#content .content-container {
	display:block;
	width:100%;
	padding:0;
	margin:0;
}


#content .content-container .box_text,
#content .flex-container .box_text {
	width:calc(70% - 41px);
	margin:0 20px 20px 0;
	text-align:left;
}
#content .content-container .box_text {
	float:left;
}

#content .content-container .box_subnav,
#content .flex-container .box_subnav {
	width:calc(30% - 91px);
	margin:64px 0 20px 90px;
	text-align:left;
}
#content .content-container .box_subnav {
	float:left;
}





@media only screen and (max-width: 1280px) {

	#content .flex-container.team .box25	{
		width:calc(50% - 40px) !important;	
		margin-right:40px !important;
	}
	
	#content .flex-container.team .box25:nth-child(2n) {
		margin-right:0 !important;
	}
	
}




@media only screen and (max-width: 1024px) {
		
	#content .flex-container {
		align-items: flex-start !important;
		align-content: flex-start !important;
		justify-content: flex-start !important;
	}	
	
	#content .flex-container .box50, 
	#content .flex-container .box45,
	#content .flex-container .box40,
	#content .flex-container .box35,
	#content .flex-container .box33,
	#content .flex-container .box30,
	#content .flex-container .box25,
	#content .flex-container .box20	{
		width:calc(50% - 40px) !important;	
	}
			
	#content .flex-container.team .box33	{
		width:calc(33% - 20px) !important;	
	}	
	#content .flex-container.team .box251	{
		width:calc(50% - 20px) !important;	
	}	
	
	
	#content .flex-container .box_text,
	#content .flex-container .box_subnav {
		width:100%;
		margin-right:0 !important;
		margin-left:0 !important;
	}
	
	#content .content-container .box_text,
	#content .content-container .box_subnav {
		width:100%;
		margin-right:0 !important;
		margin-left:0 !important;
		float:none;
	}

}


@media only screen and (max-width: 768px) {
	
	#content .flex-container {
		align-items: flex-start !important;
		align-content: flex-start !important;
		justify-content: flex-start !important;
	}
	
	#content .flex-container .box_text,
	#content .flex-container .box_subnav {
		width:100%;
		margin-right:0 !important;
		margin-left:0 !important;
	}
	
	#content .content-container .box_text,
	#content .content-container .box_subnav {
		width:100%;
		margin-right:0 !important;
		margin-left:0 !important;
		float:none;
	}
		
	
	#content .flex-container .box66,
	
	
	
	#content .flex-container .box66_33,
	#content .flex-container .box33_66,	
	#content .flex-container .box50, 
	#content .flex-container .box45,
	#content .flex-container .box40,
	#content .flex-container .box35,
	#content .flex-container .box33,
	#content .flex-container .box30,
	#content .flex-container .box25,
	#content .flex-container .box20 {
		width:calc(100% - 20px) !important;	
		/*
		margin-right:0 !important;
		*/
	}
	
	
	#content .flex-container.team .box50, 
	#content .flex-container.team .box45,
	#content .flex-container.team .box40,
	#content .flex-container.team .box35,
	#content .flex-container.team .box33,
	#content .flex-container.team .box30,
	#content .flex-container.team .box25,
	#content .flex-container.team .box20 {
		width:calc(50% - 20px) !important;	
	}
	
}


@media only screen and (max-width: 580px) {
	
	#content .flex-container .box33 {
		width:100%;
		margin-right:0 !important;
	}
	
}


@media only screen and (max-width: 460px) {
	
	#content .flex-container.team .box50, 
	#content .flex-container.team .box45,
	#content .flex-container.team .box40,
	#content .flex-container.team .box35,
	#content .flex-container.team .box33,
	#content .flex-container.team .box30,
	#content .flex-container.team .box25,
	#content .flex-container.team .box20 {
		width:calc(100% - 20px) !important;	
		margin-right:0 !important;
	}
	
}

/* ### FLEXBOXEN ENDE ### */




/* ### LEISTUNGEN CARDS START ### */

#content .flex-container.leistungen {
	text-align:center;
	justify-content: center;
	margin-left:auto;
	margin-right:auto;
}

#content .flex-container.leistungen .flexbox {
	margin-bottom:36px;
	margin-top:24px;
}

.flex-container.leistungen figure {
	position:relative;
}

.flex-container.leistungen figure figcaption { 	
	position:absolute;
	bottom:-20px;
	left:-20px;
	display:block;
	width:calc(100% - 10px);	
	margin:0 !important;
	padding:0;
	font-size:200% !important;	
	text-align:left;	
	background-color:rgba(var(--ci-color-orange-rgb),1);	
}

#content .flex-container.leistungen figure figcaption a {
	display:block;
	padding:14px 20px;
}	

#content .flex-container.leistungen figure img { 	
	margin:0;
	padding:0;
}

.flex-container.leistungen figure.rounded img,
#content .flex-container.leistungen figure.rounded figcaption {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
	


/*### LEISTUNGEN CARDS ENDE ### */


#content .flex-container {
	display: flex;
	flex-flow: row wrap;
}
	
#content .flex-container.center {	
	justify-content: space-between;
	justify-content: center;
}






/* ### THERAPIEANGEBOTE START ### */

#container section.flexconti {
	display: flex;
	flex-flow: row wrap;
	margin:0 0 36px 0;
	width:100%;
}

#container section.flexconti:nth-child(even) {
	margin:0 0 72px 0;
}

#container section.flexconti .box_content.half {	
	display: flex;	
	flex-flow: column wrap;	
	/*
	width:calc(50% - 60px);
	padding:30px;
	*/
	width:calc(50% - 100px);
	padding:60px 50px 15px 50px;
	margin:0;
	text-align:left;	
}

#container section.flexconti .box_content.half h2,
#container section.flexconti .box_content.half .h2,
#container section.flexconti .box_content.half .h4 {	
	margin-top:0 !important;
}

#container section.flexconti .box_content_pic.half {	
	display: flex;	
	flex-flow: column wrap;	
	width:50%;
	margin:0;
	padding:0;
	line-height: 0 !important;	
	text-align:left;	
}

#container section.flexconti .box_content_pic.half {
	/*
	background-color:rgba(128,128,128,.25) !important;
	*/
}

#container section.flexconti .box_content_pic.half,
#container section.flexconti .box_content_pic.half source,
#container section.flexconti .box_content_pic.half img {
	margin:0;
}

#container section.flexconti .box_content_pic.half img {	
	line-height: 0 !important;
	display:block !important;
	width:100%;
	height:auto;
	/*
	clip-path: polygon(100% 0, 100% 83%, 0 100%, 0 17%);
	*/
	clip-path: polygon(100% 0, 100% 87%, 0 100%, 0 13%);
}

@media (min-width:641px) {
	
	#container section.flexconti:nth-child(odd) .flexbox.box_content.half { 
		order: 2;
	}
	#container section.flexconti:nth-child(odd) .flexbox.box_content_pic.half {
		order: 1;
	}
	
	#container section.flexconti:nth-child(even) .flexbox.box_content.half { 
		order: 1;
	}
	#container section.flexconti:nth-child(even) .flexbox.box_content_pic.half {
		order: 2;
	}
	
	.mobile_only {
		display:none !important;
	}
	
	.desktop_only {
		display:flex !important;
	}
	
	br.desktop_only {
		display:inline-block !important;
	}
	
}

@media (max-width:640px) { 

	#container section.flexconti .flexbox.box_content.half {		
		width:calc(100% - 40px) !important;
	}

	#container section.flexconti .flexbox.box_content_pic.half {			
		width:100% !important;		
	}

	.mobile_only {
		display:inline-block !important;		
	}
	
	#container section.flexconti .flexbox.box_content.half p.mobile_only {
		margin-top:0;
	}
	
	#container .flexbox.box_content_pic.mobile_only a {
		text-decoration:none;
	}
	
}

/* ### THERAPIEANGEBITE ENDE ### */









/* GALERIE START */

#content ul.galerie {
	list-style:none;
	margin:16px 0 24px 0;
}

#content ul.galerie li {
	float:left;	
	margin:0 30px 30px 0;
	width:calc(50% - 16px);
}	

#content ul.galerie li:nth-child(2n) {
	margin-right:0;
}

#content ul.galerie li a img {
	border:1px solid var(--ci-color-orange);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width:auto;
	max-width:100%;
}

/* GALERIE ENDE */




/* --- Lists --- */
.list-container {
	overflow: hidden;
}
.list-container .list-column {
	float: left;
	margin: 0;
	padding: 0;
	width: 30%;
}
.list-container .list-column_last {
	box-shadow: none;
}
.list-container .list-column li {
	margin: 0;
	padding:0;
}









/* SEO ASIDE START */

aside {
	display:block;
	width:100%;
	padding:12px 0;
	color:#ADA9A5;
	font-size:120%;
}

aside a,
aside a:hover {
	color:#ADA9A5;
	font-weight:normal;
	text-decoration:none;
}

/* SEO ASIDE ENDE */



/* #### BOXEN START #### */

#content div.boxen {
	width:100%;
	margin:0;
	padding:0;
	clear:both;
}

#content div.boxen .box {
	float:left;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	display:block;
}

#content div.boxen .box100 {
	width:100%;
}

#content div.boxen .bildbox {
	width:33%;
	float:left;
}
#content div.boxen .textbox {
	width:65%;
	margin:0 0 12px 2%;
	float:left;
}


/* ### BOXEN ENDE ### */



/* ### TERMINBUCHUNG START ### */

#terminbuchug {
	margin: 24px 0;
	clear:both;
	display:block;
}

/* ### TERMINBUCHUNG ENDE ### */