/* Open Sans by Steve Matteson (Ascender Fonts) - Apache License v2.00 */
@font-face { font-family: "OpenSans"; src: url('fonts/OpenSans-Regular.woff') format('woff'), url('fonts/OpenSans-Regular.ttf') format('truetype'); font-weight:normal; font-style:normal; } 
@font-face { font-family: "OpenSans"; src: url('fonts/OpenSans-Bold.woff') format('woff'), url('fonts/OpenSans-Bold.ttf') format('truetype'); font-weight:bold; font-style:normal; }
@font-face { font-family: "OpenSans"; src: url('fonts/OpenSans-Italic.woff') format('woff'), url('fonts/OpenSans-Italic.ttf') format('truetype'); font-weight:normal; font-style:italic; }
@font-face { font-family: "OpenSans"; src: url('fonts/OpenSans-BoldItalic.woff') format('woff'), url('fonts/OpenSans-BoldItalic.ttf') format('truetype'); font-weight:bold; font-style:italic; }

body, html { height:100%; }
body { position:relative; margin:0px auto 0px auto; left:0px; padding:0px; color:black; background-color:#aaaaaa; }
body, html, p, div, span, code, blockquote, ul, ol, td, input, form { font-size:1.7vw; font-family: "OpenSans", Helvetica, Arial, sans-serif; line-height:130%; }
a:link { text-decoration:none; color:#4444aa; }
a:visited { text-decoration:none; color:#666688; }
a:hover, a:focus { text-decoration:underline; color:#26aa12; }
h1, h2, h3, h4 { color:black; }
h1, h2 { font-size:1.9vw; margin:1.5vw 0px 1.5vw 0px; }
h3 { font-size:1.8vw; margin:1.4vw 0px 1.4vw 0px; }
h4 { font-size:1.7vw; margin:1.3vw 0px 1.3vw 0px; }
small, .featureTableTop, .featureTableLeft, .featureTableRight { font-size:1.3vw; line-height:1.7vw; }
b { font-weight:bold; }
li { margin-bottom:1vw; }
blockquote { font-style:italic; }
code { font-style:italic; color:#335533; }

.rahmen, .ADV100TOP, .ADV100, .LOGOBAR, .mnNavigation, .CNTBOX, .CNTBOXFOTOS, .CNTFOTOS, .DISCLAIMER { display:block; clear:both; padding:0px; margin:0px; }
.ADVHOR, .ADVINL, .IERIGHT, .mnsubNavigation, .mnKopfText, .mnFlag, .mnLogo, .mnUcontainer, .mnNavLogo, .reviewsPicBox, .reviewsPicMain, .CNTMAIN, .CNTAD1, .CNTMAINa, .CNTAD1a, .CNTMENU, .CNTAD2, .CNTAD3, .CNTADX, .IOSLINEFIX { padding:0px; margin:0px; }
.SEARCHBAR, .mnNavigation, .mnsubNavigation, .overLay, .CNTBOX, .CNTBOXFOTOS, .DISCLAIMER { border-style:solid; border-color:black; }
.SEARCHBAR, .CNTBOX, .CNTBOXFOTOS, .DISCLAIMER { background-color:#ffffff; }
.CNTAD1, .CNTAD1a, .CNTAD3 { background-color: rgba(0, 0, 0, 0.1); }
.rahmen { position:absolute; left:0px; top:0px; right:0px; height:auto; min-height:100%; }
.ADVBOX { background-color:white; padding:1%; }
.ADV100TOP, .ADV100, .CNTFOTOS { font-size:12px; line-height:12px; text-align:center; width:100%; }
.ADV100TOP { margin-top:50px; }
.ADV100 { margin-top:20px; }
.ADVHOR { width:100%; max-width:728px; border-width:0px; }
.ADVKNZ { width:66px; height:18px; padding:0px; margin:4px 0px 0px 0px; }
.ADVINL { display:block; text-align:center; width:100%; }
.LOGOBAR { overflow:visible; text-align:center; width:100%; }
.SEARCHBAR { float:right; width:100%; height:auto; text-align:left; padding:0px; margin:0.5% 0px 1% 0px; border-width:1px 0px 1px 0px; }
.LOGO { float:left; width:6%; height:6%; max-width:90px; max-height:90px; min-width:40px; min-height:40px; padding:0px; margin:-6.2vw 3px 0px 3px; border-width:0px; }
.SEARCHFRM { float:right; margin:2px; }
.SEARCHINP { width:27vw; font-size:1.6vw; color:#4444aa; background-image:url('../search/sitesearch.svg'); background-position:left center; background-size:contain; background-repeat:no-repeat; box-sizing:border-box; }

/*  fix placement of vertical scrollbar in IE and Edge */
.IERIGHT { float:right; display:none; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .IERIGHT { width:2vw; display:block; } }
@supports (-ms-accelerator:true) { .IERIGHT { width:2vw; display:block; } }

/* navigation */
.mnNavigation { z-index:1; position:fixed; top:0px; width:100%; min-width:280px; height:3.6vw; text-align:left; background-color:#dedede; border-width:0px 0px 1px 0px; }
.mnsubNavigation { z-index:1; display:block; position:absolute; top:3.6vw; left:3vw; width:auto; height:auto; overflow:hidden; min-height:0px; background-color: rgba(255, 255, 255, 0.95); border-width:0px 1px 1px 1px; }
.mnKopf, .mnKopfOpt, .mnKopfOpt2, .mnKopfOpt2a, .mnKopfOpt3, .mnKopfText, .mnFlag, .mnLogo { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.mnKopf, .mnKopfOpt, .mnKopfOpt2, .mnKopfOpt2a, .mnKopfOpt3 { cursor:pointer; float:left; width:auto; padding:0.8vw 1vw 2px 1vw; margin:0px; display:inline; }
.mnKopfOpt, .mnKopfOpt2 { float:right; background-color:transparent; }
.mnKopfText { font-size:1.9vw; font-weight:bold; line-height:120%; text-decoration:none; color:#4444aa; }
.mnFlag, .mnLogo { height:1.9vw; }
.mnFlag { width:3.3vw; }
.mnLogo { width:2vw; }
.mnUcontainer { overflow:hidden; }
.mnUlist { float:left; width:25vw; padding:2vw 2.5vw 1.5vw 3vw; margin:0px; font-size:1.8vw; line-height:150%; color:#26aa12; border-style:solid; border-width:0px 1px 0px 0px; border-color:#eeeeee; }
.mnUlist a:link { text-decoration:none; color:#4444aa; padding:3px; }
.mnUlist a:visited { text-decoration:none; color:#666688; padding:3px; }
.mnUlist a:hover, .mnUlist a:focus { text-decoration:underline; color:#26aa12; background-color:#eeeeee; padding:2px; border:1px solid #dedede; }
.mnUlist ul { overflow:hidden; padding:0px 0px 0px 2vw; margin:0px; }
.mnUlist li { margin-bottom:1vw; }
.mnFlags { width:3.3vw; height:2vw; max-width:66px; max-height:40px; min-width:33px; min-height:20px; padding:1vw; margin:1vw; border:1px solid #dedede; background-color:transparent; }
.mnNavText { display:block; }
.mnNav { cursor:pointer; float:right; width:25%; padding:0.5vw 0px 0.5vw 0px; margin:0px 0px 1vw 0px; text-align:center; background-color:transparent; }
.mnNav:hover, .mnNav:focus, .mnNavBottom:hover, .mnNavBottom:focus, .mnKopfOpt:hover, .mnKopfOpt:focus, .mnKopfOpt2:hover, .mnKopfOpt2:focus, .mnFlags:hover, .mnFlags:focus, .mnNavFoto:hover, .mnNavFoto:focus { background-color:#eeeeee; }
.mnNavLogo { width:3vw; height:3vw; max-width:50px; max-height:50px; min-width:20px; min-height:20px; }
.mnNavBottom { display:block; clear:both; padding:5px; margin:0px; text-align:left; background-color:transparent; }
.mnNavFoto, .mnNavFotoNA, .mnNavFotoTxt { float:right; padding:0.5vw 0px 0.5vw 0px; margin:0px 0px 1vw 0px; text-align:center; background-color:transparent; }
.mnNavFoto, .mnNavFotoNA  { width:10%; }
.mnNavFoto { cursor:pointer; }
.mnNavFotoTxt { width:30%; }

/* cookie */
.overLay { z-index:10; position:fixed; display:none; top:0px; left:0px; padding:2%; background-color:white; border-width:0px 0px 1px 0px; }
.cookieText { text-decoration:none; color:#4444aa; cursor:pointer; }

/* content */
.CNTBOX, .CNTBOXFOTOS { overflow:hidden; width:100%; height:auto; border-width:1px 0px 1px 0px; }
.CNTMAIN, .CNTMAINa, .CNTADX { float:left; text-align:left; }
.CNTAD1, .CNTAD1a, .CNTMENU { float:right; text-align:center; }
.CNTAD2, .CNTAD3 { float:left; text-align:center; width:75%; }
.CNTMAIN { width:75%; }
.CNTAD1 { width:25%; }
.CNTMAINa { width:65%; }
.CNTAD1a, .CNTMENU { width:35%; }
.CNTADX { width:100%; }
.DACONTENT { text-align:left; padding:0px; margin:2vw; }
.DISCLAIMER { overflow:hidden; width:100%; border-width:1px 0px 1px 0px; }
.DISCLAIMER1, .DISCLAIMER2 { padding:1vw; }
.FotoPreview { margin:4px; padding:0px; border-width:1px; border-style:solid; }
.FotoBig { max-width:90%; margin:0px; padding:0px; border-width:0px; }

/* news section */
.newsLogo, .newsLogoNA { float:right; width:5vw; height:5vw; max-width:75px; max-height:75px; min-width:40px; min-height:40px; padding:1px; margin:0px 0px 1vw 1.5vw; border:1px solid #555555; background-color:white; }
.newsLogo:hover, .newsLogo:focus, .FotoPreview:hover, .FotoPreview:focus { border-color:#26aa12; background-color:#eeeeee; }

.reviewsLogo { display:none; }
.reviewsPicBox { text-align:center; width:100%; }
.reviewsPic { width:100%; max-width:375px; padding:0px; margin:0px 0px 1vw 0px; }
.reviewsPicBoxMain { float:right; width:50%; max-width:385px; padding:1px; margin:0px 0px 0.5vw 1vw; }
.reviewsPicMain { float:right; width:100%; max-width:375px; padding:1px; }
.newsText { padding:0px; margin:0px 0px 3vw 0px; text-align:justify; -ms-hyphens:auto; -webkit-hyphens:auto; hyphens:auto; }
.leftText { padding:0px; margin:0px 0px 3vw 0px; text-align:left; }
.newsLine { padding:0px; margin:0px 0px 1.6vw 0px; -ms-hyphens:auto; -webkit-hyphens:auto; hyphens:auto; }
.newsNeu { font-weight:normal; color:#555555; }
.newsPicCenterBox, .awardPicCenterBox { text-align:center; }
.newsPicCenter { max-width:90%; margin-top:10px; margin-bottom:10px; }
.awardPicCenter { width:85%; max-width:450px; margin-top:10px; margin-bottom:10px; }
.newsPicRight { float:right; width:40%; min-width:125px; margin-left:10px; margin-bottom:10px; }
.newsYouTubeBox { text-align:center; }
.newsYouTubeScale { width:100%; padding-top:57%; position:relative; }
.newsYouTube { position:absolute; width:90%; height:90%; top:5%; left:5%; right:5%; bottom:5%; border-width:0px; }

/* reviews section */
.reviewTable { text-align:center; }
.featureTable { width:90%; margin-left:auto; margin-right:auto; border-spacing:1%; border-width:0px; }
.featureTableTop { padding:1%; background:#cecece; font-weight:bold; text-align:center; }
.featureTableLeft { padding:1%; text-align:left; }
.featureTableRight { padding:1%; text-align:center; }
.award { float:right;max-width:25%;margin-left:10px;margin-bottom:10px; }

/* rules of dynamics */
@-ms-viewport { width: device-width; }
@viewport { width: device-width; }

@media screen and (max-width: 370px) {
   .mnKopf { padding:5px 4px 2px 4px; }
   .mnKopfText { font-size:11px; }
   .SEARCHINP { width:60vw; }
   .newsLogo, .newsLogoNA, .mnKopfOpt2, .mnKopfOpt3 { display:none; }
}

@media screen and (min-width: 371px) and (max-width: 450px) { .SEARCHINP { width:50vw; } }

@media screen and (min-width: 371px) and (max-width: 700px) {
   .mnKopf, .mnKopfOpt, .mnKopfOpt2, .mnKopfOpt2a, .mnKopfOpt3 { padding:5px 6px 2px 6px; }
   .mnKopfText { font-size:12px; }
}

@media screen and (min-width: 371px) and (max-width: 800px) {
   .reviewsLogo { float:right; width:5vw; height:5vw; max-width:75px; max-height:75px; min-width:40px; min-height:40px; padding:1px; margin:0px 0px 1vw 1.5vw; border:1px solid #555555; display:inline; background-color:white; }
   .reviewsLogo:hover, .reviewsLogo:focus { border-color:#26aa12; background-color:#eeeeee; }
}

@media screen and (min-width: 451px) and (max-width: 550px) { .SEARCHINP { width:45vw; } }

@media screen and (max-width: 500px) {
   .mnKopfOpt { display:none; }
   .ADV100TOP { margin-top:35px; }
   .ADVKNZ { width:48px; height:13px; padding:0px; margin:1px 0px 0px 0px; }
   .SEARCHBAR, .CNTMAIN, .CNTMAINa, .CNTMENU, .CNTAD2, .CNTADX, .DISCLAIMER { background-color:white; }
   .CNTAD1, .CNTAD1a, .CNTAD3 { background-color:#eeeeee; }
   .reviewsPicBoxMain { float:none; text-align:center; width:100%; max-width:100%; padding:0px; margin:0px; }
   .reviewsPicMain { float:none; width:100%; max-width:375px; padding:0px; margin:0px 0px 1vw 0px; }
}

@media screen and (min-width: 501px) and (max-width: 600px) {
   .ADV100TOP { margin-top:37px; }
   .ADVKNZ { width:55px; height:15px; padding:0px; margin:2px 0px 0px 0px; }
}

@media screen and (max-width: 550px) {
   .mnsubNavigation { border-left-width:0px; }
   .mnUlist { width:90%; border:none; }
}

@media screen and (min-width: 551px) and (max-width: 650px) { .SEARCHINP { width:40vw; } }
@media screen and (max-width: 600px) { .LOGO { margin:-42px 3px 0px 3px; } }
@media screen and (min-width: 601px) and (max-width: 700px) { .LOGO { margin:-44px 3px 0px 3px; } }
@media screen and (min-width: 601px) and (max-width: 800px) { .ADV100TOP { margin-top:42px; } }
@media screen and (min-width: 651px) and (max-width: 750px) { .SEARCHINP { width:35vw; } }

@media screen and (max-width: 647px) {
   p, div, span, code, blockquote, ul, ol, td, input, form { font-size:11px; line-height:14px; }
   h1, h2 { font-size:12px; margin:6px 0px 6px 0px; }
   h3 { font-size:11px; margin:5px 0px 5px 0px; }
   .SEARCHINP { font-size:10px; }
}

@media screen and (max-width: 700px) {
   .mnNavigation { height:23px; }
   .mnsubNavigation { top:23px; left:0px; }
   .mnLogo { width:12px; height:11px; }
   .mnFlag { width:20px; height:11px; }
   .mnUlist { font-size:11px; padding:11px 16px 11px 22px; }
}

@media screen and (min-width: 701px) and (max-width: 800px) { .LOGO { margin:-48x 3px 0px 3px; } }
@media screen and (min-width: 751px) and (max-width: 800px) { .SEARCHINP { width:30vw; } }

@media screen and (max-width: 800px) {
   small, .featureTableTop, .featureTableLeft, .featureTableRight { font-size:10px; line-height:12px; }
   .SEARCHFRM { margin:2px 2% 0px 0px; }
   .CNTMAIN, .CNTMAINa, .CNTMENU { width:100%; }
   .CNTAD1, .CNTAD1a, .CNTAD2, .CNTAD3, .CNTADX { width:100%; float:left; border-style:solid; border-color:#aaaaaa; border-width:2px 0px 0px 0px; }
   .mnNavText, .reviewsPicBox, .reviewsPic { display:none; }
   .mnNav { width:auto; padding:0.5vw 1.5vw 0.5vw 1.5vw; margin:0px 1vw 0px 0px; }
}

@media screen and (min-width: 801px) and (max-width: 1700px) {
   .CNTMAIN, .CNTAD2 { width:65%; }
   .CNTAD1, .CNTAD3 { width:35%; float:right; }
   .CNTAD2 { float:left; background-color: rgba(0, 0, 0, 0.1); }
   .CNTAD3 { background:none; }
}

@media screen and (min-width: 1000px) {
   .mnNavigation { height:35px; }
   .mnsubNavigation { top:35px; left:35px; }
   .mnKopf, .mnKopfOpt, .mnKopfOpt2, .mnKopfOpt2a, .mnKopfOpt3 { padding:8px 10px 2px 10px; }
   .mnKopfText { font-size:19px; }
   .mnLogo { width:20px; height:19px; }
   .mnFlag { width:33px; height:19px; }
   .mnUlist { font-size:17px; width:250px; padding:25px; }
   .ADVKNZ { width:81px; height:22px; padding:0px; margin:4px 0px 0px 0px; }
   .SEARCHINP { font-size:16px; }
}

@media screen and (min-width: 1000px) and (max-width: 1150px) {
   p, div, span, code, blockquote, ul, ol, td, input, form { font-size:1.5vw; }
   h1, h2 { font-size:1.7vw; }
   h3 { font-size:1.6vw; }
   small, .featureTableTop, .featureTableLeft, .featureTableRight { font-size:1.3vw; line-height:1.7vw; }
}

@media screen and (min-width: 1151px) and (max-width: 1275px) {
   p, div, span, code, blockquote, ul, ol, td, input, form { font-size:1.4vw; }
   h1, h2 { font-size:1.6vw; }
   h3 { font-size:1.5vw; }
   small, .featureTableTop, .featureTableLeft, .featureTableRight { font-size:1.2vw; line-height:1.6vw; }
}

@media
screen and (min-width: 1276px) and (max-width: 1700px) and (max-resolution: 149dpi),
screen and (min-width: 1701px)  {
   .CNTMAIN { width:38%; }
   .CNTAD1 { width:25%; float:left; }
   .CNTAD2 { width:19%; float:left; background:none; }
   .CNTAD3 { width:18%; float:right; background-color: rgba(0, 0, 0, 0.1); }
}

@media
screen and (min-width: 1276px) and (max-width: 1370px) and (max-resolution: 105dpi),
screen and (min-width: 1371px) and (max-width: 1700px) and (min-resolution: 100dpi) and (max-resolution: 149dpi) {
   p, div, span, code, blockquote, ul, ol, td, input, form { font-size:1.1vw; }
   h1, h2 { font-size:1.3vw; }
   h3 { font-size:1.2vw; margin:0.8vw 0px 0.8vw 0px; }
   .reviewsPic { margin:0px; }
   .newsText { padding:0px; margin: 0px 0px 1.8vw 0px; }
   li { margin-bottom:0.8vw; }
   small, .featureTableTop, .featureTableLeft, .featureTableRight { font-size:1vw; line-height:1.4vw; }
   .newsLine { margin: 0px 0px 1.3vw 0px; }
}

@media screen and (min-width: 1276px) and (max-width: 1370px) and (min-resolution: 106dpi) and (max-resolution: 149dpi) {
   .reviewsPic { margin:0px; }
   .newsText { padding:0px; margin: 0px 0px 1.9vw 0px; }
   li { margin-bottom:0.9vw; }
   .newsLine { margin: 0px 0px 1.4vw 0px; }
}

@media
screen and (min-width: 1276px) and (max-width: 1370px) and (min-resolution: 106dpi) and (max-resolution: 149dpi),
screen and (min-width: 1701px) and (min-resolution: 150dpi) {
   p, div, span, code, blockquote, ul, ol, td, input, form { font-size:1.2vw; }
   h1, h2 { font-size:1.4vw; }
   h3 { font-size:1.3vw; margin:0.9vw 0px 0.9vw 0px; }
   small, .featureTableTop, .featureTableLeft, .featureTableRight { font-size:1vw; line-height:1.4vw; }
}

@media screen and (min-width: 1276px) and (max-width: 1370px) and (min-resolution: 150dpi) {
   p, div, span, code, blockquote, ul, ol, td, input, form { font-size:1.4vw; }
   h1, h2 { font-size:1.6vw; }
   h3 { font-size:1.5vw; }
   small, .featureTableTop, .featureTableLeft, .featureTableRight { font-size:1.2vw; line-height:1.6vw; }
}

@media
screen and (min-width: 1371px) and (max-width: 1700px) and (max-resolution: 99dpi),
screen and (min-width: 1701px) and (min-resolution: 100dpi) and (max-resolution: 149dpi) {
   p, div, span, code, blockquote, ul, ol, td, input, form { font-size:1.0vw; }
   h1, h2 { font-size:1.2vw; }
   h3 { font-size:1.1vw; margin:0.7vw 0px 0.7vw 0px; }
   .reviewsPic { margin:0px; }
   .newsText { padding:0px; margin: 0px 0px 1.7vw 0px; }
   li { margin-bottom:0.7vw; }
   small, .featureTableTop, .featureTableLeft, .featureTableRight { font-size:0.9vw; line-height:1.3vw; }
   .newsLine { margin: 0px 0px 1.2vw 0px; }
}

@media screen and (min-width: 1371px) and (max-width: 1700px) and (min-resolution: 150dpi) {
   p, div, span, code, blockquote, ul, ol, td, input, form { font-size:1.3vw; }
   h1, h2 { font-size:1.5vw; }
   h3 { font-size:1.4vw; }
   small, .featureTableTop, .featureTableLeft, .featureTableRight { font-size:1.1vw; line-height:1.5vw; }
}

@media screen and (min-width: 1500px) {
   .LOGO { margin:-95px 3px 0px 3px; }
}

@media screen and (min-width: 1701px) and (max-resolution: 99dpi) {
   p, div, span, code, blockquote, ul, ol, td, input, form { font-size:0.9vw; }
   h1, h2 { font-size:1.1vw; }
   h3 { font-size:1.0vw; margin:0.6vw 0px 0.6vw 0px; }
   .reviewsPic { margin:0px; }
   .newsText { padding:0px; margin: 0px 0px 1.6vw 0px; }
   li { margin-bottom:0.6vw; }
   small, .featureTableTop, .featureTableLeft, .featureTableRight { font-size:0.8vw; line-height:1.2vw; }
   .newsLine { margin: 0px 0px 1.2vw 0px; }
}