/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 					  
   __ _					  	  
  / _(_)_ __ _ __ ___   ___ _ __  _ __   ___  ___| |_   __| | ___ 
 | |_| | '__| '_ ` _ \ / _ \ '_ \| '_ \ / _ \/ __| __| / _` |/ _ \
 |  _| | |  | | | | | |  __/ | | | | | |  __/\__ \ |_ | (_| |  __/
 |_| |_|_|  |_| |_| |_|\___|_| |_|_| |_|\___||___/\__(_)__,_|\___|

 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* --- FONTS --- */

@font-face {
    font-family: 'Proxima';
    src: url('../fonts/ProximaNova-LightWeb.eot');
    src: url('../fonts/ProximaNova-LightWeb.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima';
    src: url('../fonts/ProximaNova-RegWeb.eot');
    src: url('../fonts/ProximaNova-RegWeb.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima';
    src: url('../fonts/mark_simonson_-_proxima_nova_medium-webfont.eot');
    src: url('../fonts/mark_simonson_-_proxima_nova_medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima';
    src: url('../fonts/ProximaNova-BoldWeb.eot');
    src: url('../fonts/ProximaNova-BoldWeb.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

/* --- RESET --- http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */

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

/* HTML5 display-role reset for older browsers */

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

body {
	line-height: 1;
}

ol,ul {
	list-style: none;
}

blockquote,q {
	quotes: none;
}

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

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

/* --- STANDARDS --- */

body * {
	font-family: 'Proxima', sans-serif;
	font-weight: 300;
	line-height: 125%;
	/*color: #4d4d4d;*/
}

html {
	height: 100.1%;
}

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

img,div {
	border: none;
}

b,strong {
	font-weight: 500 !important;
}

i,em {
	font-style: italic;
}

p {
	margin-bottom: 15px;
	font-size: 18px;
	line-height: 150%;
	margin-top: 0 !important
}

ul {
	list-style: none;
	margin-bottom: 15px;
}

ul li {
	font-weight: inherit;
	position: relative;
}

span {
	font-weight: inherit;
}

.clear {
	clear: both;
	height: 0 !important;
	background: none !important;
	padding: 0 !important;
}

.clearfix:after {
	content: " ";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
}

select,option {
	font-family: inherit;
}

/* --- MISC --- */

:selection {
	background: #adadad;
	color: #fff;
}

::-moz-selection {
	background: #adadad;
	color: #fff;
}

hr {
	margin: 30px 0 !important;
	border-top: 1px solid #ffffff!important;
}

h4.alert-heading {
    display: none !important;
}

#jcemediabox-popup-caption * {
    opacity: 0 !important;
}

/* --- TYPO --- */

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
	line-height: 125% !important;
	margin-top: 0 !important;
}

h1,.h1, .jsn-bootstrap3 h1, .jsn-bootstrap3 .h1 {
	font-size: 30px !important;
	margin: 0 !important;
	font-weight: 400 !important;
	color: #244061 !important;
}

h2,.h2, .jsn-bootstrap3 h2, .jsn-bootstrap3 .h2 {
	font-size: 24px !important;
	margin-bottom: 15px !important;
	font-weight: 400 !important;
	color: #244061 !important;
}

h3,.h3, .jsn-bootstrap3 h3, .jsn-bootstrap3 .h3 {
	font-size: 24px !important;
	margin-bottom: 20px !important;
	font-weight: 400 !important;
	color: #00CEF2 !important;
}

h4,.h4, .jsn-bootstrap3 h4, .jsn-bootstrap3 .h4 {
	font-size: 20px !important;
	font-weight: 400 !important;
	margin-bottom: 20px !important;
	color: #00C4EE  !important; 
}

h5,.h5, .jsn-bootstrap3 h5, .jsn-bootstrap3 .h5 {
	font-size: 20px !important;
	font-weight: 400 !important;
	color: #244061 !important;
	margin-bottom: 10px !important;
}

h6,.h6, .jsn-bootstrap3 h6, .jsn-bootstrap3 .h6 {
	font-size: 20px !important;
	font-weight: 600 !important;
	margin-bottom: 20px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.1em !important;
	color: #244061  !important;
}

.autor {
    font-size: 13px;
    text-transform: uppercase;
    color: #adadad;
    letter-spacing: 0.05em;
}


.quote {
    position: relative;
    color: rgb(150,150,150);
    font-weight: 400;
}

.quote:before {
    content: '';
    display: block;
    position: absolute;
    font-family: 'FontAwesome';
    left: -25px;
    top: 9px;
    opacity: 0.2;
    font-size: 43px;
}

.columns {
  column-count: 1;
  -webkit-column-count: 1;
  -moz-column-count: 1;
}

/* FARBEN */

.insuite { color: #ef4e23; }

.intime { color: #00c4ee; }

.insight { color: #f7931d; }

.incase { color: #4d4d4d; }

.inform { color: #6cbd45; }

.invoice { color: #00aca8; }

.intouch { color: #9ab749; }

.inscribe { color: #8D9C9F; }

.inrelation { color:#531C2F; }

.inoculus { color:#E3CD44; }

.inout { color:#2F79B7; }

.inport { color:#73768C; }

.inscan { color:#629198; }

.dcblau { color: #244061 !important; }

.highlight { color: #00C4EE !important; }

.kontrast { color: #C8DDFC; }
	
.indmp { color: #FF0EBF; }

/* Individuelle Abstände bei aufeinanderfolgenden Elementen */

h4 + .h2, .h4 + .h2, h4 + h2, .h4 + h2 {
    margin-top: -12px !important;
}

h2 + .h4, .h2 + .h4, h2 + h4, .h2 + h4 {
    margin-top: -12px !important;
}

.h1 + .h4, h1 + h4, .h1 + h4, h1 + .h4 {
    margin-top: -3px;
}

h3 + .h1, .h3 + .h1, h3 + h1, .h3 + h1 {
    margin-top: -12px !important;
}

.autor + h5, .autor + .h5 {
    margin-top: -15px !important;
}

p + .autor {
    margin-top: -15px !important;
}

.jsn-bootstrap3 .check + .pb-element-button .pull-left {
    float: none !important;
}

/* Links */

a {
	outline: none;
	color: #244061 !important;
	font-weight: 400 !important;
}

a,a:link,a:visited {
	text-decoration: none;
	font-weight: inherit;
	color: #adadad;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

a:hover {
	color: #00C4EE !important;
	text-decoration: none !important;
}

a:hover,a:active,a:focus,a:visited {
	text-decoration: none !important;
}

a.btn {
	font-size: 14px !important;
	color: #fff !important;
	border-radius: 6px !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
	letter-spacing: .05em !important;
	padding: 7px 16px 5px !important;
	background: #244061 !important;
	transition: background 0.5s ease-in-out;
	border: none !important;
	white-space: normal !important
}

a.btn * {
	color: #fff !important;
}

a.btn:hover {
	background: #00C4EE !important;
}

a.btn.highlight, .highlight a.btn {
	background: #00C4EE !important;
}

a.btn.highlight:hover, .highlight a.btn:hover {
	background: #244061 !important;
}

.weg {
	display: none;
	}

/* FontAwesome - Icons vor Links */

.download:before, .pdf:before, .external:before, .link:before, .info:before, .download:before, .pdf:before, .external:before {
	font-family: 'FontAwesome';
	padding: 0 10px 0 0;
	font-size: 18px;
}

.go {
	position: relative;
}

.go:after  {
	font-family: 'FontAwesome';
	padding: 0 0 0 9px;
	font-size: 18px;
	position: absolute;
	bottom:0.025em;
}

.download:before { content: ''; }

.pdf:before { content: ''; color: #EF4E23; }

.external:before { content: ''; }

.link:before { content: ''; }

.info:before { content: ''; }

.go:after { content: ''; }


/* Listen */

#mid-inner .item-page > div > ul, table ul {
	margin-left: 20px;
}

#mid-inner .item-page > div > ul li:before, table ul li:before {
	font-family: 'FontAwesome';
    content: '';
    position: absolute;
    left: -20px;
    font-size: 18px;
    color: #244061;
}

.check ul li:before {
 	font-family: 'FontAwesome';
    content: '';
    position: absolute;
    left: -30px;
    font-size: 20px;
    color: rgba(36,64,97,0.9);
}

.check ul {
	margin-left: 30px;
}

.check ul li {
    margin-bottom: 15px;
    font-size: 18px;
}

.check2 ul li::before {

    font-family: 'FontAwesome';
    content: '';
    position: relative;
    left: -30px;
    font-size: 20px;
    color: rgba(36,64,97,0.9);
    padding-right: 20px;

}

.check2 ul li:before {
 	font-family: 'FontAwesome';
    content: '';
    position: relative;
    left: -30px;
    font-size: 20px;
    color: rgba(36,64,97,0.9);
 	padding-right: 20px;
}

.check2 ul {
	margin-left: 30px;
}

.check2 ul li {
    margin-bottom: 15px;
    font-size: 18px;
}

.no-list ul li:before {
    display: none;
}

/* Graue Liste */

.grey-list ul li {
    margin-bottom: 20px;
    position: relative;
    background: #f2f2f2;
    color: rgba(36,64,97,0.9);
    display: inline-block;
    padding: 2px 15px 0 15px;
    margin-bottom: 20px;
    margin-left: -15px;
    min-height: 1px;
}

.grey-list ul li * {
    color: rgb(36,64,97);
}

.grey-list li p {
    margin: 7px 0 0 0 !important;
}

.grey-list .pb-icon-base {
	background: none !important;
	border: none !important;
	width: auto !important;
	height: 40px !important;
	line-height: 34px !important;
}

/* --- GENERAL STYLING --- */

#all {
	margin-top: 0;
    max-width: 100%;
    overflow: hidden;
}

#content-inner > .row {
    margin: 0 !important;
}

.container-fluid {
	padding: 0 !important;
}

#mid {
	padding: 0 !important;
}



/*.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
	border-top:none !important;
} Löschen, wenn kein Konflikt aufkommt */

/* --- HEADER --- */

#header {
	z-index: 1;
	border-bottom: 1px solid #c8ddfc;
}

#header * {
	color: #244061;
}

#header p {
    margin: 0;
}

#header-inner {
	position: relative;
}

#top-left {
    margin-top: -34px;
    display: block;
    float: none;
    padding: 0 15px 14px;
    text-align: left;
}

#top-left img {
	width: 200px;
}

/* --- TOP BAR --- */

#top-bar * {
    font-size: 13px !important;
    color: #fff !important;
}

#top-bar {
    background: #244061;
    z-index: 14000;
}

#top-bar > div {
	padding: 0;
	float: none;
}

#top2 {
	position: relative;
}

#top2 .moduletable.lang {
    position: absolute;
    left: 9px;
}

/* Suche */

#top-bar .search {
    width: 100%;
    max-width: 250px;
}

/* Lang */

.mod-languages.lang {
    padding-top: 9px;
}

/* Kontakt */

#top-bar .kontakt p {
    line-height: 1.75 !important;
}

/* Oberes Menü */

ul.nav.topmenu li {
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 13px;
    font-weight: 300;
}

ul.nav.topmenu li:last-child a {
	background: #00C4EE !important;
	font-weight: 500;
}

ul.nav.topmenu li:last-child a:hover {
	background: #5cb85c !important;
	color: #fff !important;
}

ul.nav.topmenu li a {
    padding: 10px 15px 8px;
}

ul.nav.topmenu *, .social * {
	color: #dfdfdf !important;
	transition: all 0.5s ease-in-out;
}

ul.nav.topmenu li:hover a {
	background: #112A47;
}

/* --- NAVIGATION --- */

#top-right {
    position: absolute;
    top: 87px;
    right: 15px;
}

/* Maximenu */

.maximenuckh {
	float: right;
}

ul.maximenuck * {
	text-shadow: none !important;
	font: 400 16px 'Proxima',sans-serif !important;
	/*transition: all .3s ease-in-out !important */
}

ul.maximenuck {
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	margin-top: 45px !important;
	padding: 0 !important;
	margin-bottom: -55px !important;
}

ul.maximenuck li.level1 {
	background: none;
	border: none !important;
	margin: 0 !important;
	padding: 17px 20px !important;
	border-radius: 10px !important;
	position: relative !important;
}

#ul.maximenuck li a {
	min-height: 1px !important;
}#

ul.maximenuck li.level1 > a > span {
	text-shadow: none !important;
	padding: 0 !important;
	letter-spacing: .02em;
	color: #244061;
}

li.level1:hover, li.level1.active {
	background: #f5f5f5 !important;
}

li.level1:hover > a > span.titreck,
li.level1.active > a > span.titreck {
	color: #244061 !important;
}

div#maximenuck87 li.maximenuck img {
    border: none;
    height: 35px;
    padding-bottom: 10px !important;
}

div#maximenuck87 div.floatck {
    border: 1px solid #244061; !important;
}

/* STANDARD DROPDOWN */

div.maximenuckh .level1 > div.floatck {
	background: none !important;
	padding: 18px 0 0 !important;
	border: none !important;
	border-radius: 0 !important;
	margin-top: 0 !important;
}

div.maximenuckh .level1 > div.floatck > div > .maxidrop-main2 {
    border-radius: 10px;
    background: rgb(245,245,245);
    overflow: hidden;
	border: 1px solid rgb(36,64,97) !important; 
}

/* Level 2 */

div.maximenuckh li.level2 {
	margin: 0 !important;
	padding: 0 !important;
}

ul.maximenuck li.level2:not(:last-child) {
    border-bottom: 1px solid #ddd !important;
}

ul.maximenuck li.level2 > a, ul.maximenuck li.level2 > span.nav-header  {
    padding: 10px 15px 10px !important;
    display: inline-block !important;
    width: 100%;
}

div.maximenuckh li.level2 span {
    color: #244061 !important;
}

div.maximenuckh li.level2 > .floatck {
	margin: 0 !important;
	padding: 0 !important;
}

/* Level 3 */

div.maximenuckh li.level3 {
    margin: 0 !important;
    padding: 0 !important;
}

ul.maximenuck li.level3 > a {
    padding: 10px !important;
}

ul.maximenuck li.level2 > a:hover, ul.maximenuck li.level3 > a:hover {
	background: #fff !important;
}

div.maximenuckh li.level3 span {
    color: #adadad !important;
    font-size: 13px !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase;
    padding-left: 0px !important;
}

/* Pfeil oben */

div#maximenuck87 .level1 > div.floatck > div.maxidrop-main, #subnav span.titreck,
div#maximenuck160 .level1 > div.floatck > div.maxidrop-main, #subnav span.titreck {
    min-width: 80px !important;
    position: relative;
}

