body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}

@font-face {
    font-family: 'Campton';
    src: url('../../files/ThemeWerner/webfonts/campton_thin-webfont.eot');
    src: url('../../files/ThemeWerner/webfonts/campton_thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/ThemeWerner/webfonts/campton_thin-webfont.woff') format('woff'),
         url('../../files/ThemeWerner/webfonts/campton_thin-webfont.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Campton';
    src: url('../../files/ThemeWerner/webfonts/campton_extralight-webfont.eot');
    src: url('../../files/ThemeWerner/webfonts/campton_extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/ThemeWerner/webfonts/campton_extralight-webfont.woff') format('woff'),
         url('../../files/ThemeWerner/webfonts/campton_extralight-webfont.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Campton';
    src: url('../../files/ThemeWerner/webfonts/campton_light-webfont.eot');
    src: url('../../files/ThemeWerner/webfonts/campton_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/ThemeWerner/webfonts/campton_light-webfont.woff') format('woff'),
         url('../../files/ThemeWerner/webfonts/campton_light-webfont.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Campton';
    src: url('../../files/ThemeWerner/webfonts/campton_book-webfont.eot');
    src: url('../../files/ThemeWerner/webfonts/campton_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/ThemeWerner/webfonts/campton_book-webfont.woff') format('woff'),
         url('../../files/ThemeWerner/webfonts/campton_book-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Campton';
    src: url('../../files/ThemeWerner/webfonts/campton_medium-webfont.eot');
    src: url('../../files/ThemeWerner/webfonts/campton_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/ThemeWerner/webfonts/campton_medium-webfont.woff') format('woff'),
         url('../../files/ThemeWerner/webfonts/campton_medium-webfont.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Campton';
    src: url('../../files/ThemeWerner/webfonts/campton_semibold-webfont.eot');
    src: url('../../files/ThemeWerner/webfonts/campton_semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/ThemeWerner/webfonts/campton_semibold-webfont.woff') format('woff'),
         url('../../files/ThemeWerner/webfonts/campton_semibold-webfont.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Campton';
    src: url('../../files/ThemeWerner/webfonts/campton_bold-webfont.eot');
    src: url('../../files/ThemeWerner/webfonts/campton_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/ThemeWerner/webfonts/campton_bold-webfont.woff') format('woff'),
         url('../../files/ThemeWerner/webfonts/campton_bold-webfont.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Campton';
    src: url('../../files/ThemeWerner/webfonts/campton_extrabold-webfont.eot');
    src: url('../../files/ThemeWerner/webfonts/campton_extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/ThemeWerner/webfonts/campton_extrabold-webfont.woff') format('woff'),
         url('../../files/ThemeWerner/webfonts/campton_extrabold-webfont.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Campton';
    src: url('../../files/ThemeWerner/webfonts/campton_black-webfont.eot');
    src: url('../../files/ThemeWerner/webfonts/campton_black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/ThemeWerner/webfonts/campton_black-webfont.woff') format('woff'),
         url('../../files/ThemeWerner/webfonts/campton_black-webfont.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

/*@font-face {
	font-family: Campton;
	src: url("../../files/ThemeWerner/webfonts/Campton-LightDEMO.otf");
	font-weight: normal;
}
@font-face {
	font-family: Campton;
	src: url("../../files/ThemeWerner/webfonts/Campton-BoldDEMO.otf");
	font-weight: bold;
}*/
* {
	box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
}
body {
    background-color: #7fcbff;
    background-image: url(../../files/Content/kyrill/bg/Neuwerk_vertikal_NB.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    font-family: Campton, Raleway, Futura, sans-serif;
    font-size: 0.875em;
    font-weight: 300;
    letter-spacing: 0.005em;
    line-height: 1.4;
    min-height: 100%;
    min-height: 100vh;
}
h1 {
    font-size: 2.0em;
    font-weight: 200;
}
h2, h3, h4 {
    font-weight: 500;
}
.ce_text ul {
	padding-left: 1.5em;
}

.mod_article {
	position: relative;
	min-height: 98.5vh;
	padding-bottom: 4em;
	/*border: 1px dotted red;*/
	/* vertikal zentrieren */
	display: flex;
	width: 100%;
	align-items: center;
}
.mod_article.last {
	align-items: center;
}
/* #kyrill-home,
#kyrill-informationen,
#kyrill-fussleiste */

#otoene {
	color: #fff;
	position: relative;
	/*filter: blur(10px);*/
}
#otoene .ce_text {
	padding: 0 12vw;
	font-size: 1.5em;
}
#otoene .ce_text > * {
	margin-left: auto;
	margin-right: auto;
	max-width: 700px;
}
#otoene .slider-control a {
	display: none;
}
#otoene .slider-menu b {
	padding: 5px;
	margin: 0 5px;
	color: #fff;
}
#otoene b.active {
	color: #333;
}
#otoene::before {
	content: "";
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	background: rgba(0,0,0,0.1) url(../../files/Content/kyrill/bg/Neuwerk_vertikal_NB.jpg) no-repeat fixed top/100%;
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-ms-filter: blur(10px);
	filter: blur(10px);
}

.grid-wrapper {
	display:flex;
	flex-wrap:wrap;
	width: 90%;
	max-width: 1400px;
	margin: 0 auto;
}
.grid-wrapper > * {
	flex: 1 1 250px;
	margin: 20px;
	background-color: rgba(255,255,255, 0.7);
	padding: 14px;
}
.grid-wrapper .breit {
	flex: 2 2 540px;
}

/* Skiplinks */
.skip {
	position: absolute;
	bottom: 1.5em;
	left: 0;
	right: 0;
}
.skip a {
	display:block;
	text-align: center;
	text-decoration: none;
	/*background-color: rgba(255,255,255, 0.7);*/
	color: #fff;
}
.skip a::after {
	content: "";
	display:block;
	width: 16px;
	height: 16px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	margin:auto;
	transform: translateY(-5px) rotate(45deg);
}
.skip.top a::after {
	transform: translateY(10px) rotate(-135deg);
}

/*#kyrill-informationen .grid-wrapper {
  -webkit-perspective: 100vmin;
          perspective: 100vmin;
  -webkit-perspective-origin: 50% 20%;
          perspective-origin: 50% 20%;
}*/
#kyrill-informationen .ce_text {
  -webkit-transform: scale(0.01);
  transform: scale(0.01);
  /*-webkit-transform: rotateY(90deg) scale(0.7);
          transform: rotateY(90deg) scale(0.7);
  -webkit-transform-origin: 50% 20%;
          transform-origin: 50% 20%;*/
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  /*-webkit-transition-timing-function: cubic-bezier(.23,.83,.66,1.06);
          transition-timing-function: cubic-bezier(.23,.83,.66,1.06);*/
}
#kyrill-informationen .grid-wrapper>:nth-child(1) { -webkit-transition-delay: 0.0s; transition-delay: 0.0s; }
#kyrill-informationen .grid-wrapper>:nth-child(2) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
#kyrill-informationen .grid-wrapper>:nth-child(3) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
#kyrill-informationen .grid-wrapper>:nth-child(4) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
#kyrill-informationen .grid-wrapper>:nth-child(5) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
#kyrill-informationen .grid-wrapper>:nth-child(6) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }

#kyrill-informationen .show {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}


#kyrill-fussleiste > .ce_text {
}
#kyrill-fussleiste .grid-wrapper {
    align-items: center;
}
#kyrill-fussleiste .grid-wrapper > * {
    background-color: transparent;
    padding: 0;
}
#kyrill-fussleiste h1 {
    display: none;
}

