/* ################################################################## */
/* Minify über config_db.php */
/* ################################################################## */

/* ################################################################## */
/* Reset Script http://meyerweb.com/eric/tools/css/reset/ v2.0b1 | 201101 */
/* ################################################################## */
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, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {	margin: 0; padding: 0; border: 0;	outline: 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;}
ul, ol {	list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {	content: '';	content: none;}
ins {	text-decoration: none;}
del {	text-decoration: line-through;}
table {	border-collapse: collapse;	border-spacing: 0;}
/* End - Reset  Script ========================================================= */


/* ################################################################## */
/* Fonts */
/* ################################################################## */
/* ubuntu-regular - latin */
@font-face{font-family:'Ubuntu';font-display: fallback;font-style: normal;font-weight:400;src:url('https://ifm-business.de/include/fonts/ubuntu-v10-latin-regular.woff') format('woff')}

/* ubuntu-700 - latin */
@font-face{font-family:'Ubuntu';font-display: fallback;font-style: bold;font-weight:700;src:url('https://ifm-business.de/include/fonts/ubuntu-v10-latin-700.woff') format('woff')}



/* ################################################################## */
/* Main Settings */
/* ################################################################## */
html { min-height: 100%;background: #FFFFFF; }
html, body { font-family: "Ubuntu", sans-serif;font-weight:400; font-size:1.0rem;color:#2A4566;  -moz-osx-font-smoothing: grayscale;  -webkit-font-smoothing: antialiased; }
body{ padding: 0 1rem 0 1rem; }
p {font-size:1.15rem;line-height: 1.6rem;margin:0 0 1.0rem 0; word-wrap: break-word;}
b, strong {font-weight:700;}
em {font-style: italic;}
table{font-size: 1.15rem;}

@media only screen and (max-width: 1000px) {
	body{ padding: 0; }
  #jahre{display: none !important;}
}

/* -------------- Ueberschriften */
h1 {word-wrap: break-word;font-size:1.8rem;color:#AD0131;margin: 0 0 2rem 0; }
h2 {word-wrap: break-word;font-size:1.7rem;color:#AD0131;margin: 2.5rem 0 1rem 0;line-height: 1.7rem;}
h3 {word-wrap: break-word;font-size:1.2rem;color:#AD0131;margin: 0 0 1.5rem 0;width: 100%;float: left;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;box-sizing: border-box;}
h4 {font-size:1.1rem;color:#AD0131;margin: 0 0 0.5rem 0;}
h5 {font-size: 1.5rem;font-weight: 700;margin: -0.7rem 0 1.3rem 3rem;display: block;}

/* Links */
p a, #meta a, #entry a {color:#AD0131;	font-weight:400;}
p a:hover, #meta a:hover, #entry a:hover {text-decoration:none;}

/* -------------- Helfer */
.shadow{box-shadow: 0px 0px 10px rgba(0,0,0,.4);}
.hide{display:none !important;}
.show{display: block !important;}
.div-center, header, #header-image, main, .large-menu, .vierer, #mitarbeiter-box {	margin: 0 auto;	max-width: 90rem;	-webkit-box-sizing:border-box; -moz-box-sizing:border-box;box-sizing: border-box; }
#mitarbeiter-box:after, .clearfix:after { content: ""; display: table; clear: both; }
.clear {clear: both;}


/* ###################################################################*/
/* Header */
/* ###################################################################*/
header nav{width: 100%;background:#2A4566;font-family: 'Ubuntu', sans-serif;font-size: 18px;clear: both;}
header nav a{display:block;color:#ffffff;text-decoration:none;min-width:160px;padding:12px 0 12px 0;text-align: center;}
header nav a.select{background: #AD0131;}
header nav ul{background:#2A4566;z-index:89;}
header nav li{display:inline-block;}
header nav ul ul{display:none;position:absolute;width:300px;background: #4A617D;}
header nav ul ul li{border-left:6px solid #AD0131;width: 100%;box-sizing: border-box; }
header nav ul ul li a{padding:12px 0 12px 12px;text-align: left;}
header nav li:hover ul, header nav a.click + ul{display:block;}
header nav li:hover, header nav a.click{background: #AD0131;}
header nav li li:hover{background: #AD0131;}

@media only screen and (max-width: 1000px){
  header nav{margin:0; position:fixed !important;bottom: -18px;z-index:1000;height:56px;top:auto !important;
    box-shadow: 0px 0px 10px rgba(0,0,0,.4);}
  header nav ul{display: flex;max-width:100%;overflow-y:visible;overflow-x: scroll;}
  header nav a{font-size: 14px;min-width: 100px;padding:12px 6px 12px 6px;}
  header nav ul li{min-width:inherit;width:100%;}
  header nav ul ul{position: fixed;bottom:38px;left:0;z-index:89;width:100%;max-height: calc(100% - 38px);overflow-x:hidden;overflow-y: auto;border-bottom:6px solid #AD0131;}
  header a img{height:50px;width:auto;padding:0.3rem 0 0 0.5rem;}
}

/* -------------- Header Suche */
header form{float: right;width: 25rem;margin: 1.8rem 0 0 0;}
header form input{ border: 2px solid #C3CDDC; font-family: 'Ubuntu'; font-size: 18px; color: #FFFFFF; background: #C3CDDC; width: 100%; max-width: 25rem;
	 padding: 6px 3.7rem 6px 0.7rem; -moz-border-radius: 0.2rem; -webkit-border-radius: 0.2rem; border-radius: 0.2rem; float: right;margin: 0;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box;box-sizing: border-box; }
header form input:focus { background:#FFFFFF; border: 2px solid #E2EBF6; color: #2A4566; outline: none; }
header form button{ color: #ffffff; background: #AD0131; line-height: 35px !important; display: block; width: 3.0rem; font-size: 1.5rem; text-align: center; text-decoration: none;
	float: right; margin: 0 0 0 -3.0rem; position: relative; border-radius: 0 0.2rem 0.2rem 0; }

@media only screen and (max-width: 1000px) {
  header form { margin: 0.6rem 0.5rem 0 0;}
}
@media only screen and (max-width: 650px) {
  header form {margin: 0;position: absolute;top: 0;right: 0;width: 48px;box-sizing: border-box;padding: 0.6rem 0.5rem;background: #ffffff;transition: all 0.2s;}
  header form input{max-width: none;padding:0;}
  header form button{border-radius:3px}
}


/* ###################################################################*/
/* Teaser */
/* ###################################################################*/
#ohren{background: #A6B6C7;width: calc(100% + 2rem);margin: 0 0 0 -1.0rem;}
@media only screen and (max-width: 1490px) {
  #ohren{width: 100%;margin: 0;background: none;}
}
@media only screen and (max-width: 1000px) {
  #ohren{width: 100%;margin: 0;}
}

/* -------------- Teaser Image */
#header-image{background:#8293A7;position:relative;}
#header-image img{display:block;width: 950px;max-width: 100%;height:auto;}
#header-image span{ position: absolute; top: 50%; margin-top:-75px;	right:0; padding: 0 1.0rem 0 0 ; word-wrap: break-word; font-size: 4.3em; color: #ffffff;
  text-transform: uppercase; line-height: 4.5rem;text-align:right;text-shadow: 0 0 0.2rem #8293A7;letter-spacing: 0.35rem;}
#header-image span i {letter-spacing: 0.1rem;}

@media only screen and (max-width: 700px) {
  #header-image span{line-height: 2.5rem;font-size: 2.3em;padding: 0 0.8rem 0 0 ;letter-spacing: 0.25rem;margin-top:-40px;}
}
@media only screen and (max-width: 350px) {
  #header-image span{display:none;}
}



/* ###################################################################*/
/* Main Container */
/* ###################################################################*/
main{margin:1.5rem auto 1.5rem auto;display:flex;}


#rahmen { background:#E2EBF6; padding:1.5rem 2.5rem 1.5rem 2.5rem;box-sizing: border-box;flex:1;}
#rahmen h2[data-icon]:before{font-family: "ifm-font";  content: attr(data-icon);color:#2A4566;border-radius: 50%;background: #ffffff;margin:0 1rem 0 0;font-size: 1.4rem;
    height: 2.7rem; width: 2.7rem; display: inline-block; text-align: center;line-height: 2.7rem;}
#rahmen h3{float:none;font-weight: bold;
    color: #2A4566;
    margin: 0 0 1rem 0}

@media only screen and (max-width: 1000px) {
	#rahmen{width: 100%;padding:1.5rem 0.5rem 1.5rem 0.5rem;}
}


/* -------------- Breadcrump */
#breadcrumb{margin:0 0 1.5rem 0;line-height: 1.5rem;}
#breadcrumb ol li{font-size:0.9rem;display:inline-block;margin:0;}
#breadcrumb ol li:before{content:none;}
#breadcrumb ol li:after { content:'/';margin:0 0.3rem;}
#breadcrumb ol li:last-child:after { content:'';}
#breadcrumb a{text-decoration: none; color:#2A4566;}
#breadcrumb a:hover{color:#AD0131;}


/* -------------- Listen mit Icons */
#tinymce ul, #rahmen ul  {margin:0 0 1rem 0;padding-left: 1em;text-indent: -1em;}
#tinymce ul ul, #rahmen ul ul  {margin:0 0 0 0;}
#tinymce ol, #rahmen :not(#breadcrumb) ol,  #rahmen:not(#breadcrumb) > ol  {margin:0 0 0.5rem 0;padding-left: 1em;text-indent: -0.5em;counter-reset: ol-counter;}
#tinymce li, #rahmen li {font-size:1.15rem;line-height: 1.7rem;margin:0 0 0 1rem;}
#tinymce ul li:before, #rahmen ul li:before {content: ""; background: #AD0131;height: 0.5rem;width: 0.5rem;display: inline-block;margin: 0 0.4rem 0.1rem 0;}
#tinymce ol li:before, #rahmen :not(#breadcrumb) ol li:before, #rahmen:not(#breadcrumb) > ol li:before {content: counter(ol-counter)". "; counter-increment: ol-counter; color:#AD0131;display: inline-block;margin: 0 0.4rem 0.1rem 0;font-weight:bold;}


/* -------------- Bilder */
#rahmen img {margin:1rem;max-width:100%;height: auto;}
@media only screen and (max-width: 700px) {
  #rahmen img {float: none;display: block;margin: 1.5rem auto !important;}
}

/* -------------- Mitarbeiter Box */
#mitarbeiter-box ul {}
#mitarbeiter-box li{background: #C3CDDC;margin:0 1.5rem 1.5rem 0;float: left;display:block;width:100%;}

#mitarbeiter-box img{width:100%;}
#mitarbeiter-box figcaption{text-align: center;font-weight: bold;font-size:1.15rem;padding:0.5rem 0 0.5rem 0;}
#mitarbeiter-box figcaption span{font-weight: normal;}
#mitarbeiter-box figcaption span p{margin:0;}

@media only screen and (min-width: 1100px) {
  #mitarbeiter-box li{width:calc((100% - 4.5rem) / 4);}
  #mitarbeiter-box li:nth-child(4n){margin:0 0 1.5rem 0;}
  #mitarbeiter-box li:nth-child(4n+1){clear: left;}
}

@media only screen and (min-width: 800px) and (max-width: 1100px) {
  #mitarbeiter-box li{width:calc((100% - 3.0rem) / 3);}
  #mitarbeiter-box li:nth-child(3n){margin:0 0 1.5rem 0;}
  #mitarbeiter-box li:nth-child(3n+1){clear: left;}
}

@media only screen and (min-width: 500px) and (max-width: 800px){
  #mitarbeiter-box li{width:calc((100% - 1.5rem) / 2);}
  #mitarbeiter-box li:nth-child(2n){margin:0 0 1.5rem 0;}
  #mitarbeiter-box li:nth-child(2n+1){clear: left;}
}


/* -------------- Bottom Inhalt Menu */
#rahmen .weitere{background:#C3CDDC;margin: 0 0 -1.5rem -2.5rem;padding:2.5rem;border-top:1.5rem solid #ffffff;width: calc(100% + 5rem);box-sizing: border-box;}
#rahmen .weitere h2{margin-top:0;}
#rahmen .weitere ul{-webkit-column-gap: 2rem;-moz-column-gap: 2rem;column-gap: 2rem;
  -webkit-column-count: 2;-moz-column-count: 2;column-count: 2;padding-left: 0.3em;text-indent: -1.3em}
#rahmen .weitere ul li:before{display: none;}
#rahmen .weitere ul li a {text-decoration: none;color:#2A4566;display: block;margin:0 0 0.3rem 0;}
#rahmen .weitere ul li a:before{color: #AD0131;font-family: 'ifm-font';content: "\f061";margin:0 0.3rem 0 0;}
#rahmen .weitere ul li a:hover {color: #AD0131;}
#rahmen .weitere ul li a:hover:before{color:#2A4566;}

@media only screen and (max-width: 1000px) {
  #rahmen .weitere{width: calc(100% + 3rem);}
}
@media only screen and (max-width: 1200px) {
	#rahmen .weitere ul{-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
}


/* ###################################################################*/
/* Sidebar */
/* ###################################################################*/
#sidebar{width: 17rem;	background:#C3CDDC;padding: 0 0 0 0; margin: 0 1.5rem 0 0;}
#sidebar aside, #sidebar nav{border-bottom: 1.5rem solid #FFFFFF;}
#sidebar aside:last-child{border-bottom: 1.5rem solid #FFFFFF;}

/* -------------- Pfad Bild */
#sidebar .pfad-bild {position:relative;}
#sidebar .pfad-bild img{width:100%;height:auto;display: block;}
#sidebar .pfad-bild span{position:absolute;bottom:0;padding: 0 1.0rem 0 1.0rem; word-wrap: break-word; font-size:2.0em;color:#ffffff;text-transform: uppercase ;line-height:2.3rem; font-weight: 400;    margin: 0 0 0.5rem 0;}

/* -------------- Sub Menu Antragsformular button */
#sidebar aside button{ margin: 0 !important; width: 100%; text-align: left;}


/* -------------- Sub Menu */
#sidebar nav{background:#4A617D;}
#sidebar nav a, #sidebar nav span:first-child, #sidebar aside span:first-child, #sidebar aside .aktuelles-side a{color: #ffffff; text-decoration: none; display: block; padding: 0.5rem 1rem 0.5rem 1rem;font-size:1.15rem;border-top:2px solid #3F5876;}
#sidebar nav a:hover, #sidebar nav a.select, #sidebar nav li.select{background:#AD0131 !important;}
#sidebar nav span{border:0;background:#2A4566;}
#sidebar nav span + ul li:first-child a, #sidebar nav span:first-child {border:0;}

#sidebar aside span:first-child{border:0;background:#4A617D;}


/* -------------- Anker Menu */
#sidebar nav#menu-anker span:first-child a {margin: -0.4rem 0 0 0;border: 10px solid #ffffff; border-top-color: transparent;border-right-color: transparent;border-left-color: transparent;float: right;padding: 0;}
#sidebar nav#menu-anker span:first-child a:hover{border: 10px solid #AD0131; border-top-color: transparent;border-right-color: transparent;border-left-color: transparent;background:none;}

/* Anker postion bei klick */
:target:before { content:""; display:block; height:6rem; margin:-6rem 0 0; }


/* -------------- News */
#sidebar aside .aktuelles-side{background:#C3CDDC !important;color:#2A4566 !important;border:none !important;}
#sidebar aside .aktuelles-side a{color:#AD0131 !important;text-decoration:underline !important;}
#sidebar aside .aktuelles-side a:hover{text-decoration:none !important;}
#sidebar aside .aktuelles-side p{padding:0 1rem 0 1rem; line-height: 1.1rem;font-size: 1rem;}
#sidebar aside .aktuelles-side .aktuelles-side-img{background-position: center; background-repeat: no-repeat;background-size: cover; height: 5rem;}


/* -------------- Bewertungen */
#sidebar aside.bewertung li.select{color:#2A4566;background:#C3CDDC;text-align:center;padding:1rem;border:none;font-weight:700;}
#sidebar aside.bewertung li.select:hover{background:#C3CDDC;}
#sidebar aside.bewertung i{line-height:2rem;}
#sidebar aside.bewertung .b-info{font-size:0.7rem;font-weight:400;}
#sidebar aside.bewertung .stimmen {max-height: 0;  transition: max-height 0.15s ease-out;overflow:hidden;position: absolute;width:272px;background:#C3CDDC;z-index: 1;}
#sidebar aside.bewertung ul:hover~ul.stimmen, #sidebar aside.bewertung ul.stimmen:hover {max-height: 198px; height: 198px; transition: max-height 0.3s ease-out;}
#sidebar aside .sterne{position: relative; display: inline-block;color:#FABB17;font-size:1.5rem;margin:0 0.2rem 0 0.2rem;text-shadow: 0 0 0.2rem #E1EAF5;}
#sidebar aside .sterne-leer{color: #E1EAF5;}
#sidebar aside .sterne-farbe{ overflow: hidden; position: absolute; top: 0; left: -0.2rem;text-shadow:none;}
#sidebar aside .detail{line-height: 1.6rem;padding:0 1rem 0 1rem;}
#sidebar aside .detail:hover{background: #8192A6;}
#sidebar aside .detail:last-child { margin:0 0 1rem 0;}
#sidebar aside .detail span{background: none; float:right;    padding: 0;}
#sidebar aside .detail .sterne{ font-size:1rem;line-height: 1.6rem;margin:0 0 0 0.2rem;}

/* -------------- Standort Info */
#sidebar aside.standort-info p {font-size:1.1rem;padding:1rem 1rem 0 1rem;}
#sidebar aside.standort-info span {padding:0 0.7rem 0 0;}

#sidebar aside.standort-img img {max-width:100%;display:block;}


/* -------------- Stoerer */
#sidebar aside.stoerer p{font-size:1rem;line-height: 1.2rem;}
#sidebar aside.stoerer li{border: none;}
#sidebar aside.stoerer li a{padding:0 0 0.5rem 0; color: #ad0131;}


@media only screen and (max-width: 1000px) {
  #sidebar {position: fixed;bottom: 38px; width:100% ;z-index:1000;max-height: calc(100% - 38px);overflow-x:hidden;overflow-y: auto;}
  #sidebar nav{border:0;border-bottom:6px solid #AD0131;border-left:6px solid #AD0131;}
  #sidebar nav span:first-child{display:none;}
  #sidebar nav a{font-size: 14px;}
  #sidebar aside, #sidebar nav{display:none;}
}



/* ###################################################################*/
/* Footer */
/* ###################################################################*/
footer {max-width: 90rem;width: 100%;padding: 1.5rem;margin: auto;background: #2A4566;box-sizing: border-box;position:relative;}
footer nav {-webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; -webkit-column-count: 4; -moz-column-count: 4; column-count: 4;}

footer .copyright{position: absolute; bottom: 1.5rem; right: 1.5rem; text-align: right; color: #E2EBF6; line-height: 0.7rem;}

/* -------------- Einzelne Kaesten */
footer nav ul {width:100%;-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;padding-bottom: 1rem;}
footer nav ul li span{font-size:1.15rem;color:#ffffff;margin:0 0 0.5rem 0;line-height:2rem;display:block;}
footer nav ul li a{display:block;line-height:1.6rem;font-size:1.0rem;color:#AEB9C6;text-decoration:none;}
footer nav ul li a:hover{text-decoration:underline;}

/* -------------- Folgen sie uns */
footer nav .follow li {display:inline-block;}
footer nav .follow li:first-child {display:block;}
footer nav .follow li a{width: 2rem;height: 2rem;background: #AEB9C6;color: #2A4566;text-align: center;font-size: 1.4rem;display:inline-block;line-height: 2rem !important; margin: 0 0.3rem 0 0;}
footer nav .follow li a:hover{text-decoration: none;color:#ffffff;}
footer nav .follow li .icon-facebook:hover{background:#3B5998;}
footer nav .follow li .icon-twitter:hover{background:#1DA1F2;}
footer nav .follow li .icon-xing:hover{background:#006567;}
footer nav .follow li .icon-linkedin:hover{background:#0A66C2;}


/* Overlay bei Swipeout */
.overlay-sidebar {visibility: hidden; }
#overlay-sidebar { position: absolute;left: 0;top: 0;right: 0;bottom:0; background:#A9A9A9; opacity:0.8;filter:alpha(opacity=80);	z-index:99;}


/* -------------- Anpassung je nach Breite */
@media only screen and (max-width: 900px) {
	footer nav{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
  footer nav ul {display:none;}
  footer nav ul:last-child {display:block;padding-bottom: 3rem;}
  footer nav ul:nth-last-child(2), footer nav ul:nth-last-child(3) {display:block;}
}
@media only screen and (max-width: 700px) {
	footer nav{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
  footer nav ul:nth-last-child(3) {display:none;}
  footer nav ul li a{line-height:1.6rem;margin:0 0 0.5rem 0;}
}






/* ###################################################################*/
/* Input Felder */
/* ###################################################################*/
/* -------------- PlaceHolder Farbe */
::-webkit-input-placeholder { color: #73859B;} /* WebKit browsers */
:-moz-placeholder { color: #73859B;} /* Mozilla Firefox 4 to 18 */
::-moz-placeholder { color: #73859B;} /* Mozilla Firefox 19+ */
:-ms-input-placeholder { color: #73859B; } /* Internet Explorer 10+ */


/* -------------- Button */
.btn{border: 0.2rem solid #2A4566;padding: 0.1rem 0.7rem 0 0.7rem;background: #2A4566;color: #ffffff;transition: all 0.2s;cursor: pointer;border-radius: 2px;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
  margin: 0 1rem 1rem 0;line-height: 1.9rem;display: block;text-decoration: none;font-weight: bold;text-align: center;}
.btn:hover{background: transparent;color: #2A4566;}
























/* -------------- Pagination beim Suchergebnis */
  div.pagination {padding: 1rem;text-align:center;}
  div.pagination a {padding: 2px 5px 2px 5px;margin: 2px;border: 2px solid #2A4566;font-size:1.1rem;text-decoration: none; color: #FFFFFF;background: #2A4566; }
  div.pagination a:hover, div.digg a:active {	border: 2px solid #AD0131;}
  div.pagination .current {padding: 2px 5px 2px 5px;margin: 2px;border: 2px solid #AD0131;font-size:1.1rem;font-weight: bold;background-color: #AD0131;color: #FFFFFF;}
  div.pagination span {font-size:1.5rem;}
  div.pagination span.disabled {display:none;}




/* -------------- Big Menu */
.big-menu{ margin: -1.5rem 0 -2.5rem -2.5rem;background: #ffffff;text-align: justify;-ms-text-justify: distribute-all-lines;text-justify: distribute-all-lines;width: -webkit-calc(100% + 5rem); width: -moz-calc(100% + 5rem); width: calc(100% + 5rem);}
.big-menu-link{width: calc(50% - 0.9rem); background:#E2EBF6;text-decoration:none;color:#2A4566;position: relative;border-bottom:1.5rem solid #ffffff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
  box-sizing: border-box;cursor:pointer;vertical-align: top;display: inline-block;zoom: 1;text-align: left;}
.big-menu-link:nth-child(2n){margin: 0 0 0 1.5rem;}
.big-menu-link:hover span{color:#2A4566;}
.big-menu h2{background: #4A617D;padding: 0.4rem 1.5rem 0.3rem 1.5rem;font-size: 1.15rem;color: #ffffff;margin: 0 0 1rem 0;}
.big-menu img{margin: -1rem 1.5rem  0 0 !important;float:left;  height:100%; width:auto;  max-width: 49% !important;}
.big-menu-text{padding:1.0rem 0 0 0;float: right;text-shadow:-1px -1px 0 #E2EBF6,1px -1px 0 #E2EBF6,-1px 1px 0 #E2EBF6, 1px 1px 0 #E2EBF6;    }
.big-menu span{position:absolute; bottom:1.0rem; right:1.0rem; font-size:2rem;color:#73859B;}
.big-menu p{padding:0 1.5rem 0 1.5rem;}

@media only screen and (max-width: 1280px) {
	.big-menu-link{width: 100%;}
  .big-menu-link:nth-child(2n){margin: 0;}
}

@media only screen and (max-width: 1000px) {
	.big-menu{margin:-1.5rem 0 -2.5rem -0.5rem; width: -webkit-calc(100% + 1rem); width: -moz-calc(100% + 1rem); width: calc(100% + 1rem);}
}

@media only screen and (max-width: 600px) {
	.big-menu img{display:none;}
}


/* -------------- Halbe Halbe */
.fuenfzig{width:50%;float:left;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;box-sizing: border-box;}

/* -------------- Responsive Hide and Show */
.show-small{display:none !important; }
.hide-small{display:block !important;}

@media only screen and (max-width: 1000px) {
	.show-small{display:block !important;}
	.hide-small{display:none !important;}
}

/* -------------- Farben */
.rot{color:#AD0131;}










/* -------------- Button Standart */
.button{ line-height: 2.1rem; display: inline-block; padding: 0 1rem 0 0.3rem; font-size: 1.15rem; background: #ffffff;border:1px solid #AD0131;
	color: #4A617D; text-decoration: none; margin: 0.5rem 0 0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing: border-box;
	-webkit-transition: all 0.5s ease;
		 -moz-transition: all 0.5s ease;
			 -o-transition: all 0.5s ease;
			-ms-transition: all 0.5s ease;
					transition: all 0.5s ease; }
.button i{	font-size: 1.0rem; color: #AD0131; line-height: 2.1rem; width: 2rem; float: left; display: block; text-align:center; }
.button:hover{ background: #4A617D; color:#ffffff;  }
.button:hover i{ text-shadow: 0 0 0.2rem #ffffff; }


/* -------------- Input 100% */
.input-width{width: 100%; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing: border-box;}


/* -------------- Input 100% */
/* Input Fields */
input, textarea {font-family: 'Ubuntu';
    font-size: 1.15rem;
    color: #2A4566;
    border: 1px solid #E2EBF6;
    padding: 0.3rem 0.6rem 0.3rem 0.6rem;
    background: #E2EBF6;
    margin: 0 0 1rem 0;
		/* -webkit-appearance: none; */
	}
input:disabled {
  background: #CBCBCB;
}
input:hover, textarea:hover{
	-moz-box-shadow: 0 0 0.5em #CBCBCB;
-ms-box-shadow: 0 0 0.5em #CBCBCB;
-webkit-box-shadow: 0 0 0.5em #CBCBCB;
box-shadow: 0 0 0.5em #CBCBCB;
}
input:focus, textarea:focus{background:#E2EBF6;outline: none;}
/* Chrome gelbe Farbe entfernen */
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #E0E0E0 inset !important; -webkit-text-fill-color: #757575 !important;}
textarea { height: 6.3rem;}

/* Input Fields with Icons */
.input-icon {position: relative;}
.input-icon span{font-size: 1.1rem;
    margin: 0;
    position: absolute;
    padding: 0.25rem 0.45rem 0.25rem 0;
    top: 0.2rem;
    left: 0.5rem;
    display: block;
    color: #ffffff;
    border-right: 1px solid #E2EBF6;	}

.input-icon input{border-left:2.1rem solid #C3CDDC;}


button {  border: none;  background-color: transparent;}
button{ -webkit-appearance: button;  cursor: pointer;}
button { text-transform: none;}
button { overflow: visible;}







/* ###################################################################*/
/* Kontakt Telefonnummern */
/* ###################################################################*/
.telefonnummern{ border-bottom:1px solid #AD0131; padding: 0 0 0.5rem 1rem; }
.telefonnummern span{ padding: 0.5rem 0 0 0; font-size: 1.1rem; color: #AD0131; margin: 0 0 .5rem 0; display: block; }
.telefonnummern a{ text-decoration:none;color:#2A4566; }
.telefonnummern a:hover{ text-decoration:underline; }
.telefonnummern:hover{ background:#AD0131;}
.telefonnummern:hover span{ color:#ffffff;}
.telefonnummern:hover a{ color:#ffffff; }



/* ###################################################################*/
/* Produkt Inhalt */
/* ###################################################################*/

/* -------------- Quotes */
blockquote { display:block;  background: #FFFFFF;  padding: 1rem 1rem 1rem 5rem;  margin: 1.5rem 0 1.5rem 0;  position: relative;}
blockquote::before{  content: "\201C";	font-size: 5rem;  font-weight: bold;  color: #2A4566;  position: absolute;  left: 1rem;  top:2.25rem;
	font-family: Georgia, serif;}
blockquote  p{margin:1rem 0 0 0;font-weight: bold;font-size:1rem;}
blockquote  p:first-child{margin:0;font-weight: normal;font-size:1.15rem;}









@media only screen and (min-width: 1000px) {
  .standort-adresse{display:none;}
}

.standort-verbindungen{float:left;width:33%;padding:0 0.5rem 1.5rem 0;box-sizing: border-box;-moz-box-sizing:border-box;}
@media only screen and (max-width: 1200px) {
	.standort-verbindungen{width: 50%;}
}
@media only screen and (max-width: 1000px) {
	.standort-verbindungen{width: 33%;}
}
@media only screen and (max-width: 750px) {
	.standort-verbindungen{width: 50%;}
}
@media only screen and (max-width: 500px) {
	.standort-verbindungen{width: 100%;}
}



.halbhalb{text-align: justify;-ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines;}
.halb{width:49%;position:relative;vertical-align: top;display: inline-block; *display: inline; zoom: 1;}
.stretch { width: 100%; display: inline-block; font-size: 0; line-height: 0}

@media only screen and (max-width: 700px) {
	.halb{width: 100%;margin:0 0 1.5rem 0;}
}


/* Large Menu */
.large-menu a{cursor: pointer;margin:1.5rem 0 -1.0rem 0;}
.large-menu .pfeil{position: absolute;bottom: 2.0rem; right: 2.0rem; font-size: 2.0rem; color: #ffffff;}
.large-menu .text{position: absolute;bottom: 2.0rem; left: 2.0rem; font-size: 2.2rem; color: #ffffff;text-transform: uppercase;}
.large-menu img{width:100%;
	/*
	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
		transition: all 0.5s ease;*/}
.large-menu a:hover img{-webkit-filter: blur(3px);filter: blur(3px);}

@media only screen and (max-width: 875px) {
	.large-menu .pfeil{bottom: 1.0rem; right: 1.0rem; font-size: 1.5rem;}
	.large-menu .text{bottom: 1.0rem;  left: 1.0rem; font-size: 1.5rem;}
}





.vierer{text-align: justify;-ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines;margin: 1.5rem auto -1rem auto;}
.vier{width:24%;position:relative;vertical-align: top;display: inline-block; *display: inline; zoom: 1;cursor: pointer;}


.vier .pfeil{position: absolute;top: 1.0rem; right: 1.0rem; font-size: 1.3rem; color: #ffffff;
	-webkit-transition: all 0.8s ease;
	 -moz-transition: all 0.8s ease;
		 -o-transition: all 0.8s ease;
		-ms-transition: all 0.8s ease;
				transition: all 0.8s ease;}
.vier .text{position: absolute;bottom: 1.0rem; left: 1.0rem; font-size: 1.5rem; color: #ffffff;text-transform: uppercase;}
.vier img{width:100%;
	}
.vier:hover .pfeil{-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);}

@media only screen and (max-width: 1280px) {
	.vierer{margin:1.5rem 0 -2.5rem 0;}
	.vier{width: 49%;margin:0 0 1.5rem 0;}
	.vier .pfeil{font-size: 1.8rem; }
	.vier .text{font-size: 2.0rem;}
}

@media only screen and (max-width: 720px) {
	.vier .pfeil{font-size: 1.3rem; }
	.vier .text{font-size: 1.5rem;}
}

@media only screen and (max-width: 570px) {
	.vier{width: 100%;}
}



/* ###################################################################### */
/* Modal Box */
/* ###################################################################### */
.overlay-body{overflow:hidden;}
.modal-hidden {visibility: hidden;}
#overlay-modal {	position: fixed;bottom: 0;left: 0;top: 0;right: 0;z-index: 99;	height: 100%;	-webkit-overflow-scrolling: touch;background: rgba(0, 0, 0, 0.8);	zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #7F000000, endColorstr = #7F000000);}

dialog {position: fixed;background: #ffffff; margin: 0 0 0 -400px; max-height: -webkit-calc(100% - 6rem); max-height: -moz-calc(100% - 6rem); max-height: calc(100% - 6rem);
	height:805px;	max-width:100%;	width:800px !important;	top: 3rem;left:50%;border:0;z-index: 100;padding: 0;}
dialog .close {	position:absolute; top: -2.8rem;right:0;color: #ffffff; background: #AD0131; padding: 0 0.7rem 0.2rem 0.7rem; text-decoration: none; font-size: 40px; cursor: pointer;}
dialog .close:hover {color: #2A4566;}

@media only screen and (max-width: 800px) {
	dialog {margin: 0; max-height:100%; max-width:100%;	width:100%;	height:100%;top:0;margin: 0;left:0;}
	dialog .close {	top: 0;right:17px;}
}

/* Such Bereichsauswahl Modal Box */
#suche-modal{height: initial;}
#suche-modal .close{    top: -2.8rem;}
#suche-modal .large-menu a{margin: 0;width: 50%;float: left;}
#suche-modal h1{margin: 0 0 -1.0rem 0;padding: 0.5rem 0 0.5rem 0.5rem; margin: 0;}
#suche-modal img{display:block;}
#suche-modal .stretch{display:none;}
@media only screen and (max-width: 800px){
#suche-modal  {top: 0;width: 80% !important;margin: 10rem auto 0 auto;}
	#suche-modal .large-menu a{float:none;width: 100%;}
}


/* Share Frame */
.share{float:right;margin: 0 0 1rem 0;}
.share~.share{margin: 0 0 1.5rem 0;text-align: right;float:none;}
#meta .share {margin-top:-0.8rem;}
.share a{text-decoration: none; color:#2A4566 !important;font-size:1.5rem;margin: 0 0 0 0.5rem;}
.share a:hover{color:#AD0131 !important;}
.share span{color:#C3CDDC; font-size:1.9rem;margin: 0 0 0 0.5rem; }
.share .icon-whatsapp{ display:none; }

@media only screen and (max-width: 600px) {
  .share .icon-whatsapp{ display:inline-block; }
}

#telefon-modal .headline{margin: 0; padding: 0.8rem 0 1rem 1rem; font-size:1.9rem; background: #2A4566; color:#ffffff;display: block;}
#telefon-modal {width: 20rem !important; height: 697px;margin: 0 0 0 -10rem;}
@media only screen and (max-width: 800px){
  #telefon-modal {width: 100% !important;height: 100%;margin: 0;}
  .share{float:none;}
  .share a, .share span{margin: 0 0.5rem 0 0;}
}
#replace-frame {height: 100%; overflow: auto;}

/* Spinner */
.spinner {  margin: 0 auto; width: 130px; text-align: center; padding-top: 50%;}
.spinner > div { width: 40px; height: 40px; background-color: #2A4566; border-radius: 100%; display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both;}
.spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s;}
.spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s;}
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {-webkit-transform: scale(0);transform: scale(0);}
  40% {-webkit-transform: scale(1.0); transform: scale(1.0); }
}


/* -------------- Preis Box */
#rahmen .preis{background:#ffffff;padding:1.5rem;}


/* ###################################################################### */
/* Seminar */
/* ###################################################################### */
.seminar h2{margin: 2rem 0 1.5rem 0;}
.seminar p{margin: 0 0 0.5rem 0;}


/* ###################################################################### */
/* Archiviert */
/* ###################################################################### */
.archiviert{background: #AD0131;margin: -1.5rem 0 1.5rem -2.5rem;padding: 2.5rem;border-bottom: 1.5rem solid #ffffff;width: -webkit-calc(100% + 5rem);width: -moz-calc(100% + 5rem);
  width: calc(100% + 5rem);box-sizing: border-box;-moz-box-sizing: border-box;color:#ffffff;}







.kategorie-menu a span{float:right;}
.kategorie-menu a {padding: 0 0 0 1rem;text-align:left; border: 1px solid #C3CDDC;}

@media only screen and (max-width: 1279px) {
	.kategorie-menu .halb{ width: 100%;}
}
@media only screen and (max-width: 1000px) {
	.kategorie-menu .halb{ width: 49%;}
}
@media only screen and (max-width: 800px) {
	.kategorie-menu .halb{ width: 100%;margin: 0 0 0.1rem 0;}
}


.kategorie-liste{ background: none; border: none; margin: 0; padding: 0; width: 100%;}


/* ###################################################################*/
/* Easy Slider */
/* ###################################################################*/
.slideshow {position: relative;}
#slide-bewertung .slideshow{ width: 100%; height:100%;overflow-y: auto;}
.slideshow > div { position: absolute; text-align:left; height:100%;width:100%;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;	font-size:1.0rem;font-weight:400;}
.slideshow > div > span { font-size:0.9rem; font-weight:bold;line-height:1.2rem;font-weight:700; }
.slideshow div i { font-size:0.9rem; font-weight:bold;line-height:1.2rem;font-weight:700;line-height: 1rem !important;}

.back-next{margin-top: -6.5rem;cursor:pointer;position: absolute;border-radius: 50%;width: 2.1rem;height: 2rem;background: #ffffff;background: rgb(255, 255, 255);background: rgba(255, 255, 255, 0.6);
  color: #AD0131;text-align: center;font-size: 1.4rem;display: inline-block;line-height: 2rem!important;}
.back{left:0.6rem;padding:0 0.1rem 0.2rem 0;}
.next{right:0.6rem;padding:0 0 0.2rem 0.1rem;}

#slide-meinung {height:15rem;}
#slide-meinung .back-next{margin-top: -2.5rem;}


/* ###################################################################*/
/* Tabs */
/* ###################################################################*/
.tabs input[type="radio"] {position: absolute;opacity: 0;}
.tabs label {position: relative; display: block;padding: 0.5rem 1rem;cursor: pointer;background: #2A4566;width: 20rem;color:#ffffff;margin: 0 0 4px 0;line-height: 1.5rem;box-sizing: border-box;font-size: 1.15rem;}
.tabs label:hover { background: #4A617D; }
.tabs section {display: none;background: #ffffff;float: right;width: calc(100% - 20rem);padding:1rem;box-sizing: border-box;}

.tabs input[type="radio"]:checked + label { background: #AD0131;transition: all 0.2s; }
.tabs input[type="radio"]:checked + label:after{transition: all 0.55s;content: "";display: inline-block;position: absolute;border: 1.35rem solid white;border-color: transparent white transparent transparent;
    top: 0rem;right: 0rem;}
.tabs input[type="radio"]:checked + label + section { display: block;}

@media only screen and (max-width: 1100px){
  .tabs label {width: 100%;margin:0;}
  .tabs label:after{position: absolute;content: '\25BC'; right:1rem;}
  .tabs input[type="radio"]:checked + label:after{content: '\25BC';right:1rem;border:0;transform: rotateX(180deg);}
  .tabs section {float:none;margin:0 !important;width:100%;min-height: inherit;}
}


/* -------------- Termine */
.termine{min-width:19rem;text-align: center;-webkit-column-gap: 1rem;-moz-column-gap: 1rem;column-gap: 1rem;-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
.termine a{color:#2A4566;text-decoration:none;line-height:2.2rem;font-size: 1.15rem; display: block; }
.termine a:hover { background:#E2EBF6; }
.termine a:hover .ico { color:#2A4566; }
.termine .ico {color: #AD0131;text-decoration: none;margin: 0 0.5rem 0 0;font-size: 1rem;}
.ampel{height: 1rem;width: 1rem;margin: 0 0 -0.1rem 0.5rem;border-radius: 50%;display: inline-block;}
.ampel-tip{display:block;padding:0.2rem 0.5rem;margin:0.3rem 0 0 0;font-size:0.9rem;}

@media only screen and (max-width: 1350px) and (min-width: 1000px){
	.termine{   -webkit-column-count: 1;-moz-column-count: 1; column-count: 1;}
}
@media only screen and (max-width: 870px){
	.termine{   -webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
}




/* ###################################################################### */
/* Tooltip - miniTip CSS - v1.5.3 */
/* ###################################################################### */
#miniTip {width:auto !important;background-color: #2A4566; border: 4px solid #2A4566; color: #ffffff; display: none; position: absolute; top: 0; left: 0; z-index: 999;
	line-height: 1.4rem;font-size:1.1rem;text-align:center;}
#miniTip_c { padding: 4px 8px }
#miniTip_a { width: 0; height: 0; position: absolute; top: 0; left: 0;}
#miniTip .n { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #2A4566; border-bottom: 0;}
/* #miniTip .s { border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #2A4566; border-top: 0;} */
#miniTip .e { border-bottom: 8px solid transparent; border-top: 8px solid transparent; border-right: 8px solid #2A4566; border-left: 0;}
#miniTip .w { border-bottom: 8px solid transparent; border-top: 8px solid transparent; border-left: 8px solid #2A4566; border-right: 0;}
.img-tip{position:absolute;top:-4px;left:-1.5rem;bottom:0;background-color: transparent;color: #fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;
    -ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;box-shadow: 0 0 5px 5px #fff;border-style: none;width: 4rem;height: 2rem;}
.img-tip a{width: 2rem;height: 2rem;text-align: center;font-size: 1.4rem;display:inline-block;line-height: 2rem !important;}
.img-tip .icon-facebook{background:#3B5998;color:#ffffff;text-decoration: none;}
.img-tip .icon-facebook:hover{background:#224389;}
.img-tip .icon-pinterest{background:#BD081C;color:#ffffff;text-decoration: none;}
.img-tip .icon-pinterest:hover{background:#9B0012;}


/* ###################################################################*/
/* Icon Fonts */
/* ###################################################################*/
@font-face {
    font-family: 'ifm-font';
    font-display: fallback;
    src:    url('https://ifm-business.de/include/fonts/ifm-font.eot?mcg8y5');
    src:    url('https://ifm-business.de/include/fonts/ifm-font.eot?mcg8y5#iefix') format('embedded-opentype'),
        url('https://ifm-business.de/include/fonts/ifm-font.ttf?mcg8y5') format('truetype'),
        url('https://ifm-business.de/include/fonts/ifm-font.woff?mcg8y5') format('woff'),
        url('https://ifm-business.de/include/fonts/ifm-font.svg?mcg8y5#ifm-font') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'ifm-font' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-thumbs-o-up:before {
  content: "\f087";
}
.icon-pfeil-links:before {
  content: "\f060";
}
.icon-pdf:before {
  content: "\e901";
}
.icon-pinterest:before {
  content: "\e903";
}
.icon-linkedin:before {
  content: "\e900";
}
.icon-whatsapp:before {
  content: "\e904";
}
.icon-twitter:before {
  content: "\61";
}
.icon-facebook:before {
  content: "\62";
}
.icon-xing:before {
  content: "\6c";
}
.icon-suche:before {
  content: "\e603";
}
.icon-info:before {
  content: "\e608";
}
.icon-termine:before {
  content: "\e900";
}
.icon-abschluss:before {
  content: "\e9aa";
}
.icon-geld:before {
  content: "\ea10";
}
.icon-callback:before {
  content: "\ea1f";
}
.icon-email:before {
  content: "\ea2f";
}
.icon-dauer:before {
  content: "\ea4d";
}
.icon-drucker:before {
  content: "\ea65";
}
.icon-user:before {
  content: "\eaf4";
}
.icon-group:before {
  content: "\eb09";
}
.icon-list:before {
  content: "\ec57";
}
.icon-wahl:before {
  content: "\ec69";
}
.icon-menu:before {
  content: "\ec6e";
}
.icon-star:before {
  content: "\ece0";
}
.icon-star-halb:before {
  content: "\ece1";
}
.icon-star-filled:before {
  content: "\ece2";
}
.icon-pfeil-rechts:before {
  content: "\f061";
}
.icon-fax:before {
  content: "\f1ac";
}







/*
Theme Name: FlatSmart
Theme URI: https://besmarthome.de
Description: Eigenes Template für beSmartHome
Author: Rene Jahnkow
Author URI: https://besmarthome.de
*/

#meta {border-top: 1px solid #C3CDDC;	border-bottom: 1px solid #C3CDDC;margin: -1rem 0 1.5rem 0;padding: 0.8rem 0 0.8rem 0;}
.taglist {padding: 0.8rem 0 0.3rem 0 !important;}
.meta a{color: #2A4566;}
.meta a:hover{text-decoration:none;}
#meta div {	padding: 0.3rem 0 0.2rem 0;}
#meta #tags a {    display: inline-block;
    background: #ffffff;
    border: 0.1rem solid #C3CDDC;
    padding: 0.25rem 0.6rem 0.3rem 0.6rem;
    color: #4A617D;
    text-decoration: none;
    font-weight: bold;
    margin: 0.1rem 0 0.5rem 0;
-webkit-transition: all 0.5s ease;
		 -moz-transition: all 0.5s ease;
			 -o-transition: all 0.5s ease;
			-ms-transition: all 0.5s ease;
					transition: all 0.5s ease;}
#meta #tags a::before { content: "#";}
#meta #tags a:hover {background: #4A617D; color:#ffffff;}

@media only screen and (max-width: 600px) /* 940 */{
	.vorschau .meta, .entry p {display:none;	}
	.vorschau h2 {font-size:1.3rem;	}
}

#entry table {
    max-width: 100%;
    overflow-y: hidden;
    display: block;
    overflow-x: auto;}
#entry h3, #tinymce h3 {float: none;}


#entry {font-size:1.15rem;line-height: 1.6rem;margin:0 0 2rem 0;}
#entry img {     max-width: 100% !important;
    height: auto;
    -moz-box-sizing: border-box;
    margin: 0;
    display: block;}

#rahmen .wp-caption img{max-width: 100% !important;
    height: auto;
    margin: 0;
    display: block;    width: 100%;}
#rahmen .wp-caption p {border:0;}


		.wp-caption{text-align:center;max-width: 100%;}
		.wp-caption-text{    margin: 0;
		    background: #C3CDDC;
		    font-size: 1rem;
		    padding: 0.3rem 0.6rem 0.2rem 0.6rem;
		    color: #2A4566;
		    }


.alignright{margin: 0 0 1rem 1rem !important; float:right;}
.alignleft{margin: 0 1rem 1rem 0 !important; float:left;}
.aligncenter{margin: 0 auto 1rem auto !important;}
.alignnone{ margin: 1rem 0 1rem 0 !important;}


@media only screen and (max-width: 700px) /* 940 */{
	#rahmen .wp-caption, #rahmen .wp-caption img{width: 100% !important;}
  .wp-caption-text{border:0 !important;}
}




hr{    border: 1px solid #C3CDDC;}


.tags a{    color: #AD0131 !important;
    display: inline !important;
    padding: 0.2rem !important;font-weight: 400;}
.tags a:hover{text-decoration: underline !important; }




.rechts{float:right;}
.links{float:left;}

/* Images */
.img-wrap {	background-position: center;background-repeat: no-repeat; background-size: cover;width:70rem;
	    margin: -1.25rem 1.2rem -1.25rem -1.25rem;float:left;    max-width: 20rem;}



.vorschau {	margin-bottom: 2.5rem;width:100%;position:relative;background:#ffffff;display: flex;word-break: break-word;
    padding: 1.25rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing: border-box;color:#2A4566;-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;}
.vorschau:hover {
	-moz-box-shadow: 0 0 0.5em #CBCBCB;
-ms-box-shadow: 0 0 0.5em #CBCBCB;
-webkit-box-shadow: 0 0 0.5em #CBCBCB;
box-shadow: 0 0 0.5em #CBCBCB;
}



.vorschau h2 {margin: 0 0 0.3rem 0;	padding: 0 0 0.5rem 0;}
.vorschau h2 a {color: #AD0131;}
.vorschau h2 a:hover {text-decoration: none;}
.vorschau .meta {	border-bottom: 1px solid #E6E6E6;margin: 0 0 0.8rem 0;padding: 0 0 0.3rem 0;font-size: 0.9rem;}
.vorschau p {margin: 0 0 0.3rem 0;}





@media only screen and (max-width: 1200px)  and (min-width: 1000px) /* 940 */{
	.vorschau {display:inline-block;}
	.img-wrap {width:100%; margin: -1.3rem 0 1rem -1.25rem; padding-right:2.5rem; height:12rem;max-width: 100%;}
}
@media only screen and (max-width: 850px) /* 940 */{
	.vorschau {display:inline-block;}
	.img-wrap {width:100%; margin: -1.3rem 0 1rem -1.25rem; padding-right:2.5rem; height:12rem;max-width: 100%;}
}

.vorschau .weiterlesen {text-decoration: none;display:inline-block;padding: 0.5rem 1rem 0.5rem 1rem;background: #4A617D;
	color: #ffffff;bottom: 0;right: 0;position:absolute;}
	.vorschau .weiterlesen:hover {background: #2A4566;}







	.demo-1 {
	    position:relative;
	    width:210px;
	    height:190px;
	    overflow:hidden;
	    display:inline-block;
padding-left: 0 !important;text-indent: 0 !important;
			margin:0 0 1rem 0 !important;
			background:#A6B6C7;
	}
	.demo-1 li {line-height: 1.5rem !important;padding: 0.7rem;}
	.demo-1 li:before {content: "" !important; }
.top-li {text-indent: -0.9rem !important;}
.top-li li {margin: 0 0 0 -1rem !important; text-align:left;font-size:1.1rem !important;padding: 0;line-height: 1.5rem !important; }
.demo-1>li:before{display:none !important;}
	.demo-1 p,.demo-1 h2 {
			margin:0;
	    padding:10px;
	    left:-20px;
	    top:20px;
	    position:relative
	}


.top-text{

font-size:1.3rem;
text-shadow: 0 0 0.2rem #ffffff;
text-align:center;
	background:#2A4566;
	vertical-align: middle;color:#ffffff;
	position:relative;
}

.top-text span{color:#AD0131;font-size:5rem;margin:1.3rem 0 0 0;display:block;}

	.effect div {
		width:210px; height:190px;
	    position:absolute;
	    margin:0 !important;
	    right:0;
	    top:0;
	    cursor:pointer;
	    -webkit-transition:top .4s ease-in-out,right .4s ease-in-out;
	    -moz-transition:top .4s ease-in-out,right .4s ease-in-out;
	    -o-transition:top .4s ease-in-out,right .4s ease-in-out;
	    transition:top .4s ease-in-out,right .4s ease-in-out
	}

	.effect div.top:hover  {
	    top:-220px;
	    right:-230px;
	    padding-bottom:190px;
	    padding-left:210px
	}


	@media only screen and (max-width: 479px) {
		.demo-1 {display:none;}

	}










@media print {
  aside, footer, #suche-button, #suche, .inhalt-menu, .button,  .ico, .vierer,
#menu-oben, #header-image , #menu-unten, #suchheader, .share, nav, #sidebar{display:none;}
#rahmen .preis{padding:0;}
#rahmen{padding:0;margin-top:-3rem; height: 100%!important;}


h1{font-size:1.6rem; margin: 0 0 1.2rem 0;}
h2{font-size:1.5rem; margin: 0 0 1.2rem 0;}
p, .listen li{font-size:1rem;}
.big-menu{margin:0;}

#logo-header img { height: 52px; width: 183px;}


}











section#einleitung {
  background-color: #ffffff;
  border-left: 6px solid #ad0131;
  padding: 1.2em 1.5em 0.2rem 1.5rem;
  margin: 2em 0;
  font-size: 1.05em;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

section#einleitung h2 {
  color: #2a4566;
  margin-top: 0;
  font-size: 1.2em;
}





























/** Light color-scheme **/
:root{
    --cc-bg: #fff;
    --cc-text: #2d4156;
    --cc-border-radius: .35em;
    --cc-btn-primary-bg: #2d4156;
    --cc-btn-primary-text: var(--cc-bg);
    --cc-btn-primary-hover-bg: #1d2e38;
    --cc-btn-secondary-bg: #eaeff2;
    --cc-btn-secondary-text: var(--cc-text);
    --cc-btn-secondary-hover-bg: #d8e0e6;
    --cc-btn-border-radius: 4px;
    --cc-toggle-bg-off: #919ea6;
    --cc-toggle-bg-on: green;
    --cc-toggle-bg-readonly: #d5dee2;
    --cc-toggle-knob-bg: #fff;
    --cc-toggle-knob-icon-color: #ecf2fa;
    --cc-block-text: var(--cc-text);
    --cc-cookie-category-block-bg: #f0f4f7;
    --cc-cookie-category-block-bg-hover: #e9eff4;
    --cc-section-border: #f1f3f5;
    --cc-cookie-table-border: #e9edf2;
    --cc-overlay-bg: rgba(4, 6, 8, .85);
    --cc-webkit-scrollbar-bg: #cfd5db;
    --cc-webkit-scrollbar-bg-hover: #9199a0;
}

/** Dark color-scheme **/
.c_darkmode{
    --cc-bg: #181b1d;
    --cc-text: #d8e5ea;
    --cc-btn-primary-bg: #a6c4dd;
    --cc-btn-primary-text: #000;
    --cc-btn-primary-hover-bg: #c2dff7;
    --cc-btn-secondary-bg: #33383c;
    --cc-btn-secondary-text: var(--cc-text);
    --cc-btn-secondary-hover-bg: #3e454a;
    --cc-toggle-bg-off: #667481;
    --cc-toggle-bg-on: var(--cc-btn-primary-bg);
    --cc-toggle-bg-readonly: #454c54;
    --cc-toggle-knob-bg: var(--cc-cookie-category-block-bg);
    --cc-toggle-knob-icon-color: var(--cc-bg);
    --cc-block-text: #b3bfc5;
    --cc-cookie-category-block-bg: #23272a;
    --cc-cookie-category-block-bg-hover: #2b3035;
    --cc-section-border: #292d31;
    --cc-cookie-table-border: #2b3035;
    --cc-webkit-scrollbar-bg: #667481;
    --cc-webkit-scrollbar-bg-hover: #9199a0;
}

.cc_div *,
.cc_div *:hover,
.cc_div :before,
.cc_div :after{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: none;
    font-style: inherit;
    font-variant: normal;
    font-weight: inherit;
    font-family: inherit;
  line-height: 1.2;
    font-size: 1em;
    transition: none;
    animation: none;
    margin: 0;
    padding: 0;
    text-transform: none;
    letter-spacing: unset;
    color: inherit;
    background: none;
    border: none;
    border-radius: unset;
    box-shadow: none;
    text-decoration: none;
    text-align: left;
    visibility: unset;
    height: auto;
    vertical-align: baseline;
}

.cc_div {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Ubuntu', Arial;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    color: var(--cc-text);
}

.cc_div .c-bn,
.cc_div .b-tl,
#s-ttl,
#c-ttl,
#s-bl td:before{
    font-weight: 600;
}

#cm,
#s-inr,
.cc_div .c-bl,
.cc_div .b-tl,
#s-bl .act .b-acc{
    border-radius: var(--cc-border-radius);
}

#s-bl .act .b-acc{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.cc_div input,
.cc_div button,
.cc_div a{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
}

.cc_div a{
    border-bottom: 1px solid;
}

.cc_div a:hover{
    text-decoration: none;
    border-color: transparent;
}

/* Make elements "animatable" */
.c--anim #cm,
.c--anim #s-cnt,
.c--anim #s-inr,
#cs-ov,
#cm-ov{
    transition: visibility .25s linear, opacity .25s ease, transform .25s ease!important;
}

.c--anim .c-bn{
    transition: background-color .25s ease!important;
}

/* start transitions */
.c--anim #cm.bar.slide,
.c--anim .bar.slide #s-inr{
    transition: visibility .4s ease, opacity .4s ease, transform .4s ease!important;
}

.c--anim #cm.bar.slide + #cm-ov,
.c--anim .bar.slide + #cs-ov{
    transition: visibility .4s ease, opacity .4s ease, transform .4s ease!important;
}

#cm.bar.slide,
.cc_div .bar.slide #s-inr{
    transform: translateX(100%);
    opacity: 1;
}

#cm.bar.top.slide,
.cc_div .bar.left.slide #s-inr{
    transform: translateX(-100%);
    opacity: 1;
}

#cm.slide,
.cc_div .slide #s-inr{
    transform: translateY(1.6em);
}

#cm.top.slide{
    transform: translateY(-1.6em);
}

#cm.bar.slide{
    transform: translateY(100%);
}

#cm.bar.top.slide{
    transform: translateY(-100%);
}
/* end transitions */

/* Show modals */

.show--consent .c--anim #cm,
.show--consent .c--anim #cm.bar,
.show--settings .c--anim #s-inr,
.show--settings .c--anim .bar.slide #s-inr{
    opacity: 1;
    transform: scale(1);
    visibility: visible!important;
}

.show--consent .c--anim #cm.box.middle,
.show--consent .c--anim #cm.cloud.middle{
    transform: scale(1) translateY(-50%);
}

.show--settings .c--anim #s-cnt{
    visibility: visible!important;
}

/* Show overlays */
.force--consent.show--consent .c--anim #cm-ov,
.show--settings .c--anim #cs-ov{
    visibility: visible!important;
    opacity: 1!important;
}

#cm{
    font-family: inherit;
    padding: 1.1em 1.5em 1.4em 1.5em;
    position: fixed;
    z-index: 1;
    background: var(--cc-bg);
    max-width: 44.2em;
    width: 100%;
    bottom: 1.250em;
    right: 1.250em;
    box-shadow: 0 0.625em 1.875em #000000;
    box-shadow: 0 0.625em 1.875em rgba(2, 2, 3, 0.28);
    opacity: 0;
    visibility: hidden;
    transform: scale(.95);
    line-height: initial;
}

/** fix https://github.com/orestbida/cookieconsent/issues/94 **/
#cc_div #cm {
    display: block!important;
}

#c-ttl{
    margin-bottom: .7em;
    font-size: 1.05em;
}

.cloud #c-ttl{
    margin-top: -.15em;
}

#c-txt{
    font-size: 0.9em;
    line-height: 1.5em;
}

.cc_div #c-bns{
    display: flex;
    justify-content: space-between;
    margin-top: 1.4em;
}

.cc_div .c-bn{
    color: var(--cc-btn-secondary-text);
    background: var(--cc-btn-secondary-bg);
    padding: 1em 1.7em;
    display: inline-block;
    cursor: pointer;
    font-size: 0.82em;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    text-align: center;
    border-radius: var(--cc-btn-border-radius);
    flex: 1;
}

#c-bns button + button,
#s-cnt button + button,
#s-c-bn{
    float: right;
    margin-left: 1em;
}

#s-cnt #s-rall-bn{
    float: none;
}

#cm .c_link:hover,
#cm .c_link:active,
#s-cnt button + button:hover,
#s-cnt button + button:active,
#s-c-bn:active,
#s-c-bn:hover{
    background: var(--cc-btn-secondary-hover-bg);
}

/**
CookieConsent settings modal
**/
#s-cnt{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 101;
    display: table;
    height: 100%;
    visibility: hidden;
}

#s-bl{
    outline: none;
}

#s-bl .title{
    margin-top: 1.4em;
}

#s-bl .title:first-child{
    margin-top: 0;
}

#s-bl .b-bn{
    margin-top: 0;
}

#s-bl .b-acc .p{
    margin-top: 0;
    padding: 1em;
}

#s-cnt .b-bn .b-tl{
    display: block;
    font-family: inherit;
    font-size: .95em;
    width: 100%;
    position: relative;
    padding: 1.3em 6.4em 1.3em 2.7em;
    background: none;
    transition: background-color .25s ease;
}

#s-cnt .b-bn .b-tl.exp{
    cursor: pointer;
}

#s-cnt .act .b-bn .b-tl{
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

#s-cnt .b-bn .b-tl:active,
#s-cnt .b-bn .b-tl:hover{
    background: var(--cc-cookie-category-block-bg-hover);
}

#s-bl .b-bn{
    position: relative;
}

#s-bl .c-bl{
    padding: 1em;
    margin-bottom: .5em;
    border: 1px solid var(--cc-section-border);
    transition: background-color .25s ease;
}

#s-bl .c-bl:hover{
    background: var(--cc-cookie-category-block-bg);
}

#s-bl .c-bl:last-child{
    margin-bottom: .5em;
}

#s-bl .c-bl:first-child{
    transition: none;
    padding: 0;
    margin-top: 0;
    border:none;
    margin-bottom: 2em;
}

#s-bl .c-bl:not(.b-ex):first-child:hover{
    background: transparent;
    background: unset;
}

#s-bl .c-bl.b-ex{
    padding: 0;
    border: none;
    background: var(--cc-cookie-category-block-bg);
    transition: none;
}

#s-bl .c-bl.b-ex + .c-bl{
    margin-top: 2em;
}

#s-bl .c-bl.b-ex + .c-bl.b-ex{
    margin-top: 0;
}

#s-bl .c-bl.b-ex:first-child{
    margin-bottom: 1em;
}

#s-bl .c-bl.b-ex:first-child{
    margin-bottom: .5em;
}

#s-bl .b-acc{
    max-height: 0;
    overflow: hidden;
    padding-top: 0;
    margin-bottom: 0;
    display: none;
}

#s-bl .act .b-acc{
    max-height: 100%;
    display: block;
    overflow: hidden;
}

#s-cnt .p{
    font-size: 0.9em;
    line-height: 1.5em;
    margin-top: .85em;
    color: var(--cc-block-text);
}

.cc_div .b-tg .c-tgl:disabled{
    cursor: not-allowed;
}

#c-vln{
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

#cs{
    padding: 0 1.7em;
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
}

#s-inr{
    height: 100%;
    position: relative;
    max-width: 45em;
    margin: 0 auto;
    transform: scale(.96);
    opacity: 0;
    padding-top: 4.75em;
    padding-bottom: 4.75em;
    position: relative;
    height: 100%;
    overflow: hidden;
    visibility: hidden;
    box-shadow: rgba(3, 6, 9, .26) 0px 13px 27px -5px;
}

#s-inr,
#s-hdr,
#s-bns{
    background: var(--cc-bg);
}

#s-bl{
  overflow-y: auto;
    overflow-y: overlay;
    overflow-x: hidden;
    height: 100%;
    padding: 1.3em 1.8em;
    display: block;
    width: 100%;
}

#s-bns{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1em 1.8em;
    border-top: 1px solid var(--cc-section-border);
    height: 4.75em;
}

.cc_div .cc-link{
    color: var(--cc-btn-primary-bg);
    border-bottom: 1px solid var(--cc-btn-primary-bg);
    display: inline;
    padding-bottom: 0;
    text-decoration: none;
    cursor: pointer;
    font-weight: 600;
}

.cc_div .cc-link:hover,
.cc_div .cc-link:active{
    border-color: transparent;
}

#c-bns button:first-child,
#s-bns button:first-child{
    color: var(--cc-btn-primary-text);
    background: var(--cc-btn-primary-bg);
}

#c-bns.swap button:first-child{
    color: var(--cc-btn-secondary-text);
    background: var(--cc-btn-secondary-bg);
}

#c-bns.swap button:last-child{
    color: var(--cc-btn-primary-text);
    background: var(--cc-btn-primary-bg);
}

.cc_div .b-tg .c-tgl:checked ~ .c-tg{
    background: var(--cc-toggle-bg-on);
}

#c-bns button:first-child:active,
#c-bns button:first-child:hover,
#s-bns button:first-child:active,
#s-bns button:first-child:hover,
#c-bns.swap button:last-child:active,
#c-bns.swap button:last-child:hover{
    background: var(--cc-btn-primary-hover-bg);
}

#c-bns.swap button:first-child:active,
#c-bns.swap button:first-child:hover{
    background: var(--cc-btn-secondary-hover-bg);
}

#s-hdr{
    position: absolute;
    top: 0;
    width: 100%;
    display: table;
    padding: 0 1.8em;
    height: 4.75em;
    vertical-align: middle;
    z-index: 2;
    border-bottom: 1px solid var(--cc-section-border);
}

#s-ttl{
  display: table-cell;
    vertical-align: middle;
    font-size: 1em;
}

#s-c-bn{
    padding: 0;
    width: 1.7em;
    height: 1.7em;
    font-size: 1.45em;
    margin: 0;
    font-weight: initial;
    position: relative;
    overflow: hidden;
}

#s-c-bnc{
    display: table-cell;
    vertical-align: middle;
}

.cc_div span.t-lb {
    position: absolute;
    top: 0;
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
}

#c_policy__text{
    height: 31.250em;
    overflow-y: auto;
    margin-top: 1.250em;
}

#c-s-in{
    position: relative;
    transform: translateY(-50%);
    top: 50%;
    height: 100%;
    height: calc(100% - 2.5em);
    max-height: 37.5em;
}

@media screen and (min-width: 688px) {
    /** works only on webkit-based browsers **/
    #s-bl::-webkit-scrollbar{
        width: .9em;
        height: 100%;
        background: transparent;
        border-radius: 0 0.250em 0.250em 0;
    }

    #s-bl::-webkit-scrollbar-thumb{
        border: 0.25em solid var(--cc-bg);
        background: var(--cc-webkit-scrollbar-bg);
        border-radius: 100em;
    }

    #s-bl::-webkit-scrollbar-thumb:hover{
        background: var(--cc-webkit-scrollbar-bg-hover);
    }

    #s-bl::-webkit-scrollbar-button {
        width: 10px;
        height: 5px;
    }
}

/** custom checkbox **/
/* The container */
.cc_div .b-tg {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: inline-block;
    margin: auto;
    right: 1.2em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
}

/* Hide the browser's default checkbox */
.cc_div .b-tg .c-tgl {
    position: absolute;
    cursor: pointer;
    display: block;
    top: 0;
    left: 0;
    margin: 0;
    border: 0;
}

/* Create a custom checkbox */
.cc_div .b-tg .c-tg {
    position: absolute;
    background: var(--cc-toggle-bg-off);
    transition: background-color .25s ease, box-shadow .25s ease;
    pointer-events: none;
}

.cc_div span.t-lb,
.cc_div .b-tg,
.cc_div .b-tg .c-tg,
.cc_div .b-tg .c-tgl{
    width: 3.4em;
    height: 1.5em;
    border-radius: 4em;
}

.cc_div .b-tg .c-tg.c-ro{
    cursor: not-allowed;
}

.cc_div .b-tg .c-tgl ~ .c-tg.c-ro{
    background: var(--cc-toggle-bg-readonly);
}

.cc_div .b-tg .c-tgl ~ .c-tg.c-ro:after{
    box-shadow: none;
}

/* Style the checkmark/indicator */
.cc_div .b-tg .c-tg:after {
    content: "";
    position: relative;
    display: block;
    left: 0.125em;
    top: 0.125em;
    width: 1.25em;
    height: 1.25em;
    border: none;
    box-sizing: content-box;
    background: var(--cc-toggle-knob-bg);
    box-shadow: 0 1px 2px rgba(24, 32, 35, .36);
    transition: transform .25s ease;
    border-radius: 100%;
}

/* Show the checkmark when checked */
.cc_div .b-tg .c-tgl:checked ~ .c-tg:after{
    transform: translateX(1.9em);
}

#s-bl table,
#s-bl th,
#s-bl td{
    border: none;
}

#s-bl tbody tr{
    transition: background-color .25s ease;
}

#s-bl tbody tr:hover{
    background: var(--cc-cookie-category-block-bg-hover);
}

#s-bl table {
    text-align: left;
    border-collapse: collapse;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

#s-bl td,
#s-bl th {
    padding: 0.8em 0.625em;
    text-align: left;
    vertical-align: top;
    font-size: .8em;
    padding-left: 1.2em;
}

#s-bl th {
  font-family: inherit;
    padding: 1.2em 1.2em;
}

#s-bl thead tr:first-child{
    border-bottom: 1px solid var(--cc-cookie-table-border);
}

.force--consent #s-cnt,
.force--consent #cs{
    width: 100vw;
}

#cm-ov,
#cs-ov{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    background: #070707;
    background: var(--cc-overlay-bg);
    display: none;
    transition: none;
}

.show--settings #cs-ov,
.c--anim #cs-ov,
.force--consent .c--anim #cm-ov,
.force--consent.show--consent #cm-ov{
    display: block;
}

#cs-ov{
    z-index: 2;
}

.force--consent .cc_div{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    width: 100vw;
    visibility: hidden;
    transition: visibility .25s linear;
}

.force--consent.show--consent .c--anim .cc_div,
.force--consent.show--settings .c--anim .cc_div{
    visibility: visible;
}

.force--consent #cm{
    position: absolute;
}

.force--consent #cm.bar{
    width: 100vw;
    max-width: 100vw;
}

html.force--consent.show--consent{
    overflow-y: hidden!important;
}

html.force--consent.show--consent,
html.force--consent.show--consent body{
    height: auto!important;
    overflow-x: hidden!important;
}
/** END BLOCK PAGE SCROLL */

/** BEGIN ICONS **/
.cc_div .b-bn .exp::before,
.cc_div .act .b-bn .exp::before{
    border: solid var(--cc-btn-secondary-text);
    border-width: 0 2px 2px 0;
    padding: .2em;
    display: inline-block;
    position: absolute;
    content: '';
    margin-right: 15px;
    position: absolute;
    transform: translateY(-50%) rotate(45deg);
    left: 1.2em;
    top: 50%;
}

.cc_div .act .b-bn .b-tl::before{
    transform: translateY(-20%) rotate(225deg);
}

.cc_div .on-i::before{
    border: solid var(--cc-toggle-knob-icon-color);
    border-width: 0 2px 2px 0;
    padding: .1em;
    display: inline-block;
    padding-bottom: .45em;
    content: '';
    margin: 0 auto;
    transform: rotate(45deg);
    top: .37em;
    left: .75em;
    position: absolute;
}

#s-c-bn::before,
#s-c-bn::after{
    content: '';
    position: absolute;
    left: .82em;
    top: .58em;
    height: .6em;
    width: 1.5px;
    background: var(--cc-btn-secondary-text);
    transform: rotate(45deg);
    border-radius: 1em;
    margin: 0 auto;
}