div#maximenuck87 .level1 > div.floatck > .maxidrop-main:before, #subnav span.titreck:before,
div#maximenuck160 .level1 > div.floatck > .maxidrop-main:before, #subnav span.titreck:before {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0px 10px 10px 10px;
    border-color: transparent transparent rgb(36,64,97) transparent;
    display: block;
    top: -10px;
    left: 50%;
    margin-left: -10px;
    position: absolute;
}

div#maximenuck87 li.item432.level1 > div.floatck > .maxidrop-main:before, #subnav span.titreck:before,
div#maximenuck160 li.item432.level1 > div.floatck > .maxidrop-main:before, #subnav span.titreck:before {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0px 10px 10px 10px;
    border-color: transparent transparent rgb(36,64,97) transparent;
    display: block;
    top: -10px;
    left: 75%;
    margin-left: -117px;
    position: absolute;
}

div#maximenuck87 li.item141.level1 > div.floatck > .maxidrop-main:before, #subnav span.titreck:before,
div#maximenuck160 li.item141.level1 > div.floatck > .maxidrop-main:before, #subnav span.titreck:before {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0px 10px 10px 10px;
    border-color: transparent transparent rgb(36,64,97) transparent;
    display: block;
    top: -10px;
    left: 75%;
    margin-left: -415px;
    position: absolute;
}

div#maximenuck87 li.item141.level1 > div.floatck > .maxidrop-main:before,
div#maximenuck160 li.item141.level1 > div.floatck > .maxidrop-main:before {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0px 10px 10px 10px;
    border-color: transparent transparent rgb(36,64,97) transparent;
    display: block;
    top: -10px;
    left: 75% !important;
    margin-left: -387px  !important;
    position: absolute;
}

div#maximenuck87 li.item225.level1 > div.floatck > .maxidrop-main:before,
div#maximenuck160 li.item225.level1 > div.floatck > .maxidrop-main:before {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0px 10px 10px 10px;
    border-color: transparent transparent rgb(36,64,97) transparent;
    display: block;
    top: -10px;
    left: 75% !important;
    margin-left: -75px  !important;
    position: absolute;
}



/* Dropdown Positionen */

div.maximenuckh li.level1 > div.floatck {
    margin-left: -50px !important;
    left: 50%;
}

div.maximenuckh li.level1.item225 > div.floatck {
    margin-left: -87px !important;
    left: 0%;
}

div.maximenuckh li.level1.item142 > div.floatck {
    margin-left: -229px !important;
    left: 50%;
}

div.maximenuckh li.level1.item221 > div.floatck {
    margin-left: -90px !important;
    left: 50%;
}

div.maximenuckh li.level1.item144 > div.floatck {
    margin-left: -132px !important;
    left: 50%;
}

div#maximenuck87 li.level1.item225 div.maxidrop-main {
	width : 265px !important; /* special width */
	display: flex;
	flex-wrap: wrap;
}

/* FANCY FUNKTIONEN DROPDOWN */

div.maximenuckh li.item141.level1 > div.floatck,
div.maximenuckh li.item264.level1 > div.floatck {
    margin-left: -490px !important;
    left: 98%;
}

div#maximenuck87 li.item141.level1 > div.floatck > div.maxidrop-main,
div#maximenuck160 li.item141.level1 > div.floatck > div.maxidrop-main,
div#maximenuck87 li.item264.level1 > div.floatck > div.maxidrop-main,
div#maximenuck160 li.item264.level1 > div.floatck > div.maxidrop-main {
    min-width: 80px !important;
    position: relative;
	width: 1054px !important;
}

div#maximenuck87 li.item432.level1 > div.floatck > div.maxidrop-main {
	width: 1054px !important;
}

/* Level 2 */

div.maximenuckh li.item141 .level2 > div.floatck,
div.maximenuckh li.item264 .level2 > div.floatck {
    margin-top: 11px !important;
}

div.maximenuckh li.item141 .level2 {
    margin: 0 !important;
    padding: 15px 0 5px !important;
}

div.maximenuckh li.item432 .level2 {
    margin: 0 !important;
    padding: 15px 0 5px !important;
}

div#maximenuck87 li.item142.level1 > div.floatck > div.maxidrop-main,
div#maximenuck160 li.item142.level1 > div.floatck > div.maxidrop-main {
    min-width: 450px !important;
    position: relative;
}


div.maximenuckh li.item432.level1 > div.floatck {
   margin-left: -683px !important;
   left: 50%;
}

div.maximenuckh li.item141 li.level2 .nav-header span,
div.maximenuckh li.item264 li.level2 .nav-header span {
    font-size: 16px !important;
    font-weight: 500 !important;
    margin-bottom: 20px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    color: #244061 !important;
    padding: 0 15px !important;
}
			
div.maximenuckh li.item432 li.level2 span {

    color: #244061 !important;
    text-transform: uppercase;
    font-size: 16px !important;
    letter-spacing: 0.09em !important;
    font-weight: bold !important;
	font-weight: bold !important;
	text-align: center !important;
}

div.maximenuckh li.item432 li.level3 span {

    color: #244061 !important;
    font-size: 16px !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    font-weight: normal !important;
    text-align: left !important;

}		

div.maximenuckh li.item141 li.level2 span,
div.maximenuckh li.item264 li.level2 span {
    color: #adadad !important;
}

div.maximenuckh li.item141 li.level2:not(:last-child),
div.maximenuckh li.item264 li.level2:not(:last-child) {
    border-bottom: 1px solid rgba(0,0,0,0.04);
}

div.maximenuckh li.item141 li.level2 *,
div.maximenuckh li.item264 li.level2 * {
    margin: 0 !important;
    padding: 0 !important;
}

/* Level 3 */

div.maximenuckh li.item141 li.level3 > a,
div.maximenuckh li.item264 li.level3 > a {
    margin-left: 0px !important;
    padding: 2px 10px !important;
    min-height: auto !important;
	border: 2px solid rgb(200,221,252) !important;
	border-radius: 40px !important;
	border-bottom-style: none !important;
}

div.maximenuckh li.item432 li.level3 > a {
    margin-left: 0px !important;
    padding: 6px 10px !important;
    min-height: auto !important;
	border: 2px solid rgb(200,221,252) !important;
	border-radius: 40px !important;
	border-bottom-style: none !important;
}

div.maximenuckh li.item141 li.level3 > a > span,
div.maximenuckh li.item432 li.level3 > a > span {
    color: #244061 !important;
}

div.maximenuckh li.item141 li.level3 > a span.descck,
div.maximenuckh li.item264 li.level3 > a span.descck,
div.maximenuckh li.item432 li.level3 > a span.descck {
    font-size: 13px !important;
    text-transform: none !important;
    letter-spacing: 0.05em !important;
    height: auto !important;
    color: #adadad !important;
}

div.maximenuckh li.item141 li.level3:hover,
div.maximenuckh li.item264 li.level3:hover {
    background: #fff !important;
	border-radius: 40px !important;
}

div.maximenuckh li.item141 li.level3 span,
div.maximenuckh li.item264 li.level3 span,
div.maximenuckh li.item432 li.level3 span{
    color: #244061 !important;
    font-size: 16px !important;
    letter-spacing: normal !important;
    text-transform: none;
}

/* inSuite im Überblick und Dienstleistungen Link */

li.item141 li.maximenuck.item197.level2,
li.item264 li.maximenuck.item265.level2 {
    padding: 15px !important;
	background-color: rgb(217,217,217) !important;
}

li.item141 li.maximenuck.item197.level2:hover,
li.item264 li.maximenuck.item265.level2:hover {
    background: #fff !important;
}

li.item141 li.maximenuck.item197.level2 a,
li.item264 li.maximenuck.item265.level2 a {
    margin: 0 auto !important;
    width: 250px !important;
    display: block !important
}

li.item141 li.maximenuck.item197.level2 span,
li.item264 li.maximenuck.item265.level2 span {
    color: #244061 !important;
}

div#maximenuck87 li.item141 li.maximenuck.item197.level2 > a img,
div#maximenuck160 li.item264 li.maximenuck.item265.level2 > a img {
    margin-top: -5px !important;
    margin-bottom: 10px !important;
}

li.item432 li.maximenuck.item497.level2 {
    padding: 6px !important;
	background-color: rgb(217,217,217) !important;
}

li.item432 li.maximenuck.item497.level2:hover {
    background: #fff !important;
}

li.item432 li.maximenuck.item497.level2 a {
    margin: 0 auto !important;
    width: 400px !important;
    display: block !important;
}

li.item432 li.maximenuck.item497.level2 span {
    color: #244061 !important;
	font-size: 16px !important;
}

div#maximenuck87 li.item432 li.maximenuck.item497.level2 > a img {
    margin-top: -5px !important;
    margin-bottom: 5px !important;
}

div#maximenuck87 li.item142.level1 > div.floatck > .maxidrop-main:before,
div#maximenuck160 li.item142.level1 > div.floatck > .maxidrop-main:before {
	content: '';
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0px 10px 10px 10px;
	border-color: transparent transparent rgb(36,64,97) transparent;
	display: block;
	top: -10px;
	left: 75%;
	margin-left: -119px;
	position: absolute;
}

div#maximenuck87 li.item221.level1 > div.floatck > .maxidrop-main:before,
div#maximenuck160 li.item221.level1 > div.floatck > .maxidrop-main:before {
	content: '';
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0px 10px 10px 10px;
	border-color: transparent transparent rgb(36,64,97) transparent;
	display: block;
	top: -10px;
	left: 75%;
	margin-left: -55px;
	position: absolute;
}

div#maximenuck87 li.item144.level1 > div.floatck > .maxidrop-main:before,
div#maximenuck160 li.item144.level1 > div.floatck > .maxidrop-main:before {
	content: '';
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0px 10px 10px 10px;
	border-color: transparent transparent rgb(36,64,97) transparent;
	display: block;
	top: -10px;
	left: 75%;
	margin-left: -11px;
	position: absolute;
}

/* im Einsatz Lev1-3 */

div#maximenuck87 li.item564.level1 > div.floatck > .maxidrop-main:before,
div#maximenuck160 li.item564.level1 > div.floatck > .maxidrop-main:before {
	content: '';
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0px 10px 10px 10px;
	border-color: transparent transparent rgb(36,64,97) transparent;
	display: block;
	top: -10px;
	left: 75%;
	margin-left: -268px;
	position: absolute;
}

div#maximenuck87 li.level1 > div.floatck > .maxidrop-main:before, #subnav span.titreck:before,
div#maximenuck160 li.level1 > div.floatck > .maxidrop-main:before, #subnav span.titreck:before {
	content: '';
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0px 10px 10px 10px;
	border-color: transparent transparent rgb(36,64,97) transparent;
	display: block;
	top: -10px;
	left: 75%;
	margin-left: -96px;
	position: absolute;
}

div.maximenuckh li.level1.item564 > div.floatck {
	margin-left: -220px !important;
	left: 50%;
}

div.maximenuckh li.item564.level1 > div.floatck {
	margin-left: -549px !important;
	left: 50%;
}

div#maximenuck87 li.item564.level1 > div.floatck > div.maxidrop-main,
div#maximenuck160 li.item564.level1 > div.floatck > div.maxidrop-main {
	min-width: 80px !important;
	position: relative;
	width: 1054px !important;
}

div.maximenuckh li.item564 .level2 > div.floatck {
	margin-top: 11px !important;
}

div.maximenuckh li.item564 .level2 {
	margin: 0 !important;
	padding: 15px 0 5px !important;
}

div#maximenuck87 li.item564.level1 > div.floatck > div.maxidrop-main,
div#maximenuck160 li.item564.level1 > div.floatck > div.maxidrop-main {
	min-width: 450px !important;
	position: relative;
}

div.maximenuckh li.item564 li.level2 span {

    color: #244061 !important;
    text-transform: uppercase;
    font-size: 16px !important;
    letter-spacing: 0.09em !important;
    font-weight: bold !important;
	font-weight: bold !important;
	text-align: center !important;
}

div.maximenuckh li.item564 li.level3 span {

    color: #244061 !important;
    font-size: 16px !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    font-weight: normal !important;
    text-align: left !important;

}
           
div.maximenuckh li.item564 li.level2 span,
div.maximenuckh li.item264 li.level2 span {
	color: #adadad !important;
}

div.maximenuckh li.item564 li.level2:not(:last-child) {
	border-bottom: 1px solid rgba(0,0,0,0.04);
}

div.maximenuckh li.item564 li.level2 * {
	margin: 0 !important;
	padding: 0 !important;
}

div.maximenuckh li.item564 li.level3 > a {
	margin-left: 0px !important;
	padding: 9px 10px !important;
	min-height: auto !important;
	border: 2px solid rgb(200,221,252) !important;
	border-radius: 40px !important;
	border-bottom-style: none !important;
}

div.maximenuckh li.item564 li.level3 > a > span {
	color: #244061 !important;
}

div.maximenuckh li.item564 li.level3 > a span.descck {
	font-size: 13px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	height: auto !important;
	color: #adadad !important;
}

div.maximenuckh li.item141 li.level3:hover {
	background: #fff !important;
	border-radius: 40px !important;
}

div.maximenuckh li.item564 li.level3 span {
	color: #244061 !important;
	font-size: 16px !important;
	letter-spacing: normal !important;
	text-transform: none;
}

li.item564 li.maximenuck.item565.level2 {
	padding: 15px !important;
	background-color: rgb(217,217,217) !important;
}

li.item564 li.maximenuck.item565.level2:hover {
	background: #fff !important;
}

li.item564 li.maximenuck.item565.level2 a {
	margin: 0 auto !important;
	width: auto !important;
	display: block !important;
	text-align: center !important;
}


li.item564 li.maximenuck.item565.level2 span {
	
    color: #244061 !important;
    width: 550px !important;
    margin: 0 auto !important;
    display: block !important;
    text-align: center;
    font-size: 18px !important;
    letter-spacing: 0.05em !important;
    font-weight: 500 !important;
    text-transform: none !important;
}

div#maximenuck87 li.item564 li.maximenuck.item565.level2 > a img {
	margin-top: -5px !important;
	margin-bottom: 10px !important;
}

div#maximenuck87 div.floatck {
   
    background: #F4F4F4 !important;
	border-radius: 20px !important;

}

