@charset "UTF-8";
/*!
Theme Name: InfoTrader
Theme URI: http://underscores.me/
Author: Lennandia Advertising AB
Author URI: https://lennandia.com
Description: Skräddarsytt tema till InfoTrader.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: infotrader
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

InfoTrader is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
.has-info-gul-color {
  color: #FFE26C;
}

.has-info-blue-color {
  color: #4601FF;
}

.has-info-vit-background-color {
  background-color: #FAFAFA;
}

@font-face {
  font-family: "Fractul";
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  src: url("./fonts/Fractul-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Fractul";
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  src: url("./fonts/Fractul-Bold.woff2") format("woff2");
  font-display: swap;
}
/* Work Sans

Copyright 2019 The Work Sans Project Authors (https://github.com/weiweihuanghuang/Work-Sans)

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
https://openfontlicense.org


-----------------------------------------------------------
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
-----------------------------------------------------------

PREAMBLE
The goals of the Open Font License (OFL) are to stimulate worldwide
development of collaborative font projects, to support the font creation
efforts of academic and linguistic communities, and to provide a free and
open framework in which fonts may be shared and improved in partnership
with others.

The OFL allows the licensed fonts to be used, studied, modified and
redistributed freely as long as they are not sold by themselves. The
fonts, including any derivative works, can be bundled, embedded, 
redistributed and/or sold with any software provided that any reserved
names are not used by derivative works. The fonts and derivatives,
however, cannot be released under any other type of license. The
requirement for fonts to remain under this license does not apply
to any document created using the fonts or their derivatives.

DEFINITIONS
"Font Software" refers to the set of files released by the Copyright
Holder(s) under this license and clearly marked as such. This may
include source files, build scripts and documentation.

"Reserved Font Name" refers to any names specified as such after the
copyright statement(s).

"Original Version" refers to the collection of Font Software components as
distributed by the Copyright Holder(s).

"Modified Version" refers to any derivative made by adding to, deleting,
or substituting -- in part or in whole -- any of the components of the
Original Version, by changing formats or by porting the Font Software to a
new environment.

"Author" refers to any designer, engineer, programmer, technical
writer or other person who contributed to the Font Software.

PERMISSION & CONDITIONS
Permission is hereby granted, free of charge, to any person obtaining
a copy of the Font Software, to use, study, copy, merge, embed, modify,
redistribute, and sell modified and unmodified copies of the Font
Software, subject to the following conditions:

1) Neither the Font Software nor any of its individual components,
in Original or Modified Versions, may be sold by itself.

2) Original or Modified Versions of the Font Software may be bundled,
redistributed and/or sold with any software, provided that each copy
contains the above copyright notice and this license. These can be
included either as stand-alone text files, human-readable headers or
in the appropriate machine-readable metadata fields within text or
binary files as long as those fields can be easily viewed by the user.

3) No Modified Version of the Font Software may use the Reserved Font
Name(s) unless explicit written permission is granted by the corresponding
Copyright Holder. This restriction only applies to the primary font name as
presented to the users.

4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
Software shall not be used to promote, endorse or advertise any
Modified Version, except to acknowledge the contribution(s) of the
Copyright Holder(s) and the Author(s) or with their explicit written
permission.

5) The Font Software, modified or unmodified, in part or in whole,
must be distributed entirely under this license, and must not be
distributed under any other license. The requirement for fonts to
remain under this license does not apply to any document created
using the Font Software.

TERMINATION
This license becomes null and void if any of the above conditions are
not met.

DISCLAIMER
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
OTHER DEALINGS IN THE FONT SOFTWARE.

// Work Sans
*/
@font-face {
  font-family: "Work Sans";
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  src: url("./fonts/WorkSans-Regular.ttf");
  font-display: swap;
}
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bold;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #000031;
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1rem;
  line-height: 1.4;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

h1, h2, h3 {
  font-family: "Fractul";
  font-weight: bold;
  color: #4601FF;
}

h2 {
  font-size: 40px;
  line-height: 45px;
}

body:not(.home) h2 {
  font-size: 30px;
  line-height: 35px;
}
body:not(.home) h2.has-medium-font-size {
  font-size: 30px !important;
  line-height: 35px;
}

h3 {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}
h3.has-large-font-size {
  font-size: 40px !important;
  line-height: 45px;
  font-weight: bold;
  margin: 0;
  padding-right: 32px;
}

h4 {
  font-family: "Fractul";
  color: #240183;
  font-size: 14px;
  line-height: 22px;
}

