.animate    { -webkit-transition: all 300ms ease-in-out;  -moz-transition: all 300ms ease-in-out;  -o-transition: all 300ms ease-in-out;  transition: all 300ms ease-in-out; }


body 		{ background: #fff; color: #000; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; font-size: 15px; }

a 			{ color: #000; text-decoration: none; }
a:hover 	{ color: #333; text-decoration: none; }

h1,h2,h3,h4 { font-family: 'Source Sans Pro'; font-weight: bold; padding-bottom: 4px; display: inline-block; }
h1 			{ font-size: 1.5rem; font-weight: normal; color: #009fe3; letter-spacing: 3px;  padding-bottom: 15px;}
h2          { font-size: 1.15rem; color: #009fe3; font-weight: normal; letter-spacing: 2px;}
h3          { font-size: 1.05rem; }

p, li 	     { font-family: 'Source Sans Pro'; font-weight: 400; line-height: 1.2; font-size: 1rem; color: #000; }

.menu           { cursor: pointer; margin: 0 auto; padding-left: 1.25em; position: absolute; width: 40px; height: 30px; display: block; right: 15px; top: 7px; }
.menu-global    { backface-visibility: hidden; position: absolute; left: 0; border-top: 1px solid #009fe3; width: 100%; transition: 0.55s; }
.menu-top       { top: 0; }
.menu-middle    { top: 12px; }
.menu-bottom    { top: 24px; }
.menu-top-click { backface-visibility: hidden; top: 15px; -webkit-transform: rotate(45deg); -webkit-transition: 0.55s 0.5s; -moz-transform: rotate(45deg); -moz-transition: 0.55s 0.5s; transform: rotate(45deg); transition: 0.55s 0.5s; }
.menu-middle-click { opacity: 0; }
.menu-bottom-click { backface-visibility: hidden; top: 15px; -webkit-transform: rotate(-405deg); -webkit-transition: 0.55s 0.5s; -moz-transform: rotate(-405deg); -moz-transition: 0.55s 0.5s; transform: rotate(-405deg); transition: 0.55s 0.5s;  }


header 		{ padding-top: 5px; z-index: 10; position: relative; z-index: 99999; }
header.sticky { position: fixed; background: #fff; padding-top: 10px !important; margin: 0 auto; max-width: 100%; padding-bottom: 10px; top: 0px;}
header.sticky nav { padding-top: 15px; }
header.sticky .homelink img { max-width: 100px; }
header.sticky .row { max-width: 1140px; margin: 0 auto; }

header.sticky .menu { top: 20px; }

#Breadcrumbs            { text-transform: uppercase; padding-top: 10px; }

.uppercase  { text-transform: uppercase; }
.underlined { text-decoration: underline; }


.footer     { background-color: #eee; position: relative; }
.footer p   { font-size: 0.8rem !important; }
.wbr        { border-right: 1px solid #fff; margin-right: 40px;}

.footermenu             { list-style-type: none; display: inline-block; margin-left: 0px; padding-left: 0px; width: 100%; padding-top: 10px;}
.footermenu > li        { display: block; float: left; min-width: 25%;}
.footermenu > li > a    { font-size: 0.9rem; font-family: 'Source Sans Pro'; font-weight: 500; text-transform: uppercase; text-decoration: none;  color: #333; border-bottom: 1px solid #ccc; display: block; padding-bottom: 10px;}

.row img 	            { max-width: 100%; }

.blueline       { border-bottom: 1px solid #009fe3; }
.bluetop        { border-top: 1px solid #009fe3; }
.blueleft       { border-left: 1px solid #009fe3; }

.fullheight     { height: 100%; }
.row.equal p { margin-bottom: 0px; }

.hiddenimg      { visibility: hidden; }
.absimg         { width: 100%; max-width: 800px !important; height: auto; position: absolute; top: -6px; right: 10px; }
.absimg2         { width: 100%; max-width: 100%; height: auto; position: absolute; top: -6px; right: 10px; }
.absimghome     { width: 100%; height: auto; position: absolute; top: -6px; right: 10px; }

nav             { text-align: center; }

.mainmenu       { display: none; position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; padding: 20px; background-color: #fff;  z-index: 9999; }
.bordered       { border: 1px solid #009fe3; height: 100%; }
.borderbottom   { border-bottom: 1px solid #009fe3; padding-bottom: 3px; letter-spacing: 1px; }
.blackbottom    { border-bottom: 1px solid #000; padding-bottom: 3px; letter-spacing: 1px; }
.whitebottom    { border-bottom: 1px solid #fff; padding-bottom: 3px; letter-spacing: 1px;}
.borderright    { border-right: 1px solid #009fe3; }
.mainmenu ul li { display: inline-block; padding: 0px 25px 5px; position: relative;}
.mainmenu ul li a { display: inline-block; min-height: 45px; color: #000; text-transform: uppercase; font-family: 'Source Sans Pro'; font-weight: 500; font-size: 1.1rem; text-decoration: none; padding: 10px; }
.mainmenu ul li a:hover,
.mainmenu ul li.current a,
.mainmenu ul li.section a { color: #fff; background-color: #009fe3; font-size: 1.2rem; min-height: 45px;}

.thintext { font-weight: 300; }
.thintext p { font-weight: 300; font-size:1em; margin-bottom: 0px;}
.trenner { display: inline; padding-left: 10px; padding-right: 10px; line-height: 1.3rem; letter-spacing: 1px; font-size: 1.1rem;}

#MemberLoginForm_LostPasswordForm fieldset { display: inline-block; width: 200px; }
#MemberLoginForm_LostPasswordForm .Actions { display: inline-block; }
#MemberLoginForm_LostPasswordForm_action_forgotPassword { border: 1px solid #009fe3; background-color: #009fe3; color: #fff; cursor: pointer; }

.small-offset   { margin-left: 5%; }
.eighty         { max-width: 80%; width: 80%; margin: 0 auto; }
.sixty          { width: 60%; margin: 0 auto; }
.seventy        { max-width: 70%; width: 70%; margin: 0 auto; }

.whitebg        { background-color: #fff; }
.white          { color: #fff; }

/* homepage */
.homerefslider { right: 20px; left: -1px; clear: both; margin-bottom: 0px; padding-bottom: 0px; overflow: hidden; }
.homerefslider a  { display: block; margin-top: -1px; right: -10px !important; max-width: 110%; padding-bottom: 0px;}
.homerefslider a img { max-width: 1200px; }
.homeimg        { width: 100%; max-width: 1280px; margin: 0 auto; height: 92vh;  margin-top: -100px; position: relative; background: #fff url(../img/rutter_header_cassandre.jpg) bottom center no-repeat; background-size: auto 90%;}
#ecostra 		{ display: block;position:absolute; width: 350px; height: auto; top: 35px; right: 35px; }
.homeimg2        { width: 994px; max-width: 1280px; margin: 0 auto; height: 85vh;  margin-top: -40px; position: relative; background: #fff url(../img/rutter-intranet.jpg) bottom center no-repeat; background-size: contain;}
#starthidden    { visibility: hidden; max-width: 100%; }
#scroll         { bottom: 40px; left: 50%; margin-left: -18px; position: absolute; cursor: pointer; }
.absboxedimg    { display: block; position: absolute; right: 5px; bottom: 0px; top: 10px; left: 30px; border-bottom: 1px solid #009fe3; border-right: 1px solid #009fe3; }

#loginintro     { text-align: center; margin-top: -40px; border: 1px solid #009fe3; padding: 10px;  color: #009fe3; text-transform: uppercase;max-width: 200px; font-size: 1.5em; letter-spacing: 1px; margin: 0 auto; }

#MemberLoginForm_LoginForm { max-width: 300px; width: 100%; margin: 0 auto;margin-top: 50px; }
.IntranetPage #MemberLoginForm_LoginForm { max-width: 300px; }
#MemberLoginForm_LoginForm_Email_Holder label,
#MemberLoginForm_LoginForm_Password_Holder label { min-width: 100px; text-align: left; text-transform: uppercase; color: #009fe3; }
#MemberLoginForm_LoginForm_Email_Holder .middleColumn,
#MemberLoginForm_LoginForm_Password_Holder .middleColumn { display: inline-block; }
#MemberLoginForm_LoginForm_Email_Holder input,
#MemberLoginForm_LoginForm_Password_Holder input { border: none; color: #009fe3; border-bottom: 1px solid #009fe3; background-color: #fff !important; }
#MemberLoginForm_LoginForm_Remember_Holder { display: none; }

#MemberLoginForm_LoginForm_action_dologin { float: right; margin-right: 13px; background-color: #009fe3; color: #fff; border: none; cursor: pointer; text-transform: uppercase; letter-spacing: 1px; }
#MemberLoginForm_LoginForm #ForgotPassword { display: block; clear: both; text-align: right; padding-top: 10px; margin-right: 13px;}
#MemberLoginForm_LoginForm #ForgotPassword a { color: #009fe3; text-transform: uppercase; font-size: 0.9em; }

#ChangePasswordForm_ChangePasswordForm_action_doChangePassword { border: none; background-color: #009fe3; color: #fff; cursor: pointer; clear: both; margin-top: 20px; }

#MemberLoginForm_LoginForm .Actions { width: 100%; }

#MemberLoginForm_LoginForm_action_logout { background-color: #009fe3; color: #fff; border: 1px solid #009fe3; }

.intranetholder { margin-top: -65px; }

.nlLink         { border: 1px solid #009fe3; text-transform: uppercase; letter-spacing: 1px; color: #000; width: 100%; height: 60px; display: table-cell; min-width: 170px; vertical-align: middle;  }
.nlLink  p { color:  #000; margin-bottom: 0px; padding-bottom: 0px; }
.nlLink:hover,
.nlLink.active,
.nlLink:hover p,
.nlLink.active p { color: #009fe3; }

.fname { letter-spacing: 1px; margin-top: 15px; min-height: 50px;  text-decoration: underline; text-underline-position: under;}

.mabox  { min-height: 295px;  width: 15%; display: block; float: left; margin-left: 25px; margin-right: 27px; margin-bottom: 10px;}
.mabox a { text-transform: uppercase; color: #000; font-size: 0.9em;  }
.mabox a:hover { color: #009fe3; }

.maboxinline { min-height: 295px;  width: 15%; display: inline-block; margin-left: 25px; margin-right: 27px; margin-bottom: 10px; vertical-align: top; }
.maboxinline a { text-transform: uppercase; color: #000; font-size: 0.9em;  }
.maboxinline a:hover { color: #009fe3; }

.spaced { letter-spacing: 1px; font-size: 0.9em; padding-top: 10px;}
.inlineblock { display: inline-block; }


.stnort { background: transparent url(../img/standort_bg.jpg) center 100px repeat-y; }

.cycle-pager    { position: relative; z-index: 999; margin-top: -30px; width: 100%; text-align: center; display: none;}
.cycle-pager span { display: inline-block; width: 14px; height: 14px; border-radius: 7px; margin: 0 4px; border: 1px solid #fff; background-color: #fff; text-indent: -9999em; cursor: pointer; }
.cycle-pager span.cycle-pager-active { border: 1px solid #009fe3; background-color: #009fe3; }

.shortheadline  { width: 150px; }

.boxed          { border: 1px solid #009fe3; position: relative; }
#zahlenfakten   { width: 50%; margin: 0 auto; margin-top: -22px; display: block; }
#zahlenimg { position: absolute; display: block; left: -50px; top: -50px; }

.bigblue        { font-size: 2.5em; color: #009fe3; font-weight: 400;}
.blacklink h2    { display: block; margin: 10px auto; height: 40px; -webkit-transition: all 150ms ease-in-out;  -moz-transition: all 150ms ease-in-out;  -o-transition: all 150ms ease-in-out;  transition: all 150ms ease-in-out;  color: #333 !important; }
.blacklink:hover h2 { color: #009fe3 !important;  font-size: 1.2rem;   }
.black          { color: #333; border-color: #333 !important;}

.buttonlink h2 { }
.buttonlink h2:hover { }

h2.shortheadline    { font-size: 2.15rem; }

/* kontakt page */
.standortbox    { position: relative; display: none;}
.standortbox.sbvisible { display: block; }
.boxedimg       { display: block; position: relative; right: -10px; padding-right: 10px; margin-right: 25px; padding-bottom: 10px; border-bottom: 1px solid #009fe3; border-right: 1px solid #009fe3;}

.slogan         { display: block; position: absolute; top: 20px; left: -20px;}


.ktklink h2      { padding: 5px; color: #000; -webkit-transition: all 300ms ease-in-out;  -moz-transition: all 300ms ease-in-out;  -o-transition: all 300ms ease-in-out;  transition: all 300ms ease-in-out; }
.ktklink:hover h2 { color: #fff !important; background-color: #009fe3;}
.ktklink.active h2 { color: #009fe3; }


/* referenzen */
.reflink        { font-size: 1.3rem; font-weight: normal; color: #000;  letter-spacing: 1px;  }
.reflink:hover  { color: #666; }
.reflink.active {color: #009fe3; }
.relative { position: relative; }

.boxlink        { text-transform: uppercase;  display: inline-block; border: 1px solid #000; margin-left: 5px; margin-right: 5px; padding: 10px 20px; }
.boxlink:hover  { color: #fff; background-color: #009fe3; border-color: #009fe3; }

/* referenzen */
.rtkarte        { font-size: 1.3rem; font-weight: normal; color: #000;  letter-spacing: 1px;  }
.rtkarte:hover  { color: #666; }
.rtkarte.active {color: #009fe3; }

/* imprint page */
.smooth         { padding: 5px; font-size: 1.3rem; font-weight: normal; color: #000;  letter-spacing: 1px; }
.smooth:hover   { color: #fff;  }
.smooth.active  {color: #009fe3; }

.prblocklink    { display: block; clear: both; margin-bottom: 10px; overflow: hidden;}
.prblocklink img { -webkit-transition: all 800ms ease; -moz-transition: all 800ms ease; -ms-transition: all 800ms ease; -o-transition: all 800ms ease; transition: all 800ms ease; }
.prblocklink:hover img {     -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.projektlink    { padding-bottom: 3px; border-bottom: 1px solid #000; letter-spacing: 1px;}
.whiteborder    { border-bottom: 1px solid #fff; }

/* projekte */
.grey           { background-color: #eee; }
.blue           { background-color: #009fe3;  }
.blue p         { color: #fff; }
.blue a         { color: #fff; }

.prhght         { height: 500px; position: relative; }
.prlogo         { position: absolute; bottom: 100px; }
.prhght2        { position: relative; height: 405px; }
.bblink         { color: #fff; background-color: #009fe3; text-align: center; padding: 10px; }
.burst          { background: #eee url(../img/burst.png) center center no-repeat; }
.burst1         { background: #eee url(../img/burst1.png) center center no-repeat; }
.burst2         { background: #eee url(../img/burst2.png) center center no-repeat; }
.burst3         { background: #eee url(../img/burst3.png) center center no-repeat; }
.burst4         { background: #eee url(../img/burst4.png) center center no-repeat; }

/* leistungen */
.smooth h2      {  min-height: 30px; padding: 5px; color: #000; -webkit-transition: all 300ms ease-in-out;  -moz-transition: all 300ms ease-in-out;  -o-transition: all 300ms ease-in-out;  transition: all 300ms ease-in-out; }
.LeistungenPage .smooth h2 { min-height: 56px; }
.smooth:hover h2 { color: #fff !important; background-color: #009fe3; font-size: 1.2rem;}
.smooth.active h2 { color: #009fe3; }



.lboxhead h2    { font-size: 1.8rem; letter-spacing: 3px; padding-bottom: 15px;}

.qheadline      { color: #009fe3; font-weight: normal; letter-spacing: 3px; font-size: 2rem; }


.slide          { margin-left: 10px; margin-right: 10px; padding-bottom: 20px; word-wrap: break-word;}
#prev           { position: absolute; width: 13px; height: 10px; background: transparent url(../img/prev.png) center left; top: 43%; left: -20px; }
#next           { position: absolute; width: 13px; height: 10px; background: transparent url(../img/next.png) center left; top: 43%; right: -20px; }

.prev           { position: absolute; width: 50px; bottom: 0px;  top: 0px; left: 0px; z-index: 101; cursor: pointer; background: transparent url(../img/pfeil-links.png)  10px center no-repeat; display: none;   }
.next           { position: absolute; width: 50px; bottom: 0px;  top: 0px; right:0px; z-index: 101; cursor: pointer; background: transparent url(../img/pfeil-rechts.png)  14px center no-repeat; display: none;  }


.nicon { display: block; width: 60px; float: left }
.nicon img { max-width: 100%; }
.ntext { float: left; display:  block; padding-left: 20px; width: calc(100% - 80px) }
.ntext p { margin-bottom: 0px; }
.greenline { border-bottom: 1px solid #adcd63; padding-bottom: 20px; display: block; float: left; clear: both; width: 100%; }
.MultiPage h1 { color: #adcd63 }
.MultiPage .blueline { border-bottom-color: #adcd63 }
.MultiPage .absboxedimg { border-bottom-color: #adcd63; border-right-color: #adcd63 }

.oner img { min-height: 510px; } 

.offset-lg-1 { margin-left: 13.333% !important; }

.supercontainer { max-width: 1340px; }


#dsgvo          { position: fixed; z-index: 50000; bottom: 0px; width: 100%; height: auto; background-color: #0094ca; display: block; padding: 15px; color: #fff; border-top: 3px solid #fff;}
#dsgvo p        { color: #efefef; display: inline-block; font-size: 0.8rem; }
#dsgvo a        { color: #fff; text-decoration: underline; }
.btn            { margin-right: 20px; display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px;     color: #333;background-color: #fff; border-color: #ccc;}

#dsgvo button:hover, #dsgvo button:focus, #dsgvo .button:hover, #dsgvo .button:focus { background-color: #333; color: #fff; }


.langmenu 		{ color: #009fe3 !important; height: 20px; font-size: 1.2rem !important;}
.langmenu.act 	{ border-bottom: 1px solid #009fe3; padding-bottom: 3px; }
.langmenu:hover { color: #fff !important; }

.weitereref2    { display: none; }

#tothetop { position: absolute; right: 0px; top: -30px; cursor: pointer; }

.IntranetPage .projektlink { white-space: normal; }

.IntranetPage .slide { margin-left: -1px; margin-right: 0px; }
.IntranetPage #next { right: -25px !important; }
.filebutton { display: block; clear: both; float: left; background-color: #fff; color: #009fe3 !important; font-weight: 400; padding: 5px 10px; text-align: center; }

.willkommen img {  max-width: 100%; padding-top: 15px; padding-bottom: 15px;}
.cheers img { width: 760px; max-width: 100%; }

#manilink { position: relative;  }

#MemberLoginForm_LoginForm_error { background-color: #fff; padding: 10px; }
.stdlink { color: #009fe3; font-size: 0.9em;}

.bluebutton,
#MemberLoginForm_LoginForm_action_dologin { letter-spacing: 0; background-color: #009fe3; color: #fff; padding: 10px; display: block; clear: both; width: 100px; text-align: center; text-transform: uppercase;}

@media screen and (min-width: 1921px) {
    .homeimg2  { background-position: 100px center; }
}

@media screen and (max-width: 1440px) {
    nav ul li { padding: 0 30px; }
    .homeimg2 { background-position: center 200px; }
}


@media screen and (max-width: 1367px) {
   .homeimg2 { background-position: center 200px; }
}


@media screen and (max-width: 1280px) {
 	#next {right: 0px;}
 	#prev { left: 0px; }
}

@media screen and (min-height: 600px) and (max-height: 700px) {
    .mainmenu .pt-7 { padding-top: 1rem !important; }
}


@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape)  {
    #scroll { bottom: 60px; }
    .cycle-pager { display: none; }
}



/* ipad landscape */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    
    .noipadquer { padding-top: 0px !important; margin-left: 0px !important; }
    body.HomePage   { overflow-x: hidden;}
     .homerefslider a { max-width: 100%; right: 0px !important; }

     #box1 .offset-lg-1,
     #box2 .offset-lg-1,
     #box4 .offset-lg-1,
     #box5 .offset-lg-1,
     #box6 .offset-lg-1 { margin-left: 14% !important; }

     #scroll { bottom: 45px; }

    #prev { left: 0px; }
    #next { right: 0px; }    
     .cycle-pager { display: none; }
}



/* ipad portrait */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    
    body.HomePage {overflow-x: hidden;}

       .noipadhoch { display: none; }
        .cycle-pager { display: none; }


    .mainmenu { position: fixed; right: 1px; background-color: #fff; top: 75px; text-align: center; margin-top: -5em; margin-left: 0px; padding: 0px;}
    .mainmenu li { display: block; clear: both; float: none; width: 100%; padding: 5px 20px; text-align: center; }

    .footermenu { float: right; margin-right: 25px; }
    .footermenu li { padding-left: 20px; }

    header.ipad { max-width: 98.5%; margin-left: 1%; margin-right: 0.5%; top: 12px; }
    .homerefslider a { max-width: 100%; right: 0px !important; }
    .small-offset { margin-left: 0px; }
    .sixty, .seventy { width: 100%; max-width: 100%; }
    .fullheight { padding-left: 8px !important; }

    body.HomePage   { overflow-x: hidden;}

    #scroll { bottom: 20px; }

    .homeimg2 { max-width: 100%; }
}


@media screen and (max-width: 767px) {

	.oner img { min-height: auto; }

    .weitereref2    { display: block; }
    .weitereref    { display: none; }
     .cycle-pager { display: none; }

    .menu           { cursor: pointer; margin: 0 auto; padding-left: 1.25em; position: absolute; width: 40px; height: 30px; display: block; right: 15px; top: -35px; }
    .menu-global    { backface-visibility: hidden; position: absolute; left: 0; border-top: 1px solid #009fe3; width: 100%; transition: 0.55s; }
    .menu-top       { top: 0; }
    .menu-middle    { top: 12px; }
    .menu-bottom    { top: 24px; }
    .menu-top-click { backface-visibility: hidden; top: 15px; -webkit-transform: rotate(45deg); -webkit-transition: 0.55s 0.5s; -moz-transform: rotate(45deg); -moz-transition: 0.55s 0.5s; transform: rotate(45deg); transition: 0.55s 0.5s; }
    .menu-middle-click { opacity: 0; }
    .menu-bottom-click { backface-visibility: hidden; top: 15px; -webkit-transform: rotate(-405deg); -webkit-transition: 0.55s 0.5s; -moz-transform: rotate(-405deg); -moz-transition: 0.55s 0.5s; transform: rotate(-405deg); transition: 0.55s 0.5s;  }


    .mainmenu     { position: fixed; right: 0px; background-color: #fff; top: -15px; text-align: center; margin-left: 0px; padding: 20px 0px; left: 0px;}
    .mainmenu li  { display: block; clear: both; float: none; width: 100%; padding: 5px 20px; text-align: center; }
    .mainmenu .novpadd { border: none !important; }

    .footermenu li  { min-width: 100%; padding-top: 10px; }
    .sixty          { max-width: 100%; width: 100%; }
    .HomePage .sixty { width: auto; }
    .seventy        { max-width: 100%; width: 100%; }

    header.sticky .homelink { margin-top: 0px; }
    header.sticky  .menu { top: 3px; right: 0px; }

    h1              { font-size: 1.8rem; }


    .homelink       { margin-top: -40px; display: block; }
    .smallfull      { width: 100%; }
    .smallfull ul   { padding-left: 0px; }
    .smallfull ul li.section,
    .smallfull ul li.current { background-color: #009fe3; }

    .small-offset { margin-left: 0px; }

    .novpadd        { padding-top: 0px !important; padding-bottom: 0px !important; }

    h2.bigblue      { font-size: 1.8em; }
    #zahlenfakten   { padding-left: 0px !important; padding-right: 0px !important; width: 100%; margin-top: -45px; padding-bottom: 12px !important; text-align: center; }

    .wbr            { margin-right: 0px; border-right: 0px; }
    .lboxhead h2    { font-size: 1.3rem; }

    .fullheight     { padding-left: 1px !important; margin-top: 20px; padding-top: 0px; }
    .fullheight p   { padding-left: 10px; }

    .slogan         { top: -60px; }

    .nomobile           { display: none; }

    .homerefslider a { max-width: 100%; right: 0px !important; }

    body.HomePage   { overflow-x: hidden;}

    .text-small-center { text-align: center !important; padding-bottom: 7px !important;}
    .pl-small-15 { padding-left: 15px !important; padding-right: 15px !important;}

    .blueline .col-md-4 { padding-left: 0px; padding-right: 0px; border-bottom: 1px solid #009fe3; }
    .LeistungenPage .blueline { border-bottom: none; }

    .pt-sm-0 { padding-top: 1px !important; } 
    .pb-sm-0 { padding-bottom: 1px !important; }
    #auszeichnungen { padding-top: 10px !important; }

    .mobbottom, .mobnobottom { border-right: none; }
    .mobbottom { border-bottom: 1px solid #009fe3; }
    .homerefslider a img { max-width: 100%; min-height: 100%; height: auto !important;}

    .prhght { height: auto; min-height: 400px; padding-bottom: 25px; }
    .prlogo { bottom: 20px; }

    .weitereref2 .slide { margin-left: 2px; }

    #prev           { top: 40%; left: 0px; }
    #next           { top: 40%; right: 0px; }

    #scroll         { bottom: 60px; }

    .boxedimg { margin-right: 5px; }

    .intranetholder { margin-top: 15px; }
    .stdblock { display: table; }

    .mabox  { width: 100%; margin-left: 0px; margin-right: 0px; }
    .IntranetPage #prev { top: 110px; left: 15px; z-index: 99999999;}
    .IntranetPage #next { top: 110px; right: 15px !important; z-index: 99999999; }
    .IntranetPage a.prblocklink { max-width: 200px; margin: 0 auto; }

    .homeimg { background-position: center center; background-size: auto 50%; }
    .homeimg2 { max-width: 100%; margin-top: 10px; background-position: center 260px; }
    #MemberLoginForm_LoginForm #ForgotPassword { background-color: #fff; }

    #ecostra { width: 230px; right: -30px; }

    .small-left { text-align: left !important; }
    .willkommen img { max-width: 80%; }

}



@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape)  {
   
}

/* Portrait*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {
    .footermenu { float: right; margin-right: -15px; }
}


@media only screen and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
    #scroll { bottom: 100px; }
}