div#maximenuck87 ul.maximenuck li.item221 ul.maximenuck2 li.maximenuck {
	text-align : left;
	z-index : 11001;
	padding:0;
	font-size:12px;
	position:static;
	text-shadow: 1px 1px 1px #ffffff;
	padding: 5px 0px;
	margin: 0px 0px 4px 0px;
	float:none !important;
	text-align:center !important;
	background : none;
	list-style : none;
	display: block;
}

div#maximenuck87 ul.maximenuck li.item225 ul.maximenuck2 li.maximenuck {
	text-align : left;
	z-index : 11001;
	padding:0;
	font-size:12px;
	position:static;
	text-shadow: 1px 1px 1px #ffffff;
	padding: 5px 0px;
	margin: 0px 0px 4px 0px;
	float:none !important;
	text-align:center !important;
	background : none;
	list-style : none;
	display: block;
}

div#maximenuck87 ul.maximenuck li.item144 ul.maximenuck2 li.maximenuck {
	text-align : left;
	z-index : 11001;
	padding:0;
	font-size:12px;
	position:static;
	text-shadow: 1px 1px 1px #ffffff;
	padding: 5px 0px;
	margin: 0px 0px 4px 0px;
	float:none !important;
	text-align:center;
	background : none;
	list-style : none;
	display: block;
}

/* Icons */

div#maximenuck87 li.maximenuck li.level3 > a img,
div#maximenuck160 li.maximenuck li.level3 > a img {
    width: auto;
    float: left;
    margin: 3px 5px 0 4px !important;
}

div#maximenuck87 li.item101 > a img,
div#maximenuck160 li.item101 > a img {
    width: 30px;
	padding-bottom: 4px;
	margin: 25px 10px -5px 10px !important;
}


div.maximenuckh li.item432 li.level2 > span img {
    width: 42px;
	float: left;
	margin: -15px -40px -12px 5px !important;
	height: 50px !important;
}

div#maximenuck87 li.maximenuck li.level1 > a img,
div#maximenuck160 li.maximenuck li.level1 > a img {
    width: 40px;
	padding-bottom: 10px !important;
}

div#maximenuck87 li.maximenuck li.level2 > a img,
div#maximenuck160 li.maximenuck li.level2 > a img {
    width: 40px;
	float: left;
	margin: 3px 5px 0 4px !important;
}


/* Separator */

div#maximenuck87.maximenuckh ul.maximenuck li.level1.parent > a, 
div#maximenuck87.maximenuckh ul.maximenuck li.level1.parent > span.separator,
div#maximenuck160.maximenuckh ul.maximenuck li.level1.parent > a, 
div#maximenuck160.maximenuckh ul.maximenuck li.level1.parent > span.separator {
	padding: 0 !important;
}

div#maximenuck87.maximenuckh ul.maximenuck li.level1.parent > a:after, 
div#maximenuck87.maximenuckh ul.maximenuck li.level1.parent > span.separator:after,
div#maximenuck160.maximenuckh ul.maximenuck li.level1.parent > a:after, 
div#maximenuck160.maximenuckh ul.maximenuck li.level1.parent > span.separator:after {
	display: none !important;
}


/* Menü Ausrichtung und Dreieck */

div#maximenuck87 li.item700.level1 > div.floatck > .maxidrop-main:before,
div#maximenuck160 li.item700.level1 > div.floatck > .maxidrop-main:before {
	content: '';
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0px 10px 10px 10px;
	border-color: transparent transparent rgb(36,64,97) transparent;
	display: block;
	top: -10px;
	left: 75%  !important;
	margin-left: -526px !important;
	position: absolute;
}

div#maximenuck87 li.item700.level1 > div.floatck > .maxidrop-main:before, #subnav span.titreck:before,
div#maximenuck160 li.item700.level1 > div.floatck > .maxidrop-main:before, #subnav span.titreck:before {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0px 10px 10px 10px;
    border-color: transparent transparent rgb(36,64,97) transparent;
    display: block;
    top: -10px;
    left: 75%;
    position: absolute;
}

div.maximenuckh li.item700.level1 > div.floatck {
    margin-left: -330px !important;
    left: 98%;
}

div#maximenuck87 li.item700.level1 > div.floatck > div.maxidrop-main,
div#maximenuck160 li.item700.level1 > div.floatck > div.maxidrop-main,
div#maximenuck87 li.item264.level1 > div.floatck > div.maxidrop-main,
div#maximenuck160 li.item264.level1 > div.floatck > div.maxidrop-main {
    min-width: 80px !important;
    position: relative;
	width: 1054px !important;
}

div#maximenuck87 li.item564.level1 > div.floatck > .maxidrop-main:before, #subnav span.titreck:before,
div#maximenuck160 li.item564.level1 > div.floatck > .maxidrop-main:before, #subnav span.titreck:before {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0px 10px 10px 10px;
    border-color: transparent transparent rgb(36,64,97) transparent;
    display: block;
    top: -10px;
    left: 76.5%;
    position: absolute;
}

/* Level 2 */

div.maximenuckh li.item700 .level2 > div.floatck {
    margin-top: 11px !important;
}

div.maximenuckh li.item700 .level2 {
    margin: 0 !important;
    padding: 15px 0 5px !important;
}

div.maximenuckh li.item700 li.level2 span {
    color: #244061 !important;
    text-transform: uppercase;
    font-size: 16px !important;
	text-align: center !important;
	letter-spacing: 0.09em !important;
	font-weight: bold !important;
}

div.maximenuckh li.item700 li.level2:not(:last-child) {
    border-bottom: 1px solid rgba(0,0,0,0.04);
}

div.maximenuckh li.item700 li.level2 * {
    margin: 0 !important;
    padding: 0 !important;
}

/* Level 2 Zusatzfunktionen */

div.maximenuckh li.item141 .level2 > div.floatck {
    margin-top: 11px !important;
}

div.maximenuckh li.item141 .level2 {
    margin: 0 !important;
    padding: 15px 0 5px !important;
}

div.maximenuckh li.item141 li.level2 span {
    color: #244061 !important;
    text-transform: uppercase;
    /*! font-size: 16px !important; */
	text-align: center !important;
	letter-spacing: 0.09em !important;
	/*! font-weight: bold !important; */
}

div.maximenuckh li.item141 li.level2:not(:last-child) {
    border-bottom: 1px solid rgba(0,0,0,0.04);
}

div.maximenuckh li.item141 li.level2 * {
    margin: 0 !important;
    padding: 0 !important;
}

/* Level 3 */

div.maximenuckh li.item700 li.level3 > a {
    margin-left: 0px !important;
    padding: 2px 10px !important;
    min-height: auto !important;
	border: 2px solid rgb(200,221,252) !important;
	border-radius: 40px !important;
	border-bottom-style: none !important;
}

div.maximenuckh li.item700 li.level3 > a > span {
    color: #244061 !important;
}

div.maximenuckh li.item700 li.level3 > a span.descck {
    font-size: 13px !important;
    text-transform: none !important;
    letter-spacing: 0.05em !important;
    height: auto !important;
    color: #adadad !important;
}

div.maximenuckh li.item700 li.level3:hover {
    background: #fff !important;
	border-radius: 40px !important;
}

div.maximenuckh li.item700 li.level3 span {
    color: #244061 !important;
    font-size: 16px !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    font-weight: normal !important;
    text-align: left !important;
}

/* Level 3 Zusatz */

div.maximenuckh li.item141 li.level3 > a {
    margin-left: 0px !important;
    padding: 2px 10px !important;
    min-height: auto !important;
	border: 2px solid rgb(200,221,252) !important;
	border-radius: 40px !important;
	border-bottom-style: none !important;
}

div.maximenuckh li.item141 li.level3 > a > span {
    color: #244061 !important;
}

div.maximenuckh li.item141 li.level3 > a span.descck {
    font-size: 13px !important;
    text-transform: none !important;
    letter-spacing: 0.05em !important;
    height: auto !important;
    color: #adadad !important;
}

div.maximenuckh li.item141 li.level3:hover {
    background: #fff !important;
	border-radius: 40px !important;
}

div.maximenuckh li.item141 li.level3 span {
    color: #244061 !important;
    font-size: 16px !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    font-weight: normal !important;
    text-align: left !important;
}

/* inSuite Basis Level 2 */


li.item700 li.maximenuck.item704.level2 {
    padding: 15px !important;
	background-color: rgb(217,217,217) !important;
}

li.item700 li.maximenuck.item704.level2:hover {
    background: #fff !important;
}

li.item700 li.maximenuck.item704.level2 a {
    margin: 0 auto !important;
    width: 250px !important;
    display: block !important;
}

li.item700 li.maximenuck.item704.level2 span {
   	color: #244061 !important;
    width: 550px !important;
    margin: 0 auto !important;
    display: block !important;
    text-align: center;
    font-size: 18px !important;
    letter-spacing: 0.05em !important;
    font-weight: 500 !important;
	text-transform: none !important;
}

div#maximenuck87 li.item700 li.maximenuck.item704.level2 > a img {
    margin-top: -5px !important;
    margin-bottom: 10px !important;
}

div.maximenuckh li.item700 li.level2 .nav-header span {
    font-size: 16px !important;
    font-weight: 500 !important;
    margin-bottom: 20px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    color: #244061 !important;
    padding: 0 15px !important;
}

/* Basislevel 2 - Zusatz */

li.item141 li.maximenuck.item197.level2 {
    padding: 15px !important;
	background-color: rgb(217,217,217) !important;
}

li.item141 li.maximenuck.item197.level2:hover {
    background: #fff !important;
}

li.item141 li.maximenuck.item197.level2 a {
    margin: 0 auto !important;
    width: 250px !important;
    display: block !important;
}

li.item141 li.maximenuck.item197.level2 span {
   	color: #244061 !important;
    width: 550px !important;
    margin: 0 auto !important;
    display: block !important;
    text-align: center;
    font-size: 18px !important;
    letter-spacing: 0.05em !important;
    font-weight: 500 !important;
	text-transform: none !important;
}

div#maximenuck87 li.item141 li.maximenuck.item197.level2 > a img {
    margin-top: -5px !important;
    margin-bottom: 10px !important;
}

div.maximenuckh li.item141 li.level2 .nav-header span {
    font-size: 16px !important;
    font-weight: bold !important;
    margin-bottom: 20px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    color: #244061 !important;
    padding: 0 15px !important;
}



/* Mobile Menu */

.mobilebarmenutitleck {
	display: none;
}

/*.mobilemaximenucksubmenu {
    max-height: 100%;
    visibility: visible;
    transition: max-height .4s ease-in,visibility .4s ease-out;
    overflow: hidden;
	display: block !important;
    left: 0 !important;
    position: relative !important;
}*/

.mobilemaximenutogglericon {
    background-image: none !important;
}
/*
.mobilemaximenuck .mobilemaximenuckitem:hover > div.mobilemaximenucksubmenu {
	max-height: 500px;
	visibility: visible;
	transition: max-height .4s ease-in,visibility .4s ease-out;
	height: auto;
}*/

span.mobiletextck {
    font-size: 16px;
}

.mobilemaximenuck {
	background: #244061 !important;
	text-shadow: none !important;
}

.mobilebarmenuck {
	background: none !important;
}

span.mobiletextck {
	color: #fff !important;
}

.mobilemaximenuck .topbar {
    background: none !important;
 }

.mobilemaximenuck a {
    padding: 10px 40px 10px 21px !important;
}

.mobilemaximenuck div.current > a:after {
	content: "\f105" !important;
	display: block;
	float: right;
	height: 30px;
	width: 16px;
	margin-right: 10px;
	margin-top: -3px !important;
	background: none !important;
	font-family: 'FontAwesome';
	font-size: 20px;
}

.mobilemaximenuck .mobilemaximenucktitle {
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px !important;
    letter-spacing: 1px;
    padding-top: 10px !important;
}

.mobilemaximenuck span.mobilemaximenucktitle {
    display: none !important;
}

.mobilemaximenuck div.level1.maximenuck > a {
	background: none !important;
	min-height: 1px !important;
}

.mobilebuttonmenuck:after {
	content: "\f0c9";
	font-family: FontAwesome;
	color: #266061;
	font-size: 33px;
}

.mobilebuttonmenuck {

    background: rgba(220,160,140,0) !important;
    margin: 3px !important;
    height: auto !important;
    width: auto !important;
    padding: 100px 0px 0px 0px !important;

}

span.mobilemaximenuckclose {
	background: none !important;
	width: auto !important;
	height: auto !important;
	padding: 5px;
}

span.mobilemaximenuckclose:after {
	content: "\f00d";
	color: #fff;
	font-family: FontAwesome;
	font-size: 30px;
}

.mobilemaximenuck div.maximenuck {
	border-bottom: 1px solid rgb(75,75,75) !important;
	background: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
	min-height: 1px !important;
}
.mobilemaximenuck div.level2.maximenuck > a {
	background: none !important;
}

/*.mobilemaximenuck div.level2.maximenuck > a:before {
	content: "\f101";
	color: #fff;
	font-family: 'FontAwesome';
	font-size: 16px;
	padding-right: 10px;
	position: relative;
	top: 1px !important;
}*/

.mobilemaximenutogglericon {
	background: none !important;
	margin-right: 15px !important;
}

.mobilemaximenutogglericon:after {
    content: '+';
    color: white;
    position: absolute;
    right: 0;
    font-size: 30px;
    font-weight: 600;
    top: 50%;
    transform: translateY(-50%);
}

.mobilemaximenuck div.maximenuck:hover,.mobilemaximenuck div.maximenuck:focus {
	background-color: rgb(75,75,75) !important;
}

.mobilemaximenuck div.level3.maximenuck > a {
    background: none !important;
}

/*.mobilemaximenuck div.level3.maximenuck > a:before {
    content: "";
    color: #fff;
    font-family: 'FontAwesome';
    font-size: 16px;
    padding-right: 10px;
    position: relative;
    top: 1px !important;
}*/

div#maximenuck87 ul.maximenuck li.maximenuck.level1 > a,
div#maximenuck87 ul.maximenuck li.maximenuck.level1 > span.separator {
	min-height : 1px!important;
}

/* --- SUBNAVIGATION FUNKTIONEN --- */

#subnav {
	display: none;
    padding: 8px 30px;
    background: rgb(217,237,257);
    border-bottom: 1px solid #244061;
    z-index: 1 !important;
}

/* #subnav * {
	z-index: 3!important;
} */

