
#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;
}

.footer-widgets .widget :last-child, .sidebar .widget :last-child {
    white-space: nowrap !important;
}


.site-info a {
    color: #ffffff !important;
}
.sidebar a:visited {
    color: #FFFFFF !important;*/
}




body,html{
  overflow-x:hidden;
}

/* Typografie */

body,input,select,textarea,button{
  font-family: acumin-pro-semi-condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
}

h1,h2,h3,h4,h5,h6,.widget-title,.entry-title{
  font-family: acumin-pro-condensed, sans-serif;
  font-weight: 800;
  font-style: italic;
  text-transform:uppercase;
  letter-spacing: 0.01em;
}

a,a:visited{
  color:#651f75;

}

a:hover, a:focus{
  color: #000;
}

ul,ol{
  margin: 0 0 1.5em 1.3em;
}

.main-navigation .main-nav ul li a,
.menu-toggle{
  font-family: acumin-pro-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
  text-transform:uppercase;
  letter-spacing: 0.05em;
}

.navigation-branding .main-title,
.main-title{
  font-family: aglet-slab, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 30px;
  line-height: 60px;
}

.mobile-header-navigation .main-title{
  font-family: aglet-slab, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 60px;
}

.mobile-header-navigation .main-title a {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    text-transform: unset;
}

.main-navigation a,
.menu-toggle{
  font-size: 18px;
}

.main-navigation .sm-icon a .fa::before{
    font-size: 24px;
}

h1{
  font-size: 48px;
}

h2{
  font-size: 36px;
}

h3{
  font-size: 24px;
}

h4{
  font-size: 20px;
}


/* Farben festlegen */

h1,h2,
.main-title a, .main-title a:hover, .main-title a:visited,
.menu-toggle,
.main-navigation .main-nav ul li a{
  color: #651f75
}

.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li:focus > a,
.main-navigation .main-nav ul li.sfHover > a,
.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li:focus > a,
.main-navigation .main-nav ul li.sfHover > a,
button.menu-toggle:hover,
button.menu-toggle:focus,
.main-navigation .mobile-bar-items a,
.main-navigation .mobile-bar-items a:hover,
.main-navigation .mobile-bar-items a:focus{
  color: #000;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a,
.main-navigation .main-nav ul li[class*="current-menu-"] > a:hover,
.main-navigation .main-nav ul li[class*="current-menu-"].sfHover > a{
  color: #000;
}

.bg-grau{
  background-color: #efefef;
}

.site-info{
  background-color: #651f75;
}


/* Seitenlogo */

.site-branding-container .site-logo{
  margin: 10px 15px 10px 0;
}


/* Navigation oben */

@media(max-width:1059px){
  .main-navigation .main-nav ul .sm-icon{display:none;}
}

@media(min-width:901px){
  .main-navigation .main-nav ul li:not(.sm-icon){margin-left: 20px;margin-right: 20px;}
}

@media(min-width:768px) and (max-width: 900px){
  .main-navigation .main-nav ul li:not(.sm-icon){margin-left: 15px;margin-right: 15px;}
  .main-navigation .main-nav ul li:not(.sm-icon) a{font-size:16px;}
}

@media(min-width: 768px){
  .main-navigation .main-nav ul li:not(.sm-icon){
    margin-top: 15px;
    margin-bottom: 14px;
  }
  .main-navigation .main-nav ul li:not(.sm-icon) a{
    padding-left:0;
    padding-right:0;
    line-height: 1.5;
    border-bottom: 2px solid transparent;
  }
  .main-navigation .main-nav ul li:not(.sm-icon):hover > a,
  .main-navigation .main-nav ul li:not(.sm-icon):focus > a,
  .main-navigation .main-nav ul li:not(.sm-icon).sfHover > a,
  .main-navigation .main-nav ul li:not(.sm-icon):hover > a,
  .main-navigation .main-nav ul li:not(.sm-icon):focus > a,
  .main-navigation .main-nav ul li:not(.sm-icon).sfHover > a,
  .main-navigation .main-nav ul li[class*="current-menu-"]:not(.sm-icon) > a,
  .main-navigation .main-nav ul li[class*="current-menu-"]:not(.sm-icon) > a:hover,
  .main-navigation .main-nav ul li[class*="current-menu-"]:not(.sm-icon).sfHover > a{
    border-bottom: 2px solid #000;
  }
}

/* Anpassungen Headerbild */

.page-hero{
  overflow:hidden;
}

.header-startseite{
  height: calc(50vh - 60px);
}

.header-unterseiten{
  height: 340px;
}

/*
@media(min-width:768px) and (orientation:landscape){
  .header-startseite{height: calc(50vh - 60px);}
  .header-unterseiten{height: 40vh}
}

@media(min-width:768px) and (orientation:portrait){
  .header-startseite{height: calc(50vh - 60px);}
  .header-unterseiten{height: 340px;}
}

@media(max-width:767px) and (orientation:landscape){
  .header-startseite{height: calc(100vh - 60px);}
  .header-unterseiten{height: calc(100vh - 60px);}
}

@media(max-width:767px) and (orientation:portrait){
  .header-unterseiten{height: 340px;}
}
*/

.page-hero .inside-page-hero{
  width: 100%;
  height: 100%;
  position:relative;
}

@media(min-width:880px){
.header-startseite .inside-page-hero video{
  width: 150%;
  min-height: 100%;
  object-fit: cover;
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translate(-45%,-50%);
}
}

@media(max-width:879px){
.header-startseite .inside-page-hero video{
  width: 150%;
  min-height: 100%;
  object-fit: cover;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-45%);
}
}

