/* ---   CASAMODA etc. SALE GALLERY   --- */
.entry-content .gallery {
		width:100%; padding-bottom:calc((100% / 3 * 2) - 10px);
		margin:0; border:5px solid black;
		background-repeat: no-repeat; background-position: center; background-size: cover;}
.gallery1 {border-width: 5px 5px 0px 5px;}
.gallery2 {border-width: 0px 5px 0px 5px;}

.galleryhoch {
		width:100%; padding-bottom:calc((200% / 3 * 2) - 11px);
		margin:0; border-width: 5px;
		background-repeat: no-repeat; background-position: center; background-size: cover;}

.gallery1, .gallery2, .galleryhoch {
		border-style: solid; border-color: black;}

/* -- CASAMODA etc. SALE GALLERY - Ende -- */

.sow-accordion {-moz-hyphens: auto; -o-hyphens: auto;
   -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }

ul.sow-slider-images {padding:0em;}

/* --- Beiträge - Anfang --- */
article.post .entry-header .entry-meta {font-size:0px;}
article.post .entry-categories {font-size:0px;}
article.post .entry-header .entry-thumbnail img, article.page .entry-header .entry-thumbnail img {
  max-width: 0%; }
/* --- Beiträge - Ende --- */

/* --- Top-Slider - Anfang --- */
.container-panel-links, .container-panel-rechts, .container-logo-feld, .container-typo-feld, .container-bild-rechts, .container-bild-links, .bild-container, .logo-container, .logo-im-container, .verlauf, .verlauf2, .slide-anton, .slideadress, .logopol, .logoher {position:absolute;}

.container-slide {position:relative; left:0; top:0; width:100vw; height:50vw; overflow:clip; } /* slide gesamt */
.slide1      {margin-top:0vw;}    /* nur das erste slide */
.slidefollow {margin-top:-50vw;}  /* jedes weitere slide */
.container-panel-links  {width:50vw; height:50vw; left:0vw; }
.container-panel-rechts {width:50vw; height:50vw; right:0vw; }
.container-logo-feld, .container-typo-feld {position:relative; overflow:clip;}
.container-logo-feld {width:50vw; height:6.5vw; }
.container-typo-feld {width:50vw; height:43.5vw; bottom:0.0vw; }
.fond-logo-feld {position:relative; top: 0.0vw;}
.fond-typo-feld {position:relative; top:-6.5vw;}
.bild-container {width:50vw; height:50vw; top:0; left:0; background-size:contain; }
.container-bild-rechts, .container-bild-links {
		background-position:center; background-size:contain; width:50vw; height:50vw; overflow:clip;}
.container-bild-rechts {right:0vw;} .container-bild-links {left:0vw;}
.logo-container {width:50vw; }
p.logopol {font-family: 'PolEurosBoldExtended'; font-size:3.0vw; transform: scalex(1.48); 
						 letter-spacing:-0.01vw; line-height:1.0vw; text-align:center;}
p.logoher {font-family: 'PolEurosExtended'; font-size:1.05vw; transform: scalex(1.40); 
						 letter-spacing:0.1vw; line-height:1.0vw; text-align:center;}
.verlauf {width:50vw; height:50vw; 
		background: radial-gradient(at 80% 70%, rgb(070,090,100) 10vw, rgb(015,030,040) 30vw); }
.slide-anton {font-family: 'Anton'; font-size: 14.00vw; letter-spacing:-0.15vw; 
		transform: scaleX(0.85); line-height:14.25vw; }
.slide-playfair {font-family: 'Playfair Display'; font-size: 14.00vw; letter-spacing:-0.2vw; 
		transform: scaleX(0.83); line-height:14.25vw; }
p.slideserif {font-family: 'latin_modern_roman10_regular'; text-align:center; transform: scaleX(0.85);}
p.slidesansserif {font-family: 'SairaCondensed-Regular'; }
p.slideadress {font-size:2.5vw; letter-spacing:0.05vw;	line-height:2.35vw; bottom:1vw; left:0; width:100%; }

@media only screen and (max-width: 499px){
.container-slide {height:200vw; }  /* slide gesamt */
.slidefollow {margin-top:-200vw;}  /* jedes weitere slide */
.container-panel-links {width:100vw; height:200vw; }
.container-panel-rechts {width:100vw; height:200vw; }
.container-logo-feld, .container-typo-feld {transform: scale(2.0,2.0); }
.container-logo-feld {left:25vw; top:3.25vw; }
.container-typo-feld {left:25vw; bottom:-128.25vw; }
.container-bild-rechts {transform: scale(2.0,2.0); right:25vw; top:38vw; }
.container-bild-links  {transform: scale(2.0,2.0); left:25vw; top:38vw; }
p.slideadress {font-size:2.8vw; letter-spacing:0.0vw;	line-height:2.65vw; bottom:1vw; left:-2.5vw; width:55vw; }}




/* ------ Cookie Banner ------ */
#wpconsent-root 						{font-family: 'Roboto Condensed'; font-weight:100;}
#wpconsent-preferences-all 	{font-family: 'Roboto Condensed'; font-weight:100;}
.wpconsent-banner-body 					{padding:16px 24px;}
/* ---- Cookie Banner Ende --- */

/* ------ Bilder tauschen ----- */
.tausch {width:100%; padding-bottom:136%; 
		border: 5px solid red;
		background:center center / cover;}
/* --- Bilder tauschen Ende --- */

/* -------------   FORMULAR   ------------- */
.wpcf7-response-output {
		display: flex; flex-direction: column; justify-content:center;
		position:fixed; z-index:1000; 
		width:80vw; left:10vw; bottom:2vh; 
		background-color:rgba(255,255,255,0.9); 
		text-align:center; color:rgb(205,0,00); 
		border:8px solid red;} 

/* -------------   GUTSCHEIN gutschein  ------------- */
#gutschein, #gutschein input, #gutschein input[type="submit"] {
		font-size:1.0em; font-weight: 400; color:black;}
#gutschein input {
		border:2px solid rgba(0,0,0,0.2); width:100%; border-radius:0px;}

#gutschein-2, #gutschein-2 input, #gutschein-2 input[type="submit"] {
		font-size:1.0em; font-weight: 400; color:black;}
#gutschein-2 input {
		border:2px solid rgba(0,0,0,0.2); width:100%; border-radius:0px;}

