html {
margin: 0 auto;
padding: 0;
max-width: 1920px;
overflow-x: hidden;
}


:root {
  --weiss: #FFF;
  --dunkelblau: #13235B;
  --hellgrau:  #E7E9EE;
  --dunkelgrau: #D6D6D6;
  --hellblau: #9EA4BB;
  --mw: 1400px;
}

.bg_weiss       { background-color: var(--weiss); }
.bg_dunkelblau  { background-color: var(--dunkelblau); }
.bg_hellgrau  	{ background-color: var(--hellgrau); }
.bg_dunkelgrau  { background-color: var(--dunkelgrau); }
.bg_hellblau  	{ background-color: var(--hellblau); }

.weiss       	{ color: var(--weiss); }
.dunkelblau  	{ color: var(--dunkelblau); }
.hellgrau  		{ color: var(--hellgrau); }
.dunkelgrau  	{ color: var(--dunkelgrau); }
.hellblau  		{ color: var(--hellblau); }


BODY  {
margin: 0 auto;
padding: 0;
background-color: var(--weiss);
color: var(--schwarz);
font-weight: 400;
font-family: "News Cycle", Arial, Helvetica, sans-serif;
font-size: 24px;
line-height: 30px;
max-width: 1920px;
}



#menu_icons { position: fixed; right: -2px; top: 50%;  z-index: 9999999; padding-right: 0px; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
#menu_icons ul { display: block; margin: 0; padding: 0; }
#menu_icons li  { display: block; margin: 15px 0; padding: 0; text-align: right; font-size: 0; line-height: 0; height: 50px;  }
#menu_icons li A { display: inline-block; min-width: 50px; height: 50px; background-size: 24px auto; background-position: left 12px center; background-repeat: no-repeat; color: var(--weiss); line-height: 50px; text-transform: uppercase; font-size: 16px; font-weight: 400; margin-left: 10px; background-color: var(--dunkelblau); border: 2px solid var(--weiss); border-top-left-radius: 30px; border-top-left-radius: 7px; border-bottom-left-radius: 7px; letter-spacing: 2px; }
#menu_icons li A span { display: block; padding: 0; text-align: left; line-height: 50px; width: 0; overflow: hidden; }
#menu_icons li:hover a { display: block; }
#menu_icons li A:hover span { display: block; width: auto; padding-right: 15px; padding-left: 50px; font-size: 18px;  }
#link_8-800, .smaller #link_8-800:hover { background-image: url('../../img/icon_telefon.png'); background-position: left 13px center !important; }
#link_8-801, .smaller #link_8-801:hover { background-image: url('../../img/icon_email.png'); background-position: left 14px center !important; }




#wrapper { position: relative; max-width: 1920px; margin: 0 auto; display: block; text-align: center; margin-top: 0; box-sizing: border-box; z-index: 99999 }

header { position: fixed; top: 0; left: 0; background-color: var(--weiss); text-align: center; z-index: 999999; -webkit-transition: 0.1s ease-in-out; -moz-transition: 0.1s ease-in-out; -o-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; max-width: 1920px; margin: 0; background-repeat: no-repeat; width: 100% }

#header_inner { position: relative; display: block; margin: 0 auto; text-align: center; padding: 0;  box-sizing: border-box; z-index: 999 }

header #click_menu, #click_menu.aktiv { position: relative; cursor: pointer; display: none; color: var(--dunkelblau); font-size: 24px; text-align: center; background-image : url('../../img/menu_icon.png'); background-repeat : no-repeat; background-position : right center; background-size: 24px; font-weight: 400; padding-right: 40px; z-index: 99999999; vertical-align: top; margin-right: 10px; text-transform: uppercase; line-height: 50px; height: 50px; }
#click_menu:hover { background-size: 26px; }

header #logo { position: absolute; display: block; width: 395px; height: 487px; background-image: url('../../img/butenhoff_logo_bunt_kontur.png'); background-size: contain; background-position: center; background-repeat: no-repeat; margin-bottom: -50px; z-index: 99999999; left: 40px; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }

header #menu_master { display: block; position: relative; float: right; text-align: right; z-index: 99999; }

header.menu_aktiv #menu_master { display: block !important;  }
header.menu_aktiv #click_menu { color: var(--weiss); }
header.menu_aktiv #header_mitte { z-index: 99999; border-color: transparent; }


header #menu_master_outer { display: block; margin: auto; text-align: center; padding: 0 40px 80px 40px; box-sizing: border-box; margin: 0; }

