@charset "UTF-8";
@-webkit-viewport { width:device-width; }
@-moz-viewport { width:device-width; }
@-ms-viewport { width:device-width; }
@-o-viewport { width:device-width; }
@viewport { width:device-width; }

* { 
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 
}


html,
button,
input,
select,
textarea { color:#5E5E5E; }

body { font-size:100%; font-family:'tondo',Helvetica,Arial,sans-serif; letter-spacing:.025em; line-height:1.6em; text-align:center; }

::-moz-selection { background:#85BC22; color:#FFF; text-shadow: none; }
::selection { background:#85BC22; color:#FFF; text-shadow: none; }
.chromeframe { margin:0.2em 0; background:#ccc; color:#000; padding:0.2em 0; }

.wrapper { width:100%; margin:auto; overflow:hidden; }

	@media screen and (min-width:1330px){
		body {font-size:112.5%; }
		.wrapper { width:70em; }
	}

nav, label { font-family:'brandon-grotesque',Helvetica,Arial,sans-serif; font-weight:400; text-transform:uppercase; }
h1, h2, h3, h4 { font-family:'brandon-grotesque',Helvetica,Arial,sans-serif; font-weight:500; }
h1, h2, h3, h4, .headline { font-size:2.25em; line-height:1.1em; margin:0; }
h2 { font-size:2em; }
h3 { font-size:1.5em; }
h4 { font-size:1.125em; }

h1.headline, h2.headline { margin-bottom:1.5rem; font-weight:300; text-align:center; letter-spacing:0.005em; }
h3.roofline { margin:.5rem 0 2rem; font-size:1rem; font-weight:700; color:#85BC22; text-transform:uppercase; letter-spacing:.1em; }	

ul, ol { margin:0; padding:0; }
a { text-decoration:none; color:inherit; } 
b, strong { font-family:'tondo',Helvetica,Arial,sans-serif; font-weight:700; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
img { /*vertical-align:middle;*/ width:100%; height:auto; }

	@media screen and (min-width:800px){
		h1, .headline { font-size:2.75em; }
		h2 { font-size:2.25em; }
		h3 { font-size:1.75em; }
		h4 { font-size:1.25em; }
	}

	@media screen and (min-width:1200px){
		h1, .headline { font-size:3em; }
		h2 { font-size:2.5em; }
	}


/* Globale CSS-Klassen */

.row { width:auto; }
.row:before, 
.row:after { content:" "; display:table; }
.row:after { clear:both; }
/*.row .row { padding-bottom:2em; margin-left:-2em; margin-right:-2em; }*/
.columns { float:left; padding-left:2em; padding-right:2em; }
.push { float:right; }


	@media screen and ( max-width:600px ) {
		.small-1 { width:33.333333%; }
		.small-2 { width:66.666666%; }
		.small-3 { width:100%; }
	}

	@media screen and ( min-width:600px ) and ( max-width:1000px ) {
		.medium-1 { width:16.66667%; }
		.medium-2 { width:33.33333%; }
		.medium-3 { width:50%; }
		.medium-4 { width:66.66667%; }
		.medium-5 { width:83.33333%; }
		.medium-6 { width:100%; }
	}

	@media screen and ( min-width:1000px ) {
		.large-1 { width:8.333333%; }
		.large-2 { width:16.66667%; }
		.large-3 { width:25%; }
		.large-4 { width:33.33333%; }
		.large-5 { width:41.66667%; }
		.large-6 { width:50%; }
		.large-7 { width:58.33333%; }
		.large-8 { width:66.666666%; }
		.large-9 { width:75%; }
		.large-10 { width:83.333333%; }
		.large-11 { width:91.666666%; }
		.large-12 { width:100%; }
	}

	@media screen and ( min-width:600px ) and ( max-width:1000px ) {
		.medium-offset-1 { margin-left:16.66667%; }
		.medium-offset-2 { margin-left:33.333333%; }
	}

	@media screen and ( min-width:1000px ) {
		.large-offset-1 { margin-left:33.333333%; }
		.large-offset-2 { margin-left:66.666666%; }
	}



/*
|--------------------------------------------------------------------------
| Form Globals
|--------------------------------------------------------------------------
*/


input, 
button,
select,
textarea { border:none; outline:0; background-color:#FFF; font-family:'tondo',Helvetica,Arial,sans-serif; }

.btn-1,
input,
button,
select, 
textarea { width:100%; padding:10px; line-height:1.625em; background-color:rgb(245,245,245);}
textarea { height:250px; }
input[type="radio"] { width:2em; }

.btn-1,
button,
input[type="submit"] { padding:1.25em; margin:1em 0; color:#FFF; background:#5D5D5D; font-size:1em; font-family:'brandon-grotesque'; font-weight:700; letter-spacing:.2em; text-transform:uppercase; 
	-webkit-transition:all .3s ease-out; 
	-moz-transition:all .3s ease-out; 
	transition:all .3s ease-out; 
	-moz-border-radius:100px;
	-webkit-border-radius:100px; 
	border-radius:100px; 

}
.btn-1:hover,
button:hover,
input[type="submit"]:hover { background:#4D4D4D; }

fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
label { font-size:.875em; }
select { padding:10px 0 10px 5px; width:210px; height:35px; }


.required { margin-left:.125em; }
.footer .requireNote { font-size:.875em; }
.error, .error .required  { color:#FF002F; }
#error { display:none; position:static; margin-bottom:2em; margin-top: -1em; left:1em; right:1em; padding:1.5em; z-index:5000; background-color:#FF002F; color:white; text-align:center;
	-moz-border-radius:2px;
	-webkit-border-radius:2px; 
	border-radius:2px; 
}
#error.show { display:block; }
#error ul { padding:0; margin:0; display:inline-block; }
#error ul li { list-style:none; text-align:center; }
.terms { display:none; }


	@media screen and ( min-width:1000px ) {
		input[type="submit"], 
		button { width:auto; }
		.btn-1,
		input,
		button,
		select, 
		textarea { padding:1em; }
		#error { margin-top: -2em; }
	}


/*
|--------------------------------------------------------------------------
| Icons
|--------------------------------------------------------------------------
*/


@font-face {
    font-family: 'neumann';
    src: url('../fonts/neumann_icons.eot');
    src: url('../fonts/neumann_icons.eot?#iefix') format('embedded-opentype'),
         url('../fonts/neumann_icons.woff') format('woff'),
         url('../fonts/neumann_icons.ttf') format('truetype'),
         url('../fonts/neumann_icons.svg#neumann') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon-burger,
.icon-arrow-left,
.icon-arrow-right,
.icon-facebook,
.icon-googleplus,
.icon-twitter,
.icon-insta,
.icon-x-mark { display:block; width:50px; height:50px; text-align:center; text-indent:-9999px; position:relative; }


[class*='icon-']:before{ 
    display: inline-block;
	padding:.5em;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    font-size: 1.5em;
    text-indent: 0;
    font-family: 'neumann';
}

.icon-burger:before{content:'\0041';}
.icon-arrow-left:before{content:'\0045';}
.icon-arrow-right:before{content:'\0046';}
.icon-facebook:before{content:'\004E';}
.icon-googleplus:before{content:'\004F';}
.icon-twitter:before{content:'\0054';}
.icon-insta:before{content:'\0055';}
.icon-x-mark:before{content:'\0051';}




/*
|--------------------------------------------------------------------------
| Header
|--------------------------------------------------------------------------
*/


.header__top {
	background: #85BC22;
	color: #fff;
	text-align: center;
}
.top__link {
	display: block;
}
.top__btn {
	display: none;
}

@media screen and ( max-width:999px ){
	.header__top {
		font-size: .875em;
		line-height: 1.4em;
		padding: .75em 1em;
		text-align: center;
	}
	.top__txt__extra {
		margin-right: .5em;
	}
	.top__txt3 {
		display: none;
	}
	.top__btn {
		display: inline-block;
		font-weight: 700;
		margin-left: 3vw;
		text-transform: uppercase;
	}
}
@media screen and ( min-width:1000px ){
	.header__top {
		border-radius: 100%;
		bottom: 230px;
		height: 6em;
		padding: 1em .5em;	
		position: fixed;
		right: 1em;
		top: auto;
		width: 6em;
		-webkit-transition:all .3s ease-out; 
		-moz-transition:all .3s ease-out; 
		transition:all .3s ease-out;
		-webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.13);
		z-index: 100;
	}
	.header__top:hover {
		opacity: .8;
	}
	.top__link {
		-webkit-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		transform: rotate(-5deg);
		transform-origin: center;
	}
	.top__txt__extra {
		font-size: .875rem;
	}
	.top__txt2 {
		font-size: .75em;
		font-weight: 700;
	    display: block;
		margin: -.5em;
		text-transform: uppercase;
	}
	.top__txt2__extra {
		display: none;
	}
	.top__txt3 {
		display: block;
	}
}
@media screen and (min-width:1600px){
	.header__top {
		font-size: 1.25em;
		line-height: 1.4em;
	}
	.top__txt2 {
		margin: -.25em;
	}
}


#header { width:100%; position:relative; z-index:2; background:#5E5E5E; }
#header { position:fixed; } /* Fixed header */
#header.compact { position:fixed; width:100%; /*height:103px;*/ z-index: 3;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(102,102,102,1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(102,102,102,1);
	box-shadow: 0px 0px 10px 0px rgba(102,102,102,1);
	-webkit-transition:all .1s ease-out; 
	-moz-transition:all .1s ease-out; 
	transition:all .1s ease-out; 
}
#header .wrapper { padding:0 1em; }

#title { width:75%; }
#title a { width:100%; display:block; height:60px; height:20vw; margin:1rem 0; background-image:url(../img/logo_dr-neumann_zahnarztpraxis.jpg); background-repeat:no-repeat; background-position:0 0; background-size:100%; text-indent:-9999px; }
.ie7 #title {/* padding-top:20px;*/ }

#menu { float:right; }
#menu .icon-burger { top:1.25em; right:-.5em; color:#FFF; }
#menu-mobile:not( .mm-menu ) { display:none; /* prevents F.O.U.C. */ }


	@media screen and (max-width:999px){
		/* #header { top:0 !important; } */ /* Header slides out when scrolling down */ 
		#menu ul { display:none !important; }
	}

	@media (min-width:350px) {
		#title,
		#title a { width:244px; height:85px; }
	}

	@media (min-width:480px) {
		#menu .icon-burger { right:-.25em; }
		#menu .icon-burger:before { font-size:2em; padding:.25em; }
	}

	@media (min-width:1000px) {
		#header.compact { height:103px; }
		#menu { position:relative; text-align:left; font-size:.75em; letter-spacing:.25em; }
		#menu .icon-burger { display:none; }
		#menu ul { display:inline; margin:0; }
		#menu ul li { position:relative; display:inline-block; margin-right:-6px; cursor:pointer; }
		#menu ul li a { display:block; padding:3.125em .75em 3.125em; color:rgba(255,255,255,.8); border-bottom:3px solid transparent;
			-webkit-transition:all .2s ease-out; 
			-moz-transition:all .2s ease-out; 
			transition:all .2s ease-out; 
		}
		#menu ul li:hover a { border-color:transparent; background-color:rgba(0,0,0,.075); }
		#menu ul li:hover a.active,
		#menu ul li a.active { color:rgba(255,255,255,1); border-bottom:3px solid #85BC22; background-color:transparent; }

	}


	@media (min-width:1050px){
		#menu ul li a { padding-left:1em; padding-left:1vw; padding-right:1em; padding-right:1vw; }
	}

	@media (min-width:1100px) {
		#header .wrapper { padding:0 2em; }
		#menu ul li a { padding-left:1.25em; padding-left:1.25vw; padding-right:1.25em; padding-right:1.25vw; }
	}

	@media screen and (min-width:1330px){
		#header .wrapper { width:100%; padding:0 5%;}
		#header.compact { height:115px; }
		#title a { margin-top:1.325rem; }
		#menu ul li a { padding-left:1.5em; padding-left:1.5vw; padding-right:1.5em; padding-right:1.5vw; }
	}

	@media screen and (min-width:1600px){
		#menu ul li a { padding-left:3em; padding-left:2vw; padding-right:3em; padding-right:2vw; }
	}




/*
|--------------------------------------------------------------------------
| Content
|--------------------------------------------------------------------------
*/


.content-wrap { margin-top:96px; }
#hero { top:96px; } /* Abstand zum Header*/
#hero { position:relative; padding-left:0; padding-right:0; }
#hero .slickslider:not( .slick-initialized ) { display:none; /* prevents F.O.U.C. */ }
#hero .slide-inner { position:relative; margin:0; }

#hero .caption { position:absolute; z-index:1; display:block; width:80%; margin:auto; top:50%; left:0; right:0; color:#FFF; text-align:center; text-shadow:-1px -1px 15px rgba(0,0,0,.5);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
#hero .caption h3 { color:#FFF; font-size:1.75em; font-weight:700; text-transform:uppercase; }
#hero .caption p { display:none; }
#hero .caption button { width:auto; padding:1em 2em; color:#85BC22; background:#FFF; opacity:1; }


	@media screen and (min-width:480px) {
		#hero .caption button { padding:.75em 1.5em; margin-top:1.5em;}
	}

	@media screen and (min-width:600px) {
		#hero .caption { width:60%; }
	}

	@media screen and (min-width:1000px) {
		.content-wrap { margin-top:103px; }
		#hero { top:103px; }  /* Abstand zum Header*/
		
		#hero .caption { width:50%; }
		#hero .caption h3 { font-size:2em; }
		#hero .caption p { display:block; padding:0 2rem; }
		#hero .caption button { margin-top:2em; }
	}

	@media screen and (min-width:1400px) {
		#hero .caption { width:40%; }
		#hero .caption h3 { font-size:2.125em; }
		#hero .caption button { padding:1em 2em; }
	}

	@media screen and (min-width:1700px) {
		#hero .caption { width:30%; }
		#hero .caption h3 { font-size:2.25em; }
	}




.section-container { padding:0; }
.section-container .content { background-color:rgb(250,250,250); }
.section-container:nth-child(2n+2) .content { background-color:#FFF; }
.section-container .content#kontakt { background-color:#85BC22; }
.section-container .content#sprechzeiten { background-color:rgb(255,255,255); }
.section-container .content#notdienst { background-color:rgb(250,250,250); }

.content.img-left,
.content.img-right { background-repeat:no-repeat; background-size:contain; }
.content.img-left { background-position:bottom left; }
.content.img-right { background-position:bottom right; }
.content#gesund { padding-bottom:100vw; background-size:47vw; }
.content#schoen { padding-bottom:60vw; background-size:105vw; }

.content .wrapper { padding:2em 0; }
.content a { text-decoration:underline; font-weight:700; }
.content a:hover { color:#85BC22; text-decoration:none; }
.content ul, 
.content ol { width:70%; padding-left:10%; margin:2em auto; font-weight:700; letter-spacing:normal; text-align:left; }
.content ul li, 
.content ol li { margin-top:1em; }
.content ul li:first-child, 
.content ol li:first-child { margin-top:0; }
.content#kontakt h3.roofline { color:#FFF; }

.ifr .content ul, 
.ifr .content ol { font-weight:normal; padding-left:0;}



.trust { display:inline-block; margin:2em 0 0; }
#thanksdoc img { width:auto; }

.teaser { margin-top:3em; }
.teaserbox { margin-bottom:1em; }
.teaser-img { /*display:block; width:400px; height:400px;*/ }
.teaser-img img { 
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
}
.teaser-head { margin:1rem 0 1rem; font-size:1rem; font-weight:700; color:#85BC22; text-transform:uppercase; letter-spacing:.1em; }


#social-links ul { width:100%; padding:0; margin:1.5em auto; text-align:center }
#social-links li { display:inline-block; margin:0 0 0 1em; }
#social-links li:first-child { margin-left:0; }
#social-links li .icon { display:block; width:70px; height:70px; opacity:1;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
	-webkit-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	transition:all .2s ease-out;
}
#social-links li .icon-facebook { background-color:#3B5897; }
#social-links li .icon-googleplus { background-color:#D24735; }
#social-links li .icon-insta { background:url(/_layout/img/bg-icon_insta.png); }
#social-links li .icon-twitter { background-color:#3997FF; }
#social-links li .icon:hover { opacity:.8; }
#social-links li [class*='icon-']:before { padding:20px; font-size:1.875em; color:#FFF; }
#social-links li .icon-facebook:before { top:-2px; left:-2px; }
#social-links li .icon-googleplus:before { font-size:2.25em; top:-4px; left:-1px; }


.iframe .wrapper { padding:2em; overflow:hidden; }
.iframe .columns { padding-left:0; padding-right:0; overflow:hidden; }
.iframe a { font-weight:normal; }


	@media screen and (orientation:portrait) and (max-width:480px) {
		.iframe { max-width:270px; margin:auto; } /* iPhone Bug iframe autosize */
	}

	@media screen and (max-width:599px) {
		#jameda #jameda-widget-container15645 { margin:1em auto !important;}
	}

	@media screen and (min-width:600px) {
		.content#gesund,
		.content#schoen { padding-bottom:0; background-size:contain; }
    	.content#schoen { background-position:52vw bottom; }

		.content .wrapper { padding:4em 0; }
		.content ul, .content ol { padding-left:15%; }

		.trust { margin-bottom:-1em; }
		.trust-badge { float:left; margin-left:2em; }
		.trust-badge:first-child { margin-left:0; }

		.iframe .wrapper { padding:3em; }
	}

	@media screen and (min-width:800px){
		.headline,
		.textblock { padding:0 2rem; }
	}

	@media screen and (min-width:1000px){
		.headline,
		.textblock { padding:0 10rem; }
		
		.content.img-left .headline,
		.content.img-left .textblock,
		.content.img-right .headline,
		.content.img-right .textblock { padding:0 3rem; }
    	.content#schoen { background-size:50vw; background-position:60vw bottom; }

		.section-container.half-width { width:50%; }
		.section-container.half-width .content .wrapper { width:100%; }
		.section-container.half-width .headline,
		.section-container.half-width .textblock { padding:0; }
		.textblock.half-width { float:left; width:50%; padding:0 2em; }
	}

	@media screen and (min-width:1330px) {
		#social-links li .icon-googleplus:before { font-size:2.25em; top:-6px; left:-2px; }
		#social-links li .icon-insta:before { font-size:1.9em; top:-3px; left:-2px; }
	}

	@media screen and (min-width:1800px) {
    	.content#schoen { background-size:40vw; }
	}



/*
|--------------------------------------------------------------------------
| Forms
|--------------------------------------------------------------------------
*/


.row#contactformular { position:relative; margin:1em 0; }
.row#contactformular .columns { padding:0; margin-bottom:1em; }
.row#contactformular .columns.footer { margin-top:-1em; }
#contact-form label { color: #FFF; }
#contact-form input[type="submit"] { width:100%; margin:0; }
#mail-erfolgreich-verschickt { color:#FFF; padding: 15% 0; }


	@media screen and (min-width:600px) {
		.row#contactformular .columns { padding:0 1em; }
	}

	@media screen and (min-width:1000px) {
		.row#contactformular .columns { margin-bottom:2em; }
	}

	@media screen and (min-width:1200px) {
		#contact-form input[type="submit"] { width:50%; }
	}



/*
|--------------------------------------------------------------------------
| Google Maps
|--------------------------------------------------------------------------
*/


.map-canvas-container { 
	margin: 0; 
}

#map_canvas { 
	height: 400px;
	height: 60vh; 
	max-height: 400px;
	width: 100%;
}

/*
#map_canvas .marker_button { display:block; font-size:1rem; margin-top:.25em; 
	-webkit-transition:all .3s ease-out; 
	-moz-transition:all .3s ease-out; 
	transition:all .3s ease-out;
}
#map_canvas .marker_button:hover { opacity:.8; }
*/


/* since OSM */
	
#map_canvas	img {
	width: auto;
}

#map_canvas	.ol-control button {
	background: #5E5E5E;
}



/*
|--------------------------------------------------------------------------
| Google reCapture
|--------------------------------------------------------------------------
*/
body .grecaptcha-badge:hover {
	right: 0px !important;
}


/*
|--------------------------------------------------------------------------
| Footer
|--------------------------------------------------------------------------
*/

footer { color:#FFF; background:#5D5D5D; }
footer .wrapper { position:relative; padding:.5rem 0 1rem; font-size:.75em; overflow:hidden; }
footer li { list-style:none; }
footer a { color:inherit;
	-webkit-transition:all .3s ease-out; 
	-moz-transition:all .3s ease-out; 
	transition:all .3s ease-out; 
}
footer .footernav ul li { display:inline; margin-left:10px; }
footer .footernav ul li:first-child { margin-left:0; margin-right:5px; }
footer .footernav ul li a { display:inline-block; padding:5px; }
footer .footernav ul li a:hover { color:rgba(255,255,255,.7); }
footer .footerinfo span { display:block; }

	@media screen and (min-width:600px) {
		footer .wrapper { font-size:.875em; }
	}





/*
|--------------------------------------------------------------------------
| fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license
|--------------------------------------------------------------------------
*/

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp { padding:0; margin:0; border:0; outline:none; vertical-align:top; }

.fancybox-wrap { position:absolute; top:0; left:0; z-index:8020; }

.fancybox-skin { position:relative; background:#f9f9f9; color:#444; text-shadow:none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.fancybox-opened { z-index:8030; }

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, 
.fancybox-inner { position:relative; }
.fancybox-inner { overflow:hidden; }

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error { color:#444; font:14px/20px "tondo",Helvetica,Arial,sans-serif; margin:0; padding:15px; white-space:nowrap; }

.fancybox-image, 
.fancybox-iframe { display:block; width:100%; height:100%; }
.fancybox-image { max-width:100%; max-height:100%; }

#fancybox-loading { background-image:url(../img/fancybox_sprite.png); }
#fancybox-loading { position:fixed; top:50%; left:50%; margin-top:-22px; margin-left:-22px; background-position:0 -108px; opacity:0.8; cursor:pointer; z-index:8060; }
#fancybox-loading div { width:44px; height:44px; background:url(../img/fancybox_loading.gif) center center no-repeat; }


/*.fancybox-prev span, 
.fancybox-next span { background-image:url(../img/icons.png); }*/



.fancybox-close { position:absolute; top:0; right:0; width:50px; height:50px; background-position:0 0; cursor:pointer; z-index:8040; }
.fancybox-close:before{ 
	content:'\0051';
    display: inline-block;
	padding:17px;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    font-size: 1em;
    text-indent: 0;
    font-family: 'neumann';
}

	@media screen and (min-width:450px) {
		.fancybox-close:before { font-size:1.5em; padding:15px 10px; }
	}


.fancybox-nav { position:absolute; top:0; width:10%; height:100%; cursor:pointer; text-decoration:none; background:transparent url(../img/blank.gif); /* helps IE */ z-index:8040;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-transform: scale(.5);
	-moz-transform: scale(.5);
	-ms-transform: scale(.5);
	-o-transform: scale(.5);
	transform: scale(.5);
}

.fancybox-prev { left:0; }
.fancybox-next { right:0; }

.fancybox-nav span { position:absolute; top:55%; width:50px; height:100px; margin-top:-100px; cursor:pointer; z-index:8040; visibility:hidden; }
.fancybox-prev span { left:1em; background-position:0 -50px; }
.fancybox-next span { right:1em; background-position:0 -150px; }
.fancybox-nav:hover span { visibility:visible; }

.fancybox-tmp { position:absolute; top:-99999px; left:-99999px; visibility:hidden; max-width:99999px; max-height:99999px; overflow:visible !important; }



@media screen and (min-width:600px) {
	.fancybox-nav { 
		-webkit-transform: scale(.7);
		-moz-transform: scale(.7);
		-ms-transform: scale(.7);
		-o-transform: scale(.7);
		transform: scale(.7);
	}
}

@media screen and (min-width:1000px) {
	.fancybox-nav { 
		-webkit-transform: scale(.85);
		-moz-transform: scale(.85);
		-ms-transform: scale(.85);
		-o-transform: scale(.85);
		transform: scale(.85);
	}
}

@media screen and (min-width:1330px){
	.fancybox-nav { 
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
	}
}






/* Overlay helper */

.fancybox-lock {
	overflow: hidden !important;
	width: auto;
}

.fancybox-lock body {
	overflow: hidden !important;
}

.fancybox-lock-test {
	overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url(../img/fancybox_overlay.png);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "tondo",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}




#consent .cn-ok {
	margin-top: 1rem!important;
}

@media screen and (min-width:550px){
	#consent .cn-ok {
		display: flex; 
		justify-content: center; 
		flex-direction: initial;
		margin-bottom: .5rem!important;
		margin-top: 1rem!important;
	}
}
#consent .cn-button {
	cursor: pointer;
}
#consent .cn-buttons {
	margin-top: 0;
	width: 100%;
}
@media screen and (min-width:550px){
	#consent .cn-buttons {
		display: flex;
		justify-content: center;
		flex-direction: initial;
	}
}
#consent .cm-link,
#consent .cn-buttons {
	flex: 0 1 auto;
}
#consent .cm-btn,
#consent .cm-link {
	background: rgba(255,255,255,.1);
	border-radius: 0;
	flex: 0 1 auto;
	font-family:'brandon-grotesque',Helvetica,Arial,sans-serif;
	font-size: .875rem;
	font-weight: 700;
	letter-spacing: .2em;
	line-height: 1.2em;	
	margin-bottom: .5em;
	padding: 12px 25px 14px!important;
	text-decoration: none !important;
	text-transform: uppercase;
	width: 100%;
}
#consent .cm-btn-success { 
	background: #85BC22;
}
#consent .cm-header button.hide {
	display: block !important;
	width: auto;
}
#consent .cn-body {
    margin: auto;
	max-width: 1280px;
	padding-top: 1em;
}
#consent .cn-body a { 
	color: #fff;
	display: block;
	margin: .5em 0;
}
@media screen and (min-width:990px){
	#consent .cookie-notice {
		bottom: 0;
		left: 0;
		max-width: none;
		right: 0;
	} 
}
#consent .cookie-notice {
	font-size: 1rem;
}
#consent .cookie-notice p { 
	line-height: 1.4rem;
	text-align: center;
}
#consent .cookie-notice a,
#consent .cookie-modal a {
	color: #fff;
	text-decoration: underline;
}
#consent .cookie-modal p {
	line-height: 1.4rem;
}
#consent .cm-header .title {
	font-family:'brandon-grotesque',Helvetica,Arial,sans-serif;
	font-size: 2em !important;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	margin: 1rem 0;
	word-wrap: break-word;
}


