#mybyte_media_cookiehinweis {
	line-height: 125%;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid;
    bottom: 0;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);
    color: #484848;
    font-size: 12px;
    line-height: 125%;
    margin: 20px;
    padding: 10px;
    position: fixed;
    width: 200px;
    z-index: 999999;
	right: 0;
	display: none;
}

#mybyte_media_cookiesettings {
	line-height: 125%;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid;
    bottom: 0;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);
    color: #484848;
    font-size: 10px;
    line-height: 125%;
    margin: 10px;
    padding: 10px;
    position: fixed;
    z-index: 999999;
	right: 0;
	display: none;
	cursor: pointer;
}

#mybyte_media_cookiehinweis_close {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    padding: 10px;
	margin: 0;
    text-align: center;
}

#mybyte_media_cookiehinweis_save {
    background: #dedede none repeat scroll 0 0;
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 14px;
    padding: 10px;
    margin: 0;
	margin-top: 10px;
    text-align: center;
}

#mybyte_media_cookiehinweis_mehrinfos {
	text-decoration: underline;
}


/*.site-header .header-image {
    vertical-align: middle;
}*/


.vc_gitem-animated-block {
    max-height: 50vw !important;
}



.menu-item-has-children .dropdown-menu-toggle
{
  height: auto;
}


.hide {
  display:none;
}

.kurseitems {
  margin-top:-32px;
}

@media screen and (max-width:768px) {
  
 .kurseitems {
  margin-top:-32px;
  }
  .lastitem {
    margin-bottom: -48px !important;
  } 
  .lastrow {
    margin-bottom: -128px;
  }
}

/* Accordion */

/*.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {
    color: #fff;
}*/

.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title > a {
    /*background: #fff !important;*/
    display: block;
    padding: 14px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    color: #fff;
    position: relative;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Schriftgroessen */
/*.menu .sf-menu {
   hyphens: none !important;
}*/
.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-square.vc_btn3-style-flat.vc_btn3-color-grey {
  min-width:150px !important;
}
.footer-widgets.widget-title {
  color: #ffffff !important;
}

.widget .inner-padding .widget_nav_menu {
  color:#ffffff ;
}
.footer-widgets.widget:last-child, .sidebar.widget:last-child {
    margin-bottom: 0;
    color:#fff !important;
  /*background-color: #233b51 !important;*/
}
body, html,* {
   hyphens: none !important;
}
#menu-hauptmenue, #primary-menu, .main-nav, #menu-hauptmenue ul li {
  hyphens: none !important;
}
.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-item.page_item.page-item-355.current_page_item.menu-item-362{
 
  hyphens: none !important;
}

body,input,textarea,select,button{
  hyphens: none !important;
  font-size: calc(15px + (18 - 15) * ((100vw - 300px) / (2000 - 300)));
}

h1{font-size:2.5em;}
h2{font-size:2em;}
h3{font-size:1.5em;}
h4{font-size:1.125em;}
p, label{font-size: 1em;}
.vc_gitem-post-data-source-post_title h3{font-size:1em !important;
hyphens: none !important;}
.main-navigation .main-nav .menu li a{font-size: 0.9em !important;}
.main-navigation .main-nav .menu .sub-menu li a{font-size: 0.8em !important;
hyphens: none !important;}
.top-bar, .site-info, .nf-form-fields-required {font-size: 0.875em;
hyphens: none !important;}
.vc_pie_chart .vc_pie_chart_value {font-size: 1.8em;}
.footer-widgets .widget, .sidebar .widget {font-size: 1.125em;
hyphens: none !important;}

@media screen and (max-width: 64em){
  
 
  
  
  
  
  
  
	h1{font-size:2.250em;}
	h2{font-size:1.875em;}
	h3{font-size:1.250em;}
	h4{font-size:1.125em;}
	p, label{font-size: 1em;}
	.vc_gitem-post-data-source-post_title h3{font-size:1em !important;}
	.main-navigation .main-nav .menu li a{font-size: 1em;}
	.main-navigation .main-nav .menu .sub-menu li a{font-size: 1em;}
	.top-bar, .site-info, .nf-form-fields-required {font-size: 0.875em;}
	.vc_pie_chart .vc_pie_chart_value {font-size: 1.875em;}
	.footer-widgets .widget, .sidebar .widget {font-size: 1.063em;}
}