#s-c-bn::after{
    transform: rotate(-45deg);
}

.cc_div .off-i,
.cc_div .on-i{
    height: 100%;
    width: 50%;
    position: absolute;
    right: 0;
    display: block;
    text-align: center;
    transition: opacity .15s ease;
}

.cc_div .on-i{
    left: 0;
    opacity: 0;
}

.cc_div .off-i::before,
.cc_div .off-i::after{
    right: .8em;
    top: .42em;
    content: ' ';
    height: .7em;
    width: .09375em;
    display: block;
    background: var(--cc-toggle-knob-icon-color);
    margin: 0 auto;
    position: absolute;
    transform-origin: center;
}

.cc_div .off-i::before {
    transform: rotate(45deg);
}
.cc_div .off-i::after {
    transform: rotate(-45deg);
}

.cc_div .b-tg .c-tgl:checked ~ .c-tg .on-i{
    opacity: 1;
}
.cc_div .b-tg .c-tgl:checked ~ .c-tg .off-i{
    opacity: 0;
}
/** END ICONS **/

#cm.box.middle,
#cm.cloud.middle{
    top: 50%;
    transform: translateY(-37%);
    bottom: auto;
}

#cm.box.middle.zoom,
#cm.cloud.middle.zoom{
    transform: scale(.95) translateY(-50%);
}

