#customer-journey-tool{font-family:Arial, sans-serif;max-width:800px;margin:0 auto;padding:20px;box-sizing:border-box;}
#customer-journey-tool h2, #customer-journey-tool h3{color:#333;}
#customer-journey-tool #input-section,
#customer-journey-tool #comparison-section,
#customer-journey-tool #tips-section{margin-bottom:20px;}
#customer-journey-tool .persona-input{margin-bottom:10px;}
#customer-journey-tool input,
#customer-journey-tool select{margin:5px 0;padding:5px;width:100%;}
#customer-journey-tool button{background-color:#4CAF50;border:none;color:white;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;}
#customer-journey-tool #journey-comparison{display:flex;overflow-x:auto;margin-bottom:20px;}
#customer-journey-tool .journey-lane{min-width:200px;margin-right:20px;padding:10px;background-color:#f0f0f0;border-radius:5px;}
#customer-journey-tool .touchpoint{margin:10px 0;padding:5px;background-color:#fff;border:1px solid #ddd;border-radius:3px;}
#customer-journey-tool .weak-performance{border-color:#ff0000;}
#customer-journey-tool #journey-chart{width:100%;height:300px;margin-bottom:20px;}
#customer-journey-tool #copy-result {
background-color: #008CBA;
}.yarpp-related{margin-bottom:1em;margin-top:1em}.yarpp-related a{font-weight:700;text-decoration:none}.yarpp-related .yarpp-thumbnail-title{font-size:96%;font-weight:700;text-align:left;text-decoration:none}.yarpp-related h3{font-size:125%;font-weight:700;margin:0;padding:0 0 5px;text-transform:capitalize}#copy-embed-code {
background-color: #4CAF50;
border: none;
color: white;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}.conversion-container{text-align:center;margin:20px auto;max-width:100%;width:100%;padding:0 15px;box-sizing:border-box;font-family:Verdana, sans-serif;}
.conversion-title{font-family:Verdana, sans-serif;font-weight:bold;color:#3c3c3c;font-size:18px;margin-bottom:15px;line-height:1.3;}
.conversion-button{width:100%;max-width:486px;height:240px;background:linear-gradient(135deg, #1a1a1a 0%, #000000 50%, #1a1a1a 100%);border:2px solid #333;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(0, 0, 0, 0.3);margin:0 auto;box-sizing:border-box;}
.conversion-button::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg, transparent, rgba(255, 215, 0, 0.1), transparent);transform:rotate(45deg);transition:all 0.5s ease;opacity:0;}
.conversion-button:hover::before{opacity:1;animation:shine 1.5s ease-in-out infinite;}
.button-text{font-family:Verdana, sans-serif;color:#FFD700;font-size:22px;font-weight:bold;text-align:center;padding:0 20px;text-shadow:2px 2px 4px rgba(0, 0, 0, 0.5), 0 0 20px rgba(255, 215, 0, 0.3);position:relative;z-index:2;line-height:1.3;}
.conversion-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0, 0, 0, 0.4);border-color:#FFD700;}
.conversion-button:hover .button-text{text-shadow:2px 2px 4px rgba(0, 0, 0, 0.5), 0 0 25px rgba(255, 215, 0, 0.5);}
@keyframes shine {
0%{transform:translateX(-100%) translateY(-100%) rotate(45deg);}
50%{transform:translateX(0%) translateY(0%) rotate(45deg);}
100%{transform:translateX(100%) translateY(100%) rotate(45deg);}
}
.conversion-button:active{transform:translateY(0px);box-shadow:0 2px 10px rgba(0, 0, 0, 0.3);}
@media screen and (max-width:768px){
.conversion-container{padding:0 10px;}
.conversion-title{font-size:16px;margin-bottom:12px;}
.conversion-button{height:180px;border-radius:6px;}
.button-text{font-size:18px;padding:0 15px;line-height:1.2;}
}
@media screen and (max-width:480px){
.conversion-container{padding:0 8px;}
.conversion-title{font-size:15px;margin-bottom:10px;}
.conversion-button{height:160px;border-radius:5px;}
.button-text{font-size:16px;padding:0 12px;line-height:1.1;}
}
@media screen and (max-width:320px){
.conversion-button {
height: 140px;
}
.button-text {
font-size: 14px;
padding: 0 10px;
}
}.konfigurator-container{text-align:center;margin:15px auto;max-width:100%;width:100%;padding:0 15px;box-sizing:border-box;font-family:Verdana, sans-serif;}
.konfigurator-button{width:100%;max-width:468px;height:90px;background:linear-gradient(135deg, #1a1a1a 0%, #000000 50%, #1a1a1a 100%);border:2px solid #333;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:all 0.3s ease;box-shadow:0 3px 12px rgba(0, 0, 0, 0.3);margin:0 auto;box-sizing:border-box;}
.konfigurator-button::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg, transparent, rgba(255, 215, 0, 0.1), transparent);transform:rotate(45deg);transition:all 0.5s ease;opacity:0;}
.konfigurator-button:hover::before{opacity:1;animation:shine 1.5s ease-in-out infinite;}
.button-text{font-family:Verdana, sans-serif;color:#FFD700;font-size:18px;font-weight:bold;text-align:center;padding:0 15px;text-shadow:2px 2px 4px rgba(0, 0, 0, 0.5), 0 0 20px rgba(255, 215, 0, 0.3);position:relative;z-index:2;line-height:1.2;}
.konfigurator-button:hover{transform:translateY(-2px);box-shadow:0 5px 16px rgba(0, 0, 0, 0.4);border-color:#FFD700;}
.konfigurator-button:hover .button-text{text-shadow:2px 2px 4px rgba(0, 0, 0, 0.5), 0 0 25px rgba(255, 215, 0, 0.5);}
@keyframes shine {
0%{transform:translateX(-100%) translateY(-100%) rotate(45deg);}
50%{transform:translateX(0%) translateY(0%) rotate(45deg);}
100%{transform:translateX(100%) translateY(100%) rotate(45deg);}
}
.konfigurator-button:active{transform:translateY(0px);box-shadow:0 2px 8px rgba(0, 0, 0, 0.3);}
@media screen and (max-width:768px){
.konfigurator-container{padding:0 10px;margin:12px auto;}
.konfigurator-button{height:80px;border-radius:5px;}
.button-text{font-size:16px;padding:0 12px;line-height:1.1;}
}
@media screen and (max-width:480px){
.konfigurator-container{padding:0 8px;margin:10px auto;}
.konfigurator-button{height:70px;border-radius:4px;}
.button-text{font-size:15px;padding:0 10px;line-height:1.1;}
}
@media screen and (max-width:320px){
.konfigurator-button {
height: 60px;
}
.button-text {
font-size: 14px;
padding: 0 8px;
line-height: 1.0;
}
}.verzeichnis-container{text-align:center;margin:15px auto;max-width:100%;width:100%;padding:0 15px;box-sizing:border-box;font-family:Verdana, sans-serif;}
.verzeichnis-button{width:100%;max-width:468px;height:90px;background:linear-gradient(135deg, #1a1a1a 0%, #000000 50%, #1a1a1a 100%);border:2px solid #333;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:all 0.3s ease;box-shadow:0 3px 12px rgba(0, 0, 0, 0.3);margin:0 auto;box-sizing:border-box;}
.verzeichnis-button::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg, transparent, rgba(255, 215, 0, 0.1), transparent);transform:rotate(45deg);transition:all 0.5s ease;opacity:0;}
.verzeichnis-button:hover::before{opacity:1;animation:shine 1.5s ease-in-out infinite;}
.button-text{font-family:Verdana, sans-serif;color:#FFD700;font-size:18px;font-weight:bold;text-align:center;padding:0 15px;text-shadow:2px 2px 4px rgba(0, 0, 0, 0.5), 0 0 20px rgba(255, 215, 0, 0.3);position:relative;z-index:2;line-height:1.2;}
.verzeichnis-button:hover{transform:translateY(-2px);box-shadow:0 5px 16px rgba(0, 0, 0, 0.4);border-color:#FFD700;}
.verzeichnis-button:hover .button-text{text-shadow:2px 2px 4px rgba(0, 0, 0, 0.5), 0 0 25px rgba(255, 215, 0, 0.5);}
@keyframes shine {
0%{transform:translateX(-100%) translateY(-100%) rotate(45deg);}
50%{transform:translateX(0%) translateY(0%) rotate(45deg);}
100%{transform:translateX(100%) translateY(100%) rotate(45deg);}
}
.verzeichnis-button:active{transform:translateY(0px);box-shadow:0 2px 8px rgba(0, 0, 0, 0.3);}
@media screen and (max-width:768px){
.verzeichnis-container{padding:0 10px;margin:12px auto;}
.verzeichnis-button{height:80px;border-radius:5px;}
.button-text{font-size:16px;padding:0 12px;line-height:1.1;}
}
@media screen and (max-width:480px){
.verzeichnis-container{padding:0 8px;margin:10px auto;}
.verzeichnis-button{height:70px;border-radius:4px;}
.button-text{font-size:15px;padding:0 10px;line-height:1.1;}
}
@media screen and (max-width:320px){
.verzeichnis-button {
height: 60px;
}
.button-text {
font-size: 14px;
padding: 0 8px;
line-height: 1.0;
}
}.referenzen-container{text-align:center;margin:15px auto;max-width:100%;width:100%;padding:0 15px;box-sizing:border-box;font-family:Verdana, sans-serif;}
.referenzen-button{width:100%;max-width:468px;height:90px;background:linear-gradient(135deg, #1a1a1a 0%, #000000 50%, #1a1a1a 100%);border:2px solid #333;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:all 0.3s ease;box-shadow:0 3px 12px rgba(0, 0, 0, 0.3);margin:0 auto;box-sizing:border-box;}
.referenzen-button::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg, transparent, rgba(255, 215, 0, 0.1), transparent);transform:rotate(45deg);transition:all 0.5s ease;opacity:0;}
.referenzen-button:hover::before{opacity:1;animation:shine 1.5s ease-in-out infinite;}
.button-text{font-family:Verdana, sans-serif;color:#FFD700;font-size:18px;font-weight:bold;text-align:center;padding:0 15px;text-shadow:2px 2px 4px rgba(0, 0, 0, 0.5), 0 0 20px rgba(255, 215, 0, 0.3);position:relative;z-index:2;line-height:1.2;}
.referenzen-button:hover{transform:translateY(-2px);box-shadow:0 5px 16px rgba(0, 0, 0, 0.4);border-color:#FFD700;}
.referenzen-button:hover .button-text{text-shadow:2px 2px 4px rgba(0, 0, 0, 0.5), 0 0 25px rgba(255, 215, 0, 0.5);}
@keyframes shine {
0%{transform:translateX(-100%) translateY(-100%) rotate(45deg);}
50%{transform:translateX(0%) translateY(0%) rotate(45deg);}
100%{transform:translateX(100%) translateY(100%) rotate(45deg);}
}
.referenzen-button:active{transform:translateY(0px);box-shadow:0 2px 8px rgba(0, 0, 0, 0.3);}
@media screen and (max-width:768px){
.referenzen-container{padding:0 10px;margin:12px auto;}
.referenzen-button{height:80px;border-radius:5px;}
.button-text{font-size:16px;padding:0 12px;line-height:1.1;}
}
@media screen and (max-width:480px){
.referenzen-container{padding:0 8px;margin:10px auto;}
.referenzen-button{height:70px;border-radius:4px;}
.button-text{font-size:15px;padding:0 10px;line-height:1.1;}
}
@media screen and (max-width:320px){
.referenzen-button {
height: 60px;
}
.button-text {
font-size: 14px;
padding: 0 8px;
line-height: 1.0;
}
}.cookielawinfo-column-1{width:25%;}
.cookielawinfo-column-2{width:10%;}
.cookielawinfo-column-3{width:15%;}
.cookielawinfo-column-4{width:50%;}
.cookielawinfo-simple thead{width:100%;}
.cookielawinfo-simple td{padding:5px 5px 5px 0;vertical-align:top;}
.cookielawinfo-simple thead th{padding-right:10px;text-align:left;}
.cookielawinfo-modern{border:1px solid #e3e3e3;background-color:#f2f2f2;width:100%;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;}
.cookielawinfo-modern td, .cookielawinfo-modern th{padding:5px;color:#333;}
.cookielawinfo-modern thead{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;padding:.2em 0 .2em .5em;text-align:left;color:#4B4B4B;background-color:#C8C8C8;background-image:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e3e3e3), color-stop(.6,#B3B3B3));background-image:-moz-linear-gradient(top, #D6D6D6, #B0B0B0, #B3B3B3 90%);border-bottom:solid 1px #999;}
.cookielawinfo-modern th{font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:20px;font-style:normal;font-weight:normal;text-align:left;text-shadow:white 1px 1px 1px;}
.cookielawinfo-modern td{line-height:20px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;border-bottom:1px solid #fff;border-top:1px solid #fff;}
.cookielawinfo-modern tr.cookielawinfo-row:hover{background-color:#fff;}
.cookielawinfo-elegant{border:1px solid #DFDFDF;background-color:#F9F9F9;width:100%;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font-family:Arial,"Bitstream Vera Sans",Helvetica,Verdana,sans-serif;color:#333;}
.cookielawinfo-elegant tr{border-top-color:white;border-bottom:1px solid #DFDFDF;color:#555;}
.cookielawinfo-elegant th{text-shadow:rgba(255, 255, 255, 0.796875) 0px 1px 0px;font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;font-weight:normal;padding:7px 7px 8px;text-align:left;line-height:1.3em;font-size:14px;}
.cookielawinfo-elegant td{font-size:12px;padding:4px 7px 2px;vertical-align:top;}
.cookielawinfo-rounded{background-color:#f5f5f5;padding:5px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #ebebeb;}
.cookielawinfo-rounded td, .rounded th{padding:1px 5px;}
.cookielawinfo-rounded thead{text-shadow:0 1px 0 white;color:#999;}
.cookielawinfo-rounded th{text-align:left;text-transform:uppercase;font-size:11pt;border-bottom:1px solid #fff;padding:1px 5px;}
.cookielawinfo-rounded td{font-size:10pt;padding:5px;}
.cookielawinfo-rounded tr.cookielawinfo-row:hover{background-color:#fff;}
table.cookielawinfo-classic{font-family:Verdana, Arial, Helvetica, sans-serif;border-collapse:collapse;border-left:1px solid #ccc;border-top:1px solid #ccc;color:#333;}
table.cookielawinfo-classic thead tr th{text-transform:uppercase;background:#e2e2e2;}
table.cookielawinfo-classic tfoot tr th, table.cookielawinfo-classic tfoot tr td{text-transform:uppercase;color:#000;font-weight:bold;}
table.cookielawinfo-classic tfoot tr th{width:20%;}
table.cookielawinfo-classic tfoot tr td{width:80%;}
table.cookielawinfo-classic td, table.cookielawinfo-classic th{border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:5px;line-height:1.8em;font-size:0.8em;vertical-align:top;width:20%;}
table.cookielawinfo-classic tr.odd th, table.cookielawinfo-classic tr.odd td{background:#efefef;}
table.cookielawinfo-winter{font:85% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;padding:0;margin:10px 0 20px;border-collapse:collapse;color:#333;background:#F3F5F7;}
table.cookielawinfo-winter a{color:#3A4856;text-decoration:none;border-bottom:1px solid #C6C8CB;}
table.cookielawinfo-winter a:visited{color:#777;}
table.cookielawinfo-winter a:hover{color:#000;}
table.cookielawinfo-winter caption{text-align:left;text-transform:uppercase;padding-bottom:10px;font:200% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;}
table.cookielawinfo-winter thead th{background:#3A4856;padding:15px 10px;color:#fff;text-align:left;font-weight:normal;}
table.cookielawinfo-winter tbody{border-left:1px solid #EAECEE;border-right:1px solid #EAECEE;}
table.cookielawinfo-winter tbody{border-bottom:1px solid #EAECEE;}
table.cookielawinfo-winter tbody td, table.cookielawinfo-winter tbody th{padding:10px;background:url(//www.artdefects.com/wp-content/plugins/cookie-law-info/legacy/images/td_back.gif) repeat-x;text-align:left;}
table.cookielawinfo-winter tbody tr{background:#F3F5F7;}
table.cookielawinfo-winter tbody tr.odd{background:#F0F2F4;}
table.cookielawinfo-winter tbody  tr:hover{background:#EAECEE;color:#111;}
table.cookielawinfo-winter tfoot td, table.cookielawinfo-winter tfoot th, table.cookielawinfo-winter tfoot tr{text-align:left;font:120% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;text-transform:uppercase;background:#fff;padding:10px;}
@media(max-width:800px){
table.cookielawinfo-row-cat-table td, table.cookielawinfo-row-cat-table th{width:23%;font-size:12px;word-wrap:break-word;}
table.cookielawinfo-row-cat-table .cookielawinfo-column-4, table.cookielawinfo-row-cat-table .cookielawinfo-column-4{width:45%;}
}
.cookielawinfo-row-cat-title{border-bottom:1px solid #eee;text-align:center;}
.cookielawinfo-row-cat-title-head{text-align:center;}
.cookielawinfo-row-cat-table{
width: 99%;
margin-left: 5px;
}