/* Standard Überschriften */
h1, h2, h3, h4, h5, h6,
.widget-title{
  
	font-weight: 700;
	color: #1b3b53;
}

h4{
	font-style: italic;
}

ol, ul{
	margin: 0 0 1.5em 1.5em;
}


.site-header
{
border-top: 4px solid #1b3b53;
background: #fff;
  /*pointer-events: none;*/
}

.main-navigation{
  border-top: 1px solid #6888a0;
  border-bottom: 1px solid #6888a0;
}

.vc_row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.zaehler-size {
  font-size:85% !important;
}

.start-row{
	background-color: #1b3b53;
}

.arbeitsschutz{
	background-color: #e6e6e6;
}

.arbeitsschutz h2{
	margin-bottom: 40px !important;
}

.start-row .wpb_images_carousel{
	margin-bottom: 0;
}

.start-text{
	color: #fff;
}

.start-text p, .start-text h2, .start-text h3, .start-text h4{
	color: #fff;
}

.was-uns-ausmacht{
	background-color: #6888a0;
	color: #fff;
}

.was-uns-ausmacht h2, .was-uns-ausmacht h3{
	color: #fff;
}


.flansch-tt{
  background-color: #1b3b53;
}

.flansch-tt .wpb_text_column h2,
.flansch-tt .wpb_text_column p,
.flansch-tt .wpb_text_column ul{
    color: #fff;
}

.flansch-tt .wpb_text_column p,
.flansch-tt .wpb_text_column ul{
  font-size:18px;
}

.flansch-image {

}

.flanschteaser {
  
  padding:20px 20px 20px 20px;
  color: #fff !important;
  background-color: #233b51 !important;
  border-radius: 10px !important;
  border: 4px #465464 !important;
  height: 25vh;
}



.flansch-list ul {
  list-style:none;
  list-style: circle outside /*url("sqpurple.gif")*/;
  
}

.flanschbutton {

}

.image-flansch {
  
  height:336px !important;
}
.flansch-image {
  
  height:320px !important;
}

/* Archiv Blogbeitraege */

.archive .page-header{
  margin-bottom: 2em;
}

.archive h2.entry-title {
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
  font-size: 1.25em;
}


/* Akademie Seite */

.kurse-uebersicht .vc_column-inner > .wpb_wrapper {
  background-color: #efefef;
  display:inline-block;
}

.kurse-uebersicht .vc_column-inner > .wpb_wrapper .wpb_text_column{
  padding: 0 15px;
}


/* Anpassung Navigation oben
----------------------------------------------*/

.main-navigation{
	background-color: #ffffff;
}

button.menu-toggle{
	background-color: #1b3b53 !important;
	color: #ffffff
}

button.menu-toggle:hover{
	background-color: #1b3b53 !important; 
	color: #ffffff;
	opacity: 0.8;
}

.main-navigation .main-nav .menu {
	background-color: #ffffff;
}

.main-navigation .main-nav .menu .sub-menu{
	background-color: #6888a0;
	width: 240px;
}

.main-navigation .main-nav .menu  li{

}

.main-navigation .main-nav .menu .sub-menu  li{

}

.main-navigation .main-nav .menu li a{
	padding: 0 40px;
	line-height: 60px;
	color: #1b3b53;
    font-weight: 700;
    text-transform: uppercase;
}

.main-navigation .main-nav .menu li.menu-item-has-children > a {
    padding-right: 40px;
    position: relative;
}

.menu-item-has-children .dropdown-menu-toggle{
  padding-right: 0;
}

.main-navigation .main-nav .menu .sub-menu li a{
	padding: 0 20px;
	line-height: 40px;
	color: #ffffff;
	font-weight: 700;
	text-transform: none;
}