#cm.box.center{
    left: 1em;
    right: 1em;
    margin: 0 auto;
}

/* Start cloud layout */
#cm.cloud {
    max-width: 50em;
    margin: 0 auto;
    text-align: center;
    left: 1em;
    right: 1em;
    overflow: hidden;
    padding: 1.3em 2em;
    width: unset;
}

.cc_div .cloud #c-inr{
    display: table;
    width: 100%;
}

.cc_div .cloud #c-inr-i{
    width: 70%;
    display: table-cell;
    vertical-align: top;
    padding-right: 2.4em;
}

.cc_div .cloud #c-txt{
    font-size: 0.85em;
}

.cc_div .cloud #c-bns{
    min-width: 170px;
    display: table-cell;
    vertical-align: middle;
}

#cm.cloud .c-bn{
    margin: .625em 0 0 0;
    width: 100%;
}

#cm.cloud .c-bn:first-child{
    margin: 0;
}

#cm.cloud.left{
    margin-right: 1.25em;
}

#cm.cloud.right{
    margin-left: 1.25em;
}
/* End cloud layout */

/* Start bar layout */
#cm.bar {
    width: 100%;
    max-width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0;
    position: fixed;
    padding: 2em;
}

#cm.bar #c-inr{
    max-width: 32em;
    margin: 0 auto;
}