@media screen and (min-width: 1030px) {
  body:not(.home) h2 {
    font-size: 40px;
    line-height: 45px;
  }

  h2 {
    font-size: 80px;
    line-height: 70px;
  }

  h3 {
    font-size: 26px;
    line-height: 36px;
  }
  h3.has-large-font-size {
    font-size: 60px !important;
    line-height: 70px;
  }

  h4 {
    font-size: 20px;
    line-height: 30px;
  }
}
@media screen and (min-width: 1416px) {
  h4 {
    font-size: 26px;
    line-height: 36px;
  }

  body:not(.home) h2 {
    font-size: 60px;
    line-height: 65px;
  }
  body:not(.home) h2.has-medium-font-size {
    font-size: 40px !important;
    line-height: 45px;
  }
}
p {
  margin-bottom: 1.5em;
  max-width: 440px;
}
p.has-text-align-center {
  margin-left: auto;
  margin-right: auto;
}
p.has-medium-font-size {
  font-size: 1em !important;
}
p.has-x-large-font-size {
  font-size: 30px !important;
  line-height: 35px;
  font-family: "Fractul";
  font-weight: bold;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

@media screen and (min-width: 1030px) {
  p, a {
    font-size: 20px;
    line-height: 28px;
  }

  p {
    max-width: 840px;
  }
  p.has-medium-font-size {
    line-height: 1.4em;
    font-size: 1.63em !important;
  }
  p.has-x-large-font-size {
    font-size: 60px !important;
    line-height: 65px;
  }
}
/* Elements
--------------------------------------------- */
body {
  background: #FAFAFA;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0;
  padding-left: 20px;
}
ul li,
ol li {
  margin-bottom: 6px;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

.wp-block-list {
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
}

.wp-block-cover .wp-block-list {
  max-width: 100%;
}

@media screen and (min-width: 1030px) {
  ul li,
ol li {
    font-size: 20px;
    line-height: 26px;
  }
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

.is-style-desktop-only {
  display: none;
}

.indikator {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
  padding: 0 22px;
  gap: 15px;
}
.indikator .plupp {
  width: 10px;
  height: 10px;
  border: 1px solid #4601FF;
  border-radius: 100%;
  -webkit-transition: 1s ease;
  -moz-transition: 1s ease;
  -o-transition: 1s ease;
  transition: 1s ease;
}
.indikator .plupp.active {
  background-color: #4601FF;
}
.indikator.casen {
  margin-top: 20px;
}

.wp-block-query .wp-block-post-template .wp-block-post {
  background-color: #FFF;
  border-radius: 20px;
  padding: 50px 30px 50px;
  margin-bottom: 50px;
  box-shadow: 0 3px 6px 0 rgba(70, 1, 255, 0.159);
  overflow: hidden;
}
.wp-block-query .wp-block-post-template .wp-block-post.has-post-thumbnail {
  padding: 0 30px 50px;
}
.wp-block-query .wp-block-post-template .wp-block-post .wp-block-post-featured-image {
  margin: 0px -30px 34px;
}
.wp-block-query .wp-block-post-template .wp-block-post .wp-block-post-featured-image img {
  object-position: center;
  overflow: hidden;
}
.wp-block-query .wp-block-post-template .wp-block-post h2 {
  margin: 0;
}
.wp-block-query .wp-block-post-template .wp-block-post .entry-content {
  padding: 0;
  margin: 5px 0 0;
}

body:not(.home) .wp-block-columns {
  padding: 0;
}
body:not(.home) .wp-block-columns p:last-of-type {
  margin-bottom: 0;
}
body:not(.home) .case-block {
  padding: 0;
  flex-direction: column;
  margin-bottom: 24px;
}
body:not(.home) .case-block .case-wrap {
  min-width: 0;
}
body:not(.home) .case-block .case-wrap .case-img {
  min-width: 100%;
}
body:not(.home) .bransch-block ul {
  margin: 18px 0 24px 0;
}
body:not(.home) .is-style-brascher-kolumner {
  flex-wrap: wrap !important;
}

.wp-block-columns {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding: 21px;
}

.wp-block-image {
  margin: 0;
}
.wp-block-image img {
  border-radius: 20px;
}

.wp-block-cover {
  margin: 64px 0;
  border-radius: 20px;
  padding: 32px 50px 60px 21px;
  background-color: #240183;
}
.wp-block-cover.is-style-tabell {
  border-radius: 20px;
  overflow: hidden;
  padding: 8px;
}
.wp-block-cover.is-style-tabell .wp-block-table {
  font-size: 80%;
}
.wp-block-cover.is-style-tabell .wp-block-table table {
  color: #FFF;
}
.wp-block-cover.is-style-tabell .wp-block-table table thead {
  border-bottom: none;
}
.wp-block-cover.is-style-tabell .wp-block-table table thead th {
  text-transform: uppercase;
  font-family: "Fractul";
  color: #FFE26C;
  min-width: 55px;
  padding: 0;
  border: none;
  border-bottom: 2px solid #FFE26C;
}
.wp-block-cover.is-style-tabell .wp-block-table table thead th:first-of-type {
  min-width: 130px;
  text-align: left;
}
.wp-block-cover.is-style-tabell .wp-block-table table thead th:not(:first-of-type) {
  font-size: 90%;
}
.wp-block-cover.is-style-tabell .wp-block-table table tbody {
  font-size: 90%;
}
.wp-block-cover.is-style-tabell .wp-block-table table tbody td {
  padding: 8px 0;
  border-right: none;
  border-left: none;
  border-color: rgba(255, 255, 255, 0.3);
}
.wp-block-cover.is-style-tabell .wp-block-table table tbody td:not(:first-of-type) {
  text-align: center;
  font-weight: bold;
  color: #FFE26C;
  border: none;
  padding-left: 0;
}
.wp-block-cover.is-style-tabell .wp-block-table table tbody tr:last-of-type td {
  border-bottom: none;
}

.personal-block {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
}

.personal {
  text-align: center;
  width: 100%;
  margin-bottom: 24px;
}
.personal h3 {
  font-weight: bold;
  margin: 0;
}
.personal h4 {
  margin: 2px 0;
  font-weight: normal;
}
.personal img {
  border-radius: 10px;
  margin-bottom: 4px;
}
.personal a {
  font-size: 14px;
  line-height: 16px;
  margin-top: 8px;
  display: block;
}

.nyhetsflash-block {
  background-color: #4626B4;
  border-radius: 20px;
  max-width: min(630px, 90vw);
  margin-left: auto;
  margin-right: auto;
  padding: 24px 35px 30px;
  text-align: center;
}
.nyhetsflash-block a {
  margin-left: auto;
  margin-right: auto;
  color: #FFF;
  text-decoration: none;
}
.nyhetsflash-block a::after {
  content: " >";
}
.nyhetsflash-block a:hover, .nyhetsflash-block a:visited {
  color: #FFF;
}
.nyhetsflash-block h2 {
  font-size: 21px;
  line-height: 26px;
  color: #FFF;
  margin: 0 0 7px;
}

.dropdown-block {
  text-align: right;
}
.dropdown-block h3 {
  text-transform: uppercase;
  color: #240183;
  font-size: 27px;
  line-height: 33px;
  text-align: right;
  display: inline-block;
  margin: 0 16px;
  vertical-align: text-top;
}
.dropdown-block .dropdown-toggle {
  display: inline-block;
  text-align: right;
  width: 42px;
  height: 42px;
  border: none;
  background-color: transparent;
  position: relative;
  padding: 0;
  cursor: pointer;
}
.dropdown-block .dropdown-toggle span {
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  background: #4601FF;
  top: 50%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease;
  -moz-transition: 0.25s ease;
  -o-transition: 0.25s ease;
  transition: 0.25s ease;
}
.dropdown-block .dropdown-toggle span:nth-child(2) {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.dropdown-block .dropdown-toggle.toggled span:nth-child(2) {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.dropdown-block .dropdown-container {
  height: 0;
  min-height: 0px;
  overflow: hidden;
  -webkit-transition: 0.25s ease;
  -moz-transition: 0.25s ease;
  -o-transition: 0.25s ease;
  transition: 0.25s ease;
  margin: 10px 0;
}
.dropdown-block .dropdown-container.toggled {
  margin-top: 0;
}
.dropdown-block .dropdown-container p {
  margin-left: auto;
}
.dropdown-block .drop-wrap {
  position: relative;
  right: -50%;
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  align-items: center;
  -webkit-transition: 2s ease;
  -moz-transition: 2s ease;
  -o-transition: 2s ease;
  transition: 2s ease;
}
.dropdown-block .drop-wrap.visible {
  right: 0;
}

h2.api {
  font-size: 150px;
  line-height: 155px;
  margin: 0 0 -10px 0;
  text-transform: uppercase;
}

.api-illustration-block {
  height: 522px;
  width: 100%;
  max-width: 350px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  margin-top: 65px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.api-illustration-block .logo-cirkel, .api-illustration-block .ikon-cirkel {
  background-color: #4601FF;
  border-radius: 100%;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}
.api-illustration-block .logo-cirkel {
  width: 155px;
  height: 155px;
  background-image: url("./library/infotrader_symbol_white.svg");
  background-size: 100px;
}
.api-illustration-block .ikon-cirkel {
  width: 85px;
  height: 85px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 0;
  -webkit-transition: 2s ease;
  -moz-transition: 2s ease;
  -o-transition: 2s ease;
  transition: 2s ease;
}
.api-illustration-block .ikon-cirkel:nth-of-type(2) {
  top: 27%;
  left: 15%;
}
.api-illustration-block .ikon-cirkel:nth-of-type(3) {
  top: 20%;
}
.api-illustration-block .ikon-cirkel:nth-of-type(4) {
  top: 27%;
  right: 15%;
}
.api-illustration-block .ikon-cirkel:nth-of-type(5) {
  bottom: 27%;
  left: 15%;
}
.api-illustration-block .ikon-cirkel:nth-of-type(6) {
  bottom: 20%;
}
.api-illustration-block .ikon-cirkel:nth-of-type(7) {
  bottom: 27%;
  right: 15%;
}
.api-illustration-block .ikon-cirkel img {
  max-width: 40px;
  max-height: 40px;
}
.api-illustration-block svg.api-streck {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  opacity: 0;
  -webkit-transition: 2s ease;
  -moz-transition: 2s ease;
  -o-transition: 2s ease;
  transition: 2s ease;
}
.api-illustration-block svg.api-streck rect, .api-illustration-block svg.api-streck path {
  fill: none;
  stroke: #4601FF;
  stroke-width: 1px;
  vector-effect: non-scaling-stroke;
  stroke-dasharray: 30px 10px;
  stroke-dashoffset: 40px;
  animation: stroke 0.5s linear infinite;
}
.api-illustration-block svg.api-streck rect {
  stroke-width: 2px;
}
.api-illustration-block.visible svg.api-streck {
  opacity: 1;
}
.api-illustration-block.visible .ikon-cirkel:nth-of-type(2) {
  top: 40px;
  left: 0;
}
.api-illustration-block.visible .ikon-cirkel:nth-of-type(3) {
  top: 0;
}
.api-illustration-block.visible .ikon-cirkel:nth-of-type(4) {
  top: 40px;
  right: 0;
}
.api-illustration-block.visible .ikon-cirkel:nth-of-type(5) {
  bottom: 40px;
  left: 0;
}
.api-illustration-block.visible .ikon-cirkel:nth-of-type(6) {
  bottom: 0;
}
.api-illustration-block.visible .ikon-cirkel:nth-of-type(7) {
  bottom: 40px;
  right: 0;
}

.highlight-image-block {
  position: relative;
  max-width: 275px;
  max-height: 275px;
  margin-left: auto;
  margin-bottom: -50px;
  margin-top: 50px;
}
.highlight-image-block img {
  border-radius: 100%;
  padding: 24px;
}

svg.streckad-cirkel {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
svg.streckad-cirkel circle {
  r: 48%;
  cx: 50%;
  cy: 50%;
  fill: none;
  stroke: #4601FF;
  stroke-width: 1px;
  vector-effect: non-scaling-stroke;
  stroke-dasharray: 30px 10px;
  stroke-dashoffset: 40px;
  animation: stroke 0.5s linear infinite;
}
svg.streckad-cirkel circle {
  stroke-width: 2px;
}

.case-block-arkiv {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.case-block {
  max-width: 1280px;
  padding: 10px 15px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  gap: 10px;
  flex-wrap: nowrap;
  overflow-x: scroll;
  scrollbar-width: none;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.case-block::-webkit-scrollbar {
  display: none;
}

.case-wrap {
  min-width: 350px;
  background-color: #4601FF;
  border-radius: 20px;
  color: #FFF;
  position: relative;
  overflow: hidden;
}
.case-wrap .case-inner-wrap {
  padding: 0 28px 42px;
}
.case-wrap h2 {
  color: #FFF;
  font-size: 40px;
  line-height: 45px;
  margin-bottom: 16px;
}
.case-wrap a {
  color: #FFE26C;
  text-decoration: none;
  color: #FFE26C;
}
.case-wrap a:visited, .case-wrap a:hover {
  color: #FFE26C;
}
.case-wrap span.fract {
  position: absolute;
  top: 29px;
  left: 26px;
}
.case-wrap .case-img {
  height: 440px;
  object-fit: cover;
}
.case-wrap .streckad-linje {
  display: block;
  height: 1px;
  width: 100%;
}
.case-wrap .streckad-linje path {
  fill: none;
  stroke: #FFE26C;
  stroke-width: 2px;
  vector-effect: non-scaling-stroke;
  stroke-dasharray: 30px 10px;
  stroke-dashoffset: 40px;
}

.bransch-block {
  background-color: #4601FF;
  border-radius: 20px;
  padding: 36px 14px 42px 14px;
  min-height: 680px;
  max-width: 1400px;
  margin: 7px;
  display: flex;
  flex-flow: column;
  justify-content: end;
  align-items: flex-start;
  color: #FFF;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.bransch-block::after {
  content: "";
  width: 100%;
  height: 40px;
  bottom: 0;
  left: 0;
  position: absolute;
  background: linear-gradient(0deg, #4601ff 0%, rgba(70, 1, 255, 0) 100%);
  z-index: 1;
}
.bransch-block span, .bransch-block li {
  color: #FFE26C;
}
.bransch-block ul {
  padding: 0;
  margin: 0 0 24px 0;
}
.bransch-block ul li {
  display: inline;
  text-transform: lowercase;
}
.bransch-block ul li::before {
  content: "/";
}
.bransch-block h2 {
  font-size: 60px;
  line-height: 65px;
  margin: 12px 0 0;
  color: #FFF;
  z-index: 1;
}
.bransch-block .staplar {
  display: block;
  position: absolute;
  width: 150px;
  height: 250px;
  background-image: url("./library/staplar_bransch.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  top: 190px;
  opacity: 0;
  right: 20px;
  z-index: -1;
  -webkit-transition: 1s ease;
  -moz-transition: 1s ease;
  -o-transition: 1s ease;
  transition: 1s ease;
}
.bransch-block .staplar .bransch-ikon {
  background-size: cover;
  position: absolute;
  -webkit-transition: 2s ease;
  -moz-transition: 2s ease;
  -o-transition: 2s ease;
  transition: 2s ease;
}
.bransch-block .staplar .bransch-ikon:nth-of-type(1) {
  width: 58px;
  height: 58px;
  top: -68px;
  left: 47px;
}
.bransch-block .staplar .bransch-ikon:nth-of-type(2) {
  width: 44px;
  height: 44px;
  top: 70px;
  left: 13px;
}
.bransch-block .staplar .bransch-ikon:nth-of-type(3) {
  width: 41px;
  height: 41px;
  top: 47px;
  right: 23px;
}
.bransch-block .staplar .bransch-ikon:nth-of-type(4) {
  width: 33px;
  height: 33px;
  top: 7px;
  left: 15px;
  z-index: -1;
}
.bransch-block .staplar .bransch-ikon:nth-of-type(5) {
  width: 38px;
  height: 38px;
  top: -27px;
  right: 6px;
  z-index: -1;
}
.bransch-block span, .bransch-block h2, .bransch-block p, .bransch-block ul {
  bottom: -80px;
  position: relative;
  -webkit-transition: 1s ease;
  -moz-transition: 1s ease;
  -o-transition: 1s ease;
  transition: 1s ease;
}
.bransch-block a {
  bottom: -80px;
  position: relative;
  -webkit-transition: bottom 1s ease, background-color 0.25s ease, color 0.25s ease !important;
  -moz-transition: bottom 1s ease, background-color 0.25s ease, color 0.25s ease !important;
  -o-transition: bottom 1s ease, background-color 0.25s ease, color 0.25s ease !important;
  transition: bottom 1s ease, background-color 0.25s ease, color 0.25s ease !important;
}
.bransch-block.visible span, .bransch-block.visible h2, .bransch-block.visible p, .bransch-block.visible ul, .bransch-block.visible a {
  bottom: 0px;
}
.bransch-block.visible .staplar {
  top: 90px;
  opacity: 1;
}
.bransch-block.visible .staplar .bransch-ikon:nth-of-type(1) {
  top: -38px;
}
.bransch-block.visible .staplar .bransch-ikon:nth-of-type(2) {
  top: 100px;
}
.bransch-block.visible .staplar .bransch-ikon:nth-of-type(3) {
  top: 77px;
}
.bransch-block.visible .staplar .bransch-ikon:nth-of-type(4) {
  top: 37px;
}
.bransch-block.visible .staplar .bransch-ikon:nth-of-type(5) {
  top: 17px;
}

@media screen and (prefers-reduced-motion: reduce), (update: slow) {
  .bransch-block span, .bransch-block h2, .bransch-block p, .bransch-block ul, .bransch-block a {
    bottom: 0px;
    opacity: 1;
  }
  .bransch-block .staplar {
    top: 90px;
    opacity: 1;
  }
  .bransch-block .staplar .bransch-ikon:nth-of-type(1) {
    top: -38px;
  }
  .bransch-block .staplar .bransch-ikon:nth-of-type(2) {
    top: 100px;
  }
  .bransch-block .staplar .bransch-ikon:nth-of-type(3) {
    top: 77px;
  }
  .bransch-block .staplar .bransch-ikon:nth-of-type(4) {
    top: 37px;
  }
  .bransch-block .staplar .bransch-ikon:nth-of-type(5) {
    top: 17px;
  }
}
.is-style-brascher-kolumner {
  margin-left: auto;
  margin-right: auto;
  padding: 10px 15px;
  flex-wrap: nowrap !important;
  gap: 10px;
  max-width: 1400px;
  overflow-x: scroll;
  scrollbar-width: none;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.is-style-brascher-kolumner::-webkit-scrollbar {
  display: none;
}
.is-style-brascher-kolumner .wp-block-column {
  min-width: 350px;
}
.is-style-brascher-kolumner .bransch-block {
  margin: 0;
  padding: 36px 28px 42px;
  min-height: 580px;
}
.is-style-brascher-kolumner .bransch-block .staplar {
  background-image: url("./library/stapel_bransch.png");
  right: 6px;
  height: 180px;
  width: 185px;
}
.is-style-brascher-kolumner .bransch-block .staplar .bransch-ikon:nth-of-type(1) {
  top: -40px;
  left: 64px;
  width: 51px;
  height: 51px;
}
.is-style-brascher-kolumner .bransch-block h2 {
  font-size: 40px;
  line-height: 45px;
  margin: 6px 0 0;
}

.eye-sektion {
  margin: -7px -7px -24px;
  position: relative;
}
.eye-sektion .indikator {
  position: absolute;
  bottom: 80px;
}
.eye-sektion .box-outer-wrap {
  background-color: #FAFAFA;
}
.eye-sektion .box-wrap {
  background-color: #FAFAFA;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding: 32px 21px 120px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  overflow-x: scroll;
  scrollbar-width: none;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.eye-sektion .box-wrap::-webkit-scrollbar {
  display: none;
}
.eye-sektion .box {
  box-shadow: 0 3px 6px 0 rgba(70, 1, 255, 0.159);
  border-radius: 20px;
  padding: 80px 24px 50px;
  min-width: min(350px, 80vw);
  background-color: #FFF;
  position: relative;
}
.eye-sektion .box h2 {
  color: #4601FF;
  font-size: 30px;
  line-height: 36px;
}
.eye-sektion .box a {
  text-decoration: none;
}
.eye-sektion .box a::after {
  content: " >";
}
.eye-sektion .box .usp_ikon {
  box-shadow: 0 3px 6px 0 rgba(70, 1, 255, 0.159);
  background-color: #4601FF;
  width: 89px;
  height: 89px;
  position: absolute;
  top: -29px;
  right: 0;
  border-radius: 100%;
  background-size: 50px;
  background-repeat: no-repeat;
  background-position: center center;
}
.eye-sektion .eye-animation {
  background: linear-gradient(rgba(255, 255, 255, 0), #FAFAFA 46%);
  position: relative;
}
.eye-sektion .eye-animation::before {
  display: block;
  content: "";
  height: 50%;
  width: 100%;
  background-image: url("./library/staplar.png");
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  z-index: -1;
  opacity: 0;
  top: 200px;
  animation: staplar 2s ease-out 1s 1 normal;
  animation-fill-mode: forwards;
}
.eye-sektion svg.streckade-linjer {
  position: absolute;
  width: 84%;
  height: 100%;
  top: 175px;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  opacity: 0;
  animation: opacitet 1s ease-out 3s normal forwards;
}
.eye-sektion svg.streckade-linjer rect, .eye-sektion svg.streckade-linjer path {
  fill: none;
  stroke: #4601FF;
  stroke-width: 1px;
  vector-effect: non-scaling-stroke;
  stroke-dasharray: 30px 10px;
  stroke-dashoffset: 40px;
  animation: stroke 0.5s linear infinite;
}
.eye-sektion svg.streckade-linjer rect {
  stroke-width: 2px;
}
.eye-sektion svg.streckade-linjer_2 {
  position: absolute;
  width: 5px;
  height: 100vh;
  right: 0;
  bottom: -50px;
  left: 0;
  margin: auto;
  opacity: 0;
  animation: opacitet 1s ease-out 3s normal forwards;
}
.eye-sektion svg.streckade-linjer_2 rect, .eye-sektion svg.streckade-linjer_2 path {
  fill: none;
  stroke: #4601FF;
  stroke-width: 1px;
  vector-effect: non-scaling-stroke;
  stroke-dasharray: 30px 10px;
  stroke-dashoffset: 40px;
  animation: stroke 0.5s linear infinite;
}
.eye-sektion svg.streckade-linjer_2 rect {
  stroke-width: 2px;
}
.eye-sektion .ikon {
  width: 50px;
  height: 50px;
  transform: translate(-50%, -50%);
  position: absolute;
  z-index: 1;
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.eye-sektion .ikon:hover div {
  opacity: 1;
}
.eye-sektion .ikon div {
  display: block;
  font-size: 80%;
  color: #FFF;
  background-color: #240183;
  padding: 5px;
  opacity: 0.8;
  text-align: center;
  position: absolute;
  border-radius: 4px;
  bottom: -25px;
  opacity: 0;
}
.eye-sektion .ikon div p {
  font-size: 14px;
  margin: 0;
  line-height: 20px;
  color: #FFF;
}
.eye-sektion .ikon:nth-of-type(1) {
  top: 22%;
  left: 8.8%;
  animation: opacitet 1s ease-out 3s normal forwards;
}
.eye-sektion .ikon:nth-of-type(2) {
  top: 15%;
  left: 22.3%;
  animation: opacitet 1s ease-out 3.25s normal forwards;
}
.eye-sektion .ikon:nth-of-type(3) {
  top: 29%;
  left: 36.5%;
  animation: opacitet 1s ease-out 3.5s normal forwards;
}
.eye-sektion .ikon:nth-of-type(4) {
  top: 14%;
  left: 50%;
  animation: opacitet 1s ease-out 3.75s normal forwards;
}
.eye-sektion .ikon:nth-of-type(5) {
  top: 22%;
  left: 64.3%;
  animation: opacitet 1s ease-out 4s normal forwards;
}
.eye-sektion .ikon:nth-of-type(6) {
  top: 13%;
  left: 77.7%;
  animation: opacitet 1s ease-out 4.25s normal forwards;
}
.eye-sektion .ikon:nth-of-type(7) {
  left: 91.2%;
  top: 21%;
  animation: opacitet 1s ease-out 4.5s normal forwards;
}

.eye_inner_wrap {
  width: 100%;
  position: relative;
  top: 0;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  height: min(100vh, 700px);
  position: relative;
  display: block;
}

.the_eye {
  border-radius: 100%;
  background: #240183;
  background: linear-gradient(0deg, #240183 0%, #4601ff 100%);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 230px;
  height: 230px;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
  top: 60%;
}
.the_eye .eye_ring {
  width: 125px;
  height: 123px;
  background-image: url("./library/eye_ring.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.the_eye .eye_ring #iris {
  width: 31px;
  height: 31px;
  border-radius: 100%;
  background-color: #FFF;
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
}
.the_eye.visible #iris {
  animation: movingEye 3s ease 1s 1 normal;
}

@keyframes opacitet {
  to {
    opacity: 1;
  }
}
@keyframes staplar {
  to {
    opacity: 1;
    top: 0;
  }
}
@keyframes movingEye {
  0% {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  25% {
    right: 25%;
    bottom: 20%;
    left: 0;
    top: 0;
  }
  50% {
    top: 0px;
    left: 25%;
    right: 0;
    bottom: 22%;
  }
  75% {
    top: 0px;
    left: 0;
    right: 0;
    bottom: 32%;
  }
  100% {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
span.fract {
  text-transform: uppercase;
  font-family: "Fractul";
  color: #FFE26C;
}

h2.fract.has-medium-font-size {
  text-transform: uppercase;
  font-family: "Fractul";
  color: #4601FF;
  font-weight: normal;
}

.kontakt video {
  max-width: 100%;
}

.video-wrap {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  overflow: hidden;
}
.video-wrap #video-play {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  cursor: pointer;
  background-color: #FFF;
  -webkit-mask: url("./library/video_play.svg") no-repeat center 100%;
  mask: url("./library/video_play.svg") no-repeat center 100%;
  -webkit-mask-size: 92px;
  mask-size: 92px;
  mask-position: center center;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}
.video-wrap #video-play.playing {
  -webkit-mask: url("./library/video_pause.svg") no-repeat center 100%;
  mask: url("./library/video_pause.svg") no-repeat center 100%;
  -webkit-mask-size: 92px;
  mask-size: 92px;
  mask-position: center center;
  opacity: 0;
  mask-size: 55px;
  mask-position: 98% 97%;
}
.video-wrap #video-play.playing:hover {
  opacity: 1;
}

@media screen and (min-width: 767px) {
  .personal {
    width: calc(50% - 5px);
  }

  .wp-block-cover.is-style-tabell .wp-block-table {
    font-size: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
  .wp-block-cover.is-style-tabell .wp-block-table table thead th {
    min-width: 120px;
    padding: 24px 12px 12px;
  }
  .wp-block-cover.is-style-tabell .wp-block-table table thead th:first-of-type {
    padding-left: 16px;
  }
  .wp-block-cover.is-style-tabell .wp-block-table table thead th:not(:first-of-type) {
    font-size: 100%;
  }
  .wp-block-cover.is-style-tabell .wp-block-table table tbody {
    font-size: 100%;
  }
  .wp-block-cover.is-style-tabell .wp-block-table table tbody tr {
    border-bottom: 1px solid rgba(255, 226, 108, 0.3);
    border-color: rgba(255, 226, 108, 0.3);
  }
  .wp-block-cover.is-style-tabell .wp-block-table table tbody td {
    padding: 16px;
    border-color: rgba(255, 226, 108, 0.3);
  }
  .wp-block-cover.is-style-tabell .wp-block-table table tbody td:not(:first-of-type) {
    padding: 16px;
  }
  .wp-block-cover.is-style-tabell .wp-block-table table tbody tr:last-of-type {
    border-bottom: 0;
  }
  .wp-block-cover.is-style-tabell .wp-block-table table tbody tr:first-of-type td {
    border-top: 0;
  }
  .wp-block-query .wp-block-post-template .wp-block-post {
    padding: 32px 32px 50px;
  }
  .wp-block-query .wp-block-post-template .wp-block-post .wp-block-post-featured-image {
    margin: -32px -32px 36px;
    border-radius: 20px;
    overflow: hidden;
  }
  .wp-block-query .wp-block-post-template .wp-block-post .entry-content {
    padding: 0;
    margin: 5px 0 0;
  }

  h2.api {
    font-size: 160px;
  }

  .dolj-desktop {
    display: none;
  }

  .case-block-arkiv {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 32px 16px;
    justify-content: space-between;
  }
  .case-block-arkiv .case-wrap {
    min-width: 320px;
    max-width: 48.5%;
  }

  .case-block {
    gap: 16px;
  }

  .highlight-image-block {
    max-width: 335px;
    max-height: 335px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 50px;
    margin-top: 50px;
  }

  .bransch-block {
    min-height: 950px;
    margin: 24px 16px;
    padding: 48px 62px 62px 48px;
  }
  .bransch-block span.fract {
    font-size: 20px;
  }
  .bransch-block h2 {
    font-size: 120px;
    line-height: 125px;
  }
  .bransch-block .staplar {
    width: 330px;
    height: 550px;
    right: 80px;
    top: 350px;
  }
  .bransch-block .staplar .bransch-ikon:nth-of-type(1) {
    width: 100px;
    height: 100px;
    top: -85px;
    left: 115px;
  }
  .bransch-block .staplar .bransch-ikon:nth-of-type(2) {
    width: 90px;
    height: 90px;
    top: 176px;
    left: 34px;
  }
  .bransch-block .staplar .bransch-ikon:nth-of-type(3) {
    width: 84px;
    height: 84px;
    top: 127px;
    right: 50px;
  }
  .bransch-block .staplar .bransch-ikon:nth-of-type(4) {
    width: 69px;
    height: 69px;
    top: 65px;
    left: 39px;
  }
  .bransch-block .staplar .bransch-ikon:nth-of-type(5) {
    width: 80px;
    height: 80px;
    top: 14px;
    right: 14px;
  }
  .bransch-block.visible .staplar {
    top: 190px;
  }
  .bransch-block.visible .staplar .bransch-ikon:nth-of-type(1) {
    top: -55px;
  }
  .bransch-block.visible .staplar .bransch-ikon:nth-of-type(2) {
    top: 206px;
  }
  .bransch-block.visible .staplar .bransch-ikon:nth-of-type(3) {
    top: 157px;
  }
  .bransch-block.visible .staplar .bransch-ikon:nth-of-type(4) {
    top: 95px;
  }
  .bransch-block.visible .staplar .bransch-ikon:nth-of-type(5) {
    top: 44px;
  }
  .bransch-block::after {
    height: 60px;
  }

  .wp-block-columns.is-style-extra-padding {
    padding: 100px 65px;
  }

  .is-style-brascher-kolumner {
    margin-left: auto;
    margin-right: auto;
    padding: 10px 15px;
    flex-wrap: nowrap !important;
    gap: 10px;
    max-width: 1400px;
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .is-style-brascher-kolumner::-webkit-scrollbar {
    display: none;
  }
  .is-style-brascher-kolumner .wp-block-column {
    min-width: 350px;
  }
  .is-style-brascher-kolumner .bransch-block {
    margin: 0;
    padding: 36px 28px 42px;
    min-height: 580px;
  }
  .is-style-brascher-kolumner .bransch-block .staplar {
    background-image: url("./library/stapel_bransch.png");
    right: 6px;
    top: 250px;
    height: 180px;
  }
  .is-style-brascher-kolumner .bransch-block .staplar .bransch-ikon:nth-of-type(1) {
    top: -51px;
    left: 61px;
    width: 60px;
    height: 60px;
  }
  .is-style-brascher-kolumner .bransch-block h2 {
    font-size: 40px;
    line-height: 45px;
    margin: 6px 0 0;
  }
  .is-style-brascher-kolumner .bransch-block.visible .staplar {
    top: 150px;
  }
  .is-style-brascher-kolumner .bransch-block::after {
    height: 40px;
  }
}
@media screen and (min-width: 1030px) {
  .indikator {
    display: none;
  }

  .wp-block-query .wp-block-post-template .wp-block-post {
    padding: 48px 32px 50px;
    display: flex;
    gap: 60px;
  }
  .wp-block-query .wp-block-post-template .wp-block-post.has-post-thumbnail {
    padding: 48px 30px 50px;
  }
  .wp-block-query .wp-block-post-template .wp-block-post .wp-block-post-featured-image {
    margin: 0;
    align-self: start;
  }
  .wp-block-query .wp-block-post-template .wp-block-post .entry-content {
    padding: 0;
    margin: 5px 0 0;
  }

  .case-block-arkiv .case-wrap h2 {
    font-size: 40px;
    line-height: 45px;
  }

  .personal {
    width: calc(33% - 8px);
    margin-bottom: 60px;
  }
  .personal h3 {
    margin: 0;
  }
  .personal h4 {
    margin: 2px 0;
  }
  .personal img {
    margin-bottom: 20px;
  }
  .personal a {
    font-size: 20px;
    line-height: 24px;
  }

  .wp-block-cover {
    padding: 100px 20% 100px 64px;
    margin-bottom: 100px;
  }
  .wp-block-cover h2 {
    max-width: 550px;
  }

  .is-style-desktop-only {
    display: block;
  }

  body:not(.home) .wp-block-columns {
    gap: 92px;
    margin-bottom: 80px;
  }
  body:not(.home) .wp-block-columns.is-style-small-gap-kolumner {
    gap: 16px;
  }
  body:not(.home) .wp-block-columns.is-style-brascher-kolumner {
    gap: 16px;
    margin-bottom: 10px;
  }
  body:not(.home) .wp-block-group.is-style-padding-desktop {
    padding: 0 26px;
  }
  body:not(.home) .case-block {
    max-width: 100%;
  }
  body:not(.home) .case-block .case-wrap .case-inner-wrap {
    padding: 0 64px;
  }
  body:not(.home) .case-block .case-wrap .case-img {
    min-width: 50%;
  }

  .wp-block-image {
    margin: 40px 0;
  }

  .dropdown-block h3 {
    font-size: 40px;
    line-height: 48px;
  }
  .dropdown-block .dropdown-toggle {
    width: 60px;
    height: 60px;
  }
  .dropdown-block .dropdown-container {
    margin: 12px 0;
  }
  .dropdown-block .drop-wrap {
    right: -80%;
  }
  .dropdown-block .drop-wrap.visible {
    right: 0;
  }

  .bransch-block {
    min-height: 1100px;
    padding: 48px 48px 62px 48px;
  }
  .bransch-block h2 {
    font-size: 160px;
    line-height: 165px;
  }
  .bransch-block p {
    max-width: 630px;
  }
  .bransch-block ul li {
    font-size: 20px;
  }
  .bransch-block .staplar {
    width: 330px;
    height: 550px;
    right: 80px;
    top: 350px;
  }
  .bransch-block .staplar .bransch-ikon:nth-of-type(1) {
    width: 100px;
    height: 100px;
    top: -85px;
    left: 115px;
  }
  .bransch-block.spegel {
    align-items: flex-end;
  }
  .bransch-block.spegel p, .bransch-block.spegel h2 {
    text-align: right;
  }
  .bransch-block.spegel .staplar {
    right: 0;
    left: 80px;
  }
  .bransch-block.visible .staplar {
    top: 150px;
  }
  .bransch-block.visible .staplar .bransch-ikon:nth-of-type(1) {
    top: -55px;
  }

  .wp-block-query .wp-block-post-template h2 {
    font-size: 26px;
    line-height: 32px;
  }

  .api-illustration-block {
    height: 750px;
    width: 510px;
    max-width: 100%;
  }
  .api-illustration-block .logo-cirkel {
    width: 230px;
    height: 230px;
    background-size: 140px;
  }
  .api-illustration-block .ikon-cirkel {
    width: 120px;
    height: 120px;
    background-size: 50px;
  }
  .api-illustration-block .ikon-cirkel:nth-of-type(2) {
    top: 27%;
    left: 15%;
  }
  .api-illustration-block .ikon-cirkel:nth-of-type(3) {
    top: 20%;
  }
  .api-illustration-block .ikon-cirkel:nth-of-type(4) {
    top: 27%;
    right: 15%;
  }
  .api-illustration-block .ikon-cirkel:nth-of-type(5) {
    bottom: 27%;
    left: 15%;
  }
  .api-illustration-block .ikon-cirkel:nth-of-type(6) {
    bottom: 20%;
  }
  .api-illustration-block .ikon-cirkel:nth-of-type(7) {
    bottom: 27%;
    right: 15%;
  }
  .api-illustration-block .ikon-cirkel img {
    max-width: 50px;
    max-height: 50px;
  }
  .api-illustration-block.visible .ikon-cirkel:nth-of-type(2) {
    top: 60px;
    left: 0;
  }
  .api-illustration-block.visible .ikon-cirkel:nth-of-type(4) {
    top: 60px;
    right: 0;
  }
  .api-illustration-block.visible .ikon-cirkel:nth-of-type(5) {
    bottom: 60px;
    left: 0;
  }
  .api-illustration-block.visible .ikon-cirkel:nth-of-type(7) {
    bottom: 60px;
    right: 0;
  }

  .is-style-brascher-kolumner {
    padding: 0;
    margin: 24px 16px;
  }
  .is-style-brascher-kolumner .wp-block-column {
    min-width: 320px;
  }
  .is-style-brascher-kolumner .bransch-block {
    height: 100%;
    padding: 320px 28px 42px;
  }
  .is-style-brascher-kolumner .bransch-block .staplar {
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    height: 360px;
    width: 300px;
    top: 250px;
  }
  .is-style-brascher-kolumner .bransch-block .staplar .bransch-ikon:nth-of-type(1) {
    width: 115px;
    height: 115px;
    top: -122px;
    left: 0;
    right: 13px;
    margin-left: auto;
    margin-right: auto;
  }
  .is-style-brascher-kolumner .bransch-block.visible .staplar {
    top: 150px;
  }
  .is-style-brascher-kolumner .bransch-block.visible .staplar .bransch-ikon:nth-of-type(1) {
    top: -92px;
  }

  .case-block {
    padding: 10px 0;
    flex-direction: column;
    max-width: 895px;
  }
  .case-block .case-wrap {
    display: flex;
  }
  .case-block .case-wrap .case-img, .case-block .case-wrap .case-inner-wrap {
    width: 50%;
  }
  .case-block .case-wrap .case-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .highlight-image-block {
    max-width: 530px;
    max-height: 530px;
  }
  .highlight-image-block img {
    padding: 34px;
  }

  .eye-sektion .ikon {
    width: 90px;
    height: 90px;
  }
  .eye-sektion svg.streckade-linjer_2 {
    height: max(110vh, 1100px);
    bottom: -3%;
  }

  .eye-sektion .box-wrap {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 70px;
    max-width: 950px;
  }
  .eye-sektion .box-wrap .box {
    max-width: 380px;
    padding: 43px 30px;
  }
  .eye-sektion .box-wrap .box h2 {
    margin-top: 0;
    padding-right: 36px;
  }
  .eye-sektion .box-wrap .box .usp_ikon {
    width: 120px;
    height: 120px;
    background-size: 50px;
    right: -50px;
  }
  .eye-sektion .box-wrap .box:nth-child(even) {
    text-align: right;
  }
  .eye-sektion .box-wrap .box:nth-child(even) h2 {
    max-width: 300px;
    margin-left: auto;
    padding-right: 0;
    padding-left: 36px;
  }
  .eye-sektion .box-wrap .box:nth-child(even) .usp_ikon {
    right: 0;
    left: -50px;
  }

  .eye_inner_wrap {
    height: max(100vh, 1000px);
  }

  .the_eye {
    top: 53%;
    width: 410px;
    height: 410px;
  }
  .the_eye .eye_ring {
    width: 227px;
    height: 221px;
  }
  .the_eye .eye_ring #iris {
    width: 55px;
    height: 55px;
  }
}
@media screen and (min-width: 1416px) {
  .wp-block-query .wp-block-post-template h2 {
    font-size: 40px;
    line-height: 50px;
  }
  .wp-block-query .wp-block-post-template .wp-block-post {
    padding: 74px 108px 125px;
    margin-bottom: 56px;
    gap: 105px;
  }
  .wp-block-query .wp-block-post-template .wp-block-post.has-post-thumbnail {
    padding: 74px 108px 125px;
  }
  .wp-block-query .wp-block-post-template .wp-block-post .wp-block-post-featured-image {
    margin: 0;
    border-radius: 20px;
    overflow: hidden;
    width: 45%;
  }
  .wp-block-query .wp-block-post-template .wp-block-post .entry-content {
    padding: 0;
    margin: 5px 0 0;
  }
  .wp-block-query .wp-block-post-template .wp-block-post .wp-block-group {
    width: 55%;
  }

  .case-block-arkiv .case-wrap {
    max-width: 32.5%;
  }
  .case-block-arkiv::after {
    content: "";
    width: 32.5%;
  }

  .wp-block-cover {
    padding: 120px 20% 120px 110px;
    margin-top: 155px;
  }

  body:not(.home) .wp-block-group.is-style-padding-desktop .wp-block-group__inner-container {
    padding: 0;
  }
  body:not(.home) .case-block {
    margin: 50px 0 64px;
  }
  body:not(.home) .case-block .case-wrap {
    flex-direction: row;
  }
  body:not(.home) .case-block .case-wrap .case-inner-wrap {
    padding: 0 120px;
  }
  body:not(.home) .case-block .case-wrap .case-inner-wrap h2 {
    font-size: 40px;
    line-height: 45px;
  }
  body:not(.home) .case-block .case-wrap .case-img {
    height: 420px;
  }
  body:not(.home) .wp-block-columns.is-style-brascher-kolumner .bransch-block {
    padding: 320px 28px 42px;
  }
  body:not(.home) .wp-block-columns.is-style-brascher-kolumner .bransch-block .staplar {
    top: 160px;
  }

  .eye-sektion .box-wrap {
    gap: 95px;
    max-width: 1280px;
  }
  .eye-sektion .box-wrap .box {
    max-width: 525px;
    padding: 45px 65px 45px 45px;
  }
  .eye-sektion .box-wrap .box h2 {
    font-size: 40px;
    line-height: 45px;
    margin-top: 0;
  }
  .eye-sektion .box-wrap .box .usp_ikon {
    width: 145px;
    height: 145px;
    background-size: 90px;
  }
  .eye-sektion .box-wrap .box:nth-child(even) {
    padding: 45px 45px 45px 65px;
  }

  .case-block-arkiv .case-block .case-wrap {
    max-width: 33%;
  }

  .case-block {
    padding: 0;
    flex-direction: row;
    max-width: 1280px;
  }
  .case-block .case-wrap {
    flex-direction: column;
  }
  .case-block .case-wrap .case-img, .case-block .case-wrap .case-inner-wrap {
    width: 100%;
  }
  .case-block .case-wrap .case-inner-wrap {
    width: 100%;
    padding: 0 38px 42px;
  }
  .case-block .case-wrap .case-img {
    height: 520px;
  }

  .is-style-brascher-kolumner {
    gap: 23px;
    margin: 24px auto;
  }
  .is-style-brascher-kolumner .bransch-block {
    padding: 470px 28px 42px;
  }
  .is-style-brascher-kolumner .bransch-block .staplar {
    top: 520px;
  }
  .is-style-brascher-kolumner .bransch-block.visible .staplar {
    top: 220px;
  }

  .api-illustration-block {
    height: 1000px;
    width: 665px;
  }
  .api-illustration-block .logo-cirkel {
    width: 302px;
    height: 302px;
    background-size: 180px;
  }
  .api-illustration-block .ikon-cirkel {
    width: 165px;
    height: 165px;
    background-size: 70px;
  }
  .api-illustration-block .ikon-cirkel:nth-of-type(2) {
    top: 27%;
    left: 15%;
  }
  .api-illustration-block .ikon-cirkel:nth-of-type(3) {
    top: 20%;
  }
  .api-illustration-block .ikon-cirkel:nth-of-type(4) {
    top: 27%;
    right: 15%;
  }
  .api-illustration-block .ikon-cirkel:nth-of-type(5) {
    bottom: 27%;
    left: 15%;
  }
  .api-illustration-block .ikon-cirkel:nth-of-type(6) {
    bottom: 20%;
  }
  .api-illustration-block .ikon-cirkel:nth-of-type(7) {
    bottom: 27%;
    right: 15%;
  }
  .api-illustration-block .ikon-cirkel img {
    max-width: 80px;
    max-height: 80px;
  }
  .api-illustration-block.visible .ikon-cirkel:nth-of-type(2) {
    top: 80px;
    left: 0;
  }
  .api-illustration-block.visible .ikon-cirkel:nth-of-type(4) {
    top: 80px;
    right: 0;
  }
  .api-illustration-block.visible .ikon-cirkel:nth-of-type(5) {
    bottom: 80px;
    left: 0;
  }
  .api-illustration-block.visible .ikon-cirkel:nth-of-type(7) {
    bottom: 80px;
    right: 0;
  }

  .is-style-padding-desktop .wp-block-group__inner-container {
    padding: 30px 80px;
  }
  .is-style-padding-desktop .wp-block-group__inner-container h3, .is-style-padding-desktop .wp-block-group__inner-container a, .is-style-padding-desktop .wp-block-group__inner-container p {
    max-width: 420px;
  }

  .bransch-block {
    margin: 24px auto;
    padding: 94px 60px;
    min-height: 1000px;
  }
  .bransch-block .staplar {
    width: 395px;
    height: 600px;
    right: 120px;
    top: 580px;
  }
  .bransch-block .staplar .bransch-ikon:nth-of-type(1) {
    width: 158px;
    height: 158px;
    top: -250px;
    left: 125px;
  }
  .bransch-block .staplar .bransch-ikon:nth-of-type(2) {
    width: 110px;
    height: 110px;
  }
  .bransch-block .staplar .bransch-ikon:nth-of-type(3) {
    width: 100px;
    height: 100px;
    top: 145px;
    right: 65px;
  }
  .bransch-block .staplar .bransch-ikon:nth-of-type(4) {
    width: 83px;
    height: 83px;
    top: 80px;
    left: 43px;
  }
  .bransch-block .staplar .bransch-ikon:nth-of-type(5) {
    width: 97px;
    height: 97px;
    top: 17px;
    right: 5px;
  }
  .bransch-block::after {
    height: 80px;
  }
  .bransch-block.visible .staplar {
    top: 280px;
  }
  .bransch-block.visible .staplar .bransch-ikon:nth-of-type(1) {
    top: -150px;
  }
}
/* Links
--------------------------------------------- */
a {
  color: #4601FF;
}
a:visited {
  color: #4601FF;
}
a:hover, a:focus, a:active {
  color: #4519FF;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}
a.knapp, a.wp-block-button__link, a.tjanst_lank {
  font-family: "Fractul";
  text-decoration: none;
  padding: 14px 17px;
  min-width: 170px;
  box-shadow: 0 2px 4px 0 rgba(70, 1, 255, 0.15);
  color: #4601FF;
  background-color: #FFF;
  border-radius: 50px;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -webkit-transition: background-color 0.25s ease, color 0.25s ease;
  -moz-transition: background-color 0.25s ease, color 0.25s ease;
  -o-transition: background-color 0.25s ease, color 0.25s ease;
  transition: background-color 0.25s ease, color 0.25s ease;
}
a.knapp.blue, a.wp-block-button__link.blue, a.tjanst_lank.blue {
  background-color: #4601FF;
  color: #FFF;
}
a.knapp:hover, a.wp-block-button__link:hover, a.tjanst_lank:hover {
  background-color: #4601FF;
  color: #FFE26C;
}
a.knapp img, a.wp-block-button__link img, a.tjanst_lank img {
  vertical-align: -14px;
  margin-right: 8px;
}
a.knapp.has-text-align-left, a.wp-block-button__link.has-text-align-left, a.tjanst_lank.has-text-align-left {
  text-align: left;
}
a.knapp.highlights-arkiv, a.wp-block-button__link.highlights-arkiv, a.tjanst_lank.highlights-arkiv {
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  width: 250px;
  margin-top: 100px;
}

.tjanster-block {
  justify-content: space-between;
  max-width: 800px;
  gap: 11px;
  display: flex;
  margin: 18px 0 60px;
  flex-wrap: wrap;
  align-items: center;
}
.tjanster-block .tjanst_knapp {
  width: 45%;
}
.tjanster-block img {
  max-width: 40px;
}
.tjanster-block a {
  padding: 6px;
  text-align: left;
  width: 100%;
}

.wp-block-buttons.is-style-tjanster-knappar {
  justify-content: space-between;
  max-width: 800px;
  gap: 11px;
  display: flex;
  margin: 18px 0 60px;
  flex-wrap: wrap;
  align-items: center;
}
.wp-block-buttons.is-style-tjanster-knappar .wp-block-button {
  width: 45%;
}
.wp-block-buttons.is-style-tjanster-knappar img {
  max-width: 40px;
}
.wp-block-buttons.is-style-tjanster-knappar a.knapp, .wp-block-buttons.is-style-tjanster-knappar a.wp-block-button__link {
  padding: 6px;
}

@media screen and (min-width: 1030px) {
  a.knapp, a.wp-block-button__link, a.tjanst_lank {
    font-size: 20px;
  }
  a.knapp img, a.wp-block-button__link img, a.tjanst_lank img {
    vertical-align: -17px;
  }

  .wp-block-buttons.is-style-tjanster-knappar {
    margin-left: auto;
    margin-right: auto;
    gap: 18px 16px;
    justify-content: center;
    max-width: 900px;
  }
  .wp-block-buttons.is-style-tjanster-knappar img {
    max-width: 100%;
  }
  .wp-block-buttons.is-style-tjanster-knappar .wp-block-button {
    width: auto;
  }
  .wp-block-buttons.is-style-tjanster-knappar a.knapp, .wp-block-buttons.is-style-tjanster-knappar a.wp-block-button__link {
    padding: 6px 32px 6px 6px;
  }

  .tjanster-block {
    margin-left: auto;
    margin-right: auto;
    gap: 18px 16px;
    justify-content: center;
    max-width: 900px;
  }
  .tjanster-block img {
    max-width: 50px;
  }
  .tjanster-block .tjanst_knapp {
    width: auto;
  }
  .tjanster-block a {
    padding: 6px 32px 6px 6px;
  }
}
@media screen and (min-width: 1416px) {
  .wp-block-buttons.is-style-tjanster-knappar {
    margin: 0px auto 130px;
  }

  .tjanster-block {
    margin: 0px auto 130px;
  }
}
/* Forms
--------------------------------------------- */
button:not(.video-play),
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}
button:not(.video-play):hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: #ccc #bbb #aaa;
}
button:not(.video-play):active, button:not(.video-play):focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

.wpforms-container label.wpforms-error, .wpforms-container em.wpforms-error {
  color: #FFE26C !important;
}

.kontakt label {
  color: #FFF !important;
}

.wpforms-container input[type=text],
.wpforms-container input[type=email],
.wpforms-container input[type=url],
.wpforms-container input[type=password],
.wpforms-container input[type=search],
.wpforms-container input[type=number],
.wpforms-container input[type=tel],
.wpforms-container input[type=range],
.wpforms-container input[type=date],
.wpforms-container input[type=month],
.wpforms-container input[type=week],
.wpforms-container input[type=time],
.wpforms-container input[type=datetime],
.wpforms-container input[type=datetime-local],
.wpforms-container input[type=color] {
  padding: 15px 16px;
  border-radius: 10px;
  min-height: 50px;
  border: none;
}
.wpforms-container .choices {
  color: #240183;
}
.wpforms-container .choices__inner {
  padding: 15px 16px !important;
  border-radius: 10px !important;
  min-height: 50px !important;
}
.wpforms-container .wpforms-field {
  padding: 9px 0;
}
.wpforms-container .wpforms-submit-container {
  margin: 18px 0 55px;
}
.wpforms-container label {
  font-weight: 400 !important;
}
.wpforms-container ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.wpforms-container button.wpforms-submit {
  cursor: pointer;
  border-radius: 50px;
  background-color: transparent;
  border: 2px solid #FFF;
  color: #FFF;
  font-family: "Fractul";
  font-weight: bold;
  height: 50px;
  min-width: 170px;
  -webkit-transition: 0.25s ease;
  -moz-transition: 0.25s ease;
  -o-transition: 0.25s ease;
  transition: 0.25s ease;
}
.wpforms-container button.wpforms-submit:hover {
  background-color: #FFF;
  color: #4601FF;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
#masthead {
  display: flex;
  z-index: 2;
  position: relative;
  align-items: center;
  justify-content: space-between;
  padding: 20px 20px 0;
}
#masthead #logo-header {
  width: 155px;
  height: 42px;
  z-index: 10;
  background-color: #FFF;
  -webkit-mask: url("./library/infotrader_logo_right.svg") no-repeat center 100%;
  mask: url("./library/infotrader_logo_right.svg") no-repeat center 100%;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}
#masthead #logo-header a {
  display: block;
  width: 100%;
  height: 100%;
}

#login_lightbox {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 10;
  opacity: 0;
  pointer-events: none;
  top: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
#login_lightbox h3 {
  color: #FFF;
  font-weight: bold;
  margin: 0 0 24px;
  font-size: 24px;
  line-height: 30px;
}
#login_lightbox.first {
  top: 160px;
  width: 400px;
  height: 200px;
}
#login_lightbox .login-wrap {
  display: flex;
  flex-flow: column;
  background: linear-gradient(135deg, #4601ff 0%, #240183 100%);
  border-radius: 20px;
  padding: 16px;
  max-width: 95%;
  min-width: 300px;
  position: relative;
}
#login_lightbox.visa {
  opacity: 1;
  pointer-events: auto;
  top: 0;
}
#login_lightbox form input[type=submit] {
  background-color: #FFF;
  color: #4601FF;
  border: none;
  border-radius: 100px;
  padding: 0;
  width: 100%;
  cursor: pointer;
  margin-top: 12px;
  display: inline-block;
  font-size: 14px;
  height: 40px;
}
#login_lightbox form input[type=text], #login_lightbox form input[type=password] {
  border: none;
  border-radius: 10px;
  margin-bottom: 12px;
  height: 40px;
  font-size: 14px;
  padding: 8px;
  width: 100%;
}
#login_lightbox form #passwordBtn {
  color: #FFE26C !important;
  margin: 12px auto 0;
  display: inline-block;
  font-size: 14px;
}

#close-login, #delete-cookies {
  border: none;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 100%;
  position: absolute;
  right: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFF;
  cursor: pointer;
}

#delete-cookies {
  font-size: 21px;
  width: 30px;
  height: 30px;
  top: 18px;
  right: 64px;
  color: #4601FF;
}

.login-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

#cm {
  color: #FFF;
  font-size: 16px;
  margin: 0;
  padding: 6px 0 0 6px;
  width: 100%;
}

#close-login {
  top: 12px;
}
#close-login span {
  border-top: 2px solid #4601FF;
  width: 22px;
  height: 2px;
  display: block;
  position: absolute;
  transform: rotate(-150deg);
}
#close-login span:nth-of-type(1) {
  transform: rotate(-30deg);
}

#open-login {
  color: #FFF;
  display: none;
  text-decoration: none;
  font-family: "Fractul";
  font-size: 20px;
  line-height: 26px;
  -webkit-transition: 0.25s ease;
  -moz-transition: 0.25s ease;
  -o-transition: 0.25s ease;
  transition: 0.25s ease;
  border-radius: 50px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #4601FF;
  border: none;
  padding: 18px 26px;
  margin-bottom: 6px;
  cursor: pointer;
}
#open-login:hover {
  background-color: #FFE26C;
  color: #4601FF;
}