.main-navigation .main-nav .menu li:hover > a,
.main-navigation .main-nav .menu li:focus > a,
.main-navigation .main-nav .menu li.sfHover > a{
    background-color: #ffffff;
    color: #6888a0;
}

.main-navigation .main-nav .menu li[class*="current-menu-"] > a:hover, 
.main-navigation .main-nav .menu li[class*="current-menu-"] > a ,
.main-navigation .main-nav .menu li.sfHover[class*="current-menu-"] > a{
	background-color: #ffffff;
    color: #1b3b53;
}

.main-navigation .main-nav .menu .sub-menu > li:hover > a,
.main-navigation .main-nav .menu .sub-menu > li:focus > a,
.main-navigation .main-nav .menu .sub-menu > li.sfHover > a {
    background-color: #ffffff;
    color: #1b3b53;
	opacity: 0.7;
}

.main-navigation .main-nav .menu li[class*="current-menu-"] > a:hover ,
.main-navigation .main-nav .menu .sub-menu li[class*="current-menu-"] > a ,
.main-navigation .main-nav .menu .sub-menu li.sfHover[class*="current-menu-"] > a {
	background-color: transparent;
    color: #1b3b53;
	opacity: 1;
}

@media screen and (max-width: 768px){
	.main-navigation .main-nav .menu{
		background-color: #ffffff;
	}
	.main-navigation .main-nav .menu .sub-menu{
		width: 100% !important;
		background-color: #ffffff;
	}
	.main-navigation .main-nav  .menu li{
		border-bottom: 1px solid #1b3b53;
		width: auto !important;
	}
	.main-navigation .main-nav  .menu .sub-menu li{
		border-bottom: 1px solid #1b3b53;
	}
	.main-navigation .main-nav .menu li a {
		padding: 0 40px;
		line-height: 60px;
		color: #1b3b53;
		font-weight: 700;
		text-transform: uppercase;
	}
	.main-navigation .main-nav .menu .sub-menu li a {
		padding: 0 40px 0 60px;
		line-height: 60px;
		color: #1b3b53;
		font-weight: 700;
		text-transform: none;
	}
	.main-navigation .main-nav .menu li:hover > a,
	.main-navigation .main-nav .menu li:focus > a,
	.main-navigation .main-nav .menu li.sfHover > a ,
	.main-navigation .main-nav .menu li[class*="current-menu-"] > a ,
	.main-navigation .main-nav .menu li[class*="current-menu-"] > a:hover,
	.main-navigation .main-nav .menu li.sfHover[class*="current-menu-"] > a {
		background-color: #1b3b53;
		color: #ffffff;
		opacity: 0.7;
}

	.main-navigation .main-nav .menu .sub-menu > li:hover > a,
	.main-navigation .main-nav .menu .sub-menu > li:focus > a,
	.main-navigation .main-nav .menu .sub-menu > li.sfHover > a {
		background-color: #1b3b53;
		color: #ffffff;
		opacity: 0.7;
}

}

.footer-widgets .widget_nav_menu ul li:before {    
	font-family: 'FontAwesome';
	content: '\f0da';
	margin:0 7px 0 -15px;
	/*color: #fff;*/
}



.footer-widgets .widget_nav_menu ul li{
	margin-left: 16px;
  color: #fff !important;
}


/* Standard - Button Farbe (Voreinstellung Grey) */ 

button, html input[type="button"],
input[type="reset"],
input[type="submit"],
a.button,
a.button:visited,
.vc_btn3.vc_btn3-color-grey,
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat{
	font-weight: 700;
	color: #1b3b53;
    border-color: #1b3b53;
    background-color: #ffffff;
}

/* Standard - Hover-Button Farbe (Voreinstellung Grey) */ 

button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a.button:hover,
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
a.button:focus,
button:active,
html input[type=button]:active,
input[type=reset]:active,
input[type=submit]:active,
.vc_btn3:focus,
.vc_btn3:hover,
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat:focus,
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat:hover,
.vc_btn3.vc_btn3-color-grey:focus,
.vc_btn3.vc_btn3-color-grey:hover {
	color: #ffffff !important;
	border-color: #6888a0;
	background-color: #6888a0;
}