/* Akkordeon */
.toggler,
.accordion {
	background-color: rgba(255,255,255, 0.7);
	padding: 14px;    
}
.toggler {
    cursor: row-resize;
    cursor: pointer;
    transition: 0.3s;
    outline: 0;
}
.toggler:hover {
	background-color: rgba(255,255,255, 0.8);    
}
.toggler.active {
    font-size: 2em;
    font-weight: 200;
}

#kontakt .ce_text.first figure, #kontakt .ce_text.first p {
    display: inline-block;
}
#impressum figure {
    float: right;
    margin-left: 1em;
}

/* Kontaktformular */
#kontakt .ce_text.first figure,
#kontakt .ce_text.first p {
	display: inline-block;
}
.ce_form .widget {
	padding: 4px 0;
}
label,
.submit_container:before,
.explanation:before {
	content: "";
	display: inline-block;
	width: 148px;
	margin-right: 30px;
	vertical-align: top;
}
.text, .textarea {
	padding: 6px 12px;
	border: 1px solid #bbb;
	box-sizing: border-box;
	width: 100%;
	max-width: 24em;
	vertical-align: top;
}
.submit {
	background-color: #888;
	color: #fff;
	padding: 6px 2em;
	border: 0;
	border-radius: 4px;
}
p.error {
	color: #c00;
	font-size: 0.85em;
	display: inline-block;
	position: absolute;
	margin: 6px 0 0;
}
label.error, input.error, textarea.error {
	margin-top: 2em;
	border-color: #c00;
}
.explanation p {
	display: inline-block;
	max-width: 24em;
}
.explanation small {
	display: block;
	text-align: justify;
	line-height: normal;
}