article {
	position : relative;
	margin : 50px auto;
	padding : 6vw 30px;
	width : 1000px;
	max-width : 100%;
	box-sizing : border-box;
	z-index : 2;
	}
	
h2 + article {
	margin-top : 0;
	padding-top : 0;
	}
	
.trapez h2 {
	margin-top : 0;
	padding-top : 0;
	text-shadow: none;
	}
	
div.trapez + article {
	margin-top: calc(50px + 8.8vw);
	}

.column {
	column-width : 250px;
	line-height : 1.5;
	}
	
.column-two {
	column-width : 450px;
	line-height : 1.5;
	}
	
.avoid-break {
	display: inline-block;
	margin-bottom: 1rem;
	-webkit-column-break-inside: avoid;
			  page-break-inside: avoid;
				   break-inside: avoid;
	}
	
@media screen and (max-width: 854px){

	.avoid-break h3 {
	margin-top: 3rem;
	}
}
	
.column-span-two > div:first-child {
	width: 60%;
	margin-right: 5%;
	float: left;
	}
	
.column-span-two > div:last-child {
	width: 35%;
	float: right;
	}
	
.column-span-two-right > div:first-child {
	width: 35%;
	margin-right: 5%;
	float: left;
	}
	
.column-span-two-right > div:last-child {
	width: 60%;
	float: right;
	}
	
.column-one {
	width : 250px;
	}
	
.column-span-two:after, .column-span-two-right:after {
	content: "";
	clear: both;
	display: table;
	}
	
@media screen and (max-width: 800px){

	.column-span-two > div:first-child, .column-span-two > div:last-child, .column-span-two-right > div:first-child, .column-span-two-right > div:last-child {
	width: 100%;
	margin-right: 0;
	margin-bottom: 2rem;
	float: none;
	}
	
}
	
main h1 {
	display : table;
	position : relative;
	white-space : nowrap;
	padding-top : 6rem;
	margin-bottom : calc(-8vw + 50px);
	width : calc(100vw - 32px);
	font-size : 2.2rem;
	font-weight : 400;
	font-style : italic;
	text-align : right;
	letter-spacing : 0.075em;
	color : white;
	text-shadow : 0px 1px 0px rgba(255,255,255,0.75), 1px 1px 0px rgba(255,255,255,0.25),
				  1px -1px 0px rgba(0,0,0,0.10), -1px -1px 0px rgba(0,0,0,0.05);
	}
	
/*@media screen and (max-width: 700px){

	h1 {
	margin-bottom : 0rem;
	padding-bottom : 3rem;
	}

}*/
	
/*main h1:before, main h1:after {
	content : '';
	display : table-cell;
	position : relative;
	top : 0.63em;
	width : 50vw;
	border-top : 1px solid rgba(255,255,255,1);
    }
	
main h1:before { right : 15px; }
main h1:after { left : 15px; }*/

main h2 {
	margin-bottom : 100px;
	padding-top : calc(12vw + 3rem);
	color : #e10085;
	font-size : 3.5rem;
	font-weight : 400;
	font-style : italic;
	letter-spacing : 0.01em;
	text-align : center;
	text-shadow : 0px 0px 3px #d9d9d9, 0px 0px 5px #d9d9d9, 0px 0px 10px #d9d9d9, 0px 0px 20px #d9d9d9;
	}

main article h3 {
	padding-bottom : 1rem;
	color : #4d4d4d;
	font-size : 1.8rem;
	font-weight : 500;
	text-shadow : 0px 1px 1px rgba(255,255,255,0.5), 1px 1px 0px rgba(255,255,255,0.25);
	}
	
main article h4 {
	padding-top : 1rem;
	font-size : 1rem;
	font-weight : 600;
	}
	
main > article {
	padding-top: 0;
	padding-bottom: 0;
	}
	
main > article p {
	text-shadow : 0px 0px 2px #d9d9d9, 0px 0px 3px #d9d9d9, 0px 0px 5px #d9d9d9, 0px 0px 7px #d9d9d9, 0px 0px 10px #d9d9d9, 0px 0px 15px #d9d9d9, 0px 0px 20px #d9d9d9;
	}
	
main a {
	color : #595959;
	font-weight : 500;
	-webkit-transition : all 0.1s ease;
       -moz-transition : all 0.1s ease;
		 -o-transition : all 0.1s ease;
			transition : all 0.1s ease;
	}

main a:hover {
	color : #e10085;
	}
	
