html {
margin: 0 auto;
padding: 0;
max-width: 1920px;
overflow-x: hidden;
}


BODY  {
margin: 0 auto;
padding: 0;
color: #878787;
font-weight: 400;
font-family: Urbanist, Helvetica, sans-serif;
font-size: 22px;
line-height: 30px;
max-width: 1920px;
background-image : url('../../img/background.jpg');
background-position: center;
background-size: cover;
background-attachment: fixed;
}


.trans_1 { -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.trans_2 { -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.trans_2:hover { transform: scale(1.2); }

header { position: fixed; width: 100%; text-align: right; height: auto; z-index: 999998; max-width: 1920px; top: 0; margin: auto; background-image : url('../../img/bogen_weiss.png'); background-repeat : no-repeat; background-position: bottom center; background-size: cover; min-height: 130px; }

@media screen and (min-width: 1280px) {

.smaller { min-height: 105px; }
.smaller #header_inner #logo { width: 200px; height: 200px; margin-top: -35px; left: 15% }
.smaller #menu_master ul { margin-top: 3px; }
.smaller #header_inner #header_right li { line-height: 40px; }
.smaller #header_inner #header_right li.teiler { height: 40px; }
.smaller #link_11-1100 { margin-top: 7px !important;  }
}


#header_inner { display: block; width: 100%; max-width: 1500px; margin: 0 auto; text-align: right; padding: 10px 30px; box-sizing: border-box; }
#header_inner #logo { cursor: pointer; display: inline-block; background-image : url('../../img/Logo_RGB_AugenarztBahner_farbig.png'); background-repeat : no-repeat; background-position: center; background-size: 100% auto; width: 300px; height: 300px; margin-top: 10px; vertical-align: top; border-radius: 100%; background-color: #fff; margin-top: -50px; left: 10%; position: absolute; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;  }


#menu_icons { position: fixed; left: -2px; top: 40%; width: 50px; z-index: 99999999;  }
#menu_icons A { display: block; width: 50px; height: 50px; margin: 15px 0; background-color: #2B2464; font-size: 0; color: #fff; line-height: 50px; background-size: auto 28px; background-position: center right 8px; background-repeat: no-repeat; box-sizing: border-box; font-family: "Urbanist", Arial, Helvetica, sans-serif; -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;  }
#menu_icons A:hover { background-size: auto 30px; font-size: 16px; width: 200px; padding: 0 15px; }

#link_12-1200 { background-image: url('../../img/icon_tel_weiss.png'); }
#link_12-1201 { background-image: url('../../img/icon_sprechzeiten_weiss.png'); }



#click_menu { display: none; }

#menu_master { display: inline-block; margin: 5px 40px 0 0; vertical-align: top; }
#menu_master ul { display: block; margin: 0; padding: 0 !important; line-height: 30px; margin-top: 17px; width: 100%; }
#menu_master li  { display: inline-block; margin: 0; padding: 0 6px; margin: 0; }
#menu_master li:hover A span { background-image : url('../../img/bullet.png'); background-repeat : no-repeat; background-position: left center; background-size: 9px auto; }
#menu_master li A { color: #2B2464; font-weight: 700; font-size: 18px; line-height: 30px; display: inline-block; text-transform: uppercase; }
#menu_master li A span { display: block; padding: 0 10px 0 13px; }
#menu_master li A.aktiv { border-bottom: 2px solid #CDC7DB !important; }
#link_10-1011 { background-color: #CDC7DB; padding: 0 5px; }
#link_10-1011 span { padding: 0 10px !important; }
#link_10-1011:hover { color: #CDC7DB; background-color: #2B2464 }



#wrapper { position: relative; max-width: 1920px; margin: 0 auto; display: block; text-align: center; box-sizing: border-box; margin-top: 0; }

#master_content 	{ display: block; text-align: center; position: relative; margin: 0;  }

#master_menu_unten { display: block; margin: 0 auto; padding: 0; text-align: center; background-color: #2b2464; color: #fff; }
.menu_unten_inner { display: block; font-size: 0 !important; margin: 0 auto; padding: 0 40px; box-sizing: border-box; margin: 0 !important; }
.menu_unten_inner_l { display: inline-block; width: 50%; vertical-align: top; font-size: 18px !important; text-align: left; padding: 20px 0 20px 0 }
.menu_unten_inner_l p { margin: 0; padding: 0; }
.menu_unten_inner_r { display: inline-block; width: 50%; vertical-align: top; font-size: 18px !important; text-align: right; padding: 20px 0 20px 0 }
.menu_unten_inner_r ul { display: block; margin: 0; padding: 0; }
.menu_unten_inner_r ul li { display: inline-block; vertical-align: middle; }
.menu_unten_inner_r ul li A { color: #fff; display: block; text-decoration: none; font-weight: 400; }

B, STRONG 	{ font-weight: 700; }
HR 			{ border-top: 0; border-bottom: 1px dotted #666 }
IMG 		{ max-width: 100%;  }
A 			{ text-decoration: none; color: #6F6F70 }

.scrollicon { width: 45px; height: 45px; position: fixed; bottom:40px; right: 30px; display: none; z-index: 99999; background-position: center; background-image: url('../../img/scroll_to_top_button.png'); background-size: contain }
.clearer { clear: both; height: 0 !important; font-size: 0 !important; line-height: 0 !important; }

h1 { font-family: Urbanist, Arial, Helvetica, sans-serif; font-weight: 600; font-size: 70px; line-height: 70px; letter-spacing: 2px; text-transform: uppercase; color: #2B2464; margin: 30px 0; padding: 0;  }
h2 { font-family: Urbanist, Arial, Helvetica, sans-serif; font-weight: 700; font-size: 36px; line-height: 44px; letter-spacing: 1px; text-transform: uppercase; color: #2B2464; margin: 15px 0; padding: 0;  }
h3 { font-family: Urbanist, Arial, Helvetica, sans-serif; font-weight: 700; font-size: 32px; line-height: 42px; color: #2B2464; margin: 0; padding: 0;  }
h4 { font-family: Urbanist, Arial, Helvetica, sans-serif; font-weight: 700; font-size: 22px; line-height: 32px; color: #2B2464; margin: 0; padding: 0; }
h5 { font-family: Urbanist, Arial, Helvetica, sans-serif; font-weight: 700; font-size: 24px; line-height: 34px; color: #2B2464; margin: 0; padding: 0; }
h6 { font-family: Urbanist, Arial, Helvetica, sans-serif; font-weight: 700; font-size: 16px; line-height: 26px; color: #2B2464; margin: 0; padding: 0; }

iframe { display: block; min-height: 300px; border: none; }


#kontakt_karte {
    display: block;
    padding: 0;
    margin: 40px 0 0 0;
    background: url("../../img/maps_back.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    min-height: 300px;
}

#kontakt_karte .inner {
    display: block;
    padding: 50px;
    margin: 0 auto;
}