@charset "UTF-8";
/**
 * @file
 * sass/theme.scss
 *
 * CSS rules that style theme and are not included with components.
 */
/** https://google-webfonts-helper.herokuapp.com/fonts/lora?subsets=latin **/
/* lora-regular - latin */
@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../fonts/lora/lora-v23-latin-regular.woff2") format("woff2"), url("../fonts/lora/lora-v23-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}
/* lora-700 - latin */
@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: 700;
  src: local(""), url("../fonts/lora/lora-v23-latin-700.woff2") format("woff2"), url("../fonts/lora/lora-v23-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}
/* lora-italic - latin */
@font-face {
  font-family: "Lora";
  font-style: italic;
  font-weight: 400;
  src: local(""), url("../fonts/lora/lora-v23-latin-italic.woff2") format("woff2"), url("../fonts/lora/lora-v23-latin-italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}
/* lora-700italic - latin */
@font-face {
  font-family: "Lora";
  font-style: italic;
  font-weight: 700;
  src: local(""), url("../fonts/lora/lora-v23-latin-700italic.woff2") format("woff2"), url("../fonts/lora/lora-v23-latin-700italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}
/* #### Generated By: http://www.cufonfonts/geometria.com #### */
@font-face {
  font-family: "Geometria";
  font-style: normal;
  font-weight: normal;
  src: local("Geometria"), url("../fonts/geometria/Geometria.woff") format("woff");
}
@font-face {
  font-family: "Geometria-Italic";
  font-style: normal;
  font-weight: normal;
  src: local("Geometria-Italic"), url("../fonts/geometria/Geometria-Italic.woff") format("woff");
}
@font-face {
  font-family: "Geometria-Thin";
  font-style: normal;
  font-weight: normal;
  src: local("Geometria-Thin"), url("../fonts/geometria/Geometria-Thin.woff") format("woff");
}
@font-face {
  font-family: "Geometria-ThinItalic";
  font-style: normal;
  font-weight: normal;
  src: local("Geometria-ThinItalic"), url("../fonts/geometria/Geometria-ThinItalic.woff") format("woff");
}
@font-face {
  font-family: "Geometria-ExtraLight";
  font-style: normal;
  font-weight: normal;
  src: local("Geometria-ExtraLight"), url("../fonts/geometria/Geometria-ExtraLight.woff") format("woff");
}
@font-face {
  font-family: "Geometria-ExtraLightItalic";
  font-style: normal;
  font-weight: normal;
  src: local("Geometria-ExtraLightItalic"), url("../fonts/geometria/Geometria-ExtraLightItalic.woff") format("woff");
}
@font-face {
  font-family: "Geometria-Light";
  font-style: normal;
  font-weight: normal;
  src: local("Geometria-Light"), url("../fonts/geometria/Geometria-Light.woff") format("woff");
}
@font-face {
  font-family: "Geometria-LightItalic";
  font-style: normal;
  font-weight: normal;
  src: local("Geometria-LightItalic"), url("../fonts/geometria/Geometria-LightItalic.woff") format("woff");
}
@font-face {
  font-family: "Geometria-Medium";
  font-style: normal;
  font-weight: normal;
  src: local("Geometria-Medium"), url("../fonts/geometria/Geometria-Medium.woff") format("woff");
}
@font-face {
  font-family: "Geometria-MediumItalic";
  font-style: normal;
  font-weight: normal;
  src: local("Geometria-MediumItalic"), url("../fonts/geometria/Geometria-MediumItalic.woff") format("woff");
}
@font-face {
  font-family: "Geometria-Bold";
  font-style: normal;
  font-weight: normal;
  src: local("Geometria-Bold"), url("../fonts/geometria/Geometria-Bold.woff") format("woff");
}
@font-face {
  font-family: "Geometria-BoldItalic";
  font-style: normal;
  font-weight: normal;
  src: local("Geometria-BoldItalic"), url("../fonts/geometria/Geometria-BoldItalic.woff") format("woff");
}
@font-face {
  font-family: "Geometria-ExtraBold";
  font-style: normal;
  font-weight: normal;
  src: local("Geometria-ExtraBold"), url("../fonts/geometria/Geometria-ExtraBold.woff") format("woff");
}
@font-face {
  font-family: "Geometria-ExtraBoldItalic";
  font-style: normal;
  font-weight: normal;
  src: local("Geometria-ExtraBoldItalic"), url("../fonts/geometria/Geometria-ExtraBoldItalic.woff") format("woff");
}
@font-face {
  font-family: "Geometria-Heavy";
  font-style: normal;
  font-weight: normal;
  src: local("Geometria-Heavy"), url("../fonts/geometria/Geometria-Heavy.woff") format("woff");
}
@font-face {
  font-family: "Geometria-HeavyItalic";
  font-style: normal;
  font-weight: normal;
  src: local("Geometria-HeavyItalic"), url("../fonts/geometria/Geometria-HeavyItalic.woff") format("woff");
}
@font-face {
  font-family: "Meta Serif Offc";
  font-weight: bold;
  src: url("../fonts/ip-fonts/Fonts/1378044/7e08fa85-157b-49a7-a0b3-4e57ecfc81ae.eot?#iefix");
  src: url("../fonts/ip-fonts/Fonts/1378044/7e08fa85-157b-49a7-a0b3-4e57ecfc81ae.eot?#iefix") format("eot"), url("../fonts/ip-fonts/Fonts/1378044/05ebb84f-7132-4bba-a010-01a2fb46795b.woff2") format("woff2"), url("../fonts/ip-fonts/Fonts/1378044/38708e4e-3137-4130-adcc-a00a0931bfce.woff") format("woff"), url("../fonts/ip-fonts/Fonts/1378044/ea2e8efb-dc49-454e-aec7-8e28be819fd2.ttf") format("truetype");
}
@font-face {
  font-family: "Meta Serif Offc";
  font-style: italic;
  src: url("../fonts/ip-fonts/Fonts/1378074/a496a7b4-a708-45b5-be88-8059f43118cd.eot?#iefix");
  src: url("../fonts/ip-fonts/Fonts/1378074/a496a7b4-a708-45b5-be88-8059f43118cd.eot?#iefix") format("eot"), url("../fonts/ip-fonts/Fonts/1378074/3eed0fa3-246d-45d8-83c6-1b3bb5fad3c3.woff2") format("woff2"), url("../fonts/ip-fonts/Fonts/1378074/a0df4306-2f97-461f-9069-7d113bf54b22.woff") format("woff"), url("../fonts/ip-fonts/Fonts/1378074/b67726e3-8ffa-45d6-9bee-f1839d34d9f4.ttf") format("truetype");
}
@font-face {
  font-family: "Meta Serif Offc";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/ip-fonts/Fonts/5558757/6d86e7e4-94d5-402e-9568-6b53d8010a3c.eot?#iefix");
  src: url("../fonts/ip-fonts/Fonts/5558757/6d86e7e4-94d5-402e-9568-6b53d8010a3c.eot?#iefix") format("eot"), url("../fonts/ip-fonts/Fonts/5558757/13ba7e6e-0a1a-43e6-8e6a-d57e579931ba.woff2") format("woff2"), url("../fonts/ip-fonts/Fonts/5558757/ccd8846c-4054-4b27-87bb-3680ad0f0421.woff") format("woff"), url("../fonts/ip-fonts/Fonts/5558757/2de1472a-ed93-4b2b-9e52-a9cc1973d152.ttf") format("truetype");
}
@font-face {
  font-family: "Good Headline";
  font-weight: 400;
  src: url("../fonts/ip-fonts/Fonts/5558165/705de108-3767-4556-86aa-f4e96fe222a4.eot?#iefix");
  src: url("../fonts/ip-fonts/Fonts/5558165/705de108-3767-4556-86aa-f4e96fe222a4.eot?#iefix") format("eot"), url("../fonts/ip-fonts/Fonts/5558165/35e6a1bb-9b64-4c61-ae0d-5d45639c6cd4.woff2") format("woff2"), url("../fonts/ip-fonts/Fonts/5558165/e926e74a-8be2-4314-9a38-780a32274cbb.woff") format("woff"), url("../fonts/ip-fonts/Fonts/5558165/84776eda-f7eb-454d-a697-fdfc87476d95.ttf") format("truetype");
}
@font-face {
  font-family: "Good Headline";
  font-weight: 300;
  src: url("../fonts/ip-fonts/Fonts/5560177/d35baab9-e6c9-4178-b787-7fd7b8888412.eot?#iefix");
  src: url("../fonts/ip-fonts/Fonts/5560177/d35baab9-e6c9-4178-b787-7fd7b8888412.eot?#iefix") format("eot"), url("../fonts/ip-fonts/Fonts/5560177/9b75c940-190d-4690-99b5-f8fef41dfd8e.woff2") format("woff2"), url("../fonts/ip-fonts/Fonts/5560177/dec31cd7-fcbb-461f-8441-021df3d99c12.woff") format("woff"), url("../fonts/ip-fonts/Fonts/5560177/1702d575-aeae-4907-8e4c-446a87103803.ttf") format("truetype");
}
@font-face {
  font-family: "Good Headline";
  font-weight: bold;
  src: url("../fonts/ip-fonts/Fonts/5561073/b0109455-a0c1-4202-aac1-d4e479522ad8.eot?#iefix");
  src: url("../fonts/ip-fonts/Fonts/5561073/b0109455-a0c1-4202-aac1-d4e479522ad8.eot?#iefix") format("eot"), url("../fonts/ip-fonts/Fonts/5561073/5dbbe228-1db1-4354-8256-9a47fd494c2d.woff2") format("woff2"), url("../fonts/ip-fonts/Fonts/5561073/317675ce-cdb1-4bf1-b345-9da712bd52f4.woff") format("woff"), url("../fonts/ip-fonts/Fonts/5561073/b6400b2c-35c1-4875-8f4f-61d4d092f720.ttf") format("truetype");
}
/* Bulma Utilities */
:root {
  --primary: #253081;
  --secondary: #0092b6;
  --tertiary: #68318a;
  --white: #fff;
  --text-color: #222;
  --muted-text-color: rgba(47, 48, 49, .5);
  --medium-grey: rgb(134, 136, 138);
  --link-color: #007296; /* secondary darker */
  --link-hover-color: var(--primary);
  --link-hover-bg-color: var(--white);
  --error: #cc171a;
  --layout-bg: linear-gradient(90deg, #66666a 0%, #66666f 100%);
  --grey-lighter: #f5f5f5;
  --blue-lighter: #f8f9fc;
  --publications-red: #cc171a;
  --dgap-primary: #253081;
  --vivid-gradient: linear-gradient(130deg, var(--secondary), var(--primary), var(--tertiary));
  --blue-gradient-light: linear-gradient(to bottom, #daf5fc, #b3e6f7);
  --red-gradient: linear-gradient(to right, #cc171a, #9c060a);
  --grey-gradient: linear-gradient(to bottom, rgba(47, 48, 49, 0), rgba(232, 232, 232, 0.7));
  --turquoise-gradient: linear-gradient(117deg, #3dbdb6 3%, #0089ce 100%);
  --ip-highlight-2: rgb(78, 125, 157);
  --border-light: 1px solid rgb(230, 233, 236);
  --border-dark: 4px solid var(--primary);
  --letter-spacing: .125rem;
  --maxWidth: 1200px;
  --columnGap: 10px;
  --offset: 10px;
  --columns: 12;
  --gutter: calc(var(--columnGap) * 2);
  --navbar-height: 5.625rem;
}
:root .domain--ipq,
:root .domain--internationale-politik-de {
  --primary: #010101;
  --secondary: #cc171a;
  --tertiary: #d3d3d3;
  --layout-bg: linear-gradient(90deg, #f3f3f3 0%, #f3f3f3 100%) /* secondary */;
  --link-color: #cc171a /* secondary */;
  --border-red: 4px solid var(--secondary);
  --dgap-primary: #253081;
  --border-dark: 2px solid var(--secondary);
}
:root .domain--ipq {
  --layout-bg: linear-gradient(90deg, #d3d3d3 0%, #d0d0d0 100%) /* tertiary */;
}
:root .domain--internationale-politik-de {
  --border-red: 4px solid transparent;
}

body {
  --family-serif: "Lora", serif;
  --family-sans-serif: "Geometria", sans-serif;
  --family-serif-ip: "Meta Serif Offc", serif;
  --family-sans-serif-ip: "Good Headline", sans-serif;
  --font-size-base: inherit;
  --font-size-xxl: 2rem;
  --font-size-xl: 1.75rem;
  --font-size-l: 1.25rem;
  --font-size-s: .75rem;
  --font-size-button: .875rem;
  --line-height-base: 150%;
  --line-height-l: 120%;
  --line-height-xl: 100%;
}
@tablet {
  body {
    --font-size-xxl: 3rem;
  }
}

body.domain--ipq {
  font-size: 20px;
  --font-size-xxl: 2em;
  --font-size-xl: 1.75em;
  --font-size-l: 1.25em;
  --font-size-s: .75em;
  --font-size-button: .875em;
}
@tablet {
  body.domain--ipq {
    --font-size-xxl: 3em;
  }
}

body.domain--internationale-politik-de {
  --font-size-xxl: 2rem;
  --font-size-xl: 2rem;
  --font-size-l: 1.5rem;
}

.menu {
  font-size: 1em;
}

html[lang=de] .en-only,
html[lang=en] .de-only {
  display: none;
}

.user-teasers-align-left article {
  align-items: flex-start !important;
  text-align: left;
}
.user-teasers-align-left .field--name-realname {
  text-align: left !important;
}

.user-images-only .embedded-entity .user .user--content {
  display: none;
}

.flex-box > .field__items {
  display: flex;
  flex-flow: row wrap;
  gap: 1.25 rem 2.5rem;
}
.flex-box > .field__items .field__item {
  flex: 1 1 calc(30% - 2.5rem);
}

.logo a,
.logo a:focus,
.logo a:hover {
  text-decoration: none;
  border-color: transparent;
  outline-offset: 4px;
}

body {
  margin: 0 auto !important;
  color: var(--text-color);
}
@media screen and (min-width: 720px), print {
  body {
    max-width: 720px;
  }
}
@media screen and (min-width: 1024px) {
  body {
    max-width: 1024px;
  }
}
@media screen and (min-width: 1256px) {
  body {
    max-width: 1256px;
  }
}

body.cke_editable {
  background-color: var(--white);
  background-image: none;
  box-sizing: border-box;
  margin: 0;
  width: 100%;
  max-width: 100%;
  padding: 1rem;
}

.body.cke_editable > :first-child {
  margin-top: 0;
}

.body.cke_editable * {
  max-width: 100%;
}

.region-content,
footer.footer {
  background-color: var(--white);
}

.path-frontpage:not(.user-logged-in) #block-dgappagetitle {
  padding: 0;
  margin-bottom: calc(6 * 16px * 0.5 - 0rem);
}
.path-frontpage:not(.user-logged-in) #block-dgappagetitle .column {
  padding: 0;
}

.container {
  --columnGap: calc(0.75rem * 2);
  padding-right: calc(var(--columnGap));
  padding-left: calc(var(--columnGap));
}
@media screen and (min-width: 1024px) {
  .container {
    padding-right: 0;
    padding-left: 0;
    margin-left: 32px;
    margin-right: 32px;
    max-width: 960px;
  }
}
@media screen and (min-width: 1256px) {
  .container {
    max-width: 1192px;
  }
}

.is-offset-0 {
  margin-left: 0%;
}

@media screen and (min-width: 720px), print {
  .is-offset-0-tablet {
    margin-left: 0%;
  }
}
@media screen and (min-width: 1024px) {
  .is-offset-0-desktop {
    margin-left: 0%;
  }
}
@media screen and (min-width: 1256px) {
  .is-offset-0-widescreen {
    margin-left: 0%;
  }
}
.is-offset-1 {
  margin-left: 8.3333333333%;
}

@media screen and (min-width: 720px), print {
  .is-offset-1-tablet {
    margin-left: 8.3333333333%;
  }
}
@media screen and (min-width: 1024px) {
  .is-offset-1-desktop {
    margin-left: 8.3333333333%;
  }
}
@media screen and (min-width: 1256px) {
  .is-offset-1-widescreen {
    margin-left: 8.3333333333%;
  }
}
.is-offset-2 {
  margin-left: 16.6666666667%;
}

@media screen and (min-width: 720px), print {
  .is-offset-2-tablet {
    margin-left: 16.6666666667%;
  }
}
@media screen and (min-width: 1024px) {
  .is-offset-2-desktop {
    margin-left: 16.6666666667%;
  }
}
@media screen and (min-width: 1256px) {
  .is-offset-2-widescreen {
    margin-left: 16.6666666667%;
  }
}
.is-offset-3 {
  margin-left: 25%;
}

@media screen and (min-width: 720px), print {
  .is-offset-3-tablet {
    margin-left: 25%;
  }
}
@media screen and (min-width: 1024px) {
  .is-offset-3-desktop {
    margin-left: 25%;
  }
}
@media screen and (min-width: 1256px) {
  .is-offset-3-widescreen {
    margin-left: 25%;
  }
}
.is-offset-4 {
  margin-left: 33.3333333333%;
}

@media screen and (min-width: 720px), print {
  .is-offset-4-tablet {
    margin-left: 33.3333333333%;
  }
}
@media screen and (min-width: 1024px) {
  .is-offset-4-desktop {
    margin-left: 33.3333333333%;
  }
}
@media screen and (min-width: 1256px) {
  .is-offset-4-widescreen {
    margin-left: 33.3333333333%;
  }
}
.is-offset-5 {
  margin-left: 41.6666666667%;
}

@media screen and (min-width: 720px), print {
  .is-offset-5-tablet {
    margin-left: 41.6666666667%;
  }
}
@media screen and (min-width: 1024px) {
  .is-offset-5-desktop {
    margin-left: 41.6666666667%;
  }
}
@media screen and (min-width: 1256px) {
  .is-offset-5-widescreen {
    margin-left: 41.6666666667%;
  }
}
.is-offset-6 {
  margin-left: 50%;
}

@media screen and (min-width: 720px), print {
  .is-offset-6-tablet {
    margin-left: 50%;
  }
}
@media screen and (min-width: 1024px) {
  .is-offset-6-desktop {
    margin-left: 50%;
  }
}
@media screen and (min-width: 1256px) {
  .is-offset-6-widescreen {
    margin-left: 50%;
  }
}
.is-offset-7 {
  margin-left: 58.3333333333%;
}

@media screen and (min-width: 720px), print {
  .is-offset-7-tablet {
    margin-left: 58.3333333333%;
  }
}
@media screen and (min-width: 1024px) {
  .is-offset-7-desktop {
    margin-left: 58.3333333333%;
  }
}
@media screen and (min-width: 1256px) {
  .is-offset-7-widescreen {
    margin-left: 58.3333333333%;
  }
}
.is-offset-8 {
  margin-left: 66.6666666667%;
}

@media screen and (min-width: 720px), print {
  .is-offset-8-tablet {
    margin-left: 66.6666666667%;
  }
}
@media screen and (min-width: 1024px) {
  .is-offset-8-desktop {
    margin-left: 66.6666666667%;
  }
}
@media screen and (min-width: 1256px) {
  .is-offset-8-widescreen {
    margin-left: 66.6666666667%;
  }
}
.is-offset-9 {
  margin-left: 75%;
}

@media screen and (min-width: 720px), print {
  .is-offset-9-tablet {
    margin-left: 75%;
  }
}
@media screen and (min-width: 1024px) {
  .is-offset-9-desktop {
    margin-left: 75%;
  }
}
@media screen and (min-width: 1256px) {
  .is-offset-9-widescreen {
    margin-left: 75%;
  }
}
.is-offset-10 {
  margin-left: 83.3333333333%;
}

@media screen and (min-width: 720px), print {
  .is-offset-10-tablet {
    margin-left: 83.3333333333%;
  }
}
@media screen and (min-width: 1024px) {
  .is-offset-10-desktop {
    margin-left: 83.3333333333%;
  }
}
@media screen and (min-width: 1256px) {
  .is-offset-10-widescreen {
    margin-left: 83.3333333333%;
  }
}
.is-offset-11 {
  margin-left: 91.6666666667%;
}

@media screen and (min-width: 720px), print {
  .is-offset-11-tablet {
    margin-left: 91.6666666667%;
  }
}
@media screen and (min-width: 1024px) {
  .is-offset-11-desktop {
    margin-left: 91.6666666667%;
  }
}
@media screen and (min-width: 1256px) {
  .is-offset-11-widescreen {
    margin-left: 91.6666666667%;
  }
}
.is-offset-12 {
  margin-left: 100%;
}

@media screen and (min-width: 720px), print {
  .is-offset-12-tablet {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .is-offset-12-desktop {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1256px) {
  .is-offset-12-widescreen {
    margin-left: 100%;
  }
}
html {
  background: none transparent;
}

body {
  background-color: var(--white);
  background-image: var(--layout-bg);
}

.layout-container,
.layout {
  background-color: var(--white);
}

.has-background-blue-lighter {
  background-color: var(--blue-lighter);
}

.has-background-grey-lighter {
  background-color: var(--grey-lighter);
}

.has-background-blue-gradient {
  background-image: linear-gradient(to bottom, var(--secondary), var(--primary));
}

.has-background-blue-gradient-light {
  background-image: linear-gradient(to bottom, #daf5fc, #b3e6f7);
}

.has-background-red-gradient {
  background-image: linear-gradient(to right, #cc171a, #9c060a);
}

.has-background-red {
  background-color: var(--publications-red);
}

.has-background-primary {
  background-color: var(--primary);
}

.has-background-blue-gradient,
.has-background-vivid-gradient {
  background-image: var(--vivid-gradient);
}

.has-background-ip-highlight-2 {
  background-color: var(--ip-highlight-2);
}

.has-background-primary .button,
.has-background-primary .button--secondary,
.has-background-primary a.button,
.has-background-blue-gradient .button,
.has-background-blue-gradient .button--secondary,
.has-background-blue-gradient a.button,
.has-background-vivid-gradient .button,
.has-background-vivid-gradient .button--secondary,
.has-background-vivid-gradient a.button,
.has-background-red-gradient .button,
.has-background-red-gradient .button--secondary,
.has-background-red-gradient a.button,
.has-background-red .button,
.has-background-red .button--secondary,
.has-background-red a.button,
.has-background-ip-highlight-2 .button,
.has-background-ip-highlight-2 .button--secondary,
.has-background-ip-highlight-2 a.button,
.layout-builder-form .button,
.layout-builder-form .button--secondary,
.layout-builder-form a.button,
#layout-builder-modal .button,
#layout-builder-modal .button--secondary,
#layout-builder-modal a.button {
  background-color: var(--white);
  border-color: var(--primary);
  color: var(--primary);
}
.has-background-primary .button--primary,
.has-background-blue-gradient .button--primary,
.has-background-vivid-gradient .button--primary,
.has-background-red-gradient .button--primary,
.has-background-red .button--primary,
.has-background-ip-highlight-2 .button--primary,
.layout-builder-form .button--primary,
#layout-builder-modal .button--primary {
  background-color: var(--primary);
  color: var(--white);
}

#layout-builder-modal tr.draggable .button {
  margin: 0;
  font-size: var(--font-size-s);
}
#layout-builder-modal tr.draggable .form-item {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.has-dark-background p, .has-dark-background h2, .has-dark-background h3, .has-dark-background h4,
.has-dark-background a:not(.button),
.has-background-ip-highlight-2 .block-inline-blockcurrent-ip-issue p,
.has-background-ip-highlight-2 .block-inline-blockcurrent-ip-issue h2,
.has-background-ip-highlight-2 .block-inline-blockcurrent-ip-issue h3,
.has-background-ip-highlight-2 .block-inline-blockcurrent-ip-issue h4,
.has-background-ip-highlight-2 .block-inline-blockcurrent-ip-issue a:not(.button),
.has-background-red-gradient .block-inline-blockcurrent-ip-issue p,
.has-background-red-gradient .block-inline-blockcurrent-ip-issue h2,
.has-background-red-gradient .block-inline-blockcurrent-ip-issue h3,
.has-background-red-gradient .block-inline-blockcurrent-ip-issue h4,
.has-background-red-gradient .block-inline-blockcurrent-ip-issue a:not(.button),
.has-background-red .block-inline-blockcurrent-ip-issue p,
.has-background-red .block-inline-blockcurrent-ip-issue h2,
.has-background-red .block-inline-blockcurrent-ip-issue h3,
.has-background-red .block-inline-blockcurrent-ip-issue h4,
.has-background-red .block-inline-blockcurrent-ip-issue a:not(.button) {
  color: var(--white);
}

.preset--grey-list,
.block-views-blockmost-views-most-views-block .views-element-container {
  background-color: var(--grey-lighter);
}
.preset--grey-list article.node--view-mode-list-teaser,
.block-views-blockmost-views-most-views-block .views-element-container article.node--view-mode-list-teaser {
  padding: calc(2 * 16px * 0.5 - 0rem) calc(var(--columnGap) * 2);
  border-bottom: var(--border-dark);
  border-bottom-width: 1px;
}

/* Settings */
:root {
  --offset: var(--columnGap);
  --max_width: 1888px;
  --columns: 12;
  --gutter: calc(23px * 2);
  --baseline: 0.5rem;
  --baseline-shift: 0;
  --color: hsla(204, 80%, 72%, 0.25);
  --color-text: hsla(204, 80%, 72%, 1);
  --media-query: "base";
}

/* Helper variables */
:root {
  --repeating-width: calc(100% / var(--columns));
  --column-width: calc((100% / var(--columns)) - var(--gutter));
  --background-width: calc(100% + var(--gutter));
  --background-columns: repeating-linear-gradient(
          to right,
          var(--color),
          var(--color) var(--column-width),
          transparent var(--column-width),
          transparent var(--repeating-width)
  );
  --background-baseline: repeating-linear-gradient(
          to bottom,
          var(--color),
          var(--color) 1px,
          transparent 1px,
          transparent var(--baseline)
  );
}

html, body, .layout-container, .dialog-off-canvas-main-canvas {
  height: 100%;
}

.layout-container {
  display: flex;
  flex-direction: column;
}

.region-content,
.region-main-menu {
  flex: 1 0 auto;
}

.footer {
  flex-shrink: 0;
}

ul.footnotes {
  margin-left: 0;
  padding-top: 1rem;
  margin-top: 2rem;
  border-color: var(--primary);
}

/* Event invitation signup form */
#dgap-navision-token-signup fieldset {
  border: 1px solid var(--secondary);
  border-width: 0 1px 1px;
}
#dgap-navision-token-signup .fieldset-legend {
  width: calc(100% + 2px);
  position: relative;
  left: -1px;
  border: 1px solid var(--secondary);
  border-left-color: var(--primary);
  border-width: 0 1px;
}
#dgap-navision-token-signup .fieldset-wrapper {
  padding: calc(16px - 0rem) calc(var(--columnGap) * 2);
}

/* Event meeting link */
.region-content .block-views-blockevent-invitations-block-meeting-link {
  margin-bottom: 0;
  padding: calc(16px - 0rem) 0;
}

.block-views-blockevent-invitations-block-meeting-link a {
  color: var(--secondary);
}

ul.footnotes {
  margin-left: 0;
  padding-top: 1rem;
  margin-top: 2rem;
  border-color: var(--primary);
}

/* User dashboard */
.view-empty {
  margin: calc(3 * 16px * 0.5 - 0rem) var(--columnGap) calc(2 * 16px * 0.5 - 0rem);
}

.path-user .layout .dashboard-info {
  margin-top: 3rem;
  border: 1px solid var(--secondary);
  padding: 2rem 1.5rem;
}
.path-user .layout .dashboard-info.alert {
  color: rgb(204, 23, 26);
  border: 1px solid rgb(204, 23, 26);
}
.path-user .layout h2.section--title + div > div.block-block-content {
  margin-top: 2rem;
  margin-bottom: 3rem;
}

/* Annotations */
@keyframes reveal {
  0% {
    opacity: 0;
    margin-top: -1rem;
  }
  100% {
    opacity: 1;
    margin-top: 0;
  }
}
.content details {
  padding: 0.5rem 0 0.5rem;
  position: relative;
  border: 1px solid var(--secondary);
  border-width: 1px 0;
}
.content details summary {
  font-style: normal;
  color: var(--primary);
  padding: 0.25rem 0.5rem;
}
.content details[open] {
  padding-bottom: 2rem;
}
.content details[open] summary {
  margin-bottom: 1rem;
}
.content details[open] summary ~ * {
  animation: reveal 0.5s ease-in-out;
}
.content details blockquote {
  font-size: 1rem !important;
  margin: 1rem 0 0;
  padding: 0 2rem;
}
.content details blockquote:before {
  display: none !important;
}
.content details .user {
  padding: 0;
  margin: 0;
  display: flex;
  flex-flow: row wrap;
}
.content details .user .field {
  display: inline-block;
}
.content details .user .user--content {
  padding: 0;
}
.content details .user .field--name-field-profile-picture {
  width: calc(60px - 0rem);
  height: calc(60px - 0rem);
  margin-right: 1rem;
}
.content details .field--name-realname a,
.content details div[data-entity-embed-display="entity_reference:entity_reference_label"] a {
  color: var(--secondary);
  margin-right: 0.25rem;
}

.content details > summary::marker {
  content: "+   ";
  font-family: "Font Awesome 6 Pro";
  font-size: 12px;
}

.content details[open] > summary::marker {
  content: "\f068   ";
}

/* Some utility classes */
.fields-inline,
.fields-inline div {
  display: inline-block;
  float: none;
  width: auto;
}

.block--title.block--title-inline {
  border-width: 0;
  padding-right: 1rem;
}

h3.block--title-inline,
.block--label-inline + div {
  display: inline-block !important;
  width: auto;
}

.field--name-field-member-entry {
  color: var(--muted-text-color);
}

.align-right-inline.block-extra-field-blocknodedgap-eventflag-event-node-flag {
  float: right;
  padding-top: 0.333rem;
  margin-left: 1rem;
}

/* Media fields */
.region-content .wallpaper {
  margin-bottom: 0;
}

.player audio {
  width: 100%;
}

/* External media */
.teaser iframe {
  aspect-ratio: 16/9;
  height: auto;
}

/* Throbbers */
.is-b-loading:not(.is-b-loaded):not([data-animation])::before {
  background-color: var(--grey-lighter);
}

/* Shariff class change fix */
.shariff .fab:before,
.shariff .fas:before {
  position: relative;
  left: -3px;
  top: 1px;
}

/* Custom 3-col section override */
@media screen and (min-width: 1256px) {
  .layout--threecol-section .columns {
    margin-right: 6.666%;
  }
  .layout--threecol-section .column.is-offset-1-widescreen {
    margin-left: 9.25%;
  }
}

/* Hide user dashboard layout navigation until rebuild of page */
@media screen and (min-width: 1024px) {
  .path-user .is-4-widescreen .block-dgap-layout-navigation {
    display: none !important;
  }
}

/* Maintenance */
.maintenance-page .layout-container {
  padding: 3rem 2rem;
  max-width: 700px;
  background-color: #fff;
}
.maintenance-page img {
  max-width: 10rem;
}
.maintenance-page img.ipqlogo {
  display: none;
}
.maintenance-page main h1 {
  margin: 3rem 0;
}
.maintenance-page.domain--ipq img {
  display: none;
}
.maintenance-page.domain--ipq img.ipqlogo {
  display: inline;
}

.glossary-more-link {
  margin: 1rem 0 0;
}

div[class^=has-background].block-layout-builder {
  padding: 1rem 0.5rem 2rem;
}
div[class^=has-background].block-layout-builder p,
div[class^=has-background].block-layout-builder h2,
div[class^=has-background].block-layout-builder h3,
div[class^=has-background].block-layout-builder h4,
div[class^=has-background].block-layout-builder ul,
div[class^=has-background].block-layout-builder ol,
div[class^=has-background].block-layout-builder blockquote,
div[class^=has-background].block-layout-builder .block--title {
  color: var(--white);
}
div[class^=has-background].block-layout-builder hr {
  border-color: var(--white);
}
div[class^=has-background].block-layout-builder li::marker {
  color: var(--white);
}

div[class~=is-centered].block-layout-builder {
  text-align: center;
}
div[class~=is-centered].block-layout-builder ul,
div[class~=is-centered].block-layout-builder ol {
  text-align: left;
}

.domain--internationale-politik-de .paywalled-content {
  font-family: var(--family-serif-ip);
}

@font-face {
  font-family: "icomoon";
  font-style: normal;
  font-weight: normal;
  src: local("icomoon"), url("../fonts/icomoon/icomoon.woff") format("woff"), url("../fonts/icomoon/icomoon.eot") format("eot"), url("../fonts/icomoon/icomoon.svg") format("svg"), url("../fonts/icomoon/icomoon.ttf") format("ttf");
}
.icomoon {
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  font-size: 16px;
}

.icon-DGAP {
  content: "\e900";
  color: #283583;
}

.icon-IP {
  content: "\e921";
}

.icon-IPQ {
  content: "\e942";
}

.icon-ip-logo {
  content: "\e940";
}

.icon-ipq-logo {
  content: "\e941";
}

/*
 * Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2022 Fonticons, Inc.
 */
@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/fontawesome/fa-light-300.woff2") format("woff2"), url("../fonts/fontawesome/fa-light-300.ttf") format("truetype");
}
@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/fontawesome/fa-brands-400.woff2") format("woff2"), url("../fonts/fontawesome/fa-brands-400.ttf") format("truetype");
}
.fa,
.fal,
.fas,
.fa-light {
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
}

.fab,
.fa-brands {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fontawesome {
  font-family: "Font Awesome 6 Pro";
  speak: none;
  font-style: normal;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  font-size: 16px;
}

.fabrand {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  font-size: 16px;
}

.fa:before {
  display: inline-block;
  font-size: 20px;
  padding-right: 0.25em;
}

.icon-menu {
  content: "\f0c9";
}

.icon-earth {
  content: "\f0ac";
}

.icon-search, form#searchbox label:before,
.icon-magnifying-glass {
  content: "\f002";
}

.icon-logout {
  content: "\f08b";
}

.icon-login {
  content: "\f090";
}

.icon-user,
.icon-user2 {
  content: "\f007";
}

.icon-fax {
  content: "\f1ac";
}

.icon-phone {
  content: "\f095";
}

.fa-envelope:before,
.fas.fa-envelope:before,
.icon-mail {
  content: "\f0e0";
}

.icon-newsletter {
  content: "\f0e0";
}

.fa-print:before,
.fas.fa-print:before,
.icon-print {
  content: "\f02f";
}

.icon-share {
  content: "\f1e0";
}

.icon-bookmark {
  content: "\f02e";
}

.icon-bookmark1 {
  content: "\f02e";
}

.icon-star {
  content: "\f02e";
}

.icon-star1 {
  content: "\f02e";
}

.icon-eur {
  content: "\f153";
}

.icon-cart {
  content: "\f07a";
}

.icon-credit-card {
  content: "\f09d";
}

.icon-arrow-long,
.icon-arrow-right-long {
  content: "\f178";
}

.icon-arrow,
.icon-arrow-right {
  content: "\f061";
}

.icon-arrow-down {
  content: "\f063";
}

.icon-chevron-next,
.icon-chevron-right {
  content: "\f054";
}

.icon-chevron-prev,
.icon-chevron-left {
  content: "\f053";
}

.icon-chevron-down {
  content: "\f078";
}

.icon-chevron-up {
  content: "\f077";
}

.icon-cross,
.icon-xmark {
  content: "\f00d";
}

.icon-extern,
.icon-arrow-up-right-from-square {
  content: "\f08e";
}

.icon-external-link,
.icon-square-arrow-up-right {
  content: "\f14c";
}

.icon-check {
  content: "\f00c";
}

.icon-download,
.icon-arrow-down-to-line {
  content: "\f33d";
}

.icon-download2 {
  content: "\f019";
}

.icon-download3,
.icon-arrow-down-to-bracket {
  content: "\e094";
}

.icon-volume {
  content: "\f6a8";
}

.icon-play {
  content: "\f04b";
}

.icon-headphones {
  content: "\f025";
}

.icon-filter {
  content: "\f1de";
}

.icon-filter-slash {
  content: "\e17d";
}

.icon-arrow-down-a-z {
  content: "\f15d";
}

.icon-arrow-up-a-z {
  content: "\f15e";
}

.icon-calendar-arrow-down {
  content: "\e0d0";
}

.icon-calendar-arrow-up {
  content: "\e0d1";
}

.icon-calender,
.icon-calendar {
  content: "\f133";
}

.icon-calendar-clock {
  content: "\e0d2";
}

.icon-time,
.icon-clock {
  content: "\f017";
}

.icon-location,
.icon-location-dot {
  content: "\f3c5";
}

.icon-users {
  content: "\f0c0";
}

.icon-user-group {
  content: "\f500";
}

.icon-plus {
  content: "+";
}

.icon-minus {
  content: "\f068";
}

.icon-reload,
.icon-rotate-right {
  content: "\f01e";
}

.icon-info,
.icon-circle-info {
  content: "\f05a";
}

.icon-question,
.icon-circle-question {
  content: "\f059";
}

.icon-quotes,
.icon-quote-left {
  content: "\f324";
}

.icon-quote-right {
  content: "\f323";
}

.icon-angles-left {
  content: "\f100";
}

.icon-angles-right {
  content: "\f101";
}

.icon-quote-left-curly {
  content: "\f10d";
}

.icon-quote-right-curly {
  content: "\f10e";
}

/* Brands */
.fa-twitter:before,
.icon-twitter,
.icon-x-twitter {
  font-family: "Font Awesome 6 Brands";
  content: "\e61b";
}

.fa-facebook:before,
.fa-facebook-f:before,
.icon-facebook,
.icon-facebook-f {
  font-family: "Font Awesome 6 Brands";
  content: "\f39e";
}

.fa-instagram:before,
.icon-instagram {
  font-family: "Font Awesome 6 Brands";
  content: "\f16d";
}

.fa-youtube:before,
.icon-youtube {
  font-family: "Font Awesome 6 Brands";
  content: "\f167";
}

.fa-vimeo:before,
.icon-vimeo,
.icon-vimeo-v {
  font-family: "Font Awesome 6 Brands";
  content: "\f27d";
}

.fa-linkedin:before,
.fa-linkedin-in:before,
.icon-linkedin,
.icon-linkedin-in {
  font-family: "Font Awesome 6 Brands";
  content: "\f0e1";
}

.fa-get-pocket:before,
.fa-pocket:before,
.icon-pocket,
.icon-get-pocket {
  font-family: "Font Awesome 6 Brands";
  content: "\f265";
}

.fa-xing:before,
.icon-xing {
  font-family: "Font Awesome 6 Brands";
  content: "\f168";
}

.fa-reddit:before,
.fa-reddit-alien:before,
.icon-reddit {
  font-family: "Font Awesome 6 Brands";
  content: "\f281";
}

.clearfix::after {
  clear: both;
  content: " ";
  display: table;
}

form {
  background-color: var(--blue-lighter);
  padding: calc(2 * 16px * 0.5 - 0rem);
}

form details {
  padding: calc(2 * 16px * 0.5 - 0rem);
}

.confirm-parent, .password-parent {
  float: none;
  max-width: inherit;
}

.password-confirm, .password-field, .password-strength, .password-confirm-match {
  width: 100%;
}

#edit-actions {
  padding-top: calc(4 * 16px * 0.5 - 0rem);
}

button:not(.link),
.button,
.button.is-light,
a.button,
.cookiesjsr-btn,
.cookies-fallback--btn,
a.cookies-fallback--link {
  height: auto;
  font-size: var(--font-size-button);
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  background-color: var(--white);
  color: var(--primary);
  border: 1px solid var(--primary);
  border-radius: 4px;
  cursor: pointer;
  padding: 0.75em 1.5em;
  margin-right: calc(var(--columnGap));
  margin-left: 0;
  margin-top: calc(2 * 16px * 0.5 - 0rem);
  line-height: 100%;
}
.domain--internationale-politik-de button:not(.link),
.domain--internationale-politik-de .button,
.domain--internationale-politik-de .button.is-light,
.domain--internationale-politik-de a.button,
.domain--internationale-politik-de .cookiesjsr-btn,
.domain--internationale-politik-de .cookies-fallback--btn,
.domain--internationale-politik-de a.cookies-fallback--link {
  font-weight: bold;
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.85);
  color: var(--white);
  border-color: var(--white);
}
.domain--ipq button:not(.link),
.domain--ipq .button,
.domain--ipq .button.is-light,
.domain--ipq a.button,
.domain--ipq .cookiesjsr-btn,
.domain--ipq .cookies-fallback--btn,
.domain--ipq a.cookies-fallback--link {
  font-weight: bold;
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.85);
  color: var(--white);
  border-color: var(--white);
}
button:not(.link):focus, button:not(.link):hover,
.button:focus,
.button:hover,
.button.is-light:focus,
.button.is-light:hover,
a.button:focus,
a.button:hover,
.cookiesjsr-btn:focus,
.cookiesjsr-btn:hover,
.cookies-fallback--btn:focus,
.cookies-fallback--btn:hover,
a.cookies-fallback--link:focus,
a.cookies-fallback--link:hover {
  background-color: var(--link-color);
  color: var(--white);
  outline: 0 none;
}
.domain--internationale-politik-de button:not(.link):focus, .domain--internationale-politik-de button:not(.link):hover,
.domain--internationale-politik-de .button:focus,
.domain--internationale-politik-de .button:hover,
.domain--internationale-politik-de .button.is-light:focus,
.domain--internationale-politik-de .button.is-light:hover,
.domain--internationale-politik-de a.button:focus,
.domain--internationale-politik-de a.button:hover,
.domain--internationale-politik-de .cookiesjsr-btn:focus,
.domain--internationale-politik-de .cookiesjsr-btn:hover,
.domain--internationale-politik-de .cookies-fallback--btn:focus,
.domain--internationale-politik-de .cookies-fallback--btn:hover,
.domain--internationale-politik-de a.cookies-fallback--link:focus,
.domain--internationale-politik-de a.cookies-fallback--link:hover {
  background-color: var(--secondary);
}
.domain--ipq button:not(.link):focus, .domain--ipq button:not(.link):hover,
.domain--ipq .button:focus,
.domain--ipq .button:hover,
.domain--ipq .button.is-light:focus,
.domain--ipq .button.is-light:hover,
.domain--ipq a.button:focus,
.domain--ipq a.button:hover,
.domain--ipq .cookiesjsr-btn:focus,
.domain--ipq .cookiesjsr-btn:hover,
.domain--ipq .cookies-fallback--btn:focus,
.domain--ipq .cookies-fallback--btn:hover,
.domain--ipq a.cookies-fallback--link:focus,
.domain--ipq a.cookies-fallback--link:hover {
  background-color: var(--secondary);
}
button:not(.link):active,
.button:active,
.button.is-light:active,
a.button:active,
.cookiesjsr-btn:active,
.cookies-fallback--btn:active,
a.cookies-fallback--link:active {
  outline: 3px solid var(--primary);
}
.domain--internationale-politik-de button:not(.link):active,
.domain--internationale-politik-de .button:active,
.domain--internationale-politik-de .button.is-light:active,
.domain--internationale-politik-de a.button:active,
.domain--internationale-politik-de .cookiesjsr-btn:active,
.domain--internationale-politik-de .cookies-fallback--btn:active,
.domain--internationale-politik-de a.cookies-fallback--link:active {
  outline: 2px dashed var(--primary);
  outline-offset: 2px;
}
.domain--ipq button:not(.link):active,
.domain--ipq .button:active,
.domain--ipq .button.is-light:active,
.domain--ipq a.button:active,
.domain--ipq .cookiesjsr-btn:active,
.domain--ipq .cookies-fallback--btn:active,
.domain--ipq a.cookies-fallback--link:active {
  outline: 2px dashed var(--primary);
  outline-offset: 2px;
}

.button.is-primary,
.button--primary,
.path-user .form-submit {
  background-color: var(--primary);
  color: var(--white);
}
.domain--internationale-politik-de .button.is-primary,
.domain--internationale-politik-de .button--primary,
.domain--internationale-politik-de .path-user .form-submit {
  background-color: rgba(0, 0, 0, 0.85);
  border-color: var(--white);
}
.domain--ipq .button.is-primary,
.domain--ipq .button--primary,
.domain--ipq .path-user .form-submit {
  background-color: rgba(0, 0, 0, 0.85);
  border-color: var(--white);
}
.button.is-primary:focus, .button.is-primary:hover,
.button--primary:focus,
.button--primary:hover,
.path-user .form-submit:focus,
.path-user .form-submit:hover {
  background-color: var(--link-color);
  color: var(--white);
  outline: 0 none;
}
.domain--internationale-politik-de .button.is-primary:focus, .domain--internationale-politik-de .button.is-primary:hover,
.domain--internationale-politik-de .button--primary:focus,
.domain--internationale-politik-de .button--primary:hover,
.domain--internationale-politik-de .path-user .form-submit:focus,
.domain--internationale-politik-de .path-user .form-submit:hover {
  background-color: var(--secondary);
}
.domain--ipq .button.is-primary:focus, .domain--ipq .button.is-primary:hover,
.domain--ipq .button--primary:focus,
.domain--ipq .button--primary:hover,
.domain--ipq .path-user .form-submit:focus,
.domain--ipq .path-user .form-submit:hover {
  background-color: var(--secondary);
}
.button.is-primary:active,
.button--primary:active,
.path-user .form-submit:active {
  opacity: 0.5;
}
.domain--internationale-politik-de .button.is-primary:active,
.domain--internationale-politik-de .button--primary:active,
.domain--internationale-politik-de .path-user .form-submit:active {
  opacity: 1;
  outline: 2px dashed var(--primary);
  outline-offset: 2px;
}
.domain--ipq .button.is-primary:active,
.domain--ipq .button--primary:active,
.domain--ipq .path-user .form-submit:active {
  opacity: 1;
  outline: 2px dashed var(--primary);
  outline-offset: 2px;
}

.views-exposed-form .button {
  margin-top: 0.75rem;
  padding: 0.5rem 1rem;
}

.form-required::after {
  content: "*";
  display: inline-block;
  position: relative;
  top: 0.25rem;
  color: var(--error);
  font-size: 1rem;
  line-height: 100%;
  background-image: none;
  width: auto;
  height: auto;
}

span.required {
  color: var(--error);
}

.fieldset-wrapper {
  padding: calc(2 * 16px * 0.5 - 0rem) calc(var(--columnGap) / 2);
}
@media screen and (min-width: 720px), print {
  .fieldset-wrapper {
    padding: calc(4 * 16px * 0.5 - 0rem) calc(var(--columnGap) / 2) calc(0 * 16px * 0.5 - 0rem);
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 720px), print {
  .fieldset-wrapper .field:not(.form-type-radio) {
    width: calc(50% - (var(--columnGap)));
    margin: 0 calc(var(--columnGap) / 2);
  }
}
.fieldset-wrapper .form-item:not(.form-wrapper) {
  margin-top: calc(0 * 16px * 0.5 - 0rem);
  margin-bottom: calc(4 * 16px * 0.5 - 0rem);
}
.fieldset-wrapper .form-wrapper {
  width: 100%;
}
.fieldset-wrapper .fieldset-wrapper {
  padding: 0;
}

.form-type-tableselect .form-item {
  margin: 0 0.25rem !important;
}

.radios--wrapper {
  padding: 0 calc(var(--columnGap) / 2);
}
.radios--wrapper .form-type-radio .control {
  display: inline;
}

.webform-options-display-one-column {
  display: flex;
  width: 100%;
  margin-top: calc(2 * 16px * 0.5 - 0rem);
  margin-bottom: calc(3 * 16px * 0.5 - 0rem);
}
.webform-options-display-one-column .form-item {
  margin-right: var(--columnGap);
}

fieldset.webform-composite-hidden-title,
.form-wrapper {
  margin-top: 0;
  margin-bottom: calc(3 * 16px * 0.5 - 0rem);
}
fieldset.webform-composite-hidden-title fieldset.webform-composite-hidden-title,
fieldset.webform-composite-hidden-title .form-wrapper .form-wrapper,
.form-wrapper fieldset.webform-composite-hidden-title,
.form-wrapper .form-wrapper .form-wrapper {
  margin-bottom: 0;
}

fieldset:not(.radios--wrapper).form-composite > legend span, fieldset:not(.radios--wrapper) > legend span {
  display: block;
  font-weight: bold;
}
fieldset:not(.radios--wrapper).form-composite > legend, fieldset:not(.radios--wrapper) > legend {
  display: block;
  width: 100%;
}

.form-composite > legend span,
legend,
.label {
  font-size: var(--font-size-s);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing);
  font-weight: normal;
  color: var(--primary);
  display: block;
}
.domain--internationale-politik-de .form-composite > legend span,
.domain--internationale-politik-de legend,
.domain--internationale-politik-de .label {
  font-size: var(--font-size-base);
  text-transform: none;
  letter-spacing: normal;
}
.domain--ipq .form-composite > legend span,
.domain--ipq legend,
.domain--ipq .label {
  font-size: var(--font-size-base);
  text-transform: none;
  letter-spacing: normal;
}

.label:not(:last-child) {
  margin-bottom: calc(1 * 16px * 0.5 - 0rem);
}

.date {
  width: 100%;
  padding: 0 calc(var(--columnGap) / 2);
}

.select.is-multiple,
.select.is-multiple select {
  width: 100%;
}

.chosen-container-single .chosen-single span,
.chosen-container-single .chosen-single,
.select:not(.is-multiple),
.select:not(.is-multiple) select {
  width: 100%;
  font-size: 1rem;
  height: 2.5rem;
}

.chosen-container-multi .chosen-choices li.search-field input[type=text],
.chosen-container.chosen-container-multi .chosen-choices {
  width: 100%;
}

.chosen-container-single .chosen-single div b {
  display: none;
}

.chosen-container-multi .chosen-choices li.search-choice,
.chosen-container-multi .chosen-choices li.search-field input[type=text],
.chosen-container-single .chosen-single {
  background: none;
  border-radius: 0;
  line-height: calc(6 * 16px * 0.5 - 0rem);
}

input[type=text], input[type=password], input[type=date], input[type=time] input[type=email],
input[type=file], input[type=tel], input[type=url], input[type=number],
textarea,
select,
.form-autocomplete,
.chosen-container.chosen-container-multi,
.chosen-container-single .chosen-single,
.date, .url, .number,
.input, .text, .textarea, .select select,
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button:not(.tabledrag-toggle-weight),
input, textarea, select {
  background-color: var(--white);
  border: solid 1px var(--white);
  border-width: 1px 1px 2px;
  border-bottom-color: var(--link-color);
  box-shadow: none;
  padding: 0.5rem 1rem;
  font: inherit;
  font-size: 1rem;
  line-height: 100%;
}
.domain--internationale-politik-de input[type=text], .domain--internationale-politik-de input[type=password], .domain--internationale-politik-de input[type=date], .domain--internationale-politik-de input[type=time] input[type=email],
.domain--internationale-politik-de input[type=file], .domain--internationale-politik-de input[type=tel], .domain--internationale-politik-de input[type=url], .domain--internationale-politik-de input[type=number],
.domain--internationale-politik-de textarea,
.domain--internationale-politik-de select,
.domain--internationale-politik-de .form-autocomplete,
.domain--internationale-politik-de .chosen-container.chosen-container-multi,
.domain--internationale-politik-de .chosen-container-single .chosen-single,
.domain--internationale-politik-de .date, .domain--internationale-politik-de .url, .domain--internationale-politik-de .number,
.domain--internationale-politik-de .input, .domain--internationale-politik-de .text, .domain--internationale-politik-de .textarea, .domain--internationale-politik-de .select select,
.domain--internationale-politik-de .ui-widget input, .domain--internationale-politik-de .ui-widget select, .domain--internationale-politik-de .ui-widget textarea, .domain--internationale-politik-de .ui-widget button:not(.tabledrag-toggle-weight),
.domain--internationale-politik-de input, .domain--internationale-politik-de textarea, .domain--internationale-politik-de select {
  border-bottom-color: var(--primary);
}
.domain--ipq input[type=text], .domain--ipq input[type=password], .domain--ipq input[type=date], .domain--ipq input[type=time] input[type=email],
.domain--ipq input[type=file], .domain--ipq input[type=tel], .domain--ipq input[type=url], .domain--ipq input[type=number],
.domain--ipq textarea,
.domain--ipq select,
.domain--ipq .form-autocomplete,
.domain--ipq .chosen-container.chosen-container-multi,
.domain--ipq .chosen-container-single .chosen-single,
.domain--ipq .date, .domain--ipq .url, .domain--ipq .number,
.domain--ipq .input, .domain--ipq .text, .domain--ipq .textarea, .domain--ipq .select select,
.domain--ipq .ui-widget input, .domain--ipq .ui-widget select, .domain--ipq .ui-widget textarea, .domain--ipq .ui-widget button:not(.tabledrag-toggle-weight),
.domain--ipq input, .domain--ipq textarea, .domain--ipq select {
  border-bottom-color: var(--primary);
}
input[type=text]:focus, input[type=password]:focus, input[type=date]:focus, input[type=time] input[type=email]:focus,
input[type=file]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=number]:focus,
textarea:focus,
select:focus,
.form-autocomplete:focus,
.chosen-container.chosen-container-multi:focus,
.chosen-container-single .chosen-single:focus,
.date:focus, .url:focus, .number:focus,
.input:focus, .text:focus, .textarea:focus, .select select:focus,
.ui-widget input:focus, .ui-widget select:focus, .ui-widget textarea:focus, .ui-widget button:not(.tabledrag-toggle-weight):focus,
input:focus, textarea:focus, select:focus {
  outline: none;
  box-shadow: inset 0px 2px 4px var(--primary);
}
input[type=text]:hover, input[type=password]:hover, input[type=date]:hover, input[type=time] input[type=email]:hover,
input[type=file]:hover, input[type=tel]:hover, input[type=url]:hover, input[type=number]:hover,
textarea:hover,
select:hover,
.form-autocomplete:hover,
.chosen-container.chosen-container-multi:hover,
.chosen-container-single .chosen-single:hover,
.date:hover, .url:hover, .number:hover,
.input:hover, .text:hover, .textarea:hover, .select select:hover,
.ui-widget input:hover, .ui-widget select:hover, .ui-widget textarea:hover, .ui-widget button:not(.tabledrag-toggle-weight):hover,
input:hover, textarea:hover, select:hover {
  border-color: var(--primary);
}

textarea, .textarea {
  line-height: var(--line-height-base);
}

.select select:not([multiple]) {
  padding-left: 0.5em;
}

input.number,
input[type=number] {
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}

.form-item input.error, .form-item textarea.error, .form-item select.error {
  border: none;
  border-bottom-color: var(--error);
}
.domain--internationale-politik-de .form-item input.error, .domain--internationale-politik-de .form-item textarea.error, .domain--internationale-politik-de .form-item select.error {
  border-color: var(--error);
}
.domain--ipq .form-item input.error, .domain--ipq .form-item textarea.error, .domain--ipq .form-item select.error {
  border-color: var(--error);
}

form .description,
.form-composite > .fieldset-wrapper > .description,
.form-item .description {
  font-size: var(--font-size-s);
  color: var(--muted-text-color);
}

.form-type-radio .description,
.form-type-checkbox .description {
  margin-left: 1.5em;
}

.webform-progress-tracker.progress-tracker {
  color: var(--primary);
  position: relative;
  margin: 0 0 calc(3 * 16px * 0.5 - 0rem) 0;
}
.webform-progress-tracker.progress-tracker::after {
  clear: both;
  content: " ";
  display: table;
}

.progress-tracker--center * {
  text-align: center;
}
.progress-tracker--center * .progress-text {
  padding: 0 1rem !important;
}

.progress-step {
  flex: 1 1 auto;
}

.progress-tracker--center .progress-marker,
.webform-progress-tracker .progress-step:not(.is-active) .progress-marker,
.webform-progress-tracker .progress-step:hover .progress-marker,
.progress-step.is-active .progress-marker {
  background-color: transparent;
  color: var(--white);
  text-align: left;
  width: 100%;
  display: block;
  height: calc(4 * 16px * 0.5 - 0rem);
}
.progress-tracker--center .progress-marker:before, .progress-tracker--center .progress-marker:after,
.webform-progress-tracker .progress-step:not(.is-active) .progress-marker:before,
.webform-progress-tracker .progress-step:not(.is-active) .progress-marker:after,
.webform-progress-tracker .progress-step:hover .progress-marker:before,
.webform-progress-tracker .progress-step:hover .progress-marker:after,
.progress-step.is-active .progress-marker:before,
.progress-step.is-active .progress-marker:after {
  background-color: var(--medium-grey);
}

.webform-progress-tracker .progress-step .progress-text,
.webform-progress-tracker .progress-step.is-active .progress-text {
  color: var(--medium-grey);
  padding: 0 2rem 0 0;
  line-height: calc(6 * 16px * 0.5 - 0rem);
}

.progress-tracker--center .progress-step {
  text-align: left;
}

.webform-progress-tracker .progress-step.is-active .progress-marker:before {
  background-color: var(--primary);
  color: var(--white);
}
.webform-progress-tracker .progress-step.is-active .progress-text {
  color: var(--primary);
}
.webform-progress-tracker .progress-step.is-active .progress-text:focus, .webform-progress-tracker .progress-step.is-active .progress-text:hover {
  color: var(--link-color);
}

.webform-progress-tracker .progress-step:focus .progress-marker:before, .webform-progress-tracker .progress-step:hover .progress-marker:before,
.webform-progress-tracker .progress-step.is-active:focus .progress-marker:before,
.webform-progress-tracker .progress-step.is-active:hover .progress-marker:before {
  background-color: var(--link-color);
}

.webform-progress-tracker .progress-step::after {
  display: none;
}

.webform-progress-tracker .progress-step.is-active:hover .progress-marker {
  background-color: transparent;
}

.webform-preview summary {
  padding: calc(2 * 16px * 0.5 - 0rem) calc(var(--columnGap) / 2);
  border: none;
  background: var(--primary);
  border-bottom: solid 1px #f5f5f5;
  color: hsl(0, 0%, 100%);
}

.url {
  padding-bottom: calc(0.375em - 1px);
  padding-left: calc(0.625em - 1px);
  padding-right: calc(0.625em - 1px);
  padding-top: calc(0.375em - 1px);
  height: 2.25em;
  max-width: 100%;
}

.vertical-tabs__pane {
  padding-left: 2rem;
}

div#references-fieldset-wrapper table th,
div#references-fieldset-wrapper table td {
  padding: calc(1 * 16px * 0.5 - 0rem);
}

.ui-dialog table .button {
  padding: 0.5rem 1rem !important;
}

.input::-moz-placeholder, .textarea::-moz-placeholder, .select select::-moz-placeholder, form *::-moz-placeholder {
  color: var(--muted-text-color);
}

.input::placeholder,
.textarea::placeholder,
.select select::placeholder,
form *::placeholder {
  color: var(--muted-text-color);
}

.no--padding,
.no--padding .fieldset-wrapper {
  padding: 0 !important;
}

.no--margin {
  margin: 0 !important;
}

input[type=checkbox],
input[type=radio],
input + label {
  display: inline-block;
  vertical-align: top;
  position: relative;
}

input[type=checkbox], input[type=radio] {
  top: 0.333rem;
}

input[type=checkbox] + label {
  padding-left: 1rem;
  max-width: calc(100% - 2rem);
}

form#searchbox {
  padding: 0;
  margin: 0;
  background-color: transparent;
  display: flex;
  flex-flow: row nowrap;
  align-item: center;
  margin-right: -24px;
}
form#searchbox label {
  overflow: hidden;
  width: 24px;
  position: relative;
  left: -24px;
  color: var(--link-color);
}
form#searchbox label:before {
  font-family: "Font Awesome 6 Pro";
  speak: none;
  font-style: normal;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  font-size: 22px;
  padding-right: 0.5em;
}
form#searchbox .input {
  top: -0.5rem;
  width: 24px;
  border-color: transparent;
  transition: width 0.5s ease-in-out;
}
form#searchbox .input:focus {
  width: 12rem;
  padding-right: calc(24px + 1rem);
  border-bottom-color: var(--link-color);
  box-shadow: 0 0 0 transparent;
}
form#searchbox button {
  position: absolute;
  left: -10000px;
}