#subnav .maximenuckh {
    float: none;
}

#subnav .maximenuckh * {
    text-align: center !important;
}

#subnav ul {
    margin: 0 auto !important;
	max-height: 100% !important;
}

#subnav ul li {
    padding: 0 15px !important;
    background: none !important;
}

#subnav img {
    max-width: 30px;
    /*margin-bottom: 10px !important;*/
}

#subnav li.level1:hover {
	background: #fff !important;
    border-radius: 80px !important;
	padding: 8px 10px 8px 10px !important;
	bottom: 10px !important;
}

#subnav span.titreck span {
    display: block !important;
}

#subnav span.titreck {
    font-size: 14px !important;
    color: #adadad;
    display: none !important;
    font-weight: 300 !important;
    letter-spacing: 0.05em;
    position: absolute;
    margin-top: 20px !important;
    background: #f2f2f2;
    border-radius: 30px;
    padding: 10px 10px 60px 10px !important;
    text-transform: none;
}

#subnav li:hover > a > span.titreck {
    display: block !important;
}

#subnav .item175 { /* Trennstrich zwischen Basis und Zusatzfunktionen */
    border-left: 1px solid #ddd !important;
    margin-left: 15px !important;
    padding-left: 30px !important;
}

#maximenuck130 ul.maximenuck li.level1 span.titreck {
    width: 180px !important;
    margin-left: -50px !important;
    left: 50% !important;
}

/* --- CONTENT --- */

#content {
	position: relative;
	z-index: 1;
	padding: 0;
}

.page-header {
    padding-bottom: 0;
    margin: 62px 0 20px 0;
    border-bottom: 1px solid #eee;
}

.item-page > div p:last-child {
	margin-bottom: 0 !important;
}

.item-page > div > div:first-child {
	padding-left: 0;
}

.item-page > div > div:last-child {
	padding-right: 0;
}

/* PAGE BUILDER */

p + .jsn-bootstrap3 {
    margin-top: -15px !important;
}

.jsn-bootstrap3 .row > div {
    padding: 0 30px !important;
}

.jsn-bootstrap3 .row {
    padding: 0 !important;
}

.jsn-bootstrap3 .blue-gradient .col-md-12.col-sm-12.col-xs-12 .pb-element-container, .jsn-bootstrap3 .bg-grey .col-md-12.col-sm-12.col-xs-12 .pb-element-container {
    margin: 0 !important;
}

.jsn-bootstrap3 .blue-gradient .col-md-12.col-sm-12.col-xs-12 .pb-element-container, .jsn-bootstrap3 .bg-grey .col-md-12.col-sm-12.col-xs-12 .pb-element-container {
    margin: 0 auto !important;
}

/* Button Bar */

.btn-toolbar .btn:not(:first-child) {
    margin-left: 30px !important;
}

.btn-toolbar .btn {
	float: none !important;
}

/* Blauer Streifen */

.blue-gradient {
    overflow: hidden;
	background-image: linear-gradient(-177deg, #4C749A 0%, #254061 100%);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.30);
}

.blue-gradient *, .blue-gradient .pb-element-text * {
	color: #fff !important;
}

.blue-gradient .highlight {
	color: #00CEF2 !important;
}

.blue-gradient ul {
    margin-left: 0;
    margin-bottom: 0 !important;
}

.blue-gradient ul li, .blue-gradient ul li *, .blue-gradient p, .blue-gradient ul li:before {
	color:#fff;
}

.blue-gradient ul li {
    padding-left: 30px;
}

.blue-gradient ul li:before {
    left: 0px;
}

.blue-gradient .autor {
    opacity: 0.7;
}

/* Grauer Streifen */

.bg-grey {
	background:#f2f2f2;
}

.bg-grey20 {
	background:#f2f2f2;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 10px;
	padding-left: 10px;
	border-radius:20px;
	border: #244061 solid 1px;
}
.bg-grey15 {
	background:#f2f2f2;
	padding: 15px;
	border-radius: 20px;
	border-style: solid;
	border-width: 1px;
	border-color: #244061;
}

.pb-element-image.padding60 {
	padding: 0 !important;
}

.bg-sky {
    background:#c8ddfc80;
    border-radius: 20px;
}
.bg-greyround {
	background:#f2f2f2;
	border-radius:20px;
}
		

/* Streifen Bilder volle Höhe */

.blue-gradient.image-full > div, .bg-grey.image-full > div {
    padding: 0 !important;
}

.blue-gradient.image-full > div > .pb-element-text, .bg-grey.image-full > div > .pb-element-text {
    padding: 30px !important;
}

.jsn-bootstrap3 .row.blue-gradient, .jsn-bootstrap3 .row.bg-grey {
	padding-right: 15px !important;
	padding-left: 15px !important;
}
 
.jsn-bootstrap3 .blue-gradient.image-full .pb-element-container.pb-element-image {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* Sonstige Hintergründe */

.bg-blue {
	background:rgba(36,64,97,0.9);
}

.bg-blue p {
    color: #fff;
    font-weight: 500;
    text-align: center;
}

.bg-white {
	background:rgba(255,255,255,0.9);
	border-radius: 20px;
}

/* Intro */

.row.intro {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.intro .custom {
	background-size: cover;
	background-position: center;
}

.intro img {
	max-width: 450px;
}


.overlay {
	background: rgba(0,0,0,1);
}

.overlay video {
	opacity: 0.3 !important;
	-webkit-opacity: 0.4 !important;
	-moz-opacity: 0.3 !important;
	-o-opacity: 0.4 !important;

}

.overlay *, .overlay.intro * {
    z-index: 100;
    color: rgb(255,255,255) !important;
}

/* Social */

.moduletable.social {
	float: right;
}

.social i {
    font-size: 22px;
    padding: 0 10px 0 0;
}

.social p:nth-child(2) {
    margin: 30px 0 !important;
}

/* Testimonials */

.testimonials img {
    border-radius: 150px;
    width: 150px;
}

.testimonials > div {
    margin-bottom: 15px;
}

/* Höhe Parallax Bereiche  */

.parallax-area {
	min-height: 500px;
}

@media (max-width: 768px) {
  .parallax-area {
    background-size: cover !important;
    max-width: 125% !important;
  }
}

/* RokSprocket Tabs */

.col-md-12.col-sm-12.col-xs-12 .pb-element-module {
    width: 100% !important;
}

.layout-left .sprocket-tabs-nav {
    border: 0 !important;
    background: none !important;
    margin: 0 0 30px 0!important;
    padding: 0 !important;
    width: 100% !important;
}

.layout-left .sprocket-tabs-nav > li, 
.layout-right .sprocket-tabs-nav > li {
    width: 100% !important;
    margin-bottom: 3px !important;
    background: #eee !important;
    display: block !important;
}

.layout-left .sprocket-tabs-nav > li > .sprocket-tabs-inner {
    margin-right: 0 !important;
    border-radius: 0 !important;
    border: 0 !important;
}

.layout-left .sprocket-tabs-nav > li > .sprocket-tabs-inner span {
    color: #244061 !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.03em;
	font-size: 14px;
}

.sprocket-tabs-nav > li.active > .sprocket-tabs-inner,
.sprocket-tabs-nav > li:hover > .sprocket-tabs-inner {
    background-color: #244061 !important;
    border: 0 !important;
}

.sprocket-tabs-nav > li.active > .sprocket-tabs-inner span,
.sprocket-tabs-nav > li:hover > .sprocket-tabs-inner span {
    color: #fff !important;
}

.sprocket-tabs-panels {
    margin-top: -15px !important;
}

.sprocket-tabs-panels > .sprocket-tabs-panel.active h4 {
	color: #244061;
    margin-top: 20px !important;
}

.sprocket-tabs-panels > .sprocket-tabs-panel.active img {
	width: 100% !important
	margin-top: 6px;
	margin-bottom: 30px;
}

ul.sprocket-tabs-nav li:before{display:none;} 

.sprocket-strips-s-arrows .arrow {
    background: none !important;
    color: #adadad !important;
}

.sprocket-strips-s-arrows span.arrow.prev {
    position: absolute;
    top: 25%;
    left: -50px;
}

.sprocket-strips-s-arrows span.arrow.next {
    position: absolute;
    top: 25%;
    right: -20px;
}

.sprocket-strips-s-arrows .arrow:before {
    font-family: 'FontAwesome' !important;
    border-top: none !important;
    border-bottom: none !important;
}

.sprocket-strips-s-arrows .prev:before {
	content: '' !important;
}

.sprocket-strips-s-arrows .next:before {
	content: '' !important;
}

.sprocket-strips-content {
	z-index: 2;
	padding: 15px; 
	hyphens: auto !important;
}

.sprocket-strips-c-image {
	margin-left: 15px !important; 
	margin-top: 10px !important; 
	border-bottom: 5px solid transparent;
}

.sprocket-strips-c-item:hover {
	margin-top: -35% !important;
	padding-bottom: 45% !important;
}

.sprocket-grids-b-text {
	margin: 15px 0 !important;
	display: block !important; 
	color: #fff !important;
	white-space: pre-line!important;
	font-size: 13px!important;
}

.sprocket-grids-b-effect {
	background: rgba(36,64,97,0.6)!important;
	-webkit-transition: all 0.0s!important;
	-moz-transition: all 0.0s!important;
	transition: all 0.0s!important;
	-webkit-backface-visibility: hidden!important;
	-webkit-transform: translatez(0)!important;
}

.sprocket-grids-b-image {
	width: 70%;!important
}

.sprocket-grids-b-image {
	width: 100%; 
	border-radius: 15px !important;
}

.sprocket-grids-b-item:hover .sprocket-grids-b-effect {
	border-radius: 15px !important;
	width: 100%;
	height: 100%;
	opacity: 1;
}

.sprocket-strips-p-text {
	display: block; 
	white-space: pre-line!important;
}

.jsn-bootstrap3 .table > thead > tr > th, .jsn-bootstrap3 .table > tbody > tr > th, .jsn-bootstrap3 .table > tfoot > tr > th, .jsn-bootstrap3 .table > thead > tr > td, .jsn-bootstrap3 .table > tbody > tr > td, .jsn-bootstrap3 .table > tfoot > tr > td {
    vertical-align: bottom !important;
	padding: 13px !important;
	text-align: center !important;
}

/* Infobereich */

.jsn-bootstrap3 .row.infobereich {
    padding-bottom: 30px !important;
    padding-top: 30px ! important;
}

.jsn-bootstrap3 .row.infobereich > div:nth-child(3) {
	margin-top: 30px !important
 }

.border-top {
	border-top: 3px solid #244061;
}

.infobereich .pb-element-module {
    margin-top: 3px !important;
	text-align: center !important;
}

.infobereich .pb-element-text p.h4 {
    margin-bottom: 27px !important;
}

.infobereich .pb-element-module p.h4 {
    margin-bottom: 26px !important;
}

.infobereich a.btn {
    margin-top: 14px !important;
}

/* INDIVIDUELLE EINSTELLUNGEN FÜR SEITEN */

/* Startseite */

/* Weiße Blöcke auf Bild */ 

#startseite-bg-img {
    padding: 169px 0 90px !important;
    background-size: cover !important;
    position: relative;
}

#startseite-bg-img p {
	margin: 0 !important;
}

#startseite-bg-img .col-md-2.col-sm-2.col-xs-12 {
		width: 100% !important;
		padding: 0 !important;
		position: absolute;
		top: 70px;
}

#startseite-bg-img .col-md-5 {
    width: 100%;
    margin: 0 !important;
    position: relative;
	background:rgba(255,255,255,0.9);
}

#startseite-bg-img .col-md-5:first-child {
    padding: 124px 30px 0 30px !important;
}

#startseite-bg-img .col-md-5:last-child {
    padding: 0 30px 15px 30px !important;
}

.jsn-bootstrap3 .carousel .carousel-content {
	padding: 10px 65px 10px 65px !important;
	background-image: none;
}

/* Blauer Kreis */

#startseite-bg-img .circle {
    width: 180px;
    height: 180px;
    padding: 41px 20px 0 !important;
    position: absolute;
    z-index: 10;
    left: 50%;
    margin-left: -90px !important;
    border-radius: 100px;
}

/* Funktionen */