.menu-gutscheine-1-container {top:0; width:100vw; z-index:500; }
.menu-gutscheine-1-container li {display:inline; }
div.menu-gutscheine-1-container {list-item:none;}

.menu-gutscheine-2-container {top:0; width:100vw; z-index:500; }
.menu-gutscheine-2-container li {display:inline; }
div.menu-gutscheine-2-container {list-item:none;}

#menu-gutscheine-1 {
		padding:5px 0 5px 0; text-align:center; background-color:rgba(0,0,0,0.9); 
		margin-left:0;}
#menu-gutscheine-1 li {margin:0; border-right:1px solid red;}
#menu-gutscheine-1 li:last-child {margin:0; border:0px; }
#menu-gutscheine-1 a {color:white; padding:0 15px 0 13px; margin:0;}
#menu-gutscheine-1 a:hover, a:focus {color:red; }
#menu-gutscheine-1 .current-menu-item a {color: aqua;}

#menu-gutscheine-2 {
		padding:5px 0 5px 0; text-align:center; background-color:rgba(0,0,0,0.9); 
		margin-left:0;}
#menu-gutscheine-2 li {margin:0; border-right:1px solid red;}
#menu-gutscheine-2 li:last-child {margin:0; border:0px; }
#menu-gutscheine-2 a {color:white; padding:0 15px 0 13px; margin:0;}
#menu-gutscheine-2 a:hover, a:focus {color:red; }
#menu-gutscheine-2 .current-menu-item a {color: aqua;}

.method-paylpal li {margin:0;}

/* -------------   HOCHZEIT teilnahme  ------------- */
#teilnahme, #teilnahme input, #teilnahme input[type="submit"] {
		font-size:1.0em; font-weight: 400; color:black;}
#teilnahme input {
		margin-bottom:10px; border:1px solid rgba(255,60,120,1.0);  width:100%; border-radius:0px;}
#teilnahme input[type="submit"] {
		background:rgba(255,60,120,1.0); color:white; 
		border:2px solid black; border-radius:7px;
		font-weight:700; text-transform: uppercase;
		box-shadow: 10px 15px 15px silver; border-radius: 7px;}
#teilnahme input[type="checkbox"] {
		width:5%; margin-left:0px;}

 /*Mobile 499 2-spaltig */ 
@media only screen and (max-width: 499px) {
#teilnahme, #teilnahme input, #teilnahme input[type="submit"] {
		font-size:0.95em;}
}
/*Mobile 499 2-spaltig*/ 
.hochzeit-foto-gewinn-slider {padding-bottom:40%; width:100%; margin:0px;}
/* -----------   HOCHZEIT ENDE   ------------ */



.expandtext2 { animation: expander2 calc(8400ms*2) ease infinite both; } 
/* für 2 Slides */
.expandtext3  { animation: expander3  calc(8400ms*3) ease infinite both; } 
/* für 3 Slides */
.expandtext4  { animation: expander4  calc(8400ms*4) ease infinite both; } 
/* für 4 Slides */
      .left { transform-origin: left;}     .right { transform-origin: right;}
@keyframes expander2 { 0.00% {opacity: 0.0;  transform: scalex(0.93);}
		                   1.00% {opacity: 0.0;  transform: scalex(3.00);}
		                   2.50% {opacity: 1.0;  transform: scalex(0.80);}
		                   4.50% {opacity: 1.0;  transform: scalex(0.93);}
		                  50.00% {opacity: 1.0;  transform: scalex(0.93);}
		                  50.01% {opacity: 0.0;  transform: scalex(0.93);}
                     100.00% {opacity: 0.0;  transform: scalex(0.93);}}
@keyframes expander3 { 0.00% {opacity: 0.0;  transform: scalex(0.93);}
		                   1.00% {opacity: 0.0;  transform: scalex(3.00);}
		                   2.20% {opacity: 1.0;  transform: scalex(0.80);}
		                   4.50% {opacity: 1.0;  transform: scalex(0.93);}
		                  33.33% {opacity: 1.0;  transform: scalex(0.93);}
		                  33.34% {opacity: 0.0;  transform: scalex(0.93);}
                     100.00% {opacity: 0.0;  transform: scalex(0.93);}}
@keyframes expander4 { 0.00% {opacity: 0.0;  transform: scalex(0.93);}
		                   1.00% {opacity: 0.0;  transform: scalex(3.00);}
		                   2.00% {opacity: 0.8;  transform: scalex(0.80);}
		                   4.50% {opacity: 1.0;  transform: scalex(0.93);}
		                  25.00% {opacity: 1.0;  transform: scalex(0.93);}
		                  25.01% {opacity: 0.0;  transform: scalex(0.93);}
                     100.00% {opacity: 0.0;  transform: scalex(0.93);}}

.dropintext2 { animation: dropin2 calc(8400ms*2) ease infinite both;} /* für 2 Slides */
@keyframes dropin2 { 0.00% {opacity: 0.00; transform: scale(1.00);}
		                 1.50% {opacity: 0.01; transform: scale(4.50);}
				             2.50% {opacity: 0.20; transform: scale(0.95);}
		                 4.00% {opacity: 1.00; transform: scale(1.05);}
				            15.00% {opacity: 1.00; transform: scale(1.00);}
		                50.00% {opacity: 1.00; transform: scale(1.00);}
		                50.01% {opacity: 0.00; transform: scale(1.00);}
                   100.00% {opacity: 0.00; transform: scale(1.00);}}

.dropintext3 { animation: dropin3 calc(8400ms*3) ease infinite both;} /* für 3 Slides */
@keyframes dropin3 { 0.00% {opacity: 0.00; transform: scale(1.00);}
		                1.50% {opacity: 0.01; transform: scale(4.50);}
				            2.50% {opacity: 0.20; transform: scale(0.95);}
		                4.00% {opacity: 1.00; transform: scale(1.05);}
				           15.00% {opacity: 1.00; transform: scale(1.00);}
		               33.33% {opacity: 1.00; transform: scale(1.00);}
		               33.34% {opacity: 0.00; transform: scale(1.00);}
                  100.00% {opacity: 0.00; transform: scale(1.00);}}