a {
  color: var(--link-color);
  border-bottom: 1px solid transparent;
}
a:focus, a:hover {
  text-decoration: none;
  border-bottom: 1px solid var(--link-color);
}
a:focus img, a:hover img {
  background-color: transparent;
  text-decoration: none;
  border-color: transparent;
}
a:active {
  outline: 2px dotted var(--link-color);
}
.has-background-primary a:not(.button), .has-background-blue-vivid-gradient a:not(.button), .has-background-red-gradient a:not(.button) {
  color: var(--white);
}
.has-background-primary a:not(.button):hover, .has-background-primary a:not(.button):focus, .has-background-blue-vivid-gradient a:not(.button):hover, .has-background-blue-vivid-gradient a:not(.button):focus, .has-background-red-gradient a:not(.button):hover, .has-background-red-gradient a:not(.button):focus {
  color: var(--white);
  text-decoration: underline;
}

.logo a:focus, .logo a:hover,
a.site-logo:focus,
a.site-logo:hover {
  border-color: transparent;
}

.logo a:focus,
a.site-logo:focus {
  outline: 2px solid var(--link-color);
}

.field--name-body a {
  border-bottom: 1px solid var(--link-color);
}

.domain--internationale-politik-de .has-background-red-gradient a:not(.button) {
  color: var(--white);
}
.domain--internationale-politik-de .has-background-red-gradient a:not(.button):hover, .domain--internationale-politik-de .has-background-red-gradient a:not(.button):focus {
  color: var(--white);
  border-color: var(--primary);
}

