/* CSS Carlos Klein Photography */

/* RESETS */
html, body {height:auto;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, submenu, nav, subnav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, submenu, nav, subnav, section {display:block;}
ol, ul {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}

/* COMMONS */
::-moz-selection {background:#b0b825; color:white;}
::selection {background:#b0b825; color:white;}

body {background:#000; font:13px 'OpenSans', sans-serif; color:#000; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; line-height:1.3;}
.embed-container {position:relative; padding-bottom:56.25%; /* 16/9 ratio */ padding-top:30px; /* IE6 workaround*/ height:0; overflow:hidden;}
.embed-container iframe, .embed-container object, .embed-container embed {position:absolute; top:0; left:0; width:100%; height:100%;}

.no-overflow-x {overflow-x:hidden; width:100%;}

/* COOKIE BANNER */
#cookiePopup {
  background-color:#000;
  position:fixed;
  align-content:center;
  justify-content:center;
  display:flex;
  left:0;
  bottom:0;
  font-size:14px;
  text-align:center!important;
  max-width:100%;
  height:auto;
  padding:40px 50px 40px 40px;
  margin:0px 30px 30px 30px;
  border-radius:0px;
  transition:all 0.8s ease-in;
  opacity:0.9;
  z-index:20000;
}

#cookiePopup img {display:block; width:100px; height:auto; transform:translateZ(0); position:relative; margin:auto; padding:0 20px 0 0;}
#cookiePopup p {font-family:'OpenSans', sans-serif; text-transform:uppercase; line-height:18px !important; padding:2px 10px 0px 10px; color:#888;}
#cookiePopup a {color:#FFF;}

#cookiePopup button {
  cursor:pointer;
  background-color:#FFF;
  border:none;
  color:#000;
  font-size:14px;
  padding:10px 15px;
  display:block;
  position:relative;
  margin:auto auto auto 30px;
  font-family:'OpenSans', sans-serif;
  text-transform:uppercase;
}

.show {visibility:visible; bottom:0; right:0;}
.hide {visibility:hidden; bottom:0; right:0;}

@media only screen and (max-width:480px) and (orientation:portrait) {
#cookiePopup {display:block; max-width:100%; height:auto; padding:25px 20px 25px 20px; text-align:center !important; z-index:20000;}
#cookiePopup img {margin:5px auto 25px auto; padding:0;}
#cookiePopup button {margin:25px auto 0 auto;}
#cookiePopup p {margin-left:-11px; margin-right:-11px;}

.show {right:0; bottom:0;}
.hide {bottom:0; right:0;}
}

/* LANDING PAGE */
#homepage {position:relative; height:100vh; width:100%; left:0px; top:0px; background-color:transparent; z-index:2;}
/*#homepage-bg {position:relative; height:100vh !important; width:100% !important; left:0px; top:0px; z-index:1;}*/

/*.landing-portrait-sunglasses {background-image: url("../images/slider/carlosklein-slider-sunglasses-blank-2025.jpg"); background-position:center; background-repeat:no-repeat; background-size:cover; height:100vh; z-index:1;}*/

.logoblock-container {position:absolute; display:flex; align-content:center; justify-content:center; width:100%; height:auto; padding-top:65px;}
.logoblock {width:380px; height:auto;}
.logoblock img {width:100%; height:100%;}
.logo {position:absolute; display:flex; vertical-align:middle; float:left; left:0; max-width:90px; height:auto; padding:18px 0 0 30px; z-index:12000;}

.arrow-container {position:absolute; align-content:center; justify-content:center; display:flex; bottom:70px; width:100%; height:auto; z-index:9990;}
.arrow {width:36px; height:15px; padding:25px;}

.arrowup-box {position:fixed; display:flex; align-content:center; justify-content:center; right:16px; bottom:15px; width:30px; height:30px; background-color:#333; z-index:9990;}
.arrowup-box img {width:50%; height:auto;}
.arrowup {padding:12px 0;}

/* NAVIGATION */
nav {position:relative; display:flex;/*align-content:center; justify-content:center;*/ width:100%; height:60px; left:0; right:0; padding:0 auto 0 auto; z-index:10000 !important;}
glossar-nav {position:relative; display:flex; align-content:center; justify-content:center; margin-top:30px; padding:0 auto 0 auto; width:100%; height:auto; z-index:8000;}

/* IMAGES */
img {max-width:100%; height:auto; z-index:8999;}
.scale {max-width:100%; padding:0px 180px 0px 180px;}
.columns .img-wrp {position:relative;}

/* ISOTOPE GRID STYLE */
.scaleimg {max-width:100%; padding-top:62.5%; /* 1:1 Aspect Ratio = 100% of width */position:relative;/* If you want image inside of it */}
.scaleimg img {position:absolute; /* then the image needs to be set absolute */left:0; top:0; opacity:1; transition:opacity 1s ease-in-out;}
.scaleimg img.loaded {opacity:1;}
.grid {display:flex; flex-direction:row; flex-wrap:wrap; align-items:flex-start; justify-content:flex-start;}
.grid-item {padding-bottom:15px; width:100%;}

/* VARIOUS CUSTOM SETTINGS */
/*.selected {color:red}*/
.hidden {display:none;}
.anker {/*visibility:hidden;*/ height:0 !important; position:absolute; margin:-55px 0 0 0;}
.anker_search { visibility:hidden; height:0px !important; position:absolute; margin-top:-95px; }
.spacer {height:30px;}
.nocopy {-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.themeicons {margin:0px 0px 0px 0px !important; font-size:26px !important;}

/* LINIEN HORIZONTAL */
hr {border:0; border-bottom:1px solid #555; width:auto; margin:0 30px 0 30px;}
hr.menu {border:0; border-bottom:1px solid #333; opacity:0.7; width:auto; margin:0 120px 0 120px;}
hr.submenu {border:0; border-bottom:1px solid #999; opacity:0.5; width:auto; margin:0 60px 0 60px;}
hr.left {border:0; border-bottom:1px solid #888; opacity:0.4; width:auto; margin:20px 0px 20px 0px;}

/* TYPOGRAPHY */
h1, h2, h3, h4 {font-family:'Carkle', sans-serif; position:relative; text-transform:uppercase; font-weight:600; text-align:center; -webkit-hyphens:auto; -ms-hyphens:auto; -moz-hyphens:auto; hyphens:auto;}
h1 {font-size:70px; margin-bottom:28px; line-height:1.1;}
h1.portfolio {font-size:70px; margin-bottom:2px; line-height:1.1;}
h1.white {font-weight:500; color:white; letter-spacing:2px;}
h1.quote {font-weight:600; font-size:42px; color:black; letter-spacing:0px; line-height:1.2;}
h1.legal {text-align:left;}

h2.left {font-size:30px; text-align:left; margin:0 0 10px 0;}
h2.white {color:white;}

h3 {font-family:'Carkle', sans-serif; font-size:23px; line-height:1.1; margin-bottom:9px;}
h3.white {color:white;}
h3.slide {font-weight:300; font-size:26px;}
h3.left {text-align:left;}

h4 {font-family:'Carkle', sans-serif; font-size:22px; line-height:1.2;}
h4.white {font-family:'Carkle', sans-serif; font-size:32px; font-weight:400;}
h4.small {font-family:'Carkle', sans-serif; font-size:22px; font-weight:400; color:#999li;}

p {font-family:'OpenSans', sans-serif; margin-top:0px; -ms-hyphens:none; -webkit-hyphens:none; hyphens:none; display:inline; line-height:1;}
p.white {color:#FFF;}
p.lead {font-size:20px; color:#868991; line-height:1.4;}
p.heavy {font-weight:600;}
p.copyright {line-height:1.3;}
p.lexikon-alphabet {color:#C5BBBB; font-size:40px; font-weight:700; padding-left:8px; line-height:1.3; text-transform:uppercase;}

span {font-family:'OpenSans', sans-serif; margin-top:0px; -ms-hyphens:none; -webkit-hyphens:none; hyphens:none;}

a {color:#999; text-decoration:none; text-align:center; transition:all 0.3s linear; -moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -o-transition:all 0.3s linear;}
a:hover {color:#FFF;}

/* PAGES */
.page-grey {position:relative; padding:55px 0 35px 0; background:#E5D6D6; height:auto; overflow:hidden;}
.page-white {position:relative; padding:55px 0 35px 0; background:#FFF; height:auto; overflow:hidden;}
.page-black {position:relative; padding:55px 0 35px 0; background:#111; height:auto; overflow:hidden;}
.page-portfolio {position:relative; padding:55px 0 35px 0; background:#F4EAEA; height:auto;}
.page-glossar {position:relative; padding:50px 0px; background:#F4EAEA;}

.selectnav {display:none;}
.social-icons {vertical-align:middle; text-align:right; height:60px; display:table-cell;}
.social-icons li {display:inline-block; margin:0 0 0 8px;} /* Abstand zueinander */
.social-icons li a {font-size:13px; line-height:1.8; text-align:center; text-decoration:none; display:block; width:24px; height:24px; background:#333333; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.social-icons a:hover {background-color:#999;}

.one-text {font-size:20px; text-transform:uppercase; line-height:1.5; text-align:center;}

.description {font-size:14px; text-transform:uppercase; text-align:center; line-height:1.2;}
.description-light {font-size: 14px; color: #848484; text-transform: uppercase; line-height:1.2;}
.description-white {color: white; font-size: 14px; text-transform: uppercase; line-height:1;}

.guidelines-text {font-weight:100; text-transform:uppercase; text-align:left;}
.guidelines-text-heavy {font-weight: 600; text-transform: uppercase; text-align: left;}
.guidelines-text-head {font-size: 20px; font-weight: 600; text-transform: uppercase; text-align:left;}
.guidelines-title {margin-bottom: 50px; text-transform: uppercase; text-align: left;}

.clients {font-size:18px; color:#000; text-align:center; line-height:1.2; text-transform:uppercase; margin-bottom:25px;}
.clients a {color:#000;}
.clients a:hover {color:#b0b825;}
.clients-left {font-size:18px; color:#000; text-align:left; line-height:1.2; text-transform:uppercase; margin-bottom:25px;}
.links a:visited {color:#b0b825;}
.links a:hover {color:black;}

/* IFRAME */
/*iframe::-webkit-scrollbar{display:none}
.iframe {background:#111; overflow:hidden; position:relative; z-index:0 !important;}
.iframe iframe {width:100%; height:570px; border:0; display:block;}
.iframe-content {position:absolute; width:100%; height:570; overflow:auto; top:0; bottom:0; -webkit-overflow-scrolling:touch;}*/

	
/* CONTACT */
.contact {position:relative; width:100%; height:auto !important; background-color:#111; z-index:100;}
.card {position:relative; width:100%; text-align:center; padding:0px 0 0px 0; background-color:#111;}
.contact-tabs {margin:35px 0 35px 0;}
.contact-tabs li {display:inline; margin:0 9px;}
.contact-tabs li a {padding:5px 15px 5px 15px; /*background:#333;*/ border-radius:0px; border-color:#888; border-width:1px; border-style:solid; font-size:11px; color:#888; font-weight:600; text-transform:uppercase;}
.contact-social-icons {padding:20px 0 0px 0; text-align:center; left:0; width:100%;}
.contact-social-icons li {display:inline; margin:0px 5px 0px 5px;}
.contact-social-icons li a {display:inline-block; color:#888; font-size:26px; line-height:2; /*background-color:#666666;*/ width:45px; height:45px; margin-bottom:7px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.contact-social-icons li a:hover {color:white; /*background-color: #333;*/}
.adress {color:#999; font-size:18px; font-weight:400; margin-top:14px;}

.lines {width:40%; border-top:#666 1px solid; border-bottom:#666 1px solid; text-transform:uppercase; color:white; font-family: 'Carkle', sans-serif; font-size:30px; padding:20px 0 20px 0; margin:12px auto 0px auto; line-height:1.45;}

/* Hinweis Datenschutz */
.hinweis-text {font:10px 'OpenSans', sans-serif; text-transform:uppercase; text-align:center; color:white; padding:30px 0 0 0;}
.edge {height:110px;}

/* COPYRIGHT */	
#copyright {position:relative; padding:0 60px 54px 60px; height:auto; text-align:center; background-color:#111; z-index:100;}
.copyright-text p {text-transform:uppercase; font-weight:400; font-size:14px; color:#888;}

/* SHORTCODES */

/* Buttons */
.button {width:auto; border-color:#888; border-width:1px; border-style:solid; background-color:transparent; color:#888888; cursor:pointer; display:inline-block; font-size:12px; font-weight:600; text-transform:uppercase; margin:0; padding:11px 20px 11px; position:relative; text-align:center; text-decoration:none; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear;}
.button:hover {color:white; border-color:white; border-width:1px; border-style:solid;}
/*.button:active {background-color: #666666;}*/
/*.button:focus {background-color: #999999;}*/
.button.large {font-size:16px; padding:14px 30px 14px;}
.button.small {font-size:10px; padding:6px 10px 6px;}
.button.themes {position:absolute; text-align:center; font-size:18px; padding:6px 10px 6px;}

.button-order {width:auto; border:none; background-color:#444; color:white; cursor:pointer; display:inline-block; font-size:12px; font-weight:600; text-transform:uppercase; margin:0; padding:11px 20px 11px; position:relative; text-align:center; text-decoration:none; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear;}
.button-order:hover {color:white; background-color:#000;}

.buttonsub {color:#777; background-color:transparent; border:none; cursor:pointer; font-size:17px; font-family:'OpenSans', sans-serif; text-transform:uppercase; text-decoration:none; text-align:center; padding:5px 17px; transition:all 0.3s linear; -moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -o-transition:all 0.3s linear;}
.buttonsub:hover {color:#000;}
.buttonsub.active {color:#000; font-weight:600;}

.login-button {width:120px; height:45px; background:#333; color:#fff; font-size:12px; font-weight:600; text-transform:uppercase; text-align:center; border-radius:0px;}

/* Forms */
form {margin-bottom:0px;}
fieldset {margin-bottom:20px;}
input, textarea, button, select, a {-webkit-tap-highlight-color:rgba(0,0,0,0)!important;}
input, textarea {border:1px solid #ccc; padding:10px 10px; outline:none; color:#868991; margin:5px 0 0 0; width:100%; display:block; margin-bottom:20px; background:#fafafa; font-size:13px; text-transform:none; font-family:'OpenSans', sans-serif; font-weight:400; box-sizing:border-box; border-radius:0px;}
textarea {min-height:100px;}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {border:1px solid #868991; color:#1c1f26; background:white; -moz-box-shadow:0 0 4px rgba(0,0,0,.2); -webkit-box-shadow:0 0 4px rgba(0,0,0,.2); box-shadow:0 0 4px rgba(0,0,0,.2);}
input.error {border:1px solid #c60f13; background:#f9e7e8;}
input.error[type="text"]:focus,
input.error[type="password"]:focus,
input.error[type="email"]:focus {border:1px solid #c60f13;}
legend {display:block; font-weight:600; font-size:14px;}
.card input, .card textarea, .card input:focus, .card textarea:focus {border:none;}

/* Tabs */
.tabs {margin:20px 0; overflow:hidden;}
.tabs ul {width:100%; margin:0; overflow:hidden; border-bottom:1px solid #666666;}
.tabs ul li {display:inline-block; padding:11px 20px; margin-right:5px; background:#f0f2f5; font-family:'Carkle', sans-serif; text-transform:uppercase; cursor:pointer; -webkit-transition:all 0.1s linear; -moz-transition:all 0.1s linear; -o-transition:all 0.1s linear; transition: all 0.1s linear;}
.tabs ul li:last-child {margin-right:0;}
.tabs ul li:hover {/*background: #666666;*/ color:white;}
.tabs ul li.current {background:#666666; color:white;}
.tabs .tab-content {border:1px solid #666666; padding:16px 20px 25px 20px; display:none; }
.tabs .tab-content:first-child {border:1px solid #666666; padding:16px 20px 25px 20px; display:block;}

.js-tabs .tab-content {display:none;}
.js-tabs .tab-content.active {display:block; position:relative;}
.js-tabs .tab-content-wrp {position:relative;}
.js-tabs li a:hover, .js-tabs li a.current {color:#FFF; border-color:#FFF; /*background: #666666;*/}
	
/* Alerts */
.alert { padding:10px 35px 10px 14px; margin:10px 0 25px 0; font:13px 'OpenSans', sans-serif; background-color:#faf2cb; color:#c09853; text-transform:none; text-align:left; -webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; border-radius:0px; }
.alert h5 {margin:0;}
.alert .close {position: relative; top: -2px; right:-21px; line-height: 20px;}
.alert-success {background-color: #c3e4b8; color: #468847;}
.alert-danger, .alert-error {background-color:#EEBCBD; color: #B02E30;}
.alert-info {background-color:#b9dbee; color:#3a87ad;}
.alert-block {padding-top:14px; padding-bottom:14px;}
.alert-block > p, .alert-block > ul {margin-bottom:0;}
.alert-block p + p {margin-top:5px;}
	
/* Close */
.close {float:right; font-size:18px; margin-top:-1px; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:bold; color:#000000; opacity:0.2; filter:alpha(opacity=20);}
.close:hover {color:#000; text-decoration:none; cursor:pointer; opacity:0.4; filter:alpha(opacity=40);}
button.close {padding:0; cursor:pointer; background:transparent; border:0; -webkit-appearance:none;}

/* SHOP */
.shop-button {display:flex; justify-content:center; align-items:center; width:100%; padding:0px auto 0 auto; float:left; margin:30px 0px 35px 0px;}
.shop-button li {display:inline;}
.shop-button li a {padding:10px 15px 10px 15px; background:#444; border-radius:0px; font-size:12px; color:white; font-weight:600; text-transform:uppercase;}
.shop-button li a:hover {background:#000; color:white;}
.shop-button.left {display:inline-block; align-items:left; font-size:9px;}
.shopfacts {color:#333; font-size:14px; font-weight:600; text-transform:uppercase; text-align:center;}

.shop-button-small {display:inline-block; margin:13px 0px 35px 0px;}
.shop-button-small li {display:inline;}
.shop-button-small li a {padding:3px 8px 3px 8px; background:#000; font-size:16px; color:white; text-transform:uppercase;}

shopimage {position:relative; padding:20px 0 20px 0; display:inline-block; overflow:hidden; border:none; outline:none; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index:1000;}
shopimage-single {position:relative; padding:0 0 20px 0; display:inline-block; overflow:hidden; border:none; outline:none; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index:1000;}
img.shopimg {width:65%; height:auto; border:none; outline:none; -webkit-filter:drop-shadow(5px 5px 10px #444); filter:drop-shadow(5px 5px 10px #444); border-radius:0px;}
shopimage:hover {transform:scale(1.1);}

.shopimage-container {position:relative; padding:20px; display:inline-block; overflow:hidden; border:none; outline:none; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index:1000;}
.shopimage {width:260px; height:194px;}
.shopimage img {width:100%; height:100%; border:none; outline:none; -webkit-filter:drop-shadow(5px 5px 10px #444); filter:drop-shadow(5px 5px 10px #444); border-radius:0px;}
.shopimage-container:hover {transform:scale(1.1);}

#shop-kontaktform {color:#333; font-size:22px; font-weight:600; text-transform:uppercase; text-align:left; padding: 20px 0 0 0;}


/* ICH-BUTTON IN TEXT "ABOUT" */
a.me {width:auto; color:#fff; background-color:#000; cursor:pointer; display:inline-block; font-size:17px; font-weight:600; text-transform:uppercase; margin:0; padding:2px 4px; line-height:1.1; text-align:center; text-decoration:none; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; transform:rotate(-4deg);}
a.me:hover {color:#fff;}

/* KICK ME OFF-BUTTON IN TEXT "ABOUT" */
.me-off {display:none; position:absolute; width:auto; right:320px; bottom:130px; margin:0; padding:2px 4px; color:#FFF; background-color:#000; cursor:pointer; font-size:17px; font-weight:600; text-transform:uppercase; line-height:1.1; text-align:center; text-decoration:none; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; -webkit-transform:rotate(4deg); -moz-transform:rotate(4deg); -o-transform:rotate(4deg); -ms-transform:rotate(4deg); transform:rotate(4deg); z-index:8500;}
.me-off.on {display:flex; animation:fadeIn 1s ease;}
.me-off.off {display:flex; animation:fadeOut .5s ease;}

/* PORTRAIT IN SECTION "ABOUT" */
.portrait {position:relative;}
#portrait-body {position:absolute; background-image: url("../images/carlosklein/carlosklein-easteregg-body.png"); background-repeat:no-repeat; bottom:0px; right:80px; width:400px; height:362px; overflow-x:hidden; z-index:8000;}
#portrait-hand {position:absolute; background-image: url("../images/carlosklein/carlosklein-easteregg-hand.png"); background-repeat:no-repeat; top:0; right:80px; width:400px; height:97px; z-index:8000!important;}

/* Fades the portrait in and out */
.toggle {display:none;}

.toggle.on {display:flex;
  -webkit-animation:fadeIn .5s ease;
  -moz-animation:fadeIn .5s ease;
  -o-animation:fadeIn .5s ease;
  -ms-animation:fadeIn .5s ease;
  animation:fadeIn .5s ease;
}

.toggle.off {display:flex;
  -webkit-animation:fadeOut 1s ease;
  -moz-animation:fadeOut 1s ease;
  -o-animation:fadeOut 1s ease;
  -ms-animation:fadeOut 1s ease;
  animation:fadeOut 1s ease;
}

@keyframes fadeIn {
  from {opacity:0; transform:translateX(450px);}
  to {opacity:1; transform:translateX(0px);}
}

@keyframes fadeOut {
  from {opacity:1; transform:translateX(0px); transition:all .5s ease;}
  to {opacity:0; transform:translateX(450px); transition:all .5s ease;}
}


/* Signatur */
#signatur {width:100%; height:auto; margin:20px 0 0 0; display:flex; justify-content:center; align-items:center; overflow:hidden;}
.signatur {width:200px; height:88px; background-image: url('../images/carlosklein/carlosklein-signatur.png'); background-repeat: no-repeat; background-size:cover;}

/* Bildschutz */
.bild:after {content:''; width:100%; height:100%; top:0; left:0; display:block; position:absolute;}

/* Watermark */
.watermark {z-index:100;}
.watermark:after {content:""; width:150px; height:40px; position:relative; float:right; right:40px; bottom:75px; margin-bottom:-30px; background-image:url("../images/logos/logo-carlosklein-fotografie-block-white.png"); background-size:100% 100%; /*background-position:100px 300px;*/ background-repeat:no-repeat; opacity:0.2; z-index:9000;}


/* GLOSSAR ACCORDION */

/* Hide and show lexikon-alphabet */
.no {display:none}

.accordion {width:100%; margin:30px auto 20px auto;}

.accordion .link {
  position:relative;
  cursor:pointer;
  display:block;
  padding:5px 40px 4px 10px;
  color:#666;
  font-size:15px;
  font-weight:700;
  line-height:17px;
  /*word-wrap:break-word;*/
  border-bottom:1px solid #CCC;

  -moz-hyphens:auto;
  -webkit-hyphens:auto;
  -o-hyphens:auto;
  -ms-hyphens:auto;
  hyphens:auto;

  -moz-transition:all 0.7s ease;
  -webkit-transition:all 0.7s ease;
  -o-transition:all 0.7s ease;
  -ms-transition:all 0.7s ease;
  transition:all 0.7s ease;

  -moz-user-select:none;
  -webkit-user-select:none;
  -o-user-select:none;
  -ms-user-select:none;
  user-select:none;
}

.accordion .link:hover {color:#000;}
.accordion li:last-child .link {border-bottom:0;}

.accordion li i {
  position:absolute;
  top:9px;
  left:12px;
  font-size:18px;
  color:#595959;
  -webkit-transition:all 0.4s ease;
  -o-transition:all 0.4s ease;
  transition:all 0.4s ease;
}

.accordion li i.fa-chevron-down {right:12px; left:auto; line-height:0.7; font-size:16px;}
.accordion li.open {color:#000; border-bottom:0;}
.accordion li.open .link {color:#000; border-bottom:0;}
.accordion li.open i {color:#000;}
.accordion li.open i.fa-chevron-down {
  -webkit-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  transform:rotate(180deg);
}

/* Accordion Submenu */
.subtext {display:none; background:none; font-size:13px; border-bottom:1px solid #CCC;}
/*.subtext li { border-bottom:1px solid #4b4a5e; }*/
.subtext a {display:inline-block; text-align:left; font-weight:600; color:#333 !important; background-color:none; -webkit-transition:all 0.25s ease; -o-transition:all 0.25s ease; transition:all 0.25s ease;}
.subtext a:hover {background:none; color:#000;}
.subtext p {display:block; text-decoration:none; line-height:1.3; text-align:left; text-transform:none; color:#000; padding:1px 30px 12px 20px; -webkit-transition:all 0.25s ease; -o-transition:all 0.25s ease; transition:all 0.25s ease;}

.glossar {font-size:18px; color:#000; -webkit-text-align-last:left; -moz-text-align-last:left; text-align:justify; line-height:1.4; text-transform:uppercase;}