/* Standard Kopf- und Fußzeile */
.top-bar,
.site-info {
	background-color: #1b3b53;
	color: #ffffff;
	font-weight: 400;
}

.site-info a,
.footer-bar .widget_nav_menu .current-menu-item a,
.footer-widgets a,
.footer-widgets .widget-title
 {
    color: #fff;
}

.top-bar a:hover,
.site-info a:hover,
.footer-widgets a:hover
{
	color: #fff !important;
	opacity: 0.7;
}

.footer-widgets a
{
	color: #fff !important;
	opacity: 0.7;
}

.site-info{
	border-top: 1px solid #6888a0;
}

/* Standard Hintergrund Widget-Bereich */
.footer-widgets {
	background-color: #1b3b53;
	color: #ffffff;
}

.vc_column_container {
	margin-bottom: 1.5em;
}

.start-row .vc_column_container{
	margin-bottom: -6px !important;
}

.start-row .wpb_content_element{
	margin-bottom: 0 !important;
}

.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-grey .vc_icon_element-icon
{
	color: #1b3b53;
}

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li {
    margin-bottom: 1.5em;
}

.vc_icon_element{
	margin-bottom: 0;
}

div:not(.entry-content) .widget ul li {
    padding-bottom: 0px;
}

.sm-icons .vc_icon_element {
    float: left;
	display: inline-block;
}

.sm-icons .vc_empty_space{
	clear: both;
	display: block;
	float: none;
}

.sm-icons .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {
    text-align: center;
    display: inline-block;
    border: 0px solid transparent;
    width: 2em;
    height: 2em;
    box-sizing: content-box;
    position: relative;
}
.sm-icons .vc_icon_element{
	padding-right: 20px;
}

@media screen and (max-width: 768px){
	.vc_custom_1536675495165 {
		border-right-width: 0 !important;
	}
	.vc_custom_1536677368678 {
		border-left-width: 0 !important;
	}
}


/* Call to Action Erstgespraech */

#custom_html-4{
  position: fixed !important;
  top:80% !important;
  transform:translateY(-80%);
  display:block;
  right:-160px;
  width: auto;
  max-width: 160px;
  background-color: #b3504d;
  text-align:left;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-box-shadow: -2px 2px 12px -3px rgba(0,0,0,0.5);
  -moz-box-shadow: -2px 2px 12px -3px rgba(0,0,0,0.5);
  box-shadow: -2px 2px 12px -3px rgba(0,0,0,0.5);
  z-index: 9999999;
  opacity: 0.75;
  transition: transform .25s .1s ease-in-out;
}

.right-in #custom_html-4{
   transform: translate3d(-160px, -80%, 0);
}

#custom_html-4:hover,
#custom_html-4:focus{
  opacity: 1;
}

#custom_html-4 .custom-html-widget {
    padding: 20px;
}

#custom_html-4 i{
  display:block;
  margin-bottom: 8px;
}

#custom_html-4 .erstgespraech-button{
  border-bottom: none;
  font-size: 1.25em;
}

#custom_html-4 .erstgespraech-button:hover,
#custom_html-4 .erstgespraech-button:focus{
  color: #fff;
  opacity:1;
}



/* Anpassung Ninja Kontaktformular 
----------------------------------*/

.nf-form-fields-required{
	margin-bottom: 20px;
}

.nf-field-label{
	margin-bottom: 2px !important;
}

.nf-field-label label{
	font-weight: 700;
}

.nf-row{
	margin: 0 -5px;
}


@media screen and (max-width: 768px){
	.inside-header{
		padding: 40px 20px !important;
	}
	.footer-widgets{
		padding: 20px 15px !important;
	}
	.site-info{
		padding: 20px 15px !important;
	}
}

@media screen and (max-width: 480px){
	.inside-header{
		padding: 40px 15px !important;
	}
}