.funktionen.fixed-width {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.funktionen > div {
	margin-bottom: 60px;
}

.funktionen h3 {
	text-align: center !important;
}

.funktionen li {
    padding-bottom: 0 !important;
    padding-top: 15px !important;
    overflow: visible !important;
}

.jsn-bootstrap3 .pb-list-content-wrap {
    overflow: visible !important;
}

.funktionen li p {
    margin: 0 0 15px 0;
}

.funktionen .h6 {
    margin: 0 0 4px 0 !important;
}

.funktionen .pb-list-content p img {
    margin: 0 auto 15px !important;
    float: none !important;
    display: block !important;
}

.funktionen a {
	color: inherit !important;
	font-weight: 300 !important;
}

.sprocket-tabs-panel .row > div {
    padding: 0 15px !important;
}

.sprocket-tabs-panel .row > div:first-child { 
    margin-top: -15px;
}

/* Vorteile */

.vorteile img {
    /*max-width: 70px;*/
    max-height: 60px;
    margin-bottom: 5px;
}

.vorteile * {
    text-align: center;
}

.vorteile .sprocket-strips-s {
	padding: 15px 0;
}

.sprocket-strips-s-container {
	margin-bottom: 0 !important;
}

.cols-3 .sprocket-strips-s-block, .cols-4 .sprocket-strips-s-block, .cols-6 .sprocket-strips-s-block, .cols-7 .sprocket-strips-s-block { /* Ansicht Fix */
    width: 100% !important;
}

.sprocket-strips-s-container .sprocket-strips-s-block:not(:last-child) {
	margin-bottom: 1px !important;
}

.vorteile .sprocket-strips-s-block {
    margin: 0 !important;
    padding: 0 15px;
}

.vorteile .sprocket-strips-s-title {
    font-size: 20px !important;
    color: #244061 !important;
    margin-bottom: 10px;
}

.sprocket-strips-s-content {
	margin-top: 15px !important;
	margin-bottom: 35px !important;
}

.sprocket-strips-s-nav {
	padding: 0 !important;
}

.sprocket-strips-s-pagination ul {
    float: none !important;
 }

.vorteile .sprocket-strips-s-pagination li {
	padding: 6px !important;
	margin: 0 3px !important;
}

a.readon {
	display: none !important;
}

/* usp Variante */

.usp * {
	font-size: 18px !important;
	color: #244061 !important;
	margin-bottom: 1px !important;
	text-align: center;
	padding: 0px 2px 8px 2px;
    hyphens: auto;
}

.usp .sprocket-strips-p-block {
    padding: 1px 5px 1px 5px !important;
}

.usp .sprocket-strips-p-content {
    background: #ffffff15 !important;
	border-radius: 10px !important;
}
		
.usp .sprocket-strips-s-block {
    margin: 0 !important;
        margin-bottom: 0px;
    padding: 1px;
    background: #ffffff15;
}

.usp .sprocket-strips-s {
	padding: 1px 0;
}

.usp .sprocket-strips-s-block {
    margin: 5px !important;
    padding: 0px 2px 0px 2px;
}

.usp .sprocket-strips-s-title {
    font-size: 20px !important;
    color: #244061 !important;
    margin-bottom: 10px;
}

.usp .sprocket-strips-s-pagination li {
	padding: 6px !important;
	margin: 0 3px !important;
}

.usp .sprocket-strips-p-content {
    z-index: 2;
    margin: 0px !important;
}

/* Größere Vorteile Variante */

.vorteile.big img {
    /*max-width: 100px;*/
    max-height: 90px;
    margin-bottom: 15px;
}

.vorteile.big p {
    font-size: 18px;
}

/* Funktions-Einzelseiten */

.logo {
    padding: 0 !important;
}

.funktion .logo span.insuite {
	-webkit-hyphens: auto;
   	-moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-break: break-all;
    padding: 0 !important;
    font-size: 24px !important;
}

.funktion .logo img {
    max-width: 100px;
    display: block;
    margin: 0 auto 10px !important;
}

.funktion .logo br {
	display: none;
}

.logo span.small {
    display: block;
    font-size: 20px !important;
    padding-left: 3px;
    margin-bottom: -2px;
}

/* Testversion */

.jsn-bootstrap3 .row.testversion {
    margin-top: -60px;
}

.jsn-bootstrap3 .row.testversion > div:first-child {
	padding-right: 60px;
}

.jsn-bootstrap3 .row.testversion .logo {
    margin: 30px 0 0 0 !important;
}

.jsn-bootstrap3 .row.testversion .logo img {
    max-width: 100px;
    margin-right: 15px;
}

.jsn-bootstrap3 .row.testversion > div:first-child h4 {
	margin: 10px 0 5px 0 !important;
}

.jsn-bootstrap3 .row.testversion > div:first-child .pb-list-content p {
	margin: 0px !important;
}

.jsn-bootstrap3 .row.testversion > div:first-child .pb-element-image:first-child {
	padding-top: 23px;
}

.jsn-bootstrap3 .row.testversion > div:first-child .pb-element-image:nth-child(2) {
    padding-top: 60px;
    padding-bottom: 60px;
}

.jsn-bootstrap3 .row.testversion > div:first-child i[class*="fa-"] {
	font-size: 75px !important;
	color: #224061;
}

.jsn-bootstrap3 .row.testversion > div:first-child .jsn-bootstrap3 .pb-list-icons li {
	padding-bottom: 15px !important;
}

.jsn-bootstrap3 .row.testversion.right > div:last-child {
    background: #224061;
    padding: 60px 30px 30px !important;
    margin-bottom: -15px;
}

.jsn-bootstrap3 .row.testversion.center > div:nth-child(2) {
    background: #224061;
    padding: 60px 30px 60px !important;
    margin-bottom: -15px;
}

.margin60 {
		margin-top:60px !important;
	}

.jsn-bootstrap3 .row.testversion.left > div:first-child {
    background: #224061;
    padding: 60px 30px 60px !important;
    margin-bottom: -15px;
}

.jsn-bootstrap3 .row.testversion.right > div:last-child .pb-element-container, .jsn-bootstrap3 .row.testversion.center > div:nth-child(2) .pb-element-container, .jsn-bootstrap3 .row.testversion.left > div:first-child .pb-element-container {
    text-align: center;
    width: 100%;
}

.jsn-bootstrap3 .row.testversion.right > div:last-child .pb-element-image, .jsn-bootstrap3 .row.testversion.center > div:nth-child(2) .pb-element-image, .jsn-bootstrap3 .row.testversion.left > div:first-child .pb-element-image {
	padding-bottom: 40px;
}

.jsn-bootstrap3 .row.testversion.right > div:last-child .h5, .jsn-bootstrap3 .row.testversion.center > div:nth-child(2) .h5, .jsn-bootstrap3 .row.testversion.left > div:first-child .h5 {
	font-size: 20px;
	margin-bottom: 20px;
   color:#fff !important;
}

.jsn-bootstrap3 .row.testversion.right > div:last-child p, .jsn-bootstrap3 .row.testversion.center > div:nth-child(2) p, .jsn-bootstrap3 .row.testversion.left > div:first-child p {
	text-align: left;
	font-size: 16px;
  	color:#fff !important;
}

.jsn-bootstrap3 input[type="file"] {
	color: #fff!important;
	}
	


/*.jsn-bootstrap3 .row.testversion > div:last-child * {
	color: #fff !important;
}*/

/* Presse */

.intro .social * {
	color: #244061 !important;
}

.intro .social .fa {
	font-size: 30px;
}

.intro .social .fa-envelope, .intro .social .fa-phone {
	font-size: 16px;
}

/* Pressefotos */

.sprocket-mosaic-item * {
    text-align: center;
}

.sprocket-mosaic .sprocket-mosaic-tags {
    display: none;
}

.sprocket-mosaic .sprocket-mosaic-header li {
    font-size: 13px;
    letter-spacing: 0.03em;
}

a.sprocket-readmore {
    display: none;
}

.sprocket-mosaic-item .sprocket-mosaic-text {
    margin: -15px 0 5px !important;
    font-size: 13px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.sprocket-mosaic-item .sprocket-mosaic-title a {
    font-size: 16px !important;
}

/* Team */

.team .circle img {
    max-width: 250px;
    margin: 0 auto;
}

.team .pb-element-text + .pb-element-image {
    margin-top: 30px !important;
}

/* --- CUSTOM CONTENT KLASSEN --- */

.fixed-width {
	max-width:1291px;
	margin:15px auto !important;
}

.abstand-bot.mobile {
    margin-bottom: 30px !important;
}

.jsn-bootstrap3 > .row.padding30, .padding30 {
	padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.jsn-bootstrap3 > .row.padding60, .jsn-bootstrap3 > .row.padding90, .padding90, .padding60 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.jsn-bootstrap3 > .row.paddingright60, .paddingright60 {
	padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.circle img {
    border-radius: 500px;
}

.full img {
	width: 100%;
}

/* --- BLOG ---  */

.blog {
    padding: 52px 0 0px;
}

.item-image.pull-left {
    margin: 60px 30px 30px 0;
}

.blog .item-image.pull-left {
    margin-top: 0;
    margin-bottom: 0;
}

.blog .item-image img {
    margin-bottom: 20px;
    width: 350px;
}

.blog .items-row > .item {
	border: 1px solid #244061;
	padding-bottom: 30px;
	margin-bottom: 30px;
	background: #f2f2f2;
	padding-top: 20px;
	border-radius:20px;
}


.blog .items-row:last-child > .item {
	border: none;
}

.item-page .article-info {
    margin-bottom: 15px !important;
}

dl.article-info > * {
    display: inline;
    padding-right: 15px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 13px;
}

dl.article-info * {
    color: #adadad !important;
}

dt.article-info-term {
    font-weight: 500;
}

ul.tags.inline {
    margin: 0 0 53px 0!important;
}

ul.tags li:before {display: none;}

ul.tags li, .tagspopular ul li {
    display: inline-block;
    margin-bottom: 7px;
}

ul.tags li a, .tagspopular ul li a {
    background:  none !important;
    border: 1px solid #244061;
    color: #244061;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 3px 5px 2px 8px;
    border-radius: 3px;
}

ul.tags li a:hover, .tagspopular ul li a:hover {
    background: #244061 !important;
    color: #fff !important;
}

.blog p.readmore a.btn {
    background: #244061 !important;
    color: #fff !important;
    font-size: 13px !important;
    padding: 2 !important;
}

.blog a {
	transition: all 0.3s ease-in-out;
}

.blog .article-info a:hover, .blog p.readmore a:hover {
	color: #00C4EE !important;
	text-decoration: underline !important;
}

.blog p.readmore {
	float: right;
    margin: 0px 0 0 0 !important;
}

/* Suche */

.element-invisible {
	display: none;
}

#right .search {
    margin-bottom: 25px;
    margin-top: 47px;
}

.search {
    position: relative;
	margin-top:8px;
}

input#mod-search-searchword {
    padding: 5px 10px 3px;
    font-size: 13px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border: 0;
    width: 100%;
    background: none !important;
}

#right input#mod-search-searchword {
    border-bottom: 1px solid #ddd;
}

.search button {
    overflow: hidden;
    display: block;
    width: 20px;
    position: absolute;
    background: none !important;
    right: 0px;
    top: 0px;
    border: 0;
    padding: 0;
}

.search button:before {
	font-family: 'FontAwesome';
	color: #ddd;
	content: '';
    padding-right: 20px;
}

div.page-header + div.page-header {
	border: 0;
	margin: -10px 0 -40px;
}

.blog .items-row .page-header {
    margin: -10px 0 1px 0;
    border: 0 !important;
}

#right h6 {
    margin-bottom: 5px!important;
}

.categories-module h5 a, .mostread a {
	font-size: 13px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

#right .moduletable {
	margin-bottom: 30px;
}

.mostread li {
	padding-bottom: 7px;
} 

.mostread a span {
	color: #244061;
}

/* Share */

.bt-social-share.bt-social-share-below {
    border: 0;
    background: 0;
    padding: 0;
    width: 100%;
    margin-top: 15px;
}

/* Suchergebnisliste & Tags Liste */

#mid-inner .search, .tag-category {
    margin: 100px;
    max-width: 1291px;
}

#searchForm > *:not(.btn-toolbar) {
    display: none;
}

.tag-category input, #mid-inner .search input {
	border: none !important;
	border-bottom: 1px solid #ddd !important;
	margin-bottom: 15px !important;
}

#mid-inner .search input {
	text-transform: capitalize;
}

#mid-inner .search button {
    margin-top: -11px;
}

.tag-category h3 {
	margin: 0 !important;
}

ul.list-striped > li:nth-child(even) {
    background: #f5f5f5;
}

ul.list-striped li {
    padding: 0px 10px 6px;
}

.search .search-results {
	margin-top: 15px;
}

#mid-inner .search .result-title, #mid-inner .search .result-title *, .tag-category h3 a {
	font-size: 20px;
}

#mid-inner .search .result-category .small {
    display: none;
}

#mid-inner .search .result-created {
    font-size: 13px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
}

/* Konditionen Tabelle */

.konditionen table tr td:first-child {
    width: 40%;
    border-right: 1px solid #ddd;
}

.konditionen table tr td:not(:first-child) {
    width: 12%;
}

.konditionen table tr:first-child td {
    border-top: 0 !important;
    border-bottom: 3px solid #244061;
    text-align: center;
}

.konditionen table tr:first-child td h3 {
    font-size: 20px !important;
}

.konditionen table tr td {
    padding: 30px 15px !important;
}

.sprocket-tables-price {
	font-size: 1.2em!important;
	}


/* --- KONTAKTFORMULAR --- */

.bfQuickMode .bfNoSection {
	margin: 30px 0 0 0 !important;
}

.bfQuickMode section input[type='text'],
.bfQuickMode section select {
	width: 96% !important;
	min-width: 96% !important;
	max-width: 96% !important;
	padding: 2%;
	border: 1px solid #adadad;
}

.bfQuickMode section textarea {
	width: 100% !important;
	min-width: 100% !important;
	max-width: 100% !important;
	padding: 2%;
}

.bfQuickMode section.bfElemWrap {
	padding: 0 0 10px !important;
}

.bfQuickMode label#bfLabel38 {
	color: #fff;
	width: 90%;
	float: right;
	text-align: left;
	margin-bottom: 25px;
	font-size: 14px;
}

.bfQuickMode label#bfLabel38 span {
	color: #fff;
	float: left;
	height: 60px;
	padding-right: 5px;
	display: inline-block;
}

.bfQuickMode input[type="box"] {
	float: left;
}

.bfQuickMode button#bfSubmitButton {
	background: #fff;
	border: 0;
	margin: 0;
	padding: 8px 0 7px;
	border-radius: 5px;
	width: 100%;
	display: block;
}

.bfQuickMode button#bfSubmitButton span {
	color: #224061 !important;
	text-transform: uppercase;
	letter-spacing: .03em;
	font-weight: 600;
	font-size: 18px;
}

/****** Editor Pop UP and RSForm ******/

div#jcemediabox-popup-body, div#jcemediabox-popup-content{max-width:800px;}

strong.formRequired {
    display: none;
}

.formResponsive .formHorizontal .formControlLabel{
  display:none;
}

.formResponsive .formHorizontal .formControls{margin-left:0 !important;}
.formResponsive input, .formResponsive textarea {
    width: 100% !important;
    float: left !important;
  	color:#000;
}

.rsform-input-box, .rsform-text-box {
	-webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box !important;    /* Firefox, other Gecko */
	box-sizing: border-box !important;         /* Opera/IE 8+ */
  	padding: 10px !important;
  	min-height: 32px;
}

.formResponsive textarea {
	min-height: 150px !important;
}

.formResponsive .formHorizontal .rsform-block {
    margin-bottom: 3px !important;
}

input#Datenschutz0, input#Newsletter0 {
    width: 20px !important;
}

.formBody label{text-align:left;}

.formBody a.jcepopup.noicon {
    color: #fff !important;
    text-decoration: underline;
}