.dropintext4 { animation: dropin4 calc(8400ms*4) ease infinite both;} /* für 4 Slides */
@keyframes dropin4 { 0.00% {opacity: 0.00; transform: scale(1.00);}
		                1.50% {opacity: 0.01; transform: scale(4.50);}
				            2.50% {opacity: 0.20; transform: scale(0.95);}
		                4.00% {opacity: 1.00; transform: scale(1.05);}
				           15.00% {opacity: 1.00; transform: scale(1.00);}
		               24.99% {opacity: 1.00; transform: scale(1.00);}
		               25.00% {opacity: 0.00; transform: scale(1.00);}
                  100.00% {opacity: 0.00; transform: scale(1.00);}}

.farbwexel { animation: farbrad calc(8400ms*0.5) ease infinite both;}
@keyframes farbrad { 0.00% {filter:hue-rotate(030deg);}
                    25.00% {filter:hue-rotate(000deg);}
		                50.00% {filter:hue-rotate(-40deg);}
				            75.00% {filter:hue-rotate(000deg);}
		               100.00% {filter:hue-rotate(030deg);}}


@keyframes dropin4 {0.00% {opacity: 0.00; transform: scale(1.00);}
		                1.70% {opacity: 0.01; transform: scale(4.50);}
				            2.00% {opacity: 0.20; transform: scale(0.95);}
		                3.00% {opacity: 1.00; transform: scale(1.00);}
				           15.00% {opacity: 1.00; transform: scale(1.00);}
		               24.99% {opacity: 1.00; transform: scale(1.00);}
		               25.00% {opacity: 0.00; transform: scale(1.00);}
                  100.00% {opacity: 0.00; transform: scale(1.00);}}

.show4 { animation: show4 calc(8400ms*4) ease infinite both;} /* für 4 Slides */
@keyframes show4 {  0.00% {opacity: 0.00; top:-50vw;}
				            2.00% {opacity: 0.00; top:-50vw;}
		                2.30% {opacity: 1.00; top:-10.0vw;}
		                2.55% {opacity: 1.00; top:-13vw;}
		               24.99% {opacity: 1.00; top:-13vw;}
		               25.00% {opacity: 0.00; top:-50vw;}
                  100.00% {opacity: 0.00; top:-50vw;}}

.vanish4 { animation: vanish4 calc(8400ms*4) ease infinite both;} /* für 4 Slides */
@keyframes vanish4 {0.00% {opacity: 1.00; }
				            2.00% {opacity: 1.00; }
		               10.00% {opacity: 0.00; }
		               20.00% {opacity: 0.00; }
		               35.00% {opacity: 1.00; }
                  100.00% {opacity: 1.00; }}

.glowtext { animation: glower 8400ms ease infinite both; }
@keyframes glower {
		      8.0%  {text-shadow: 0 0 0px  RGBA(0,080,215,0), 0 0 0px   RGBA(0,080,215,0);}
				 10.0%  {text-shadow: 0 0 7px  RGBA(0,080,215,1), 0 0 20px  RGBA(0,080,215,1),
			  	  	                0 0 40px RGBA(0,080,215,1), 0 0 120px RGBA(0,080,215,1);}
		     20.0%  {text-shadow: 0 0 0px  RGBA(0,080,215,0), 0 0 0px   RGBA(0,080,215,0);}}

.bildwexel        { animation: wexel 8400ms ease infinite both;}
@keyframes wexel  { 0.00% {opacity: 0.0;}
                   40.00% {opacity: 0.0;}
		               54.00% {opacity: 1.0;}
				           99.99% {opacity: 1.0;}
		              100.00% {opacity: 0.0;}}

.bildwexel2       { animation: wexel2 8400ms ease infinite both;}
@keyframes wexel2 { 0.00% {opacity: 0.0;}
                   28.00% {opacity: 0.0;}
		               38.00% {opacity: 1.0;}
				           99.99% {opacity: 1.0;}
		              100.00% {opacity: 0.0;}}

.bildwexel3       { animation: wexel3 8400ms ease infinite both;}
@keyframes wexel3 { 0.00% {opacity: 0.0;}
                   61.00% {opacity: 0.0;}
		               71.00% {opacity: 1.0;}
				           99.99% {opacity: 1.0;}
		              100.00% {opacity: 0.0;}}


.diashow2 { animation: dias2 calc(8400ms*2) ease infinite both;} /* für 2 Slides */
@keyframes dias2 { 00.00% {opacity: 0.0;}
		               00.33% {opacity: 0.0;}
		               05.33% {opacity: 1.0;}
		               48.00% {opacity: 1.0;}
		               52.00% {opacity: 0.0;} 
		              100.00% {opacity: 0.0;}}

.diashow3 { animation: dias3 calc(8400ms*3) ease infinite both;} /* für 3 Slides */
@keyframes dias3 { 00.00% {opacity: 0.0;}
		               00.33% {opacity: 1.0;}
		               33.34% {opacity: 1.0;}
		               34.33% {opacity: 0.0;} 
		              100.00% {opacity: 0.0;}}

.diashow4 { animation: dias4 calc(8400ms*4) ease infinite both;} /* für 4 Slides */
@keyframes dias4 { 00.00% {opacity: 0.0;}
		               00.33% {opacity: 0.0;}
		               01.33% {opacity: 1.0;}
		               24.99% {opacity: 1.0;}
		               25.11% {opacity: 0.0;} 
		              100.00% {opacity: 0.0;}}

/* ----- Top-Slider - Ende ----- */

body.layout-full {background-color: black;}

.circle {
		border-radius:50%;  
		-webkit-border-radius:50%; 
		-moz-border-radius:50%;}

/* ----- Scheib Gewinner ------ */
.scheibgallery {border:5px solid white; 
		background:center center / 105%; width:100%;}

.boxx {border:1px solid rgba(255,0,0,0.0); }

.counter-reset {opacity:0.5;}

.inspiration {width:100%; padding-bottom:136%; 
		border: 5px solid black;
		background:center center / cover;}
.icolor   {background-color:rgb(60, 70, 55); }
.ipanel   {position:absolute; z-index:100; top:15vw; 
		width:76%; margin-left:12%; background-color:rgba(0,0,0,0.85);
		padding:0; border:10px solid black;}
p.itext {font-weight:400; font-size:2.5vw; line-height:4.8vw;
		position:absolute; top:0; color:white; text-transform:uppercase;
		padding:2.5vw;}