@media(min-width:769px){
.header-startseite .inside-page-hero .textbox{
  position:absolute;
  top: 50%;
  left: 40px;
  transform: translateY(-50%);
  z-index:2;
  background-color: rgba(0,0,0,0.5);
  padding: 25px 25px 0;
  width: 100%;
  max-width: 360px;
}
}

.header-unterseiten .inside-page-hero h1{
  position:absolute;
  bottom: 30px;
  font-size: 4em;
  line-height: 1;
  z-index:2;
}

@media(max-width: 768px) {
  .header-startseite .inside-page-hero video,
  .header-startseite .inside-page-hero .textbox {display: none !important;}
}




/* Inhalte */

.liste-aufzaehlung ul{
  list-style:none;
  margin:0;
  padding:0;
}

.liste-aufzaehlung li{
  font-size: 20px;
  line-height: 50px;
  padding-bottom: 12px;
}

.liste-aufzaehlung li:before{
  line-height: 50px;
  font-weight: 700;
  width: 50px;
  height: 50px;
  display:inline-block;
  margin-right: 12px;
  text-align:center;
  border: 3px solid #651f75;
  border-radius: 50%;
}

.liste-aufzaehlung li:first-child::before{
    content: '1';
}

.liste-aufzaehlung li:nth-child(2)::before{
    content: '2';
}

.liste-aufzaehlung li:nth-child(3)::before{
    content: '3';
}

.liste-aufzaehlung li:nth-child(4)::before{
    content: '4';
}

.liste-aufzaehlung li:last-child::before{
    content: '5';
}

.entry-content > .vc_row{
  padding:3em 0 2em;
}

.vortraege-titelzeile{
  font-size: 2em;
  border-bottom: 4px solid #651f75;
}

.vortraege-zeile .vc_column-inner > .wpb_wrapper{
  background-color: #651f75;
  color: #fff;
  padding: 2em 0 1em 0;
  border-radius: 6px;
}

.vortragzahl p{
  background-color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  line-height: 50px;
  font-size: 25px;
  display:block;
  margin: 0 auto;
  color: #651f75;
  font-weight: 700;
}

.kennzahlen .counter{
  margin-bottom: 10px !important;
}

.kennzahlen .vc_column-inner > .wpb_wrapper{
  border: 2px solid #ddd;
  padding-top: 20px;
  border-radius: 2em;
}


/* Call to Action Webinare */

#custom_html-2{
  position: fixed !important;
  top:50% !important;
  transform:translateY(-50%);
  display:block;
  right:-200px;
  width: auto;
  max-width: 200px;
  background-color: #651f75;
  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-2{
   transform: translate3d(-200px, -50%, 0);
}