.back-to-top {
  width: 45px;
  height: 45px;
  padding: 0;
  background-color: #4601FF;
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 15px;
  bottom: 0px;
  z-index: 15;
  border-radius: 100%;
  border: none;
  cursor: pointer;
  pointer-events: none;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  opacity: 0;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}
.back-to-top.visa {
  bottom: 15px;
  opacity: 1;
  pointer-events: auto;
}
.back-to-top span {
  width: 18px;
  height: 18px;
  border-right: 2px solid #FFF;
  border-top: 2px solid #FFF;
  display: block;
  transform: rotate(-45deg);
  position: relative;
  top: 4px;
}
.back-to-top .tooltip {
  position: absolute;
  left: -160px;
  width: 150px;
  padding: 0px;
  border-radius: 4px;
  background-color: #240183;
  opacity: 0;
  font-size: 70%;
  text-align: center;
}
.back-to-top .tooltip p {
  font-size: 14px;
  margin: 0;
  color: #FFF;
}
.back-to-top:hover .tooltip {
  opacity: 0.8;
}

.main-navigation {
  display: flex;
  align-items: center;
  z-index: 1;
}
.main-navigation #primary-menu {
  display: flex;
  list-style: none;
  margin: 0;
  background-color: #240183;
  position: fixed;
  top: 0;
  padding-left: 0;
  left: 100vw;
  width: 100vw;
  height: 100vh;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  list-style: none;
  z-index: -1;
  gap: 24px;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}