.formBody label{width:85%;color:#fff;height: auto !important;}

.rsform-block.rsform-block-absenden {
    margin-top: -10px;
}

.jsn-bootstrap3 .row.testversion .rsform-submit-button {
  	width: 100% !important;
    color: #224061 !important;
    text-transform: uppercase;
    letter-spacing: .03em;
    font-weight: 600;
    font-size: 18px;
	padding:10px;
}

.jsn-bootstrap3 .row.testversion button{
  	width: 100%;
    color: #224061 !important;
    text-transform: uppercase;
    letter-spacing: .03em;
    font-weight: 600;
    font-size: 18px;
	padding:10px;
}

.rsfp-field-multiple-plus-button {
  	width: 180px !important;
    color: #224061 !important;
    text-transform: initial !important;;
    letter-spacing: .01em !important;;
    font-weight: 600;
    font-size: 14px !important;;
	padding:5px !important;
	text-align: left !important;
	background: #c8ddfc !important;
    margin-right:  70% !important;
	margin-top: 20px !important;
}

.formResponsive input[type="submit"], .formResponsive button[type="submit"] {
    background: #fff !important;
    border: 0;
    margin: 0;
    padding: 8px 0 7px;
    border-radius: 5px;
    width: 97%;
    display: block;
}

.formResponsive select, .formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="number"], .formResponsive input[type="email"], .formResponsive input[type="tel"], .formResponsive input[type="url"], .formResponsive input[type="password"] {
	padding: 7px !important;
	border-radius: 5px !important;
  	font-size: 16px !important;
}

.formResponsive select {
    width: 97%!important;
}

.rsform-block.rsform-block-newsletter, .rsform-block.rsform-block-absenden {
    padding-top: 15px !important;
}

.rsform-block.rsform-block-absenden button {
    display: block;
    width: 88% !important;
    color: #244061;
    font-size: 16px;
    padding: 8px;
}

.formResponsive select * {
    font-size: 16px !important;
}

.formResponsive select {
    width: 570px;
    border: 1px solid #bbb;
}

.formResponsive p.formDescription {
    text-align: left !important;
	font-weight: 600;
}

.formResponsive .rsform-button, .rsform-button-prev {
    margin: 0 10px 15px;
}

.formResponsive span.formValidation {
    display: block;
    float: none;
    width: 100%;
}

p.formDescription {
    text-align: center !important;
}

.rsform-button {
    margin: 0 10px 15px;
}

span.formValidation {
    display: block;
    float: none;
    width: 100%;
}

.formResponsive input[type="radio"], .formResponsive input[type="checkbox"] {
    width: 20px !important;
    display: inline-block !important;
}

.formResponsive input[type="radio"]+label, .formResponsive input[type="checkbox"]+label {
    display: inline-block !important;
    float: left;
    width: auto;
    max-width: 80%;
}

.formResponsive .formError {
    color: #ef4e23 !important;
    padding-left: 5px;
    vertical-align: middle;
    font-size: 16px !important;
    font-weight: normal;
    margin: 3px 5px 3px 0;
    height: 40px !important;
    display: block;
}

.formResponsive input.rsform-error,
.formResponsive textarea.rsform-error,
.formResponsive select.rsform-error
{
    color: #ef4e23 !important;
    border-color: #ef4e23 !important;
	border: 3px solid #ef4e23 !important;
}


/* Rückruf */

#rueckruf .form-control {
    height: 25px !important;
    padding: 6px 12px !important;
}

#rueckruf textarea.form-control {
    min-height: 100px !important;
	height: auto !important;
}

#rueckruf textarea {
  min-height: 60px !important;
}

#rueckruf .rsform-block-absenden {
	margin-top: 0 !important
}

#rueckruf h5 {
   padding-left: 2px;
   padding-bottom: 10px;
}

#rueckruf .rsform-block-absenden button {
    background: #244061;
    border: 0;
    position: relative;
    right: 0;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    transition: all 0.2s ease-in-out;
  	padding: 6px 15px !important;
}

#rueckruf .rsform-block-absenden button:hover {
    background: #00C4EE;
}

#rueckruf label.checkbox-inline {
    width: 100%;
}

/* Promobox */

	.roundedbox, .jsn-bootstrap3 > .row.roundedbox .pb-promobox section { 		
		border-radius: 30px; 	
	}

/* Bildrahmen */
	
	.borderbild, .jsn-bootstrap3 > .borderbild img { 		
		border: 1px solid #244061 !important; 	
	}

	.borderbildround, .jsn-bootstrap3 > .borderbildround img { 		
		border-radius: 20px !important; 	
	}




/* Referenzbox PB */

.jsn-bootstrap3 blockquote { 
	padding: 10px 10px !important;
	border-left: 5px solid #244061 !important;
}
	
/* Kalender */

#rueckruf .col-md-12.nopadding {
    padding: 0 !important;
    margin: 0 15px !important;
}

#rueckruf .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover,
#rueckruf .xdsoft_datetimepicker .xdsoft_calendar td:hover, #rueckruf .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
    background: #244061 !important;
}

#rueckruf .xdsoft_datetimepicker .xdsoft_calendar td:hover > div, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover > div {
    color: #fff !important;
}


/* --- FOOTER --- */

#footer {
	padding: 30px 0;
	background-image: linear-gradient(-177deg, #4C749A 0%, #254061 100%);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.30);
}

#footer * {
	color: #fff !important;
}

#footer img {
	margin-bottom: 30px;
	max-width: 366px;
	margin-left:20px;
}

#footer .fa {
	padding-right: 31px;
	font-size: 30px;
	margin-left:20px;
}

#footer p {
	margin-bottom: 10px;
}

#footer-inner .row > div:not(:last-child) {
	margin-bottom: 40px;
	margin-right: 0px;
	margin-left: 0px;
}

/* TOTOP */

#scrollToTop {
	font-weight: 500;
	font-size: 14px !important;
	text-transform: uppercase;
    background: rgba(255,255,255,0.7) !important;
    padding: 12px 12px 10px 12px !important;
}


/* COOKIES */

#ca_banner {
    background: rgba(36,64,97,0.9) !important;
    box-shadow: none !important;
    border: 0 !important;
    height: auto !important;
    padding: 10px 0 9px !important;
}

#ca_banner > * {
    display: inline;
    letter-spacing: 0.03em;
}

#ca_banner .accept {
    background: none !important;
    text-shadow: none !important;
    border: 1px solid #fff;
    padding: 3px 10px 2px !important;
    margin: 0 15px !important;
    transition: all 0.3s ease-in-out;
}

#ca_banner .accept:hover {
	box-shadow: none !important;
    background: #00C4EE !important;
    border-color: #00C4EE !important;
    color: #fff !important;
}

/* LOGIN */

.custom.login_intro {
    padding: 60px 0 0;
}

.login form, .reset form, .remind form, .logout form {
    display: inline-block;
    margin: 0 auto;
    background: #f2f2f2;
    border: none;
    box-shadow: none;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    width: 300px;
}

.login {
    text-align: center;
    padding: 30px 0;
}

.reset, .remind, .logout {
    text-align: center;
    padding: 30px 0 60px;
}

.reset p, .remind p {
    letter-spacing: 0;
    text-transform: none;
    line-height: 1.3;
    margin-bottom: 15px;
}

.login + div ul.nav li {
    display: inline-block;
}

.login + div ul.nav {
    text-align: center;
    margin-bottom: 60px;
    border: none;
}

.login + div ul.nav li a {
    text-transform: uppercase;
    letter-spacing: 0.07em;
    font-size: 13px;
    color: #aaa !important;
}

.login + div ul.nav li a:hover {
    color: #244061 !important;
    background:  none;
    border: none;
}

.login label, .reset label {
    text-align: center;
    width: 100%;
    padding-bottom: 4px;
}

.login .controls input[type=text], .login .controls input[type=password], .reset .controls input[type=text], .remind .controls input[type=text] {
    margin-bottom: 15px;
    border: 1px solid #ddd;
    padding: 7px;
    width: 100%;
    border-radius: 4px;
}

.login .control-label, .reset .control-label, .remind .control-label {
    padding: 0;
}

.login .control-group:nth-child(3) > * {
    display: inline-block;
}

.login input[type=checkbox] {
    margin: -18.5px 0 0 8px !important;
    display: block;
}


.login button[type=submit], .reset button[type=submit], .remind button[type=submit], .logout button[type=submit] {
  background: #244061;
  width: 100%;
  margin-top: 18px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
  font-size: 16px;
  border: none;
}

.logout button[type=submit] {
  margin: 0;
}

div#system-message > .alert {
    padding: 1px 5px;
    max-width: 50%;
    margin: 0 auto;
    background: #fcf8e3;
    border-color: #faf2cc;
    color: #8a6d3b;
}

div#system-message > .alert .alert-message {
    display: inline-block;
    margin: 0;
    padding: 5px;
    min-width: 300px;
}

div#system-message {
    text-align: center;
}

div#system-message > .alert div {
    display: block;
}

/* Preisliste  */ 

.table-overflow {
  overflow:scroll;
}

.pb-element-pricingtable {
    min-width: 700px;
}

.pb-element-pricingtable .pb-prtbl-features > li {
    height: 80px !important;
    vertical-align: initial;
  	display: block !important;
}

.pb-element-pricingtable .pb-prtbl-features > li > label {
    width: auto !important;
    display: block;
    float: none;
}

.pb-element-pricingtable .pb-prtbl-title {
    background: #244061 !important;
}

.pb-element-pricingtable .pb-prtbl-cols.first .pb-prtbl-title {
    background: none !important;
}

.pb-element-pricingtable .pb-prtbl-title h3 {
	margin: 15px 0 5px !important;
    color: #fff !important;
	text-align: center !important;
}

.pb-element-pricingtable .pb-prtbl-cols .pb-prtbl-footer {
  padding: 0 !important;
}

.jsn-bootstrap3.jsn-pagebuilder .btn-danger { 
	color: #ffffff !important;
	background-color: #244061 !important;
	border-color: #244061 !important;
}

/* RESPONSIVE */


@media (min-width: 480px) {

	
}

@media (min-width: 768px) {

	p {
		font-size: 16px;
	}

	/* Typo */

	h1,.h1, .jsn-bootstrap3 h1, .jsn-bootstrap3 .h1 {
		font-size: 42px !important;
		margin: 0 !important;
	}

	h2,.h2, .jsn-bootstrap3 h2, .jsn-bootstrap3 .h2 {
		font-size: 36px !important;
		margin-bottom: 15px !important;
	}

	h3,.h3, .jsn-bootstrap3 h3, .jsn-bootstrap3 .h3 {
		font-size: 30px !important;
		margin-bottom: 20px !important;
	}

	h4,.h4, .jsn-bootstrap3 h4, .jsn-bootstrap3 .h4 {
		font-size: 24px !important;
	}

	h5,.h5, .jsn-bootstrap3 h5, .jsn-bootstrap3 .h5 {
		font-size: 20px !important;
		margin-bottom: 0px !important;
	}

	a.btn {
		font-size: 18px !important;
	}

	a.btn + a.btn {
		margin-left: 30px;
	}

	/* Header */

	#top-bar {
		height: 34px;
		width: 100%;
		position: fixed;
	}

	#top-bar > div {
		padding: 0;
		float: left;
	}

	ul.nav.topmenu {
		float: right;
	}

	ul.nav.topmenu li {
		display: inline-block;
	}

	input#mod-search-searchword {
	    padding: 10px 15px 3px;
	}

	#top-left {
		float: left;
		margin-top: 0;
		padding: 53px 0 15px 15px;
	}

	#top-right {
		padding: 15px 0 15px 0;
	}

	/* Page Builder */

	.jsn-bootstrap3 .row > div {
	    padding: 0px 17px !important;
	}

	/* Tabs */ 

	.layout-left .sprocket-tabs-nav {
	    width: 260px !important;
	    margin-right: 0px !important;
	    position: absolute;
	}

	.layout-left .sprocket-tabs-nav li {
		width: 260px !important;
	}

	.sprocket-tabs-panels{
		margin-top: -15px !important;
	    position: relative;
	    margin-left: 295px;
	}

	.sprocket-tabs-panels > .sprocket-tabs-panel.active * {
		text-align: left;
	}

	.sprocket-tabs-panels > .sprocket-tabs-panel.active img, .sprocket-tabs-panel a.jcepopup span, .sprocket-tabs-panel a.jcepopup {
	    width: 100% !important;
	    max-width: 100% !important;
	}

	.sprocket-tabs-panels > .sprocket-tabs-panel.active h4 {
		color: #244061;
	    margin-top: 20px !important;
	}

	/* RokSprocket */

	.cols-3 .sprocket-strips-s-block, .cols-4 .sprocket-strips-s-block, .cols-6 .sprocket-strips-s-block, .cols-7 .sprocket-strips-s-block { /* Ansicht Fix */
	    width: 50% !important;
	}

    .cols-2 .sprocket-strips-p-block {
		width: 50%; 
		text-align: left !important;
	}
	
	.sprocket-strips-p-item img {
		width: 35%;
		float: none !important;
		margin-right: 15px;
		margin-bottom: 15px;
	}

	/* Startseite */

	/* Weiße Blöcke auf Bild */ 

	#startseite-bg-img {
		padding: 0 !important;
		background-size: cover !important;
	}

	#startseite-bg-img .col-md-2.col-sm-2.col-xs-12 {
		padding: 0 !important;
    	top: 255px;
	}

	#startseite-bg-img .col-md-5 {
	    width: 50%;
	    margin: 350px 0 0 0 !important;
	    position: relative;
		background:rgba(255,255,255,0.9);
	    text-align: left;
	}

	#startseite-bg-img .col-md-5:first-child {
	    padding: 17px 110px 15px 30px !important
	}

	#startseite-bg-img .col-md-5:last-child {
	    padding: 17px 30px 15px 110px !important;
	}

	/* Blauer Kreis */

	#startseite-bg-img .circle {
	    padding: 42px 30px 0 !important;
	    margin-left: -90px !important;
	}

	/* Funtkionen */

	.jsn-bootstrap3 .row.funktionen > div {
		padding: 0 15px !important;
	}

	.logo span.small {
	    margin-left: -36px !important;
	}

	/* Streifen */

	.jsn-bootstrap3 .row.blue-gradient.image-full, .jsn-bootstrap3 .row.bg-grey.image-full,
	.jsn-bootstrap3 .row.blue-gradient.image-full > div , .jsn-bootstrap3 .row.bg-grey.image-full > div {
	    padding: 0 !important;
	}


	/* Infobereich */

	.jsn-bootstrap3 .row.infobereich {
	    padding: 30px 0 !important;
	}

	/* Custom Klassen */

	.padding30, .jsn-bootstrap3 > .row.padding30 {
	    padding-top: 30px !important;
    	padding-bottom: 30px !important;
	}

	.padding60, .jsn-bootstrap3 > .row.padding60 {
	    padding-top: 60px !important;
    	padding-bottom: 60px !important;
	}

	.padding60round, .jsn-bootstrap3 > .row.padding60round { 		
		border-radius: 30px; 	
	}

	.abstand {
	    margin-top: 30px !important;
	    margin-bottom: 30px !important;
	}

	.abstand-bot {
	    margin-bottom: 30px !important;
	}

	.abstand-bot.mobile {
	    margin-bottom: 0px !important;
	}

	.jsn-bootstrap3 .row.infobereich > div:nth-child(3) {
	    margin-top: 0px !important;
	}

}

	#startseite-bg-img {
		background-size: 100% auto !important;
      	background-repeat: no-repeat !important;
	}

	.padding90, .jsn-bootstrap3 > .row.padding90 {
	    padding-top: 90px !important;
    	padding-bottom: 90px !important;
	}

	.padding150, .jsn-bootstrap3 > .row.padding150 {
	    padding-top: 150px !important;
    	padding-bottom: 150px !important;
	}
	
	.padding200, .jsn-bootstrap3 > .row.padding200 {
	    padding-top: 200px !important;
    	padding-bottom: 200px !important;
	}