#cm.bar #c-bns{
    max-width: 33.75em;
}

#cm.bar #cs{
    padding: 0;
}

.cc_div .bar #c-s-in{
    top: 0;
    transform: none;
    height: 100%;
    max-height: 100%;
}

.cc_div .bar #s-hdr,
.cc_div .bar #s-bl,
.cc_div .bar #s-bns {
    padding-left: 1.6em;
    padding-right: 1.6em;
}

.cc_div .bar #cs{
    padding: 0;
}

/* align bar to right by default */
.cc_div .bar #s-inr{
    margin: 0;
    margin-left: auto;
    margin-right: 0;
    border-radius: 0;
    max-width: 32em;
}

.cc_div .bar.left #s-inr{
    margin-left: 0;
    margin-right: auto;
}

/* Force table to not be like tables anymore */
.cc_div .bar #s-bl table,
.cc_div .bar #s-bl thead,
.cc_div .bar #s-bl tbody,
.cc_div .bar #s-bl th,
.cc_div .bar #s-bl td,
.cc_div .bar #s-bl tr,
.cc_div .bar #s-cnt{
    display: block;
}

/* Hide table headers (but not display: none;, for accessibility) */
.cc_div .bar #s-bl thead tr{
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.cc_div .bar #s-bl tr{
    border-top: 1px solid var(--cc-cookie-table-border);
}