.main-navigation #primary-menu ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}
.main-navigation #primary-menu ul ul {
  left: -999em;
  top: 0;
}
.main-navigation #primary-menu ul li:hover > ul, .main-navigation #primary-menu ul li.focus > ul {
  display: block;
  left: auto;
}
.main-navigation #primary-menu ul a {
  width: 200px;
}
.main-navigation #primary-menu li:hover > ul,
.main-navigation #primary-menu li.focus > ul {
  left: auto;
}
.main-navigation li {
  position: relative;
}
.main-navigation li.menu-item-761, .main-navigation li.menu-item-10 {
  min-width: 170px;
  text-align: center;
  padding: 8px 18px;
  border-radius: 50px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.main-navigation li.menu-item-761 a, .main-navigation li.menu-item-10 a {
  font-size: 16px;
}
.main-navigation li.menu-item-761 {
  background-color: #FFF;
  margin-top: 24px;
}
.main-navigation li.menu-item-761 a {
  color: #4601FF;
}
.main-navigation li.menu-item-10 {
  border: none;
  background-color: #4601FF;
}
.main-navigation a {
  color: #FFF;
  display: block;
  text-decoration: none;
  font-family: "Fractul";
  font-size: 28px;
  font-weight: bold;
  line-height: 28px;
}
.main-navigation.toggled #primary-menu {
  left: 0;
}
.main-navigation.toggled .menu-toggle span {
  top: 24px;
  width: 25px;
}
.main-navigation.toggled .menu-toggle span:nth-child(1) {
  transform: rotate(30deg);
}
.main-navigation.toggled .menu-toggle span:nth-child(2), .main-navigation.toggled .menu-toggle span:nth-child(3) {
  transform: rotate(-30deg);
}

