header {
	height:65px;
}
@media screen and (min-width:461px) {
	header {
		width:100%;
		height:65px;
		z-index:30;
		position:fixed;
        background:#FCD9CA;
		box-shadow:none;
    }
}
@media screen and (min-width:40rem) {
	header {
		height:65px;
		margin-bottom: 2rem;
		background:#FCD9CA;
    }
}
@media screen and (max-height:460px) {
  header {
    background:transparent;
  }
}
@media (max-width: 429px) {
    #wrapper {
        height: 100vh;
        position: fixed;
    }

}
@media screen and (min-width:430px) and (max-width:899px) {
	#wrapper {
		height:100vh;
		position:fixed;
	}
}
@media screen and (min-width:900px) {
	#wrapper {
		height:100vh;
		position:fixed;
	}
}

.datenschutz #wrapper {
	height:auto;
	position:static;
}

.invisible {
  display:none;
}
.back {
  display: none;
}
@media screen and (max-width: 480px) {
	.menutop {
	display:none;
}
}
@media screen and (max-width:430px) {
   .mod_article.horizontal-scroll-wrapper-item {
/*   max-width:1360px;
       margin-left:auto;
       margin-right:auto;  */
       min-width: 95vw;  /* ohne sichtbarer nächster Artikel: 95vw */
       margin-left: 2.5vw;
       margin-right: 2.5vw;
       margin-top:30px;
       margin-bottom:10px;
}
}

@media screen and (max-height:460px), (min-width:431px) and (max-width:660px) {
   .mod_article.horizontal-scroll-wrapper-item {
/*   max-width:1360px;
       margin-left:auto;
       margin-right:auto;  */
       min-width: 95vw;  /* ohne sichtbarer nächster Artikel: 95vw */
       margin-left: 2.5vw;
       margin-right: 2.5vw;
       margin-top:60px;
       margin-bottom:10px;
}
}
@media screen and (min-width:661px) and (min-height:461px) {
   .mod_article.horizontal-scroll-wrapper-item {
  /*   max-width:1360px;
       margin-left:auto;
       margin-right:auto;  */
       min-width: 95vw;
       margin-left: 2.5vw;
       margin-right: 2.5vw;
       margin-top:105px;
       margin-bottom:10px;
}
}

.mod_article.full_width {
	max-width:100%;
}
.mod_article.full_width p, .mod_article.full_width li, .mod_article.full_width a, .mod_article.full_width h2, .mod_article.full_width h3, .mod_article.full_width h4, .mod_article.full_width h5 {
	color:black;
}
/*
#container {
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}
*/
/*  COLUMNS  */

@media screen and (max-width:29.99rem) {.columns442 {display:grid; grid-template-columns:repeat(2, 1fr);}}
@media screen and (min-width:30rem) and (max-width:49.99rem) {.columns442 {display:grid; grid-template-columns:repeat(4, 1fr);}}
@media screen and (min-width:50rem) {.columns442 {display:grid; grid-template-columns:repeat(4, 1fr);}}

@media screen and (max-width:29.99rem) {.columns422 {display:grid; grid-template-columns:repeat(2, 1fr);}}
@media screen and (min-width:30rem) and (max-width:49.99rem) {.columns422 {display:grid; grid-template-columns:repeat(2, 1fr);}}
@media screen and (min-width:50rem) {.columns422 {display:grid; grid-template-columns:repeat(4, 1fr); align-content:center;}}

@media screen and (max-width:29.99rem) {.columns432 {display:grid; grid-template-columns:repeat(2, 1fr);}}
@media screen and (min-width:30rem) and (max-width:49.99rem) {.columns432 {display:grid; grid-template-columns:repeat(3, 1fr);}}
@media screen and (min-width:50rem) {.columns432 {display:grid; grid-template-columns:repeat(4, 1fr);}}

@media screen and (max-width:29.99rem) {.columns332 {display:grid; grid-template-columns:repeat(2, 1fr);}}
@media screen and (min-width:30rem) and (max-width:49.99rem) {.columns332 {display:grid; grid-template-columns:repeat(3, 1fr);}}
@media screen and (min-width:50rem) {.columns332 {display:grid; grid-template-columns:repeat(3, 1fr);}}

@media screen and (max-width:29.99rem) {.columns331 {display:grid; grid-template-columns:repeat(1, 1fr);}}
@media screen and (min-width:30rem) and (max-width:49.99rem) {.columns331 {display:grid; grid-template-columns:repeat(3, 1fr);}}
@media screen and (min-width:50rem) {.columns331 {display:grid; grid-template-columns:repeat(3, 1fr);}}