main a[href$=".pdf"]:after {
	content: 'PDF';
	display: inline-block;
	margin: 0 1em;
	padding: 2px 0 1px 2px;
	font-size: 8px;
	letter-spacing: 0.2em;
	color: white;
	background-color: #737373;
	text-shadow: none;
	line-height: 1;
	-webkit-transition : all 0.1s ease;
       -moz-transition : all 0.1s ease;
		 -o-transition : all 0.1s ease;
			transition : all 0.1s ease;
	}
	
main a[href$=".pdf"]:hover:after {
	background-color: #e10085;
	}

main ul {
	list-style-type: none;
	list-style-position: inside;
	margin-left: 18px;
	padding-left: 0;
	}

main ul li {
	list-style-type: none;
	}

main li:before {
	content : '— ';
	margin-left : -18px;
	padding-right: 2px;
	}
	
main hr {
	margin : 100px 0;
	height : 1px;
	border : 0;
	background : rgba(0,0,0,0.1);
	border-top : rgba(0,0,0,0.25) solid 1px;
	border-bottom : rgba(255,255,255,0.5) solid 1px;
	}
	
main img {
	max-width : 100%;
	}
	
main article img {
	margin : 1em 0;
	}
	
main small {
	font-size : 0.85em;
	text-transform : uppercase;
	letter-spacing : 0.1em;
	}
	
main article p small {
	font-size : 0.75em;
	text-transform : none;
	letter-spacing : 0.1em;
	}
	
main q {
	quotes: "«" "»";
	font-style: italic;
	}
	
main a.button {
	display: inline-block;
	position: relative;
	margin: 0.6em 0.6em 0.6em 0;
	padding: 0.4em 0.5em 0.2em 0.5em;
	color: white;
	text-decoration: none;
	font-size: 0.9em;
	font-weight: 600;
	font-style: italic;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	-webkit-transition : all 0.15s ease;
       -moz-transition : all 0.15s ease;
		 -o-transition : all 0.15s ease;
			transition : all 0.15s ease;
	}
	
main a.button:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background : #e10085;
	transform: rotate(-1deg);
	z-index : -1;
	}
	
main a.button:hover {
	background: #4d4d4d;
	}
	
main a.button[href$=".pdf"]:after {
	content: '';
	margin: 0;
	padding: 0;
	}
	
main article table {
	width: 100%;
	border-collapse: collapse;
	}
	
main article table td {
	padding: 0.5em 0;
	padding-right : 0.5em;
	border-bottom: black 1px solid;
	vertical-align: top;
	}
	
main article table td:last-child {
	padding-right: 0;
	}

.hyphenate {
	hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	}

.donthyphenate  {
	hyphens: manual;
	-ms-hyphens: manual;
	-moz-hyphens: manual;
	-webkit-hyphens: manual;
	}
	
a.sternchen {
	font-weight: 400;
	text-decoration: none;
	font-size: 2em;
	color: black;
	}
	
a.sternchen:hover {
	font-weight: 600;
	color: #e10085;
	}

/* Table */

main .table{
	display: table;
	width: 100%;
	}
	
main .tr {
	display: table-row;
	}
	
main .thead {
	display: table-header-group;
	}
	
main .td, main .th {
	display: table-cell;
	vertical-align: top;
	width: 50%;
	padding-bottom: 1rem;
	}
	
main .tfoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
	}
	
main .tbody {
	display: table-row-group;
	}
	
.table_two-column .tr .td {
	width: 45%;
	padding-right: 5%;
	}
	
.table_two-column .tr .td:last-child {
	width: 50%;
	}
	
@media screen and (max-width: 500px){

	main .table, main .tbody, main .tr, main .thead, main .th, main .td, main .tfoot, .table_two-column .tr .td, .table_two-column .tr .td:last-child {
	display: block;
	width: 100%;
	padding-right: 0;
	}
	
	main .tr .td:last-child {
	padding-bottom: 3rem;
	}
	
}


	
.velo img {
	display : block;
	margin : 0 auto;
	width : 1100px;
	max-width : calc(100% - 30px);
	}
	
.velo {
	margin : 100px auto;
	z-index : 2;
	text-align : center;
	}
	
.trapez .velo {
	margin : 0 auto;
	}
	
.velo small {
	margin-top : 25px;
	display : block;
	text-align : center;
	}
	
.trapez.velobild {
	margin-bottom: 0;
	}