#secondary-menu {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
}

#footer-menu {
  display: none;
}

.menu-toggle {
  width: 50px;
  height: 50px;
  background-color: #FFF;
  border-radius: 100% !important;
  border: none;
  padding: 0;
  position: relative;
  display: flex;
  justify-content: center;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.menu-toggle span {
  display: block;
  position: absolute;
  height: 3px;
  width: 22px;
  background: #4601FF;
  opacity: 1;
  top: 16px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease;
  -moz-transition: 0.25s ease;
  -o-transition: 0.25s ease;
  transition: 0.25s ease;
}
.menu-toggle span:nth-child(2) {
  top: 24px;
}
.menu-toggle span:nth-child(3) {
  top: 32px;
}

.site-footer {
  display: flex;
  justify-content: center;
  background-color: #240183;
  color: #FFF;
  padding: 45px 20px 170px;
}
.site-footer h3.big {
  color: #FFE26C;
  font-family: "Fractul";
  font-size: 27px;
  line-height: 30px;
  font-weight: bold;
  margin-bottom: 0;
}
.site-footer h3.big a {
  color: #FFE26C;
  text-decoration: none;
}
.site-footer h3.big a:hover {
  color: #FFE26C;
}
.site-footer .logo-footer {
  width: 136px;
  height: 123px;
  background-color: #FFF;
  -webkit-mask: url("./library/infotrader_logo.svg") no-repeat center 100%;
  mask: url("./library/infotrader_logo.svg") no-repeat center 100%;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}
.site-footer a.some-icon.li {
  display: block;
  width: 35px;
  height: 35px;
  background-color: #FFF;
  -webkit-mask: url("./library/linkedin.svg") no-repeat center 100%;
  mask: url("./library/linkedin.svg") no-repeat center 100%;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}
.site-footer .site-info {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media screen and (min-width: 37.5em) {
  .main-navigation {
    gap: 22px;
  }

  .menu-toggle {
    cursor: pointer;
    -webkit-transition: 0.25s ease;
    -moz-transition: 0.25s ease;
    -o-transition: 0.25s ease;
    transition: 0.25s ease;
  }
  .menu-toggle:hover {
    background-color: #4601FF;
  }
  .menu-toggle:hover span {
    background-color: #FFE26C;
    -webkit-transition: 0.25s ease;
    -moz-transition: 0.25s ease;
    -o-transition: 0.25s ease;
    transition: 0.25s ease;
  }

  #open-login {
    display: block;
  }

  #secondary-menu {
    display: flex;
    gap: 22px;
  }
  #secondary-menu li {
    background-color: #FFF;
    border-radius: 50px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    -webkit-transition: 0.25s ease;
    -moz-transition: 0.25s ease;
    -o-transition: 0.25s ease;
    transition: 0.25s ease;
  }
  #secondary-menu li:hover {
    background-color: #4601FF;
  }
  #secondary-menu li:hover a {
    color: #FFE26C;
  }
  #secondary-menu li a {
    padding: 18px 26px;
    color: #4601FF;
    font-size: 20px;
    line-height: 24px;
    font-weight: normal;
    -webkit-transition: 0.25s ease;
    -moz-transition: 0.25s ease;
    -o-transition: 0.25s ease;
    transition: 0.25s ease;
  }
  #secondary-menu li#menu-item-22 {
    background-color: #4601FF;
    box-shadow: none;
  }
  #secondary-menu li#menu-item-22 a {
    color: #FFF;
  }
  #secondary-menu li#menu-item-22:hover {
    background-color: #FFE26C;
  }
  #secondary-menu li#menu-item-22:hover a {
    color: #4601FF;
  }

  #masthead {
    padding: 32px 32px;
  }
  #masthead #logo-header {
    width: 92px;
    height: 82px;
    -webkit-mask: url("./library/infotrader_logo.svg") no-repeat center 100%;
    mask: url("./library/infotrader_logo.svg") no-repeat center 100%;
  }

  /* .menu-toggle {
  	display: none;
  }

  .main-navigation ul {
  	display: flex;
  } */
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