h1.th-count7000 {text-align:right; font-size:10vw; line-height:12vw; 
		padding:1.5vw 0vw 1.5vw 0vw; margin-top:0; margin-bottom:0;
		margin-right: calc(50% - (3.0vw*8.5)); }
p.th-count7000 {font-family: 'Playfair Display';
		font-size:3.0vw; line-height:4.5vw;
		padding:1.8vw 2vw 2.5vw 2vw; margin:0;}
p.abiparty {font-size:12vw; position:absolute; left:0; right:0; 
		top:calc(50% - 12vw);}
.irow {border-left: 2.5px solid black; border-right: 2.5px solid black; }

@media only screen and (max-width: 800px) {
.inspiration {border-width: 4px;}
.ipanel      {width:86%; margin-left:7%; border: 8px;}
.irow        {border-left: 2px solid black; border-right: 2px solid black; }
}

/* 413px ist die innere PopUp-Fensterbreite bei 499px Fenster 
@media only screen and (max-width: 413px)*/

@media only screen and (max-width: 499px){
.inspiration {border-width: 3px;}
.ipanel      {width:100%; margin-left:0%; border: 6px;}
.irow        {border-left: 1.5px solid black; border-right: 1.5px solid black; }
h1.th-count7000 {text-align:right; font-size:11.9vw; line-height:16vw; 
		padding:3.5vw 0vw 3.5vw 0vw; 
		margin-right: calc(50% - (3.0vw*10.6)); }
p.th-count7000 {font-size:4.7vw; line-height:6.5vw; padding:5vw;}
p.itext      {font-size:5.5vw; line-height:9.9vw;}
p.abiparty {font-size:20vw; top:calc(50% - 12vw);}
}

.control {border:1px solid red;}

@media only screen and (min-width: 781px) {
    .topslider-bild {background:no-repeat center center; background-size:contain; background-color:black; 
		                 width:100%; height:41vw; margin-top:-50px; margin-bottom:50px;}
		.patch781 {display: none;}} /* top-slider-hack */

@media only screen and (max-width: 780px) {
    .topslider-bild {background:no-repeat center center; background-size:contain; background-color:black; 
				             width:100%; height:41vw;  margin-top:0px; margin-bottom:-8px;}
		.patch780 {display: none;} /* top-slider-hack */}

/* --------------------- die wichtigsten Telefon-Nummern ------------------------- */
a.telnr-zahl {font-family: 'Anton'; font-weight: 400; font-size:24px; letter-spacing:2px; display:inline;}
h1.telnr-linie {font-size:0; line-height:0; margin:0; padding:0; border-bottom: 2px solid rgba(0,0,0,0.15);}
.fa-phone-square {display:inline; font-size:28px; color:red;}
/* ----------------- die wichtigsten Telefon-Nummern - Ende ---------------------- */

/* ------------------------- Schriften - DSGV-konform ---------------------------- */
@font-face {font-family: 'Anton'; font-style: normal; font-weight: 400; font-display: swap;
	src: local(''), url('/fonts/anton-v23-latin-regular.woff2') format('woff2'); }
 
@font-face {font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; font-display: swap;
	src: local(''), url('/fonts/roboto-condensed-v25-latin-300.woff2') format('woff2'); }

@font-face {font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; font-display: swap;
	src: local(''), url('/fonts/roboto-condensed-v25-latin-regular.woff2') format('woff2');}

@font-face {font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; font-display: swap;
	src: local(''), url('/fonts/roboto-condensed-v25-latin-700.woff2') format('woff2'); }

@font-face {font-family: 'Michroma'; font-style: normal; font-weight: 400; font-display: swap;
	src: local(''), url('/fonts/michroma-v16-latin-regular.woff2') format('woff2'); }

@font-face {font-family: 'Playfair Display'; 
		font-style: normal; font-weight: 400; font-display: swap;
		src: local(''), url('/fonts/playfair-display-v30-latin-regular.woff2') format('woff2');}

@font-face {font-family: 'latin_modern_roman10_regular'; 
		font-style: normal; font-weight: normal; font-display: swap;
		src: local(''), url('/fonts/lmroman10-regular-webfont.woff') format('woff');}

@font-face {font-family: 'Fleur De Leah Regular';
		font-style: normal; font-weight: 700; font-display: swap;
		src: local(''), url('/fonts/FleurDeLeah-Regular.woff') format('woff');}

@font-face {font-family: 'PolEurosBoldExtended';
		font-style: normal; font-weight: 700; font-display: swap;
		src: local(''), url('/fonts/PolEurosBolExt.woff') format('woff');}

@font-face {font-family: 'PolEurosExtended';
		font-style: normal; font-weight: 300; font-display: swap;
		src: local(''), url('/fonts/PolEurosExt.woff') format('woff');}

@font-face {font-family: 'AntonioExtraLight';
		font-style: normal; font-weight: 200; font-display: swap;
		src: local(''), url('/fonts/Antonio-ExtraLight.woff') format('woff');}

@font-face {font-family: 'AntonioLight';
		font-style: normal; font-weight: 300; font-display: swap;
		src: local(''), url('/fonts/Antonio-Light.woff') format('woff');}

@font-face {font-family: 'AntonioRegular';
		font-style: normal; font-weight: 400; font-display: swap;
		src: local(''), url('/fonts/Antonio-Regular.woff') format('woff');}

@font-face {font-family: 'AntonioMedium';
		font-style: normal; font-weight: 500; font-display: swap;
		src: local(''), url('/fonts/Antonio-Medium.woff') format('woff');}

@font-face {font-family: 'AntonioSemiBold';
		font-style: normal; font-weight: 600; font-display: swap;
		src: local(''), url('/fonts/Antonio-SemiBold.woff') format('woff');}

@font-face {font-family: 'AntonioBold';
		font-style: normal; font-weight: 700; font-display: swap;
		src: local(''), url('/fonts/Antonio-Bold.woff') format('woff');}


/* -------- Schriften - DSGV-konform - Ende -------- */

* {margin: 0; padding: 0; box-sizing: border-box;}

p, ul, ol, li, button, input, select, textarea {font-family: 'Roboto Condensed';}