@media screen and (max-width:29.99rem) {.columns321 {display:grid; grid-template-columns:repeat(1, 1fr);}}
@media screen and (min-width:30rem) and (max-width:49.99rem) {.columns321 {display:grid; grid-template-columns:repeat(2, 1fr);}}
@media screen and (min-width:50rem) {.columns321 {display:grid; grid-template-columns:repeat(3, 1fr);}}

@media screen and (max-width:29.99rem) {.columns221 {display:grid; grid-template-columns:repeat(1, 1fr);}}
@media screen and (min-width:30rem) and (max-width:49.99rem) {.columns221 {display:grid; grid-template-columns:repeat(2, 1fr);}}
@media screen and (min-width:50rem) {.columns221 {display:grid; grid-template-columns:repeat(2, 1fr);}}

@media screen and (max-width:29.99rem) {.columns111 {display:grid; grid-template-columns:repeat(1, 1fr);}}
@media screen and (min-width:30rem) and (max-width:49.99rem) {.columns111 {display:grid; grid-template-columns:repeat(1, 1fr);}}
@media screen and (min-width:50rem) {.columns111 {display:grid; grid-template-columns:repeat(1, 1fr);}}

@media screen and (max-width:29.99rem) {.columns221nw {display:grid; grid-template-columns:1fr; align-content:center;}}
@media screen and (min-width:30rem) and (max-width:49.99rem) {.columns221nw {display:grid; grid-template-columns:1fr 3fr; align-content:center;}}
@media screen and (min-width:50rem) {.columns221nw {display:grid; grid-template-columns:1fr 3fr; align-content:center;}}

@media screen and (max-width:29.99rem) {.columns211 {display:grid; grid-template-columns:repeat(1, 1fr);}}
@media screen and (min-width:30rem) and (max-width:49.99rem) {.columns211 {display:grid; grid-template-columns:repeat(1, 1fr);}}
@media screen and (min-width:50rem) {.columns211 {display:grid; grid-template-columns:repeat(2, 1fr);}}

@media screen and (max-width:29.99rem) {.columns_borderleft {display:grid; grid-template-columns:1fr;}}
@media screen and (min-width:30rem) and (max-width:49.99rem) {.columns_borderleft {display:grid; grid-template-columns:1fr;}}
@media screen and (min-width:50rem) {.columns_borderleft {display:grid; grid-template-columns: 1fr 3fr;}}

.columns111 {display:grid; grid-template-columns:repeat(1, 1fr);}

/* Gallery */
@media screen and (max-width:29.99rem) {.content-gallery ul {display:grid; grid-template-columns:repeat(1, 1fr); margin:0 2rem;}}
@media screen and (min-width:30rem) and (max-width:49.99rem) {.content-gallery ul {display:grid; grid-template-columns:repeat(2, 1fr); margin:0 2rem;}}
@media screen and (min-width:50rem) {.content-gallery ul {display:grid; grid-template-columns:repeat(3, 1fr); margin:0 2rem;}}
.content-gallery figure {
	margin:10px 10px;
	padding:4px;
	padding-bottom:0;
	border:1px solid #027ad0;
}

#cboxCurrent {display:none!important;}

.gap5 {
	gap: 5px 5px;
}
.gap25 {
	gap: 25px 25px;
}
.gap40 {
	gap: 40px 40px;
}

.flex2 {
	display:flex;
	flex-flow:row wrap;
	justify-content:space-evenly;
	align-content:flex-start;
	overflow:visible;
}
.flex2item {
	flex:1 0 auto;
}
/*Variante mit Grid, hier muss das Grid unterhalb einer Minimalweite des Bildschirms ausgeschaltet werden, damit die Elemente als "block" untereinander zu liegen kommen, Daher das Media-Query */
/*
@media screen and (min-width:550px) {
.special_slider {
	display:grid;
	grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
	gap:2rem;
} 
.special_slider .sliderpic {
    grid-column: 1 / span 5;
}
.special_slider .slidertext {
    grid-column: -1 / span 1;
}}
*/

/* Andere Gridvariante - noch nicht voll getestet, aber simpel und straight forward und die children benötigen keine eigene Klasse */
/*
@media screen and (min-width:550px) {
.special_slider {
	display:grid;
	grid-template-columns: minmax(350px,3fr) minmax(200px,1fr);
	gap:2rem;
} 
}
*/

@media screen and (max-width:29.9999rem) {
.kontakt11 .ce_form {
	width:calc(100% - 2rem);
	margin-left:1rem;
	margin-right:1rem;
    margin-top:100px;
	min-height: 840px;
}}
@media screen and (min-width:30rem) {
.kontakt11 .ce_form {
	width:80%;
	margin-left:auto;
	margin-right:auto;
    margin-top:100px;
	height: 840px;
    height: 100vh;
  }
}
@media screen and (min-width:1200px) {
.ce_form {
	max-width:80%;
}
}