*,*:before,*:after{box-sizing:border-box}
body{margin:0;padding:0}
body,input,select,textarea,li#def-liste{color:#585858;font-size:1.2em;font-family:Georgia,times,serif;font-weight:300;line-height:1.7}
@media all and (max-width:1280px){body,input,select,textarea,li{font-size:1.1em}}
h1,h2,h3,h4{font-family:ArialRoundedMTBold,'Segoe UI',sans-serif-light,fantasy;font-weight:400;line-height: 1.2}
h1{font-size:2em}
h2,h3,h4{font-size:1.5em}
.mobile-only{display:none}
@media only screen and (max-width : 700px) { h1{font-size:1.5em} h2,h3,h4{font-size:1.4em;color:#333} .desktop-only{display:none} .mobile-only{display:inline} }
a{transition:border-bottom-color 0.2s ease, color 0.2s ease;text-decoration:none;border-bottom:dotted 1px rgba(88,88,88,0.5)}
a:hover{color:#f2849e!important}
#wo a{color:#888;border:0}
.alright{float:right}
.grau{color:#888}
p{-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;}

/*
body,input,select,textarea{color:#585858;font-family:Georgia,times,serif;font-size:16pt;font-weight:300;line-height:1.75}
body,input,select,textarea{color:#444;font:16px 'Segoe UI Semilight','Segoe UI',HelveticaNeue-Light,sans-serif;line-height:1.6;}
*/

/*
@media all and (max-width:480px){html,body{min-width:320px}}
@media all and (max-width:350px){p{padding-left:10px;padding-right:10px}}
@media all and (max-width:736px){h1{font-size:2em;margin: 0 0 1em 0}}
@media all and (max-width:360px){h1{font-size:1.75em}}
@media all and (max-width:350px){h1{padding-left:10px;padding-right: 10px;text-align:center}}
h2,h3,h4,h5,h6{font-weight:900;line-height:1.5;margin: 0 0 2em 0;text-transform:uppercase;letter-spacing:0.35em;padding: 0 2%}
h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit}
h2{font-size:1.1em}
h3{font-size:1em}
h4{font-size:0.8em}
h5{font-size:0.8em}
h6{font-size:0.8em}
@media all and (max-width:980px){h1 br,h2 br,h3 br,h4 br,h5 br,h6 br{display: none}}
@media all and (max-width:736px){h2{font-size:1em}h3{font-size:0.8em}}*/
.row-wr{display:inline-block;vertical-align:top;width:100%;text-align:center}
.row-wr>div{width:auto;display:inline-block;vertical-align:top;margin-left:1%;margin-right:1%;margin-bottom:2%}
@media all and (max-width:400px){.row-wr>div{margin-left:.2em;margin-right:.2em;margin-bottom:.4em}}
@media all and (min-width:401px) and (max-width:930px){.row-wr>div{margin-left:.5%;margin-right:.5%;margin-bottom:1%}}
@media all and (min-width:931px) and (max-width:2550px){.row-wr>div{margin-left:5px;margin-right:5px;margin-bottom:10px}}
.row-wr.cols-2>div{width:50%;padding-left:2%;padding-right:2%;display:inline-block;vertical-align:top;margin:0;text-align:left;box-sizing:border-box}
.row-wr.cols-3>div{width:33.3%;padding-left:2%;padding-right:2%;display:inline-block;vertical-align:top;margin:0;text-align:left;box-sizing:border-box}
.row-wr h2,.row-wr h3,.row-wr h4,.row-wr h5,.row-wr h6{padding:0}
sub{font-size:0.8em;position:relative;top:0.5em}
sup{font-size:0.8em;position:relative;top:-0.5em}
blockquote{margin:0}
code{background:rgba(144,144,144,0.075);border-radius:4px;border:solid 1px #c9c9c9;font-family:"Courier New",monospace;font-size:0.9em;margin: 0 2%;padding: 0.25em 0.65em}
pre{font-family:"Courier New",monospace;font-size:0.9em;margin: 0 0 2em 0}
pre code{display:block;line-height:1.75;padding:1em 1.5em;overflow-x:auto}
hr{border:0;border-bottom:solid 1px #c9c9c9;margin:2em 2%}
ol{list-style:decimal;margin:0 0 2em 0;padding-left:1.25em}
ol li{padding-left:0.25em}
ul{list-style:disc;margin:0 0 2em 0}
ul li{padding-left:0.5em}
ul.alt{list-style:none;padding-left:0}
ul.alt li{border-top:solid 1px #c9c9c9;padding:0.5em 0}
ul.alt li:first-child{border-top:0;padding-top:0}
ul.actions{cursor:default;list-style:none;padding-left:0;margin-left:2%;margin-right:2%}
.row-wr ul.actions{margin-left:0;margin-right:0}
ul.actions li{display:inline-block;padding:0 1em 0 0;vertical-align:middle}
ul.actions li:last-child{padding-right:0}
ul.actions.small li{padding:0 0.5em 0 0}
ul.actions.vertical li{display:block;padding:1em 0 0 0}
ul.actions.vertical li:first-child{padding-top:0}
ul.actions.vertical li>*{margin-bottom:0}
ul.actions.vertical.small li{padding:0.5em 0 0 0}
ul.actions.vertical.small li:first-child{padding-top:0}
ul.actions.fit{display:table;margin-left:-1em;padding:0;table-layout:fixed;width:calc(100% + 1em)}
ul.actions.fit li{display:table-cell;padding:0 0 0 1em}
ul.actions.fit li>*{margin-bottom:0}
ul.actions.fit.small{margin-left:-0.5em;width:calc(100% + 0.5em)}
ul.actions.fit.small li{padding:0 0 0 0.5em}
@media all and (max-width:480px){ul.actions{margin:0 0 2em 0}ul.actions li{padding:1em 0 0 0;display:block;text-align:center;width:100%}ul.actions li:first-child{padding-top:0}ul.actions li>*{width:100%;margin:0 !important}ul.actions.small li{padding:0.5em 0 0 0}ul.actions.small li:first-child{padding-top:0}}
footer form{margin:0}
.form-group{width:100%;margin-bottom:2em}
.form-group.cols-2>*{display:inline-block;width:49%}
.form-group.cols-2>*+*{margin-left:2%}
.form-group.cols-3>*{display:inline-block;width:32%}
.form-group.cols-3>*+*{margin-left:2%}
.form-controls>*+*{margin-left:1em}
@media all and (max-width:600px){.form-group.cols-2>*,.form-group.cols-3>*{display:block;width:100%}.form-group.cols-2>*+*,.form-group.cols-3>*+*{margin-left:0;margin-top:2em}.form-controls>*{display:block;width:100%}.form-controls>*+*{margin-left:0;margin-top:15px}}
label{display:block;font-size:0.9em;font-weight:900;margin:0 0 1em 0}
input[type="text"],input[type="password"],input[type="email"],input[type="tel"],select,textarea{background-color:transparent;border:none;border-radius:0;border-bottom:solid 1px #c9c9c9;color:inherit;display:block;outline:0;padding:0;text-decoration:none;width:100%}
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="tel"]:focus,select:focus,textarea:focus{border-bottom-color:#f2849e;box-shadow:inset 0 -1px 0 0 #f2849e}
input[type="text"],input[type="password"],input[type="email"],select{height:3em}
textarea{padding:0;min-height:3.75em}
input[type="checkbox"],input[type="radio"]{display:block;float:left;margin-right:-2em;opacity:0;width:1em;z-index:-1}
input[type="checkbox"]+label,input[type="radio"]+label{text-decoration:none;color:#585858;cursor:pointer;display:inline-block;font-size:1em;font-weight:300;padding-left:2.55em;padding-right:0.75em;position:relative}
input[type="checkbox"]+label:before,input[type="radio"]+label:before{font-family:FontAwesome;font-style:normal;font-weight:normal;text-transform:none!important}
input[type="checkbox"]+label:before,input[type="radio"]+label:before{border-radius:4px;border:solid 1px #c9c9c9;content:'';display:inline-block;height:1.8em;left:0;line-height:1.7em;position:absolute;text-align:center;top:0;width:1.8em}
input[type="checkbox"]:checked+label:before,input[type="radio"]:checked+label:before{background:#585858;border-color:#585859;color:#ffffff;content:'\f00c'}
input[type="checkbox"]:focus+label:before,input[type="radio"]:focus+label:before{border-color:#f2849e;box-shadow:0 0 0 1px #f2849e}
input[type="checkbox"]+label:before{border-radius:4px}
input[type="radio"]+label:before{border-radius:100%}
.image-wr>div{border-radius:4px;border:0;display:inline-block;position:relative;width:auto}
.image-wr>div>img{border-radius:4px;display:block;width:100%}
.img-left{float:left;padding:0 1.5em 1em 0;top:0.25em}
.img-right{float:right;padding:0 0 1em 1.5em;top:0.25em}
@media all and (max-width:767px){.img-left,.img-right{float:none;display:block;padding:0;margin-bottom:15px;width:100%;margin-left:auto;margin-right:auto}}
.table-wrapper{overflow-x:auto}
table{margin:0 2% 2em;width:calc(100% - 4%)}
table tbody tr{border:solid 1px #c9c9c9;border-left:0;border-right:0}
table tbody tr:nth-child(2n+1){background-color:rgba(144,144,144,0.075)}
table td{padding:0.75em 0.75em}
table th{font-size:0.9em;font-weight:900;padding:0 0.75em 0.75em 0.75em;text-align:left}
table thead{border-bottom:solid 2px #c9c9c9}
table tfoot{border-top:solid 2px #c9c9c9}
table.alt{border-collapse:separate}
table.alt tbody tr td{border:solid 1px #c9c9c9;border-left-width:0;border-top-width:0}
table.alt tbody tr td:first-child{border-left-width:1px}
table.alt tbody tr:first-child td{border-top-width:1px}
table.alt thead{border-bottom:0}
table.alt tfoot{border-top:0}

input[type="submit"],input[type="reset"],input[type="button"],button{transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;background-color:transparent;border-radius:4px;border:0;box-shadow:inset 0 0 0 2px #585858;color:#585858!important;cursor:pointer;display:inline-block;font-size:0.8em;font-weight:900;height:3.5em;letter-spacing:0.35em;line-height:3.45em;overflow:hidden;padding:0 1.25em 0 1.6em;text-align:center;text-decoration:none;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
input[type="submit"].fit,input[type="reset"].fit,input[type="button"].fit,button.fit{display:block;margin:0 0 1em 0;width:100%}
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,button:hover{color:#f2849e!important;box-shadow:inset 0 0 0 2px #f2849e}
input[type="submit"]:active,input[type="reset"]:active,input[type="button"]:active,button:active{background-color:rgba(242, 132, 158, 0.1)}
input[type="submit"].small,input[type="reset"].small,input[type="button"].small,button.small{font-size:0.6em}
input[type="submit"].big,input[type="reset"].big,input[type="button"].big,button.big{font-size:1em}
input[type="submit"].special,input[type="reset"].special,input[type="button"].special,button.special{box-shadow:none;background-color:#585858;color:#ffffff!important}
input[type="submit"].special:hover,input[type="reset"].special:hover,input[type="button"].special:hover,button.special:hover{background-color:#f2849e}
input[type="submit"].special:active,input[type="reset"].special:active,input[type="button"].special:active,button.special:active{background-color:#ee5f81}
input[type="submit"].disabled,input[type="submit"]:disabled,input[type="reset"].disabled,input[type="reset"]:disabled,input[type="button"].disabled,input[type="button"]:disabled,button.disabled,button:disabled{cursor:default;opacity:0.25}
.image-wr.animated>div{transition: transform 0.5s ease, opacity 0.5s ease;position:relative;width:300px;height:300px}
@media all and (min-width:621px) and (max-width:930px){.image-wr.animated>div{width:31%;height:31%;overflow:hidden} main{padding:0!important}blockquote{padding:0 4%}}
@media all and (min-width:401px) and (max-width:620px){.image-wr.animated>div{width:48%;height:48%;overflow:hidden}}
@media all and (max-width:400px){.image-wr.animated>div{width:150px;height:150px;overflow:hidden}}
.image-wr.animated>div>picture img{display:block;width:100%;height:auto}
@media all and (min-width:401px){.image-wr.animated>div>picture img{display:block}}
.image-wr.animated>div:before{transition:background-color 0.5s ease,opacity 0.5s ease;content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:1.0;z-index:1;opacity:0.8}
.image-wr.animated>div:nth-child(n):before{width:100%;box-sizing:border-box}
.image-wr.animated>div{position:relative}
.image-wr.animated>div>a{display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background-color 0.5s ease,transform 0.5s ease;position:absolute;top:0;left:0;width:100%;height:100%;padding:1em;border-radius:4px;border-bottom:0;color:#ffffff;text-align:center;text-decoration:none;z-index:3}
@media all and (min-width:401px){.image-wr.animated>div>a{overflow:hidden}}
.image-wr.animated>div>a>:last-child{margin:0}
.image-wr.animated>div>a:hover{color:#ffffff!important}
.image-wr.animated>div>a h2{margin:0;opacity:0.2;position:absolute;bottom:0}
@media all and (max-width:767px){.image-wr.animated>div>a{padding:0.7em 0 0 0} .image-wr.animated>div>a h2, .image-wr.animated>div>a p{font-size:.85em;line-height:1.2}}
.image-wr.animated>div>a>div{transition:max-height 0.5s ease,opacity 0.5s ease;width:100%;max-height:0;margin-top:0.35em;opacity:0}
.image-wr.animated>div>a>div>:last-child{margin-bottom:0}
body:not(.is-touch) .image-wr.animated>div:hover,.image-wr.animated>div:active{transform: scale(1.03)}
.image-wr.animated>div:nth-child(6n+1):hover:before{background-color:#800;opacity:.8}
.image-wr.animated>div:nth-child(6n+2):hover:before{background-color:#282;opacity:.8} 
.image-wr.animated>div:nth-child(6n+3):hover:before{background-color:#058;opacity:.8}
.image-wr.animated>div:nth-child(6n+4):hover:before{background-color:#831;opacity:.8}
.image-wr.animated>div:nth-child(6n+5):hover:before{background-color:#528;opacity:.8}
.image-wr.animated>div:nth-child(6n+6):hover:before{background-color:#088;opacity:.8}
.image-wr.animated>div:hover a>div{max-height:15em;opacity:1}
.image-wr.animated>div:hover h2{color:#ffffff;opacity:1;position:static;font-family:Georgia,times,serif;text-shadow:1px 1px 1px rgba(0,0,0,0.3),1px -1px 1px rgba(0,0,0,0.3),-1px 1px 1px rgba(0,0,0,0.3),-1px -1px 1px rgba(0,0,0,0.3)}

header{width:100%;height:45px;border-bottom:solid 1px #e7e7e7}
header a#x{display:block;position:absolute;top:1em;line-height:2em;right:3.5em}
header>div>a{border-bottom:0;color:#f2849e;font-size:20px;font-weight:900;letter-spacing:0.35em;text-transform:uppercase;display:inline-block}
header>div>a>*{line-height: 48px;display:inline-block;vertical-align:middle}
header div>nav+a{float:right;line-height:45px;margin-right: 15px}/*für alteSeiten ohne Instagram*/
header .navico{float:right;line-height:45px;margin-right: 15px}
header div>nav{float:right}
header div>nav>ul{padding:0;margin: 0;line-height:45px}
@media all and (max-width:700px){header>div>nav li>span+span{display:none}}
header>div>nav nav{transform:translateX(16em);transition:transform 0.45s ease,visibility 0.45s;position:fixed;top:0;right:0;width:14em;max-width:80%;height:100%;background:#585858;color:#ffffff;cursor:default;visibility:hidden;z-index:10002;display:block;overflow-y:auto;padding:0 0 0 2em}
header>div>nav nav ul{list-style:none;margin:0 0 1em 0;padding:0}
header>div>nav h4 {color:#ccc;margin:0;line-height:2em;margin-bottom:20px;margin-top:17px;font-weight:400;font-size:1em}
@media all and (max-width:1280px){header>div>nav h4{margin-top:14px}}
header>div>nav nav ul>li{width:100%;display:block;padding:0;border-top:solid 1px rgba(255,255,255,0.15)}
header>div>nav nav ul>li a{outline:none;display:block;padding:.5em 0;border:0;color:#fff;text-decoration:none;text-transform:none;transition:all .3s ease}
@media all and (max-width:700px){header>div>nav nav{padding:0 0 0 1em} } /*header>div>nav nav{transform: translateX(14em);width:13em}*/
@media all and (max-height:650px){header>div>nav nav ul>li a{padding:.2em 0} } 
header>div>nav nav ul>li:hover a{color:#f2849e}
header>div>nav nav ul>li:first-child{border-top:0;margin-top:-1em}
footer{padding-bottom:.5em;margin-top:2em;background-color:#f6f6f6}
footer>div>*>:last-child{margin-bottom:0}
footer>div>div{display:inline-block;vertical-align:top}
footer>div>div:nth-child(1){width:calc(66% - 2.5em);margin-right:2.5em}
footer>div>div:nth-child(2){width:calc(33% - 2.5em);margin-left:2.5em}
footer>div>ul{width:100%;padding:0;margin-top:2em;list-style:none;font-size:0.8em;color:rgba(88,88,88,0.5)}
footer a{color:inherit}
footer>div>ul li{display:inline-block;border-left:solid 1px rgba(88,88,88,0.15);line-height:1;padding:0 0 0 1em;margin:0 0 0 1em}
footer>div>ul li:first-child{border-left:0;padding-left:0;margin-left:0}
@media all and (max-width:1280px){footer>div>div:nth-child(1){width:calc(66% - 1.25em);margin-right:1.25em}footer>div>div:nth-child(2){width:calc(33% - 1.25em);margin-left:1.25em}}
@media all and (max-width:767px){footer>div>div:nth-child(1){width:100%;margin-right:0}footer>div>div:nth-child(2){width:100%;margin-left:0}footer>div>ul{margin-top:3em}}
main{display:block} /* für IE11 */
header>div,main>div,footer>div{width:100%;margin:0 auto;box-sizing:border-box}
header>div,footer>div,main{padding:0 4%}
@media all and (max-width:480px){header>div>a{letter-spacing:0.15em} footer>div>ul li:first-child{display:none} footer>div>ul li{border-left:0;margin:0 1em 0 0} footer>div{padding-left:6%}}
header>div>nav>ul>li{display:inline-block;line-height:25px;text-transform:uppercase;color:#585858;cursor:pointer}
header>div>nav>ul>li{background-color:rgba(255,255,255,.8)}
header>div>nav li:hover span{color:#f2849e}
header>div>nav li:hover>span span{background-color:#f2849e}
header>div>nav li>span{display:inline-block;vertical-align:middle}
header>div>nav li>span+span{font-size:20px;line-height:25px;margin-left:3px}
header>div>nav li>span{display:inline-block;vertical-align:middle}
header>div>nav li>span>span{display:block;width:18px;height:2px;background-color:#585858}
header>div>nav li>span>span+span{margin-top: 4px}
@media all and (max-width:700px){header>div>nav>ul>li{padding:3px 8px 6px 8px} 
header>div>nav li>span>span+span{margin-top:4px}}
header svg:hover g{stroke: #f2849e}
/*main{position:relative;z-index:5}*/
.bright-mask{display:none;width:100%;height:100%;position:absolute;top:0;left:0;z-index:100;background-color: #fff;opacity:.45}