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


/* Anpassung Schriftgroessen an alle Bildschirmbreiten
-------------------------------------------------------- */

.kc-elm.kc-css-702345.kc_col-sm-6.kc_column_inner.kc_col-sm-6 {
	
	display:none;
}

body{
    font-weight: 300;
    font-style: normal;
	font-size: 20px;
	line-height: 1.75em;
    color: #333333;
}

button, input, select, textarea{
  font-weight: 300;
  font-style: normal;
}

h2, h3, h4, h5{
  margin-bottom: 0.5em;
  font-weight: 600;
}

h1,
.main-title { font-size: 2.5em; }

h2,
.entry-title{ font-size: 2em; color: #f6a453; }

h3,
.widget-title{ font-size: 1.5em; }

h4,
.footer-widget-2 .widget_text .textwidget h4{ font-size: 1.250em;}

.main-title,
.site-description,
.top-bar, .site-info,
.top-bar a, .site-info a
.site-header a{
  line-height: 1;
}

.site-description{
  font-size: 1em;
}

.entry-content p, 
.entry-content li,
.nf-field-label label	{ font-size: 1em; }

.entry-content p{
  margin-bottom: 1em;
}


input,
select,
textarea,
label,
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
.kc_button,
.main-navigation .main-nav .menu li a,
.nf-error-msg{
	font-size: 0.900em;
}

.widget .nf-error-msg,
.widget .ninja-forms-req-symbol{
  font-weight: 700;
}

button,
.site-info,
.nf-form-fields-required,
.footer-widgets .widget {
	font-size: 1em;
}


/* Globale Abstaende 
--------------------------------------*/

.kc-row{
  padding: 0;
}

.kc-wrap-columns{
  width: 100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

.kc-container{
  padding-left:0;
  padding-right:0;
}

.kc_column,
.kc_column_inner {
    padding-right: 1.667em;
    padding-left: 1.667em;
}

.kc_row_inner{
    margin: 0 -1.667em;
}

.inside-header{
	padding: 0 2em 2em 2em;
}

.one-container .site-content{
	padding: 2em 0 2em 0;
}

.one-container .inside-article {

}

.footer-widgets{
    background-color: ;
	padding: 40px 0;
}

.footer-widgets .footer-widgets-container {
	margin: 0 auto;
}

.footer-widgets .footer-widgets-container .inner-padding {
    padding: 0 1.667em;
}

@media (max-width: 768px){
.site-footer .footer-widgets .footer-widgets-container .inner-padding {
    padding: 0 1.667em;
}
}

.widget{
  line-height: 1.5em;
}

.site-info{
  padding: 1.5em;
}

.footer-bar{
  padding-bottom: 0.5em;
}

.copyright-bar{

}


/* Globale Stile
--------------------------------------*/

a, a:visited{
	color: #f6a453;
  	text-decoration: none;
}

a:hover{
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor:pointer;
}

ol, ul{
	margin: 0 0 1.5em 1.333em;
}



/* Anpassung Header
----------------------------------------------*/

.site-header{
 	border-bottom: 4px solid #f6a453; 
}

.site-header .header-image {

}

.site-branding{

}

.site-description{
	color: #f6a453;
}




/* Anpassung Navigation oben
----------------------------------------------*/

.main-navigation{
	background-color: transparent;
    margin-bottom: 2em;
}

.main-navigation .main-nav{

}

.main-navigation .main-nav .menu {

}

.main-navigation .main-nav .menu  li{
	padding: 0;
    margin: 0 1em;
}

.main-navigation .main-nav .menu li a {
	background-color: transparent;
  	line-height: 1;
    padding: 0.75em 0;
    border-top: 4px solid transparent;
    color: #f6a453;
    font-weight: 700;
}

.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: transparent;
    color: #f6a453;
    border-top: 4px solid #f6a453;
}

.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: transparent;
    color: #f6a453;
    border-top: 4px solid #f6a453;
}

.sticky-enabled .main-navigation.is_stuck {
    box-shadow: 0 2px 2px -2px rgba(0,0,0,.2);
    background-color: rgba(255,255,255,0.9);
}


/* Mobiles Menu
------------------------------------*/


@media(max-width: 768px){
	.main-navigation{
		
	}
	
	.main-navigation .menu-toggle{
		color: #f6a453;
        border-radius:0;
        font-weight: 700;
	}
	
	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 {
		border:none;
        color: #fff;
  	}

	.main-navigation .main-nav .menu {

	}

	.main-navigation .main-nav .menu .sub-menu{
		
	}

	.main-navigation.toggled .main-nav li{
		padding: 0;
        margin: 0;
	}

	.main-navigation .main-nav .menu li{
		padding: 0;
        border-bottom: 1px solid rgba(0,0,0,0.1)
	}
  
  	.main-navigation .main-nav .menu li:first-child{
        border-top: 1px solid rgba(0,0,0,0.1)
	}

	.main-navigation .main-nav .menu li a{
		border-radius: 0px;
        font-size: inherit !important;
        line-height: 1em;
        padding: 20px;
        border-top: none;
	}

	.menu-item-has-children .dropdown-menu-toggle {

	}
	
	.main-navigation .main-nav .menu li:hover > a,
	.main-navigation .main-nav .menu li:focus > a,
	.main-navigation .main-nav .menu li.sfHover > a{
		border: none;
        color: #fff;
        background-color: #f6a453;
      
	}

	.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{
		border: none;
        color: #fff;
        background-color: #f6a453;
	}
}