@media (max-width: 767px) {
    #startseite-bg-img {
		background-position: center top !important;
	}
	.parallax-area {
    	background-attachment: scroll !important;
      	background-size: cover !important;
	}
}

@media (min-width: 768px) and (max-width: 1200px) {

	.jsn-bootstrap3 .row.blue-gradient.spacer .col-sm-1:first-child, .jsn-bootstrap3 .row.bg-grey.spacer .col-sm-1:first-child, .jsn-bootstrap3 .row.spacer .col-sm-1:first-child,
	.jsn-bootstrap3 .row.blue-gradient.spacer .col-sm-1:last-child, .jsn-bootstrap3 .row.bg-grey.spacer .col-sm-1:last-child, .jsn-bootstrap3 .row.spacer .col-sm-1:last-child,
	.jsn-bootstrap3 .row.blue-gradient.spacer .col-sm-2:first-child, .jsn-bootstrap3 .row.bg-grey.spacer .col-sm-2:first-child, .jsn-bootstrap3 .row.spacer .col-sm-2:first-child,
	.jsn-bootstrap3 .row.blue-gradient.spacer .col-sm-2:last-child, .jsn-bootstrap3 .row.bg-grey.spacer .col-sm-2:last-child, .jsn-bootstrap3 .row.spacer .col-sm-2:last-child,
	.jsn-bootstrap3 .row.blue-gradient.spacer .col-sm-3:first-child, .jsn-bootstrap3 .row.bg-grey.spacer .col-sm-3:first-child, .jsn-bootstrap3 .row.spacer .col-sm-3:first-child,
	.jsn-bootstrap3 .row.blue-gradient.spacer .col-sm-3:last-child, .jsn-bootstrap3 .row.bg-grey.spacer .col-sm-3:last-child, .jsn-bootstrap3 .row.spacer .col-sm-3:last-child,
	.jsn-bootstrap3 .row.fifty .col-sm-2:first-child, .jsn-bootstrap3 .row.fifty .col-sm-2:first-child,
	.jsn-bootstrap3 .row.fifty .col-sm-2:last-child, .jsn-bootstrap3 .row.fifty .col-sm-2:last-child,
	.jsn-bootstrap3 .row.infobereich .col-sm-2:first-child, .jsn-bootstrap3 .row.infobereich .col-sm-2:first-child,
	.jsn-bootstrap3 .row.infobereich .col-sm-2:last-child, .jsn-bootstrap3 .row.infobereich .col-sm-2:last-child {
		display: none !important
	}

	.jsn-bootstrap3 .row.blue-gradient.spacer .col-sm-1, .jsn-bootstrap3 .row.bg-grey.spacer .col-sm-1, .jsn-bootstrap3 .row.spacer .col-sm-1 {
		width: 10% !important
	}

	.jsn-bootstrap3 .row.blue-gradient.spacer .col-sm-2, .jsn-bootstrap3 .row.bg-grey.spacer .col-sm-2, .jsn-bootstrap3 .row.spacer .col-sm-2 {
		width: 25% !important
	}

	.jsn-bootstrap3 .row.blue-gradient.spacer .col-sm-3, .jsn-bootstrap3 .row.bg-grey.spacer .col-sm-3, .jsn-bootstrap3 .row.spacer .col-sm-3 {
		width: 50% !important
	}

	.jsn-bootstrap3 .row.blue-gradient.spacer .col-sm-4, .jsn-bootstrap3 .row.bg-grey.spacer .col-sm-4, .jsn-bootstrap3 .row.spacer .col-sm-4 {
		width: 50% !important
	}

	.jsn-bootstrap3 .row.blue-gradient.spacer .col-sm-5, .jsn-bootstrap3 .row.bg-grey.spacer .col-sm-5, .jsn-bootstrap3 .row.spacer .col-sm-5 {
		width: 50% !important
	}

	.jsn-bootstrap3 .row.blue-gradient.spacer .col-sm-6, .jsn-bootstrap3 .row.bg-grey.spacer .col-sm-6, .jsn-bootstrap3 .row.spacer .col-sm-6 {
		width: 50% !important
	}

	.jsn-bootstrap3 .row.blue-gradient.spacer .col-sm-7, .jsn-bootstrap3 .row.bg-grey.spacer .col-sm-7, .jsn-bootstrap3 .row.spacer .col-sm-7 {
		width: 50% !important
	}

	.jsn-bootstrap3 .row.blue-gradient.spacer .col-sm-8, .jsn-bootstrap3 .row.bg-grey.spacer .col-sm-8, .jsn-bootstrap3 .row.spacer .col-sm-8 {
		width: 100% !important
	}

	.jsn-bootstrap3 .row.blue-gradient.spacer .col-sm-9, .jsn-bootstrap3 .row.bg-grey.spacer .col-sm-9, .jsn-bootstrap3 .row.spacer .col-sm-9 {
		width: 100% !important
	}

	.jsn-bootstrap3 .row.blue-gradient.spacer .col-sm-10, .jsn-bootstrap3 .row.bg-grey.spacer .col-sm-10, .jsn-bootstrap3 .row.spacer .col-sm-10 {
		width: 100% !important
	}

	.jsn-bootstrap3 .row.blue-gradient.spacer .col-sm-11, .jsn-bootstrap3 .row.bg-grey.spacer .col-sm-11, .jsn-bootstrap3 .row.spacer .col-sm-11 {
		width: 100% !important
	}

	.jsn-bootstrap3 .row.blue-gradient.spacer .col-sm-12, .jsn-bootstrap3 .row.bg-grey.spacer .col-sm-12, .jsn-bootstrap3 .row.spacer .col-sm-12 {
		width: 100% !important
	}

	.datensafe > .col-md-6.col-sm-6.col-xs-12, .full-width > [class*="col-sm-"] {
		width: 100% !important;
	}

	.jsn-bootstrap3 .row.infobereich > div {
		width: 50% !important;
	}

}

@media (min-width: 940px) {

	#startseite-bg-img .col-md-5 {
		min-height: 162px;
	}

}

@media (min-width: 992px) {

	#all {
		text-align: left;
	}

	.columns {
	    -webkit-column-count: 2; 
	    -moz-column-count: 2; 
	    column-count: 2;
		-webkit-column-gap: 30px; 
	    -moz-column-gap: 30px; 
	    column-gap: 30px;
	    column-fill: balance;
		-moz-column-fill: balance;
		-webkit-column-fill: balance;
	}

	#content {
	    padding: 0;
	}

	/* Header */

	#top2 p {
		display: inline;
		text-align: right;
		padding: 0 15px;
	}

	.custom.kontakt {
		margin-top: 6px;
	    display: inline-block;
	    width: auto;
	    float: right;
	    border-right: 1px solid rgba(255,255,255,0.3);
	    padding-right: 7px;
	}

	#top2 .fa {
		padding-right: 5px; 
	}

	#top-right {
	    float: right;
	    position: relative;
	    /* padding: 55px 0; */
	    top: 0;
	    right: 0;
	}

	/* Subnav */

	#subnav {
		display: block;
	}

	#subnav .item175 {
	    border-left: 1px solid #244061 !important;
	    padding-left: 20px !important;
	    margin-left: 10px !important;
	}

	#subnav .item205 { 
		display: none!important; 
	}
	
	#subnav .item206 { 
		display: none!important; 
	}
	
	#subnav .item322 { 
		display: none!important; 
	}
	#subnav .item335 { 
		display: none!important; 
	}
	
	#subnav .item467 { 
		display: none!important; 
	}
	
	#subnav .item443 { 
		display: none!important; 
	}

	#subnav .item437 { 
		display: none!important; 
	}
	
	#subnav .item441 { 
		display: none!important; 
	}
	#subnav .item442 { 
		display: none!important; 
	}
	
	#subnav .item438 { 
		display: none!important; 
	}
	
	#subnav .item445 { 
		display: none!important; 
	}
	
	#subnav .item446 { 
		display: none!important; 
	}
	
	#subnav .item451 { 
		display: none!important; 
	}
	
	#subnav .item448 { 
		display: none!important; 
	}
	
	#subnav .item439 { 
		display: none!important; 
	}
	
	#subnav .item450 { 
		display: none!important; 
	}
	
	#subnav .item440 { 
		display: none!important; 
	}
	
	#subnav .item453 { 
		display: none!important; 
	}
	
	#subnav .item454 { 
		display: none!important; 
	}

	#subnav ul li {
	    padding: 10px 10px !important;
	    background: none !important;
	}

	/* Vorteile */

	.cols-3 .sprocket-strips-s-block { /* Ansicht Fix */
	    width: 33% !important;
	}

	.cols-4 .sprocket-strips-s-block { 
		width: 24.6% !important;
	}

	.cols-6 .sprocket-strips-s-block {
	    width: 16.45% !important;
	}

	.cols-7 .sprocket-strips-s-block {
	    width: 12.5% !important;
	}

	/* Weiße Blöcke */

	#startseite-bg-img .col-md-5:first-child {
	    padding: 17px 110px 15px 45px !important
	}

	#startseite-bg-img .col-md-5:last-child {
	    padding: 17px 45px 15px 110px !important;
	}

	/* Funktionen */

	.funktionen h3 {
		text-align: left !important;
		margin-left: 88px;
	}

	.funktionen li {
	    padding-bottom: 15px !important;
	    padding-top: 15px !important;
	    overflow: visible !important;
	    transition: all 0.3s ease-in-out;
	    border: 1px solid #fff;
	}

	.funktionen li:hover * {
	    transition: all 0.3s ease-in-out;
	}

	.funktionen li:hover strong {
	    color: #244061 !important;
	}

	.funktionen li:hover a {
	    color: #00CEF2 !important;
	}

	.funktionen li p {
	    margin: 0;
	}

	.funktionen .h6 {
	    margin: 0 0 4px 0 !important;
	}

	.funktionen .pb-list-content p img {
	    margin: -9px 15px 15px !important;
	    float: left !important;
	    display: block !important;
	}

	.funktionen a {
		color: inherit !important;
		font-weight: 300 !important;
	}

	.sprocket-tabs-panel .row > div {
	    padding: 0 15px !important;
	}

	.sprocket-tabs-panel .row > div:first-child { 
	    margin-top: -15px;
	}

	.sprocket-tabs-panels > .sprocket-tabs-panel.active img, .sprocket-tabs-panel a.jcepopup span, .sprocket-tabs-panel a.jcepopup {
	    max-width: 400px !important;
	}

	.logo span.small {
	    margin-left: -1px !important;
	}

	.jsn-bootstrap3 .row.infobereich {
	    padding: 30px !important;
	}

	.funktion .logo img {
	    max-width: 75px;
	    margin: 0 !important;
	}

	.sprocket-strips-p-item img {
		width: 35%;
		float: left !important;
		margin-right: 15px;
		margin-bottom: 15px;
	}
	
}

@media (min-width: 1200px) {

	.fixed-width {
	    margin: 30px auto !important;
	}

	.container {
	    width: 1210px !important;
	}

	#content {
	    padding: 0;
	}

	#startseite-bg-img .col-md-5 {
	    min-height: 138px;
	}

	#subnav .item175 {
	    padding-left: 30px !important;
	    margin-left: 15px !important;
	}

	#footer1 {
		padding-left: 30px;
	}

	.sprocket-tabs {
		margin-left: 12px;
	}

	.layout-left .sprocket-tabs-nav li {
	    width: 278px !important;
	}

	.sprocket-tabs-panels {
	    margin-left: 312px !important;
	}

	.layout-left .sprocket-tabs-nav {
 	   width: 265px !important;
	}

	.blue-gradient.image-full > div > .pb-element-text, .bg-grey.image-full > div > .pb-element-text {
	    padding: 30px 38px !important;
	}

	.funktion .logo img {
	    display: inline;
	}

	.jsn-bootstrap3 .row.testversion > div:last-child {
	    margin-bottom: -30px;
	}

}

@media (min-width: 1280px) {

	#startseite-bg-img .col-md-5 {
	    min-height: 114px;
	}

	#startseite-bg-img .col-md-5 p {
	    max-width: 500px;
	    text-align: center;
	    margin: 0 auto !important;
	}

}

@media (max-width: 1850px) {

	.datensafe .col-md-6.col-sm-6.col-xs-12, .full-width .col-md-6.col-sm-6.col-xs-12 {
 	   width: 60% !important;
 	   margin: 0 20% !important;
	}

}

@media (max-width: 1540px) {

	.datensafe .col-md-6.col-sm-6.col-xs-12, .full-width .col-md-6.col-sm-6.col-xs-12 {
 	   width: 80% !important;
 	   margin: 0 10% !important;
	}

}

@media (max-width: 1280px) {
	
	#ca_banner > * {
		line-height: 1.5 !important;
	    display: inline-block !important;
	    padding: 0 !important;
	    margin: 0 !important;
	}

	#ca_banner p {
	    padding-bottom: 5px !important;
	}

}