.background-width-100 {
		background-repeat: no-repeat;
		background-size: 101vw auto !important;
		}
		
@media screen and (max-width: 800px){

	.background-width-100 {
	background-size: cover !important;
	}	
}



/* ··································································· */

/* h o m e */

.ferien {
	width: 100%;
	color: white;
	text-align: center;
	font-weight: 500;
	}
	
.ferien > div {
	display: inline-block;
	position: relative;
	max-width: 100%;
	margin: 35px;
	padding: 15px 25px 25px 25px;
	}
	
.ferien > div:after {
	content : "";
	position : absolute;
	top : 0;
	right : 0;
	left: 0;
	bottom: 0;
	background : #e10085;
	transform: rotate(2.5deg);
	z-index : -1;
	}

.ferien h2 {
	margin: 0;
	padding: 0;
	font-size: 2rem;
	font-weight: 600;
	color: white;
	text-align: center;
	text-shadow: none;
	}
	
.ferien strong {
	display: inline-block;
	font-style: italic;
	font-weight: 600;
	margin-bottom: 5px;
	}
	
.ferien td {
	padding: 5px 0;
	}

.logos {
	margin-top: -50px;
	padding-top: 0;
	text-align: center;
	}

.logos a img {
	display: inline-block;
	margin: 25px;
	transform: scale(1);
	-webkit-filter: drop-shadow(0px 0px 10px rgba(0,0,0,.25));
	filter: drop-shadow(0px 0px 10px rgba(0,0,0,.25));
	-webkit-transition : all 0.25s ease;
       -moz-transition : all 0.25s ease;
		 -o-transition : all 0.25s ease;
			transition : all 0.25s ease;
	}
	
.logos a {
	display: inline-block;
	}

.logos a:hover img {
	transform: scale(1.03);
	-webkit-filter: drop-shadow(0px 0px 5px rgba(255,0,180,.25));
	filter: drop-shadow(0px 0px 3px rgba(255,0,180,.25));
	}
	
/* s e r v i c e */

.stimmungsbild-toni-roggo {
		background-image: url('../../service/abholservice/abholservice_toni-roggo.jpg');
		background-position: left 25vw center !important;
		background-repeat: no-repeat;
		background-size: 110vw auto !important;
		}
		
@media screen and (max-width: 800px){

	.stimmungsbild-toni-roggo {
	background-size: cover !important;
	}	
}

@media screen and (max-width: 1000px){

	.logos a {
	display: block;
	}
	
}

/* s l i d e s h o w */

.minute-slideshow .slideshow-container {
	width: 100%;
	position: relative;
	margin: auto;
	box-sizing: border-box;
	}

/* Hide the images by default */
.minute-slideshow .minuteslide {
	display: none;
	}

.minute-slideshow .minuteslide .trapez {
	margin-bottom: 0;
	}

/* Next & previous buttons */
.minute-slideshow .prev, .next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	margin-top: -25px;
	padding: 16px;
	color: white;
	font-weight: normal;
	font-size: 50px;
	transition: 0.6s ease;
	user-select: none;
	text-shadow : 0px 1px 0px rgba(255,255,255,0.75), 1px 1px 0px rgba(255,255,255,0.25),
				  1px -1px 0px rgba(0,0,0,0.10), -1px -1px 0px rgba(0,0,0,0.05);
	}

/* Position the "next button" to the right */
.minute-slideshow .next {
  right: 0;
}

/* On hover, add a black background color with a little bit see-through */
.minute-slideshow .prev:hover, .next:hover {
  color: #e10085;
}

/* Caption text */
.minute-slideshow .text {
	position: absolute;
	width: 100%;
	text-aligntext-align: center;
	}

.minute-slideshow .pretext, .posttext {
	font-size: 1.3rem;
	font-style: italic;
	}
	
.minute-slideshow .pretext p, .posttext p {
	padding: 0 30px;
	text-align: center;
	}

.minute-slideshow .pretext {
  top: calc(4vw - 80px);
}

.minute-slideshow .maintext {
	font-size: 7.5rem;
	color: white;
	font-weight: 600;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	height: 175px;
	width: 175px;
	line-height: 175px;
	text-shadow : 0px 1px 0px rgba(255,255,255,0.75), 1px 1px 0px rgba(255,255,255,0.25),
				  1px -1px 0px rgba(0,0,0,0.10), -1px -1px 0px rgba(0,0,0,0.05);
}

