@import 'pure/base-min.css';
@import 'pure/pure-min.css';
@import 'fonts/roboto/font.min.css';
@import 'fonts/pt-serif/font.css';
/*@import'fonts/wwflakes/font.css';*/
@import 'header.css';
@import 'footer.css';
/*@import 'sidebar_left.css';*/
/* @import "pure/grids-min.css"; */
@import url("cksbanner.css");
@import 'fonts/fontawesome-free-6-6-0/css/all.min.css';
@import '../templates/slick/slick.css';
@import '../templates/slick/slick-theme.css';
@import 'infolayer.css';


/*********************************************************************************/

:root {
	
	--body-background-color: #fff;
	--basic-font-family: 'Roboto', sans-serif;
	--basic-font-color:#17242A;
	--headline-font-family:'PT Serif';	
	--headline-color:#015581;	
	--body-background-color: #fff;
	--layout-first-contrast-color: #32414D;
	--layout-second-contrast-color: #17242A;
	--layout-max-width:1500px;
	--link-hover-color: #CD2314;
	
	--headline-color-high-contrast: #000;
	--section-color-uneven:#fff;
	--section-color-even:#EEF3F7;
}


/*********************************************************************************/
A:ACTIVE, A:LINK, A:VISITED {Color: #111;text-decoration: none; transition:all ease 0.3s;}
A:HOVER { color:#000; text-decoration:underline;}

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }
table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }
legend { display:none; }



/* ### reset some basic style ################################################### */

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}


ul li		{margin: 0 0 0 30px;}
ul li ul	{margin: 0 0 0 0;}
ul li ol	{margin: 0 0 0 0;}

a:hover { text-decoration:underline; }

/* ### Headlines ###################################################################### */
* { box-sizing:border-box;}