.cc_div .bar #s-bl td {
    /* Behave  like a "row" */
    border: none;
    position: relative;
    padding-left: 35%;
}

.cc_div .bar #s-bl td:before {
    position: absolute;
    left: 1em;
    padding-right: 0.625em;
    white-space: nowrap;
    content: attr(data-column);
    color: var(--cc-text);
    overflow: hidden;
    text-overflow: ellipsis;
}
/* End bar layout */

/* Positions */
#cm.top {
    bottom: auto;
    top: 1.250em;
}

#cm.left{
    right: auto;
    left: 1.250em;
}

#cm.right{
    left: auto;
    right: 1.250em;
}

#cm.bar.left,
#cm.bar.right{
    left: 0;
    right: 0;
}

#cm.bar.top{
    top: 0;
}
/* end positions */

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

    #cm,
    #cm.cloud,
    #cm.left,
    #cm.right{
        width: auto;
        max-width: 100%;
        margin: 0;
        padding: 1.4em!important;
        right: 1em;
        left: 1em;
        bottom: 1em;
        display: block;
    }

    .force--consent #cm,
    .force--consent #cm.cloud{
        width: auto;
        max-width: 100vw;
    }

    #cm.top{
        top: 1em;
        bottom: auto;
    }

    #cm.bottom{
        bottom: 1em;
        top: auto;
    }

    #cm.bar.bottom{
        bottom: 0;
    }

    #cm.cloud .c-bn{
        font-size: .85em;
    }

    #s-bns,
    .cc_div .bar #s-bns{
        padding: 1em 1.3em;
    }

    .cc_div .bar #s-inr{
        max-width: 100%;
        width: 100%;
    }

    .cc_div .cloud #c-inr-i{
        padding-right: 0;
    }

    #cs{
        border-radius: 0;
        padding: 0;
    }

    #c-s-in{
        max-height: 100%;
        height: 100%;
        top: 0;
        transform: none;
    }

    .cc_div .b-tg{
        transform: scale(1.1);
        right: 1.1em;
    }

    #s-inr{
        margin: 0;
        padding-bottom: 7.9em;
        border-radius: 0;
    }

    #s-bns{
        height: 7.9em;
    }

  #s-bl,
    .cc_div .bar #s-bl{
    padding: 1.3em;
    }

  #s-hdr,
    .cc_div .bar #s-hdr{
        padding: 0 1.3em;
    }

    /** dynamic table layout **/
    #s-bl table {
        width: 100%;
    }

    #s-inr.bns-t{
        padding-bottom: 10.5em;
    }

    .bns-t #s-bns{
        height: 10.5em;
    }

    .cc_div .bns-t .c-bn{
        font-size: 0.83em;
        padding: .9em 1.6em;
    }

    #s-cnt .b-bn .b-tl{
        padding-top: 1.2em;
        padding-bottom: 1.2em;
    }

    /* Force table to not be like tables anymore */
    #s-bl table,
    #s-bl thead,
    #s-bl tbody,
    #s-bl th,
    #s-bl td,
    #s-bl tr,
    #s-cnt{
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #s-bl thead tr{
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #s-bl tr{
        border-top: 1px solid var(--cc-cookie-table-border);
    }

    #s-bl td {
        /* Behave  like a "row" */
        border: none;
        position: relative;
        padding-left: 35%;
    }

    #s-bl td:before {
        position: absolute;
        left: 1em;
        padding-right: 0.625em;
        white-space: nowrap;
        content: attr(data-column);
        color: var(--cc-text);
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #cm .c-bn,
    .cc_div .c-bn{
        width: 100%;
        margin-right: 0;
    }

    #s-cnt #s-rall-bn{
        margin-left: 0;
    }

    .cc_div #c-bns{
        flex-direction: column;
    }

    #c-bns button + button,
    #s-cnt button + button{
        margin-top: 0.625em;
        margin-left: 0;
        float: unset;
    }

    #cm.cloud,
    #cm.box{
        left: 1em;
        right: 1em;
        width: auto;
    }

    #cm.cloud.right,
    #cm.cloud.left{
        margin: 0;
    }

    .cc_div .cloud #c-bns,
    .cc_div .cloud #c-inr,
    .cc_div .cloud #c-inr-i{
        display: block;
        width: auto;
        min-width: unset;
    }

    .cc_div .cloud #c-txt{
        font-size: .9em;
    }

    .cc_div .cloud #c-bns{
        margin-top: 1.625em;
    }
}