#custom_html-2:hover,
#custom_html-2:focus{
  opacity: 1;
}

#custom_html-2 i{
  margin-bottom: 10px;
}

#custom_html-2 a{
  text-transform: uppercase;
  font-weight: 700;
}

#custom_html-2 a:hover,
#custom_html-2 a:focus{
  border-bottom: none;
}

#custom_html-2 .custom-html-widget {
    padding: 20px;
}


/* Buttons */

button:not(.menu-toggle), html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.button:visited, a.wp-block-button__link:not(.has-background){
  background-color: #651f75;
  color: #fff;
  font-size: 18px;
  border-radius: 2em;
}

button:not(.menu-toggle):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, a.wp-block-button__link:not(.has-background):active, a.wp-block-button__link:not(.has-background):focus, a.wp-block-button__link:not(.has-background):hover{
  background-color: #000;
}

.vc_btn3{
  background-color: #651f75 !important;
  color: #fff !important;
  font-size: 18px;
}

.vc_btn3:hover,
.vc_btn3:focus{
  background-color: #000 !important;
  color: #fff !important;
}


/* Anpassungen Formulare */

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select{
  border-color: #ccc;
  color: #666;
  background-color: #efefef;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus, select:focus{
  border-color: #651f75;
  color: #651f75;
  background-color: #fff;
}


.choice-1 input[type="checkbox"] {
    opacity: 0;
}

.choice-1 label {
    position: relative;
    display: inline-block;

    /*16px width of fake checkbox + 6px distance between fake checkbox and text*/
    padding-left: 0;
  font-size: 0.8em;
  left: 25px;
  margin-left:-25px;
}

.choice-1 label::before,
.choice-1 label::after {
    position: absolute;
    content: "";

/* Needed for the line-height to take effect */
    display: inline-block;
}

/* Outer box of the fake checkbox */
.choice-1 label::before{
    height: 16px;
    width: 16px;
    border: 1px solid #ccc;
    left: -26px;
    /*(24px line-height - 16px height of fake checkbox) / 2 - 1px for the border
     *to vertically center it.
     */
    top: 4px;
}

/*Checkmark of the fake checkbox*/
.choice-1 label::after {
    height: 5px;
    width: 9px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    transform: rotate(-45deg);
    left: -22px;
    top: 8px;
}

/*Hide the checkmark by default*/
.choice-1 input[type="checkbox"] + label::after {
    content: none;
}

.choice-1 input[type="checkbox"]:focus + label::before,
.choice-1 input[type="checkbox"]:checked + label::before {
    border: 1px solid #651f75;
}

/*Unhide on the checked state*/
.choice-1 input[type="checkbox"]:checked + label::after {
    content: "";
}

/* Impuls-Nachrichten */

@media(min-width:768px){
  .generate-columns-container{
    margin-left: -40px;
  }
  .generate-columns{
    padding-left: 40px;
    margin-bottom: 2em;
  }
}

@media(max-width:767px){
  .generate-columns{
    padding-left: 0;
    margin-bottom: 1em;
  }
}

.blog .entry-title{
  font-size: 30px;
}

/* Footer */

.footer-widgets{
  background-color: rgba(101,31,117,0.1);
}

.widget i{
  margin-right: 5px;
}

.widget .fa-phone-square{
  font-size: 20px;
}

.widget-title .fa-comments{
  color: #651f75;
  font-size: 24px;
}

.footer-widgets .widget .menu li a::before{
  content:'»';
  margin-right: 8px;
  position:relative;
  top:-2px;
}

.site-info a:hover{
  color: #fff;
  border-bottom: 1px solid #fff;
}



/* Responsive Anpassungen */

@media(max-width:767px){
  .main-navigation .main-nav ul li{border-top: 1px solid rgba(101,31,117,0.1);}
  .vortraege-zeile .vc_column-inner > .wpb_wrapper{margin-bottom: 2em;}
}

@media(max-width:500px){
  body,input,select,textarea,button{font-size: 16px;}
}

@media(max-width:440px){
  .main-title{font-size:20px;}
}