@media screen and (min-width: 767px) {
  #login_lightbox h3 {
    font-size: 40px;
    line-height: 50px;
    margin: 0 0 37px;
  }
  #login_lightbox .login-wrap {
    padding: 71px 108px 75px 108px;
  }
  #login_lightbox form input[type=submit] {
    width: 200px;
    font-size: 20px;
    padding: 12px;
    height: 60px;
  }
  #login_lightbox form input[type=text], #login_lightbox form input[type=password] {
    width: 400px;
    font-size: 18px;
    margin-bottom: 28px;
    height: 60px;
    padding: 18px;
  }
  #login_lightbox form #passwordBtn {
    font-size: 18px;
    margin: 10px 0 0;
    font-size: 18px;
  }

  #close-login, #delete-cookies {
    width: 60px;
    height: 60px;
    right: 32px;
  }

  #delete-cookies {
    top: 38px;
    font-size: 24px;
    width: 38px;
    height: 38px;
    top: 44px;
    right: 108px;
  }

  #close-login {
    top: 32px;
    right: 32px;
  }
  #close-login span {
    width: 31px;
  }

  .main-navigation #primary-menu {
    align-items: flex-start;
    padding-left: 20%;
  }
  .main-navigation #primary-menu a {
    font-size: 60px;
    line-height: 64px;
    -webkit-transition: 0.25s ease;
    -moz-transition: 0.25s ease;
    -o-transition: 0.25s ease;
    transition: 0.25s ease;
  }
  .main-navigation #primary-menu a:hover {
    color: #FFE26C;
  }

  .site-footer {
    padding: 135px 20px 170px;
    display: flex;
    justify-content: center;
    gap: 150px;
    align-items: center;
  }
  .site-footer .site-info h3.big, .site-footer .site-info a {
    font-size: 40px;
    line-height: 45px;
  }
  .site-footer .site-info .logo-footer {
    width: 195px;
    height: 175px;
  }
  .site-footer .site-info p:last-of-type {
    max-width: 240px;
  }

  #footer-menu {
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
    flex-flow: row;
    flex-wrap: wrap;
    max-width: 420px;
    gap: 28px 0;
  }
  #footer-menu li {
    width: 200px;
  }
  #footer-menu li a {
    color: #FFE26C;
    font-weight: bold;
    text-decoration: none;
    font-size: 20px;
    font-family: "Fractul";
  }
  #footer-menu li.menu-item-has-children {
    height: auto;
  }
  #footer-menu .sub-menu {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  #footer-menu .sub-menu li {
    margin: 6px 0;
  }
  #footer-menu .sub-menu li a {
    color: #FFF;
    font-weight: normal;
    font-family: "Work Sans";
  }
}
@media screen and (min-width: 1030px) {
  #masthead {
    padding: 80px 70px;
  }
}
/* Posts and pages
--------------------------------------------- */
.cky-notice .cky-title, .cky-preference-header .cky-preference-title, .cky-accordion-header .cky-accordion-btn, .cky-accordion-header .cky-accordion-btn, .cky-cookie-des-table li div:first-child {
  font-weight: bold !important;
  font-family: "Fractul" !important;
}