/* Begin IE fixes */
.cc_div.ie #c-vln{
  height: 100%;
  padding-top: 5.62em;
}

.cc_div.ie .bar #c-vln{
    padding-top: 0;
}

.cc_div.ie #cs{
    max-height: 37.5em;
    position: relative;
  top: 0;
  margin-top: -5.625em;
}

.cc_div.ie .bar #cs{
    margin-top:0;
    max-height: 100%;
}

.cc_div.ie #cm{
    border: 1px solid #dee6e9;
}

.cc_div.ie #c-s-in{
    top: 0;
}

.cc_div.ie .b-tg{
  padding-left: 1em;
  margin-bottom: 0.7em;
}

.cc_div.ie .b-tg .c-tgl:checked ~ .c-tg:after{
    left: 1.95em;
}

.cc_div.ie #s-bl table{
  overflow: auto;
}

.cc_div.ie .b-tg .c-tg{
    display: none;
}

.cc_div.ie .b-tg .c-tgl{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0.2em;
    height: auto;
}

.cc_div.ie #s-cnt .b-bn .b-tl{
    padding: 1.3em 6.4em 1.3em 1.4em
}

.cc_div.ie  .bar #s-bl td:before{
    display: none;
}

.cc_div.ie .bar #s-bl td{
    padding: 0.8em 0.625em 0.8em 1.2em;
}

.cc_div.ie .bar #s-bl thead tr{
    position: relative;
}

.cc_div.ie .b-tg .t-lb{
    filter: alpha(opacity=0);
}

.cc_div.ie #cm-ov,
.cc_div.ie #cs-ov{
    filter: alpha(opacity=80);
}

/** END IE FIXES **/