@font-face { font-family: icons; src: url(/germany/library/renderingassets/de-chrome/0.6/icons.woff) format("woff"); }
/*@font-face { font-family: icons; src: url(/global/de-de/corporate/renderingassets/de-chrome/0.6/icons.ttf) format("truetype"); }*/
/* TTF ONLY WORKS IF "PROPERTIES" > "DETAILS" > "FONT EMBEDDABILITY" IS SET TO "INSTALLABLE". KEEP QUOTATION MARKS IN FORMAT HINT!! */
@font-face { font-family: "Segoe UI"; src: url(//i.s-microsoft.com/fonts/Segoe-UI/West-European/Normal/latest.eot); src: local("Segoe UI"),local("Segoe"),local("Segoe WP"),url(//i.s-microsoft.com/fonts/Segoe-UI/West-European/Normal/latest.eot?#iefix) format("embedded-opentype"),url(//i.s-microsoft.com/fonts/Segoe-UI/West-European/Normal/latest.woff) format("woff"),url(//i.s-microsoft.com/fonts/Segoe-UI/West-European/Normal/latest.ttf) format("truetype"),url(//i.s-microsoft.com/fonts/Segoe-UI/West-European/Normal/latest.svg#web) format("svg"); }
@font-face { font-family: "Segoe UI Light"; src: url(//i.s-microsoft.com/fonts/Segoe-UI/West-European/Light/latest.eot); src: local("Segoe UI Light"),local("Segoe WP Light"),url(//i.s-microsoft.com/fonts/Segoe-UI/West-European/Light/latest.eot?#iefix) format("embedded-opentype"),url(//i.s-microsoft.com/fonts/Segoe-UI/West-European/Light/latest.woff) format("woff"),url(//i.s-microsoft.com/fonts/Segoe-UI/West-European/Light/latest.ttf) format("truetype"),url(//i.s-microsoft.com/fonts/Segoe-UI/West-European/Light/latest.svg#web) format("svg"); }
@font-face { font-family: "IconsRegular"; font-style: normal; font-weight: normal; src: url("/global/de-de/corporate/renderingassets/de-chrome/0.6/icons-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/global/de-de/corporate/renderingassets/de-chrome/0.6/icons-regular-webfont.woff") format("woff"), url("/global/de-de/corporate/renderingassets/de-chrome/0.6/icons-regular-webfont.ttf") format("truetype"), url("/global/de-de/corporate/renderingassets/de-chrome/0.6/icons-regular-webfont.svg#web") format("svg"); }

body, html { height: 100%; min-height: 100%; }
body { color: #333; font-family: Segoe UI,Tahoma,Verdana,sans-serif; font-size: 14px; line-height: 140%; margin: 0; }
body .body-wrapper { position: relative; min-width: 320px; }


div.channel9-livestream { position: absolute; z-index: 102; top: 10px; right: 10px; }

/*override position top banner ad*/
.bd-container { top: 126px !important; }

/* STAGE, SECTIONS AND GRID */
.stage { margin: 0 auto; width: 100%; max-width: 1180px; }
body > .stage { min-height: 550px; }
.columns { border-spacing: 0; display: table; table-layout: fixed; }
.columns > * { display: table-cell; vertical-align: top; }
.columns.centered > * { vertical-align: middle; }
.stage > .columns { border-spacing: 20px; margin-bottom: -20px; margin-left: -20px; width: 1180px; width: 100%; }

.columns.spaced { border-spacing: 20px; margin: -20px -20px 0 -20px; }
.columns.spaced-40 { border-spacing: 40px; margin: 0 -40px; }
.columns .columns.spaced-40 { margin-top: -40px; }
.columns.spaced-40.nine-to-three { margin-bottom: -40px; margin-left: -40px; width: 1260px; }
.nine-to-three { position: relative; }
.nine-to-three > .full, .full { width: 100%; display: table; border-spacing: 0; }
.grid .full { margin-top: 40px; }
.no-margintop { margin-top: 0 !important; }

.nine-to-three > .full:first-child, .full:first-child, .grid .full:first-child, .filter.full { margin-top: 0; }
.nine-to-three > .half, .half { width: 50%; }
.nine-to-three > * > .full .half:first-child { /* Startseite / 2-column-split */ padding-right: 20px; }
.nine-to-three > * > .full .half:last-child { /* Startseite / 2-column-split */ padding-left: 20px; }
.hero .right-rail { padding: 0; }

.twothirds { width: 66%; position: relative; }
.onethird { width: 30%; padding-left: 4%; position: relative; }

/* SHOWCASE STAGE */

.germany-techwiese-aktionen-treffen-sie-mit-windows-10-die-volle-breitseite-aspx > div > .stage,
.germany-techwiese-events-techs-r-us-default-aspx > div > .stage,
.visual-studio-code-ebook-download-aspx > div > .stage,
.build-2016-aspx > div > .stage,
.windows-10-aspx > div > .stage,
.windows-server-2003-end-of-support-aspx > div > .stage,
.germany-techwiese-techstudent-cloud-default-aspx > div > .stage,
.germany-techwiese-techstudent-cloud-onlinecv-aspx > div > .stage,
.germany-techwiese-techstudent-cloud-websitesazure-aspx > div > .stage,
.germany-techwiese-techstudent-cloud-wordpressazure-aspx > div > .stage,
.dein-wordpress-blog-in-der-cloud-aspx > div > .stage,
.erstellung-einer-web-app-aspx > div > .stage { max-width: 100%; }


.germany-techwiese-aktionen-treffen-sie-mit-windows-10-die-volle-breitseite-aspx > div > .stage .stage,
.germany-techwiese-events-techs-r-us-default-aspx > div > .stage .stage,
.visual-studio-code-ebook-download-aspx > div > .stage .stage,
.build-2016-aspx > div > .stage .stage,
.windows-10-aspx > div > .stage .stage,
.windows-server-2003-end-of-support-aspx > div > .stage .stage,
.germany-techwiese-techstudent-cloud-default-aspx > div > .stage .stage,
.germany-techwiese-techstudent-cloud-onlinecv-aspx > div > .stage .stage,
.germany-techwiese-techstudent-cloud-websitesazure-aspx > div > .stage .stage,
.germany-techwiese-techstudent-cloud-wordpressazure-aspx > div > .stage .stage,
.microsoft-azure-mysql-datenbank-von-cleardb-aspx > div > .stage .stage,
.erstellung-einer-web-app-aspx > div > .stage .stage { margin: 0 auto; width: 100%; max-width: 1180px; }
.showcaseband { background-color: #fff; }
.showcaseband h3, .showcaseband h2 { margin-top: 0; }

.showcaseband.techs-r-us { background-color: #ffb902; color: #000; }
.showcaseband.vs-code-aktion { background-color: #68217a; color: #fff; }
.showcaseband.windows10hero { background-color: #000526; color: #fff; }
.showcaseband.serverhero { background-color: #00198f; color: #fff; }
.showcaseband.color { background-color: #0078d7; color: #fff; }
.showcaseband.color a { color: #c5e5ff; }
.showcaseband.serverhero a:not([role="button"]) { color: #97d1ff; }
.showcaseband.light { background-color: #eee; color: #000; }
.showcaseband.intro { min-height: 435px; }
.showcaseband.support { background-color: #60bee7; color: #fff; }

.showcasehero { display: table; width: 100%; position: relative; }
.showcasehero > * { display: table-cell; }
.showcasehero > img { position: relative; width: 100%; height: auto; pointer-events: none; }
.showcasehero > .showcasefeat { width: 320px; vertical-align: middle; color: #fff; padding-bottom: 20px; }
.showcasefeat > div { margin: 0 20px 0 40px; }
.showcasefeat [role="button"] { width: 70%; }
.serverhero.mobile-only [role="button"] { width: 100%; max-width: 380px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.showcasespacing { min-height: 330px; padding: 20px 0 30px !important; }

.showcaseband .stage > .columns.spaced-40 { margin-bottom: 0 !important; }

.half.centered, .onethird.centered { text-align: center; }

[role="button"].big { margin: 10px 0 15px 80px; padding: 22px 40px 24px; font-size: 20px; text-transform: uppercase; }
[role="button"].rimmed { margin-bottom: 15px; padding: 4px 30px 6px; border: 3px solid #fff; text-transform: uppercase; }

/* SHOWCASE CLOUD STUDENT */
.germany-techwiese-aktionen-build-2016-aspx,
.germany-techwiese-techstudent-cloud-default-aspx { font-size: 16px; }
.showcaseband.build-2016 { background-color: #fff; color: #fff; }
.showcaseband.cloudstudenthero { background-color: #00bcf2; color: #fff; }

.showcaseband.build-2016 { background-image: url(/germany/techwiese/renderingassets/aktionen/build-2016/build-cover-1.jpg); background-size: cover; background-repeat: no-repeat; }
/*.showcaseband.win10-aktion { background-image: url(/germany/techwiese/renderingassets/aktionen/treffen-sie-mit-windows-10-die-volle-breitseite/BG-test.png); background-size: cover; background-repeat: no-repeat; }*/

.cloudstudenthero .showcasehero { background-image: url(/germany/techwiese/renderingassets/hero-cloudstudent.png); background-repeat: no-repeat; background-size: contain; background-position: left bottom; }
.build-2016 .showcasehero h1 { position: absolute; font-family: Segoe UI,Tahoma,Arial,Verdana,Sans-Serif; font-size: 45px; top: 10%; left: 15%; width: 50%; }
.build-2016 .showcasehero h3 { position: absolute; font-family: Segoe UI,Tahoma,Arial,Verdana,Sans-Serif; font-size: 22px; top: 50%; left: 15%; width: 50%; }
.cloudstudenthero .showcasehero h1 { position: absolute; font-size: 52px; top: 24%; left: 40px; width: 50%; }
.showcaseband.build-2016 ~ .showcaseband .grid .full,
.showcaseband.cloudstudenthero ~ .showcaseband .grid .full { margin-top: 20px; }

.showcaseband.build-2016 ~ .showcaseband.intro,
.showcaseband.cloudstudenthero ~ .showcaseband.intro { min-height: 414px; }
.showcaseband.build-2016 ~ .showcaseband.intro > .stage,
.showcaseband.cloudstudenthero ~ .showcaseband.intro > .stage { min-height: 414px; background-image: url(/germany/techwiese/renderingassets/intro-cloudstudent.png), url(/germany/techwiese/renderingassets/side-educatorgrant1.png); background-repeat: no-repeat; background-size: contain, 25% auto; background-position: left 0 bottom 0, right 5.2% bottom 0; }

.cloudstudentvideo { margin-bottom: -60px; }
.cloudstudentvideo .video-iframe-wrapper { padding-top: 0; margin-bottom: 20px; }

.onethird .side-content { background-image: url(/germany/techwiese/renderingassets/side-educatorgrant2.png); background-repeat: no-repeat; background-size: contain; padding-top: 30px; margin-top: -60px; }
.onethird h3, .twothirds h3, .side-content h3 { font-size: 18px; font-family: 'Segoe UI'; }
.onethird .cta, .side-content .cta { line-height: 20px; padding: 8px 25px 10px !important; margin-top: 0 !important; }

.thirdgrid { display: table; margin-top: -20px; margin-left: -30px; border-spacing: 30px; width: 108%; width: calc(100% + 60px); table-layout: fixed; }
.thirdgrid a { display: table-cell; position: relative; width: 33.3%; padding: 16% 16px 0; background-image: url(feat-webapp-sm.jpg); background-repeat: no-repeat; background-size: 100% auto; background-position: center top; background-color: #fff; text-decoration: none; color: #333; border: 1px solid #d7d7d7; }

.thirdgrid a:first-of-type { background-image: url(feat-onlinecv-sm.jpg); }
.thirdgrid a:last-of-type { background-image: url(feat-wordpress-sm.png); }
.thirdgrid a:hover { text-decoration: none; box-shadow: 0 0 10px rgba(0,0,0,0.1); }

/* SHOWCASEBAND ARTICLE OVERRIDE */
.showcaseband.article h2 { margin-top: 1em; }

/* SHOWCASE ONLINE-CV */
body.onlinecv-aspx .showcaseband.onlinecvhero { background-image: url(/germany/techwiese/techstudent/renderingassets/cloud/hero-onlinecv.jpg); background-size: auto 100%; background-position: center; background-color: #00bcf2; color: #fff; overflow: hidden; }
body.onlinecv-aspx .onlinecvhero .showcasehero .headline { position: absolute; top: 24%; left: 40px; width: 50%; }
body.onlinecv-aspx .onlinecvhero .showcasehero h1 { font-size: 52px; }
.germany-techwiese-techstudent-cloud-onlinecv-aspx p, .dein-wordpress-blog-in-der-cloud-aspx p { font-size: 18px; line-height: 24px; }
body.onlinecv-aspx .showcaseband.onlinecv { min-height: 300px; background: repeating-linear-gradient(-45deg,#2e2e2e,#2e2e2e 2px,#484848 2px,#484848 6px); color: #fff !important; }
body.onlinecv-aspx .showcaseband.onlinecv h2 { font-size: 40px; }
body.onlinecv-aspx .showcaseband.onlinecv ol { margin-left: 20px; }
body.onlinecv-aspx .showcaseband.onlinecv li:not(p) { font-size: 30px; }
body.onlinecv-aspx #banderole { margin-top: 0 !important; }
body.onlinecv-aspx .showcaseband.onlinecv .onethird { background-image: url(/germany/techwiese/techstudent/renderingassets/cloud/cv-img.png); background-repeat: no-repeat; background-position: center 30px; padding-left: 0; }
body.onlinecv-aspx .showcaseband.onlinecv .onethird div { text-align: center; margin-top: 340px; }
body.onlinecv-aspx .demo { text-align: center; height: 100%; width: 100%; font-size: 18px; }
body.onlinecv-aspx .demo span { display: inline-block; line-height: 24px; white-space: nowrap; margin: 0 3px; }
body.onlinecv-aspx .demo span:nth-of-type(2) { margin-bottom: 20px; }
body.onlinecv-aspx .demo a { display: inline-block; position: relative; padding: 8px 65px 10px 80px; font-weight: bold; text-transform: uppercase; margin: 0 20px 20px; color: #fff; border: 3px solid #eee; text-decoration: none; font-size: 20px; }
body.onlinecv-aspx .demo a:hover { text-decoration: none; color: #fff; }
body.onlinecv-aspx .demo a:before { content: ''; display: block; position: absolute; left: 60px; top: 13px; border: 7px solid transparent; border-left: 11px solid #fff; }

.overlay { display: none; position: absolute; top: 50% !important; left: 50% !important; max-width: 920px; width: 100%; background-color: #fff; -webkit-box-shadow: 0 2px 26px rgba(0, 0, 0, .3), 0 0 0 1px rgba(0, 0, 0, .1); box-shadow: 0 2px 26px rgba(0, 0, 0, .3), 0 0 0 1px rgba(0, 0, 0, .1); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10000; }
.overlay-header { position: relative; padding: 1em 2em; border-bottom: 1px solid #d7d7d7; }
.overlay-body { position: relative; padding: 1em 2em 2em 2em; background-color: #eee; }
.overlay-body input[type="checkbox"] { display: inline-block; vertical-align: top; }
.overlay-body label { display: inline-block; vertical-align: top; }
.overlay-body input[type="text"] { display: block; font-family: inherit; font-size: inherit; width: 100%; padding: 6px; margin-top: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.overlay-body span { display: block; margin-top: 10px; color: #666; }
.overlay .close { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABCdJREFUeNrsm89LVFEUx5+SWFJpmm2izTT+gHEKrGVbI1BTxySyn2YRtWjl39BKCFrUIu31+5eWabVy21KEGgd0nNoF0U8rsMTAzmHOg2ly9J377rtvRs6B78KZd+89fjzn3B/vWrS0tGSJ/W/FgkDACBgBI2AEjIARMAJGwAgYASMmYNzaOtWGTU1N2R9tAD0DLYKOg74Z/D22gO6AvoJ6yYd/bHx83AyYLFsPugraTz/fBh0F/TAAZTON10w//wFdAP0OOpXKCMqpjM9aQPdB1T5DqaZxWjI+6yF/yoIEUwq6Qs5kG/4FB0FVPkGpov6bl/muh/wqDQJMCega5XQuawXZFO6608em/nNZL/lXYhrMQI5IWQ4OhnulJiiV1F+ri2d7yM+9JsHsYjyL4X5LQ82ppn6amX5uNwmmCxRnPI8F8gaoQnG8CmrfwmgTJz9HTYJJgQ6Bpphw7oLKmWOVUzsOlCnyLxXErJSkwRPMtHoI2uHy+W2ge8z0SZBfySDXMTOgg8y0OgAaAdW6KLQDTChx8mcmH/ZK70AxJpw9oGHQzhzfb6JC28qEEiN/8mYTmaJCx6k5UYqccNbnW0EPFGpKl2pN8Xt3jeHbwYycKG0+6zKg2Arp0+E1ffw+dkgppFUE9IgWYtcVpuSYrkjx+zxGZSrfDXoFajc1JQcBJnMq58ApVYCS9MN5v0/wMOfbmGnlNn3adNYU02CcqbyTGTmrRUqnjik5aDBoszSVJjz2k6B+Zv122ORh+DStSCcV209S+2kTzpp+S4Dh36fYts/v9AkSTAjUr9i2n9qvOTD1oDFQo2L7Rmpfv5bA1ICGaIXrxSLUT81aAIPh/wTUoKm/BuovVMhgcGM4ShtFnRalfusKEUwtnbdwImWBGTnD1uqHXXkFJqwABY8e9oFeK8AJFwIYdPIpM31egM6CJkCHmSvkKI0XzmcwmPMjTCgvrfSLsc8ZG892i3/YNaKz5hRrjpQhZvpgpBzJgOIYnq9wTwIbaPxwPoEJKaTPc9BJ0M8c37+1+Oc5TlqF8gFMHa1Iuelzxkpf9FnJknTEwE2rMa9p5RWMMyVHmFDwUtFHl88nFWpOxOtUXuyxpgwr1JRjoO8Ku3LuG09PU7kXMEMKU/Jp0JzieCqvg6PkZ5tJMG+Y6YOF9pPH1HUOu+JMP9+bBIPF03Y5+3S7KLSctIq5nK1s8nPCJBi8MnreSt+DWwkKLt503950895qkPxbDGJWwk3fxRyRg+mD9+C++LQfW+l1sE1+Lah2rmMdM2+l79XaWYW2W0NNcRM52XBukj/zXjrWdQEaLxufo/7wTssJy8zlZ2eFjIvAx6APlobLzzrBODXnMmijZfa6PBq+Z7pE66NfOjoskv/UN3ceI2AEjIAREzACRsAIGAEjYARMwdhfAQYA/3DkpOSyw1sAAAAASUVORK5CYII='); background-size: 100%; position: absolute; right: 5px; top: 5px; cursor: pointer; height: 23px; width: 23px; z-index: 2; }
.overlay video { position: relative; width: 100%; height: auto; display: block; z-index: 1; }
#overlay-video { position: fixed; }
#curtain { width: 100%; height: 100%; position: fixed; background-color: rgba(0,0,0,.4); z-index: 9999 !important; }

.socialbtns { text-align: center; }
.socialbtns a { display: inline-block; width: 30%; max-width: 64px; margin: 0 10%; opacity: .2; }
.socialbtns a:first-of-type, .socialbtns a:last-of-type { margin: 0; }
.socialbtns a:hover { opacity: .6; }
.socialbtns a img { width: 100%; height: auto; }

/* SHOWCASE WINDOWS 10 */
img.showcaseillu { width: 70%; height: auto; padding-left: 15%; }
.win10mva { padding-left: 20%; background-image: url(mva-share-logo.png); background-repeat: no-repeat; background-position: left top; background-size: 16% auto; }
.showcasegrid span { display: inline-block; width: 20%; text-align: center; padding: 10% 1% 1% 1%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; background-size: auto 70%; background-position: center top; }
.showcasegrid a:nth-of-type(1) span { background-image: url(grid-win10tech.png); }
.showcasegrid a:nth-of-type(2) span { background-image: url(grid-win10products.png); }
.showcasegrid a:nth-of-type(3) span { background-image: url(grid-win10etp.png); }
.showcasegrid a:nth-of-type(4) span { background-image: url(grid-win10smb.png); }
.showcasegrid a:nth-of-type(5) span { background-image: url(grid-win10edu.png); }
.showcasegrid span:hover { background-color: #fff; }

ul.gridlist { display: none; }

@media all and (min-width: 1281px) {
		/*.win10feat { position: absolute; margin-top: -7%; }*/
		.cloudstudentvideo { margin-bottom: -50px; }
		.cloudstudentvideo .half:first-child { padding: 20px 0 0 85px; }
		.cloudstudentvideo .video-wrapper { width: 80%; }
		.showcaseband.cloudstudenthero ~ .showcaseband.intro > .stage { min-height: 414px; background-image: url(/germany/techwiese/renderingassets/intro-cloudstudent.png), url(/germany/techwiese/renderingassets/side-educatorgrant1.png); background-repeat: no-repeat; background-size: contain, 27.4% auto; background-position: left 0 bottom 0, right 0 bottom 0; }
}

@media all and (max-width: 1100px) {
		.showcaseband.onlinecv .onethird { background-size: 100%; }
		.onlinecvhero .showcasehero .headline { width: 60%; }
		.onlinecvhero .showcasehero h1 { font-size: 42px; }
}

@media all and (max-width: 900px) {
		.onlinecvhero .showcasehero h1 { font-size: 38px; }
		.onlinecvhero .showcasehero p { display: none; }
		.twothirds { display: block; width: 100%; }
		.onethird { display: none; }

		img.showcaseillu { width: 100%; padding-left: 0; }

		.germany-techwiese-techstudent-cloud-default-aspx .showcaseband .stage { background-image: none !important; }
		.showcaseband .half, .showcasespacing .half { display: block; width: 100%; }
		.showcaseband .half:last-of-type, .showcasespacing .half:last-of-type { padding: 20px 0 0 0 !important; }
		.showcaseband h2, .showcasespacing h2 { margin-top: 0; }
		.showcaseband.cloudstudenthero ~ .showcaseband.intro > .stage { min-height: 414px; background-image: url(/germany/techwiese/renderingassets/intro-cloudstudent.png); background-repeat: no-repeat; background-size: contain; background-position: left 0 bottom 0; }
		.showcaseband.onlinecv .onethird { display: none; }

		.win10mva { padding-left: 0; background-image: none; }

		[role="button"].big { margin: 10px 0 15px 0; }
}

@media all and (max-width: 600px) {
		.onlinecvhero .showcasehero h1 { font-size: 22px !important; }
		ul.gridlist { display: block; }
		div.gridlist { display: none; }
		.cloudstudenthero .showcasehero h1, .onlinecvhero .showcasehero h1 { font-size: 35px; top: 20px; left: 20px; width: 80%; }
		.thirdgrid { width: 100%; margin-left: 0; border-spacing: 0; }
		.thirdgrid a { display: inline-block; width: 100%; padding-top: 54%; margin: 20px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background-image: url(feat-website.jpg); }
		.thirdgrid a:first-of-type { background-image: url(feat-onlinecv.jpg); }
		.thirdgrid a:last-of-type { background-image: url(feat-wordpress.png); }
		.onethird { display: block; width: 100%; padding-left: 0; }
		.onethird .side-content { background-image: url(/germany/techwiese/renderingassets/side-educatorgrant.png); background-repeat: no-repeat; background-size: 340px auto; background-position: center top; padding-top: 156px; margin: 40px 0; }
}



/* HEADER, SEARCH AND NAVIGATION */
#header { position: relative; background-color: #000; color: white; z-index: 101; }
#header a { text-decoration: none; }
#header .stage { position: relative; }
#header > .stage { height: 39px; z-index: 2; }
#header #logo-ms { display: inline-block; width: 70px; height: 15px; margin-top: 11px; background-image: url(HeaderFooterSprite.png); background-position: -989px -3px; background-repeat: no-repeat; overflow: hidden; vertical-align: top; }
#header .divider { display: inline-block; width: 1px; height: 18px; margin: 8px -1px 10px 22px; background-image: url(HeaderFooterSprite.png); background-position: -840px -3px; background-repeat: no-repeat; overflow: hidden; vertical-align: top; }
#level-0-nav { display: inline-block; padding: 8px 34px 13px 20px; line-height: 16px; font-size: 16px; color: #a0a0a0; border-top: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid transparent; border-left: 1px solid transparent; }
#level-0-nav.active { color: #555; }
#level-0-nav.active::before { content: ''; position: absolute; bottom: -1px; left: -1px; right: -1px; height: 5px; }
#level-0-nav + * .subnavigation { margin: 0; }
#level-0-nav + * .subnavigation a { width: 180px; }

/* FLYOUT MENU */
li.flyout > a { position: relative; }
li.flyout > a::after { content: ''; position: absolute; width: 10px; height: 13px; top: 18px; right: 15px; background-image: url(HeaderFooterSprite.png); background-position: -762px -3px; overflow: hidden; }
li.flyout > a :hover { color: #555; }
li.flyout .flyout-wrapper { position: absolute; display: none; width: 0; min-height: 100%; top: -1px; left: 240px; background-color: #fff; border: 1px solid #bbb; overflow: hidden; }
li.flyout .flyout-wrapper ul { list-style: none; padding: 20px 0; }
li.flyout .flyout-wrapper ul a { width: 280px !important; }

/* UTILITIES */
#icon-utilities { display: none; float: right; width: 25px; height: 31px; margin-top: 10px; background-image: url(profile.jpg); background-repeat: no-repeat; cursor: default; }
#utilities { float: right; }
#utilities > ul { list-style: none; margin: 0; padding: 0; float: left; }
#utilities > ul > li { float: left; line-height: 0; }
#utilities a { color: #fff; font-size: 11px; line-height: 1.5em; text-decoration: none; display: inline-block; margin: 11px 0 0 30px; -moz-transition: .1s ease-in-out; -o-transition: .1s ease-in-out; -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; }
#utilities a:hover { color: #9c9c9c; }

#utilities #social { padding-top: 12px; }
#utilities #social li { margin-left: 14px; }
#utilities #social li:first-child { margin-left: 29px; }
#utilities #social a { display: inline-block; width: 15px; height: 15px; margin: 0; background-image: url(HeaderFooterSprite.png); background-size: 555px auto; text-indent: -10000px; overflow: hidden; }
#utilities #social a.facebook { background-position: -73px -1px; }
#utilities #social a.twitter { background-position: -109px -1px; width: 17px; }
#utilities #social a.instagram { background-position: -1px -1px; }
#utilities #social a.googleplus { background-position: -89px -1px; margin-left: -5px; }

/* NAVIGATION / NAVIGATION FLYOUT */
#nav-wrapper { position: relative; background-color: #68217a; z-index: 1; }
#navigation { display: table; position: relative; font-family: Segoe UI Light,Tahoma,Verdana,sans-serif; font-size: 20px; margin: 0 0 -1px 0; padding: 0; z-index: 2; }
#navigation::after { content: ''; display: table-cell; width: 100%; }
#navigation > * { display: table-cell; padding-bottom: 0; white-space: nowrap; }
#navigation > * > a { position: relative; color: inherit; display: block; padding: 10px 15px 16px 15px; text-decoration: none; border-top: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid transparent; border-left: 1px solid transparent; }
#navigation > * > a::before { content: ''; position: absolute; bottom: -1px; left: -1px; right: -1px; height: 5px; background-color: transparent; -moz-transition: .1s ease-in-out; -o-transition: .1s ease-in-out; -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; }
#navigation > * > a:hover::before, #navigation .current a:hover::before { background-color: #fff; }
#navigation .current a::before { background-color: rgba(255,255,255, 0.7); }
#navigation li.flyout .flyout-wrapper { left: 340px; }

/* DROP DOWN / SUBNAVIGATION / LEVEL 0 NAV */
#navigation a.drop-down, #level-0-nav.drop-down { position: relative; padding-right: 34px; }
#level-0-nav.drop-down { padding-right: 40px; }
#navigation a.drop-down::after, #level-0-nav.drop-down::after { content: ''; position: absolute; width: 10px; height: 8px; top: 20px; right: 15px; background-image: url(HeaderFooterSprite.png); background-position: -795px -3px; overflow: hidden; }
#level-0-nav.drop-down::after { top: 15px; right: 20px; }
.subnav-wrapper { display: none; position: relative; margin-top: 0; z-index: 1; }
#navigation a.drop-down.active, #level-0-nav.drop-down.active { background-color: #fff; color: #555; border-color: #bbb #bbb #fff; z-index: 2; }
#navigation a.drop-down.active::after, #level-0-nav.drop-down.active::after { background-position: -778px -3px; }
#navigation a.drop-down.active::before, #level-0-nav.drop-down.active::before { bottom: -2px; left: 0; right: 0; background-color: #fff; -moz-transition: 0s ease-in-out; -o-transition: 0s ease-in-out; -webkit-transition: 0s ease-in-out; transition: 0s ease-in-out; }
.subnavigation { position: absolute; top: 0; left: 0; padding: 20px 0; list-style: none; background-color: #fff; border: 1px solid #bbb; }
.subnavigation a { display: block; width: 280px; color: #555; padding: 7px 40px 7px 20px; font-size: 18px; line-height: 34px; -moz-transition: .1s ease-in-out; -o-transition: .1s ease-in-out; -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.subnavigation a:hover { background-color: #f2f2f2; }
.subnavigation a.current { background-color: #f2f2f2; }

/* MOBILE MENU */
#icon-menu { display: none; margin: 16px 18px 11px 0; width: 18px; height: 17px; background-image: url(HeaderFooterSprite.png); background-position: -1364px -3px; overflow: hidden; }
.nav-mask { position: absolute; display: none; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0, .7); z-index: 100; }
.nav-mask.active { display: block; }

/* NOTE FLYOUT */
#note { position: relative; display: none; height: 0; z-index: 2; }
#note .stage { position: relative; }
#note-flyout { position: absolute; top: 0; left: 0; width: 100%; height: 42px; margin-top: -42px; background-color: #176faa; overflow: hidden; color: #fff; padding: 11px 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#note span { font-weight: 700; }
#note a { margin-left: 10px; color: #fff; }
.close-cta { position: absolute; display: block; width: 24px; height: 24px; top: 9px; right: 11px; background-image: url(close.png); background-repeat: no-repeat; background-size: cover; }

/* HERO SLIDER */
#hero-slider { position: relative; z-index: 1; }
#hero-slider .item { text-decoration: none; }
#hero-slider .item img { display: block; width: 100%; height: auto; }
#hero-slider .item div { color: #fff; background-color: #000; padding: 20px; height: 120px; }
#hero-slider a.item:hover div { color: #b3b3b3; }
#hero-slider .item div * { margin: 0; padding: 0; line-height: 140%; }
#hero-slider .item div h2 { font-size: 36px; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
#hero-slider .item div p { font-size: 20px; }
.owl-dots { position: absolute; display: table; bottom: 0; right: 0; border-spacing: 15px !important; }
.owl-dots > * { display: table-cell; width: 15px; height: 15px; background-color: #fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.owl-dots > *.active { background-color: #176faa; }
.owl-nav { display: none; position: absolute; bottom: 0; left: 0; width: 100%; }
.owl-nav > * { position: absolute; width: 32px; height: 97px; background-color: #000; }
.owl-nav > *::before { display: block; position: absolute; top: 33px; font-family: icons; font-size: 34px; font-weight: bold; color: #fff; }
.owl-nav > *:hover::before { color: #b3b3b3; }
.owl-prev { left: 0; }
.owl-next { right: 0; }
.owl-prev::before { content: '\f130'; left: 10px; }
.owl-next::before { content: '\f131'; right: 10px; }

/* BANDEROLE */
#banderole { margin-top: 50px; background-color: #68217a; text-align: center; padding: 20px 0; }
#banderole a { display: inline-block; vertical-align: bottom; }
#banderole img { width: 100%; }

/* FOOTER AND LEGAL */
#footer { background-color: #eee; overflow: hidden; padding-top: 2.5%; font-size: 16px; }
#footer ul:not(#legal) { list-style: none; margin: 0; padding: 0 8% 0 0; }
#footer ul:not(#legal):nth-of-type(2) { padding: 0; margin-top: 1.5em; }
#footer ul:not(#legal) li { line-height: 1.25; display: block; margin: 0 0 .25em; font-size: 1em; }
#footer ul:not(#legal) .heading { font-size: 1em; font-weight: normal; margin-bottom: 0.65em; }
#footer ul:not(#legal) li a { text-decoration: none; font-size: 0.9em; }
#footer .footer-productlist ul:not(#legal) li { margin-bottom: 0.75em; }
#footer .footer-productlist ul:not(#legal) li a { font-size: 1em; }
#footer a:hover { text-decoration: underline !important; }
#footer #copyright { background-image: url(footer-microsoft-logo.png); background-repeat: no-repeat; background-position: right -5px top 0px; background-size: 90px 16px; font-size: 0.9em; padding-left: 15px; }
#footer > *:first-child { margin-bottom: 15px; }
#footer > *:first-child > * { position: relative; width: 280px; }
#footer > *:first-child > *:last-child { position: relative; width: 260px; }
#footer > *:first-child > *:first-child a { color: black; font-size: 16px; line-height: 125%; padding-top: 6px; padding-bottom: 6px; padding-left: 36px; position: relative; background-size: 26px 26px; background-repeat: no-repeat; background-position: left 5px; }
#footer > *:first-child > *:first-child a[href^="https://www.microsoft.com/de-de/windows"] { background-image: url(product-icon-windows.svg); }
#footer > *:first-child > *:first-child a[href^="https://products.office.com/de-DE/"] { background-image: url(product-icon-office.svg); }
#footer > *:first-child > *:first-child a[href^="https://www.microsoft.com/surface/de-de"] { background-image: url(product-icon-surface.svg); }
#footer > *:first-child > *:first-child a[href^="https://www.windowsphone.com"] { background-image: url(product-icon-windowsphone.svg); }
#footer > *:first-child > *:first-child a[href^="https://www.microsoft.com/de-de/mobile"] { background-image: url(product-icon-mobile.svg); }
#footer > *:first-child > *:first-child a[href^="https://www.xbox.com"] { background-image: url(product-icon-xbox.svg); }
#footer > *:first-child > *:first-child a[href^="http://www.skype.com/de"] { background-image: url(product-icon-skype.svg); }
#footer > *:first-child > *:first-child a[href^="https://www.msn.com/de-de/"] { background-image: url(product-icon-msn.svg); }
#footer > *:first-child > *:first-child a[href^="https://www.bing.com"] { background-image: url(product-icon-bing.svg); }
#footer > *:first-child > *:first-child a[href*="microsoftstore.com"] { background-image: url(product-icon-microsoft.svg); }
#footer a[href^="https://www.microsoft.com/home/de-de/locale.aspx"] { display: block; line-height: 26px; padding-left: 36px; position: relative; background-image: url(icon-globe.svg); background-size: 26px 26px; background-repeat: no-repeat; background-position: left top; }
#footer > *:last-child { font-size: .9em; }

#legal { display: table; font-size: 1em; float: right; list-style: none; margin: -22px 0 15px; padding: 0; }
#legal > * { display: table-cell; white-space: nowrap; }
#legal li { padding-top: 30px; }
#legal a { display: block; padding: 5px 10px; }

/* HEADLINES, LINKS, IMAGES */
h1, h2, h3 { font-family: Segoe UI Light,Tahoma,Arial,Verdana,Sans-Serif; font-weight: 100; line-height: 1.2em; }
h1, h2 { font-size: 30px; }
h1 { margin-top: 0; padding-top: 0; }
h3 { font-size: 24px; }

/* Hub-Pages */
.content h1.hub-page { margin: 0; line-height: 0.8em; }
h2.hub-page, .tiles h2.hub-page { margin: 0; line-height: 0.8em; margin-bottom: 41px; }
.right-rail h3.hub-page { margin: 0; padding: 0; }

a { color: #176faa; text-decoration: none; outline: none; }
a:hover { color: #083047; text-decoration: underline; }
a > img, img { border: none; outline: none; }
ul, ol { padding-left: 20px; }
.clearfix::after { content: ''; display: block; width: 100%; clear: both; }
.no-wrap { white-space: nowrap; }
canvas, iframe, video, img, form { display: block; }
code { color: #008a00; }

/* INPUTS / SELECTS / BUTTONS */
select, input[type="text"] { display: block; height: 31px; -webkit-appearance: none; -webkit-border-radius: 0; color: #6d6d6d; font-family: segoe ui web regular,segoe ui,helvetica neue,arial,sans-serif; font-size: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px; outline: none; }

/* RIGHT-RAIL */
.feature > * { display: block; margin-bottom: 21px; }
.feature > *:last-child { margin-bottom: 0; }
.right-rail { width: 280px !important; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.right-rail.has-filter { padding-top: 60px; }
.right-rail a + p { margin-top: 0; }
.right-rail > h3:first-child, .right-rail > h3:first-of-type, .right-rail .hide-on-mobile > h3:first-child { margin-top: 0; }
.right-rail .download-kalender { margin-top: 0; }

/* FILTER */
.filter { display: none; width: 280px; background-image: url(arrow-select.png); background-repeat: no-repeat; background-position: 7px 6px; z-index: 2; }
.right-rail #filter > a { margin: 20px 0 20px 30px; width: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.right-rail #filter { margin-bottom: 80px; }
.right-rail .filter { position: relative; display: block; top: 21px; right: auto; margin-bottom: 20px; z-index: 1; }

.filter ul { list-style: none; padding: 0; margin: 0 0 0 30px; max-height: 31px; -webkit-transition: max-height 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955); -moz-transition: max-height 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955); -o-transition: max-height 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955); transition: max-height 250ms cubic-bezier(0.455, 0.030, 0.515, 0.955); overflow: hidden; border: 1px solid #707070; }
.filter.active ul { max-height: 2000px; }
.filter ul li { padding: 0 0 2px 6px; }
.filter ul li:nth-child(n+2):hover { background-color: #0072c6; color: #fff; }
.filter ul li:hover input[type=checkbox] { border-color: white; }
.filter ul li.label { display: block; padding: 4px 5px 6px 10px; color: #707070; font-family: segoe ui web regular,segoe ui,helvetica neue,arial,sans-serif; line-height: normal; margin-bottom: 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
.filter ul li.label::after { content: "\f130"; position: absolute; display: block; top: 2px; right: 13px; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); font-family: icons; color: #707070; font-size: 22px; }
.filter.active ul li.label::after { content: "\f131"; }
.filter ul li:last-child { margin-bottom: 6px; }
.filter input[type=checkbox] { display: block; float: left; margin: 0; margin-right: 10px; position: relative; left: 3px; top: 4px; width: 13px; height: 13px; }
.filter input[type=text] { border: 0; padding: 2px 4px 5px 4px; width: 220px; }
.filter label { display: block; }
.filter label:after { content: " (" attr(data-count) ")"; }
.filter .qu::after { content: "\e11a"; position: absolute; display: block; top: 5px; right: 4px; font-family: icons; color: #707070; font-size: 20px; line-height: 100%; }

/* OFF-CANVAS FILTER */
.open-filter { margin-top: 15px; margin-bottom: -10px; }
body.active-off-canvas { height: 100%; margin: 0; padding: 0; overflow: hidden; }
body.active-off-canvas .body-wrapper { height: 100%; overflow: hidden; }

.off-canvas.wrapper { position: absolute; display: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transform: translate(-102%,0); -ms-transform: translate(-102%,0); -o-transform: translate(-102%,0); -webkit-transform: translate(-102%,0); transform: translate(-102%,0); -webkit-transition: -webkit-transform 350ms ease-in-out; -moz-transition: transform 350ms ease-in-out; -o-transition: transform 350ms ease-in-out; transition: transform 350ms ease-in-out; z-index: 102; }
.off-canvas.wrapper form { position: absolute; top: 47px; bottom: 54px; left: 0; right: 0; width: auto; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
.off-canvas.wrapper form a:last-child { display: none; }
.off-canvas.wrapper.animate { -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); -webkit-transform: translate(0,0); transform: translate(0,0); }
.off-canvas.wrapper .mobile-only { position: static; }
.off-canvas.wrapper .close, .off-canvas.wrapper .send { position: absolute; top: 0; left: 0; right: 0; height: 54px; background-color: #68217a; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.off-canvas.wrapper .close { height: 47px; border-bottom: 1px solid #333; }
.off-canvas.wrapper .send { bottom: 0; top: auto; }
.off-canvas.wrapper .send > a { position: relative; left: 10px; top: 10px; }
.off-canvas.wrapper .close > a { width: 28px; height: 28px; right: 11px; }

.off-canvas.wrapper .filter { position: relative; display: block; width: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0; }
.off-canvas.wrapper .filter ul { margin: 0; background-color: #fff; height: auto; max-height: 40px; border: none; }
.off-canvas.wrapper .filter.active ul { max-height: 2000px; }
.off-canvas.wrapper .filter ul li { margin: 0; padding: 0; border-bottom: 1px solid #333; color: #333; background-color: #eee; }
.off-canvas.wrapper .filter ul li:first-child { font-size: 14px; padding: 10px; height: auto; color: #333; background-color: #fff; }
.off-canvas.wrapper .filter ul li:first-child::before { top: 7px; right: 15px; }

.off-canvas.wrapper .filter ul li label { font-size: 14px; padding: 14px 14px 14px 45px; }
.off-canvas.wrapper .filter input { width: 20px; height: 20px; top: 14px; margin: 0; left: 11px; margin-right: 15px; }
.off-canvas.wrapper .filter input[name="qu"] { width: 100%; height: auto; top: 0; left: 0; margin: 0; padding: 10px 35px 10px 10px; color: #333; }
.off-canvas.wrapper .filter input[name="qu"]:focus { background-color: #eee; }
.off-canvas.wrapper .filter .qu { padding: 0 !important; }
.off-canvas.wrapper .filter .qu::after { top: 4px; right: 6px; }

body.no-i-device .off-canvas.wrapper .filter ul li:hover { background-color: #fff; }

/* FILTER TAGS */
.tags { position: relative; top: 15px; z-index: 9; }
.tags label span { background-color: #333; border: 2px solid #fff; color: white; cursor: pointer; font-size: 11px; line-height: 100%; float: left; margin-bottom: 3px; margin-right: 5px; padding: 6px 24px 7px 6px; position: relative; text-transform: uppercase; }
.tags label span:after { background-image: url(close-tag.png); content: ''; display: block; position: absolute; top: 5px; right: 5px; width: 13px; height: 13px; }
.tags label span:hover { border: 2px solid rgba(0,0,0,0.3); }
.tags label span:hover:after { background-position: left bottom; }
.tags input { display: none; }
.tags *[data-category='Microsoft Azure'] span, .tags *[data-category='Windows'] span, .tags *[data-category='Windows Phone'] span, .tags *[data-category='Cortana'] span, .tags *[data-category='Microsoft HoloLens'] span, span[data-category='Microsoft Azure'], span[data-category='Windows'], span[data-category='Windows Phone'], span[data-category='Cortana'], span[data-category='Microsoft HoloLens'] { background-color: #00BCF2 !important; }
.tags *[data-category='Cloud'] span, .tags *[data-category='SharePoint'] span, .tags *[data-category='Web'] span, span[data-category='Cloud'], span[data-category='SharePoint'], span[data-category='Web'] { background-color: #0078D7 !important; }
.tags *[data-category='SQL Server'] span, span[data-category='SQL Server'] { background-color: #A80000 !important; }
.tags *[data-category='Office'] span, span[data-category='Office'] { background-color: #D83B01 !important; }
.tags *[data-category='.NET'] span, .tags *[data-category='ALM'] span, .tags *[data-category='Visual Studio'] span, span[data-category='.NET'], span[data-category='ALM'], span[data-category='Visual Studio'] { background-color: #5C2D91 !important; }
.tags *[data-category='Mobile'] span, span[data-category='Mobile'] { background-color: #00B294 !important; }
.tags *[data-category='Spieleentwicklung'] span, span[data-category='Spieleentwicklung'] { background-color: #FF8C00 !important; }
.tags *[data-category='Open Source'] span, span[data-category='Open Source'] { background-color: #107C10 !important; }
.tags *[data-category='IoT'] span, span[data-category='IoT'] { background-color: #B4009E !important; }

/* SIMPLE TAGS / WITHOUT-CLOSE FUNCTION */
.tags.simple { margin-bottom: 13px; }
.tags.simple a { background-color: #333; }
.tags.simple .tag { display: inline-block; position: relative; float: left; margin: 0 5px 3px 0; padding: 0 6px 4px 6px; height: 20px; min-width: 40px; text-align: center; border: 2px solid #fff; color: #fff; text-transform: uppercase; font-size: 11px; line-height: 23px; text-decoration: none; z-index: 1; }
.tags.simple .tag:last-child { margin-right: 0; }
.tags.simple .tag:hover { border: 2px solid rgba(0,0,0,0.3); }

/* TOGGLE DESKTOP & RESPONSIVE ELEMENTS */
.desktop { display: block; }
.columns .desktop { display: table-cell; }
.responsive, .mobile-only { display: none; }
.mobile-only { position: relative; z-index: 1; }
.responsive .feature, .responsive > *:last-child { margin-bottom: 2em; }
.responsive > *:first-child { margin-top: 0; }

/* NEWS LIST */
.newstitle { position: relative; z-index: 1; }
.newstitle a { font-size: 11px; border: 1px solid #000; text-transform: uppercase; padding: 0 5px; line-height: 23px; position: relative; top: -5px; margin-left: 10px; }

.itemlist { list-style: none; padding: 65px 0 0 0; margin: 0; }
.itemlist li { height: 80px; width: 100%; overflow: hidden; }
.itemlist li:not(.pubdate) { margin-bottom: 10px; }
.pubdate { position: relative; margin-top: 20px; }
.itemlist .pubdate:first-of-type { margin-top: -80px; }
.pubdate:before, .bottomall:before { content: ''; display: block; position: absolute; top: 60px; width: 100%; height: 1px; background-color: #64717f; z-index: -1; }
.pubdate span { display: inline-block; font-family: Segoe UI; font-weight: bold; font-size: 12px; color: #64717f; background-color: #fff; padding: 0 4px; margin: 50px 0 0 8px; }
div.pubdate span { margin-top: 0; }
div.pubdate:before { top: 10px; }
.itemlist li a:hover { text-decoration: none; }
.itemlist li a:hover h3 { text-decoration: underline; }
.itemlist h3 { line-height: 18px; font-size: 14px; font-weight: bold; margin: 0; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
.itemlist p { color: #000; font-family: Segoe UI; font-size: 14px; margin: 0; line-height: 18px; max-height: 38px; overflow: hidden; }
.itemlist li a:hover > p { text-decoration: none !important; }

/* EVENT LIST */
.eventlist { list-style: none; padding: 0; margin: 0; }
.eventlist li { height: 71px; width: 100%; overflow: hidden; }
.eventlist li.pubdate { position: relative; }
.eventlist li.pubdate:before, .bottomall:before { content: ''; display: block; position: absolute; top: 60px; width: 100%; height: 1px; background-color: #64717f; z-index: -1; }
.eventlist li.pubdate span { display: inline-block; font-family: Segoe UI; font-weight: bold; font-size: 12px; color: #64717f; background-color: #fff; padding: 0 4px; margin: 50px 0 0 8px; }
.eventlist li a:hover { text-decoration: none; }
.eventlist li a:hover h3 { text-decoration: underline; }
.eventlist h3 { line-height: 18px; font-size: 14px; font-weight: bold; margin: 0; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
.eventlist p { color: #000; font-family: Segoe UI; font-size: 14px; margin: 0; line-height: 18px; max-height: 38px; overflow: hidden; }
.eventlist li a:hover > p { text-decoration: none !important; }

/* EVENT SUBMIT BTN*/
.download-kalender { margin-top: 2em; }
.download-kalender a { position: relative; font-size: 14px; font-family: Segoe UI Light; font-weight: bold; text-align: left; line-height: 17px; padding: 10px 10px 12px 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.download-kalender a:before { content: ''; position: absolute; display: block; width: 15px; height: 15px; top: 10px; left: 18px; background-image: url(marker.png); background-repeat: no-repeat; background-size: 15px 30px; }
.mobile-only .download-kalender { margin-left: 0; }

span.categoryicon { padding-left: 20px; height: 18px; margin-right: 8px; background-image: url(sprite-feedicons.png); background-repeat: no-repeat; background-size: 20px auto; background-color: #333; font-size: 11px; display: inline-block; line-height: 14px; position: relative; }
span.categoryicon:before { background-color: white; padding-bottom: 4px; content: attr(data-category); padding-left: 2px; padding-right: 5px; text-transform: capitalize; }
span.categoryicon:after { content: ''; display: block; height: 18px; width: 1px; background-color: white; position: absolute; right: 0; top: 0; }
span.categoryicon ~ a { clear: left; display: block; }

span.categoryicon[data-category='Video'] { background-position: left -18px; }
span.categoryicon[data-category='Blog'] { background-position: left -36px; }
span.categoryicon[data-category='Event'] { background-position: left -54px; }
span.categoryicon[data-category='Windows'], span.categoryicon[data-category='Windows Phone'], span.categoryicon[data-category='Microsoft Azure'], span.categoryicon[data-category='Windows'] ~ span.categoryitem, span.categoryicon[data-category='Windows Phone'] ~ span.categoryitem, span.categoryicon[data-category='Microsoft Azure'] ~ span.categoryitem { background-position: left -72px; color: #00BCF2; }
span.categoryicon[data-category='SQL Server'], span.categoryicon[data-category='SQL Server'] ~ span.categoryitem { background-position: left -90px; color: #A80000; }
span.categoryicon[data-category='Office'], span.categoryicon[data-category='Office'] ~ span.categoryitem { background-position: left -108px; color: #D83B01; }
span.categoryicon[data-category='Visual Studio'], span.categoryicon[data-category='ALM'], span.categoryicon[data-category='Visual Studio'] ~ span.categoryitem, span.categoryicon[data-category='ALM'] ~ span.categoryitem { background-position: left -126px; color: #5C2D91; }
span.categoryicon[data-category='.NET'], span.categoryicon[data-category='.NET'] ~ span.categoryitem { background-position: left -144px; color: #5C2D91; }
span.categoryicon[data-category='Web'], span.categoryicon[data-category='Web'] ~ span.categoryitem { background-position: left -162px; color: #0078D7; }
span.categoryicon[data-category='Cloud'], span.categoryicon[data-category='Cloud'] ~ span.categoryitem { background-position: left -180px; color: #0078D7; }
span.categoryicon[data-category='Mobile'], span.categoryicon[data-category='Mobile'] ~ span.categoryitem { background-position: left -198px; color: #00B294; }
span.categoryicon[data-category='Spieleentwicklung'], span.categoryicon[data-category='Spieleentwicklung'] ~ span.categoryitem { background-position: left -216px; color: #FF8C00; }
span.categoryicon[data-category='Cross Platform'], span.categoryicon[data-category='Big Data'], span.categoryicon[data-category='Cross Platform'] ~ span.categoryitem, span.categoryicon[data-category='Big Data'] ~ span.categoryitem { background-position: left -234px; color: #505050; }
span.categoryicon[data-category='DevOps'], span.categoryicon[data-category='DevOps'] ~ span.categoryitem { background-position: left -252px; color: #505050; }
span.categoryicon[data-category='Open Source'], span.categoryicon[data-category='Open Source'] ~ span.categoryitem { background-position: left -270px; color: #107C10; }
span.categoryicon[data-category='IoT'], span.categoryicon[data-category='IoT'] ~ span.categoryitem { background-position: left -288px; color: #B4009E; }
span.categoryicon[data-category='SharePoint'], span.categoryicon[data-category='SharePoint'] ~ span.categoryitem { background-position: left -306px; color: #0078D7; }
span.categoryicon[data-category='MVA'], span.categoryicon[data-category='MVA'] ~ span.categoryitem { background-position: left -324px; }
span.categoryicon[data-category='Cortana'], span.categoryicon[data-category='Cortana'] ~ span.categoryitem { background-position: left -342px; }
span.categoryicon[data-category='Microsoft HoloLens'], span.categoryicon[data-category='Microsoft HoloLens'] ~ span.categoryitem { background-position: left -360px; }
span.categoryicon { background-color: #bababa !important; color: #bababa !important; }

span.item-pubdate { color: #bababa; display: inline-block; font-size: 11px; height: 18px; line-height: 14px; }
span.item-pubdate:before { content: "-\a0"; }

.bottomall { width: 100%; position: relative; text-align: center; top: -20px; }
.bottomall:before { top: 10px; }
.bottomall a { display: inline-block; padding: 0 4px; background-color: #fff; font-size: 14px; font-weight: bold; }

/* PAGEFLIP */
.pageflip { border-spacing: 0; display: table; width: 100%; margin-top: 60px; padding-top: 10px; position: relative; }
.pageflip > * { display: table-cell; vertical-align: middle; white-space: nowrap; }
.entries-per-page { padding-left: 10px; padding-right: 10px; text-align: right; width: 100%; color: #616e7c; font-weight: bold; font-size: 12px; }
.pageflip > a { padding-left: 5px; padding-right: 5px; text-align: center; height: 22px; width: 12px; }
.pageflip > a:hover, .pageflip > a.current { background-color: #616e7c; color: white; text-decoration: none; }
.pageflip > a:after { content: ''; display: block; width: 12px; }
.pageflip .previous:before, .pageflip .next:after { content: "\f130"; font-family: icons; font-size: 22px; line-height: 21px; height: 21px; display: inline; }
.pageflip .previous { padding-left: 0; }
.pageflip .next:after { content: "\f131"; }
.pageflip .previous:hover, .pageflip .next:hover { background-color: transparent; color: #616e7c; }
.pageflip > span.mobile { display: none; }
span.mobilepaging { display: none; }
span.mobilepaging > .pageflip { margin-top: 0; margin-bottom: 20px; border-top: none; padding-top: 0; }
.events ~ .pageflip .entries-per-page, .events ~ .pageflip .entries-per-page ~ a { visibility: hidden; }

/* COLORS */
/*body #banderole { background-color: #68217a; }*/

/* DATA-TABLE */
table.data-table { width: 100%; border-spacing: 0; }
table.data-table th { background-color: #eee; background-color: #f5f5f5; font-weight: 700; color: #505050; padding: .5em .75em .75em .75em; text-align: left; vertical-align: top; }
table.data-table td,
table.data-table th { border-right: 1px solid #d2d2d2; border-top: 1px solid #d2d2d2; }
table.data-table td { padding: 0.25em .75em .75em .75em; vertical-align: top; }
table.data-table th:first-child { border-left: 1px solid #d2d2d2; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; }
table.data-table th:last-child { -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; }
table.data-table tr td:first-child { border-left: 1px solid #d2d2d2; }
table.data-table tr:last-child td { border-bottom: 1px solid #d2d2d2; }
table.data-table tr:last-child td:first-child { -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
table.data-table tr:last-child td:last-child { -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }

/* TEMPLATE ELEMENTS HERE */
.grid-cell { position: relative; }
.grid-cell .teaser-image { position: relative; display: block; margin-bottom: 10px; }
.grid-cell .teaser-image.border::after { content: ''; position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #ccc; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.grid-cell .teaser-image img { width: 100%; }
.grid-cell h2 { font-size: 22px; }
.grid-cell ul { padding-left: 10px; }
/*small headline, default buttons*/
.grid-cell.style-1 h2 { font-size: 18px; }
/*small headline, buttons 100%*/
.grid-cell.style-2 h2 { font-size: 18px; }
.grid-cell.style-2 [role="button"] { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
/*normal headline, buttons 100%*/
.grid-cell.style-3 [role="button"] { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
/* GRID CELL GALLERY */
.grid-cell.gallery .teaser-image { margin-bottom: 0; }
.grid-cell.gallery figure.figure { padding: 0; }

/* BUTTONS / COLORS */
[role="button"] { display: inline-block; background-color: #737373; font-size: 16px; font-weight: 600; line-height: 22px; padding: 4px 12px 8px 13px; min-width: 62px; text-decoration: none; font-family: "Segoe UI Semibold","Segoe UI",Tahoma,Arial,Verdana,Sans-Serif; color: #fff; text-align: center; }
[role="button"].cta { margin-top: 1em; padding: 8px 15px 10px 16px; }
[role="button"]:hover { background-color: #505050; color: #fff; text-decoration: none; }
.grey { background-color: #737373; }
.grey:hover { background-color: #505050; }
.lime { background-color: #7fba00; }
.lime:hover { background-color: #008a00; }
.green { background-color: #008a00; }
.green:hover { background-color: #007233; }
.orange { background-color: #fe8b00; }
.orange:hover { background-color: #e88206; }
.blue { background-color: #0072c6; }
.blue:hover { background-color: #002050; }
.azure { background-color: #01bcf2; }
.azure:hover { background-color: #0072c6; }
.pink { background-color: #5c2d91; }
.pink:hover { background-color: #32145a; }
.purple { background-color: #68217a; }
.purple:hover { background-color: #32145a; }
.black { background-color: #000; }
.black:hover { background-color: #fff; color: #000; }
.disabled { background-color: #eee; cursor: default; }
.disabled:hover { background-color: #eee; }

/* EXPANDABLE */
.expandable { display: none; overflow: hidden; }
.expandable p { margin-top: 0; }

/* TABS */
.tabs > a { padding: 16px 26px; display: block; float: left; border: 1px solid #d2d2d2; border-bottom: 0; margin-left: -1px; margin-bottom: -1px; text-decoration: none; color: #333; font-size: 18px; }
.tabs > a:first-child { margin-left: 0; }
.tabs > a.active { border-bottom: 1px solid #fafafa; background-color: #fafafa; }
.tabs > a:hover { background-color: #fafafa; }
.tab-content { display: none; padding: 20px; border: 1px solid #d2d2d2; background-color: #fafafa; }
[data-content="#tab1"] { display: block; }

/* TEMPLATE 3-column-full */
.columns-3-to-2 { display: block !important; border-spacing: 0 !important; margin: 40px 0 0 0 !important; width: 1220px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.columns-3-to-2 .grid-cell { display: table-cell; width: 33.33%; padding-right: 40px; }

/* TEMPLATE 4-column-full */
.columns-4-to-2 { display: block !important; border-spacing: 0 !important; margin: 40px 0 0 0 !important; width: 1220px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.columns-4-to-2 .row { display: block !important; width: 50%; float: left; border-spacing: 0; }
.columns-4-to-2 .grid-cell { display: table-cell; width: 50%; padding-right: 40px; }

/* TILES VIEW */
.tiles .full { margin-top: 10px; }
.tiles h2 { margin-top: 40px; margin-bottom: 34px; }
.tiles .grid-cell { height: 70px; background-color: #f2f2f2; }
.tiles .grid-cell h3 { font-size: 16px; font-weight: bold; margin: 0; padding: 0 0 3px; color: #176faa; }
.tiles .grid-cell a > * { display: block; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
.tiles .grid-cell a span { display: none; font-size: 16px; color: #000; }
.tiles .grid-cell a:hover { text-decoration: none; }
.tiles .grid-cell a:hover h3 { text-decoration: underline; }
.resource a::before, .download a::before { position: absolute; display: block; top: -2px; right: 5px; width: 50px; height: 80px; line-height: 80px; color: #176faa; font-size: 32px; font-family: icons; }
.resource a::before { content: '\f035'; }
.download a::before { content: '\f019'; top: -2px; }

/* MVA */
.mva .tiles .grid-cell { height: auto; background-image: url(sprite-mva.png); background-repeat: no-repeat; background-size: 50px auto; background-position: right 10px top 0; }
.mva .tiles .grid-cell a { display: block; padding: 14px 80px 17px 20px; }
.mva .tiles .grid-cell a > * { white-space: normal; overflow: visible; }
.mva .tiles .grid-cell a > h3 { height: 2.3em; overflow: hidden; }
.mva .tiles .grid-cell.windows, .mva .tiles .grid-cell.windows-phone, .mva .tiles .grid-cell.microsoft-azure { background-position: right 10px top -70px; }
.mva .tiles .grid-cell.sql-server { background-position: right 10px top -140px; }
.mva .tiles .grid-cell.office { background-position: right 10px top -210px; }
.mva .tiles .grid-cell.visual-studio, .mva .tiles .grid-cell.alm { background-position: right 10px top -280px; }
.mva .tiles .grid-cell.net { background-position: right 10px top -350px; }
.mva .tiles .grid-cell.mobile { background-position: right 10px top -560px; }
.mva .tiles .grid-cell.cross-plattform { background-position: right 10px top -700px; }
.mva .tiles .grid-cell.devops { background-position: right 10px top -770px; }
.mva .tiles .grid-cell.open-source { background-position: right 10px top -840px; }
.mva .tiles .grid-cell.iot { background-position: right 10px top -910px; }
.mva .tiles .grid-cell.sharepoint { background-position: right 10px top -980px; }

/* EVENTS */
.events form span.columns:first-of-type .eventlist li.pubdate { margin-top: -1px; }
.events .eventlist li.pubdate { margin-bottom: 10px; }
.events .tiles .grid-cell { border-bottom: 10px solid white; border-right: 20px solid white; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; width: 50%; height: 80px; }
.events .tiles .grid-cell:nth-of-type(2n) { border-left: 20px solid white; border-right: none; }
.events .tiles .grid-cell h3 { font-size: 14px; line-height: 18px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding-right: 63px; }
.events .tiles .grid-cell a { display: inline; }
.events .tiles .grid-cell a:hover { text-decoration: underline; }
.events .tiles .grid-cell span.eventdesc:first-of-type { font-size: 11px; display: block; line-height: 11px; }
.events .tiles .grid-cell span.eventdesc:last-of-type { display: block; font-size: 14px; line-height: 22px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding-right: 63px; }
.events .tiles .grid-cell input { display: none; }
.events .tiles .grid-cell label { display: block; position: relative; height: 54px; padding: 6px 6px 6px 28px; border: 2px solid transparent; }
.events .tiles .grid-cell label:hover { border: 2px solid rgba(0,0,0,0.1); }
.events .tiles .grid-cell label:before { content: ''; position: absolute; display: block; width: 15px; height: 15px; top: 8px; left: 7px; background-image: url(marker.png); background-repeat: no-repeat; background-size: 15px 30px; cursor: pointer; }
.events .tiles .grid-cell input:checked + label { background-color: #fff; border: 2px solid #176faa; }
.events .tiles .grid-cell input:checked + label:before { background-position: left -15px; }
.events .tiles .grid-cell input:checked + label div.eventdate { color: #176faa; }
.events .tiles .grid-cell div.eventdate { position: absolute; top: 15px; right: 15px; height: 40px; width: 40px; font-weight: bold; cursor: pointer; }
.events .tiles .grid-cell div.eventdate > * { display: block; text-align: center; }
.events .tiles .grid-cell div.eventdate span:first-of-type { font-size: 34px; font-family: Segoe UI; }
.events .tiles .grid-cell div.eventdate span:last-of-type { font-size: 16px; text-transform: uppercase; line-height: 28px; font-family: Segoe UI Light; }
.events .tiles > form { margin-top: -26px; }

/* AUTHORS */
.desktop .feature.authordetail { height: 375px; overflow: hidden; }

.portraits { overflow: hidden; margin-left: -1px; }
.portraits > * { color: #505050; background-color: #fff; display: block; float: left; width: 87px; height: 87px; margin-bottom: 9px; position: relative; }
.portraits > *:nth-child(n+10) { margin-bottom: 0; }
.portraits > *:nth-child(3n+1), .portraits > *:nth-child(3n+2) { margin-right: 10px; }
.portraits a { text-decoration: none; overflow: hidden; }
.portraits a:after { content: attr(data-name); display: block; width: 87px; height: 0; position: absolute; bottom: 0; left: 0; font-size: 12px; line-height: 12px; background-color: #000; color: #fff; -webkit-transition: height 0.1s ease-in-out 0s; transition: height 0.1s ease-in-out 0s; }
.portraits a:hover:after { height: 25px; padding: 3px 4px 4px; width: 79px; }
.portraits a > img { width: 100px; height: 100px; margin-top: 0; -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; background-color: #eee; }
.portraits a:hover > img { width: 87px; height: 87px; margin-top: -10px; }

.right-rail:not(.desktop) .portraits > *:nth-of-type(n+6) { display: none; }
.right-rail:not(.desktop) .portraits > * { float: none; margin: 0; width: 100%; height: 30px; padding: 5px; }
.right-rail:not(.desktop) .portraits > a:hover { background-color: #f6f6f6; }
.right-rail:not(.desktop) .portraits > * img { height: 100%; width: auto; }
.right-rail:not(.desktop) .portraits a:hover > img { height: 100%; width: auto; margin-top: 0; }
.right-rail:not(.desktop) .portraits a:after { display: inline-block; height: 100%; width: 190px; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; background-color: transparent; color: #333; -webkit-transition: none; transition: none; font-size: 16px; font-family: Segoe UI Light; line-height: 38px; padding: 0 0 0 45px; }
.right-rail:not(.desktop) .portraits a:hover:after { height: 100%; padding: 0 0 0 45px; width: 190px; }

#hero-slider .item div span.mvp { display: block; height: 20px; width: 23px; float: left; margin: 3px 10px 0 0; padding: 0 6px 4px 28px; background-color: #166fa9; background-image: url(sprite-social.png); background-repeat: no-repeat; background-position: 3px -58px; background-size: 21px auto; text-transform: uppercase; font-size: 11px; line-height: 23px; }

/* ARTICLE TEMPLATE */
.author-box { position: relative; margin-bottom: 20px; overflow: hidden; }
.author-box .thumbnail { display: block; float: left; width: 75px; height: 75px; margin-right: 10px; border-radius: 50%; border: 1px solid #cdd0d0; }
.author-box h3 { font-size: 16px; margin: 0; }
.author-box .website { display: block; margin: 0 0 13px; }
.author-box a.website { display: inline-block; }
.author-box .position { padding-bottom: 10px; }
.author-box .infotext { clear: both; padding-top: 10px; }
.author-box .blog, .author-box .twitter a, .author-box .email { display: block; position: relative; float: left; margin: 0 5px 0 0; padding: 0 6px 4px 28px; height: 20px; background-color: #68217a; color: #fff; text-transform: uppercase; font-size: 11px; line-height: 23px; text-decoration: none; }
.author-box .blog:hover { background-color: #32145a; }
.author-box .blog { background-image: url(sprite-social.png); background-repeat: no-repeat; background-position: 4px -21px; background-size: 17px auto; }
.author-box .twitter a { margin: 0; background-color: #00BCF2; background-image: url(sprite-social.png); background-repeat: no-repeat; background-position: 5px 4px; background-size: 17px auto; }
.author-box .twitter a:hover { background-color: #0078D7; }
.author-box .email:hover { background-color: #32145a; }
.author-box .email { background-image: url(sprite-social.png); background-repeat: no-repeat; background-position: 4px -91px; background-size: 17px auto; }
.author-box.author-detail { margin: 30px 0 80px; }

.right-rail .author-box h3, .right-rail .author-box .website { white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; max-width: 155px; vertical-align: bottom; }
.mobile-only .author-box > * { float: left; margin-right: 10px !important; }
.mobile-only .author-box a.website { display: block; position: relative; margin: 0 5px 0 0; padding: 0 6px 4px 28px; height: 20px; background-color: #0072c6; background-image: url(sprite-social.png); background-repeat: no-repeat; background-position: 3px -88px; background-size: 21px auto; color: #fff; text-transform: uppercase; font-size: 0px; line-height: 23px; text-decoration: none; }
.mobile-only .author-box a.website:hover { background-color: #002050; }
.mobile-only .author-box a.website:before { content: 'Website'; display: block; font-size: 11px; }

ul.related { margin: 0; padding: 0; list-style: none; }
ul.related li { margin-bottom: 1em; border-bottom: 1px solid #edf0f7; }
ul.related li:last-of-type { border-bottom: none; }
ul.related span { display: block; }
ul.related li > a { display: inline-block; margin-bottom: 1em; }
.authors { margin-bottom: 1em; }
figure + figure { margin-top: 1em !important; }
figure.figure { display: block; margin: 0; padding: 20px 0; text-align: center; background-color: #eee; }
figure.figure img { display: block; max-width: 600px; max-height: 500px; margin: 0 auto; }
figure.figure a { position: relative; display: inline-block; margin: 0 auto; text-decoration: none !important; vertical-align: bottom; overflow: hidden; }
figure.figure a::after { content: "\e11a"; position: absolute; display: none; top: 50%; margin-top: -24px; right: 0; font-family: icons; color: white; font-size: 48px; line-height: 48px; text-align: center; width: 100%; }
body.no-i-device figure.figure a:hover::after { display: block; }
figure.figure a .mask { position: absolute; display: none; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; background-color: rgba(0,0,0,.5); }
body.no-i-device figure.figure a:hover .mask { display: block; }
figure.figure figcaption { margin-top: 20px; padding: 6px 10px 5px 10px; text-align: left; font-style: italic; }
pre { max-width: 100%; overflow-y: auto; color: #fff; padding-bottom: 10px; background-color: #505050; border: 10px solid #505050; -webkit-overflow-scrolling: touch; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
blockquote { margin-left: 0; margin-right: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0.6em 1.6em; border-left: 5px solid #68217a; background-color: #eee; }
blockquote.noborder { border-left: 5px solid #eee; background-color: #fff; }
.pubdate + video { margin-top: 20px; }

.inline-navigation { background-color: #eee; padding: 1.8em 1.8em; border-left: 4px solid #68217a; margin-top: 2em; }
.inline-navigation h2:first-of-type, .inline-navigation h3:first-of-type { margin-top: 0; }

/* VIDEO DETAIL PAGE */
.hero video { height: auto; }
.video-wrapper { position: relative; }
.video-iframe-wrapper { position: relative; padding-bottom: 56.25%; padding-top: 5px; height: 0; overflow: hidden; border: 1px solid #333; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.video-iframe-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*.video-iframe-wrapper { position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.video-iframe-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 98%; }*/
.feature.video > a img { width: 100px; height: 56px; float: left; margin-right: 6px; border: 1px solid #333; }

/* NEWS DETAIL TEMPLATE */
.related-list { margin-top: 5em; }
.related-list h2 { margin-bottom: 1em; }
.related-list .itemlist { padding-top: 0; }

/* PAGE SPECIFIC OVERRIDES */
/* HOME */
.full.newsbottom { margin-top: 49px; }
.full.mva { margin-top: 28px; margin-bottom: 55px; }
.germany-techwiese-default-aspx .filter.Autor,
.germany-techwiese-default-aspx .filter.Version { display: none; }
/* NEWS */
.germany-techwiese-news-default-aspx .filter.Version { display: none; }
/* EVENTS */
.germany-techwiese-events-default-aspx .filter.Typ,
.germany-techwiese-events-default-aspx .filter.Version { display: none; }
.germany-techwiese-events-default-aspx .right-rail #filter { margin-bottom: 0; }
/* KNOW-HOW */
.germany-techwiese-know-how-default-aspx .filter.Version { display: none; }

/* NEWSLETTER ARCHIVE LIST */
.nl-archive { display: block; margin: 0 0 0 -40px; padding: 0; }
.nl-archive li { display: list-item; border-left: 40px solid #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; float: left; margin-bottom: 10px; padding-left: 10px; list-style-position: inside; list-style-type: square; }
.nl-archive li:not(:nth-of-type(-n+8)) span { display: inline; margin-left: -2px; }
.nl-archive li:nth-of-type(-n+8) { display: block; background-color: #fff; height: 80px; overflow: hidden; padding: 0; font-size: 16px; background-image: url(nl-grid-bg.jpg); background-repeat: no-repeat; background-size: 432px 288px; background-position: -60px -165px; }

.nl-archive li:nth-of-type(2) { background-position: left -20px; }
.nl-archive li:nth-of-type(3) { background-position: center -120px; }
.nl-archive li:nth-of-type(4) { background-position: right bottom; }
.nl-archive li:nth-of-type(5) { background-position: right -55px; }
.nl-archive li:nth-of-type(6) { background-position: center bottom; }
.nl-archive li:nth-of-type(7) { background-position: center top; }
.nl-archive li:nth-of-type(8) { background-position: right top; }

.nl-archive li:nth-of-type(-n+8) a { display: block; height: 80px; position: relative; }
.nl-archive li:nth-of-type(-n+8) a:hover { text-decoration: none; }
.nl-archive li:nth-of-type(-n+8) a span { width: 100%; background-color: #68217a; padding: 2px 0 5px 10px; text-align: left; color: #fff; white-space: nowrap; position: absolute; bottom: 0; height: 20px; -webkit-transition: height 0.2s ease-out 0s; -moz-transition: height 0.3s ease-out 0s; -o-transition: height 0.3s ease-out 0s; transition: height 0.3s ease-out 0s; }
.nl-archive li a span > p { display: none; white-space: normal; margin: 5px 0; font-size: 11px; line-height: 130%; height: 45px; overflow: hidden; width: 90%; }
.nl-archive li:nth-of-type(-n+8) a:hover span { height: 73px; }
.nl-archive li:nth-of-type(-n+8) a:hover span > p { display: block; }
.nl-archive li:nth-of-type(8) { margin-bottom: 20px; }

@media all and (max-width:1280px) {
		.bd-container { /* banderole-ad/v3.0.3/ */ display: none; }
		body > .stage.columns { position: relative; border-spacing: 0; max-width: 100%; }
		.stage { max-width: 100%; margin: 0; padding-left: 0; padding-right: 0; }
		.stage > .columns.spaced-40 { max-width: 100%; width: 100%; margin: 0; }
		.stage > .columns.spaced-40.hero { margin-bottom: -40px; }
		.stage > .columns > * { display: table-cell; width: 100%; }
		body > .stage.columns > div:first-of-type { width: 100%; }
		body > .stage > h2, body > .stage > h2 { margin: 20px; }

		/* CLOUDSTUDENT VIDEO TEMPLATE */
		/*/germany/techwiese/techstudent/cloud/cloud-services-fuer-schueler-und-studenten-03-web-apps.aspx*/
		.stage.cloudstudent > .columns.spaced-40 { margin-bottom: -40px; }

		/* HEADER */
		#header { padding: 0; }
		#header .stage { padding: 0 16px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
		#header #brand { font-size: 18px; color: #fff; display: inline-block; }
		#note { padding: 0 40px; }
		#note-flyout { padding-left: 12px; padding-right: 20px; }

		/* HERO SLIDER */
		#hero-slider .item div { height: auto; }
		#hero-slider .item div *:not(.mvp) { margin-right: 0; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
		#hero-slider .carousel .item div * { margin-right: 130px; }

		/* TOGGLE DESKTOP & RESPONSIVE ELEMENTS */
		.desktop, .columns .desktop { display: none; }
		.responsive { display: block; }

		h1, h2, h3 { font-family: Segoe UI Light,Tahoma,Arial,Verdana,Sans-Serif; font-weight: 100; line-height: 1.2em; }

		#banderole { margin-top: 60px; border-right: 20px solid transparent; border-left: 20px solid transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
		/*#banderole .banner { font-size: 20px; }*/

		/* NEWSLETTER ARCHIVE LIST */
		.nl-archive { margin: 0 0 0 -20px; }
		.nl-archive li { display: block; border-left: 20px solid #fff; padding-left: 5px; }
		.nl-archive li:nth-of-type(-n+8) { font-size: 13px; }
		.nl-archive li:nth-of-type(-n+8) a span { padding-left: 5px; }

		/* FOOTER */
		#footer > *:first-child > * { width: 25%; }
		#footer > *:first-child > *:last-child { width: 25%; }
		#footer ul:not(#legal):first-child { margin-top: 15px; }
		#footer > .stage { border-left: 20px solid transparent; border-right: 20px solid transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
		#footer > .columns > *:nth-of-type(odd) { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right: 40px solid transparent; }
		#footer #overlay { border: none; }
		#legal { display: block; float: right; margin: 20px 90px 10px 0; }
		#legal li { float: left; padding: 0; margin: 0 20px 0 0; }
		#legal li:not(#copyright) { position: relative; z-index: 100; }
		#legal a { padding: 0; }
		#legal > * { display: block; }
		#footer #copyright { clear: both; padding: 20px 7px 0 90px; text-align: right; width: 100%; margin: -38px 0 5px; }
		.hide-for-footer { display: none; }

		/* LIST VIEW HOMEPAGE OVERRIDE */
		.full.newslist .half { display: block; width: 100%; }
		.full.newslist .half:last-child { /* Startseite / 2-column-split */ padding-left: 0; margin-top: 20px; }
		/* MVA/EVENTS OVERRIDE */
		.mva .columns > .half { display: block; width: 100%; }
		.nine-to-three > * > .full.mva .half:last-child { /* Startseite / 2-column-split */ padding-left: 0; }
		.mva .tiles div.half { margin-top: 10px !important; }
		.mva .tiles div.half:first-child { margin-top: 0 !important; }

		.events .tiles .grid-cell { border: none; border-bottom: 10px solid white; float: none; width: 100%; }
		.events .tiles .grid-cell:nth-of-type(2n) { border: none; border-bottom: 10px solid white; }

		/* VIDEO DETAIL PAGE */
		.hero video { height: auto; }

		/* ARTICLE */
		pre, figure.figure, figure.figure img, figure.figure a { max-width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
		figure.figure { padding: 0; }
		figure.figure figcaption { margin: 0; }

		/* TEMPLATE 3-column-full */
		.columns-3-to-2 { width: 100% !important; padding-left: 40px; }
		.columns-3-to-2 .grid-cell { display: block; width: 33.33%; padding-right: 40px; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
		/* TEMPLATE 4-column-full */
		.columns-4-to-2 { width: 100% !important; padding-left: 40px; }
		.columns-4-to-2 .row { width: 50% !important; }
}

/* MOBILE NAVIGATION - STATE 1 */
@media all and (max-width: 960px) {
		#header > .stage { height: 47px; }
		#header #logo-ms { width: 88px; height: 19px; margin-top: 13px; background-position: -848px -3px; }
		#header .divider { margin: 15px -1px 10px 20px; }
		#header #level-0-nav { margin: 15px 18px 0 20px; padding: 0; font-size: 14px; border: none; }
		#header #level-0-nav::before, #header #level-0-nav::after { display: none; }

		#icon-utilities { display: inline-block; }
		#utilities { display: none; float: none; margin: 24px 0 25px 1px; }
		#utilities ul { overflow: hidden; float: none; }
		#utilities a { font-size: 16px; margin: 0; }
		#utilities ul#links li:first-child a { margin-right: 16px; }

		#utilities #social { padding-top: 24px; }
		#utilities #social li { margin-left: 40px; }
		#utilities #social li:first-child { margin-left: 0; }
		#utilities #social a { width: 27px; height: 27px; background-size: 995px auto; }
		#utilities #social a.facebook { background-position: -129px -2px; }
		#utilities #social a.twitter { background-position: -192px -2px; width: 30px; }
		#utilities #social a.instagram { background-position: -1px -2px; }
		#utilities #social a.googleplus { background-position: -160px -2px; margin-left: -5px; }

		#nav-wrapper { height: 45px; }
		#icon-menu { display: inline-block; }
		#navigation { display: block; position: absolute; width: 320px; top: 45px; left: -320px; margin: 0; background-color: #fff; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); -webkit-transform: translate(0, 0); -webkit-transform: -webkit-translate(0, 0); transform: translate(0, 0); -moz-transition: transform 350ms ease-in-out; -o-transition: transform 350ms ease-in-out; -webkit-transition: -webkit-transform 350ms ease-in-out; transition: transform 350ms ease-in-out; }
		#navigation.active { -moz-transform: translate(320px, 0); -ms-transform: translate(320px, 0); -o-transform: translate(320px, 0); -webkit-transform: translate(320px, 0); -webkit-transform: -webkit-translate(320px, 0); transform: translate(320px, 0); }
		#navigation > * { display: block; }
		#navigation a { width: calc(100% - 40px); height: 29px; padding: 17px 20px 7px 20px !important; font-size: 18px; color: #555; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -moz-transition: background-color 0.1s ease-in-out; -o-transition: background-color 0.1s ease-in-out; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; }
		#navigation > * > a:hover, #navigation .current a:hover { color: #555; background-color: #d8d8d8; }

		#navigation > * > a, .subnavigation a { border: none; border-bottom: solid 1px #e5e5e5 !important; }
		#navigation > * > a::before { display: none; }

		#navigation a.drop-down::after { background-position: -1430px -3px; width: 17px; height: 10px; top: 22px; right: 25px; }
		#navigation a.drop-down.active::after { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); background-position: -1430px -2px; }
		#navigation a.drop-down.active { background-color: #d8d8d8; }
		#navigation a.drop-down.active + .subnav-wrapper { display: none; }
		#navigation .subnavigation { position: relative; padding: 0; border: 0; }
		#navigation .subnavigation a { height: 29px; padding: 10px 45px 14px 42px !important; background-color: #f2f2f2; width: auto !important; }
		#navigation .subnavigation a:hover { background-color: #d8d8d8; }
		#navigation .subnavigation a.current { background-color: #d8d8d8; }

		/* FLYOUT RESPONSIVE */
		#navigation li.flyout a.active { background-color: #d8d8d8; }
		#navigation li.flyout a.active::after { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); background-position: -1430px -2px; }
		#navigation li.flyout .flyout-wrapper { left: auto; width: auto !important; }
		li.flyout > a::after { background-position: -1430px -3px; width: 17px; height: 10px; top: 22px; right: 25px; }
		li.flyout .flyout-wrapper { position: relative; top: auto; border: 0; left: auto; height: auto; width: auto; }
		li.flyout .flyout-wrapper ul { padding: 0; }

		#header .stage.auto-height { height: auto; }
}

@media all and (max-width: 900px) {
		.columns > .right-rail { display: none; }
		.tags { display: none; }
		.hide-on-mobile { display: none; }
		.mobile-only { display: block; }
		.responsive .feature { margin-left: 0; }

		/* Achtung hier neues Layout, Column Layout aufbrechen, Right Rail floatet runter */
		.stage > .columns.keep-right-rail .content { margin-bottom: 2em; }
		.stage > .columns.keep-right-rail { display: block; padding: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
		.stage > .columns.keep-right-rail > * { display: block; }
		.stage > .columns.keep-right-rail > .right-rail { width: 100% !important; padding: 0; }
		.stage > .columns.keep-right-rail .feature > * { background-color: #f2f2f2; text-align: center; padding: 20px 0; }
		.stage > .columns.keep-right-rail .feature img { display: inline-block; width: auto; vertical-align: bottom; }

		div:not(.right-rail) .filter { position: relative; top: auto; right: auto; }

		/* NEWSLETTER ARCHIVE LIST */
		.nl-archive li { padding-left: 10px; }
		.nl-archive li:nth-of-type(-n+8) a span { padding-left: 10px; }

		/* FOOTER */
		#footer > .stage > div { width: 50% !important; }
		#footer > .columns > * { display: block; }
		#footer > .columns > *:nth-of-type(odd) { float: left; }
		#footer > .columns > *:nth-of-type(even) { float: right; }
		#footer > .columns > *:nth-of-type(even) + * { clear: both; }
		#footer > .stage > div > a { max-width: 225px; }



		#legal li { margin: 0 10px 0 0; }

		.mobile-only .author-detail.author-box { margin: 22px 0 -16px; z-index: 1; }

		.off-canvas.wrapper { display: block; }

		/* TEMPLATE 3-column-full */
		.columns-3-to-2 .grid-cell { width: 50%; }
		.columns-3-to-2 .grid-cell:nth-of-type(3) { clear: both; margin-top: 40px; }
		/* TEMPLATE 4-column-full */
		.columns-4-to-2 { width: 100% !important; padding-left: 40px; }
		.columns-4-to-2 .row { display: table-row !important; width: auto !important; padding-bottom: 40px; }
}

@media all and (max-width: 768px) {
		#note { padding: 0; }
		#note-flyout .close-cta { right: 15px; }

		/* HERO SLIDER */
		#hero-slider .carousel .item div { padding-left: 50px; }
		#hero-slider .item div * { margin-right: 0; }
		#hero-slider .item div span.mvp ~ span { line-height: 28px; }
		#hero-slider .carousel .item div * { margin-right: 30px; }
		#hero-slider .item div h2 { font-size: 28px; }
		#hero-slider .item div p { font-size: 14px; }
		.owl-controls { bottom: 97px; }
		.owl-dots { display: none !important; }
		.owl-nav { display: block; }
		.owl-nav > * { bottom: 0; }

		h1, h2 { font-size: 26px; }
		.content h1.hub-page { line-height: 1.2em; }
		h2.hub-page, .tiles h2.hub-page { line-height: 1.2em; }

		.stage > .columns.spaced-40 { border-spacing: 20px; margin-bottom: -20px; }
		.stage > .columns.spaced-40.hero { border-spacing: 0; margin: 0; }

		.mobile-only .author-detail.author-box { margin: 22px 0 -32px; z-index: 1; }

		#footer > .stage > div { width: 50% !important; }
		#footer > .columns > * { display: block; }
		#footer > .columns > *:nth-of-type(odd) { float: left; }
		#footer > .columns > *:nth-of-type(even) { float: right; }
		#footer > .columns > *:nth-of-type(even) + * { clear: both; }
		#footer > .stage > div > a { max-width: 225px; }
		#legal li { margin: 0 10px 0 0; }

		.columns.spaced-40 { border-spacing: 20px; margin: 0 -20px; }
		.columns .columns.spaced-40 { margin-top: -20px; }

		.nine-to-three > .full, .full, .grid .full { margin-top: 20px; }
		.nine-to-three > * > .full .half:first-child { /* Startseite / 2-column-split */ padding-right: 10px; }
		.nine-to-three > * > .full .half:last-child { /* Startseite / 2-column-split */ padding-left: 10px; }
		/* HOMEPAGE OVERRIDE */
		.newslist.full :last-child.half { /* Startseite / 2-column-split */ padding-left: 0; }

		/* Achtung hier neues Layout, Column Layout aufbrechen, Right Rail Floatet runter */
		.stage > .columns.keep-right-rail { padding: 20px; }

		/* TEMPLATE 3-column-full */
		.columns-3-to-2 { padding-left: 20px; margin-top: 20px !important; }
		.columns-3-to-2 .grid-cell { padding-right: 20px; }
		.columns-3-to-2 .grid-cell:nth-of-type(3) { margin-top: 20px; }
		/* TEMPLATE 4-column-full */
		.columns-4-to-2 { padding-left: 20px; margin-top: 20px !important; }
		.columns-4-to-2 .row { padding-bottom: 20px; }
		.columns-4-to-2 .row:last-child { padding-bottom: 0; }
		.columns-4-to-2 .grid-cell { padding-right: 20px; }
		/* TILES VIEW / DOWNLOADS / RESOURCES */
		.tiles h2 { margin-top: 20px; }
		/* VIDE DETAIL PAGE */
		.video-iframe-wrapper { border-top: none; border-right: none; border-left: none; }

		/* NEWSLETTER ARCHIVE LIST */
		.nl-archive li:nth-of-type(-n+8) { width: 50%; }
}

@media all and (max-width: 680px) {
		/* NEWSLETTER ARCHIVE LIST */
		.nl-archive li { display: list-item; width: 50%; }

		/* FOOTER */
		#footer > .stage > div { width: 100% !important; }
}

/* MOBILE NAVIGATION - STATE 2 */
@media all and (max-width: 640px) {
		#header .stage { padding: 0 26px; }
		#header > .stage { height: 83px; }
		#header #logo-ms { width: 112px; height: 24px; margin: 29px 0 30px 0; background-position: -1140px -3px; }

		#header .divider { margin: 32px 20px 10px 20px; }
		#header #level-0-nav { line-height: 84px; font-size: 24px; margin: -1px 0 0 0; }
		#header #level-0-nav span { display: none; }

		#icon-utilities { margin-top: 28px; }
		#utilities { margin: 24px 0 30px 1px; }

		#utilities #social { padding-top: 31px; }
		#utilities #social a { width: 30px; height: 30px; background-size: 1100px auto; }
		#utilities #social a.facebook { background-position: -143px -2px; }
		#utilities #social a.twitter { background-position: -214px -1px; width: 32px; }
		#utilities #social a.instagram { background-position: -2px -2px; }
		#utilities #social a.googleplus { background-position: -177px -2px; }

		#nav-wrapper { height: 90px; }
		#icon-menu { width: 30px; height: 28px; margin: 30px 26px 31px 0; background-position: -1259px -3px; }
		#navigation { width: 80%; top: 90px; left: -80%; }
		#navigation.active { -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); -webkit-transform: translate(100%, 0); -webkit-transform: -webkit-translate(100%, 0); transform: translate(100%, 0); }
		#navigation a { padding: 35px 30px 25px 20px !important; width: calc(100% - 50px) !important; font-size: 28px; }

		#navigation .subnavigation a { padding: 28px 60px 32px 64px !important; }
		#navigation a.drop-down::after { background-position: -1331px -4px; width: 25px; height: 15px; top: 40px; right: 31px; }
		#navigation a.drop-down.active::after { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); background-position: -1331px -3px; }

		/* FLYOUT RESPONSIVE */
		#navigation li.flyout a.active::after { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); background-position: -1331px -3px; }
		li.flyout > a::after { background-position: -1331px -4px; width: 25px; height: 15px; top: 40px; right: 31px; }
}

@media all and (max-width: 480px) {
		/* HERO SLIDER */
		#hero-slider .item div { height: 56px; }
		#hero-slider .item div h2 { font-size: 22px; text-align: left; }
		#hero-slider .item div p { font-size: 12px; }
		.owl-nav > * { height: 87px; bottom: 6px; }
		.owl-nav > *::before { top: 29px; }

		.newstitle a { display: none; }
		.stage > .columns.keep-right-rail .feature > * { padding: 0; }
		.stage > .columns.keep-right-rail .feature img { display: block; width: 100%; }

		.mobile-only .author-detail.author-box { margin: 22px 0 -12px; z-index: 1; }

		#banderole { border-right: 10px solid transparent; border-left: 10px solid transparent; padding: 10px 0; }

		/* FOOTER */
		#footer #legal { font-size: 12px; }

		#note-flyout > span { display: none; }
		#note a { margin: 0; }

		/* TABLE CELLS 100% WIDTH*/
		.nine-to-three > .full, .full { margin-top: 0; /*Draft bin mir noch nicht sicher ob das passt*/ }
		.columns > .full, .columns > .half, .columns > .grid-cell { display: block; width: 100%; }
		.nine-to-three > * > .full .half:last-child { /* Startseite / 2-column-split */ padding-left: 0; }
		/* TEMPLATE 2-column-split*/
		.nine-to-three > div.half, div.half { margin-top: 20px; }
		div.half:first-child { margin-top: 0; }
		/* TEMPLATE 3-column-full */
		.columns-3-to-2 { padding: 0 20px; margin: 0 !important; }
		.columns-3-to-2 .grid-cell { padding: 0; margin-top: 20px; }
		/* TEMPLATE 4-column-full */
		.columns-4-to-2 { padding: 0 20px; margin: 0 !important; }
		.columns-4-to-2 .row { padding: 0; }
		.columns-4-to-2 .grid-cell { width: 100%; display: block; padding: 0; margin-top: 20px; }
		/* TILES VIEW / DOWNLOADS / RESOURCES */
		.tiles div.half { margin-top: 10px !important; }
		.tiles div.half:first-child { margin-top: 0 !important; }
		/* PAGEFLIP */
		.entries-per-page,
		a[href*="entriesperpage"] { display: none; }
		.pageflip > span.mobile { display: table-cell; width: 50%; padding: 0; }
		span.mobilepaging { display: block; }

		/* EVENTS / AGENDA */
		.download-kalender a { text-align: center; }

		/* NEWSLETTER ARCHIVE LIST */
		.nl-archive li { padding-left: 0px; }
}

@media (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 480px) {
		.owl-nav > * { bottom: 0; }
		body.win-phone .owl-nav > * { bottom: 5px; }
}

@media all and (max-width: 400px) {
		.tabs > a { padding: 14px 22px; font-size: 16px; }
		#footer > .stage > div { width: 100% !important; }

		/* NEWSLETTER ARCHIVE LIST */
		.nl-archive li:nth-of-type(-n+8) { width: 100%; }
}

@media all and (max-width: 360px) {
		/*#header .stage { padding: 0 20px; }*/
		#header #level-0-nav { max-width: 90px; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }
		#icon-utilities { width: 25px; height: 25px; }
}

/* Firefox overrides*/
@-moz-document url-prefix() { }

/* WEBKIT ONLY (DESKTOP und RETINA) */
@media (-webkit-min-device-pixel-ratio: 0) {
		select, input { border: 1px solid #707070; }
}

/* IPAD PORTRAIT */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
		.owl-nav > *::before { top: 38px; }
}

/* IPAD LANDSCAPE */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}

/* HIGH RES BACKGROUND IMAGES */
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
		@-webkit-viewport { width: device-width; }
		@-moz-viewport { width: device-width; }
		@-ms-viewport { width: device-width; }
		@-o-viewport { width: device-width; }
		@viewport { width: device-width; }
		#footer #copyright { background-image: url(footer-microsoft-logo@2x.png); }
}