@media (max-width: 1200px) {

	/* Page Builder Mobile Positioning Exceptions */

	.intro > div {
		width: 100% !important;
	}

	.overlay {
		background: url('../images/intro-fallback.jpg');
		background-size: cover;
	}

	.intro video {
		display: none !important;
	}

	#startseite-bg-img {
		background-attachment: scroll !important;
	}

	.datensafe .col-md-6.col-sm-6.col-xs-12, .full-width .col-md-6.col-sm-6.col-xs-12 {
 	   width: 100% !important;
 	   margin: 0 !important;
	}

	.image-full > div {
	    width: 50% !important;
	}

	.funktion .fixed-width:not(:first-child) .col-md-3.col-sm-3.col-xs-12 + .col-md-9.col-sm-9.col-xs-12 {
		width: 100% !important;
	}

	.funktion .fixed-width:not(:first-child) .col-md-3.col-sm-3.col-xs-12 + .col-md-9.col-sm-9.col-xs-12 * {
		text-align: center;
	}

	.funktion .blue-gradient > div {
		width: 100% !important;
	}

	.item-image.pull-left {
		width: 100%;
		float: none;
		margin-bottom: 0;
	}

	.item-image.pull-left img {
		width: 100%;
	}

	.konditionen table {
		max-width: 100% !important;.item-image.pull-left {
    margin: 60px 30px 0 0;
}
		width: 100% !important;
	}

	.konditionen table tr td {
	    width: 20% !important;
	    padding: 7px 10px !important;
	}

	#top1, #top-bar .kontakt {
		display: none;
	}

}

@media (max-width: 1024px) {

	.jsn-bootstrap3 .row.testversion > div:last-child {
	    padding-bottom: 93px !important;
	}

	.konditionen table tr:first-child td {
		font-size: 24px !important
	}

	.blog p.readmore {
	    float: none;
	    margin: 0 !important;
	    text-align: center;
	    padding-top: 24px;
	}

	#top2 {
		width: 100% !important;
	}

}	


@media (max-width: 768px) {

	/* Listen */

	ul li {
	/* display: inline-block; */
		width: auto;
	}

	/* Datensafe */

	.pb-element-text img, .datensafe img {
		float: none !important;
		margin-bottom: 30px;
	}

	.jsn-bootstrap3 .blue-gradient > div, .jsn-bootstrap3 .bg-grey > div {
	    width: 100% !important;
	    padding: 0 !important;
	}

	.blog {
	    padding: 80px 0 0;
	}

	#right .search {
	    margin-top: 30px;
	}

	#right {
		margin-bottom: 60px;
	}

	.cta p {
		display: inline-block;
		margin: 0 15px;
	}

	.jsn-bootstrap3 .row.testversion > div {
	    width: 100%;
		margin-top: 40px;
	}
	
	.jsn-bootstrap3 .row.testversion > div:last-child {
	    padding-bottom: 67px !important;
	}

	.bt-social-share.bt-social-share-below {
	    width: auto;
	    margin: 15px auto;
	}

	/* .team */

	.team .col-md-2.col-sm-2.col-xs-12 {
	    width: 100% !important;
	}

	.team .jsn-bootstrap3 .row .col-sm-6, 
	.team .jsn-bootstrap3 .row .col-sm-2, 
	.team .jsn-bootstrap3 .row.blue-gradient .col-sm-2, 
	.team .jsn-bootstrap3 .row.bg-grey .col-sm-2,
	.team .col-md-2.col-sm-2.col-xs-12, 
	.team .jsn-bootstrap3 .row.blue-gradient.spacer .col-sm-2, 
	.team .jsn-bootstrap3 .row.bg-grey.spacer .col-sm-2,
	.team .jsn-bootstrap3 .row.blue-gradient.spacer .col-sm-6, 
	.team .jsn-bootstrap3 .row.bg-grey.spacer .col-sm-6 {
	    width: 100% !important;
	    padding: 0 30px !important;
	}

	.team img.img-circle {
	    margin: 0 auto 30px !important;
	    width: 250px;
	    float: none;
	}

	.team .jsn-bootstrap3.jsn-pagebuilder .pull-left, .team .jsn-bootstrap3.jsn-pagebuilder .pull-right {
	    float: none !important;
	}

	.team .jsn-bootstrap3 .row .col-sm-6 *, 
	.team .jsn-bootstrap3 .row .col-sm-2 *, 
	.team .jsn-bootstrap3 .row.blue-gradient .col-sm-2 *, 
	.team .jsn-bootstrap3 .row.bg-grey .col-sm-2 *,
	.team .jsn-bootstrap3 .row .col-sm-6 * {
	    text-align: center !important;
	}
  
  /* Preistabelle */
  
  .pb-element-pricingtable .pb-prtbl-footer > .btn {
    	font-size: 10px !important;
	}
  
  .pb-element-pricingtable .pb-prtbl-header {
    height: 102px !important;
  }
  
  .pb-element-pricingtable .pb-prtbl-features > li {
    height: 85px !important;
  }

  /* Konditionen - RokSprocket */

  .sprocket-strips-p-item img {
		width: 35%;
		float: none !important;
		margin-right: 15px;
		margin-bottom: 15px;
	}
}

@media (max-width: 480px) {

	.jsn-bootstrap3 > .row > div {
		width: 100% !important;
	}

	a.btn {
		width: 80%;
		padding-left: 0;
		/* padding-right:0;
		margin-top: 15px;
		margin-right: 10%;
		margin-left: 10%; */
	}

	.intro img {
		max-width: 280px;
		margin: 0 !important;
	}

	#top2 .moduletable.lang {
	    position: absolute;
	    left: 209px;
	    top: 86px;
  }

	.sprocket-grids-b-text {
		visibility:hidden;
	}
	
}
 
  /* Carousel Optik */

.jsn-bootstrap3.jsn-pagebuilder .carousel-control.left { 
	background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%));
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.0001) 100%) !important;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
	}


.jsn-bootstrap3.jsn-pagebuilder .carousel-control.right { 
	left: auto;
	right: 0;
	background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%));
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0) 100%) !important;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
	}

  /* Accordion */

.jsn-bootstrap3.jsn-pagebuilder .panel-default {

    border-color: #00c4ee !important;
}

.jsn-bootstrap3.jsn-pagebuilder .panel-default > .panel-heading {

    color: #244061!important;
    background-color: #c8ddfc !important;
    border-color: #fff !important;

}

.jsn-bootstrap3.jsn-pagebuilder .panel-group .panel {

    margin-bottom: 10px !important;
    border-radius: 20px !important;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;

}

.jsn-bootstrap3.jsn-pagebuilder .panel-heading {
 
    padding: 30px 10px 10px 40px !important;
	margin: 1px;
}

.pb-testimonial-avatar {

    display: inline-block;
    width: 280px !important;
    height: inherit !important;
	margin: 30px 10px -30px;
   
}

.pb-testimonial-box {

    background: #F1F7FF !important;
    border: 1px solid #00c4ee !important;
    padding: 20px 60px 15px !important;
    border-radius: 20px !important;
	width:80% !important;
	margin: 10px 0px 0px 10% !important;

}

.pb-testimonial-avatar img {

    border-radius: 20px !important;

}

.jsn-bootstrap3.jsn-pagebuilder .carousel-inner > .item {
  
    background: #c8ddfc !important;

}

.jsn-bootstrap3 .pb-testimonial .carousel-control.right {

    background-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, transparent 100%) !important;

}

.jsn-bootstrap3 .pb-testimonial .carousel-control.left {

    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, transparent 100%) !important;

}

.carousel.pb-testimonial .carousel-inner {

    padding-bottom: 0px !important;
    border-radius: 20px !important;
    padding-top: 0px !important;

}

.pb-testimonial .pb-arrow-left, .pb-testimonial .pb-arrow-right {

    border: 1px solid #CCC;
    top: auto !important;
    bottom: -40px !important;
    position: absolute !important;
    display: inline-block !important;
    margin-top: -19px;
    font-size: 20px !important;
    color: #244061 !important;
    width: 25px !important;
    height: 35px;
    line-height: 34px;
}

.pb-testimonial-item .top > .arrow {

    border-top-color: #244061 !important;
    
}

.pb-testimonial-meta {

    margin: 0px 0px 40px 0px !important;

}

  /* Pop up Box */

.rstbox-close span {
  
    padding: .3em !important;
    color: #fff !important;
}

/*Form */

#rsform_28_page_0{
  background:#224061;
}

li.item141 li.maximenuck.item197.level2 span {
   	color: #244061 !important;
    width: 550px !important;
    margin: 0 auto !important;
    display: block !important;
    text-align: center;
    font-size: 18px !important;
    letter-spacing: 0.05em !important;
    font-weight: 500 !important;
	text-transform: none !important;
}


#rsform_30_page_0 label.formControlLabel {
    color: #fff;
    font-weight: bold;
    display: block;
    width: 100%;
    margin: 15px 0px 10px;
    text-align:left;
}

#rsform_30_page_0{
  background:#224061;
}

li.item432 li.maximenuck.item497.level2 span {
   	color: #244061 !important;
    width: 450px !important;
    margin: 0 auto !important;
    display: block !important;
    text-align: center !important;;
    font-size: 18px !important;
    letter-spacing: 0.05em !important;
    font-weight: 500 !important;
	text-transform: none !important;
}

#rsform_28_page_0 label.formControlLabel {
    color: #fff;
    font-weight: bold;
    display: block;
    width: 100%;
    margin: 15px 0px 10px;
    text-align:left;
}

.formResponsive .formError {

    display: initial !important;
    white-space: pre !important;
}

.rsformVerticalClear {

    display: contents !important;

}

div#maximenuck87 ul.maximenuck {

    z-index: 13000 !important;
}

.pb-testimonial-content p {

    font-family: "Proxima Nova" !important;
    font-size: 18px !important;
    font-style: italic;
    text-align: center;
    color: #244061 !important;

}

/* Tab-Config */

.jsn-bootstrap3.jsn-pagebuilder .nav-tabs > li.active > a, .jsn-bootstrap3.jsn-pagebuilder .nav-tabs > li.active > a:hover, .jsn-bootstrap3.jsn-pagebuilder .nav-tabs > li.active > a:focus {

    color: #555555 !important;
    background-color: #f2f2f2  !important;
    border: 1px solid #244061  !important;
    cursor: default !important;
    border-radius: 20px !important;

}

.jsn-bootstrap3.jsn-pagebuilder .nav-tabs > li > a {

    margin-right: 2px !important;
    line-height: 1.5 !important;
    border: 1px solid transparent !important;
    border-radius: 20px !important;
    border-color: #244061 !important;
    margin: 0px 0px 10px 0px !important;
    text-align: center !important;

}

.jsn-bootstrap3.jsn-pagebuilder .nav-tabs {

    border-bottom: none !important;
    display: grid !important;
    text-align: center !important;
}

.jsn-bootstrap3 .tab-content {

    padding: 30px !important;
    background-color: #e9f1fd80 !important;
    border: 1px dotted #244061 !important;
    margin-bottom: 20px !important;
    border-radius: 20px !important;
    margin-top: 20px !important;

}

.jsn-bootstrap3 [id*="tab_"] {

    padding: 0 !important;

}

.jsn-bootstrap3 .nav-tabs > li > a {

    font-size: 1.5em !important;

}

.jsn-bootstrap3 .nav-tabs > .active > a, .jsn-bootstrap3 .nav-tabs > .active > a:hover, .jsn-bootstrap3 .nav-tabs > .active > a:focus {

    font-size: 1.7em !important;

}

/* Ref-Config */

.headerref {
    z-index: 0 !important;
    border-bottom: 0px solid #244061 !important;
}
	
.topref {
		height: 0px !important;
		width: 100% !important;
		position: fixed !important;
	}

.formResponsive select, .formResponsive input[type="file"] {
    margin-left: -7px !important;
}

#footer .footergone {
	padding: 0px 0 !important;
}

/* Intro Neu */


.jsn-bootstrap3.jsn-pagebuilder .btn-toolbar > .btn, .jsn-bootstrap3.jsn-pagebuilder .btn-toolbar > .btn-group, .jsn-bootstrap3.jsn-pagebuilder .btn-toolbar > .input-group {
    margin: 5px 10px 5px 10px !important;
	min-width: 330px !important;
}

.jsn-bootstrap3.jsn-pagebuilder .btn-default {
    color: #244061 !important;
    background-color: transparent !important;
    border-color: #fff !important;
}

.jsn-bootstrap3.jsn-pagebuilder .btn-lg {
    border-radius: 10px !important;
}

.jsn-bootstrap3.jsn-pagebuilder .btn {
    text-align: left !important;
	border: 1px solid #c8ddfc !important;
}

.roundedbox, jsn-bootstrap3 > .row.roundedbox, .jsn-pagebuilder, .pb-element-container, .pb-element-promobox, .pb-promobox section {
    border-radius: 20px;
}


.topleft img {
	width: 300px !important;
	float: none !important;
}



/* CH Hauptmenü */


div#maximenuck300 ul.maximenuck {
    
    background: none !important;
	border: none !important;
	box-shadow: none !important;
	margin-top: 120px !important;
	padding: 0 !important;
	margin-bottom: 0px !important;
}

div#maximenuck300 ul.maximenuck * {
	text-shadow: none !important;
	font: 400 18px 'Proxima',sans-serif !important;
}

div#maximenuck300 ul.maximenuck li.level1 {
    
    background: #c8ddfc33;
	border: none !important;
	margin: 5px !important;
	padding: 15px 15px !important;
	border-radius: 10px !important;
	position: relative !important;
}

div#maximenuck300 ul.maximenuck li.maximenuck.level1 > a,
div#maximenuck300 ul.maximenuck li.maximenuck.level1 > span.separator {
	font-size:14px;
	color: #EEEEEE;
	display:block;
	float : none !important;
	position:relative;
	text-decoration:none;
	text-shadow: 1px 1px 1px #000;
	box-shadow: none;
	min-height : 0px !important;
	outline : none;
	background : none;
	filter: none;
	border : none;
    /*! padding : 0px !important; */
    white-space: normal;
	filter: none;
}

div#maximenuck300 ul.maximenuck li.maximenuck a,
div#maximenuck300 ul.maximenuck li.maximenuck span.separator,
div#maximenuck300 ul.maximenuck2 a,
div#maximenuck300 ul.maximenuck2 li.maximenuck span.separator {
	
	padding : 0px !important;
	
}

div#maximenuck300 ul.maximenuck li.level1 a:hover {
	background: #f2f2f2 !important;
	border: none !important;
	margin: 5px !important;
	margin: 5px 5px !important;
	border-radius: 10px !important;
	position: relative !important;
	font: #fff !important;
}

.white {
	
	background: #fff !important;
	padding: 1px !important;
	font-weight: 600 !important;

}

.br30, .jsn-bootstrap3 > .row.br30 {

border-radius:30px;
			
}

.check2 ul li {
    margin-bottom: 0px !important;
    font-size: 12px !important;
}

.margin30 {
	margin-top: -30px !important;
}

.jsn-bootstrap3 .pb-list-icons.pb-position-center .pb-icon-base {
    margin-bottom: 20px !important;
}