:root{
	/* colors */
	--color-background: #343434;
	--color-background-light: #F9F9F9;
	--color-background-dark: #181818;
	--color-font: #313131;
	--color-font-light: #6F6F6F;
	--color-font-lighter: #CECECE;
	--color-font-dark: #FFF;
	--color-font-darker: #404040;
	--color-link: #F0AF84; /*#A1604D;*/
	--color-link-active: #000;
	--color-link-hover: #C28674;
	--color-headline1: #29325A;
	--color-headline2: #212C35; /*#7198AC;*/
	--color-headline3: #878787;
	--color-highlight: #DFDE94;
	--color-highlight2: #4CAF50;
	--color-edit: #ffef02;
	--color-success: #063;
	--color-success-light: #D8F6CE;
	--color-fail: #970000;
	--color-fail-light: #F6CECE;
	--color-disabled: #F2F2F2;

}
	
html{scroll-behavior:smooth}
@font-face{
	font-family:'WeblySleek UI Semilight';
	src:local('WeblySleek UI Semilight'),
		url('/fonts/weblysleekuisl.woff2') format('woff2'),
		url('/fonts/weblysleekuisl.woff') format('woff'),
		url('/fonts/weblysleekuisl.eot'), /* IE9 Compat Modes */
		url('/fonts/weblysleekuisl.eot?#iefix') format('embedded-opentype'),
		url('/fonts/weblysleekuisl.ttf') format('truetype'),
		url('/fonts/weblysleekuisl.svg#Weblysleek_uisemilight') format('svg');
	font-weight:normal;
	font-style:normal;
	font-display:swap;
}
@font-face{
	font-family:"CollectionRegular";
	src:local('Collection'),
		url("/fonts/collection.woff2") format("woff2"),
		url("/fonts/collection.woff") format("woff"),
		url("/fonts/collection.eot"), /* IE9 Compat Modes */
		url("/fonts/collection.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		url("/fonts/collection.otf") format("opentype"),
		url("/fonts/collection.ttf") format("truetype"),
		url("/fonts/collection.svg") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display:swap
}
@font-face {
    font-family: 'JamieWoods-Regular';
    src: url('/fonts/JamieWoods-Regular.eot');
    src: url('/fonts/JamieWoods-Regular.eot?#iefix') format('embedded-opentype'),
        url('/fonts/JamieWoods-Regular.woff2') format('woff2'),
        url('/fonts/JamieWoods-Regular.woff') format('woff'),
        url('/fonts/JamieWoods-Regular.ttf') format('truetype'),
        url('/fonts/JamieWoods-Regular.svg#JamieWoods-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Custom style 'aspect-ratio' */
[style*="--aspect-ratio"] > :first-child {
  width: 100%;
}
[style*="--aspect-ratio"] > img {  
  height: auto;
} 
@supports (--custom:property) {
  [style*="--aspect-ratio"] {
    position: relative;
  }
  [style*="--aspect-ratio"]::before {
    content: "";
    display: block;
    padding-bottom: calc(100% / (var(--aspect-ratio)));
  }  
  [style*="--aspect-ratio"] > :first-child {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }  
}

body {padding:0;margin:0;background:var(--color-background-light);color:var(--color-font-light);font-family:"WeblySleek UI Semilight";font-size:100.1%}
#darktheme{background:var(--color-headline2);color:var(--color-font-dark)} /* Dunkle Seiten für Formulare, ... */
.dark{background:var(--color-background-dark);color:var(--color-font-dark);scrollbar-color:var(--color-link) var(--color-background-dark) !important} /* Dunkles Thema für Videoseite */

/* ~~ Element-Selektoren ~~ */
h1, h2, h3, h4, h5, h6, p, ul,strong{font-weight:normal;text-decoration:none}

h1{color:var(--color-headline1);text-transform:uppercase;letter-spacing:.5em;font-size:1.8vw}
h2{color:var(--color-headline2);text-transform:uppercase;letter-spacing:.2em;font-size:1.8vw;font-weight:400;margin:0 0 1em 0}
.dark h2{color:var(--color-link)}
h2:nth-child(2n+1){padding-top:2vw}
h1 img,h2 img,h3 img{height:.5em;width:auto}
h3{font-size:1.6em;color:var(--color-headline3);letter-spacing:8px;font-weight:400;margin:3vw 0 0 0}
.dark h3{color:var(--color-font-dark)}
h4{letter-spacing:5px;font-size:1.4em;margin-top:4em}


/* Zitate */
blockquote::before{content:open-quote}
blockquote::after{content:close-quote}
blockquote{quotes: '"' '"' "'" "'"} 

/* Links*/
a{color:var(--color-link)}
a:link{text-decoration: none;transition:color 1s ease-out}
a:visited{text-decoration:none;color:var(--color-link)}
a:hover, a:active, a:focus {text-decoration:none;color:var(--color-link-active)}
.dark a:hover, .dark a:active, .dark a:focus {text-decoration:none;color:var(--color-font-dark)}
a:active,a:focus{outline: none} /* gepunkteten Rahmen um Links entfernen */
a img{border:none}

/* Elemente */
hr{border:3px dashed var(--color-headline2)}
.dark hr{border:3px dashed var(--color-background-dark)}
var, noscript{color:var(--color-link);font-size:.5em;display:inline-block;padding:.7vw 0;position:absolute}
iframe{width:100%;height:auto;border:0;overflow:hidden} /*;allowTransparency:true}*/
video{width:100%;height:auto;box-sizing:border-box;padding:0 .5em;outline:none}
ul{list-style:none}
picture{--aspect-ratio:attr(width)/attr(height)} /* CLS optimization */
img{width:100vw;height:auto}

/* Header*/
header{width:100%;height:auto;--aspect-ratio:attr(width)/attr(height);display:block;background-color:var(--color-headline2)} /* CLS optimization */ /*line-height:0;position:relative}*/
.dark header{background-color:var(--color-background-dark)}
header .banner{display:flex;width:100%;height:88vh;overflow:hidden;position:relative;text-align:center;background-color:var(--color-headline2);z-index:1100}
.dark header .banner{background-color:var(--color-background-dark)}
header .banner picture,header .banner video{display:inline-flex;padding:0}
header .banner picture img,header .banner video{object-fit:cover;object-position:top}
header .banner .banner-logo{position:absolute}
header .banner .banner-logo img{height:auto} /* width individuell aus Datenbank */
	
/*.fixedHead{width:100%;height:800px;display:block;position:relative;background-attachment:fixed;background-size:cover;background-position:100% 0px;z-index:100}*/

.translation span, .translation a{margin-left:1em}
.translation+span{margin-left:0}
.translation span{color:var(--color-font-lighter)}
.dark .translation span{color:var(--color-font-darker)}

/* Nach oben */
a:link #up{position:fixed;right:30px;bottom:30px;height:5vw;width:5vw;background-image:url("/images/dot-arrow-up.svg");background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-size:contain;transition:all 1s ease-in-out;z-index:1200;opacity:0}
a:link #up:hover{background-image:url("/images/dot-arrow-up-active.svg");z-index:1000}

/* Navigation */
nav{position:static;position:-webkit-sticky;position:sticky;top:0;z-index:1300;height:auto;padding:0 .8vw;background-color:var(--color-headline2);transition:all 0.2s cubic-bezier(0.55, 0, 0.1, 1)}
.dark nav{background-color:var(--color-background-dark);border-bottom:1px solid var(--color-link)}
nav #nav-menu{position:relative;display:flex;justify-content:center;align-items:center;padding:0 90px 0 80px;height:80px}
nav #nav-menu #nav-logo .logo-small{position:absolute;top:0;left:0;width:80px;height:80px;background-size:contain;background-image:url('/images/logo-small.png');background-repeat:no-repeat;background-position-x:center;background-position-y:center;opacity:0}

nav #nav-menu #nav-menuitems{display:block;max-width:1260px;margin:0 auto}
nav #nav-menu #nav-menuitems ul{padding:0;margin:0;font-family:"JamieWoods-Regular";box-sizing:border-box;text-align:center;color:var(--color-font-dark);font-size:1.4vw;white-space:nowrap;text-transform:uppercase;cursor:default}
nav #nav-menu #nav-menuitems ul li{cursor:default}
nav #nav-menu #nav-menuitems > ul li{position:relative;display:table;float:left;height:80px;letter-spacing:5px;z-index:100} /*transition:background .4s ease-out*/
nav #nav-menu #nav-menuitems > ul .social,nav #nav-menu .nav-current,nav #nav-menu #nav-icon{display:none}
nav #nav-menu #nav-menuitems > ul li a{position:relative;z-index:200}
nav #nav-menu #nav-menuitems ul li a{display:table-cell;vertical-align:middle;cursor:pointer}
nav #nav-menu #nav-menuitems ul li:not(.social) a{padding:0 4vw}
nav #nav-menu #nav-menuitems ul li:not(.social) a:hover{background:var(--color-font-dark);color:var(--color-headline2)}
.dark nav #nav-menu #nav-menuitems ul li:not(.social) a:hover{background:var(--color-background);color:var(--color-font-dark)}
nav #nav-menu #nav-menuitems .current > a{color:var(--color-link) !important}
nav #nav-menu #nav-menuitems a,nav #nav-menu #nav-menuitems a:link,nav #nav-menu #nav-menuitems a:visited{text-decoration:none;color:var(--color-font-dark)}

nav #nav-menu #nav-menuitems .socialnet{position:absolute;top:80px;left:0;z-index:1000;padding-top:.8vw}
nav #nav-menu .social img{width:auto;height:1.2em;display:block}
nav #nav-menu #nav-menuitems .socialnet ul li{height:unset;margin-right:1em;float:left}
nav #nav-menu #nav-menuitems .socialnet ul li a{padding:0}
nav #nav-menu #nav-menuitems .socialnet ul li a:hover{background:none}
nav #nav-menu #nav-menuitems .socialnet img{max-height:1.4vw}

nav #nav-menu #nav-menuitems > ul li .subChoices{z-index:-50;display:inline-table;transform:translateY(-100%);position:absolute;top:100%;left:0;box-shadow:0px 10px 15px rgba(0, 0, 0, 0.3);transition:all 0.25s cubic-bezier(0.55, 0, 0.1, 1);opacity:0} /*cursor-event:none;*/
.dark nav #nav-menu #nav-menuitems > ul li .subChoices{background:var(--color-headline2)}
nav #nav-menu #nav-menuitems > ul li:hover .subChoices,nav #nav-menu #nav-menuitems > ul li>a:target+.subChoices{transform:translate(0);opacity:1}
nav #nav-menu #nav-menuitems > ul li .subChoices li{height:60px;font-size:.9em;display:table;width:100%;background:var(--color-font-dark);letter-spacing:5px;border-bottom:1px solid var(--color-font-darker);text-align:left}
.dark nav #nav-menu #nav-menuitems > ul li .subChoices li{background:var(--color-background);border-bottom:1px solid var(--color-font-darker)}
nav #nav-menu #nav-menuitems > ul li .subChoices li a{vertical-align:middle;color:var(--color-headline2);transition:all .4s ease-out}
.dark nav #nav-menu #nav-menuitems > ul li .subChoices li a{color:var(--color-font-dark)}
nav #nav-menu #nav-menuitems > ul li .subChoices li a:hover{background:var(--color-headline2);color:var(--color-link)}
.dark nav #nav-menu #nav-menuitems > ul li .subChoices li a:hover{color:var(--color-link-hover)}
nav .translation{position:absolute;right:1vw;z-index:1300;padding-top:.8vw}
.dark nav .translation a, .dark nav .translation a:visited{color:var(--color-link-hover)}

/* Formulare */
form{text-align:center;font-size:1em}
form table{width:100%;margin:0 auto 1vw auto;border-collapse:collapse}

button{cursor:pointer}
input,select,button,textarea,label,file,button,list{color:var(--color-font);background-color:transparent;font-family:"WeblySleek UI Semilight";padding:.7em 0}
input,input:visited,input:focus-visible,input:required,select,button,textarea,textarea:visited,textarea:focus-visible,textarea:required,label,file,list{outline:none;vertical-align:middle;border-top-style:hidden;border-right-style:hidden;border-left-style:hidden;border-bottom:1px solid #DCDCDC;transition:all .5s ease-in-out;width:inherit;box-sizing:border-box;margin-bottom:1vh}
input:focus,textarea:focus{border-top-style:hidden;border-right-style:hidden;border-left-style:hidden;border-bottom:1px solid var(--color-link);outline:none}
input,textarea{font-size:1em}
input[type="image"]{cursor:pointer}
input[type="radio"]{margin-right:.7em;cursor:pointer}
input[type="file"]{margin-bottom:0}
textarea{scrollbar-color:var(--color-font-lighter) var(--color-font-dark)}
label{color:var(--color-font-light)}
option{font-family:Arial}
fieldset{border:none}
input[type="image"],input[type="file"],select,button,label{border-bottom-style:hidden}
::placeholder,:-ms-input-placeholder,::-ms-input-placeholder,:-moz-placeholder,::-webkit-input-placeholder,:-ms-textarea-placeholder,::-ms-textarea-placeholder{color:var(--color-font-dark);opacity:.8;font-weight:400}
input[type="submit"].send{padding:0;margin:0;border:none;cursor:pointer;font-size:1.4em;color:var(--color-link)}

/* iOS Safari + Mozilla Default Styles entfernen */
input[type=submit],input[type=text],progress[value]{-webkit-appearance:none;-moz-appearance:none;appearance:none}
input:not([type="radio"]),textarea,button,select,list{border-radius:0px}

/* ProgressBar */
.progress-bar{width:15vw;max-width:200px;min-width:100px;box-shadow:0 2px 5px rgba(0, 0, 0, 0.25) inset;padding:0}
.progress-value{color:var(--color-font-dark);background-color:var(--color-link);padding:.4vh .1vw;box-sizing:border-box;white-space:nowrap}
/*progress[value]::-webkit-progress-bar{background-image:-webkit-linear-gradient(left, var(--color-link), var(--color-highlight));border-radius:0px;background-size:cover;border:none;height:1em}
progress[value]::-webkit-progress-bar{box-shadow:0 2px 5px rgba(0, 0, 0, 0.25) inset;}
progress[value]::-webkit-progress-value{background-image:-webkit-linear-gradient(left, var(--color-link), var(--color-highlight));border-radius:0px;background-size:cover}
progress[value]::-moz-progress-bar{}*/

/* Kontaktformular (inkl. Mail-Formular in Administration)*/
.contactForm .message,.adminForm .message{z-index:999;position:absolute;height:0;width:0;border:none;background:none;margin:0;top:0;left:0;clear:both;font-size:0px;line-height:0px}
.contactForm textarea,.adminForm .contactFormRow textarea{height:260px}
.contactForm input:not([type="radio"]),.contactForm textarea,.adminForm .contactFormRow input,.adminForm .contactFormRow textarea{margin-top:1vh}
.contactForm input[type="image"],.adminForm .contactFormRow input[type="image"]{padding:0;width:5em;height:auto;max-width:7em}
.contactForm .condition{line-height:1.1em;text-align:justify;color:var(--color-font-lighter);padding:0 1em 0 .5em;-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}
.contactForm #senden{margin-bottom:0}
.page-content > .contactForm input:not([type="submit"]):not([type="image"]),.page-content > .contactForm textarea,.page-content > .contactForm select,article > .contactForm input:not([type="submit"]):not([type="image"]),article > .contactForm select,article > .contactForm textarea{background-color:var(--color-font-dark);padding:.7em}
.contactForm table td:first-child,.adminForm .contactFormRow td:first-child{width:100%}
.contactForm table td:nth-child(2),.adminForm .contactFormRow td:nth-child(2){text-align:left;vertical-align:top}
.contactForm .tableRadio{margin-bottom:2vw}
.contactForm .tableRadio td{padding:.2vw 0;width:initial !important;text-align:left;white-space:nowrap}
.contactForm .tableRadio label{padding-top:0;padding-bottom:0}

/* Administration */
.adminForm{padding:1vw}
.adminForm table{min-width:600px;margin:initial}
.adminForm table td{vertical-align:middle;padding:0 .2vw}
.adminForm table .readonly{background:#ececec;padding:.2vw}
.adminForm select, .adminForm input{margin-bottom:initial}
.adminForm select{border:1px solid #DCDCDC;min-width:12vw}
.adminForm .options{text-align:left;vertical-align:top}
.adminForm .options label{padding:0}
.adminForm input[type="submit"]{background-color:var(--color-headline2);padding:.3vw 1.5vw;color:var(--color-font-dark);margin-top:1vw;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19)}
.adminForm #fileTags{min-width:30vw}
.adminForm .banners{width:20vw;height:auto}

/* Fragebögen 1.Seite */
#activateWeForm table,#activateAgreeForm table,#activateReviewForm table{max-width:650px}

/* Popup-Fenster */
.overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(33, 44, 53, 0.7);transition:opacity 500ms;visibility:hidden;opacity:0;z-index:9999999}
.overlay:target{visibility:visible;opacity:1}
#anfrage .popup{min-width:300px;max-width:650px;box-sizing:border-box;margin:auto;max-height:1000px}
.popup{margin:0 4vw 4vh 4vw;padding:1vh 1vw;display:table;position:relative;transition:all 5s ease-in-out;color:var(--color-font-dark)}
.popup h2{letter-spacing:initial;text-align:center;font-family:"CollectionRegular";font-size:4em;color:var(--color-font-dark);text-transform:initial;margin:inherit;padding-bottom:.5vw}
.popup .content{overflow:hidden;padding:8vh 4vw;background:var(--color-font-dark);color:initial}
.popup .content .small{font-size:.8em}
.popup .close,.popup-img .close{position:absolute;top:0;right:1vw;transition:all 200ms;font-size:2em;text-decoration:none;color:var(--color-font-dark)}
.popup .contactForm textarea{height:20vh;overflow-y:scroll}

/* Instagram Banner */
a:link.insta{max-width:1260px;margin:0 auto;display:block;opacity: 1;transition:all ease 1s}
a:link.insta:hover{opacity:1}
a:link.insta span{opacity:.8;background:rgba(0,0,0,.5);background-image:url('/images/social/I_icon_w.svg');background-repeat:no-repeat;background-position:center;background-size:20%;transition:all ease 1s}
a:link.insta:hover span{opacity:0;background-size:10%;}

/*Portfolio Intro */
a:link.article-href{position:relative;max-width:1260px;margin:0 auto;display:block;opacity: 1;transition:all ease 1s}
a:link.article-href:hover{opacity:1}
a:link.article-href span{opacity:0;background:rgba(0,0,0,.5);background-image:url('/images/search_w.svg');background-repeat:no-repeat;background-position:center;background-size:20%;transition:all ease 1s}
a:link.article-href:hover span{opacity:.8;background-size:10%}
a:link.article-href img{transition:all ease 1s}
a:link.article-href:hover .article-image{scale:1.1}

/* Wrapper */
#main{width:100%;min-width:320px;height:auto;min-height:300px}
.container{display:block;position:relative;width:100%;margin:0 auto;text-align:center;text-align:-moz-center;text-align:-webkit-center;background:#ececec}/*width:99%;border-right-width:1px;border-left-width:1px;border-right-style:solid;border-left-style:solid;border-right-color:var(--color-font-lighter);border-left-color:var(--color-font-lighter)}*/
.container ul ul{list-style:square}
.container .socialnet a{margin-right:1em}
.container .socialnet img,footer img.socialnet{width:2vw;height:auto}
.dark .container{background:var(--color-background-dark)}

/* Seite */
.page{position:relative;z-index:0;min-height:50vh;text-align:center}
.page-content{padding:10vw .8vw}
.dark .page-content{padding:10vw 0}
.page-content > img,.page-banner > img{padding-top:.7vw;max-width:97%}
.page-content > video{max-width:1260px}
.page-content .blog video{max-width:initial}
.page-content .slogan{font-size:1.3em;color:var(--color-headline1);letter-spacing:1px;display:block;padding:2em 0 .5em 0}
.page-content .slogan img{max-height:.8em;width:auto}
.page-content .logo-small{width:auto}
.page-content .logo-wrapper{position:relative;width:100%;height:50vw;max-height:500px;display:flex}
.page-content .logo-href{display:block}
.page-content .logo-wrapper .flyover{display:none}
.page-content .logo-href .logo,.page-banner .logo,footer .logo{padding:0 4vw 4vw;max-width:400px}
.page-content > p, .page-content > ul, .page-content > form,.page-banner > p,.page-banner > table{margin:0 auto;line-height:1.5em;padding:3vw 320px;max-width:600px}
.page-banner > table td{padding:0 1vw}
.page-content p + p,.page-content ul + p,.page-content p + ul{padding-top:0}
.page-content #mainTitle, .a-list #mainTitle{display:none}
.page-content .contactForm table td.condition{padding:1vw 1vw 1vw 0}
.page-content .default{width:auto;padding:1vw}


/* Dunklen Seiten-Banner */
.page-banner{background-color:var(--color-headline2)}
.dark .page-banner{background-color:var(--color-background)}
.page-banner{box-sizing: border-box;padding:0;margin-bottom:4vw}
.page-banner a,.page-banner a:link,.page-banner>p{text-decoration:none;color:var(--color-font-dark)}
.page-banner a:hover{color:var(--color-font-dark)}
.page-banner h2{font-family:"CollectionRegular";color:var(--color-font-dark);font-size:4em;text-transform:initial;letter-spacing:initial;margin:0}
.page-banner table img{width:auto;height:2em;padding:.7vw}

.compact > form{margin:0 auto;line-height:1.3em;padding:2vw 0 0 0;max-width:800px}
.compact h1, .compact h2{margin-top:5vw}

/* Portfolio Galerie */
.blog{position:relative;display:flex;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;;justify-content:space-between;flex-wrap:wrap}
.blog-col{width:50%;position:relative}
.blog-detail{width:100%}
.blog-col article,.blog-detail article{text-align:center}
.blog-col article{padding:2vw 7vw 0 7vw;margin:5vh auto auto auto}
.blog-col article.portrait{padding:2vw 0 7vw 0}

/* Portfolio Navigation */
.blog-detail article, .navigation{padding:0}
.navigation{display:table;width:100%;box-sizing:border-box}
.navigation > div{display:table-cell;width:33.33333%;padding:2vw .2vw;vertical-align:top}
.navigation div:nth-child(1){text-align:left}
.navigation div:nth-child(2){text-align:center}
.navigation div:nth-child(3){text-align:right}
.navigation div a{display:block;font-size:1.6em}

.navigation div a:link.prev,.navigation div a:link.next{position:relative;max-width:160px;max-height:160px;display:inline-block;overflow:hidden;opacity: 1;transition:all ease 1s}
.navigation div a:link.prev:hover,.navigation div a:link.next:hover{opacity:1}
.navigation div a:link.prev span,.navigation div a:link.next span{opacity:.8;background:rgba(0,0,0,.5);background-image:url('/images/search_w.svg');background-repeat:no-repeat;background-position:center;background-size:20%;transition:all ease 1s}
.navigation div a:link.prev:hover span,.navigation div a:link.next:hover span{opacity:0;background-size:10%}
.navigation div a:link.prev img,.navigation div a:link.next img{width:160px;height:160px;transition:all ease 1s;display:block}
.navigation div a:link.prev:hover .article-thumb-image,.navigation div a:link.next:hover .article-thumb-image{scale:1.1}

/* Portfolio Font-Styling */
.blog-detail article h3{margin-top:1vw;margin-bottom:0;padding-top:3vw}
.blog-detail article p{line-height:1.5em;max-width:600px;margin:auto}

.blog-col article .blog-metadata,.page-content .blog-detail article .blog-metadata{font-size:.8em;color:var(--color-headline3)}
.blog-col article .blog-metadata time,.blog-detail article .blog-metadata time{display:none}
.blog-col article .blog-metadata img,.page-content .blog-detail article .blog-metadata img{vertical-align:sub}
.blog-col article h1,.blog-col article h2{font-size:1.6em;margin:1vw 0}
.blog-col article h2 + p{padding-top:0}
h1 span,h2 span{white-space:nowrap;text-transform:initial}
.blog-col article .article-href,.blog-col article .blog-intro{position:relative;overflow:hidden}
.blog-col article .article-images-wrapper{width:100%}
.blog-col article .article-images-wrapper .article-images{position:relative;width:100%;max-width:100%;display:block}
.blog-col article .article-images-wrapper .article-images:before{content:"";display:block;padding-top:100%}
.blog-col article .article-images-wrapper .article-images .article-image{position:absolute;top:0;left:0;right:0;bottom:0}
.blog-col article .article-images-wrapper .article-images img{object-fit:cover;width:100%;height:100%}
.blog-col article.portrait .article-images-wrapper .article-images img{object-fit:contain}
.blog-col article p,.blog-detail article p{padding:3vw 0}
.blog-col article.portrait p{padding:2vh 14vw}

.blog-col article .blog-intro p{position:absolute;top:0;bottom:0;left:0;right:0;padding:7vw;margin:0;font-size:1.2em;line-height:1.6em;color:var(--color-font-dark);background-color:var(--color-link-active);opacity:.7}

.blog-col .article-images-info{position:relative;bottom:30px;z-index:300;width:50%;margin:0 auto;padding-bottom:.5vw}
.blog-col .article-images-info div:first-child{background-color:var(--color-font-dark);font-size:.9em;padding:.5vw .5vw 30px .5vw;background-image:url('/images/heart_r.svg');background-repeat:no-repeat;background-position:center bottom;background-size:10px;margin:0}
.blog-col .article-images-info div:first-child a,.blog-col .article-images-info div:first-child a:link{display:block;text-decoration:none}

.blog-sep{height:20px;background-color:var(--color-link);width:30vw;margin:6vh auto}

a:link.article-href .article-images-info{font-size:1.4em}
a:link.article-href .article-images-info img{width:30px;height:auto;transition:all ease 1s;opacity:1}
a:link.article-href:hover .article-images-info img{opacity:0}

/* Kontaktformular Portfolio Übersicht */
.blog-col article .contactForm input,.blog-col article .contactForm textarea,.blog-col article .contactForm datalist{margin-bottom:.1vw}
.blog-col article .contactForm .small{font-size:0.8em}
.blog-col article .contactForm textarea{height:250px}

/* Galerien */
.gallery{position:relative;width:100%;box-sizing:border-box}
.row,.rowEdit{--aspect-ratio:attr(width)/attr(height);/* CLS optimization */ width:100%;overflow:hidden;display:flex;display:-webkit-flexbox;display:-ms-flexbox;flex-wrap:nowrap;align-items:stretch;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-direction:row;flex-direction:row;box-sizing:border-box}
.row video,.row img{display:inline-block;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex: 1 1 auto;padding:.4vw .4vw 0 0}
.row a.mov:last-child video,.row a.img:last-child img{padding-right:0}
.row video{max-height:90vh;box-sizing:initial}
.row a.img,.row a.mov{display:contents;width:max-content;width:intrinsic;/* Safari/WebKit verwendet einen nicht standardisierten Namen */width:-moz-max-content;/* Firefox/Gecko */width:-webkit-max-content;/* Chrome */;cursor:-moz-zoom-in;cursor:-webkit-zoom-in;cursor:zoom-in}

.rowEdit > div{position:relative;overflow:hidden}
.rowEdit > div img,.rowEdit > div video{width:100%;height:auto;padding:0 .3vw}
.rowEdit > div video{box-sizing:unset}
.rowEdit .imgEdit{position:absolute;bottom:0;text-align:left;padding:.3vw .5vw;color:var(--color-edit)}
.rowEdit .imgEdit > img{margin-bottom:1vh;padding:.7em 0;width:auto;height:24px;float:left}
.rowEdit .imgEdit form{float:left}

.rowEdit div.img:hover div.imgEdit,.rowEdit div.video:hover div.imgEdit{display:block}

/* Kopierschutz mit 2 DIVs*/
.copyprotect,.flyover{position:absolute;top:0;left:0;bottom:0;right:0;z-index:10}

/* Teaser */
article,.page-content .gallery{margin:auto auto 50px auto;text-align:center;position:relative;z-index:0}
#contact .page-content > .gallery{max-width:1000px} /* , .landingpage .page-content > .gallery */

.teaser-wrapper{position:relative;margin-bottom:2em}
.teaser {position:relative;top:-50px;bottom:0;margin:0 auto;width:80%;max-width:1260px;box-sizing:border-box;margin:0 auto;padding:0;box-sizing:border-box;--aspect-ratio:attr(width)/attr(height);transform:translate3d(0,0,0);z-index:10}
.dark .teaser a{color:var(--color-link-hover)}
.dark .teaser a:visited{color:var(--color-link-hover)}
.teaser-category,.teaser-footer{position:-webkit-sticky;/* Required for Safari */position:sticky;z-index:0}
.teaser-category{top:-28vw}
.teaser-title{font-family:"CollectionRegular";color:var(--color-font-dark);padding:0 0 3px 0;font-size:10em}
.teaser-title-text{display:inline;border-bottom:3px var(--color-headline1) solid}
.teaser-content{margin:0 auto;background:var(--color-font-dark);padding:2vw 16vw;box-sizing:border-box}
.dark .teaser-content{background:var(--color-background);box-shadow:0px 8px 8px rgba(18, 18, 18, 0.6)}
.teaser-content p{font-size:1.2em;line-height:1.6em}
.teaser-content p+form{margin-top:2vw}
.teaser-content video{padding-top:1vw;padding-bottom:1vw}
.teaser-content video::-webkit-media-controls-fullscreen-button{display:none !important}
.teaser-bottom,.blog-col .article-images-info div{background:-moz-linear-gradient(top, rgba(255,255,255,1) 42%, rgba(255,255,255,0) 45%);background:-webkit-linear-gradient(top, rgba(255,255,255,1) 42%,rgba(255,255,255,0) 45%);background:linear-gradient(to bottom, rgba(255,255,255,1) 42%,rgba(255,255,255,0) 45%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--color-font-dark)fff', endColorstr='#00ffffff',GradientType=0 )}
.dark .teaser-bottom{display:none}
.teaser-bottom img,.blog-col .article-images-info div img{width:100%;height:auto}
article ul{margin:initial;padding:0;display:inline-block}
article ul li{position:relative;line-height:1.6em;max-width:max-content;float:left;margin:1vw}
.teaser-content ul li a{border:1px solid var(--color-link);display:block;padding:1vw 3vw;color:var(--color-font-light);transition:all ease 1s}
.dark .teaser-content ul li a{border:1px solid var(--color-link-hover);color:var(--color-link-hover)}
.teaser-content ul li a.btn-1{background:none}
.teaser+ul li.btn-2 a{background-color:var(--color-font-lighter);border:1px solid transparent;box-shadow:0px 5px 8px rgba(0, 0, 0, 0.3)}
.dark .teaser+ul li.btn-2 a{color:var(--color-link-hover);background-color:var(--color-background);box-shadow:0px 8px 8px rgba(18, 18, 18, 0.6)}
.dark .teaser+ul li.btn-2 a:visited{color:var(--color-link-hover)}
.teaser + ul li a{border:1px solid var(--color-font-dark);display:block;padding:1vw 3vw;transition:all ease 1s}
.teaser ul li a:hover, .teaser+ul li a:hover{border:1px solid var(--color-highlight);background:var(--color-highlight);color:var(--color-background)}
.teaser-footer{bottom:0;margin:auto;z-index:-1}
.btn-1,.btn-2{letter-spacing:.5px}

/* Vorher-Nachher-Slider */
.ba-container{width:70%;margin:2vh auto}

/* Spezielles */
ul.lashes{font-size:1.2em;line-height:1.8em;padding-top:20px;padding-bottom:20px;list-style-type:none}
.small{font-size:.9em}
.smaller{font-size:.8em}
.x-small{font-size:.7em}
.clear{clear:both}
.status{position:absolute;top:0;left:0;right:0;z-index:999999;padding:1vw;text-align:center}
.status p{margin:0}
.status a, .status a:visited{color:var(--color-font-dark);display:inline-block;padding:1vh 2vw;margin:2vh 2vw 0 2vw;border:1px solid var(--color-font-dark)}
.pagebar-curpage{font-weight:800;font-size:1.4em}

/* Loader */
#loader-overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(33, 44, 53, 0.7);z-index:9999999;display:none}
#loader{position:relative;left:45%;top:40%;width:10vw;height:10vw}
#loader-spinner{position:absolute;top:0;left:0;border:5px solid var(--color-disabled); /* Light grey */border-top:5px solid var(--color-link); /* Braun */border-radius:50%;width:10vw;height:10vw;animation:spin 2s linear infinite}
#loader-text{position:absolute;color:var(--color-font-dark);text-align:center;font-size:1vw;top:47%;width:105%}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Admin */
#picUpload table,#catSelection table,#catSync table,#catDelete table,#catEdit table{font-size:1em;display:inline}

.ad{margin:2em;padding:2em}
.ad > form{display:inline-table;background-color:var(--color-font-dark)}
.ad video{padding:0}
.adminTable{margin:1vw auto}
.adminTable th, .adminTable .th{font-weight:700}
.adminTable tr:nth-child(even){background-color:var(--color-font-dark)}
.adminTable tr:nth-child(odd){background-color:var(--color-disabled)}
.adminTable td,.adminTable th{padding:.5em}
.adminTable .green{color:var(--color-success)}
.adminTable .red{color:var(--color-fail)}
.adminTable tr video:first-child{width:10vw}


#uploadStatusSuccess,#uploadStatusFail{font-size:small;line-height:1.8em;padding:2em 4em;text-align:left}
#uploadStatusSuccess img,#uploadStatusFail img{vertical-align:text-bottom;width:auto}
#uploadStatusSuccess span,#uploadStatusFail span{font-weight:bolder}
#uploadStatusSuccess{background-color:var(--color-success-light)}
#uploadStatusFail{background-color:var(--color-fail-light)}

/* Formular Portfolio anlegen */
#portfolioCreation table{border-collapse:collapse}
#portfolioCreation td{padding:.5vw}
#portfolioCreation td,#portfolioCreation select,#portfolioCreation textarea,#portfolioCreation button{vertical-align:top}

/* Link-Liste */
.list{text-align:center;display:-webkit-flex;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.list-content{position:relative}
.a-list{margin-top:2.8vw;position:relative}
.a-list img.logo{max-height:20vh;min-height:100px;width:auto}
.a-list ul{margin:8vh auto;padding:0;text-align:center}
.a-list ul li{letter-spacing:3px;text-transform:uppercase;font-size:1.2em;margin:2vh 2vw;transition:all .5s ease-out;min-height:1em}
.a-list ul li a,.a-list ul li a:link,.a-list ul li a:visited{max-width:200px;margin:0 auto;opacity:.8;padding:2vh 2vw;text-decoration:none;display:block;background-color:var(--color-font-dark);color:var(--color-headline2);transition:all .5s ease-out}
.a-list ul li a:hover,.a-list ul li a:link:hover{opacity:1;color:var(--color-link)}
.a-list-footer{bottom:0;left:0;right:0;line-height:2em;padding:1vh 1vw} /* position:absolute; */
.a-list-footer .translation{text-align:center}
.a-list-footer .translation a:hover, .a-list-footer .translation a:active, .a-list-footer .translation a:focus {color:var(--color-font-dark)}

/* Benutzer-Formulare */
.form-page{position:relative;z-index:0;min-height:50vh;text-align:center;display:-webkit-flex;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.form-page h1{font-family:"CollectionRegular";color:var(--color-font-dark);padding:0;font-size:5em;margin:2.8vw auto 0 auto;text-transform:initial;letter-spacing:initial}
.form-page .forms{background-color:var(--color-font-dark);color:initial;box-sizing:border-box;padding:3vw 3vh;margin:2.8vw auto;width:80%;max-width:1100px}
.form-page h1 + .form-page .forms{margin:0 auto}

.form-page .forms .form input,.form-page .forms .form .reviewUploads > div{margin:2vh auto}
.form-page .forms .form input:focus:invalid,select:focus:invalid,textarea:focus:invalid{border-top-style:hidden;border-right-style:hidden;border-left-style:hidden;border-bottom:1px solid var(--color-link);box-shadow:none}
.form-page .forms .form input:focus:invalid::placeholder,
.form-page .forms .form input:focus:invalid:-ms-input-placeholder,
.form-page .forms .form input:focus:invalid::-webkit-input-placeholder,
.form-page .forms .form input:focus:invalid:focus:-moz-placeholder,
.form-page .forms .form select:focus:invalid::placeholder,
.form-page .forms .form select:focus:invalid:-ms-input-placeholder,
.form-page .forms .form select:focus:invalid::-webkit-input-placeholder,
.form-page .forms .form select:focus:invalid:focus:-moz-placeholder,
.form-page .forms .form textarea:focus:invalid::placeholder,
.form-page .forms .form textarea:focus:invalid:-ms-input-placeholder,
.form-page .forms .form textarea:focus:invalid::-webkit-input-placeholder,
.form-page .forms .form textarea:focus:invalid:focus:-moz-placeholder{opacity:.4}
.form-page .forms .form fieldset,.form-page .forms .form table{text-align:left;border:none;margin:1vw auto;width:max-content}
.form-page .forms .form textarea{resize:horizontal;overflow:auto}
.form-page .forms .form table tr td{text-align:left;padding-right:4vw}
.form-page .forms .form table tr td input[type="radio"]{width:unset}
.form-page .forms .form table tr td label{white-space:nowrap;display:table-cell}
.form-page .forms .form table tr td label input[type="radio"]{vertical-align:unset}

.form-page .forms .form .cStreetInfo,.form-page .forms .form .cPlaceInfo{width:60%}
.form-page .forms .form .cSingleInfo{width:100%}
.form-page .forms .form .cStreetInfo tr td:first-child,.contactForm .cStreetInfo tr td:first-child,.form-page .forms .form .cPlaceInfo tr td:first-child,.contactForm .cPlaceInfo tr td:first-child{padding-right:1vw}
.form-page .forms .form .cStreetInfo tr td:first-child,.contactForm .cStreetInfo tr td:first-child,.form-page .forms .form .cPlaceInfo tr td:nth-child(2),.contactForm .cPlaceInfo tr td:nth-child(2){width:80%}
.contactForm .cPlaceInfo tr td:first-child,.contactForm .cStreetInfo tr td:nth-child(2){width:20% !important} /*.form-page .forms .form .cPlaceInfo tr td:first-child,.form-page .forms .form .cStreetInfo tr td:nth-child(2){width:20% !important}*/

.form-page .forms .form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),.form-page .forms .form  textarea,.form-page .forms .form .reviewUploads > div{min-width:80%}
.form-page .forms .form .cStreetInfo tr td input,.contactForm .cStreetInfo tr td input,.form-page .forms .form .cPlaceInfo tr td input,.contactForm .cPlaceInfo tr td input{min-width:100% !important}
.form-page .forms .form input[type=radio],.form-page .forms .form input[type=checkbox]{margin-right:.7em}
/*.form-page .forms .form input[type=text]:focus, .form-page .forms .form textarea:focus, .form-page .forms .form input[list]:focus, .form-page .forms .form input[type=date]:focus, .form-page .forms .form input[type=mail]:focus, .form-page .forms .form input[type=number]:focus, .form-page .forms .form input[type=tel]:focus{outline: 0 none;border-top:none;border-right:none;border-left:none;border-bottom:solid 1px var(--color-link)}*/
.form-page .forms .form input[type=submit]{margin:2vw;cursor:pointer}
.form-page .forms .form input[type=submit].next{text-transform:uppercase;letter-spacing:2px;color:var(--color-font-dark);background-color:var(--color-link);border:1px solid var(--color-link);padding:1em 3em;text-align:center;text-decoration:none;display:inline-block;font-size:.9em;transition:all ease .6s;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19)}
.form-page .forms .form input[type=submit].next:hover{background:var(--color-highlight);border:1px solid var(--color-highlight2);color:var(--color-background);box-shadow:none}
.form-page .forms .form input[type=submit].back{background-color:transparent;border:none;color:var(--color-link);text-decoration: none;transition:color 1s ease-out}
.form-page .forms .form input[type=submit].back:hover{text-decoration:none;color:var(--color-link-active)}
.form-page .forms .form p, .form-page .forms .form .reviewUploads{padding:1vw;line-height:1.3em;color:var(--color-font-light);font-size:1.1em}
.form-page .forms .form .reviewUploads > div{display:inline-flex;justify-content:space-around;max-width:80%;margin:0 auto}
.form-page .forms .form span{font-size:small;color:var(--color-font-light)}
/* Sternebewertung */ 
.form-page .forms .form span#Bewertung label{width:32px;cursor:pointer}
.form-page .forms .form span#Bewertung input[type="radio"] {display:none}
.form-page .forms .form p.sternebewertung {margin:1vw auto;width:max-content;line-height:1.8em}
.form-page .forms .form p.sternebewertung:not(:checked) > input {display:none}
.form-page .forms .form p.sternebewertung:not(:checked) > label {font-size:0%;float:right;width:32px;padding:.2em;overflow:hidden;cursor:pointer;transition: all .5s;background-image:url('/images/heart_g1.svg');background-repeat:no-repeat;background-position:center;background-size:20px;margin:.5vw}
.form-page .forms .form p.sternebewertung:not(:checked) > label::before {background-image:url('/images/heart_g.svg');background-repeat:no-repeat;background-position:center;background-size:20px}
.form-page .forms .form p.sternebewertung > input:checked ~ label {background-image:url('/images/heart_r.svg');background-repeat:no-repeat;background-position:center;background-size:20px;border-bottom:1px solid transparent}
.form-page .forms .form p.sternebewertung:not(:checked) > label:hover,p.sternebewertung:not(:checked) > label:hover ~ label{background-image:url('/images/heart_g.svg');background-repeat:no-repeat;background-position:center;background-size:20px}
.form-page .forms .form p.sternebewertung > input:checked + label:hover,p.sternebewertung > input:checked + label:hover ~ label,p.sternebewertung > input:checked ~ label:hover,p.sternebewertung > input:checked ~ label:hover ~ label,p.sternebewertung > label:hover ~ input:checked ~ label{background-image:url('/images/heart_r.svg');background-repeat:no-repeat;background-position:center;background-size:20px}
/*.form-page .forms .form input[type=checkbox] + label,.form-page .forms .form input[type=radio] + label{padding-left:0}*/
.form-page .forms .form ul{text-align:left;margin:0 auto;padding:2vw 4vw;line-height:1.4em;color:var(--color-font-light)}
.form-page .forms .form ul li{font-size:1.1em}
.form-page .forms .form ul li span em{font-weight:700}
.form-page .forms .form ul li span{display:block;font-size:initial;padding:.2vw 1vw 2vw 1vw;color:unset}
.form-page img.logo{max-width:400px;width:15vw;min-width:100px;padding-bottom:1em}
.form-footer{position:fixed;bottom:0;left:0;right:0;line-height:2em;padding:1vh 1vw}
.form-footer .translation{position:fixed;left:.5vw;bottom:.1vw;display:block;padding:.5em;line-height:1em}
.form-footer .translation a:hover, .forms .form-footer .translation a:active, .forms .form-footer .translation a:focus {color:var(--color-font-dark)}
.form-footer #form-progress{position:fixed;right:.5vw;bottom:.1vw;display:block;padding:.5em;background-color:var(--color-headline2);line-height:1em}

/* Rezensionsformular */
.upl{color:var(--color-font-lighter);opacity:1;font-weight:400;display:inline-block;text-align:left;font-size:1.1em !important;outline:0 none;min-width:80%;border-top:none;border-right:none;border-left:none;border-bottom:solid 1px var(--color-font-light);padding:2vw .5vh 0 0;font-size:1.2em;transition:color 1s ease-out}
.upl input{margin:0 !important;padding:.5vh !important}
.upl span{white-space:nowrap}
.upl-name{display:inline-block}
.upl-preview{width:auto;height:100px;border:solid 2px #DCDCDC;padding:0}
video.upl-preview + input[type=checkbox]{margin-right:.1vh !important}
.upl-del, .upl-name img{width:initial;vertical-align:sub}
#status{color:var(--color-link);padding:0;font-size:.9em}
#loaded_n_total{padding:0;font-size:.9em}
.feedback{font-size:.9em;background-color:var(--color-link);padding:.5vh;color:var(--color-font-dark) !important}

/* Sprechblasen */
.bubble-center-bottom {padding:1rem;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;position:relative;background:#ececec;color:var(--color-font-light)}
.bubble-center-bottom:after, .bubble-center-bottom:before {top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}
.bubble-center-bottom:after{border-color:rgba(136, 183, 213, 0);border-top-color:var(--color-font-lighter);border-width:19px;margin-left:-19px}
.bubble-center-bottom:before{border-color:rgba(194, 225, 245, 0);border-top-color:var(--color-highlight);border-width:21px;margin-left:-21px}
.bubble-center-bottom p{font-size:1vw;margin:0;padding-right:40px}
.bubble-center-bottom .bubble-controls{position:absolute;right:0.1vw;top:.1vw}
.bubble-center-bottom .bubble-controls .img-button{width:auto;cursor:pointer}
.bubble-center-bottom + .next{margin-top:0}

/* Rahmen für Sprechblasen */
.warn{border:1px solid var(--color-link)}
.info{border:1px solid var(--color-highlight)}

/* Rezensionen */
.review-slider{box-sizing:border-box;text-align:center;overflow:hidden;width:1260px;min-height:150px;margin:auto}
.review-slider button{color:var(--color-font-dark)}
.review-slider button:visited,.review-slider button:focus{color:var(--color-font-dark)}
.review-slider button:hover{color:var(--color-font-light)}

.review-slides0 img,.review-slides1 img{width:initial}
.review-slider .review-slides0 article{display:flex;box-sizing:border-box;padding:5vw 0 2vw 0} /*margin:0 auto;*/
.review-slider .review-slides0::-webkit-scrollbar{width:10px;height:10px}
.review-slider .review-slides0::-webkit-scrollbar-thumb {background:var(--color-link-active);border-radius:10px}
.review-slider .review-slides0::-webkit-scrollbar-track {background:transparent}
.review-slider .review-slides0 > article {scroll-snap-align:start;flex-shrink:0;width:1260px;min-height:150px;position:relative;display:flex;justify-content:center;align-items:center;margin:0}  /*;touch-action:pan-x*/
/**/
.review-slider > a{display:inline-flex;width:1.5rem;height:1.5rem;background:var(--color-font-dark);text-decoration:none;align-items:center;justify-content:center;border-radius:50%;margin:0 0 0.5rem 0;position:relative}
.review-slider > a:active{top:1px}
.review-slider > a:focus{background:var(--color-link-active)}
/* Don't need button navigation */
@supports (scroll-snap-type) {
  .review-slider > a {display: none}
}

.review-slider .review-slides0 article .review-info{padding:1vw;display:block;color:var(--color-font-dark);box-sizing:border-box}

.review-slider .review-slides0 article .review-info a:link{display:block}
.review-slider .review-slides0 article .review-info a:link img{width:auto;transition:all ease 1s}
.review-slider .review-slides0 article .review-info a:link:hover .review-avatar-img{scale:0.9}
.review-slider .review-slides0 article .review-info .review-avatar{padding:0 0 0 1vw}
.review-slider .review-slides0 article .review-info .review-avatar-img{max-height:150px;float:left;margin-right:1vw;width:150px}
.review-slider .review-slides0 article .review-info .review-avatar-img{border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%}
.review-slider .review-slides0 article .review-info h3{text-align:left;line-height:1.4em;margin:0;font-size:1.2em;color:var(--color-font-dark);letter-spacing:initial}
.review-slider .review-slides0 article .review-info p{text-align:left;line-height:1.4em;margin:0}
.review-slider .review-slides0 article .review-info p img{height:1.4em;padding:1em .4em 0 0;width:auto;display:inline-block}
.review-slider .review-slides0 article .review-info blockquote{text-indent: -1em;font-size:1.2em;font-style:italic;text-align:justify;margin:1vw;display:inline-block}
/*@supports (hanging-punctuation: first) {
  blockquote {
    text-indent: 0;
    hanging-punctuation: first;
  }
}*/
.review-slider .review-slides0 article .review-info blockquote::before, .review .review-info blockquote::after{font-size:3em;line-height:.2em}
.review-slider .review-slides0 article .review-info blockquote::after{vertical-align:bottom;display:inline-block;text-indent:initial;position:inherit}
.review-slider .review-slides0 article .review-info cite{display:block;text-align:left;font-size:.8em;text-indent:1.2em}
.review-slider .review-slides0 article .review-movie video{width:100%;min-width:600px;padding:0 1vw 0 0}
.review-slider .review-slides0 article .review-nav{font-size:5em;padding:2vw 1vw 2vw 2vw}
.review-slider .review-slides0 article > .review-nav{padding:2vw 2vw 2vw 1vw}

.review-slider .review-slides0,.review-slider .review-slides1{padding: 5vh 2vw}
.review-chat{position:relative;max-width:800px;margin:0 auto}
.review-chat h3{text-align:left;line-height:1.4em;margin:0;font-size:1em;color:var(--color-font-dark);letter-spacing:initial;margin-bottom:1em;padding-left:.2vw}
.review-bubble,.review-bubble-response{position:relative;line-height:1.6em;min-width:3em;max-width:600px;min-height:1em;height:auto;border-radius:0px;padding:0px;display:inline-block;margin:.2em;padding:0 2em .5em 2em;white-space:none}
.review-bubble:after,.review-bubble-response:after{content:'';position:absolute;display:block;width:0;z-index:1;border-style:solid;border-width:0 20px 20px 0;margin-top:-10px}
.review-bubble .emoji,.review-bubble-response .emoji{height:2em;display:inline-block;vertical-align:middle}
.review-bubble{background:var(--color-font-dark);box-shadow: 5px 5px 1px 0px rgba(24,24,24,1);color:var(--color-font-light);float:left;text-align:left}
.review-bubble:after{border-color:transparent var(--color-font-dark) transparent transparent;top:10px;left:-20px}
.review-bubble-response{background:var(--color-highlight);-webkit-box-shadow:-5px 5px 1px 0px rgba(24,24,24,1);-moz-box-shadow:-5px 5px 1px 0px rgba(24,24,24,1);box-shadow:-5px 5px 1px 0px rgba(24,24,24,1);color:var(--color-font);float:right;text-align:right}
.review-bubble-response:after{content:'';position:absolute;right:0;top:10px;width:0;height:0;border:20px solid transparent;border-left-color:var(--color-highlight);border-right:0;border-top:0;margin-top:-10px;margin-right:-20px}
.bubble-content{position:relative}
.bubble-time{position:absolute;right:1em;bottom:.5em;display:block;text-align:right;line-height:1em;font-size:0.8em;opacity:.8;margin:0}
.review-chat .review-avatar-img,.review-chat .review-avatar-ini{max-height:100px;float:left;margin-right:1vw;width:100px; border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%}
.review-chat .review-avatar-img,.review-chat .review-avatar-ini{margin-top:-40px}
.review-chat .review-avatar:first-child .review-avatar-img,.review-chat .review-avatar:first-child .review-avatar-ini{margin-top:initial}
.review-chat .review-avatar a:link img{transition:all ease 1s}
.review-chat .review-avatar a:link:hover .review-avatar-img{scale:0.9}
.review-chat .review-avatar-ini{color:var(--color-font-dark);height:100px;line-height:100px;vertical-align:middle;font-size:22px}
.review-chat .clear+.review-bubble{margin-left:120px}

.dark .review-slider button{color:var(--color-link-hover)}
.dark .review-slider button:visited,.dark .review-slider button:focus{color:var(--color-link-hover)}
.dark .review-slider button:hover{color:var(--color-background)}

/* Referenzen */
.references{display:flex;justify-content:center;align-content:space-around;background:#ececec;gap:2vw;padding:1vw 0;flex-wrap:wrap;flex-basis:50%}
.references div img{width:10vw;max-width:15vw;height:auto}

/*Presets*/
.preset-boxes{position:relative}
.preset-box{position:absolute;left:40px;top:20px;z-index:1}
.preset-box img{width:200px}

/* Quadratische Galeriebilder */
.square-img-wrapper{width:100%;margin-right:.4vw;margin-bottom:.4vw;overflow:hidden}
.square-img-wrapper:last-child(){margin-right:0}
.square-img-wrapper .square-images{position:relative;width:100%;max-width:100%;display:block}
.square-img-wrapper .square-images:before{content:"";display:block;padding-top:100%}
.square-img-wrapper .square-images .square-image{position:absolute;top:0;left:0;right:0;bottom:0;padding:0}
.square-img-wrapper .square-images img{object-fit:cover;width:100%;height:100%;cursor:pointer}

a:link.square-href{position:relative;max-width:1260px;margin:0 auto;opacity:1;transition:all ease 1s}
a:link.square-href:hover{opacity:1}
a:link.square-href span{opacity:0;background:rgba(0,0,0,.5);background-image:url('/images/search_w.svg');background-repeat:no-repeat;background-position:center;background-size:20%;transition:all ease 1s}
a:link.square-href:hover span{opacity:.8;background-size:10%}
a:link.square-href img{transition:all ease 1s;cursor:pointer}
a:link.square-href:hover .square-image{scale:1.1}

a:link.article-href{position:relative;max-width:1260px;margin:0 auto;display:block;opacity:1;transition:all ease 1s}
a:link.article-href:hover{opacity:1}
a:link.article-href span{opacity:0;background:rgba(0,0,0,.5);background-image:url('/images/search_w.svg');background-repeat:no-repeat;background-position:center;background-size:20%;transition:all ease 1s}
a:link.article-href:hover span{opacity:.8;background-size:10%}
a:link.article-href img{transition:all ease 1s}
a:link.article-href:hover .article-image{scale:1.1}

/* Footer */
footer{font-size:1em;text-align:center;margin:0;padding:2vw 2vw 5vw 2vw}
footer a{color:var(--color-font-dark)}
footer a, footer a:link{white-space:nowrap}
footer a:link{text-decoration: none;transition:color 1s ease-out}
footer a:visited{text-decoration:none;color:var(--color-font-dark)}
footer a:hover, a:active, a:focus {text-decoration:none;color:var(--color-link)}
.footerContainer {display:block;max-width:1000px;margin:0 auto;position:relative}
footer #footer-insta{float:left;width:80%;max-width:800px}
footer #footer-insta .row img{padding:0 .4vw 0 0}
footer #footer-insta .footer-img-wrapper{width:100%;padding-right:.4vw}
footer #footer-insta .footer-img-wrapper .footer-images{position:relative;width:100%;max-width:100%;display:block}
footer #footer-insta .footer-img-wrapper .footer-images:before{content:"";display:block;padding-top:100%}
footer #footer-insta .footer-img-wrapper .footer-images .footer-image{position:absolute;top:0;left:0;right:0;bottom:0}
footer #footer-insta .footer-img-wrapper .footer-images img{object-fit:cover;width:100%;height:100%}
footer #footer-quick{float:left;width:20%;background:rgba(0,0,0,.5);position:absolute;top:0;right:0;bottom:0}
footer #footer-quick ul{list-style:none;padding:0;margin:0;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
footer #footer-quick ul li{line-height:2.4em}
footer #footer-quick ul li a{display:block}
footer #footer-quick img{height:1.6em;width:auto;vertical-align:middle}
footer #footer-info,footer .translation{clear:both;padding:1.6vw;line-height:2.2em}
footer #footer-info img{max-width:10px;padding:0 1vw}
footer .translation{position:relative}

.easeout-backward{-webkit-animation-timing-function:cubic-bezier(.18,.89,.32,1.28);-moz-animation-timing-function:cubic-bezier(.18,.89,.32,1.28);-o-animation-timing-function:cubic-bezier(.18,.89,.32,1.28);-ms-animation-timing-function:cubic-bezier(.18,.89,.32,1.28);animation-timing-function:cubic-bezier(.18,.89,.32,1.28);}
.durat{-webkit-animation-duration:2s;-o-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;-ms-animation-fill-mode:both;animation-fill-mode:both}
.delay{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;-ms-animation-delay:2s;animation-delay:2s}

/* Pop */
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
.hvr-pop{display:inline-block;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0)}
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active{-webkit-animation-name:hvr-pop;animation-name:hvr-pop;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}

/* Fade In */
@-webkit-keyframes fadeIn{
  from{opacity:0} 
  to{opacity:1}
}
@keyframes fadeIn{
  from{opacity:0} 
  to{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;-ms-animation-name:fadeIn;animation-name:fadeIn}

@-webkit-keyframes fadeInRight{
  from{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-o-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}
  to{opacity:1;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none}
}
@keyframes fadeInRight{
  from{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-o-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}
  to{opacity:1;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none}
}
.fadeInRight{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-o-animation-name:fadeInRight;-ms-animation-name:fadeInRight;animation-name:fadeInRight}

@-webkit-keyframes fadeInUp{
  from{opacity:0;-webkit-transform:translate3d(0, -100%, 0);-moz-transform:translate3d(0, -100%, 0);-o-transform:translate3d(0, -100%, 0);-ms-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}
  to{opacity:1;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none}
}
@keyframes fadeInUp{
  from{opacity:0;-webkit-transform:translate3d(0, -100%, 0);-moz-transform:translate3d(0, -100%, 0);-o-transform:translate3d(0, -100%, 0);-ms-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}
  to{opacity:1;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none}
}
.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;-ms-animation-name:fadeInUp;animation-name:fadeInUp}

/* Hochformat Vorgaben */
@media screen and (orientation: portrait) {
	header .banner{max-height:unset}
}

/* Responsive */
@media (min-width:2100px) {
	nav #nav-menu #nav-menuitems ul{font-size:28px}
	nav #nav-menu #nav-menuitems ul li:not(.social) a {padding: 0 80px}
	
	.teaser-category{top:-50vw}
	.teaser-content{padding:100px 160px}
	/*
	.review-slider .review-slides article{padding:2vw 0}
	.review-slider .review-slides article > .review-nav,.reviews .review-slider .review-slides article .review-info{padding:20px}
	*/
	.review-slider .review-slides0 article{padding:2vw 0}
	.review-slider .review-slides0 article > .review-nav,.reviews .review-slider .review-slides0 article .review-info{padding:20px}
	
	.page-banner{margin-bottom:100px}
	.page-content{padding:150px .8vw}
	
	/* Formulare */
	input,select,button,textarea,label,file,button,list,select *{padding:20px 0}
	.form-page .forms .form input,.form-page .forms .form .reviewUploads > div{margin:20px auto}
	.form-page .forms .form p, .form-page .forms .form .reviewUploads{padding:20px}
	.form-page .forms .form input[type=submit]{margin:20px}
}

@media (max-width:1599px) {
	nav #nav-menu ul{font-size:1.5vw}
	.blog-col article .blog-intro p{padding:5vw;font-size:1.3em;line-height:1.5em}
}

@media (max-width:1499px) {
	/* Navigation ohne kleines Logo inkl. Socialmedia in einer Zeile*/
	nav #nav-menu{padding:0}
	nav #nav-menu #nav-logo{display:none}
	nav #nav-menu #nav-menuitems{max-width:unset}
	nav #nav-menu #nav-menuitems ul{float:left}
	nav #nav-menu #nav-menuitems > .socialnet{display:none}
	nav #nav-menu ul li:not(.social) a{padding:0 2vw}
	nav #nav-menu #nav-menuitems > ul .social{display:table;padding:0 1vw}
	
	.teaser-content{padding:3vw 10vw 2vw 10vw}
	.teaser-content ul{margin-bottom:2vw}

	.blog-col article .blog-intro p{line-height:1.2em}
}

@media (max-width:1499px) {
	nav #nav-menu ul{font-size:1.6vw}
}

@media (max-width:1270px) {
	/* Mobile Navigation */
	nav{padding:0;font-size:1.2em}
	nav #nav-menu .nav-current,nav #nav-menu #nav-icon{display:table;position:absolute;box-sizing:border-box;white-space:nowrap;text-transform:uppercase}
	nav #nav-menu .nav-current{top:0;left:0;font-family:"JamieWoods-Regular";text-align:left;color:var(--color-link)}
	nav #nav-menu .nav-current div{display:table-cell;vertical-align:middle;padding-left:4vw;letter-spacing:5px;font-size:1.3em}
	
	nav #nav-menu #nav-icon{top:0;right:0;z-index:10;font-family:"WeblySleek UI Semilight";text-align:right;color:var(--color-font-dark)}
	nav #nav-menu #nav-icon div{display:table-cell;vertical-align:middle}
	nav #nav-menu #nav-icon a.icon,nav #nav-menu #nav-icon a:link.icon{padding:1vw 4vw 1vw 2vw}
	nav #nav-menu #nav-icon a.icon,nav #nav-menu #nav-icon a:link.icon,#nav-menu #nav-menuitems ul li a,#nav-menu #nav-menuitems ul li a:link{text-decoration:none;color:var(--color-font-dark);transition:color 1s ease-out}
	nav #nav-menu #nav-icon a.icon:hover,nav #nav-menu #nav-icon a:link.icon:hover,nav #nav-menu #nav-menuitems ul li a:hover{color:var(--color-link)} /*,#nav-menu:target #nav-menuitems a:link:hover*/
	
	#info:not(:target) #nav-menuitems,nav #nav-menu:not(:target) #nav-menuitems,nav #nav-menu:not(:target) .hide,nav #nav-menu:target .show{display:none}
	nav #nav-menu:target #nav-menuitems ul li:not(.social){float:none}
	
	nav #nav-menu #nav-menuitems{position:absolute;top:0;left:0;z-index:9999}
	nav #nav-menu #nav-menuitems ul{background-color:var(--color-headline2);text-align:left}
	nav #nav-menu #nav-menuitems > ul{font-size:1.3em}
	nav #nav-menu #nav-menuitems ul li{padding:0;height:unset}
	nav #nav-menu #nav-menuitems ul li:not(.social){width:100%}
	nav #nav-menu #nav-menuitems ul li a{padding:0;display:block}
	nav #nav-menu #nav-menuitems > ul .social{padding:0}
	nav #nav-menu #nav-menuitems ul .social a{padding:1vw 2vw 2vw 2vw}
	
	nav #nav-menu,nav #nav-menu .nav-current div,nav #nav-menu #nav-icon div{height:60px}
	nav #nav-menu #nav-menuitems > ul li > a{line-height:60px}
	nav #nav-menu #nav-menuitems > ul li .subChoices{font-size:.9em;z-index:-50;display:inherit;transform:none;position:unset;top:100%;left:0;box-shadow:none;transition:none;opacity:unset;width:100%}
	nav #nav-menu #nav-menuitems > ul li:hover .subChoices{transform:none}
	nav #nav-menu #nav-menuitems > ul li .subChoices li{height:initial;font-size:1em;display:inherit;width:100%;background:transparent;letter-spacing:5px;border-bottom:none;text-align:left}
	nav #nav-menu #nav-menuitems > ul li .subChoices li a{padding-left:6vw;line-height:40px;color:var(--color-font-dark);vertical-align:middle;transition:all .4s ease-out}
	nav #nav-menu #nav-menuitems > ul li .subChoices li a:hover{color:var(--color-link)}
	nav .translation{display:none}
	
	section{width:100%}
	
	#main{text-align:center;position:relative}
	
	.page-content > p, .page-content > ul, .page-content > form{padding:3vw;max-width:1000px}
	.page-banner > p,.page-banner > table{padding:3vw}
	.page-banner .logo{max-width:20%;min-width:200px}
	
	.teaser-title{font-size:8em;padding:0 0 8px 0}
	.teaser-title-text{border-bottom:16px var(--color-link) solid}
	.teaser-content{padding:3vw 8vw 2vw 8vw}
	.teaser-content p{font-size:1em;line-height:1.5em}
	.teaser-content ul{margin-bottom:3vw}
	
	h1 span,h2 span{display:inline-block}
	
	.review-slider{width:100%}
	/*
	.review-slider .review-slides > article {width:100%}
	*/
	.review-slider .review-slides0 > article {width:100%}
	
	footer{width:auto;font-size:0.9em;text-align:center;position:relative}
}

/* Flache Screens > Zu langes Anfrageformular verhindern */
@media screen and (orientation: landscape) and (max-height:1000px) {
	#anfrage .popup{max-width:1000px;max-height:600px}
	.popup .contactForm textarea{height:10vh;overflow-y:scroll}
}

@media (min-width:1001px) {
	/*#myTopnav .myTopnav-list ul li .sociallink img{display:block;float:left}*/
}

@media (max-width:1000px) {
	a:link #up{right:10px;bottom:10px;height:7vw;width:7vw}
	
	.container .page .page-content > form{padding:8vw}
	.container .socialnet img{width:5vw;height:auto}
	
	input,select,button,textarea,file{font-size:1em;padding:.5em}
	.contactForm input[type=submit].send{font-size:1.2em}
	.page-content .contactForm table td{padding:1vw 0}
	
	.popup h2{font-size:2.4em}
	
	.teaser{top:-40px}
	.teaser-title{font-size:6em;padding:0 0 6px 0}
	.teaser-title-text{border-bottom:12px var(--color-link) solid}
	.teaser-content ul{margin-bottom:4vw}
	.teaser-category{top:0}
	.teaser-bottom{background:-moz-linear-gradient(top, rgba(255,255,255,1) 45%, rgba(255,255,255,0) 47%);background:-webkit-linear-gradient(top, rgba(255,255,255,1) 45%,rgba(255,255,255,0) 47%);background:linear-gradient(to bottom, rgba(255,255,255,1) 45%,rgba(255,255,255,0) 47%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 )}
	
	.blog-col article{padding:2vw 5vw}
	.blog-col article .contactForm{padding:0}
	.blog-detail article{padding:5vw 0}
	.blog-detail article .text h3{padding-top:2vh}
	.blog-col article .blog-intro p{padding:4vw;font-size:1em}
	.blog-sep{margin:4vh auto}
	
	h1{font-size:1.4em;letter-spacing:8px}
	h2{font-size:1.4em;letter-spacing:3px;background-position:center 30px;max-width: 100%}
	h3{font-size:1.3em;letter-spacing:5px;background-position: center 10px}
	h4{font-size:1.1em;letter-spacing:2px}
	
	.form-page .forms{width:95%;min-width:80vw}
	.form-page .forms .form ul{padding:2vw}
	
	.review-slider .review-slides0 article{padding:5vw 2vw}
	.review-slider .review-slides0 article .review-info blockquote{font-size:1em}
	.review-slider .review-slides0 article .review-movie video{min-width:450px}
}

@media (max-width:800px) {
	h1, h2, h3, h4, h5, h6, p:not(.bubble-content), ul{-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}
	
	h1{font-size:1.2em;letter-spacing:5px}
	h2{font-size:1.2em;letter-spacing:1px;background-position:center 20px;max-width: 100%}
	h3{font-size:1.2em;letter-spacing:3px}
	h4{font-size:1em;letter-spacing:1px;}
	
	a:link #up{height:9vw;width:9vw}
	
	.page .page-content .logo-href .logo{padding:0 4vw 4vw;max-width:57%}
	
	.teaser {top:-30px;width:85%}
	.teaser-title{font-size:5em;padding:0 0 5px 0}
	.teaser-title-text{border-bottom:10px var(--color-link) solid}
	.teaser-content{padding:4vw 8vw 2vw 8vw}
	.teaser-category{top:100px}
	.teaser-content ul{margin-bottom:5vw}
	
	.blog{flex-flow:column}
	.blog-col{width:100%}
	.blog-col + .blog-col{margin-top:4vh}
	.blog-sep{display:none}
	
	.blog-col article .blog-intro .article-images-wrapper .article-images:before{padding-top:unset}
	.blog-col article .blog-intro .article-images-wrapper .article-images .article-image{height:0px}
	.blog-col article .blog-intro p{position:unset;padding:4vw 0 0 0;font-size:unset;line-height:unset;color:unset;background-color:transparent;opacity:unset}
	
	.blog-col article h2 + p{padding-top:initial}
	
	/*#anfrage .popup{min-width:650px;max-width:750px}*/
	.popup .content .small{font-size:.8em}
	
	.review-slider .review-slides0 article{display:block}
	.review-slider .review-slides0 article > div{width:100%;display:inline-block}
	.review-slider .review-slides0 article .review-movie video{min-width:unset;padding:0 1vw}
	
	.review-chat{width:80vw}
	.review-chat .review-avatar-img,.review-chat .review-avatar-ini{margin-right:10px;margin-bottom:10px;margin-top:10px;}
	.review-chat .clear+.review-bubble{margin-left:initial}
	
	#loader-text{font-size:1em;top:120%;width:115%}
	
	.references div img{width:100px}
	
	footer #footer-insta{float:none;width:100%}
	footer #footer-quick{position:relative;top:inherit;right:inherit;bottom:inherit;background-color:rgba(0,0,0,0);float:none;width:100%}
	footer #footer-quick ul{width:100%;padding:0;margin:0;position:initial;top:initial;-webkit-transform:initial;-ms-transform:initial;transform:initial}
	footer #footer-quick ul li{text-align:center;display:inline-block;padding:2vw}
	
	.form-page .forms .form input[type=text], .form-page .forms .form textarea, .form-page .forms .form input[list], .form-page .forms .form input[type=date], .form-page .forms .form input[type=mail], .form-page .forms .form input[type=number], .form-page .forms .form input[type=tel],.form-page .forms .form .reviewUploads > div{min-width:100%}
	.form-page .forms .form p span{line-height:1em}
	.form-page .forms .form table tr td{display:block} /* Tabellenspalten auflösen */
	.form-page .forms .form table td:first-child{width:unset}
	.form-page .forms .form .cStreetInfo tr td:first-child,.form-page .forms .form .cPlaceInfo tr td:nth-child(2),.form-page .forms .form .cPlaceInfo tr td:first-child,.form-page .forms .form .cStreetInfo tr td:nth-child(2){width:100% !important}
	
	.form-page .forms .form .reviewUploads > div{display:initial}
	.form-page .forms .form .reviewUploads .reviewVideo{margin:.5vh} /* Flex-Grid auflösen > untereinander */
	
	.ad{margin:1em;padding:1em}
	#mailBannerDeletion,#mailBannerToUpload{max-width:90vw}
}

@media (max-width:600px) {
	nav #nav-menu #nav-menuitems > ul .social a{padding:1vw 4vw}
	nav #nav-menu, nav #nav-menu #nav-menuitems ul li,nav #nav-menu .nav-current div,nav #nav-menu #nav-icon div{height:50px}
	
	a:link #up{height:11vw;width:11vw}
	
	.container .page .page-content form{padding:1vw}
	.page .page-content .logo-href .logo{padding:0 4vw 4vw;max-width:67%}
	
	.teaser{top:-20px;width:90%}
	.teaser + ul li a{padding:2vh 6vw} /* btn-2 */

	.teaser-title{font-size:4em}
	.teaser-content{padding-top:5vw}
	.teaser-content ul{margin-bottom:8vw}
	.teaser-content ul li a{padding:2vh 6vw} /* btn-1 */
	.teaser-content video{padding:2vh 0}
	
	.blog-col article{padding:2vw 2vw}
	.blog-detail article, .navigation{padding:2vw 0}
	.blog-detail article .text h3{padding-top:3vh}
	
	input,select,button,textarea,file{font-size:.9em}
	.contactForm input[type=submit].send{font-size:1em}
	
	.popup{padding:6vw}
	.popup .content .small{font-size:.7em}
	
	.form-page .forms .form input{margin:1vh}
	.form-page .forms .form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),.form-page .forms .form  textarea,.form-page .forms .form .reviewUploads > div{min-width:95%}
	.form-page .forms .form fieldset,.form-page .forms .form table{width:initial}
	.form-page .forms .form input[type=text], .form-page .forms .form textarea, .form-page .forms .form input[list], .form-page .forms .form input[type=date], .form-page .forms .form input[type=mail], .form-page .forms .form input[type=number], .form-page .forms .form input[type=tel],.form-page .forms .form .reviewUploads > div{font-size:1em}
	.form-page .forms .form ul{padding:1vw}
	.form-page .forms .form .cStreetInfo,.form-page .forms .form .cPlaceInfo{width:80%}
	
	/*
	.review-slider .review-slides article .review-info .review-avatar-img{max-height:100px;margin-right:3vw}
	.review-slider .review-slides article .review-info blockquote{text-indent:initial}
	.review-slider .review-slides article .review-info cite{text-indent:.2em}
	.review-slider .review-slides article .review-nav{font-size:3em}
	*/
	.review-slider .review-slides0 article .review-info .review-avatar-img{max-height:100px;margin-right:3vw}
	.review-slider .review-slides0 article .review-info blockquote{text-indent:initial}
	.review-slider .review-slides0 article .review-info cite{text-indent:.2em}
	.review-slider .review-slides0 article .review-nav{font-size:3em}
	
	footer{font-size:0.8em}
	.form-footer #form-progress{font-size:0.9em}
	
	.adminForm table{min-width:100%}

	.preset-box{left:8vw}
}

@media (max-width:500px) {
	.page-content .logo-href .logo,.page-banner .logo,footer .logo{max-width:90vw}
	h1 span,h2 span{white-space:initial}
	
	.review-chat{width:80vw}
}

@media (max-width:400px) {
	h1, h2{-moz-hyphens:unset;-o-hyphens:unset;-webkit-hyphens:unset;-ms-hyphens:unset;hyphens:unset}
	nav #nav-menu .nav-current div,nav #nav-menu #nav-menuitems ul,nav #nav-menu #nav-icon div .icon{font-size:1.1em}
	nav #nav-menu #nav-icon div .icon span{display:none}
	
	.teaser{top:-10px}
	.teaser + ul li a{padding:2vh 8vw}

	.teaser-title{font-size:3em}
	.teaser-content{padding-top:6vw}
	.teaser-category{top:120px}
	.teaser-content ul{margin-bottom:10vw}
	
	.blog-col article h1,.blog-col article h2{font-size:1.4em}
	.blog-col .article-images-info{width:70%}
	
	.blog-col article p,.blog-detail article p{padding:3vw 2vw}
	
	.page-banner h2{font-size:3em}
	
	/*
	.review-slider .review-slides article .review-movie video{min-width:200px}
	.review-slider .review-slides article .review-nav{font-size:2em}
	*/
	.review-slider .review-slides0 article .review-movie video{min-width:200px}
	.review-slider .review-slides0 article .review-nav{font-size:2em}
	
	#loader-text{top:140%;width:145%}
	
	a:link #up{height:15vw;width:15vw}
	
	.references div img{max-width:25vw}
	
	.form-page .forms .form p.sternebewertung{font-size:.8em}
	.form-page .forms .form .cStreetInfo,.form-page .forms .form .cPlaceInfo{width:90%}
	.form-page .forms .form table tr td label{white-space:initial}
	.form-page .forms .form input[type=submit].next{padding:1em}
	
	.contactForm .tableRadio td{font-size:.9em;padding:5vw 0}
	.contactForm .tableRadio td:first-child{white-space:initial}
	.contactForm .tableRadio td .decimals{display:none}
	.contactForm .tableRadio input[type="radio"]{margin-right:.3em}
	
	.ad{margin:0;padding:.1em}
	#mailBannerDeletion,#mailBannerToUpload{max-width:60vw}
	.adminForm .banners{width:60vw}
	.adminForm .options{display:none}

	.preset-box{left:5vw}
}

@media (max-width:300px) {
	.references div img{max-width:30vw}
}