h1, .h1{ font-size:2.5em; line-height:1.3;margin:0 0 1em 0;font-family:var(--headline-font-family);  font-display: auto; font-weight:700; color:var(--headline-color); text-align:left; letter-spacing:0}
h2, .h2 { font-size:1.8em; line-height:1.2; color:var(--headline-color); margin:0 0 .5em 0;font-family:var(--headline-font-family);  font-weight:600; font-display: auto; line-height:1.2em; text-align:left;}
h3, .h3 { font-size:1.6em; line-height:1.1; margin:.5em 0;font-family:var(--headline-font-family);  font-display: auto; font-weight:300;Color: #363636; /*text-transform:uppercase*/ }
h4, .h4 { font-size:1.2em; margin:0 0 10px 0;font-family:var(--basic-font-family);  font-display: auto; line-height:1.2em;  font-weight:300; /*text-transform:uppercase*/}
h5, .h5 {	font-weight:bold; margin:2% 0 0 0;	}
h6, .h6 { font-weight:bold;  }

.fine { font-weight:300; color: #B22222 }

hr {
	border: none;
	border-bottom: 1px dashed #c0c0c0;
	height: 1px;
	width:100%;
	clear:both;
}

div#wrapper  .small {	font-size: 10pt;line-height: 1.2em; margin:0; color:a4a4a4;}
div#wrapper  .small2 {	font-size: 10pt;line-height: 1.2em; margin:0; color:a4a4a4; text-align:justify;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
}
.clearfix::after {
	content: "";
	clear: both;
	display: table;
}

.clear { clear:both;}
.flleft { float:left;}
.flright{ float:right;}


.tleft 	{ text-align:left !important;}
.tcenter{ text-align:center !important;}
.tright 	{ text-align:right !important;}

.center { margin:auto; float:none!important; text-align:center; display:inline-block!important; width:auto}

img {max-width:100%;height:auto;}
.imgleft{ float:left; padding:0 10px 10px 0; margin:0 15px 8px 0; background:url(../images/slider.png) repeat;}
.imgright{ float:right; padding:0 0 10px 10px; margin:0 0 8px 15px; background:url(../images/slider.png) repeat;}

.img-rounded {border-radius:15px;}


.title {  color:#111;}

/* Color Schemas ------------------------------------------------------------------------*/

.rainbow-red { background:#E52A2E !important;}
.rainbow-orange { background:#F28E2B !important;}
.rainbow-yellow { background:#FCD70A !important;}
.rainbow-green { background:#49AD3F !important;}
.rainbow-blue { background:#0095D4 !important;}
.rainbow-purple { background:#3F4E9A !important;}

/* spezielle Listenformtierung ---------------------------------------------------------*/

ul.small li		{margin: 0 0 0 10px; font-size:0.9em;}

ul.check { width:auto; margin:0 auto; text-align:left; display:inline-block}
ul.check li { list-style:none;  clear:left; margin:0 0 0 0; padding:3px 10px 3px 38px;}
ul.check li::before {	
	content: "\f058";
	font: normal normal normal 1em/1 FontAwesome;
	display: inline-block;
	margin: 0 1em 0 -33px;
	color:#227d08 !important;
}

ul.pluslist { width:auto; margin:0 auto; text-align:left; display:inline-block}
ul.pluslist li { list-style:none;  clear:left; margin:0 0 0 0; padding:3px 10px 3px 38px;}
ul.pluslist li::before {	
	content: "\f055";
	font: normal normal normal 1em/1 FontAwesome;
	display: inline-block;
	margin: 0 1em 0 -38px;
	color:#227d08 !important;
}


	
ul.nocheck { width:auto; margin:0 auto; text-align:left; display:inline-block}
ul.nocheck li { list-style:none;  clear:left; margin:0 0 0 0; padding:10px 10px 10px 38px;}
ul.nocheck li::before {
	content: "\f056";
	font: normal normal normal 1em/1 FontAwesome;
	display: inline-block;
	margin: 0 1em 0 -33px; 	color:#777;}
	ul.nocheck li:nth-child(even) {background-color: #fafafa;}
	

ul.arrows { width:auto; margin:0 auto; text-align:left; display:inline-block}
ul.arrows li { list-style:none;  clear:left; margin:0 0 0 0; padding:10px 10px 10px 38px;}
ul.arrows li::before {
	content: "\f054";
	font: normal normal normal 1em/1 FontAwesome;
	display: inline-block;
	margin: 0 1em 0 -33px; 	color:#777;}
	ul.nocheck li:nth-child(even) {background-color: #fafafa;}

.section.dark ul.check li::before {color:#fff !important;}
.section.dark ul.nocheck li::before {color:#fff !important;}
.section.dark ul.arrows li::before {color:#fff !important;}
.section.dark ul.pluslist li::before {color:#fff !important;}
	
/*-----------------------------------------------------------------------------------------------------------------------*/
/* -- 	Locations / Standorte-------------------------------------------------------------------------------------*/

.section.locations { margin:0; padding:0 0 5rem 0; display:flex; flex-wrap:wrap;justify-content: space-between;}
.locations .location  { display:inline-block; width:calc(33.333% - 30px); margin:15px;background:var(--section-color-even); border-radius:3px; overflow:hidden; box-shadow:0 0 3px #ccc; text-align:left;}
.locations .location .loc-desc  { width:100%; padding:1rem 3.5rem 3rem 3.5rem;}
.locations .location h3 { font-weight:500 !important;font-size:1.3em; min-height:2em; font-family:var(--basic-font-family);color:var(--headline-color); }
.locations .location address { margin:20px 0 30px 0; height:2em;}
.locations .location h3 a { color:var(--headline-color) !important; text-decoration:none !important; }
.locations .location .fon,
.locations .location .mail { width:100%; margin:12px 0 12px 0;}
.locations .location .fon a,
.locations .location .mail a { color:var(--headline-color);}
.locations .location .fon a span,
.locations .location .mail a span { margin-left:5px;}
/*-----------------------------------------------------------------------------------------------------------------------*/
	
p { margin:0 0 1em 0}



.shariff li a {	text-decoration: none !important;}


#topBtn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 99;
	border: none;
	outline: none;
	background-color: #111;
	color: white;
	cursor: pointer;
	padding: 13px;
	border-radius: 50%;
	font-size: 18px; line-height:18px}
#topBtn .fa {margin:0; min-width:0}
#topBtn:hover { background-color: #015581;}


/*--Body, Tabellen, Standard--*/
/*--------------------------------------------------------------------------------------------------------------------------------------*/

HTML {scroll-behavior: smooth;
	overflow-x:hidden;
 	overflow-y:scroll; } 

BODY { 
 width:100%;
 border:0px;
 Color: #555;
font-family:var(--basic-font-family);
 Font-Size: 14pt;
 font-weight:400;
 line-height:1.5em;
 text-align:left; 
 background: #fff;
 
}


Form 	{ border:0px; }
Input, Textarea { font-family:"Roboto", serif;  Font-Size: 10pt;}

/*---------DIVS-------------------------------------------------------------------------------------------------------------------------------*/

div#wrapper 				{ width:100%; position:relative; z-index:2; margin:0 auto 0 auto;  }
div#main-wrapper 	{   float:left; width:100%; }

div.main {
	float:left;
	width:100%;
	margin:0px auto 0 auto;
	padding:0 ;
}

#contentwrp 				{ float:left; width:100%; margin:0;  }	
#innercontentwrp 		{ float:left; width:100%;  padding:0px}
#content, #contentstart  { float:left; position:relative; width:100%; background:#fff; padding:3% 5%; }
#content a{Color: #111;text-decoration: underline; font-weight:500;}
#content.parallax { margin-top:15%;}


.flexbox {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	box-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	align-items: stretch;
	margin: 0 0;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.flexbox-item { width:50%;position:relative;}


/*------------------------------------------------------------------------------------------------------------------------------------------------*/
				
div#breadcrumb { 
	display:block; background:var(--section-color-even);
	float:right; box-sizing:border-box;
	width: 100%;
	padding:1em 5%;		
	color:inherit;
	font-size:0.8em;
	line-height:1em;
	overflow:hidden;
	position:relative;
	z-index:1;
}

div.inner-crumb {max-width:1030px; margin:0 auto; letter-spacing:0; }

#breadcrumb .fa-home { margin-right:5px;}
		
#breadcrumb strong { font-weight:normal }
#breadcrumb A {
	color:inherit; 
	font-weight:normal;
} 
 
#breadcrumb A:HOVER {
	/* color:#fff; */
	text-decoration:underline;
}

.bcspacer {
	position:relative;top:-1px;	
	color:#aaa;font-weight:bolder; 	
	margin:0 5px 0px 5px;
}

.infobox { background:#f4f4f4; padding:15px; float:right; margin:0 0 5% 20px; width:200px; clear:right}

div#articleDetails		{ display:none; float:left; max-width:820px; width:100%; padding-right:0  }
span.lastupdated		{  background:url('../images/erstellt-am.png') no-repeat;margin-left:53px }
span.author					{  background:url('../images/erstellt-von.png') no-repeat }
span.print						{  background:url('../images/drucken.png') no-repeat }
span.pdf							{  background:url('../images/pdf-wandeln.png') no-repeat }
		
#articleDetails SPAN	{  float:left; width:auto; height:22px; line-height:22px; display:block; text-indent:15px; padding:0 10px 0 10px; color:#C4C4C4; font-size:11px }
#articleDetails SPAN A { color:#C4C4C4 }
#articleDetails SPAN A:HOVER { color:#000 }
		
		
/* ---------------------------------------------*/
		
#sizes { background:#fff; position:fixed; left:0; top:0; z-index:40000}
		
#cookieWarning { position:fixed; top:0; left:0; z-index:300; width:100%; background:#fff;}
div#renderFont 	 	{ position:relative ; float:left; margin:0 0 0 6px; z-index:10000; color:#000 }
#renderFont SPAN 	{ display:inline-block; padding:0px; margin:19px 0 0 2px; font-size:24px; cursor:pointer ; }

div#jsrequired			{ float:left; width:100%; background:#fff; color:red; font-size:20px; text-align:center }


#introPic img { width:100%; height:auto; }
#introPic.parallax { position:fixed; top:0; z-index:0;width:100%; }

/*-----------------------------------------------------------------------------------------------------------------------*/
/* Sektionen / Templates  ------------------------------------------------------------------------------------- */
		
.section { width:100%; padding:50px 0 50px 0; }
.section:nth-child(n - 1) { background:var(--section-color-uneven); }
.section:nth-child(even) { background:var(--section-color-even); }

.section.dark { background:#015581; color:#fff !important; }
.section.dark h1, section.dark .h1, .section.dark h2, section.dark .h2 { color:#fff;}


.section.light { background:var(--section-color-even); color:var(--basic-font-color); }
.section.white { background:#ffffff; color:var(--basic-font-color); }
	
.section .paragraph {
	display:flex; flex-wrap:wrap;
	width:100%;
	max-width: var(--layout-max-width);
	padding:0;
	margin:0 auto 0 auto;
}


.paragraph.image-left .text { float:right; order:1; width:calc(100% - 600px);padding:0 0 0 50px;}
.paragraph.image-left .image { float:left; max-width:600px; max-height:600px; order:0; overflow:hidden; }
.paragraph.image-left .image img { float:left; max-width:600px; height:auto; border-radius:10px; }
.paragraph.image-right .text { float:left; order:0; width:calc(100% - 600px); padding:0 50px 0 0; }
.paragraph.image-right .image { float:right; max-width:600px; max-height:600px; order:1; overflow:hidden; border-radius:10px; }
.paragraph.image-right .image img { float:right;max-width:600px; height:auto; }
.paragraph .text { padding:2rem; line-height:1.8; text-align:left }
.paragraph .text img { width:100%;height:auto;}

.section.pads .paragraph .text.pure-u-md-1-3:first-child { padding:2rem 25px 2rem 0;}
.section.pads .paragraph .text.pure-u-md-1-3:nth-child(2) { padding:2rem 12px 2rem 12px;}	
.section.pads .paragraph .text.pure-u-md-1-3:last-child { padding:2rem 0 2rem 25px;}

.paragraph.image-left .image iframe,
.paragraph.image-right .image iframe { width:600px; height:37vh; max-height:336px;}

.section.contact .fa { font-size:30px; color:#17242A;}


.schedule { width:100%;}
.schedule .weekday {float:left; width:100%; margin:2px 0 2px 0}
.schedule .weekday .name { float:left; width:115;font-weight:500; }
.schedule .weekday .events { float:right; width:calc(100% - 115px); }



div.icon, div.icon-text { display:inline-block;}
div.icon { background:; vertical-align:top; }
div.icon-text { background:; }

.icon .fa { font-size:30px; color:inherit; position:relative; top:-5px;}


		
/*-- Pagination -----------------------------------------*/

div.navigation-wrapper		{ float:left; max-width:680px; width:100%; height:25px; line-height:25px; background:none;margin:0px }
div#count-articles				{ float:left; width: 200px; text-align:left }

div.pagination			{ float:right; width:100%;  text-align:center; padding:2% 2% 5% 2%;  }

.pagination .page-links, .pagination .pages-dropdown { display:inline; }

div.pagination span { color:#222;padding:0 10px; height:40px; line-height:40px; display:inline-block;transition: all ease .3s;}
div.pagination a			{ padding:0 10px; background:#ccc; color:#555; display: inline-block; height:40px; line-height:40px; margin:0px;}
div.pagination a.nav-prev,
div.pagination a.nav-next,
div.pagination .nav_active {padding:0 12px; display: inline-block; height:40px; line-height:40px; margin:0; font-weight:400; }

div.pagination .nav-prev, 
div.pagination .nav-next { position:relative; top:0px; text-decoration:none !important; }
	
div.pagination .nav-prev:before { font-family:'FontAwesome'; content:"\f053"; }
div.pagination .nav-next:before { font-family:'FontAwesome'; content:"\f054";}

div.pagination .nav-prev,
div.pagination .nav-next { background:#fff; color:#bbb;display: inline-block; width:40px; height:40px; line-height:40px; margin:0 5px; border-radius:50%;padding:0 14px;box-shadow:0 0 2px #555;}
	
div.pagination a.nav-prev,  .pagination a.nav-next { color:#555 !important;}
div.pagination a.nav-prev:hover,  .pagination a.nav-next:hover { background:#222; color:#fff !important; border-radius:50%;padding:0 14px;}

	
div.pagination .nav_active { color:#222; font-weight:700; border-bottom:3px solid var(--headline-color);  }
div.pagination a.nav { background:#fff; color:#222 !important; text-decoration:none !important; border-bottom:3px solid transparent; margin:0 3px 0 3px; }
div.pagination a.nav:hover { background:#222; color:#fff !important; }


/*---------------------------------------------------------------------------------------------------------*/
/* --  Seitennavigation, falls mehrere Seiten, z.b. Blogs, Produktekategorien, News usw. --*/
	
.footprints {  float:left; list-style-type:none }
.footprints li a { background:#585c61; padding:3px 10px; margin:2px 0; display:block; width:100%; text-align:left;}
.footprints li a:hover { background:#fff;}


/*-----------------------------------------------------------------------------------------------------------*/
/* InfoBox / Layer */

#infoWrapper { position:fixed; left:0; top:0; z-index:1000; width:100%; height:100%; background:rgba(255,255,255, 0.6);  box-sizing:border-box; padding:10%; }
#infoWrapper .infoContent { display:block; width:100%; max-width:800px; min-height:400px; background:#111; color:#fff; margin:0 auto 0 auto; padding:1em; box-sizing:border-box; position:relative; box-shadow:1px 1px 5px #000;  font-weight:bolder; text-align:center; }
#infoWrapper .closebtn { position:absolute; top:10px; right:10px; }
#infoWrapper .closebtn button { border:0; background:#888;  color:#fff;  padding:5px 10px 5px 10px; font-size:20px; }
#infoWrapper .closebtn button:hover { border:0; background:#fff;  color:#888; }
#infoWrapper .closebtn button::before { content: "\2715";}
#infoWrapper a.textlink { color:#fff;  text-decoration:underline; }
#infoWrapper  .lighter { color:rgb(197,219,255); }

#infoWrapper  .tleft,  #infoWrapper  .tright { display:inline-block; width:100%; box-sizing:border-box; }
#infoWrapper .infoContent h2,
#infoWrapper .infoContent h3  { font-weight:600; color:#fff; text-align:center; }
#infoWrapper .infoContent h3 { display:block; margin-top:50px; }
#infoWrapper .infoContent h2 { font-size:2.5em;}


/* Inpage Bildergalerie  -----------------------------------------------------------------------------*/

.galimg-wrap {position:relative; border-radius:10px; overflow:hidden;}
img.gallery { cursor:pointer;}
.galimg-wrap:hover::before {
  content: "\f00e";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 0;
  height: 0;
  background: rgba(0,0,0,.5);
  font-size: 40px;
  color:#fff;
  padding-top: calc(50% - 40px);
  padding-left: calc(50% - 21px);
  padding-bottom: calc(50% + 40px);
  padding-right: calc(50% + 21px);
  cursor:pointer;
}

/* Buttons ------------------------------------------------------------------------------------------------------------*/

a.pure-btn { text-transform: uppercase; color:#fff; border:1px solid #fff; font-size:1.7vw; padding:1em 1.5em; font-weight:400; margin:2vw 0 0; display:inline-block}
a.pure-btn:hover {color: #111; border-color:#111}

.pure-button	{ display:block; float:left; color:#fff!important; background:#111; padding:8px 30px; margin:10px 0; text-decoration:none!important; white-space:break-spaces; }
.pure-button:hover 	{ background:var(--headline-color) !important; color:#fff!important }

.action-btn:hover:after { animation: anibtn 2s; }
.action-btn:after {content:"\f178"; font-family:FontAwesome; margin-left:5px; }

@keyframes anibtn {
			0% { position:relative; left:0; }
			50% { position:relative; left:15px; }			
			100% { position:relative; left:0px; }
}


.btn-rounded {
  display: inline-block;
  min-width: 200px;
  font-size: 1.0em;
  margin: 3rem auto 0;
  background: #000;
  color: #fff !important;
  border: none;
  line-height: 40px;
  padding: 5px25px 5px 25px !important;
  line-height: 30px;
  text-transform: none;
  text-decoration:none !important;
  transition: all ease 0.3s;
  border-radius:40px !important;
  text-align:center;
  background:#fff; position:relative;
}

 .btn-rounded:after {
	content:"\f138"; font-family:FontAwesome; margin-left:15px;
	position:absolute; right:15px;
}
	
.btn-rounded:hover, .action-btn:focus { box-shadow:0 0 5px #ccc; }

.btn-fresh { display:inline-block; min-width:200px; line-height:40px; background:#E52A2E !important; color:#fff !important; border-radius:5px; border:none; padding: 5px 20px 5px 20px; text-align:center; cursor:pointer; }
.btn-fresh:hover { background:#555 !important; color:#fff !important; }

.btn-light { display:inline-block; min-width:200px; line-height:40px; background:#fff !important; color:#000 !important; border-radius:5px; border:none; padding: 5px 20px 5px 20px; text-align:center; cursor:pointer;}
.btn-light:hover { background:#555 !important;color:#fff !important; }

.btn-dark { display:inline-block; min-width:200px; line-height:40px; background:#000 !important; color:#fff !important; border-radius:5px; border:none; padding: 5px 20px 5px 20px; text-align:center; cursor:pointer;}
.btn-dark:hover { background:#015581 !important;color:#fff !important; }

.btn-back:before { content:"\f30a"; font-family:FontAwesome; margin-right:5px; }

.btn-big { font-size:1.2em !important;}

.btn-xl { min-width:300px;padding-left:0; }


/* Call 2 Action Layer, Telefon, was tun */

.get-in-contact { position:fixed; right:-213px; top:25%; z-index:1000; width:273px; color:#fff; /* animation:box-out 1s; */ }
.get-in-contact.animate { animation:box-in 1s; right:0; }
	
@keyframes box-in { 
			0% { right: -213px; }
			100% { right:0; }
}
@keyframes box-out { 
			0% { right:0; }
			100% { right: -213px; }			
}


#contact-trigger { position:absolute; left:0; top:0; width:55px; height:142px; z-index:1;  background:rgba(0,0,0, 0);  cursor:pointer; }	 


/* Wordbreak Fix */

* {
	background-repeat:no-repeat; 
	hyphens: auto;
	overflow-wrap: break-word;
}





.hide-desktop.hide-mobile,
.hide-desktop:not(.hide-mobile) { display:none !important; }
@media (max-width:767px) {
	.hide-desktop.hide-mobile,
	.hide-mobile:not(.hide-desktop) { display:none !important; }
	.hide-desktop:not(.hide-mobile) { display:block !important; }	
}  




/* MEDIA QUERIES  ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:1600px ) {
			
	.section { width:100%; padding:40px; }			
	.section .paragraph {
		display:flex; flex-wrap:wrap;
		width:100%;
		max-width: var(--layout-max-width);
		padding:0;
		margin:0 auto 0 auto;
	}

	.paragraph.image-left .text { float:right; order:1; width:calc(100% - 600px); padding:0 0 0 50px;}
	.paragraph.image-left .image { float:left; max-width:600px; max-height:600px; order:0; overflow:hidden; }
	.paragraph.image-left .image img { float:left; max-width:600px; height:auto; }
	.paragraph.image-right .text { float:left; order:0; width:calc(100% - 600px); padding:0 50px 0 0; }
	.paragraph.image-right .image { float:right; max-width:600px; max-height:600px; order:1; overflow:hidden; }
	.paragraph.image-right .image img { float:right;max-width:600px; height:auto; }
	.paragraph .text { padding:2rem; line-height:1.8; }
	.paragraph .text img { width:100%;height:auto;}
	
	.section.pads .paragraph .text.pure-u-md-1-3:first-child { padding:2rem 25px 2rem 0;}
	.section.pads .paragraph .text.pure-u-md-1-3:nth-child(2) { padding:2rem 12px 2rem 12px;}	
	.section.pads .paragraph .text.pure-u-md-1-3:last-child { padding:2rem 0 2rem 25px;}

	.paragraph.image-left .image iframe,
	.paragraph.image-right .image iframe { width:600px; height:37vh; max-height:336px;}
	
	

	
		
}
@media screen and (max-width:1440px ) {
	body { line-height:1.3em; }
}
@media screen and (max-width:1280px) {
	
	.paragraph.image-left .text { float:right; order:1; width: 50%;padding:0 0 0 50px;}
	.paragraph.image-left .image { float:left; max-width:50%; max-height: auto; order:0; overflow:hidden; }
	.paragraph.image-left .image img { float:left; max-width:100%; height:auto; }
	.paragraph.image-right .text { float:left; order:0; width:50%; padding:0 50px 0 0; }
	.paragraph.image-right .image { float:right; max-width:50%; max-height:auto; order:1; overflow:hidden; }
	.paragraph.image-right .image img { float:right;max-width:100%; height:auto; }
	
}
@media screen and (max-width:1280px) {
	a.pure-btn { font-size:1.1em;}
	h1, .h1 { font-size:2.2em;}
	h2, .h2 { font-size: 1.8em;}
}
@media screen and (max-width:1250px) {
	div#wrapper  .small2 {	
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		column-count: 1;
		-webkit-column-gap: 0px; /* Chrome, Safari, Opera */
		-moz-column-gap: 0px; /* Firefox */
		column-gap: 0px;
	}	
}
@media screen and (max-width:1200px ) {
	body { line-height:1.2em; }
}
@media screen and (max-width:1120px) {
	div#main-wrapper { }
	.locations .location .loc-desc  { width:100%; padding:1rem;}
}
@media screen and (max-width:1023px) {
	#background  { padding-bottom:60%; height:0;background-position:center center!important;}
	h3,.h3, h4, .h4 { font-size:1.2em}
	body {overflow-x:hidden;}
}
@media screen and (max-width:880px) {
	#infoWrapper .infoContent h2 { font-size:2.0em;}
	div.inner-crumb {line-height:1.2;}
	
}
@media screen and (max-width:768px) {
	.flexbox-item {	width: 100%;}
	.get-in-contact { right: -213px;  top:70%;}
	.get-in-contact sup { display:none; }
	.locations .location { width:100%;}
	.locations .location img { width:100%;}
	.locations .location .loc-desc { padding: 1rem 2.0rem 3rem 2rem; }
}
@media screen and (max-width:600px) {
	
	
	.tcenter.mtleft { text-align:left !important;}
	.tright.mtleft 	    { text-align:left !important;}
	
	
	h1, .h1 { font-size:2.0em; line-height:1.1; text-align:left;}
	h2, .h2 { font-size: 1.8em; line-height:1.1; text-align:left;}
	
	
	#infoWrapper { padding:3%; }
	#infoWrapper .infoContent { padding:2em; }
	#infoWrapper .infoContent h2 { font-size:1.5em;}
	#infoWrapper .infoContent h3 { font-size:1.2em;}
	#introPic { width:100%; overflow:hidden; }
	#introPic img { width:unset; height:50vw; max-width:unset; /*margin-left:-105%;*/ }
	#introPic.intropic-1400  img,#introPic.intropic-1435  img { margin-left: -400px;  }
	#introPic.intropic-1404  img { margin-left: -70px;  }	
	div#main-wrapper { margin-top:0px; }
	
	.section {padding:0;}
	.section .paragraph {
			display:flex; flex-wrap:wrap;
			width:100%;
			max-width: unset;
			padding:0;
			margin:0 auto 0 auto;			
		}
	
	.paragraph .text { font-size:0.9em; padding:2rem 20px 2rem 20px; width:100%;}
	.paragraph.image-left .text, .paragraph.image-right .text {width:100%; font-size:0.9em;}
	.paragraph.image-left .text, .paragraph.image-right .text { order:1;padding:20px;}
	.paragraph.image-right .image { order:0; }	
	.paragraph.image-left .image, .paragraph.image-right .image { max-width:100%;}
	.paragraph.image-left .image img, .paragraph.image-right .image img { max-width:100%;}
	
	.section.pads .paragraph .text.pure-u-md-1-3:first-child { padding:2rem 15px 15px 15px; }
	.section.pads .paragraph .text.pure-u-md-1-3:nth-child(2) { padding:0 15px 0 15px; }
	.section.pads .paragraph .text.pure-u-md-1-3:last-child	{ padding:  15px 15px 2rem 15px; 	}
	
	.paragraph .image:has(div.empty-video) { padding:0px; width:100%;}
	.paragraph .image .empty-video {background:var(--layout-second-contrast-color); color:#fff; padding-bottom:0px; width:100% !important;border-radius:0; margin-left:0; }
	.paragraph .image .empty-video iframe { width:100%; height:37vh;}
	
	.paragraph.image-left .image iframe, .paragraph.image-right .image iframe { width:100%; max-width:100%;}
	.intropic-872 img {position:relative;left:-20%;}
	.intropic-872 {margin-bottom:100px;}
	
	.galimg-wrap, .paragraph.image-left .image img { border-radius:0;}
	
	
	
	.schedule .weekday .events {width:100%;}
	.schedule .weekday { margin-top:10px;}
	
}
@media screen and (max-width:420px) {
	#content, #contentstart { margin:15px auto 0}	
	#infoWrapper .infoContent .tleft,  #infoWrapper .infoContent .tright { font-size:0.8em;}
}
@media screen and (max-width:300px) {
	h1, .h1 {font-size:1.8em; word-break:break-word;}
	h2, .h2 {font-size:1.6em; word-break:break-word;}
	.btn-xl { min-width:100%; line-height:1.2;}
	.btn-rounded::after {
		display:none;
	}
}