.sow-accordion-title {font-family: 'Anton'; letter-spacing: 0.05em; font-size:1.2em;}

#page-wrapper h1, #page-wrapper h2, #page-wrapper h3, #page-wrapper h4, #page-wrapper h5, #page-wrapper h6 {
  font-family: 'Anton', Arial, Helvetica, sans-serif; font-weight: 400;}

h1, h2, h3, h4, h5, h6 {font-family: 'Anton'; font-weight: 400;}

/*----------------Spalten-----------------------*/

.zweispaltig {float: left; width: 48%;}
.dreispaltig {float: left; width: 30%;}
.vierspaltig {float: left; width: 22%;}
.spaltelinks { margin-right: 2%;}
.spaltemitte {margin-left: 2%; margin-right: 2%;}
.spalterechts {margin-left: 2%;}

@media only screen and (max-width: 850px) {
  .zweispaltig {float: none; width: 100%;}
  .dreispaltig {float: none; width: 100%;}
  .vierspaltig {float: left; width: 48%;}
  .spaltelinks {margin-right: 0%;}
  .spaltemitte {margin-left: 0%; margin-right: 0%;}
  .spalterechts {margin-left: 0%;}}

/*-----------------Spalten Ende-------------------*/

/*--------------------- Einstiegslabel ------------------------- */
.toplabel { padding: 0; margin-bottom: 0;}
h1.toplabel {padding: 0.5em 0.3em 0.3em 0.3em; margin: 0;}
p.toplabel {font-family: 'Playfair Display', serif; font-weight: 400; line-height: 1.15em; padding: 0.5em 0.3em 1.0em 0.3em; margin: 0;}
/*------------------- Einstiegslabel Ende ---------------------- */


/* --------- Top-Slider ---------------- */
.topsliderlogofond { position: absolute; top: 0; left: 0; width: 100%;}
/* -------- Top-Slider Ende ------------ */


/* --------- Themen-Lightbox-Seiten: Bild und Text --------- */

div.th-img-basis {background-repeat: no-repeat; background-position: center; background-size: cover;}

.th-container-0 {width: calc(100% / 6); float: left;}
.th-container-1 {width: calc(100% / 3 * 1); float: left;}
.th-container-2 {width: calc(100% / 3 * 2); float: left;}
.th-container-3 {width: 100%;}
.th-container-4 {width: calc(100% / 3 * 1); float: left;}

.th-img-0 {width: 100%; padding-bottom: calc((100% / 3 * 2) * 2);}
.th-img-1 {width: 100%; padding-bottom: calc(100% / 3 * 2);}
.th-img-2 {width: 100%; padding-bottom: calc(100% / 3 * 2);}
.th-img-3 {width: 100%; padding-bottom: calc((100% / 3 * 2) / 3 * 2);}
.th-img-4 {width: 25%; padding-bottom: 27%; float: left;}
.th-img-5 {width: calc(100% / 3); padding-bottom: 27%; float: left;}

.th-img-clear {clear: both; width: 100%; height: 1px; opacity: 0;}

.th-spalte {position: relative; width: 72%; margin-left: 14%; margin-top: -8.0%; margin-bottom: 50px; padding: 0px;}

h1.th-label {font-size: 2.4em; margin: 0; padding: 0.7em 0em;}
p.th-label {font-family: 'Playfair Display', serif; font-weight: 400; font-size: 1.1em; line-height: 1.15em; margin: 0; padding: 1.5em 0em;}
.th-label-line { width: 36%; margin: -5px 32% -10px 32%; border-bottom: 2px solid rgba(255,0,0,1.0); height: 1px;}
p.th-body, ul.th-body, li.th-body {margin: 0; padding: 50px 0;}