.cky-notice-group, .cky-audit-table .cky-cookie-des-table li {
  font-size: 14px;
  line-height: 20px;
}

.cky-notice-btn-wrapper .cky-btn, .cky-prefrence-btn-wrapper .cky-btn {
  border-radius: 10px;
}

html {
  scrollbar-width: none;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
html::-webkit-scrollbar {
  display: none;
}

body.toggled {
  height: 100vh;
  overflow: hidden;
}

body.home {
  background-color: #240183;
}
body.home .site a.skip-link.screen-reader-text {
  color: white;
}
body.home .gradient {
  height: 150vh;
  background: #000031;
  background: linear-gradient(180deg, #000031 0%, #4601FF 100%);
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
body.home h1.entry-title {
  font-size: 60px;
  line-height: 65px;
  color: #FFE26C;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}
body.home .ingress {
  color: #FFF;
  max-width: 395px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 35px;
}
body.home .entry-content {
  margin-top: 3px;
}
body.home .kontakt {
  margin-top: 0;
}

.pagination, .wp-block-query-pagination {
  text-align: center;
  margin: 64px 0 0;
}
.pagination a, .pagination span, .wp-block-query-pagination a, .wp-block-query-pagination span {
  font-size: 20px;
  color: #4601FF;
}
.pagination span.page-numbers.current, .wp-block-query-pagination span.page-numbers.current {
  font-weight: bold;
}
.pagination .wp-block-query-pagination-next-arrow, .wp-block-query-pagination .wp-block-query-pagination-next-arrow {
  margin-left: 0;
}
.pagination .wp-block-query-pagination-previous-arrow, .wp-block-query-pagination .wp-block-query-pagination-previous-arrow {
  margin-right: 0;
}

body:not(.home) #masthead {
  position: absolute;
  width: 100%;
}
body:not(.home) #masthead #logo-header {
  background-color: #FFF;
}
body:not(.home).single-case article.has-post-thumbnail .entry-header {
  align-items: start;
}
body:not(.home).single-case article .entry-header img.case {
  position: absolute;
  top: -100px;
  right: 0;
  border-radius: 10px;
  max-width: 45vw;
  max-height: 120px;
  object-fit: cover;
}
body:not(.home).single-case article .entry-header h1 {
  text-align: left !important;
  margin-bottom: 0;
}
body:not(.home).single-case article .entry-header .inner-entry-header {
  position: relative;
}
body:not(.home).single-case article .entry-header .inner-entry-header-wrap {
  align-items: flex-start;
  position: relative;
}
body:not(.home) article .entry-header, body:not(.home) article .page-header, body:not(.home) section .entry-header, body:not(.home) section .page-header {
  background-color: #240183;
  padding: 225px 21px 37px;
}
body:not(.home) article .entry-header h1, body:not(.home) article .page-header h1, body:not(.home) section .entry-header h1, body:not(.home) section .page-header h1 {
  font-size: 40px;
  line-height: 45px;
  text-align: left;
  margin: 12px 0;
}
body:not(.home) article .entry-header p, body:not(.home) article .page-header p, body:not(.home) section .entry-header p, body:not(.home) section .page-header p {
  margin-bottom: 0;
}
body:not(.home) article .entry-header h1, body:not(.home) article .entry-header p, body:not(.home) article .page-header h1, body:not(.home) article .page-header p, body:not(.home) section .entry-header h1, body:not(.home) section .entry-header p, body:not(.home) section .page-header h1, body:not(.home) section .page-header p {
  color: #FFF;
}
body:not(.home) article.has-post-thumbnail .entry-header.bransch, body:not(.home) article.has-post-thumbnail .page-header.bransch, body:not(.home) section.has-post-thumbnail .entry-header.bransch, body:not(.home) section.has-post-thumbnail .page-header.bransch {
  padding: 180px 21px 12px;
}
body:not(.home) article.has-post-thumbnail .entry-header.bransch h1, body:not(.home) article.has-post-thumbnail .page-header.bransch h1, body:not(.home) section.has-post-thumbnail .entry-header.bransch h1, body:not(.home) section.has-post-thumbnail .page-header.bransch h1 {
  text-align: left;
  font-size: 60px;
  line-height: 65px;
}
body:not(.home) article.has-post-thumbnail .entry-header.bransch .inner-entry-header, body:not(.home) article.has-post-thumbnail .page-header.bransch .inner-entry-header, body:not(.home) section.has-post-thumbnail .entry-header.bransch .inner-entry-header, body:not(.home) section.has-post-thumbnail .page-header.bransch .inner-entry-header {
  position: relative;
}
body:not(.home) article.has-post-thumbnail .entry-header.bransch .inner-entry-header .inner-entry-header-wrap, body:not(.home) article.has-post-thumbnail .page-header.bransch .inner-entry-header .inner-entry-header-wrap, body:not(.home) section.has-post-thumbnail .entry-header.bransch .inner-entry-header .inner-entry-header-wrap, body:not(.home) section.has-post-thumbnail .page-header.bransch .inner-entry-header .inner-entry-header-wrap {
  align-items: start;
  padding-right: 60px;
}
body:not(.home) article.has-post-thumbnail .entry-header.bransch img.tjanst, body:not(.home) article.has-post-thumbnail .page-header.bransch img.tjanst, body:not(.home) section.has-post-thumbnail .entry-header.bransch img.tjanst, body:not(.home) section.has-post-thumbnail .page-header.bransch img.tjanst {
  position: absolute;
  right: 0;
  max-width: 120px;
  bottom: 0;
}
body:not(.home) article.has-post-thumbnail .entry-header, body:not(.home) article.has-post-thumbnail .page-header, body:not(.home) section.has-post-thumbnail .entry-header, body:not(.home) section.has-post-thumbnail .page-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body:not(.home) article.has-post-thumbnail .entry-header h1, body:not(.home) article.has-post-thumbnail .page-header h1, body:not(.home) section.has-post-thumbnail .entry-header h1, body:not(.home) section.has-post-thumbnail .page-header h1 {
  text-align: center;
  max-width: 1200px;
}
body:not(.home) article.has-post-thumbnail .entry-header img.tjanst, body:not(.home) article.has-post-thumbnail .page-header img.tjanst, body:not(.home) section.has-post-thumbnail .entry-header img.tjanst, body:not(.home) section.has-post-thumbnail .page-header img.tjanst {
  display: block;
  max-width: 109px;
  margin-bottom: 32px;
}
body:not(.home) article.has-post-thumbnail .inner-entry-header, body:not(.home) article.has-post-thumbnail .inner-entry-header-wrap, body:not(.home) section.has-post-thumbnail .inner-entry-header, body:not(.home) section.has-post-thumbnail .inner-entry-header-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body:not(.home) .entry-content, body:not(.home) .page-content {
  padding: 21px;
}

.sticky {
  display: block;
}

.post,
.page {
  margin: 0;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
  overflow: hidden;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.entry-title {
  text-align: center;
}

.kunder {
  text-align: center;
  padding: 24px;
  white-space: nowrap;
  overflow: hidden;
  height: 330px;
  background-color: #FFF;
}
.kunder .kunder-wrap {
  min-width: 100vw;
  margin: 150px 0 0;
  height: 65px;
  display: inline-flex;
  justify-content: space-around;
  align-items: center;
}
.kunder .kunder-wrap .kund {
  height: 64px;
  display: flex;
  align-items: center;
  padding: 0 30px;
}
.kunder .kunder-wrap img {
  max-height: 55px;
  max-width: 250px;
  vertical-align: -webkit-baseline-middle;
  vertical-align: -moz-middle-with-baseline;
  opacity: 0.65;
}
.kunder h3 {
  text-transform: uppercase;
  position: absolute;
  left: 0;
  right: 0;
}

.kontakt {
  background-image: url("./library/kontakt_bakgrund.jpg");
  background-size: 250%;
  background-repeat: no-repeat;
  background-position: bottom;
  background-color: #4601FF;
  padding: 72px 22px 65px;
  display: flex;
  justify-content: center;
  margin-top: 70px;
}

.kontakt_wrap {
  color: white;
  max-width: 100%;
}
.kontakt_wrap h2 {
  color: #FFF;
  font-size: 60px;
  line-height: 60px;
  margin: 10px 0 0;
}

@media screen and (min-width: 37.5em) {
  body:not(.home) article.has-post-thumbnail .entry-header.bransch, body:not(.home) section.has-post-thumbnail .entry-header.bransch {
    padding: 240px 21px 12px;
  }
  body:not(.home).single-case article {
    /* Skippar den här för tillfället 
    &.has-post-thumbnail {
    	.entry-header {
    		padding: 300px 21px 37px;
    	}
    } */
  }
  body:not(.home).single-case article .entry-header .inner-entry-header {
    width: min(600px, 80vw);
  }
  body:not(.home).single-case article .entry-header img.case {
    max-width: min(45vw, 400px);
    max-height: 180px;
    top: -160px;
  }
}
@media screen and (min-width: 767px) {
  .kontakt {
    background-size: 200%;
  }

  body:not(.home) article.has-post-thumbnail .entry-header.bransch {
    padding: 300px 21px 12px 105px;
  }
  body:not(.home) article.has-post-thumbnail .entry-header.bransch .inner-entry-header .inner-entry-header-wrap {
    padding-right: 0px;
  }
  body:not(.home) article.has-post-thumbnail .entry-header.bransch img.tjanst {
    right: auto;
    max-width: 140px;
    left: -160px;
    bottom: -20px;
  }
}
@media screen and (min-width: 1030px) {
  .pagination a, .pagination span, .wp-block-query-pagination a, .wp-block-query-pagination span {
    font-size: 26px;
    margin: 0 5px;
  }

  body:not(.home).single-case article {
    /* Skippar den här för tillfället 
    &.has-post-thumbnail {
    	.entry-header {
    		padding: 300px 21px 37px 260px;
    		h1 {
    			text-align: left!important;
    		}
    		.inner-entry-header {
    			width: min(800px, 80vw);
    		}
    		img.case {
    			top: 0;
    			left: -240px;
    			height: 200px;
    			width: 200px;
    		}
    	}
    } */
  }
  body:not(.home).single-case article.has-post-thumbnail .entry-header {
    align-items: center;
  }
  body:not(.home).single-case article .entry-header {
    align-items: center;
  }
  body:not(.home).single-case article .entry-header .inner-entry-header {
    width: min(1200px, 80vw);
  }
  body:not(.home).single-case article .entry-header h1 {
    text-align: center !important;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
  }
  body:not(.home).single-case article .entry-header img.case {
    max-width: min(45vw, 400px);
    max-height: 180px;
    top: -160px;
  }
  body:not(.home) article .entry-header, body:not(.home) article .page-header, body:not(.home) section .entry-header, body:not(.home) section .page-header {
    text-align: center;
    padding: 380px 32px 62px;
  }
  body:not(.home) article .entry-header h1, body:not(.home) article .page-header h1, body:not(.home) section .entry-header h1, body:not(.home) section .page-header h1 {
    font-size: 80px;
    line-height: 90px;
    text-align: center;
    margin: 12px 0;
  }
  body:not(.home) article .entry-header p, body:not(.home) article .page-header p, body:not(.home) section .entry-header p, body:not(.home) section .page-header p {
    font-size: 26px;
    line-height: 36px;
    margin-left: auto;
    margin-right: auto;
  }
  body:not(.home) article .entry-header span.fract, body:not(.home) article .page-header span.fract, body:not(.home) section .entry-header span.fract, body:not(.home) section .page-header span.fract {
    font-size: 20px;
    line-height: 26px;
  }
  body:not(.home) article .entry-content, body:not(.home) article .page-content, body:not(.home) section .entry-content, body:not(.home) section .page-content {
    padding: 30px 45px;
  }
  body:not(.home) article .entry-content > p, body:not(.home) article .entry-content > h2, body:not(.home) article .page-content > p, body:not(.home) article .page-content > h2, body:not(.home) section .entry-content > p, body:not(.home) section .entry-content > h2, body:not(.home) section .page-content > p, body:not(.home) section .page-content > h2 {
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
  }
  body:not(.home) article.has-post-thumbnail .entry-header h1, body:not(.home) section.has-post-thumbnail .entry-header h1 {
    text-align: left;
  }
  body:not(.home) article.has-post-thumbnail .entry-header img.tjanst, body:not(.home) section.has-post-thumbnail .entry-header img.tjanst {
    max-width: 146px;
  }
  body:not(.home) article.has-post-thumbnail .entry-header.bransch, body:not(.home) section.has-post-thumbnail .entry-header.bransch {
    padding: 293px 21px 100px 292px;
  }
  body:not(.home) article.has-post-thumbnail .entry-header.bransch img.tjanst, body:not(.home) section.has-post-thumbnail .entry-header.bransch img.tjanst {
    max-width: 275px;
    left: -330px;
    bottom: -120px;
  }
  body:not(.home) article.has-post-thumbnail .inner-entry-header-wrap, body:not(.home) section.has-post-thumbnail .inner-entry-header-wrap {
    align-items: start;
  }
  body:not(.home) article.has-post-thumbnail .inner-entry-header, body:not(.home) section.has-post-thumbnail .inner-entry-header {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    max-width: 860px;
  }

  .gradient {
    min-height: max(140vh, 1500px);
  }

  .kunder {
    height: 410px;
  }
  .kunder h3 {
    margin-top: 70px;
    font-size: 20px;
    line-height: 20px;
  }

  .kontakt {
    padding: 80px;
    background-size: 100%;
    background-position: bottom;
  }

  .kontakt_wrap {
    max-width: 1280px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 120px;
  }
  .kontakt_wrap .wrap {
    width: 40%;
  }
  .kontakt_wrap .wrap.novid {
    width: 100%;
  }
  .kontakt_wrap .wrap.novid .wpforms-field-container {
    max-width: 600px;
  }
  .kontakt_wrap .video-wrap {
    width: 60%;
  }
  .kontakt_wrap h2 {
    font-size: 80px;
    line-height: 80px;
  }

  body.home h1.entry-title {
    font-size: 160px;
    line-height: 170px;
    max-width: 735px;
    margin: 0 auto;
  }
  body.home .ingress {
    font-size: 26px;
    line-height: 36px;
    color: #FFF;
    max-width: 855px;
    padding: 0;
  }
}
@media screen and (min-width: 1030px) {
  body:not(.home) .entry-content, body:not(.home) .page-content {
    max-width: 1370px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}
.widget select {
  max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}