#consent .cookie-modal .cm-list-label .slider, 
#consent .context-notice .cm-list-label .slider, 
#consent .cookie-notice .cm-list-label .slider {
	background-color: #5D5D5D;
}
#consent .cookie-modal .cm-list-input:checked+.cm-list-label .slider,
#consent .context-notice .cm-list-input:checked+.cm-list-label .slider,
#consent .cookie-notice .cm-list-input:checked+.cm-list-label .slider {
	background-color: #85BC22;
}
#consent .cookie-modal .cm-modal {
	padding: 1em;
}
#consent .cookie-modal .cm-modal,
#consent .cookie-notice {
	background: #292929; 
}
#consent .cm-app-title,
#consent .cm-required {
	color: #fff;
}






/* ==========================================================================
Helper classes
========================================================================== */

/*
* Image replacement
*/

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	/* IE 6/7 fallback */
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/

.hidden {
	display: none !important;
	visibility: hidden;
}

/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/*
* Hide visually and from screenreaders, but maintain layout
*/

.invisible {
	visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/

.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/

.clearfix {
	*zoom: 1;
}

/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */

@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}

@media print,
	(-o-min-device-pixel-ratio: 5/4),
	(-webkit-min-device-pixel-ratio: 1.25),
	(min-resolution: 120dpi) {
		/* Style adjustments for high resolution devices */
	}

/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */

@media print {
	* {
		background: transparent !important;
		color: #000 !important; /* Black prints faster: h5bp.com/s */
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	/*    a[href]:after {
	content: " (" attr(href) ")";
}*/

	/*    abbr[title]:after {
	content: " (" attr(title) ")";
}*/

	/*
	* Don't show links for images, or javascript/internal links
	*/

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group; /* h5bp.com/t */
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}


}