:root { /* Font Base-Size */ --iw-font-size-base: 1rem; /* Farben */ --primary: #463C2D; --primary-hover: #282219; --secondary: #F9F5F1; --secondary-hover: #d8d7d6; --tertiary: #707070; --tertiary-hover: #707070; --dark: #202020; --light: #FFFFFF; --black: #000000; --white: #FFFFFF; --body-color: var(--black); --font-color: var(--white); --a-color: var(--white); --a-hover-color: var(--white); --header-color: var(--white); --subheader-color: var(--white); /* Abstände */ /* 15px / Bootstrap 1 */ --iw-space-extra-small: calc(var(--iw-font-size-base) * .6); /* 30px / Bootstrap 2 */ --iw-space-small: calc(var(--iw-font-size-base) * 1.2); /* 60px / Bootstrap 3 */ --iw-space-medium: calc(var(--iw-font-size-base) * 2.4); /* 120px / Bootstrap 4 */ --iw-space-large: calc(var(--iw-font-size-base) * 4.8); /* 180px / Bootstrap 5 */ --iw-space-extra-large: calc(var(--iw-font-size-base) * 7.2); /* Gutter */ --iw-gutter: 30px; /* Container */ /* Display kleiner als 576px */ --iw-container: calc(100% - var(--iw-gutter)); /* Display größer als 576px */ --iw-container-sm: calc(510px + var(--iw-gutter)); /* Display größer als 768px */ --iw-container-md: calc(690px + var(--iw-gutter)); /* Display größer als 992px */ --iw-container-lg: calc(930px + var(--iw-gutter)); /* Display größer als 1200px */ --iw-container-xl: calc(1110px + var(--iw-gutter)); /* Display größer als 1400px */ --iw-container-xxl: calc(1280px + var(--iw-gutter)); } /* Size map 1 = --iw-space-extra-small 2 = --iw-space-small 3 = --iw-space-medium 4 = --iw-space-large 5 = --iw-space-extra-large */ /* 1 */ .m-1 { margin: var(--iw-space-extra-small) !important; } .mt-1 { margin-top: var(--iw-space-extra-small) !important; } .mb-1 { margin-bottom: var(--iw-space-extra-small) !important; } .my-1 { margin-top: var(--iw-space-extra-small) !important; margin-bottom: var(--iw-space-extra-small) !important; } .ms-1 { margin-left: var(--iw-space-extra-small) !important; } .me-1 { margin-right: var(--iw-space-extra-small) !important; } .mx-1 { margin-left: var(--iw-space-extra-small) !important; margin-right: var(--iw-space-extra-small) !important; } .p-1 { padding: var(--iw-space-extra-small) !important; } .pt-1 { padding-top: var(--iw-space-extra-small) !important; } .pb-1 { padding-bottom: var(--iw-space-extra-small) !important; } .py-1 { padding-top: var(--iw-space-extra-small) !important; padding-bottom: var(--iw-space-extra-small) !important; } .ps-1 { padding-left: var(--iw-space-extra-small) !important; } .pe-1 { padding-right: var(--iw-space-extra-small) !important; } .px-1 { padding-left: var(--iw-space-extra-small) !important; padding-right: var(--iw-space-extra-small) !important; } .g-1 { --bs-gutter-x: var(--iw-space-extra-small) !important; --bs-gutter-y: var(--iw-space-extra-small) !important; } .gx-1 { --bs-gutter-x: var(--iw-space-extra-small) !important; } .gy-1 { --bs-gutter-y: var(--iw-space-extra-small) !important; } /* 2 */ .m-2 { margin: var(--iw-space-small) !important; } .mt-2 { margin-top: var(--iw-space-small) !important; } .mb-2 { margin-bottom: var(--iw-space-small) !important; } .my-2 { margin-top: var(--iw-space-small) !important; margin-bottom: var(--iw-space-small) !important; } .ms-2 { margin-left: var(--iw-space-small) !important; } .me-2 { margin-right: var(--iw-space-small) !important; } .mx-2 { margin-left: var(--iw-space-small) !important; margin-right: var(--iw-space-small) !important; } .p-2 { padding: var(--iw-space-small) !important; } .pt-2 { padding-top: var(--iw-space-small) !important; } .pb-2 { padding-bottom: var(--iw-space-small) !important; } .py-2 { padding-top: var(--iw-space-small) !important; padding-bottom: var(--iw-space-small) !important; } .ps-2 { padding-left: var(--iw-space-small) !important; } .pe-2 { padding-right: var(--iw-space-small) !important; } .px-2 { padding-left: var(--iw-space-small) !important; padding-right: var(--iw-space-small) !important; } .g-2 { --bs-gutter-x: var(--iw-space-small) !important; --bs-gutter-y: var(--iw-space-small) !important; } .gx-2 { --bs-gutter-x: var(--iw-space-small) !important; } .gy-2 { --bs-gutter-y: var(--iw-space-small) !important; } /* 3 */ .m-3 { margin: var(--iw-space-medium) !important; } .mt-3 { margin-top: var(--iw-space-medium) !important; } .mb-3 { margin-bottom: var(--iw-space-medium) !important; } .my-3 { margin-top: var(--iw-space-medium) !important; margin-bottom: var(--iw-space-medium) !important; } .ms-3 { margin-left: var(--iw-space-medium) !important; } .me-3 { margin-right: var(--iw-space-medium) !important; } .mx-3 { margin-left: var(--iw-space-medium) !important; margin-right: var(--iw-space-medium) !important; } .p-3 { padding: var(--iw-space-medium) !important; } .pt-3 { padding-top: var(--iw-space-medium) !important; } .pb-3 { padding-bottom: var(--iw-space-medium) !important; } .py-3 { padding-top: var(--iw-space-medium) !important; padding-bottom: var(--iw-space-medium) !important; } .ps-3 { padding-left: var(--iw-space-medium) !important; } .pe-3 { padding-right: var(--iw-space-medium) !important; } .px-3 { padding-left: var(--iw-space-medium) !important; padding-right: var(--iw-space-medium) !important; } .g-3 { --bs-gutter-x: var(--iw-space-medium) !important; --bs-gutter-y: var(--iw-space-medium) !important; } .gx-3 { --bs-gutter-x: var(--iw-space-medium) !important; } .gy-3 { --bs-gutter-y: var(--iw-space-medium) !important; } /* 4 */ .m-4 { margin: var(--iw-space-large) !important; } .mt-4 { margin-top: var(--iw-space-large) !important; } .mb-4 { margin-bottom: var(--iw-space-large) !important; } .my-4 { margin-top: var(--iw-space-large) !important; margin-bottom: var(--iw-space-large) !important; } .ms-4 { margin-left: var(--iw-space-large) !important; } .me-4 { margin-right: var(--iw-space-large) !important; } .mx-4 { margin-left: var(--iw-space-large) !important; margin-right: var(--iw-space-large) !important; } .p-4 { padding: var(--iw-space-large) !important; } .pt-4 { padding-top: var(--iw-space-large) !important; } .pb-4 { padding-bottom: var(--iw-space-large) !important; } .py-4 { padding-top: var(--iw-space-large) !important; padding-bottom: var(--iw-space-large) !important; } .ps-4 { padding-left: var(--iw-space-large) !important; } .pe-4 { padding-right: var(--iw-space-large) !important; } .px-4 { padding-left: var(--iw-space-large) !important; padding-right: var(--iw-space-large) !important; } .g-4 { --bs-gutter-x: var(--iw-space-large) !important; --bs-gutter-y: var(--iw-space-large) !important; } .gx-4 { --bs-gutter-x: var(--iw-space-large) !important; } .gy-4 { --bs-gutter-y: var(--iw-space-large) !important; } /* 5 */ .m-5 { margin: var(--iw-space-extra-large) !important; } .mt-5 { margin-top: var(--iw-space-extra-large) !important; } .mb-5 { margin-bottom: var(--iw-space-extra-large) !important; } .my-5 { margin-top: var(--iw-space-extra-large) !important; margin-bottom: var(--iw-space-extra-large) !important; } .ms-5 { margin-left: var(--iw-space-extra-large) !important; } .me-5 { margin-right: var(--iw-space-extra-large) !important; } .mx-5 { margin-left: var(--iw-space-extra-large) !important; margin-right: var(--iw-space-extra-large) !important; } .p-5 { padding: var(--iw-space-extra-large) !important; } .pt-5 { padding-top: var(--iw-space-extra-large) !important; } .pb-5 { padding-bottom: var(--iw-space-extra-large) !important; } .py-5 { padding-top: var(--iw-space-extra-large) !important; padding-bottom: var(--iw-space-extra-large) !important; } .ps-5 { padding-left: var(--iw-space-extra-large) !important; } .pe-5 { padding-right: var(--iw-space-extra-large) !important; } .px-5 { padding-left: var(--iw-space-extra-large) !important; padding-right: var(--iw-space-extra-large) !important; } .g-5 { --bs-gutter-x: var(--iw-space-extra-large) !important; --bs-gutter-y: var(--iw-space-extra-large) !important; } .gx-5 { --bs-gutter-x: var(--iw-space-extra-large) !important; } .gy-5 { --bs-gutter-y: var(--iw-space-extra-large) !important; }