/* Startseite Ciupke */
* {margin: 0;padding: 0;}
html {overflow-y:scroll;}
@font-face {font-family:'LatoWeb';src: url('../../../fonts/Lato-Regular.woff2') format('woff2'),url('../../../fonts/Lato-Regular.woff') format('woff');font-style: normal;font-weight: normal;text-rendering: optimizeLegibility;}
html body {background:#fff;font-family: 'LatoWeb',Arial,Helvetica,sans-serif;font-size:13px;line-height:24px;color:#000;}
.slicknav_menu, #menu {display:none;}
.ml50 {margin-left:50px;}
hr {border: 0px;border-top: solid 3px #000;color:#000;border-bottom: transparent;margin:25px 0 30px 0;}
#head {width:100%;margin:0;padding:225px 0 0 0;background:transparent;position:relative;}
#title {width:365px;float:left;margin:0;padding:0;}
#title h1 {color:#808080;font-size:28px;line-height:34px;font-weight:normal;text-align:center;}
#title h1 a:link, #title h1 a:visited {color:#808080;font-size:28px;line-height:34px;font-weight:normal;text-decoration:none;}
#title h1 a:focus, #title h1 a:hover, #title h1 a:active {color:#000;}
nav {float:left;margin:0;padding:12px 0 0 0;}
nav ul ul {display: none;}
nav ul li:hover > ul {display: block;}
nav ul {background:#fff;padding:0;list-style: none;position: relative;display: inline-table;}
nav ul:after {content: ""; clear: both; display: block;}
nav ul li {float: left;padding:0 30px 0 0;}
nav ul li:last-child {display:none;} /* language */
nav ul li:hover {background:#fff;}
nav ul li:hover a {color:#808080;}
nav ul li a:link, nav ul li a:visited {display: block;padding:0;color: #808080;text-decoration: none;}
nav ul ul {background:#fff;padding:10px 0;position:absolute;top:100%;z-index:99999;margin-left:-20px;}
nav ul ul li {float: none;position: relative;padding:0 10px;}
nav ul ul li:last-child {display:block;} /* language aufheben */
nav ul ul li a:link, nav ul ul li a:visited {line-height:30px;padding:0 10px;color:#808080;}	
nav ul li a:focus, nav ul li a:hover, nav ul li a:active,
nav ul ul li a:focus, nav ul ul li a:hover, nav ul ul li a:active {color:#000;}
nav ul li.menu-current a, nav ul li.menu-parent a {color:#000;}
#lang {float:right;padding:12px 5% 0 0;text-transform:lowercase;}
#lang a:link, #lang a:visited,
#moblang a:link, #moblang a:visited {color:#808080;font-size:13px;line-height:13px;font-weight:normal;text-decoration:none;padding:0;margin:0;}
#lang a:focus, #lang a:hover, #lang a:active,
#moblang a:focus, #moblang a:hover, #moblang a:active {color:#000;}
.easymultilang_current {display:none;}
#container {clear:both;width:100%;margin:0;padding:0;background:transparent;}
#oben {width:100%;min-height:292px;padding:0;margin:20px 0 20px 0;background:transparent;overflow-y:hidden;overflow-x:auto;white-space:nowrap;}
#oben img {padding:0 6px 0 0;margin:0;}
#oben img.pl190 {padding-left:190px;}
#left {float:left;width:311px;min-height:10px;margin:0;padding:0 54px 0 0;background:transparent;color:#808080;}
#content {float:left;width:60%;margin:0;padding:0 5% 5% 0;background:transparent;}
#content h1 {font-size:18px;line-height:18px;font-weight:bold;padding:0 0 15px 0;margin:0;}
#content h2 {font-size:13px;line-height:24px;font-weight:bold;padding:0 0 15px 0;margin:0;}
#content p {padding:0 0 15px 0;}
#content img {padding:0 0 5px 0;}
#content table {padding:0 0 20px 0;}
#content td {padding:0 0 10px 0;vertical-align:top;}
#content a:link, #content a:visited {color:#656565;text-decoration:none;}
#content a:focus, #content a:hover, #content a:active {color:#000;text-decoration:none;}
#content ul {list-style-position:outside;padding:0;margin:0 0 0 14px;}
#content li {padding:0 0 0 30px;}
#content .subnav {padding:0;margin:0 0 30px 0;overflow:auto;}
#content .subnav ul {list-style-type:none;margin:0;padding:0;}
#content .subnav li {float:left;padding:0 20px 0 0;margin:0;}
#content .subnav li a:link, #content .subnav li a:visited {font-size:13px;line-height:13px;text-transform:uppercase;font-weight:normal;text-decoration:none;display:block;}
#content .subnav li a:focus, #content .subnav li a:hover, #content .subnav li a:active {color:#000;}
.bildlinks {float:left;margin:0 15px 10px 0;padding:0;}
.bildrechts {float:right;margin:0 0 10px 15px;padding:0;}
.clr {clear:both;height:1px;line-height:1px;font-size:1px;margin:0;padding:0;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SLIDER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.accordion {  width: 100%;  height: 325px;  overflow: hidden;  margin: 0 auto;}
.accordion ul {  width: 100%;  display: table;  table-layout: fixed;  margin: 0;  padding: 0;}
.accordion ul li {display: table-cell;vertical-align: bottom;position: relative;width: 6.25%; /* 100 geteilt durch Bilderanazahl */height: 292px;background-repeat: no-repeat;background-position: center center;transition: all 500ms ease;}
.accordion ul li div.caption {display: block;overflow: visible;width: 100%;position:absolute;top:0px;left:10px;height:322px;}
.accordion ul li div.capleft {display: block;overflow: visible;width: 100%;position:absolute;top:0px;left:10px;height:322px;}
.accordion ul li div.capright {display: block;overflow: visible;width: 100%;position:absolute;top:0px;left:0;height:322px;}
.accordion ul li div.capright a h2 {margin-left:-100px !important;}
.accordion ul li div.caption a,.accordion ul li div.capleft a,.accordion ul li div.capright a {  display: block;  height: 292px;  width: 100%;  position:relative;  z-index: 3;  vertical-align: bottom;  padding:0;  box-sizing: border-box;  color: #808080;  text-decoration: none;  transition: all 200ms ease;}
.accordion ul li div.caption a *,.accordion ul li div.capleft a *,.accordion ul li div.capright a * {  opacity: 0;  margin: 0;  width: 100%;  position: relative;  z-index: 5;  white-space: nowrap;  -webkit-transform: translateX(-20px);  transform: translateX(-20px);  -webkit-transition: all 400ms ease;  transition: all 400ms ease;}
.accordion ul li div.caption a h2,.accordion ul li div.capleft a h2,.accordion ul li div.capright a h2 {overflow:visible;color:#808080;font-size:12px;line-height:12px;font-weight:normal;text-decoration:none;padding-top:302px;}
.accordion ul li:nth-child(1) { background-image: url("https://www.christinaciupke.com/media/slider/christina-ciupke-untitled.jpg"); }
.accordion ul li:nth-child(2) { background-image: url("https://www.christinaciupke.com/media/slider/03_christina-ciupke.jpg"); }
.accordion ul li:nth-child(3) { background-image: url("https://www.christinaciupke.com/media/slider/01_christina-ciupke.jpg"); }
.accordion ul li:nth-child(4) { background-image: url("https://www.christinaciupke.com/media/slider/05_christina-ciupke.jpg"); }
.accordion ul li:nth-child(5) { background-image: url("https://www.christinaciupke.com/media/slider/06_christina-ciupke.jpg"); }
.accordion ul li:nth-child(6) { background-image: url("https://www.christinaciupke.com/media/slider/07_christina-ciupke.jpg"); }
.accordion ul li:nth-child(7) { background-image: url("https://www.christinaciupke.com/media/slider/08_christina-ciupke.jpg"); }
.accordion ul li:nth-child(8) { background-image: url("https://www.christinaciupke.com/media/slider/09_christina-ciupke.jpg"); }
.accordion ul li:nth-child(9) { background-image: url("https://www.christinaciupke.com/media/slider/10_christina-ciupke.jpg"); }
.accordion ul li:nth-child(10) { background-image: url("https://www.christinaciupke.com/media/slider/11_christina-ciupke.jpg"); }
.accordion ul li:nth-child(11) { background-image: url("https://www.christinaciupke.com/media/slider/13_christina-ciupke.jpg"); }
.accordion ul li:nth-child(12) { background-image: url("https://www.christinaciupke.com/media/slider/14_christina-ciupke.jpg"); }
.accordion ul li:nth-child(13) { background-image: url("https://www.christinaciupke.com/media/slider/15_christina-ciupke.jpg"); }
.accordion ul li:nth-child(14) { background-image: url("https://www.christinaciupke.com/media/slider/16_christina-ciupke.jpg"); }
.accordion ul li:nth-child(15) { background-image: url("https://www.christinaciupke.com/media/slider/17_christina-ciupke.jpg"); }
.accordion ul li:nth-child(16) { background-image: url("https://www.christinaciupke.com/media/slider/18_christina-ciupke.jpg"); }
.accordion ul:hover li { width: 10%; } /* Wenn sich die Bilderanzahl ändert */
.accordion ul:hover li:hover { width: 18%; }
.accordion ul:hover li:hover a * {  opacity: 1;  -webkit-transform: translateX(0);  transform: translateX(0);}
@media screen and (max-width: 1800px) {.accordion ul:hover li:hover { width: 21%; }}
@media screen and (max-width: 1400px) {.accordion ul:hover li:hover { width: 28%; }}
@media screen and (max-width: 1200px) {.accordion ul:hover li:hover { width: 30%; }}
@media screen and (max-width: 1000px) {.accordion ul:hover li:hover { width: 40%; }}
@media screen and (max-width: 800px) {.accordion ul:hover li:hover { width: 50%; }}
@media screen and (max-width: 600px) {.accordion { height: auto; }
.accordion ul li,.accordion ul li:hover,.accordion ul:hover li,.accordion ul:hover li:hover {  position: relative;  display: table;  table-layout: fixed;  width: 100%;  -webkit-transition: none;  transition: none;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SLICKNAV ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_nav { clear: both }
.slicknav_nav ul, .slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { color:#808080;font-size: 13px; line-height:13px;font-weight:bold;float:right;margin: 0 20px 0 0;padding:6px 0; }
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before, .slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
div.slicknav_menu {font-size:13px;width:100%;position:relative;top:0;left:0;z-index:999999;width:100%;padding:0;}
.slicknav_btn {display: block;cursor: pointer;padding:5px 10px 10px 0;text-decoration:none;background:#fff;position:relative;top:0px;right:3%;height:24px;width:100%;z-index:99999;}
.slicknav_menu  .slicknav_menutxt {z-index:99;display: block;color: #808080;font-weight: normal;font-size:13px;line-height:32px;float:right;padding:0;margin:0;}
.slicknav_menu  .slicknav_menutxt:focus,.slicknav_menu  .slicknav_menutxt:hover,.slicknav_menu  .slicknav_menutxt:active {color:#000;}
.slicknav_menu {background:transparent;padding:0;}
.slicknav_nav {margin:0 5%;padding:30px 0 0 0;background:transparent;}
.slicknav_nav, .slicknav_nav ul, .slicknav_nav ul ul {list-style: none;overflow:hidden;}
.slicknav_nav ul {padding:0;margin:0;width:100%;}
.slicknav_nav li, .slicknav_nav li li, .slicknav_nav li li li {margin:0;padding:0;}
.slicknav_nav .slicknav_item {padding:0;margin:0;}
.slicknav_nav li a, .slicknav_nav a {display:block;font-size:13px;line-height:30px;font-weight:normal;margin:0;padding:0;text-decoration:none;color:#808080;background:#fff;width:100%;text-transform:lowercase;}
.slicknav_nav li li a {padding:0 0 0 20px;}
.slicknav_nav li li li a {padding:0 0 0 40px;}
.slicknav_nav li a:focus, .slicknav_nav li a:hover, .slicknav_nav li a:active {color:#000;}
.slicknav_nav .slicknav_txtnode {margin-left:15px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 1200px) {
#head {width:96%;height:auto;margin:0;padding:2%;}
#title {width:100%;float:none;margin:0;padding:0;text-align:center;}
nav {padding:12px 0 0 10px;}
#content {float:none;width:96%;padding:5% 2%;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 940px) {
nav ul li {float: left;padding:0 20px 0 0;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 760px) {
.js #menu {display:none;}
.js .slicknav_menu {display:block;}
img {max-width:100%;width:auto;height:auto;}
nav {display:none;}
#mobhome {display:block;}
#mobnav {display:block;position:fixed;top:11px;right:15px;z-index:9999;}
html body {font-size:13px;line-height:20px;}
#lang {display:none;}
.ml50 {margin-left:0px;}
#oben {width:96%;height:auto;padding:0 2%;margin:20px 0;overflow-y:auto;overflow-x:auto;white-space:normal;text-align:center;}
#oben img {padding:0 0 6px 0;margin:0;}
#oben img.pl190 {padding-left:0px;}
#left {float:none;width:96%;padding:2%;}
}