.domain--ipq .has-background-red-gradient a:not(.button) {
  color: var(--white);
}
.domain--ipq .has-background-red-gradient a:not(.button):hover, .domain--ipq .has-background-red-gradient a:not(.button):focus {
  color: var(--white);
  border-color: var(--primary);
}

a.tabledrag-handle .handle {
  height: 30px;
  width: 28px;
}

.draggable td {
  vertical-align: middle;
}

dl > div {
  display: flex;
  flex-flow: row;
  border-bottom: var(--border-light);
  padding: 0.25rem 0;
}
dl > div dt {
  flex-basis: 25%;
}

@media print {
  .layout-container {
    display: block;
  }
  .header .navbar-menu,
  .header .navbar-end,
  .mega-menu,
  .footer,
  div#sliding-popup,
  div#top-main-navigation,
  .tabs,
  .block-extra-field-blocknodedgap-articleflag-article-node-flag,
  .block-field-blocknodedgap-articlefield-pdf-download,
  div#Related-content,
  .flag,
  .block-shariff-block {
    display: none;
  }
  h1 {
    font-size: 2em;
  }
  h2 {
    font-size: 1.5em;
  }
  h3 {
    font-size: 1.25em;
  }
  .column {
    padding-top: calc(1 * 16px * 0.5 - 0rem);
    padding-bottom: calc(1 * 16px * 0.5 - 0rem);
  }
  .field--name-field-abstract {
    top: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  div[class*=has-background] {
    background-color: transparent !important;
    background-image: none !important;
  }
  div[class*=has-background] * :not(h1) {
    color: #000 !important;
  }
}

/*# sourceMappingURL=theme.css.map*/