/*
Theme Name: Suxeedo
Theme URI: https://pottkinder.de/
Author: Pottkinder GmbH
Author URI: https://pottkinder.de
Description: Base Theme
Version: 1.0
License: proprietär
Text Domain: Base Theme
*/

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  max-width: 100%;
  margin: 0;
  padding: 0;
                background-color: #235942;

}

   .container1 {
                display: grid;
                justify-items: center;
                align-items: center;
                min-width: 100vw;
/*                height: 64rem;*/
                background-color: #235942;
            }

            .container4 {
                display: grid;
                grid-template-areas: 't2 t2 t2 t2 t2'
                                     't3 l1 t4 l2 t5';
/**                width: 31.5rem;*/
/*                height: 6rem; */
/*                top: 38.0625rem;*/
/*                position: absolute;*/
                align-content: space-between;
                align-items: center;
                justify-items: center;
            }

            .logo {
/*                top: 15vh;
                position: absolute; */
		max-width: 100vw;
		margin-top: 15vh;
            }

            span, a {
                color: #FFFFFF;
            }

            .text2 {
/*                width: 31.5rem;*/
/*                height: 2.4375rem;*/
                font-family: 'Inter';
                font-weight: 300;
                font-size: 2rem;
                line-height: 2.4375rem;
                text-align: center;
                grid-area: t2;
            }

            .text3 {
                width: 8.4375rem;
/*                height: 1.5rem; */
                font-family: 'Inter';
                font-weight: 300;
                font-size: 1.25rem;
                line-height: 1.25rem;
                grid-area: t3;
            }

            .text4 {
                width: 7.1875rem;
/*                height: 1.5rem; */
                font-family: 'Inter';
                font-weight: 300;
                font-size: 1.25rem;
                line-height: 1.25rem;
                grid-area: t4;
            }

            .text5 {
                width: 10.8125rem;
/*                height: 1.5rem; */
                font-family: 'Inter';
                font-weight: 300;
                font-size: 1.25rem;
                line-height: 1.25rem;
                grid-area: t5;
            }

            .text6 {
/*                position: absolute; */
                width: 5.75rem;
 /*               height: 1.375rem;
                top: 55.25rem;*/ margin-top: 15vh; font-family: 'Inter'; font-weight: 300; font-size: 
		1.125rem; text-align: center; text-decoration: underline; line-height: 1.25rem;
            }

            .line1 {
                grid-area: l1;
            }

            .line2 {
                grid-area: l2;
            }


/* inter-100 - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  src: url('./fonts/inter-v19-latin_latin-ext-100.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-100italic - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100;
  src: url('./fonts/inter-v19-latin_latin-ext-100italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-200 - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  src: url('./fonts/inter-v19-latin_latin-ext-200.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-200italic - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 200;
  src: url('./fonts/inter-v19-latin_latin-ext-200italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-300 - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/inter-v19-latin_latin-ext-300.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-300italic - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 300;
  src: url('./fonts/inter-v19-latin_latin-ext-300italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-regular - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/inter-v19-latin_latin-ext-regular.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-italic - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/inter-v19-latin_latin-ext-italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-500 - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/inter-v19-latin_latin-ext-500.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-500italic - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 500;
  src: url('./fonts/inter-v19-latin_latin-ext-500italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-600 - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/inter-v19-latin_latin-ext-600.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-600italic - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 600;
  src: url('./fonts/inter-v19-latin_latin-ext-600italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-700 - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/inter-v19-latin_latin-ext-700.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-700italic - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 700;
  src: url('./fonts/inter-v19-latin_latin-ext-700italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-800 - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url('./fonts/inter-v19-latin_latin-ext-800.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-800italic - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 800;
  src: url('./fonts/inter-v19-latin_latin-ext-800italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-900 - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url('./fonts/inter-v19-latin_latin-ext-900.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-900italic - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 900;
  src: url('./fonts/inter-v19-latin_latin-ext-900italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@media (max-width: 500px) {


body .container4 {
        display: block;
	text-align: center;
}

body .container4 span {
        display: block;
	/*text-align: center;*/
	    text-align:center !important; 

	width: 100vw;
}

  /* gezielt die drei Zeilen neutralisieren */
  .text3, .text4, .text5 {
    display: block;
    width: 100%;          /* statt 8.4375rem / 7.1875rem / 10.8125rem */
    max-width: none;
    margin: 0 auto;
    text-align: center !important;
  }

body .container4 .line1, body .container4 .line2 {
        display: none;
}

}

#imprint {
	display: none;
}

#imprint.open {
position: fixed;           /* meist sinnvoll für Overlays */
  inset: 0;  

	display: block;
/*	position: absolute;
	top:0;
	left: 0;*/
	height: 90dvh;
	width: 90dvw;
	margin: min(4dvh, 4dvw) auto;
	border: 1px solid white;
	background-color: #235942;
	color: white;
	font-family: 'Inter';
        font-weight: 300;
        font-size: 1.25rem;
	padding: 1rem;
}

#imprint.open #close {
	cursor: pointer;
	display: block;
	float: right;
	font-size: 2rem;
}