/* Datei: lexicon.css */

/* Grundlayout */
.lexikon-pro{width:100%;}

/* Header */
.lexikon-pro-header{position:relative;overflow:hidden;padding:105px 0 65px;background:#243746;color:#fff;}
.lexikon-pro-header:before{content:"";position:absolute;width:650px;height:650px;left:50%;top:50%;transform:translate(-35%,-50%);background:radial-gradient(circle,rgba(77,133,141,.22) 0%,rgba(77,133,141,.09) 32%,rgba(77,133,141,0) 68%);pointer-events:none;}
.lexikon-pro-header:after{content:"";position:absolute;width:300px;height:300px;left:38%;top:25%;background:radial-gradient(circle,rgba(255,255,255,.055),rgba(255,255,255,0) 70%);pointer-events:none;}
.lexikon-pro-header .container{position:relative;z-index:1;}

.lexikon-pro-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:50px;color:#9fb0b7;font-size:13px;line-height:1.5;}
.lexikon-pro-breadcrumbs a{color:#d2dde1;text-decoration:none;transition:color .2s ease;}
.lexikon-pro-breadcrumbs a:hover{color:#9ed1d5;}
.lexikon-pro-breadcrumb-separator{color:#71858d;}
.lexikon-pro-breadcrumb-current{color:#91a3aa;}

.lexikon-pro-kicker{display:inline-flex;align-items:center;gap:7px;margin-bottom:18px;padding:6px 13px;border:1px solid rgba(137,201,207,.45);border-radius:30px;color:#a9d9dd;background:rgba(255,255,255,.035);font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;}

.lexikon-pro-header h1{position:relative;margin:0 0 18px;color:#fff;font-size:44px;line-height:1.15;font-weight:800;}
.lexikon-pro-header h1:after{content:"";display:block;width:32px;height:1px;margin-top:17px;background:#78b8bf;}

.lexikon-pro-header p{max-width:700px;margin:0;color:#d5dfe3;font-size:18px;line-height:1.7;}
.lexikon-pro-description{max-width:700px;margin:0 0 20px;color:#d5dfe3;font-size:18px;line-height:1.7;}

.lexikon-pro-updated{display:flex;align-items:center;gap:8px;margin-top:28px;color:#9fb0b7;font-size:13px;line-height:1.5;}
.lexikon-pro-updated:before{content:"";width:6px;height:6px;border-radius:50%;background:#78b8bf;box-shadow:0 0 0 4px rgba(120,184,191,.1);}

/* Übersicht */
.lexikon-pro-directory{padding:70px 0 100px;background:#fff;}
.lexikon-pro-search{max-width:850px;margin:0 auto 45px;}
.lexikon-pro-search-field{position:relative;}
.lexikon-pro-search-input{display:block;width:100%;height:60px;padding:0 24px;border:1px solid #e1e8ea;border-radius:16px;background:#fff;color:#243746;font-family:'Nunito',sans-serif;font-size:16px;line-height:1.5;box-sizing:border-box;outline:none;box-shadow:0 10px 30px rgba(36,55,70,.07);transition:border-color .2s ease,box-shadow .2s ease;}
.lexikon-pro-search-input:focus{border-color:#4d858d;box-shadow:0 12px 32px rgba(36,55,70,.1),0 0 0 2px rgba(77,133,141,.08);}
.lexikon-pro-search-input::placeholder{color:#9aa7ad;}

/* Suchsymbol */
.lexikon-pro-search-icon{position:absolute;right:22px;top:50%;width:17px;height:17px;border:2px solid #9aa7ad;border-radius:50%;transform:translateY(-55%);pointer-events:none;box-sizing:border-box;}
.lexikon-pro-search-icon:after{content:"";position:absolute;width:7px;height:2px;right:-5px;bottom:-3px;background:#9aa7ad;transform:rotate(45deg);border-radius:2px;}

/* Alphabet */
.lexikon-pro-alphabet{display:grid;grid-template-columns:repeat(13,1fr);gap:8px;margin:0 auto 60px;padding:22px;border:1px solid #e3eaed;border-radius:18px;background:#f5f8f9;}
.lexikon-pro-alphabet a,.lexikon-pro-alphabet span{display:flex;align-items:center;justify-content:center;min-width:0;height:40px;border:1px solid #d8e3e6;border-radius:9px;background:#fff;color:#4d858d;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s ease;}
.lexikon-pro-alphabet a:hover{border-color:#4d858d;background:#4d858d;color:#fff;transform:translateY(-2px);}
.lexikon-pro-alphabet span.is-disabled{color:#b9c2c6;background:#eef2f3;border-color:#e1e7e9;cursor:default;}

/* Buchstabenbereiche */
.lexikon-pro-letter{margin-bottom:65px;scroll-margin-top:40px;}
.lexikon-pro-letter-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e3eaed;}
.lexikon-pro-letter-title{margin:0;color:#243746;font-size:30px;line-height:1.2;font-weight:800;}
.lexikon-pro-letter-count{color:#8a979d;font-size:13px;}

/* Einträge */
.lexikon-pro-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
.lexikon-pro-card{display:flex;flex-direction:column;min-width:0;padding:25px 27px;background:#fff;border:1px solid #e3eaed;border-radius:18px;box-shadow:0 8px 25px rgba(36,55,70,.06);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.lexikon-pro-card:hover{transform:translateY(-4px);border-color:#cbdde1;box-shadow:0 15px 35px rgba(36,55,70,.1);}
.lexikon-pro-card-content{flex:1;}
.lexikon-pro-card h3{margin:0 0 10px;color:#243746;font-size:21px;line-height:1.35;font-weight:800;}
.lexikon-pro-card h2{margin:0 0 10px;color:#243746;font-size:21px;line-height:1.35;font-weight:800;}
.lexikon-pro-card h2 a,.lexikon-pro-card h3 a{color:inherit;text-decoration:none;}
.lexikon-pro-card p{margin:0;color:#66727c;font-size:15px;line-height:1.7;}
.lexikon-pro-card-link{display:flex;align-items:center;gap:8px;margin-top:20px;color:#4d858d;font-size:14px;font-weight:700;text-decoration:none;}
.lexikon-pro-card-link span:last-child{font-size:18px;transition:transform .2s ease;}
.lexikon-pro-card:hover .lexikon-pro-card-link span:last-child{transform:translateX(4px);}

/* Leere Zustände */
.lexikon-pro-no-results{max-width:850px;margin:0 auto;padding:30px;border:1px solid #e3eaed;border-radius:16px;background:#f8fafb;text-align:center;color:#66727c;}
.lexikon-pro-empty{padding:50px 30px;border:1px solid #e3eaed;border-radius:18px;background:#f8fafb;text-align:center;color:#66727c;}

/* Einzelansicht */
.lexikon-pro-entry{padding:60px 0 80px;}
.lexikon-pro-entry>.container{width:100%;}
.lexikon-pro-entry>.container>.col-12{color:#4f5d65;font-size:17px;line-height:1.8; }
.lexikon-pro-entry>.container>.col-12>p:first-child{margin-top:0;}
.lexikon-pro-entry>.container>.col-12>p:last-child{margin-bottom:0;}
.lexikon-pro-entry h2{margin:45px 0 20px;color:#243746;font-size:28px;line-height:1.3;font-weight:800;}
.lexikon-pro-entry h3{margin:35px 0 15px;color:#243746;font-size:23px;line-height:1.35;font-weight:800;}
.lexikon-pro-entry h4{margin:30px 0 12px;color:#243746;font-size:19px;line-height:1.4;font-weight:800;}
.lexikon-pro-entry p{margin:0 0 22px;}
.lexikon-pro-entry ul,.lexikon-pro-entry ol{margin:0 0 25px;padding-left:25px;}
.lexikon-pro-entry li{margin-bottom:8px;}
.lexikon-pro-entry a{color:#4d858d;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;}
.lexikon-pro-entry a:hover{color:#3f7279;}
.lexikon-pro-entry blockquote{margin:30px 0;padding:20px 25px;border-left:4px solid #4d858d;background:#f5f8f9;color:#5f6d74;}
.lexikon-pro-entry img{display:block;max-width:100%;height:auto;border-radius:12px;}

/* Responsive */
@media(max-width:1100px){
	.lexikon-pro-header h1{font-size:44px;}
}

@media(max-width:1024px){
	.lexikon-pro-list{grid-template-columns:1fr;}
	.lexikon-pro-alphabet{grid-template-columns:repeat(13,1fr);}
	.lexikon-pro-header{padding:65px 0 70px;}
}

@media(max-width:767px){
	.lexikon-pro-header{padding:55px 0 45px;}
	.lexikon-pro-header:before{width:450px;height:450px;left:50%;top:45%;transform:translate(-50%,-50%);}
	.lexikon-pro-header h1{font-size:34px;}
	.lexikon-pro-header p,.lexikon-pro-description{font-size:16px;}
	.lexikon-pro-breadcrumbs{margin-bottom:35px;}
	.lexikon-pro-kicker{margin-bottom:16px;font-size:11px;letter-spacing:1.5px;}
	.lexikon-pro-directory{padding:45px 0 70px;}
	.lexikon-pro-search{margin-bottom:35px;}
	.lexikon-pro-search-input{height:56px;padding:0 50px 0 20px;font-size:15px;border-radius:14px;}
	.lexikon-pro-alphabet{grid-template-columns:repeat(7,1fr);gap:7px;padding:16px;margin-bottom:45px;}
	.lexikon-pro-alphabet a,.lexikon-pro-alphabet span{height:36px;font-size:13px;border-radius:8px;}
	.lexikon-pro-letter{margin-bottom:50px;}
	.lexikon-pro-letter-header{align-items:flex-start;flex-direction:column;gap:5px;}
	.lexikon-pro-card{padding:23px;}
	.lexikon-pro-entry{padding:45px 0 65px;}
	.lexikon-pro-entry>.container>.col-12{font-size:16px;}
	.lexikon-pro-entry h2{font-size:25px;}
	.lexikon-pro-entry h3{font-size:21px;}
}