.minute-slideshow .maintext:before {
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
	border-radius: 50%;
	background-color: #e10085;
	transform: skewX(-15deg);
	z-index: -1;
	}

.minute-slideshow .posttext {
	bottom: calc(5vw - 100px);
	}

/* Number text (1/3 etc) */
.minute-slideshow .numbertext {
	color: #f2f2f2;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
	}

/* The dots/bullets/indicators */
.minute-slideshow .minutedot {
  cursor: pointer;
  height: 28px;
  width: 28px;
  margin: 0 5px;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
  font-weight: 600;
  line-height: 28px;
  transform: skewX(-15deg);
}

.minute-slideshow .activeminute {
  background-color: #717171;
  color: white;
}

.minute-slideshow .minutedot:hover {
  background-color: #e10085;
  color: white;
}

/* Fading animation */
.minute-slideshow .fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}



.velo-slideshow .slideshow-container {
	width: 100%;
	position: relative;
	margin: auto;
	box-sizing: border-box;
	}

/* Hide the images by default */
.velo-slideshow .veloslide1, .velo-slideshow .veloslide2, .velo-slideshow .veloslide3, .velo-slideshow .veloslide4, .velo-slideshow .veloslide5 {
	display: none;
	}

/* Next & previous buttons */
.velo-slideshow .prev, .next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	margin-top: -25px;
	padding: 16px;
	color: #b3b3b3;
	font-weight: normal;
	font-size: 50px;
	transition: 0.6s ease;
	user-select: none;
	text-shadow : 0px 1px 0px rgba(255,255,255,0.75), 1px 1px 0px rgba(255,255,255,0.25),
				  1px -1px 0px rgba(0,0,0,0.10), -1px -1px 0px rgba(0,0,0,0.05);
	}
	
.velo-slideshow .white {
	color: white;
	}

/* Position the "next button" to the right */
.velo-slideshow .next {
  right: 0;
}

/* On hover, add a black background color with a little bit see-through */
.velo-slideshow .prev:hover, .next:hover {
  color: #e10085;
}

/* The dots/bullets/indicators */
.velo-slideshow .velodot {
	display: inline-block;
	position: relative;
	cursor: pointer;
	width: 120px;
	margin: 5px;
	transition: 0.3s ease;
	}
	
.velo-slideshow .velodot img {
	display: inline-block;
	vertical-align: middle;
	}
	
.velo-slideshow .velodot:before {
	content:'';
	position: absolute;
	left: 15px;
	top: 0px;
	right: 15px;
	bottom: 0px;
	display: block;
	border-radius: 50%;
	transform: skewX(-15deg);
	z-index: -1;
	transition: 0.45s ease;
	filter: blur(5px);
	-webkit-filter: blur(5px);
	}

.velo-slideshow .activevelo:before {
	background-color: white;
	}
	
.velo-slideshow .velodot:hover {
	transform: scale(1.2);
	}

/* Fading animation */
.velo-slideshow .fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

/* Laden */

.oeffnungszeiten > div {
	display: inline-block;
	width: 100%;
	}
	
.oeffnungszeiten table {
	width: 90%;
	margin-bottom: 0.5rem;
	}
	
main article .oeffnungszeiten table h4 {
	padding-top: 0 !important;
	padding-bottom: 1rem;
	}

@media screen and (max-width: 854px){
	.oeffnungszeiten {
		display: inline-block;
		width: 100%;
		}
	
	main article .oeffnungszeiten table h4 {
		padding-top: 1.5rem;
		}
	}


/* Datenschutz */

.datenschutz {
	position: fixed;
	bottom: 0;
	right: 0;
	padding-left: 2em;
	background: black;
	color: white;
	font-style: italic;
	clip-path: polygon(3% 0%, 100% 0%, 100% 100%, 0% 100%);
	z-index: 100;
	}
	
.datenschutz em {
	display: inline-block;
	padding: 0.5em 0.5em 0 0;
	}
	
.datenschutz span {
	white-space : nowrap;
	}
	
.datenschutz a {
	display: inline-block;
	margin: 0.5em 0.5em 0.5em 0;
	padding: 0.2em 0.5em;
	background: #e10085;
	color: white;
	text-decoration: none;
	font-weight: 500;
	cursor: pointer;
	-webkit-transition : all 0.15s ease;
       -moz-transition : all 0.15s ease;
		 -o-transition : all 0.15s ease;
			transition : all 0.15s ease;
	}
	
.datenschutz a:hover {
	background: white;
	color: black;
	}