/* Anpassung Seiteninhalte
----------------------------------------------*/

.kc_single_image{
  margin-bottom: 1em;
}

.hintergrundfarbe{
  background-color: #f6a453;
  padding-top: 40px;
  padding-bottom: 20px;
}

.hintergrundleicht{
  background-color: rgba(246,164,83,0.5);
  padding-top: 40px;
  padding-bottom: 20px;
}

.hintergrundfarbe h2,
.hintergrundfarbe h3,
.hintergrundfarbe h4{
  color: #333333;
}

.graufarbe{
  background-color: #e3e3e3;
  padding-top: 40px;
  padding-bottom: 20px;
}


/* Anpassung Blogposts
----------------------------------------------*/

.comments-area{
	display:none !important;
}




/* Anpassung Buttons 
---------------------------- */ 

button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
a.button,
a.button:visited,
.kc_button{
	background-color: transparent;
	color: #f6a453;
	border-radius: 2px;
	border: 1px solid #f6a453;
	padding: 10px 30px;
    font-weight: 700;
}

.kc_button i {
    margin-left: 8px;
    top: 1px;
    position: relative;
}


/* Anpassung Buttons Hover
---------------------------- */ 

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,
.kc_button:hover,
.kc_button:active{
	background-color: #f6a453;
	color: #fff;
	border: 1px solid +hauptfarbe;
}


/* Anpassung Ninja Forms
---------------------------- */ 

.site-content button,
.site-content input,
.site-content select
.site-content input[type=email],
.site-content input[type=number],
.site-content input[type=password],
.site-content input[type=search],
.site-content input[type=tel],
.site-content input[type=text],
.site-content input[type=url]{
	border-radius: 2px;
}

.nf-field-label label {
    font-weight: 700;
    line-height: 1.5em;
}

.nf-row{
  margin: 0 -5px;
}

.nf-field textarea{

}

.nf-form-fields-required{
	display: none !important;
	visibility: hidden;
}

.nf-error-msg,
.ninja-forms-req-symbol {
	font-size: 16px;
}

.label-above .nf-field-label {
    margin-bottom: 0 !important;
    line-height: 1.25em;
}

.label-right .nf-field-label {
    padding-left: 8px !important;
}

.entry-content .label-right .checkbox-wrap .nf-field-element {
    margin-top: -2px;
}

.nf-field-container{
	margin-bottom: 1em !important;
}

.nf-field-element select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}


/* Anpassung Footer Widgets
----------------------------------------------*/

.site-footer .footer-widgets-container .inside-footer-widgets {
    margin: 0;
	padding: 0;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;    
}

.site-footer .footer-widgets-container .inside-footer-widgets .footer-widget-1,
.site-footer .footer-widgets-container .inside-footer-widgets .footer-widget-2,
.site-footer .footer-widgets-container .inside-footer-widgets .footer-widget-3,
.site-footer .footer-widgets-container .inside-footer-widgets .footer-widget-4{
	display:flex;
}

.site-footer .footer-widgets,
.site-footer .footer-widgets .widget-title{

}

/* Anpassung Fusszeile
----------------------------------------------*/


.site-info{
	background-color: #f6a453;
    color: #fff;
    font-weight: 600;
}

.site-info .inside-site-info{

}

.site-info .footer-bar{

}

.site-info .footer-bar .widget-title {

}

.site-info .footer-bar .widget_nav_menu a,
.site-info .footer-bar .widget_nav_menu a:visited{
  color: #fff;
  text-decoration: none;
}

.site-info .footer-bar .widget_nav_menu a:hover,
.site-info .footer-bar .widget_nav_menu .current-menu-item a {
    color: #fff;
    text-decoration: underline;
}

.site-info .copyright-bar{

}

.site-info .copyright-bar a,
.site-info .copyright-bar a:visited{
  color: #fff;
  text-decoration: none;
}

.site-info .copyright-bar a:hover{
   color: #fff;
   text-decoration: underline;
}



/* Anpassung Button "Nach oben"
----------------------------------------------*/

.generate-back-to-top,
.generate-back-to-top:visited {
    background-color: rgba( 0,0,0,0.4 );
    color: #ffffff;
    font-size: 20px;
    border-radius: 3px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    line-height: 40px;
    width: 40px;
    text-align: center;
    z-index: 10;
    transition: opacity 300ms ease-in-out;
}

.generate-back-to-top:hover,
.generate-back-to-top:focus {
    background-color: rgba( 0,0,0,0.6 );
    color: #ffffff;
}

/* Responsive Anpassungen
--------------------------------*/

@media (min-width: 1024px) and (max-width: 1280px){
	body{font-size: 17px; line-height: 1.75em;}
}

@media (min-width:800px) and (max-width: 1024px){
	body{font-size: 16px; line-height: 1.5em;}
}

@media (min-width: 480px) and (max-width: 800px){
	body{font-size: 15px; line-height: 1.5em;}
}

@media (max-width: 480px){
	body{font-size: 14px; line-height: 1.5em;}
}