.smiley {background-size: contain; width: 20%; padding-bottom: 20%; opacity: 0.75; background-repeat: no-repeat; background-position: center; margin: -7% 0 5% 5%;}
.smiley-gruen {background-image: url(https://www.policke-herrenkleidung.sbs/storage/smiley/gruen.svg);}
.smiley-rot {background-image: url(https://www.policke-herrenkleidung.sbs/storage/smiley/rot.svg);}

/* ------ Themen-Lightbox-Seiten: Bild und Text - Ende ------ */

/* ----------------- over all --------------------- */

body p, ul, ol {font-size: 1.00em; font-weight: 300;
  letter-spacing: 0.03em; line-height: 1.60em; padding: 0.2em 0;}

body ul, ol {margin-left: 1em;}

body h1, h2, h3, h4, h5, h6 {line-height: 1.15em; letter-spacing: 1px; margin: 0; padding: 0.4em 0;}

p.weiss, h1.weiss, h2.weiss, h3.weiss, h4.weiss, h5.weiss, h6.weiss {color: rgba(255,255,255,1);}

p.playfair {font-family: 'Playfair Display', serif; font-weight: 400;}

.links  {text-align: left;}
.mitte  {text-align: center;}
.rechts {text-align: right;}

.rot {color: rgba(255,0,0,1);}

.bg_grau {background-color: rgba(50,50,50,1);}

.linkaufgrau {padding: 0px 0.3em; color: white; background-color: rgba(170,170,170,1.0);}

.mitlinie {border-bottom: 2px solid rgba(255,0,0,1); padding-bottom: 2%;}

p.line {border-top: solid 1px rgba(255,0,0,1); line-height: 1.0vw; width: 32%; margin: 0 34%; padding: 0;}

.bg100 {background-color: rgba(0,0,0,1.0);}
.bg90 {background-color: rgba(0,0,0,0.9);}
.bg80 {background-color: rgba(0,0,0,0.8);}
.bg70 {background-color: rgba(0,0,0,0.7);}
.bg60 {background-color: rgba(0,0,0,0.6);}
.bg50 {background-color: rgba(0,0,0,0.5);}
.bg40 {background-color: rgba(0,0,0,0.4);}
.bg30 {background-color: rgba(0,0,0,0.3);}
.bg20 {background-color: rgba(0,0,0,0.2);}
.bg10 {background-color: rgba(0,0,0,0.1);}
.bg00 {background-color: rgba(0,0,0,0.0);}

/* --------------------- h1 bis h6 ------------------------- */

h1.head1, h1.head2,
h1.head3, h1.head4,
h1.head5, h1.head6 {margin: 0; padding-top: 0.5em;}

h1.head1 {font-size: 3.30em; line-height: 3.4em;}
h1.head2 {font-size: 2.30em; line-height: 2.4em;}
h1.head3 {font-size: 1.95em; line-height: 1.45em;}
h1.head4 {font-size: 1.65em; line-height: 1.75em;}
h1.head5 {font-size: 1.30em; line-height: 1.4em;}
h1.head6 {font-size: 1.00em; line-height: 1.1em;}

/* --------------------- Themen-Bereiche wie B2B & SPONSORING etc ------------------------- */

.themencontainer {width: 65%; margin-left: 10%;}

/* --------------------- Themen-Kacheln ------------------------- */

div.tilecontainer {position: relative; background-repeat: no-repeat;
		background-position: center; background-size: cover;}

div.tilelabel {position: absolute;}

h1.tilelabel {margin: 0; padding: 0.4em 0.3em 0.3em 0.3em;}

p.tilelabel {line-height: 1.30em; font-weight: 400; text-align: center; letter-spacing: 0.05em; 
		margin: 0; padding: 0.5em 0.3em 1.0em 0.3em; font-family: 'Playfair Display', serif;}

div.containerend {width: 50px; height: 1px; background-color: rgba(255,255,255,0); clear: both;}

.tile1 {float: left; width: 65%; margin-bottom: 2.0%;}
.image1 {width: 100%; padding-bottom: 59.23%;}

.tile2 {float: right; width: 32%; margin-bottom: 2.0%;}
.image2 {width: 100%; padding-bottom: 120.32%;}

.tile3 {float: left; width: 32%; margin-bottom: 2.0%;}
.image3 {width: 100%; padding-bottom: 120.32%;}

.tile4 {float: right; width: 65%; margin-bottom: 2.0%;}
.image4 {width: 100%; padding-bottom: 59.23%;}

.tile5 {clear: both; width: 100.0%; margin-bottom: 2.0%;}
.image5 {width: 100%; padding-bottom: 42.5%;}

div.size1 {width: 40%;}
div.size2 {width: 74%;}
div.size3 {width: 26%;}

div.obre {right: 5%; top: 6%;}
div.unre {right: 5%; bottom: 6%;}
div.unli {left: 5%; bottom: 6%;}
div.obli {left: 5%; top: 6%;}
div.unmi {left: 13%; bottom: 6%;}

/* --------------------- Endbereich über Maps ------------------------- */
h1.footerhead {line-height: 1.30em; padding-top: 0.0em; margin: 0;}

/* --------------------- social media ------------------------- */
.social {width: 60px; height: 60px; background-size: contain; float: left; margin-right: 20px; opacity: 0.7;}
#facebook {background-image: url(https://www.policke-herrenkleidung.sbs/storage/social/facebook-weiss.svg);}
#instagram {background-image: url(https://www.policke-herrenkleidung.sbs/storage/social/instagram-weiss.svg);}

/* --------------------- p Impressum & Datenschutz ------------------------- */
p.pflicht, ul.pflicht, ol.pflicht {font-size: 0.85em;}


/* ---------------- sichtbarkeit wechsel desktop zu mobile ----------------- */

/* --------------------- desktop CSS ------------------------- */

@media only screen and (min-width: 500px) {

	.mobile {display: none;} /* zeigt alles auf dem kleinen Smartphone */
		
  .topsliderlogo {position: absolute; width: 28%; margin-left: 36%; top: 2%;}
  .topsliderlogofond {padding-bottom: 6.5%;}
  .toplabelcontainer {width: 76%; max-width: 630px; margin-left: auto; margin-right: auto;}
  .logofooter {width: 32%; margin-left: 34%;}
  h1.footerhead {font-size: 2.80em;}
  h1.toplabel {font-size: 3.20em;}
  p.toplabel {font-size: 1.50em;}
  h1.tilelabel {font-size: 2.30em;}
  p.top {font-size: 1.10em; width: 56%; max-width: 550px; height: auto;
    margin-left: auto; margin-right: auto;}
}

/* --------------------- mobile CSS ------------------------- */

@media only screen and (max-width: 900px) {
  /* Tablett 900 3-spaltig */

  .image1, .image4 {padding-bottom: calc(59.23% / 100 * 110);}
  .image2, .image3 {padding-bottom: calc(120.32% / 100 * 110);}
  .image5 {padding-bottom: calc(42.5% / 100 * 110);}

  h1.tilelabel {font-size: 1.90em;}
  p.tilelabel {font-size: 0.90em;}
  p.top {width: 80%;}

  .topsliderlogo {position: absolute; width: 36%; margin-left: 32%; top: 2.5%;}
  .topsliderlogofond {padding-bottom: 9.0%;}
  .toplabelcontainer {width: 84%; max-width: 630px; margin-left: auto; margin-right: auto;}
  .logofooter {width: 40%; margin-left: 30%;}

  .image1, .image4 {padding-bottom: calc(59.23% / 100 * 115);}
  .image2, .image3 {padding-bottom: calc(120.32% / 100 * 115);}
  .image5 {padding-bottom: calc(42.5% / 100 * 115);}

  h1.toplabel {font-size: 2.8em;}
  p.toplabel {font-size: 1.39em;}
  h1.tilelabel {font-size: 1.55em;}
  p.tilelabel {font-size: 0.85em;}
}

@media only screen and (max-width: 700px) {
  /* Tablett 700 2-spaltig */

  div.size3 {width: 40%;}
  .logofooter {width: 46%; margin-left: 27%;}
  .image1, .image4, .image5 {padding-bottom: 65%;}
  .image2, .image3 {padding-bottom: 140%;}

  .tile1, .tile4, .tile5 {width: 100%;}
  .tile2 {float: left; width: 49%;}
  .tile3 {float: right; width: 49%;}

  h1.toplabel {font-size: 2.60em;}
  p.toplabel {font-size: 1.28em;}
  h1.tilelabel {font-size: 1.80em;}
  p.tilelabel {font-size: 0.83em;}}

@media only screen and (max-width: 499px) {
  /* Mobile 499 2-spaltig */

  .desktop {display: none;} /* zeigt alles auf dem großen Desktop */

	.topsliderlogo {position: absolute; width: 56%; margin-left: 22%; top: 2.5%;}
  .topsliderlogofond {padding-bottom: 15%;}
  .toplabelcontainer {width: 90%; max-width: 548px; margin-left: auto; margin-right: auto;}
  .themencontainer {width: 80%; margin-left: 10%;}
  .logofooter {width: 60%; margin-left: 20%;}

  h1.footerhead {font-size: 1.80em;}
  h1.toplabel {font-size: 2.40em;}
  p.toplabel {font-size: 1.15em;}
  p.top {width: 80%; height: auto; margin-left: 10%;}
  h1.tilelabel {font-size: 1.30em;}
  p.tilelabel {font-size: 0.80em;}

  .th-container-0 {width: calc(100% / 3); float: left;}
  .th-container-1 {width: 100%; clear: both;}
  .th-container-2 {width: 100%; clear: both;}
  .th-container-3 {width: 100%; clear: both;}
  .th-container-4 {width: calc(100% / 3 * 2); float: left;}

  .th-img-1 {width: 50%; padding-bottom: calc((100% / 3 * 2) / 2); float: left;}
  .th-img-2 {width: 100%; padding-bottom: calc(100% / 3 * 2);}
  .th-img-3 {width: 100%; padding-bottom: calc((100% / 3 * 2) / 3 * 2);}

  .th-spalte {width: 80%; margin-left: 10%; margin-top: -5.0%; margin-bottom: 50px; padding: 0px;}

  h1.th-label {font-size: 2.0em; margin: 0; padding-top: 0.6em; padding-bottom: 0.6em; padding-left: -10px; padding-right: -10px;}
  p.th-body, ul.th-body, li.th-body {font-size: 0.85em; margin: 0; padding: 1.0em 0;}
}

@media only screen and (max-width: 400px) {
  /* Mobile 400 2-spaltig */

  h1.head1 {font-size: 2.20em; line-height: 2.3em;}
  h1.head2 {font-size: 1.52em; line-height: 1.62em;}
  h1.head3 {font-size: 1.35em; line-height: 1.45em;}
  h1.head4 {font-size: 1.20em; line-height: 1.3em;}
  h1.head5 {font-size: 1.05em; line-height: 1.15em;}
  h1.head6 {font-size: 0.90em; line-height: 1.0em;}

  .logofooter {width: 70%; margin-left: 15%;}

  h1.toplabel {font-size: 1.70em;}
  p.toplabel {font-size: 1.05em;}
  .toplabelcontainer {width: 100%;}
  h1.tilelabel {font-size: 0.85em;}
  p.tilelabel {font-size: 0.65em;}
  p.top {font-size: 0.85em;}

  .th-spalte {width: 90%; margin-left: 5%; margin-top: -4.0%; margin-bottom: 50px; padding: 0px;}

  h1.th-label {font-size: 1.6em; margin: 0; padding: 0.7em;}
  p.th-body, ul.th-body, li.th-body {font-size: 0.85em; margin: 0; padding: 30px 0;}
  p.gutschein, li.gutschein, ul.gutschein {font-size: 0.85em; margin: 0; padding: 0px 0;}
}

@media only screen and (max-width: 300px) {
  /* Mobile 300 2-spaltig */

  div.size1 {width: 50%;}
  div.size2 {width: 86%;}
  div.size3 {width: 50%;}

  div.unmi {left: 7%; bottom: 6%;}

  .logofooter {width: 80%; margin-left: 10%;}

  h1.toplabel {font-size: 1.50em;}
  p.toplabel {font-size: 0.90em;}
  h1.tilelabel {font-size: 0.75em;}
  p.tilelabel {font-size: 0.55em;}
}

/* -------- das ist der Theme-Footer ------------*/
footer {position: relative; z-index: 599; background-color: rgba(55,55,55,1) !important;}
#footer-widgets .widget {font-size: 18px;}
#footer-widgets .widget a {color: rgba(200,200,200,1.0);}
#footer-widgets {padding-top:10px;}

/* -------- Theme Hack Site-Origin unsichtbar -----------*/
#colophon #theme-attribution, #colophon #site-info,
#colophon #theme-attribution a, #colophon #site-info a {color: rgba(0,0,0,0.1);}

.layout-full #colophon {padding-top: 0px; padding-bottom: 0px;}
#colophon #theme-attribution, #colophon #site-info {font-size: 0px;}

/* ---- Die Marken ----- */

.marke01 {background-image: url(https://www.policke-herrenkleidung.sbs/storage/logo/bugatti.png);}
.marke02 {background-image: url(https://www.policke-herrenkleidung.sbs/storage/logo/carlgross.png);}
.marke03 {background-image: url(https://www.policke-herrenkleidung.sbs/storage/logo/cinque.png);}
.marke04 {background-image: url(https://www.policke-herrenkleidung.sbs/storage/logo/digel.png);}
.marke05 {background-image: url(https://www.policke-herrenkleidung.sbs/storage/logo/falke.png);}
.marke06 {background-image: url(https://www.policke-herrenkleidung.sbs/storage/logo/fynchhatton.png);}
.marke07 {background-image: url(https://www.policke-herrenkleidung.sbs/storage/logo/jackjones.png);}
.marke08 {background-image: url(https://www.policke-herrenkleidung.sbs/storage/logo/maerz.png);}
.marke09 {background-image: url(https://www.policke-herrenkleidung.sbs/storage/logo/olymp.png);}
.marke10 {background-image: url(https://www.policke-herrenkleidung.sbs/storage/logo/royrobson25.png);}
.marke11 {background-image: url(https://www.policke-herrenkleidung.sbs/storage/logo/venti.png);}
.marke12 {background-image: url(https://www.policke-herrenkleidung.sbs/storage/logo/wilvorst.png);}
.marke13 {background-image: url(https://www.policke-herrenkleidung.sbs/storage/logo/lloyd.png);}
.marke14 {background-image: url(https://www.policke-herrenkleidung.sbs/storage/logo/eterna.png);}

.marke01, .marke02, .marke03, .marke04, .marke05, .marke06,
.marke07, .marke08, .marke09, .marke10, .marke11, .marke12, .marke13, .marke14 {
  background-color: rgba(255,255,255,1.0); width: 100%;
  padding-bottom: 68%; background-repeat: no-repeat; background-position: center; background-size: contain;}



/*-------------- Burger-Menu --------------*/
nav.burger {position: fixed; top: 0; left: 0; z-index: 1900; width: 350px;}

.container {max-width: 1050px; width: 100%; margin: auto;}

/* Mobile 500 */
@media only screen and (max-width: 500px) {
  nav.burger {width: 100%; background: rgba(0,0,0,0);}
  .nav-container input[type="checkbox"]:checked ~ .hamburger-lines {left: calc(50% - 16px);}
  .nav-container input[type="checkbox"]:checked ~ .klick-box-aussen {
    left: 0; background: rgba(0,0,0,0.7); color: rgba(0,0,0,0);}
  .nav-container input[type="checkbox"]:checked {left: calc(50% - 15px);}
  nav-container input[type="checkbox"]:checked ~ .burger-fond {width: 20%;}
}
/* Ende-Mobile 500 */

.burger-fond {transition: transform 0.5s ease-in-out; position: absolute; top: 0; left: 0;
  width: 70px; height: 70px; background-color: rgba(0,0,0,0.9); z-index: 0;}

.navbar {width: 100%; min-width: 70px;}

.nav-container {display: block; justify-content: space-between; align-items: center; height: 70px; 
		border: 1px solid rgba(0,0,0,0.0); background-color: rgba(0,0,0,0.0);}

.navbar .menu-items {display: block; position: relative; z-index: 50;}

.navbar .nav-container li {list-style: none;}

.navbar .nav-container a { text-decoration: none; color: white; font-weight: 300; font-size: 1.1em; padding: 0.2em; 
		letter-spacing: 0.05em; border-bottom: 1px solid rgba(255,255,255,0.5); line-height: 1.10em; display: block;}

.navbar .nav-container a:hover {font-weight: 400;}

.nav-container .checkbox {position: absolute; display: block; height: 32px; width: 32px; top: 20px; left: 20px; z-index: 5; opacity: 0; cursor: pointer;}

.nav-container .hamburger-lines {height: 26px; width: 32px; position: absolute; top: 30px; left: 20px;
  z-index: 2; display: flex; flex-direction: column; justify-content: space-between;}

.nav-container .hamburger-lines .line {display: block; height: 4px; width: 100%; border-radius: 10px; background: white;}

.nav-container .hamburger-lines .line1 {transform-origin: 0% 0%; transition: transform 0.4s ease-in-out;}
.nav-container .hamburger-lines .line2 {transition: transform 0.2s ease-in-out;}
.nav-container .hamburger-lines .line3 {transform-origin: 0% 100%; transition: transform 0.4s ease-in-out;}

.navbar .menu-items {overflow: scroll; background: rgba(000,000,000,0.8); height: 100vh; width: calc(100% + 2px); 
		transform: translate(-150%); margin-left: -1px; margin-top: 69px; padding-left: 0px; padding-top: 40px; 
		padding-bottom: 100px; transition: transform 0.5s ease-in-out; text-align: center; z-index: 7;}

.navbar .menu-items li {margin-bottom: 0.7rem; font-size: 1.5rem; font-weight: 400;}

.nav-container input[type="checkbox"]:checked ~ .menu-items {transform: translateX(0);}
.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line1 {transform: rotate(45deg);}
.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line2 {transform: scaleY(0);}
.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line3 {transform: rotate(-45deg);}

input[type="checkbox"]:checked .navbar {width: 300px;}

/* --- neue Schaltfläche - alles außen drumrum --- */
.klick-box-aussen {display: inline-block; position: absolute; 
		z-index: 1; top: 100; left: -150%; width: 200vw; height: 100vh; background-color: rgba(000,000,000,0.2);}

.nav-container input[type="checkbox"]:checked ~ .klick-box-aussen {top: 0; left: -20;}

.nav-container input[type="checkbox"]:checked ~ .burger-fond {width: 100%;}


/*---------------Formular Gutschein---------------*/
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="url"], .wpcf7-form input[type="password"],
.wpcf7-form input[type="search"], .wpcf7-form input[type="number"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="select"],
.wpcf7-form textarea {color:rgba(000,000,000,1.0); width:100%; border-radius:0; border:1px;}

.wpcf7-form select {color: rgba(000,000,000,1.0); background-color: rgba(255,255,255,1.0); width: 100%; border-radius:0; border:1px; padding: 8px;}

.wpcf7-text:focus, .wpcf7-textarea:focus {outline: 2.5px solid rgba(255, 000, 000, 0.8); outline-offset: 0;}

.wpcf7-form .button {background-color: rgba(0,0,0,0.4); border: 2px solid; border-color: lightgrey black black lightgrey;
  color: rgba(0,0,0,0.8); font-weight: 700; text-align: center; text-transform: uppercase; margin-bottom: 15px;
  width: 100%; padding: 16px 2px; letter-spacing: 0.2px; font-size: 18.5px; border-radius: 0;
  -webkit-border-radius: 0; -moz-border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

.wpcf7-form .button:hover {cursor: pointer; border-color: black lightgrey lightgrey black;
  background: rgba(0,0,0,0.6); box-shadow: 0px 0px 25px 25px rgba(255,255,255,1.0); margin-top: 0; color:white;}


/* --------------- Fancybox: Schatten weg - Logo - close-X --------------------*/
#fancybox-outer {border: 4px solid rgba(0,0,0,1.0);
  box-shadow: 0 0 0px #111; -moz-box-shadow: 0 0 0px #111; -webkit-box-shadow: 0px 0 0px #0600ff;}
#fancybox-close {top: -19px; right: -19px; width: 34px; height: 34px;}
#fancybox-close span::after, #fancybox-close span::before {top: 4px; left: 14px; width: 3px; height: 22px;}
.fancy-ico span {left: 0px;	top: 0px; width: 34px; height: 34px;	border: 2px solid white;}
.abstand {width: 100%; height: 25px;} 
/* hält den Inhalt vom oberen Rand weg */
.lightboxlogo {position: absolute; z-index: 600; width: 180px; height: 36px; 
		margin-left: calc(50% - 90px); bottom: 0px; 
		margin-bottom: 0px; background-repeat: no-repeat; background-position: center; 
		background-size: contain;
		background-image: url(https://www.policke-herrenkleidung.sbs/storage/logo/policke-weiss.svg);}

#main {background-color:rgba(250,250,250,1);}


/* ENDE */