header #menu_master_inner { display: block; margin: auto; max-width: 1400px; text-align: left; color: var(--dunkelblau); }

header #menu_master_inner ul { display: inline-block; margin: 0; position: relative; width: 100%; padding: 0; box-sizing: border-box; vertical-align: top; }
header #menu_master_inner ul li  { display: inline-block; margin: 0; padding: 0; vertical-align: top; margin: 0; }
header #menu_master_inner ul li A { display: block; font-weight: 700; font-size: 20px; margin: 0; padding: 12px 15px; text-transform: uppercase; letter-spacing: 2px;  }
header #menu_master_inner ul li A:hover { opacity: 0.75; }
header #menu_master_inner ul li A.aktiv { background-color: var(--hellgrau); }

#click_17 { background-color: var(--dunkelblau); color: var(--weiss); }
#click_17:hover { opacity: 1 !important; color: var(--hellblau); }
#click_17.aktiv { color: var(--dunkelblau); }


.smaller #logo, .header_30 #logo { width: 200px; height: 244px; }
.smaller { border-bottom: 1px solid var(--dunkelblau); }

#master_menu_unten { display: block; background-color: var(--weiss);  }
#menu_unten_inner { display: block; padding: 0 90px; box-sizing: border-box; color: var(--schwarz); margin: auto; font-size: 18px; max-width: 1400px; }
#menu_unten_inner p { margin: 10px 0; padding: 0; }
#menu_unten_links { display: inline-block; width: 50%; text-align: left; }
#menu_unten_rechts { display: inline-block; width: 50%; text-align: right; }
#menu_unten_rechts ul { display: block; margin: 0; padding: 0; }
#menu_unten_rechts ul li { display: inline-block; padding: 0 2px; }
#menu_unten_rechts ul li a { display: block; color: var(--schwarz); }
#menu_unten_rechts ul li a:hover { text-decoration: underline; }

img { max-width: 100%; }
B, STRONG 	{ font-weight: 700; letter-spacing: 1px; }
HR 			{ border-top: 0; border-bottom: 1px solid var(--hellgrau); margin: 20px 0; display: block; }
IMG 		{ max-width: 100%;  }
A 			{ text-decoration: none; color: var(--schwarz) }

table		{ width: 100%; }
table td { vertical-align: top; }

.scrollicon {
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 60px;
    right: -2px;
    display: none;
    background-image: url('../../img/button_top.png');
    z-index: 999999;
    background-position: center;
    background-size: 35px auto;
    background-repeat: no-repeat;
    background-color: var(--dunkelblau);
    border: 2px solid var(--weiss);
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.scrollicon:hover { background-size: 38px auto; }


.clearer { clear: both; height: 0 !important; font-size: 0 !important; line-height: 0 !important; }


h1, .h1 { letter-spacing: 3px; display: block; font-weight: 700; font-size: 46px; line-height: 56px; color: var(--dunkelblau); padding: 0; margin: 0 0 20px 0; text-transform: uppercase; }
h2, .h2 { letter-spacing: 3px; display: block; font-weight: 700; font-size: 42px; line-height: 50px; color: var(--dunkelblau); padding: 0; margin: 0 0 20px 0; text-transform: uppercase; }
h3, .h3 { letter-spacing: 2px; display: block; font-weight: 400; font-size: 35px; line-height: 45px; color: var(--dunkelblau); padding: 0; margin: 0; }
h4, .h4 { letter-spacing: 2px; display: block; font-weight: 400; font-size: 32px; line-height: 40px; color: var(--dunkelblau); padding: 0; margin: 0; }
h5, .h5 { letter-spacing: 2px; display: block; font-weight: 700; font-size: 24px; line-height: 32px; color: var(--dunkelblau); padding: 0; margin: 0; }
h6, .h6 { letter-spacing: 2px; display: block; font-weight: 700; font-size: 16px; line-height: 18px; color: var(--dunkelblau); padding: 0; margin: 20px 0 0 0; text-transform: uppercase; }



.button {
font-family: "News Cycle", Arial, Helvetica, sans-serif;
display: inline-block;
text-decoration: none !important;
color: var(--weiss);
padding: 8px 20px;
border: none !important;
font-size: 18px;
line-height: 28px;
text-align: center;
font-weight: 400;
background: var(--lila2);
cursor: pointer;
border-top-left-radius: 15px;
border-bottom-right-radius: 15px;
-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
}

.button.aktiv { background-color: var(--pink); font-weight: 600; }