@import url("fonts.css");

.mod_mmenu { display: none; }

.anthrazit { color: #1a4554; }
.deepanthrazit { color: #143b47; }
.tuerkis { color: #1ad9d9; }
.orange,
.more,
.info,
.back { color: #ff6300; }
.grau { color: #8ca1ab; }
.grauBG { background-color: #f2f2f2; }
.weiss { color: #fff; }
.weissBG { background-color: #fff !important; }
.deepanthrazitBG { background-color: #203b48; }
.schwarz { color: #3c3c3c; }
.center { text-align: center; }

.dunkeltürkis { color: #1A4554; }
.aktivgruen { color: #1ad9d9; }
.schwarz { color; #282828; }
.hellgrau { color: #f2f2f2; }

.boxGrau { padding: 1em; background-color: #f2f2f2; }

strong,b { font-family: "Sequel Sans W00 Bold",sans-serif; font-weight: normal; }
img { max-width: 100%; height: auto; display: block; }
a { text-decoration: none; color: inherit; }
p { margin: 1em 0 2em; }

hr { border: 0; background-color: #ff6300; height: 1px; #opacity: .3; }
.trenner hr { height: 3px; }
	
.f22 { font-size: 1.222em; }
.f26 { font-size: 1.444em; }
.f45 { font-size: 2.5em; }

.symbol { font-family: 'ITPFont'; font-size: 1.2em; color: #ff6300; }
#kopf #kontakt #menuDesktop li.symbol { margin-right: 1em; }

.o0 { margin-top: 0; }
p.m0 { margin: 0; }
.spalten2 { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: stretch; }
.spalten2>p { width: 49.5%; padding: 5em 0; text-align: center; background-color: #fff; }
.sp2 { display: flex; justify-content: space-between; align-items: stretch; margin-top: 1em !important; }
.sp2>div { width: 70%; box-sizing: border-box; }
.sp2>div:first-child { width: 30%; margin-right: 5rem; }
.sp2.r-l>div { width: 30%; }
.sp2.r-l>div:first-child { width: 70%; margin-right: 5rem; }
.sp2>div:last-child>p:first-child { margin-top: 0; }
.page-2 .sp2>div { width: 50%; margin-right: 0; }
.pagination ul { display: flex; list-style-type: none !important; }

.button { display: inline-block; margin: 3em 0; }
.button a { background: #ff6300; padding: 0.6em 1.5em; color: #fff; font-size: 1.2222em; font-family: "Sequel 100 Wide W00 45"; transition: 300ms; }
.button:hover a { background-color: #1ad9d9; transition: 300ms; }

* { box-sizing: border-box; }
html, body { height: 100%; }
html { font-family: "Sequel Sans W00 Regular",sans-serif; font-size: 100%; line-height: 1.7; scroll-behavior: smooth; }
body { font-size: 1.125rem; color: #3c3c3c; color: #282828; hyphens: auto; hyphenate-limit-chars: auto 3; hyphenate-limit-lines: 4; }
figcaption { font-style: italic; font-size: .7em; margin-top: 1em; }

h1,
h2,
h3 { margin-top: 0; font-size: 2.5em; line-height: 1.4; font-family: "Sequel 100 Wide W00 75",sans-serif; font-weight: normal; color: #1A4554; }
#h1 { margin-top: 2em !important; }
h2 { margin-top: .2em; margin-top: 0;  font-size: 2.5em; font-size: 1.6em; }
.rechts h2 { font-size: 1.4444em; }
h3 { margin-top: .2em; margin-top: 0; font-size: 1.4444em; }
.rechts h3 { font-size: 1.2222em; }
.page-10 h1,
.page-11 h1 { font-size: 1.6em; }
.page-10 h2,
.page-11 h2 { font-size: 1.3em; }
.page-10 h3,
.page-11 h3 { font-size: 1.1em; }

#main ul { margin-bottom: 2em; padding-left: .5em; list-style-type: "•"; }
#main li { padding-left: 1em; } 

.weiss h1,
.weiss h2 { color: #fff; }
p.u0 { margin-bottom: 0; }

#main a { color: #ff6300; }
#main #seitenlinks a { color: inherit; }
#main #seitenlinks a.supportlink { color: #ff6300; }
#main .button a { color: #fff; }
#main .layout_latest h2>a,
#main .layout_latest h3>a { color: inherit; }
.wide { font-family: "Sequel 100 Wide W00 45",sans-serif; }
.wide strong,
.wide b { font-family: "Sequel 100 Wide W00 75",sans-serif; font-weight: normal; }
.menu ul { padding-left: 0; margin-bottom: 0; margin-top: 0; }
.menu li { list-style: none; }
.menu a { color: inherit; transition: 300ms; }
.menu a:hover { color: #1ad9d9; transition: 300ms; }
.schmal { padding: 2rem 1rem; #padding: 5rem 1rem 0; }
.schmal>div,
.schmal>p,
.schmal>h1,
.schmal>h2 { width: 90%; max-width: 1400px; margin: 0 auto; }
.ansprechpartner { color: #1a4554; }

.dachzeile { margin: 0; margin-bottom: .5em; font-family: "Sequel 100 Wide W00 45",sans-serif; font-size: 1.2222em; color: #ff6300; }

#wrapper { position: relative; width: 100%; margin: 0 auto; }

#container,
#footer { background-color: #143b47; background-color: #1a4554; }

#main>.inside>div { position: relative; z-index: 2; #background-color: #143b47; }
#main>.inside>div#titelbild { z-index: 3; }
#main>.inside>div#bildUnten { z-index: 1; }

#header { position: sticky; top: 0; background: rgba(255,255,255,.97); z-index: 10; border-bottom: 1px dotted rgba(0,0,0,.2); }
#header>.inside { }
#kopf { position: relative; width: 85%; max-width: 1920px; margin: 0 auto; padding-top: 1.5em; padding-bottom: 1.5em; #padding-left: 8em; #padding-right: 8em; transition: 200ms; }
#kopf.tiny { padding-top: .5em; padding-bottom: .5em; transition: 200ms; }
#kopf,
#kopf>#kontakt { display: flex; align-items: center; }
#kopf { justify-content: space-between; align-items: center; }
#kopf a { display: inline-block; height: 100%; color: inherit; text-decoration: none; }
#kopf>#logo { max-width: 10%; transition: 200ms; }
#kopf.tiny>#logo { max-width: 8%; transition: 200ms; }

.menutoggle>div { cursor: pointer; }

#kopf #xkontakt>div,
#kopf #menutoggle .m,
#kopf #menutoggle .mc { display: block; background-size: 100%; background-position: center; background-repeat: no-repeat; color: transparent; text-decoration: none; font-size: 1.3em; font-size: 1em; line-height: 1; transition: 300ms; }

#kopf #kommunikation { display: flex; justify-content: space-between; #color: transparent; }
#kopf #kommunikation>div { background-repeat: no-repeat; background-size: contain; background-position: center; margin-left: 1em; }
#kopf #kommunikation>.t { background-image: url(../grafiken/Phone.png); transition: 300ms; }
#kopf #kommunikation>.t:hover { background-image: url(../grafiken/PhoneHover.png); transition: 300ms; }
#kopf #kommunikation>.e { background-image: url(../grafiken/Email.png); transition: 300ms; }
#kopf #kommunikation>.e:hover { background-image: url(../grafiken/EmailHover.png); transition: 300ms; }
#kopf #kommunikation>.s { background-image: url(../grafiken/Support.png); transition: 300ms; }
#kopf #kommunikation>.s:hover { background-image: url(../grafiken/SupportHover.png); transition: 300ms; }

#kopf #menutoggle { margin-left: 2em; display: none; cursor: pointer; }
#kopf #menutoggle .m { background-image: url(../grafiken/Burger.png); transition: 300ms; }
#kopf #menutoggle .mc { background-image: url(../grafiken/BurgerClose.png); display: none; transition: 300ms; }
#kopf #menutoggle .m:hover { background-image: url(../grafiken/BurgerHover.png); transition: 300ms; }
#kopf #menutoggle .mc:hover { background-image: url(../grafiken/BurgerCloseHover.png); transition: 300ms; }
#kopf #menutoggle ul { display: flex; font-size: 1.5em; }
#kopf #menutoggle li { margin-right: 1em; }
#kopf #menutoggle li:hover { color: #1ad9d9; transition: 300ms; }

#kopf #kontakt #menuDesktop { color: #1A4554; font-size: 1.1vw; margin-right: 2em; }
#kopf #kontakt #menuDesktop ul { display: flex; justify-content: space-between; align-items: center; font-family: "Sequel 100 Wide W00 45"; padding-bottom: .4em; }
#kopf #kontakt #menuDesktop li { margin-right: 2em; }
#kopf #kontakt #menuDesktop li:last-child { margin-right: 0; }
#kopf #kontakt #menuDesktop li:hover a { color: #1ad9d9; transition: 300ms; }
#kopf #kontakt #menuDesktop li.active strong,
#kopf #kontakt #menuDesktop li.trail,
#footer li.trail { color: #ff6300; font-family: "Sequel 100 Wide W00 45"; font-weight: normal; transition: 300ms; }
#footer li.trail { font-family: "Sequel 100 Wide W00 75"; }


#menubereich { background-color: #f0f0f0; padding: 0 0 2em 0; display: none; }
#menubereich>.inside { display: flex; padding-left: 20%; padding-top: 2em; }
#menubereich>.inside>.rechts { align-self: flex-end; padding-left: 10%; }
#menubereich nav li { padding: .5em 0; color: #1A4553;}
#menubereich #slogan { margin-bottom: 0; }
#menubereich .links .hilfsseite.last { padding-bottom: 0; }

.hauptmenu,
.nebenmenu { font-family: "Sequel 100 Wide W00 75"; #font-size: 1.38889em; }
.hauptmenu strong,
.nebenmenu strong { font-family: "Sequel 100 Wide W00 75"; color: #1ad9d9; color: #ff6300; }
.hilfsmenu { font-family: "Sequel 100 wide W00 45", sans-serif; #font-size: 1.38889em; margin-top: .5em; }
.hilfsmenu strong { font-family: "Sequel 100 wide W00 45", sans-serif; font-weight: normal; color: #1ad9d9; color: #ff6300; }

#social { display: flex; }
#social>a { margin-right: .5em; }
.linkedin { color: transparent !important; background-image: url(../grafiken/linkedin.png); background-repeat: no-repeat; background-size: contain; transition: 300ms; }
.linkedin:hover { background-image: url(../grafiken/linkedinHover.png); transition: 300ms; }
.facebook { color: transparent !important; background-image: url(../grafiken/facebook.png); background-repeat: no-repeat; background-size: contain; transition: 300ms; }
.facebook:hover { background-image: url(../grafiken/facebookHover.png); transition: 300ms; }
.instagram { color: transparent !important; background-image: url(../grafiken/instagram.png); background-repeat: no-repeat; background-size: contain; transition: 300ms; }
.instagram:hover { background-image: url(../grafiken/instagramHover.png); transition: 300ms; }

#footer>.inside { padding-top: 2.5em; padding-bottom: 2.5em; padding-left: 8em; padding-right: 8em; }

#footer .menu { color: #B1BBBE; }
#footer .adresse a { color: #ff6300; }
#footer .linkedin { background-image: url(../grafiken/linkedinWeiss.png); }
#footer .linkedin:hover { background-image: url(../grafiken/linkedinHover.png); }
#footer .facebook { background-image: url(../grafiken/facebookWeiss.png); }
#footer .facebook:hover { background-image: url(../grafiken/facebookHover.png); }
#footer .instagram { background-image: url(../grafiken/instagramWeiss.png); }
#footer .instagram:hover { background-image: url(../grafiken/instagramHover.png); }
#footer #adresseLinks { margin-bottom; 3em; display: none; }

##slogan { margin-top: 2em; margin-bottom: 0; font-size: 1.38889em; letter-spacing: .04em; }

#fussbereich .inside .fussinfo { display: flex; justify-content: space-between; }
#fussbereich .logo { width: 30%; }
#fussbereich .inside .fussinfo>div { width: 33%; }
##fussbereich .inside .links { width: 50%; }
##fussbereich .inside .mitte { width: 29%; }
#fussbereich .inside .rechts { position: relative; }

#fussbereichX .inside .links>div:last-child,
#fussbereich .inside .rechts>div:last-child { position: absolute; bottom: 0; }
#fussbereich .inside .links>div:last-child p,
#fussbereich .inside .rechts>div:last-child p { margin-bottom: 0; }
#fussbereich .hauptmenu ul { margin-top: 0; }
#fussbereich .slogan { position: absolute; bottom: 0; #margin-top: 1em; font-size: 1.38889em; }
#fussbereich .adresse { line-height: 2; }

#titelbild { position: relative; overflow: visible; }
#titelbild #bild { position: relative; }
#titelbild #bild img { width: 100%; }
#titelbild.schmal { padding: 0; }
##titelbild img { width: 100%; }
#titelbild .overlay { position: absolute; bottom: -2%; width: 41%; right: 9%; }
#titelbild .slogan { position: absolute; bottom: 11%; left: 14%; color: #ff6300; font-family: "Sequel 100 Wide W00 75",sans-serif; font-size: 3.125rem;  }

#titelbild .slogan p { margin: 0; }
/* Unterseiten */
#titelbild.consulting .overlay { bottom: -12%; width: 30%; right: 40%; }
#titelbild.consulting .slogan { bottom: 14%; left: 60vw; font-size: 1.6667rem;  }
#titelbild.service .overlay { bottom: -10%; width: 35%; }
#titelbild.sicherheit .overlay { bottom: -3%; width: 20%; right: 52%; }
#titelbild.praxis .overlay { bottom: -5%; width: 24%; right: 50%; }

#HomeUeberschrift { display: none; }

.seitenlinks>div { display: flex; justify-content: space-between; flex-wrap: wrap; }
.seitenlinks>div>a { width: 49.5%; #margin-bottom: 1em; }
.seitenlinks>div button .text { background-image: url(../grafiken/quadrat.png); background-size: .65em; background-repeat: no-repeat; padding-top: 0em; padding-left: 0.8em; font-family: 'Sequel 100 Wide W00 75'; font-size: 2.1em; background-position: top left; }
.seitenlinks button { width: 100%; height: 16em; margin-bottom: 1em; cursor: pointer; border: none; background: #fff; color: #1a4554; transition: 300ms; }
.seitenlinks>div button:hover { background-color: #1AD9DA; transition: 300ms; cursor: pointer; }
.seitenlinksText { display: none; }
.seitenlinks ul { font-family: 'Sequel 100 Wide W00 75'; font-size: 1.5em; margin: 0 !important; padding: 0 !important; }
.seitenlinks li { list-style-type: none; margin: 0 !important; padding: 0 !important; }

.seitenlinks.support { background-image: none; padding-left: 0; }
.seitenlinks.support>div { display: block; }
.seitenlinks.support>div>button { width: 100%; height: 10em; color: #ff6300; }
.seitenlinks.support button { height: 10em; }
.seitenlinks.support>div>button .text { background-image: none; padding-left: 0; width: 100%; height: 10em; color: #ff6300; }
.seitenlinks.support>div>button ul { color: #1a4554; }
.seitenlinks.support>div button .text { background-image: url(../grafiken/quadrat.png); background-size: .65em; background-repeat: no-repeat; padding-top: 0em; padding-left: 0.8em; font-family: 'Sequel 100 Wide W00 75'; font-size: 2.1em; background-position: top left; }

.seitenlinks.support>div button .text { background-image: none; background-size: .65em; background-repeat: no-repeat; padding-top: 0em; padding-left: 0; font-family: 'Sequel 100 Wide W00 75'; color: #ff6300;  }


.textblock { padding: 3rem 13% 0 7%; }

#itprofessionals .VPklein { display: none; }

#fallbeispiele { background-image: url(../grafiken/overlayGespiegeltBlass.png); background-position: -10% 100%; background-position: -550% 76%; background-repeat: no-repeat; background-size: 99%;}
##fallbeispiele>div:first-child { width: 60%; }
##fallbeispiele>div:last-child { width: 38%; }

#firmen { display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 0; padding-bottom: 0; width: 90%; max-width: 1400px; margin: 0 auto; }
#firmen div { margin: 0;max-width: 8%; min-width: 100px; }
.page-36 #firmen div { max-width: 10%; }
#firmen div figure { background-color: #fff; background-color: transparent; transition: 300ms; }
.page-36 #firmen div figure { background-color: transparent; }
##firmen div:hover figure { background-color: #1ad9d9; transition: 300ms; }
.page-36 #firmen div:hover figure { background-color: transparent; }

/*
#bewertungen .jkl { display: none; }
#bewertungen .nagano { display: none; }
#bewertungen .sempa { display: none; }
#bewertungen .vtd { display: none; }
#bewertungen .pcm { display: none; }
*/

#bewertungen .bewertung { display: none; }
#bewertungen .bewertung.jkl { display: block; }

#bewertungen .ueberschrift { margin-bottom: 2em; }
#bewertungen .bewertung button { width: 3em; background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-position: 0 50%; border: none; cursor: pointer; }
#bewertungen .bewertung .back { background-image: url(../grafiken/PfeilLinksBewertungen.png); margin-right: 10em; transition: 300ms; }
#bewertungen .bewertung .forward { background-image: url(../grafiken/PfeilRechtsBewertungen.png); margin-left: 10em; transition: 300ms; }
#bewertungen .bewertung .back:hover { background-image: url(../grafiken/PfeilLinksBewertungenHover.png); transition: 300ms; }
#bewertungen .bewertung .forward:hover { background-image: url(../grafiken/PfeilRechtsBewertungenHover.png); transition: 300ms; }

.bewertung { #display: flex; align-items: center; #padding: 0 5em; }
.bewertung figure { width: 100%; width: 25%; #margin-right: 3em; #display: none; }
.bewertung figure img { #width: 100%; }
.bewertung>div { width: 160%; }
.bewertung .bewertungTitel { font-size: 1.4444em; }
.bewertung .float_left, 
.bewertung .media--left>figure { float: none; margin: 0 auto; }

#.bewertung button { display: none; }

#itplog { padding-top: 0; padding-bottom: 0; }
#itplogUeberschrift { padding-bottom: 1rem; }
#itplog .layout_latest,
#itplog .layout_full .inhalt { display: flex; }
#itplog figure,
.page-17 #itplog .layout_full .inhalt>div:first-child { float: none; max-width: 30%; background: #fff; margin: 3px; }
#itplog .latestText,
#itplog .fullText { padding: 2rem 3rem; width: 70%; }
#itplog .alleBeitraege { display: inline-block; *position: absolute; right: 0; bottom: -4em; }
#itplog .button { margin: 0; }
#itplogInhalt { position: relative; z-index: 2; overflow: visible; }
##itplogInhalt>figure { width: 80%; }
##itplogInhalt>div { width: 100%; padding: 3em; padding: 0; }

.page-2 .ansprechpartner { display: none; }
#.page-7 #itplog .ansprechpartner { display: block; }


#itblogLink { background: #fff; z-index: 0 !important; padding: 0; margin: 0; }
#itblogLink .button { text-align: right; margin: 1em 0; }

#bildUnten { position: relative; overflow: visible; height: 23vw; }
#bildUnten>div { position: absolute; bottom: -2rem; right: 6rem; width: 71%; }
.hilfsseite #bildUnten>div,
.page-7 #bildUnten>div,
.page-17 #bildUnten>div { width: 39%; }

#orga { color: #fff; }
#orga a { color: inherit; }

/* Consulting */
.page-3 {}

/* security */
.security #main .mod_navigation.links ul { margin-top: 0; padding-left: .5em; list-style-type: "•"; }
.security #main .mod_navigation.links li { padding-left: .5em; font-family: "Sequel Sans W00 Bold",sans-serif; }
.security #main .mod_navigation.links li a { color: #1A4554; }
.security #main .mod_navigation.links li.active,
.security #main .mod_navigation.links li:hover,
.security #main .mod_navigation.links li:hover a { color: #ff6300; }
.security #main h1 a { color: #1A4554; }
.security #main h1 a:hover { color: #ff6300; }

/* Über uns */
#.page-38 #firmen { background-color: #1a4554; }
.page-38 #mitarbeiter { padding-top:0; }

/* ITPlog */
.page-7 .alleBeitraege { display: none; }
.page-7 #itplog,
.page-17 #itplog { padding-top: 5rem; padding-bottom: 5rem; }
.page-7 #itplog .layout_latest,
.page-17 #itplog .layout_full .inhalt { padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid rgba(255,255,255,.3); }
.page-7 #firmen { background-color: #1a4554; }
.page-17 .mod_newsreader { position: relative; overflow: visible; }
.page-17 .back { display: none; }

/* Jobs */
.page-8 #bewertungen,
.page-8 #firmen,
.page-8 #itplogUeberschrift,
.page-8 #itplog { display: none; }
.page-8 h2 { font-size: 1.2em; }
.page-8 .sp2>div { width: 70%; }
.page-8 .sp2>div:first-child { width: 30%; }

/* Kontakt */
#anfrage { line-height: 2; }
#anfrage form { margin-top: 1em; margin-bottom: 2em; }
#anfrage .widget { display: flex; margin-bottom: .3em; }
#anfrage span.mandatory { color: red; }
#anfrage .widget label { width: 10em; }
#anfrage .widget input,
#anfrage .widget select,
#anfrage .widget textarea { width: 100%; padding: .2em .5em; font-family: inherit; border: 1px solid rgba(200,200,200,.7); }
#anfrage .widget-submit button,
.page-36 #main a.link,
.security #main a.link{ font-family: "Sequel 100 Wide W00 45"; font-size: 1em; letter-spacing: .1em; color: #fff; border: none; background-image: none; background-color: #FF6303; padding: .5em 1em; cursor: pointer; }
#anfrage .widget-submit button:hover { background-color: #1AD9D7; transition: .3s; }
img.teams { display: inline-block; padding-top: .6em; }

/* Security 241016 */
.security #ziel .spalten2>div:first-child,
.security #nis2 .spalten2>div:first-child { width: 40%; }
.security #profitieren .spalten2>div:first-child { width: 60%; }
.security #ziel .spalten2>div:nth-child(2),
.security #nis2 .spalten2>div:nth-child(2) { width: 58%; }
.security #profitieren .spalten2>div:nth-child(2) { width: 38%; }
.security #main ul.anpfeil { list-style-type: none; }
.security #main ul.anpfeil li { padding-left: 3em; margin-bottom: 2em; background-image: url(../grafiken/pfeilRechts.png); background-size: 1.5em; background-repeat: no-repeat; background-position-y: .2em; }
.security #achtung { font-family: "Sequel 100 Wide W00 75"; }
.security #achtung figure { display: inline-block; width: 6%; }
.security #loesung .spalten2>div:first-child { width: 20%; align-self: center; }
.security #loesung h2 { font-family: "Sequel 100 Wide W00 45",sans-serif; font-weight: normal; font-size: 1.3em; letter-spacing: .02em; }
.security .spalten2,
.security .spalten3 { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: stretch; margin-bottom: 1em; }
.security .spalten2>div { width: 49%; margin: .5%; padding: 1em 2em; #color: #fff; }
.security .spalten3>div { width: 31.3333%; margin: 1%; padding: 1em 1em; }
.security .spalten2>div img { max-width: 99%; margin-left: .5%; }
.security #profitieren .spalten3>div { background-image: url(../grafiken/okRot.png); background-size: 1.5em; background-repeat: no-repeat; background-position-y: 1.2em; padding-left: 2em; }
.security.it-service #profitieren .spalten3>div { background-image: none; background-size: 1.5em; background-repeat: no-repeat; background-position-y: 1.2em; padding: 1em; }
.security #optimal .spalten2 { border: 2px solid #143b47; }
.security #optimal .spalten2>div:first-child { width: 38%; padding-top: 3em; }
.security #optimal .spalten2>div:last-child { width: 60%; }
.security #optimal .spalten2 ul { list-style-type: none; }
.security #optimal .spalten2 li { padding-left: 3em; margin-bottom: 1em; background-image: url(../grafiken/haken.png); background-size: 1.5em; background-repeat: no-repeat; background-position-y: .2em; }
.security #optimal img { display: inline-block; margin-left: 0; }
.security #zusammenarbeit h3 { font-family: "Sequel 100 Wide W00 45",sans-serif; font-weight: normal; }
.security #zusammenarbeit #trenner { height: 3px; background-color: #ff6300; }
.security #unterschied .spalten3>div { width: 38%; }
.security #unterschied .spalten3>div:nth-child(3n-2) { width: 18%; }
.security #unterschied .ohne { padding-left: 3.5em; margin-bottom: 0; background-image: url(../grafiken/nOK.png); background-size: 2.5em; background-repeat: no-repeat; background-position-y: 2.5em; margin: 0; }
.security #unterschied .mit { padding-left: 3.5em; margin-bottom: 0; background-image: url(../grafiken/okGruen.png); background-size: 2.5em; background-repeat: no-repeat; background-position-y: 2em; margin: 0; }
.security #entlasten h2 { font-family: "Sequel 100 Wide W00 45",sans-serif; font-weight: normal; font-size: 1.2em; letter-spacing: .02em; hyphens: none; }
.security #faq section { border-bottom: 1px dotted #1a455450; }
.security #profitieren h3 { margin-bottom: 0; color: #282828; font-size: 1em; font-family: "Sequel Sans W00 Bold",sans-serif; font-weight: normal; }
.security #profitieren .spalten3>div>p { margin-top: 0; }
/* Ende Security 241016 */

/* Accordion */
.toggler { margin: 1.5em 0; color: #1a4554; }
.toggler>div { display: inline; padding-right: 1.5em; font-family: "Sequel 100 Wide W00 75",sans-serif; font-size: 1.4444rem; cursor: pointer; background-image: url(../grafiken/pfeilRechts.png); background-position: center right; background-size: .8em; background-repeat: no-repeat; transition: 400ms}
.ui-accordion-header-active>div { background-image: url(../grafiken/pfeilOben.png); background-size: .6em; }

/* Mitarbeiter */
#mitarbeiter ul { list-style-type: none; display: flex; justify-content: space-between; flex-wrap: nowrap; padding-left: 0; }
#main #mitarbeiter li { padding-left: 0; padding-right: 1em; }
#main #mitarbeiter li:last-child { padding-right:: 0; }

/* eingleiten */
.reveal { position: relative; opacity: 0; }
.reveal.active { opacity: 1; }
.active.fade-bottom { animation: fade-bottom 500ms ease-in; }

@keyframes fade-bottom { 
	0% { transform: translateY(150px); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}


#firmen-gh { display: flex; flex-wrap: nowrap; justify-content: space-between; width: 90%; max-width: 1440px; margin: 0 auto; padding-top: 0; padding-bottom: 0; }
#firmen-gh>div { width: auto; margin: 0 2.1%; padding: 1em 0; max-width: 9%; align-self: center; }


@media (max-width: 1920px) {
	##titelbild .overlay { position: absolute; bottom: 8%; width: 49%; right: 9%; }
	##titelbild .slogan { position: absolute; bottom: 18%; left: 14%; color: #ff6300; font-family: "Sequel 100 Wide W00 75",sans-serif; font-size: 2.6rem;  }
	##titelbild .slogan { font-size: 2.5vw; }
	.textblock { padding: 3rem 8% 0 5%; }
}

@media (max-width: 1400px) {
	#itprofessionals { display: block; }
	#itprofessionals>div { width: 100%; }
	#itprofessionals .VPgross { display: none; }
	#itprofessionals .VPklein { display: block; }
}


@media (max-width: 1250px) {
	#kopf #kontakt #menuDesktop { font-size: .75rem; }
	#titelbild.consulting .slogan { left: 5vw; font-size: 1.6667rem; }
}

@media (max-width: 1000px) {
	html { font-size: 1.1vw; }
	#kopf #menutoggle { display: flex; }
	#kopf #kontakt #menuDesktop { font-size: .75rem; display: none; }
	.bewertung { padding: 0 0em; }
}

@media (max-width: 900px) {
	html { font-size: 1.4vw; }
	.sp2 { display: block; }
	.sp2>div { width: 100%; }
	.sp2>div:first-child { width: 100%; margin-bottom: 2em; }
	.sp2>div img { width: 100%; }
	.page-36 #loesung .sp2>div img { width: 25%; margin: 0 auto; }
	.seitenlinks>div { display: block; }
	.seitenlinks button { width: 100%; height: 11em; } 
	#footer>.inside { padding-left: 2em; padding-right: 2em; }
	.overlay { opacity: .3; }
/*
	.page-36 .spalten2 { display: block !important; }
	.page-36 .spalten2>div { width: 100% !important; }
	.page-36 #profitieren .spalten3>div { width: 48%; }
	.page-36 #zusammenarbeit .spalten3 { display: block; }
	.page-36 #zusammenarbeit .spalten3>div { width: 100%; }
*/
	.security .spalten2 { display: block !important; }
	.security .spalten2>div { width: 100% !important; }
	.security #profitieren .spalten3>div { width: 48%; }
	.security #zusammenarbeit .spalten3 { display: block; }
	.security #zusammenarbeit .spalten3>div { width: 100%; }
	#mitarbeiter ul { flex-wrap: wrap; }
	#main #mitarbeiter li { width: 50%; }

	#firmen-gh { flex-wrap: wrap; }
	#firmen-gh>div { max-width: 20%; }
}
@media (max-width: 650px) {
	html { font-size: 2vw; }
	h2 { font-size: 1.8em; }
	#kopf>#logo { max-width: 16%; }
	#kopf.tiny>#logo { max-width: 12%; }
	#menubereich>.inside { display: block; padding: 0 5em; }
	#menubereich>.inside .links { width: 100%; }
	#menubereich>.inside .rechts { padding-left: 0; margin-top: 1em; }
	.spalten2 { display: block }
	.spalten2>p { width: 100%; }
	.bewertung { display: block; }
	.bewertung figure { max-width: 40%; margin: 0 auto; }
	#itplog .layout_latest,
	#itplog .layout_full .inhalt { display: block; }
	#itplog figure { float: none; max-width: 100%; }
	#itplog .latestText,
	#itplog .fullText { padding: 2rem 2rem; width: 100%; }
	#fussbereichX .inside>div { width: 50%; }
	#fussbereich .inside .links { #display: none; }
	#fussbereich .inside .rechts { #width: 50%; }
	#titelbild .slogan { font-size: 1.5rem;  }

	#fussbereich .inside .mitte { display: none; }
	#fussbereich .inside .fussinfo>div { width: 50%; }
	#fussbereich .slogan { position: relative; }
	#footer #adresseLinks { display: block; }
	#footer #adresseRechts { display: none; }
	
	.bewertung figure { width: 45%; }
	#bewertungen .bewertung .back { margin-right: 2em; }
	#bewertungen .bewertung .forward { margin-left: 2em; }
/*
	.page-36 #profitieren .spalten3 { display: block; }
	.page-36 #profitieren .spalten3>div { width: 100%; }
*/
	.security #profitieren .spalten3 { display: block; }
	.security #profitieren .spalten3>div { width: 100%; }

}
@media (max-width: 500px) {
	html { font-size: 2.5vw; }
}

@media (min-width: 1920px) {
	#kopf #kontakt #menuDesktop { font-size: 1.3333rem; }
}