/* CSS reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, 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;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle;}

/* source-sans-pro-200 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/source-sans-pro-v11-latin-200.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'),
       url('../fonts/source-sans-pro-v11-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-200.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('../fonts/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-sans-pro-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
       url('../fonts/source-sans-pro-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* Settings */
* {margin:0;padding:0;border:0;height:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-webkit-animation-fill-mode: none !important;
-webkit-overflow-scrolling: touch;}
html {height:100%;}
body {-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;font-family: 'Source Sans Pro', sans-serif;background-color:#EFF2F5;}
@-webkit-viewport {width: device-width;}
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

/* Basics */
.g360_desktoponly {display:block;}
.g360_mobilonly {display:none;}
figure.intext {position:relative !important;}
figure > img {float:left;width:100%;height:auto;}

/* Style-Holder */
.g360_bgcover {-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center center;}
.g360_flexh {display:-webkit-flex;display: -ms-flexbox;display: flex; -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.g360_flexh:nth-child(1n+1) {display:-webkit-flex;display:-ms-flexbox;display: flex;} /* every Child */
.g360_flexall {display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;}

.g360_flexho {display:-webkit-flex;display:-ms-flexbox;display:flex;
	-webkit-justify-content:center;justify-content:center;
}

.g360_flexb {-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.g360_flexb:nth-child(1n+1) {display:-webkit-flex !important;display:-ms-flexbox !important;display: flex !important;}
.g360_flexb .g360_flrow {-webkit-flex-direction:row;flex-direction:row;}
.g360_flexb .g360_flrow_rev {-webkit-flex-direction:row-reverse;flex-direction:row-reverse;}
.g360_flexb .g360_flcolumn {-webkit-flex-direction:column;flex-direction:column;}
.g360_flexb .g360_flcolumn_rev {-webkit-flex-direction:column-reverse;flex-direction:column-reverse;}

/* WIDTHs */
.g360_wfull {width:100%;}
.g360_whalf {width:49%;}
.g360_wthird {width:32.333%;}
.g360_wfourth {width:24%;}
.g360_wfifth {width:19%;}
.g360_w2third {width:65.666%;}
.g360_w3fourth {width:74%;}
.g360_w3fifth {width:59%;}
.g360_w4fifth {width:79%;}

.g360_txtcentered {text-align:center !important;}
.g360_holder {float:left;width:100% !important;height:auto;padding:0 !important;margin:0 !important;}

/* ARTICLE TEXT */
p {line-height:1.5em;margin:.5em 0;}
p.small,p.info {font-size:.7em;}
a {text-decoration:underline;}
a:hover {text-decoration:underline;}
a:focus,*:focus {outline:0;}
strong,b {font-weight:bold;}
em,i {font-style:italic;}
blockquote {font-size:1.2em;margin:1em 0;line-height:1.9em;}
hr {float:left;width:100%;margin:1em 0;color:#808080;}
.meta,.small,.tiny {font-size:.8em;font-style:italic;}

.datalabel {font-weight:bold;margin-right:1em;}
.infoblock {float:left;width:100%;margin:10px 0;font-size:.8em;color:gray;}
.ff_hint {float:left;width:100%;margin:10px 0;font-size:.8em;color:gray;}

/* LINK BUTTON */
.g360_button {cursor:pointer;display:inline-block;padding:1em 2em;margin:10px .5%;text-decoration:none;border-radius:5px;background:#999;color:#fff;}
.g360_button:hover {text-decoration:none;opacity:.8;}

#goback {cursor:pointer;position:absolute;top:15px;left:40px;padding:10px 2em;text-decoration:none;border-radius:5px;background:#fff;color:#222;}
#goback:hover {text-decoration:none;opacity:.8;}

.btn_nav {position:absolute;cursor:pointer;width:auto;height:auto;line-height:30px;padding:0 30px;border-bottom:3px solid black;}
.btn_nav:hover {border-bottom:3px solid #7caf2b;}
.btn_nav i {position:absolute;left:0;top:0;width:30px;height:30px;line-height:30px;text-align:center;}

.btn_big {position:relative;cursor:pointer;float:left;width:auto;height:auto;line-height:50px;padding:0 2em;border-radius:5px;text-align:center;border:1px solid rgba(0,0,0,.1);text-decoration:none;color: white !important;}
.btn_big:hover {opacity:.9;text-decoration:none;}


#loginholder {float:left;width:90%;max-width:500px;}
#loginform {float:left;width:100%;background-color:rgba(255,255,255,1);padding:20px;}
#loginform .formrow {float:left;width:100%;margin:0 0 10px 0;}
#loginform .labelicon {float:left;width:50px;height:50px;margin-right:5px;line-height:50px;text-align:center;border:1px solid rgba(0,0,0,.1);}
#loginform input {float:left;width:calc( 100% - 55px);height:50px;line-height:50px;padding:0 1em;border:1px solid rgba(0,0,0,.1);}
#loginbutton {float:left;width:100%;margin:0;}
#loginform footer {float:left;width:100%;margin:0;text-align:center;font-size:.8em;line-height:1.5em;color:gray;}
#loginform footer a {color:#58ad3e;}
#loginsub {float:left;width:100%;margin-top:10px;text-align:center;font-size:.8em;line-height:1.5em;color:gray;}
#loginsub a {color:gray;}
#login_error {float:left;display:none;width:100%;padding:10px;margin-bottom:10px;border-radius:10px;}

/* Headlines */
h1 {font-size:2.5em;margin:0;}
h2 {font-size:2em;margin:0 0 .5em 0;}
h3 {font-size:1.5em;margin:.8em 0;}
h4 {font-size:1.2em;margin:1em 0;}
h5,h6 {font-size:1em;}

/* Lists in section.textelement */
.textelement ul,.textelement ol {float:left;width:98%;margin:.5em 0 .5em 2%;}
.textelement li {margin:.5em 0;}

/* Structure */
.wrapper {position:relative;width:100%;} /*max-width:1000px;margin:0 auto;*/
.lte9 .wrapper {max-width:900px;min-width:900px;}

.contentwrapper {position:relative;width:100%;max-width:800px;margin:0 auto;} /*max-width:1000px;margin:0 auto;*/

#app {float:left;position:relative;width:100%;}
#app_login {position:fixed;top:0;bottom:0;left:0;width:100%;background-size:cover;background-image:url(../img/splash.jpg);background-position:center center;background-repeat:no-repeat;}

/* Header / Footer */
header#apphead {position:fixed;float:left;width:100%;height:50px;z-index:10;}
footer#appfoot {position:relative;float:left;width:100%;height:auto;padding:20px 0;}

.headbutton {cursor:pointer;float:left;height:50px;margin:0 0 0 10px;padding:0;font-size:1.2em;}

#content header {float:left;width:100%;margin:10px 0;}

.page_desc {float:left;width:100%;margin:10px 0;font-size:1.2em;font-weight:100;}

.area {float:left;width:100%;margin:10px 0;}

/* Logo */
figure#logo {position:absolute;padding:0;margin:0;left:0;top:0;height:50px;width:100px;}
figure#logo img {float:left;width:auto;height:60%;}

.navopen figure#logo {width:15%;}

/* hamburger */
figure#hamburger {display:none;position:absolute;padding:0;margin:0;left:100px;top:0;height:50px;width:50px;line-height:50px;text-align:center;color:gray;cursor:pointer;}
.navopen figure#hamburger {left:15%;}

#user {position:absolute;cursor:pointer;padding:0;margin:0;right:15px;top:0;height:50px;line-height:50px;width:auto;}
.headtxt {float:left;height:50px;margin:0 0 0 .25em;}

figure#clogo {position:absolute;left:50%;top:5px;height:40px;width:150px;margin-left:-75px;}
figure#clogo img {position:relative;height:100%;width:auto;}

figure#top_useravatar {float:left;width:40px;height:40px;background-size:cover;background-position:center center;border-radius:100%;margin:5px 10px;}

/* multi-admins companyswitch */
#companyswitch {position:absolute;padding:0;margin:0;left:150px;top:0;height:50px;line-height:50px;width:auto;}
.navopen #companyswitch {left:calc(15% + 50px);}

#appholder {position:fixed;top:50px;bottom:0;width:100%;z-index:9;overflow:hidden;}
#navi {position:absolute;left:0;top:0;bottom:0;width:15%;padding:20px 0;overflow:auto;}
#navi #mainnav {position:relative;width:100%;height:auto;}

#mainnav ul {float:left;list-style-type:none;width:100%;display:block;white-space: nowrap;}
#mainnav ul li {float:left;width:100%;display:block;line-height:30px;}
#mainnav ul li a {cursor:pointer;float:left;width:100%;display:block;padding:.5em 0;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.075);}

#mainnav ul li i {width:30px;height:30px;line-height:30px;text-align:center;color:rgba(255,255,255,.5);margin:0 1em;font-size:1.2em;}

#page {position:absolute;left:0;top:0;bottom:0;width:100%;overflow:auto;}

.navopen #page {left:15%;width:85%;}

#content {float:left;width:100%;max-width:800px;height:auto;overflow:auto;overflow-x:hidden;padding:60px 40px 20px 40px;}



.modal {position:absolute;left:0;top:0;bottom:0;width:100%;height:100%;background-color:rgba(255,255,255,1);z-index:10;overflow:hidden;}
.navopen .modal {left:15%;width:85%;}
.modal_header {position:relative;width:100%;height:50px;top:0;left:0;}
.modal_content {position:absolute;width:100%;top:50px;bottom:0;height:calc(100% - 50px);padding:20px;}

.close_modal {position:absolute;bottom:0;left:0;height:50px;line-height:50px;}
.close_modal i {position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}


/* Tabs */

.tabs {float:left;width:100%;margin:10px 0;}
ul.tabindexes {float:left;width:100%;list-style-type:none;border-bottom:1px solid lightgray;}
ul.tabindexes li {cursor:pointer;float:left;width:auto;margin-right:5px;background-color:lightgray;color:white;padding:10px;border-radius: 0 5px 0 0;}
ul.tabindexes li.activetab {background-color:#58ad3e;}

.tabcontents {float:left;width:100%;}
.tabcontent {float:left;width:100%;padding:10px 0;display:none;}
.tabcontent.activetab {display:block;}



#loadlayer {position:absolute;left:0;top:0;bottom:0;width:100%;background-color:rgba(239,242,245,.9);z-index:9;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-o-transition: all .4s ease-out;
transition: all .4s ease-out;}

.loader{
  height: 100px;
  width: 100px;
}

/*
  Set the color of the icon
*/
svg path,
svg rect{
  fill: #7caf2b;
}




/* Image */
#g360_image {float:left;width:100%;height:50vh;}

/* Contents */
#g360_contents {margin:0;}

/* Section */
.g360_section {float:left;width:100%;height:auto;display:block;margin:0;padding:30px 0;}

/* Article */
article#g360_main_article {float:left;width:100%;height:auto;display:block;}
header#g360_main_article_header {float:left;width:100%;height:auto;display:block;}
.g360_post_content {float:left;width:100%;height:auto;display:block;}
.g360_post_content.withsidebar {width:70%;}
footer#g360_main_article_footer {float:left;width:100%;height:auto;display:block;}

/* Sidebar */
aside.g360_sidebar {width:30%;float:right;}
aside.g360_sidebar aside.g360_widget {display:block;clear:both;width:100%;margin-bottom:1em;float:left;}
aside.g360_sidebar aside.g360_widget header {display:block;width:100%;padding:.5em;margin:0 0 0 0 !important;}
aside.g360_sidebar aside.g360_widget h1,
aside.g360_sidebar aside.g360_widget h2,
aside.g360_sidebar aside.g360_widget h3,
aside.g360_sidebar aside.g360_widget h4 {margin:0;}
aside.g360_sidebar aside.g360_widget .g360_inside {float:left;display:block;width:100%;padding:.5em;}

/* InText Pictures */
figure.intext.fleft {float:left;padding:0;margin:0 1em 1em 0}
figure.intext.fright {float:right;padding:0;margin:0 0 1em 1em}
figure.intext.fcenter {float:left;padding:0;margin:0 0 1em 0;width:100%;}
figcaption {position:absolute;bottom:0;width:100%;color:#333;background:rgba(255,255,255,.6);padding:1em;font-size:.7em;text-transform:uppercase;}

/* Columns */
.cols {width:100%;margin:0;height:auto;display:block;float:left;}
.col {height:auto;display:block;float:left;margin:.5%;padding:0;}

.wfull {width:99% !important;}
.whalf {width:49%;}
.wthird {width:32%;}
.wquarter {width:24%;}
.wfifth {width:19%;}

/* ############################################################################# */
/* ### PLUGINS ################################################################# */
/* ############################################################################# */

.boxsection {float:left;width:100%;height:auto;margin:0 0 10px 0;}
.infobox {float:left;padding:0;border:1px solid rgba(0,0,0,.1);border-radius:5px;background-color:white;overflow:hidden;box-shadow:0 2px 0 rgba(0,0,0,.1);margin:.5%;}
.infobox header {float:left;width:100%;padding:.5em;font-size:1em;margin:0 0 10px 0 !important;}
.infobox header.cbclight {float:left;width:100%;padding:.5em;font-weight:100;font-size:1em;}
.infobox .inside {float:left;width:100%;padding:1em;}
.infobox .label {font-weight:bold;}

.toggle {float:left;width:100%;margin:10px 0;}
.toggleswitch {float:left;width:50px;height:30px;background-color:lightgray;position:relative;border-radius:20px;border:1px solid rgba(0,0,0,.1);cursor:pointer;}
.togglebutton {position:absolute;top:-1px;left:-1px;width:30px;height:30px;background-color:white;border:1px solid rgba(0,0,0,.3);border-radius:100%;}
.status_1 .togglebutton {top:-1px;left:inherit;right:-1px;}
.toggleswitch.status_1 {background-color:#709e54;}
.toggle_label {float:left;width:auto;line-height:30px;margin-left:10px;font-weight:bold;}

/* gallery */
ul.g360_gallery {float:left;display:block;width:100%;list-style-type:none;}
ul.g360_gallery li {position:relative;float:left;display:block;overflow:hidden;margin:.5%;}
ul.g360_gallery[data-elprow="4"] li {width:24%;}
ul.g360_gallery[data-elprow="5"] li {width:19%;}
ul.g360_gallery li a {float:left;display:block;width:100%;height:100%;}
ul.g360_gallery li figure.g360_gallery_thumb {display:block;width:100%;float:left;background-position:center center;background-size:cover;}
ul.g360_gallery li figure.g360_gallery_thumb img {display:block;width:100%;}

/* g360_classicteaser */
ul.g360_classicteaser {display:block;float:left;width:100%;list-style-type:none;margin:10px 0;}
ul.g360_classicteaser li {position:relative;float:left;overflow:hidden;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.1);}
ul.g360_classicteaser li a {float:left;display:block;width:100%;height:auto;text-decoration:none;}
ul.g360_classicteaser li figure.g360_teaser_thumb {float:left;width:10%;height:auto;background-size:cover;background-position:center center;}
ul.g360_classicteaser li .g360_teaser_content {width:90%;float:left;padding:0 10px;}
ul.g360_classicteaser li .g360_teaser_content header {width:100%;display:block;}
ul.g360_classicteaser li .g360_teaser_content header * {margin:0;}
ul.g360_classicteaser li .g360_teaser_content header .g360_meta {display:block;font-size:.7em;}
ul.g360_classicteaser li .g360_teaser_content p.g360_exerpt {font-size:.9em;}
ul.g360_classicteaser li:hover figure.g360_teaser_thumb {opacity:.8;}

/* g360_boxteaser */
ul.g360_boxteaser li {position:relative;float:left;overflow:hidden;padding:0;margin:.5%;border:1px solid rgba(0,0,0,.1);}
ul.g360_boxteaser li a {float:left;display:block;width:100%;height:auto;text-decoration:none;}
ul.g360_boxteaser li figure.g360_teaser_thumb {float:left;width:100%;height:150px;background-size:cover;background-position:center center;}
ul.g360_boxteaser li figure.g360_teaser_thumb {float:left;width:100% !important;}
ul.g360_boxteaser li .g360_teaser_content header {width:100%;display:block;}
ul.g360_boxteaser li .g360_teaser_content header * {margin:0;}
ul.g360_boxteaser li .g360_meta {display:block;font-size:.7em;}
ul.g360_boxteaser li .g360_teaser_content {float:left;width:100% !important;padding:10px;margin:0 !important;}
ul.g360_boxteaser li:hover figure.g360_teaser_thumb {opacity:.8;}


ul.optionlist {float:left;width:100%;list-style-type:none;margin:10px 0;border-radius: 5px;overflow:hidden;}
ul.optionlist li {cursor:pointer;position:relative;float:left;width:100%;overflow:hidden;padding:20px 50px 20px 20px;margin:0;border-bottom:1px solid rgba(0,0,0,.1);}
ul.optionlist li i {position:absolute;width:50px;height:50px;right:0;top:50%;margin-top:-25px;text-align:center;line-height:50px;}

/* Responsive Embed Video */
.g360_video-container {position:relative;padding:0 0 56.25% 0;height:0;margin:0;overflow:hidden;z-index:0;}
.g360_video-container iframe,
.g360_video-container object,  
.g360_video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;}




/* accordion */
#accordion {float:left;width:100%;margin:10px 0;text-align:left !important;}
#accordion h3 {float:left;width:100%;margin:0 0 2px 0;cursor:pointer;background:#fff;color:#333;padding:10px;}
#accordion .acc_tab_content {float:left;width:100%;margin:0;padding:1em;}

/* FB Plugin responsive */
.g360_fb-like-box, .g360_fb-like-box span, .g360_fb-like-box span iframe[style] { width: 100% !important; }

/* ############################################################################# */
/* ### Navigationen ############################################################ */
/* ############################################################################# */

/* Subnavigation / Widget-Navigation */
aside.g360_widget ul {float:left;width:100%;height:auto;list-style-type:none;}
aside.g360_widget ul li {float:left;width:100%;height:auto;} 
aside.g360_widget ul li a {float:left;width:100%;height:100%;padding:0.8em 0;display:block;text-decoration:none;color:#333;}
aside.g360_widget ul li a:hover {text-decoration:none;}

aside.g360_widget ul ul {}
aside.g360_widget ul ul li {float:left;width:100%;height:auto;border-bottom:1px solid rgba(0,0,0,.1);} 
aside.g360_widget ul ul li a {padding:10px 20px;}
aside.g360_widget ul ul li a:hover {background:rgba(255,255,255,.6);}

aside.g360_widget ul ul {float:left;width:100%;height:auto;list-style-type:none;font-size:.8em;}
aside.g360_widget ul ul li {float:left;width:100%;height:auto;border-bottom:1px solid #eee;} 
aside.g360_widget ul ul li a:hover {background:#f1f1f1;}

/* Breadcrumbs */
#breadcrumbs {float: left;width: 100%;padding:15px 0;margin: 0 0 10 0;border-bottom: 1px solid rgba(0,0,0,.1);font-size: 0.8em;}
.bcintro {float: left;width: auto;font-weight: bold;margin-right: 10px;color: #888;}
#g360_page_breadcrumbs {float: left;width: auto;list-style-type: none;padding: 0;margin: 0;}
#g360_page_breadcrumbs li {float:left;width: auto;padding: 0;margin: 0;}
#g360_page_breadcrumbs li:first-child{}
#g360_page_breadcrumbs li:last-child{color:#999;}
#g360_page_breadcrumbs li a,#breadcrumb li a:hover,#breadcrumb li a:visited {text-decoration: none;margin: 0;padding: 0 .5em 0 0;color: #888;}
#g360_page_breadcrumbs li a:after {content:" »";}

/* Footnavigation */
#g360_page_foot_navigation ul {float:left;width:100%;list-style-type:none;font-size:0.9em;}
#g360_page_foot_navigation ul li {float:left;width:25%;text-align:left;}
#g360_page_foot_navigation ul li a {float:left;padding:5px 0;text-decoration:none;color:#fff;font-weight:700;}
#g360_page_foot_navigation ul ul {width:100%;font-size:0.9em;}
#g360_page_foot_navigation ul ul li {width:100%;margin:0;}
#g360_page_foot_navigation ul ul li a {font-weight:400;}
#g360_page_foot_navigation ul ul ul {width:98%;font-size:0.9em;margin-left:2%;}
#g360_page_foot_navigation ul ul li {width:100%;}
#g360_page_foot_navigation ul ul li a {}
#g360_page_foot_navigation ul a:hover {text-decoration:underline;}

/* Navigation Currents & Co */
li.current-menu-item,li.rex-current,li.current,
li.active-menu-item,li.rex-active,li.active {text-decoration:underline;}



#appinfo {float:left;width:100%;padding:5px 10px;margin-top:10px;font-size:.7em;color:rgba(255,255,255,.2);}
#legal {float:left;width:100%;padding:5px 10px;font-size:.7em;color:rgba(255,255,255,.2);}



.quartal {display:block;float:left;width:100%;border:1px solid lightgray;}
.months {display:block;float:left;width:10%;}
.dates {display:block;float:left;width:20%;}
.table {display:block;float:left;width:60%;}
.actions {display:block;float:left;width:10%;}
.rowelement {display:block;float:left;width:100%;height:50px;line-height:50px;padding:0;display:-webkit-flex !important;display:-ms-flexbox !important;display:flex !important;-webkit-align-items:center;-ms-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;}

/* ############################################################################# */
/* ### TABLES ################################################################# */
/* ############################################################################ */

.table_wrap {float:left;width:auto;max-width:100%;overflow:auto;margin:40px 0;}
table {width:auto;text-align:left;margin:10px 0;}
table tr {float:none;width:100%;text-align:left;border-bottom:1px solid #dde9f4 !important;background-color:rgba(255,255,255,1);}
table td,table th {position:relative;float:none;width:auto;text-align:left;padding:1em;vertical-align: middle;font-size:1em;border-right:1px solid #dde9f4;}
table tr:nth-child(2n+2) {background-color:rgba(255,255,255,.5) !important;}
table th {float:none;width:auto;background:#282C35 !important;color:#fff;font-size:1em;}
table a {text-decoration:none;}
table td:last-child,table th:last-child {border-right:none;}


table.blanko {float:left;width:auto;text-align:left;margin:0;}
table.blanko tr {float:none;width:100%;text-align:left;border-bottom:none !important;}
table.blanko tr:nth-child(2n+2) {background:#f5f5f5 !important;}
table.blanko td,table th {float:none;width:auto;text-align:left;padding:.5em;vertical-align: middle;font-size:1em;border-right:none;}
table.blanko th {float:none;width:auto;background:#282C35 !important;color:#fff;font-size:1em;}
table.blanko a {text-decoration:none;}
table.blanko td:last-child,table.blanko th:last-child {border-right:none;}

.tdicon {float:left;width:100%;text-align:center;font-size:1.5em;}
.good {color:#7caf2b}
.bad {color:lightgray}



table.dragablerows {width:100%;text-align:left;margin:0;}
table.dragablerows tr {float:none;width:100%;text-align:left;border-bottom:none;}
table.dragablerows tr:nth-child(2n+2) {background:#f9f9f9;}
table.dragablerows td {float:none;width:auto;text-align:left;line-height:50px;padding:0 .5em;vertical-align: middle;font-size:1em;border-right:none;}
table.dragablerows td:first-child {padding-left:50px;}
table.dragablerows th {float:none;width:auto;background:#282C35 !important;color:#fff;font-size:1em;}
table.dragablerows a {text-decoration:none;}
table.dragablerows td:last-child,table.blanko th:last-child {border-right:none;}




.handle {position:absolute;left:0;top:0;bottom:0;width:50px;color:lightgray;
display:-webkit-flex !important;display:-ms-flexbox !important;display:flex !important;-webkit-align-items:center;-ms-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;}

/* ############################################################################# */
/* ### FORMS ################################################################## */
/* ############################################################################ */

/* g360 */
.g360_form .formrow {float:left;width:100%;margin:0.5em 0;}
.g360_form input,
.g360_form select,
.g360_form textarea {border:1px solid rgba(0,0,0,.2);padding:10px;width:100%;}
.g360_form input:focus,
.g360_form select:focus,
.g360_form textarea:focus {border:1px solid rgba(0,0,0,.3);background-color:rgba(0,0,0,0);}
.g360_form label {float:left;width:100%;padding:.5em 0;font-size:.8em;font-weight:bold;}
.g360_form label.checkbox {float:left;width:auto !important;padding:2px 0;margin:0 .5em !important;font-size:.8em;}
.g360_form label.radio {float:left;width:auto !important;padding:2px 0;margin:0 .5em !important;font-size:.8em;}
.g360_form {float:left;width:100%;margin:0;}
.g360_form fieldset {position:relative;float:left;width:100%;height:auto;margin:1em 0;padding:1em;border:1px solid rgba(0,0,0,.05);border-radius:5px;}
.g360_form legend {float:none;padding:.5em 1em;}
.ie .g360_form legend {position:absolute;top:-1em;z-index:99;}
.lte8 .g360_form legend {position:relative;margin-left:-1.5em;}
/* Input */
.g360_form input {float:left;}
.g360_form input:focus{outline:0;}
.g360_form input[disabled] {background:#fff;color:#999}
.ie6 .g360_form input {width:auto;vertical-align: text-bottom; }
/* Textarea */
.g360_form textarea {float:left;height:auto;}
.g360_form textarea:focus {outline:0;}
/* Checkbox */
.g360_form input[type=checkbox] {float:left;width:auto;clear:both;margin-top:2px;}
.ie7 .g360_form input[type="checkbox"] {width:95%;vertical-align:baseline;}
.g360_form label.checkbox {float:left;width:100%;height:auto;margin:0;font-size:0.7em;text-transform:uppercase;}
/* Radio */
.g360_form input[type="radio"] {float:left;width:auto;clear:both;margin-top:2px;}
.g360_form label.radio {float:left;width:auto;height:auto;}
/* Select */
.g360_form select {-webkit-appearance: none;-moz-appearance: none;appearance: none;background-image:url(img/down.png);background-position:right center;background-repeat:no-repeat;}
.g360_form select {float:left;width:auto;height:auto;padding:10px 50px 10px 10px;border-radius:0;}
.g360_form select:focus {outline:0;}
/* SendButton */
.g360_form input[type="submit"] {float:right;text-decoration:none;width:auto;font-size:1em;padding:1em 2em;font-weight:bold;}
.g360_form input[type="submit"]:hover {opacity:.8;}
/* Placeholder */
.g360_form ::-webkit-input-placeholder {color: gray;}
.g360_form :-moz-placeholder {color: gray;  }
.g360_form ::-moz-placeholder {color: gray;  }
.g360_form :-ms-input-placeholder {color: gray;}
.g360_form input:focus::-webkit-input-placeholder {color:lightgray;}
.g360_form input:focus:-moz-placeholder {color:lightgray;}
.g360_form input:focus::-moz-placeholder {color:lightgray;}
.g360_form input:focus:-ms-input-placeholder {color:lightgray;}

#errormessage {float:left;width:100%;padding:10px;border-radius:5px;margin-bottom:5px;display:none;}
#successmessage {float:left;width:100%;padding:10px;border-radius:5px;margin-bottom:5px;display:none;}
/* yform */

.yform {float:left;width:100%;margin:0;}
.yform fieldset {position:relative;float:left;width:100%;height:auto;margin:1em 0;padding:1em;}
.yform legend {float:none;padding:1em;}
.form-group {float:left;width:100%;margin:0.5em 0;}
.form-group label {float:left;width:20%;padding:5px;font-size:.8em;}
/* Input */
.yform .input-group {float:left;width:80%;}
.yform input,
.yform textarea {float:left;width:80%;}
.yform .input-group input,
.yform .input-group textarea {float:left;width:100%;}
.yform input {float:left;border:1px solid rgba(0,0,0,.2);padding:1em;}
.yform input:focus{outline:0;}
.yform input[disabled] {background:#fff;color:#999}
/* Textarea */
.yform textarea {float:left;padding:1em;border:1px solid rgba(0,0,0,.2);}
.yform textarea:focus {outline:0;}
/* Checkbox */
.yform input[type=checkbox] {float:left;width:auto;clear:right;margin-top:2px;}
.ie7 .yform input[type="checkbox"] {width:95%;vertical-align:baseline;}
.yform label.checkbox {float:left;width:100%;height:auto;margin:0;font-size:0.7em;text-transform:uppercase;}
/* Radio */
.yform input[type="radio"] {float:left;width:auto;clear:right;margin-top:2px;}
.yform label.radio {float:left;width:auto;height:auto;}
/* Select */
.yform select {float:left;width:auto;height:auto;border:1px solid rgba(0,0,0,.2);}
.yform select:focus {outline:0;}
/* SendButton */
.yform button {float:right;text-decoration:none;width:auto;padding:.5em;}
.yform button:hover {opacity:.8;text-decoration:none;border:0;cursor:pointer;}


/* pagesearch */
#searchtrigger {float: left;width: 80px;height: 80px;line-height: 80px;left: 60px;text-align: center;color: #333;cursor: pointer;}
#pagesearch {position: relative;float: left;width: 100%;height: 50px;z-index: 0;margin-top: -50px;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
#pagesearch.open {margin-top: 0;}
.g360_mobiledevice #searchtrigger {position:absolute;width:80px;height:80px;line-height:80px;left:50px;}

#search {float:left;width:100%;max-width:600px;margin:10px 0;padding:0 10px;}
#search input {float:left;width:80%;padding:0 .5em;line-height:30px;font-size:.8em;background:rgba(255,255,255,.5);}
#search input:focus {outline:0;background:rgba(255,255,255,1);}
#search input[type=submit] {float:left;width:20%;line-height:30px;font-size:.8em;}
#search input[type=submit] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } 

/* ################################################################################# */
/* ### WEEKTIP ##################################################################### */
/* ################################################################################# */

#weektip {position:relative;float:left;width:100%;height:auto;min-height:100px;padding:10px;margin:0 0 10px 0;border:1px solid rgba(0,0,0,.1);overflow:hidden;border-radius:5px;box-shadow:1px 1px 1px rgba(0,0,0,.2);}
#figholder,#tipholder {float:left;width:50%;}
#tiptext {float:left;width:100%;padding:10px 20px}
#tipfig {float:left;width:100%;padding:10px 0;}

/* ################################################################################# */
/* ### TIMELINE #################################################################### */
/* ################################################################################# */

ul#timeline {float:left;width:100%;max-width:800px;list-style-type:none;}
ul#timeline li {position:relative;float:left;padding:0;margin:10px 0;border:1px solid rgba(0,0,0,.1);overflow:hidden;border-radius:5px;box-shadow:1px 1px 1px rgba(0,0,0,.2);}
ul#timeline li a {float:left;display:block;width:100%;height:auto;text-decoration:none;}
ul#timeline li figure.g360_teaser_thumb {float:left;width:100%;height:auto;background-size:cover;background-position:center center;}
ul#timeline li figure.g360_teaser_thumb img {float:left;width:100%;height:auto;padding:0;margin:0;}
ul#timeline li .g360_teaser_content header {width:100%;display:block;}
ul#timeline li .g360_teaser_content header * {margin:0;}
ul#timeline li .g360_meta {display:block;font-size:.7em;}
ul#timeline li .g360_teaser_content {float:left;width:100% !important;padding:20px;margin:0 !important;}

ul#timeline .trainer_quote {position:relative;float:left;width:100%;border:1px solid rgba(0,0,0,.1);height:auto;padding:10px;border-radius:5px;font-size:.8em;font-style:italic;}
ul#timeline .quoteintro {font-weight:bold;margin-right:.5em;}

ul#timeline .actionbar {position:relative;float:left;width:100%;border-top:1px solid rgba(0,0,0,.1);height:70px;padding:10px;}

.actionbtn {cursor:pointer;position:relative;float:left;width:40px;height:40px;line-height:40px;padding:0;margin:0 5px;text-align:center;border-radius:100%;border:1px solid rgba(0,0,0,.1);
-webkit-transition: background-color .2s ease-out;
  -moz-transition: background-color .2s ease-out;
  -o-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out;
}
.btn_sub {position:absolute;text-align:center;line-height:15px;width:auto;min-width:50px;height:15px;bottom:-15px;left:-5px;color:gray !important;font-size:.5em;padding-top:2.5px;}

.actionbtn_set1 {position:absolute;left:10px;top:10px;}
.actionbtn_set2 {position:absolute;right:10px;top:10px;}

.actionbtn.act_done {background-color:lightgray;color:white;}
.actionbtn.act_pin {background-color:lightgray;color:white;}
.actionbtn.act_dislike {background-color:lightgray;color:white;}
.actionbtn.act_like {background-color:lightgray;color:white;}

.actionbtn.act_done.active,
.actionbtn.act_done:hover {background-color:#4F7ABE;color:white;}
.actionbtn.act_pin.active,
.actionbtn.act_pin:hover {background-color:#D39319;color:white;}
.actionbtn.act_dislike.active,
.actionbtn.act_dislike:hover {background-color:#BD3133;color:white;}
.actionbtn.act_like.active,
.actionbtn.act_like:hover {background-color:#53AA4F;color:white;}

.actionbtn.progress,
.actionbtn.progress:hover {background-color:lightgray !important;color:white;opacity:.2;}

/* Responsive Embed Video */
.g360_video-container {position:relative;padding:0 0 56.25% 0;height:0;margin:0;overflow:hidden;z-index:0;width:100%;}
.g360_video-container iframe,
.g360_video-container object,  
.g360_video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;}



#legalbox {position:fixed;bottom:0;right:0;width:auto;padding:7px;font-size:.7em;background-color:rgba(255,255,255,.8);color:black;z-index:9999;}
#legalbox a {text-decoration:none;color:black;}

/* ################################################################################# */
/* ### STYLES ############################################################### */
/* ################################################################################# */

/* Selection */
::selection {background:#1b3248; color:#fff;}
::-moz-selection {background:#1b3248; color:#fff;}

/* Fancy */
.shadowed {-moz-box-shadow:3px 3px 0 rgba(0,0,0,.1);-webkit-box-shadow:3px 3px 0 rgba(0,0,0,.1);-o-box-shadow:3px 3px 0 rgba(0,0,0,.1);-ms-box-shadow:3px 3px 0 rgba(0,0,0,.1);box-shadow:3px 3px 0 rgba(0,0,0,.1);}
.rounded {-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px;}

/* Custom colors*/
/* Page Hintergrund */
.cbcpagebg {background-color:#FAFAFA;}
/* generelle Schmuckfarbe */
.cbcstyle {background-color:#1b3248 !important;color:#fff;}
.cbcstyle a {color:#fff;}
.g360_button.cbcstyle {color:#fff;}
/* Header */
.cbcheader {background-color:#fefefe !important;color:#888 !important;border-bottom:1px solid rgba(0,0,0,.1);} /* 546476 */
.cbcheader a {color:#888 !important;}
/* Footer */
.cbcfooter {background-color:#111 !important;color:#fff !important;}
.cbcfooter a {color:#fff !important;}
/* Tabs */
.cbctab {background-color:#C12737 !important;color:#fff !important;}
.cbctab a {color:#fff !important;}
.cbctab.active {background-color:#ddd !important;color:#888 !important;}
/* Menue Offcanvas */
.cbcoffcanvas {background-color:#222 !important;color:#fff !important;}
.cbcoffcanvas a {color:#fff;}
/* Menue Dropdown */
.cbcdropdown {background-color:#222 !important;color:#fff !important;}
.cbcdropdown a {color:#fff;}
/* Menue Offcanvas Trigger*/
.cbcmenuetrigger {background-color:white;}
.triggerbar {background-color:#222;}
/* Searchtrigger Trigger*/
.cbcsearchtrigger {background-color:#eee !important;color:#333 !important;}
/* Basic Colors */
.cbclight {background-color:#EFF2F5;color:#333;}
.cbclight a {color:#333}
.g360_button.cbclight {color:#333}

.cbcgray {background-color:#666 !important;color:#fff;}
.g360_button.cbcgray {color:#222 !important;}

.cbcdark {background-color:#192433 !important;color:#fff;}
.cbcdark  a {color:#fff !important;}
.g360_button.cbcdark {color:#fff !important;}

.cbclightdark {background-color:#203246 !important;color:#fff;}
.cbclightdark  a {color:#fff !important;}
.g360_button.cbclightdark {color:#fff !important;}


.cbcblack {background-color:#111 !important;color:#fff;}
.cbcblack a {color:#fff !important;}
.g360_button.cbcblack {color:#fff !important;}

.cbcwhite {background-color:#fff !important;}
.cbcwhite a {color:#333 !important;}
.g360_button.cbcwhite {color:#333 !important;}

.cbcred {background-color:#d7474a !important;color:#fff !important;}
.cbcred a {color:#fff !important;}
.g360_button.cbcred {color:#fff !important;}

.cbcgreen {background-color:#31952C !important;color:#fff !important;}
.cbcgreen a {color:#fff !important;}
.g360_button.cbcgreen {color:#fff !important;}

.btn_small {float:left;width:40px;height:40px;line-height:40px;text-align:center;margin-right:5px;border:1px solid rgba(0,0,0,.1);border-radius:5px;background-color:gray;cursor:pointer;opacity:.8;
-webkit-transition: opacity .3s;
-moz-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s;}
.btn_small:hover {opacity:1;}
.btn_small i {color:white;text-shadow:1px 1px .5px rgba(0,0,0,.2);font-size:1.3em;line-height:40px;}
.delete {background-color:#d7474a;color:white !important;}
.view {background-color:#478cc6;color:white !important;}
.edit {background-color:#709e54;color:white !important;}
.copy {background-color:#be8c35;color:white !important;}
.export {background-color:#ac50ab;color:white !important;}
.safe {background-color:#63a43c;color:white !important;}
.stats {background-color:#4B40C1;color:white !important;}
.demo {background-color:rgba(255,255,255,.5);color:rgba(0,0,0,.3) !important;border:1px solid lightgray;}

/* ################################################################################# */
/* ### Media queries ############################################################### */
/* ################################################################################# */

/* Normal Screen */
@media screen and (max-width: 2500px) {
	
	.navopen figure#logo {width:15%;} 
	.navopen figure#hamburger {left:15%;} 
	#navi {width:15%;} 
	.navopen #page {left:15%;width:85%;} 
	.navopen .modal {left:15%;width:85%;} 



}

@media screen and (max-width: 1800px) {
	
	.navopen figure#logo {width:20%;} 
	.navopen figure#hamburger {left:20%;} 
	#navi {width:20%;} 
	.navopen #page {left:20%;width:80%;} 
	.navopen .modal {left:20%;width:80%;} 
	
	
	/* multi-admins companyswitch */
	.navopen #companyswitch {left:calc(20% + 50px);}

	
	.wfull {width:99%;}
	.whalf {width:49%;}
	.wthird {width:32%;}
	.wquarter {width:32%;}
	.wfifth {width:32%;}

}

/* iPad, Landscape 1024x768 */
@media screen and (max-width: 1100px) {	
	
	.navopen figure#logo {width:30%;} 
	.navopen figure#hamburger {left:30%;} 
	#navi {width:30%;} 
	.navopen #page {left:30%;width:70%;} 
	.navopen .modal {left:30%;width:70%;} 
	
	.wfull {width:99%;}
	.whalf {width:49%;}
	.wthird {width:49%;}
	.wquarter {width:49%;}
	.wfifth {width:49%;}

}

/* iPad, Portrait 768x1024 */
@media screen and (max-width: 812px) {
	
	figure#hamburger {display:block;}
		
	#content {padding:10px;max-width:100%;}
	
	#navi {width:50vw;}
	#navi #mainnav {position:relative;width:100%;max-width:100%;}
	#page {left:0;width:100%;padding:0;}
	
	.navopen #page {left:50vw;width:100%;}
	.navopen figure#logo {width:50vw;}
	.navopen figure#hamburger {left:50vw;}
	
	.wfull {width:99%;}
	.whalf {width:99%;}
	.wthird {width:99%;}
	.wquarter {width:99%;}
	.wfifth {width:99%;}
	
	#weektip {min-height:0;}
	#figholder,#tipholder {float:left;width:100%;}


}

/* iPhone, Landscape 480x320 */
@media screen and (max-width: 500px) {
	
	
	#navi {width:50vw;}
	#navi #mainnav {position:relative;width:100%;max-width:100%;}
	
	#mainnav ul li i {margin:0 .5em;font-size:1em;}
	
	.navopen #page {left:50vw;width:100%;}
	.navopen figure#logo {width:50vw;}
	.navopen figure#hamburger {left:50vw;}
	
	.navopen #user {display:none;}

}

/* iPhone, Portrait 320x480 */
@media screen and (max-width: 350px) {


}