@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300,800);
@import url(http://fonts.googleapis.com/css?family=The+Girl+Next+Door);
/**/
.weHEad { font-size: 14px; line-height: 1.65; background-color: white; overflow: hidden; margin-bottom: 2em; padding: 0.5em 0.5em 1.5em; display: block; }
.weWHL { background-color: white; overflow: hidden; margin-top: 2em; padding: 0.5em; display: block; }
.we { font-size: 14px; line-height: 1.65; background-color: white; overflow: hidden; margin-bottom: 2em; padding: 0.5em 0.5em 1.5em; display: block; }
.weFeature { font-size: 14px; line-height: 1.65; background-color: white; overflow: hidden; margin-bottom: 2em; padding: 0.5em 0.5em 1.5em; border: solid 1px #007dc6; display: block; }
.weHEadExtra { font-size: 14px; line-height: 1.65; background-color: #DFDFDF; overflow: hidden; margin-bottom: 2em; padding: 0.5em 0.5em 1.5em; display: block; }
/**/
/**/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height: 1; }
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
/**/
/**/
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html, body { font-family: "Open Sans", sans-serif; vertical-align: top; -webkit-hyphens: auto; word-wrap: break-word; -webkit-overflow-scrolling: touch; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; -webkit-text-size-adjust: none; }
body { background-color: #f1efe8; color: #333; position: relative; margin: 0; padding: 0; }
a { color: #0077b3; text-decoration: none; cursor: pointer; }
a:hover { color: #8e8682; }
nav:not(.mm-menu) { display: none; }
h1 { font-size: 31px; font-weight: 600; line-height: 1.55; margin: 0; padding: 0; }
h2 { font-size: 27px; font-weight: 300; line-height: 1.45; margin: 0; padding: 0; }
h3 { font-size: 31px; font-weight: 300; line-height: 1.45; margin: 0; padding: 0; }
.AktionsblockHeadline h3 { font-size: 22px; font-weight: 600; line-height: 1.45; margin: 0; padding: 0; }
h4 { color: #9c2224; font-size: 14px; font-weight: 700; line-height: 1.45; margin: 0; padding: 0; }
h5 { font-size: 25px; font-weight: 300; line-height: 1.45; margin: 0; padding: 0; }
p { font-size: 17px; line-height: 1.8; margin: 0; padding: 0; }
.AktionsblockText p { font-size: 15px; line-height: 1.6; margin: 0; padding: 0; }
p + p { margin-top: 1em; }
ol { margin-top: 0.25em; margin-bottom: 0.25em; list-style-type: none; }
ul { margin-top: 0.25em; margin-bottom: 0.25em; padding-left: 1.5em; list-style-type: square; }
ul li, ol li { font-size: 17px; padding-left: 0; line-height: 2; margin-left: 0; }
ol li::before { content: "\f046"; font-family: FontAwesome; color: #5e5848; font-style: normal; font-weight: normal; text-decoration: inherit; padding-right: 0.45em; }
img { border-style: none; outline-style: none; }
.content img { max-width: 100%; }
#page { position: relative; }
.inner { overflow: hidden; max-width: 1450px; margin: 0 auto; padding: 0 80px; display: block; }
a, .breadcrumb a, .dropdown-btn, .thumb, h6, img { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.middle { text-align: center; }
p a[href^="http://"]:after { content: "\f08e"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: none; padding-left: 0.3em; }
p a[href^="https://"]:after { content: "\f08e"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: none; padding-left: 0.3em; }
p a[href^="mailto"]:after { content: "\f0e0"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: none; padding-left: 0.3em; }
p a[href$=".pdf"]:after { content: "\f15c"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: none; padding-left: 0.3em; }
p a[href$=".jpg"]:after { content: "\f03e"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: none; padding-left: 0.3em; }
p a[href$=".png"]:after { content: "\f03e"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: none; padding-left: 0.3em; }
p a[href$=".gif"]:after { content: "\f03e"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: none; padding-left: 0.3em; }
li a[href^="http://"]:after { content: "\f08e"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: none; padding-left: 0.3em; }
li a[href^="https://"]:after { content: "\f08e"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: none; padding-left: 0.3em; }
li a[href^="mailto"]:after { content: "\f0e0"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: none; padding-left: 0.3em; }
li a[href$=".pdf"]:after { content: "\f15c"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: none; padding-left: 0.3em; }
li a[href$=".jpg"]:after { content: "\f03e"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: none; padding-left: 0.3em; }
li a[href$=".png"]:after { content: "\f03e"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: none; padding-left: 0.3em; }
li a[href$=".gif"]:after { content: "\f03e"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: none; padding-left: 0.3em; }
ol a[href^="http://"]:after { content: "\f08e"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: none; padding-left: 0.3em; }
ol a[href^="https://"]:after { content: "\f08e"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: none; padding-left: 0.3em; }
ol a[href^="mailto"]:after { content: "\f0e0"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: none; padding-left: 0.3em; }
ol a[href$=".pdf"]:after { content: "\f15c"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: none; padding-left: 0.3em; }
ol a[href$=".jpg"]:after { content: "\f03e"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: none; padding-left: 0.3em; }
ol a[href$=".png"]:after { content: "\f03e"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: none; padding-left: 0.3em; }
ol a[href$=".gif"]:after { content: "\f03e"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: none; padding-left: 0.3em; }
input[type="text"]:focus { outline: none; }
/**/
/**/
.header { font-size: 23px; background-color: white; width: 100%; overflow: hidden; margin-bottom: 1px; padding-top: 16px; padding-bottom: 16px; border-bottom: 1px solid #e8e3d6; -moz-box-sizing: border-box; box-sizing: border-box; display: block; }
.header a { display: inline-block; float: left; padding-top: 15px; cursor: pointer; }
.hh { width: 100px; height: 30px; padding-top: 5px; }
.home { width: 190px; height: 50px; float: right; cursor: pointer; display: inline-block; }
/**/
/**/
.rubrik { position: relative; overflow: hidden; margin-top: 1em; display: block; }
.dropdown-group { position: relative; overflow: hidden; display: block; }
.dropdown-btn { color: #0b1a33; font-size: 18px; font-weight: 500; line-height: 2; background-color: #e8e3d6; position: relative; padding: 0.45em 1.3em; border-right: 1px solid #f1efe8; border-left: 1px solid #f1efe8; cursor: pointer; display: inline-block; }
.dropdown-btn i { margin-left: 0.45em; }
.dropdown-btn:hover { background-color: #cfc9ba; }
/**/
.dropdown-btn a { color: #0b1a33; font-size: 18px; font-weight: 500; line-height: 2; }
/**/
.addhover { background-color: #cfc9ba; }
.rubrikItem { overflow: hidden; display: block; }
.item { vertical-align: bottom; max-width: 68%; overflow: hidden; margin: 0; display: block; }
.dropdown-menu { overflow: hidden; border-top: 1px solid #f1efe8; border-right: 1px solid #f1efe8; border-left: 1px solid #f1efe8; display: block; }
.dropdown-menu a { color: #0b1a33; font-size: 16px; font-weight: 300; line-height: 3.2; background-color: #e8e3d6; overflow: hidden; padding: 0.25em 15px 0.25em 20px; border-bottom: 1px solid #f1efe8; display: block; }
.dropdown-menu a:hover { background-color: #d3ccba; }
.dropdown-menu .btn-on { color: #000; background-color: #d3ccba; }
.halfton { color: #695f45; float: right; }
.space { height: 10px; overflow: hidden; display: block; }
.dropdown-menu-share { overflow: hidden; border-top: 1px solid #f1efe8; border-right: 1px solid #f1efe8; border-left: 1px solid #f1efe8; display: block; }
.dropdown-menu-share a { color: #0b1a33; font-size: 16px; font-weight: 300; line-height: 3.2; background-color: #e8e3d6; text-align: center; width: 25%; overflow: hidden; margin: 0; padding: 0.25em 15px 0.25em 20px; border-right: 1px solid #f1efe8; border-bottom: 1px solid #f1efe8; display: inline-block; }
.dropdown-menu-share a i { margin-right: 0.45em; }
.dropdown-menu-share a:hover { background-color: #d3ccba; }
/**/
/**/
.content { overflow: hidden; min-height: 850px; padding-bottom: 100px; border-bottom: 1px solid #e8e3d6; display: block; }
.fullscreen------- { overflow: hidden; display: block; position: relative; margin: 0; padding: 0; }
.fully { position: relative; }
.fullySolo { height: 500px; }
.fullySolo + .section { margin-top: 1.25em; }
.hero { vertical-align: bottom; position: relative; max-width: 70%; height: 500px; overflow: hidden; margin: 0; display: block; }
.txt { overflow: hidden; display: block; }
/**/
.plain { overflow: hidden; padding-top: 1em; display: block; }
.plain-full { overflow: hidden; max-width: 1450px; margin-right: auto; margin-left: auto; padding: 2em 80px; display: block; }
.ZweiBilder1 { max-width:48.5%;width:48.5%; display:inline-block;float:left;margin-right:3%;}
.ZweiBilder2 { max-width:48.5%;width:48.5%; display:inline-block;float:right;}
.plain-full-txt { overflow: hidden; max-width: 1450px; margin-right: auto; margin-left: auto; padding: 2em 80px; display: block; }
.modal { width: 66%; margin-right: 5%; display: inline-block; }
.modalRight { width: 66%; margin-left: 5%; display: inline-block;float:right; }
.modal-full { overflow: hidden; display: block; }
.sidebar { vertical-align: top; width: 29%; display: inline-block; }
.sidebarLeft { vertical-align: top; width: 29%; display: inline-block; }
/*.plain-image { background-color: #e8e3d6; position: relative; overflow: hidden; display: block; }*/
.plain-image { background-color: #f1efe8; position: relative; overflow: hidden; display: block; }
.plain-image img { width: 100%; height: auto; }
.plain-image a:hover img{ opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE8 */ filter: alpha(opacity=90); /* IE 5-7 */ }
.plain-increase { color: #717171; font-size: 20px; background-color: white; text-align: left; text-decoration: none; padding: 0.75em 1.25em; position: absolute; bottom: 0; left: 0; }
.plain-caption { background-color: white; overflow: hidden; padding: 0.5em 0.75em 0.5em; display: block; border-bottom:2px solid #f1efe8; }
.plain-caption p { color: #0b1a33; font-size: 14px; font-weight: 400; line-height: 1.45; }
.plain-caption i { color: #8e8682; margin-right: 0.25em; }
.SponsorLogos { overflow:hidden; display:block; text-align: justify; margin-top: 20px; }
.SponsorLogo { float: left; width: 32%; margin-top:10px; }
.SponsorLogo:nth-child(3n+2) {margin:10px 2% 0;}
.Aktionsbloecke { /*display: table-row;*/ width:100%; margin-bottom:30px; display: -webkit-flex; display: flex; -webkit-align-items: stretch; align-items: stretch; }
.Aktionsblock { width: 48.5%; margin-top:10px;background:#FFF;padding:10px 2%; }
.Aktionsblock { margin-right:3%; }
.Aktionsblock:last-child { margin-right:0%; }
.TextLinksRechts { overflow:hidden; margin-bottom:30px; }
.TextLinksRechts1 { float:left; width:47%; }
.TextLinksRechts2 { float:right; width:47%; margin-left:6%; }
/**/
/**/
.listhead, .listview { overflow: hidden; margin: 0; padding: 0; display: block; }
.listview { overflow: hidden; max-width: 1450px; margin: 0 auto; padding: 0 65px; display: block; }
.listhead { margin-top: 3em; margin-bottom: 2em; }
.section { overflow: hidden; margin: 0; padding: 0; display: block; }
.favour { color: #655d4c; font-size: 23px; font-family: "The Girl Next Door", cursive; line-height: 1.3; padding-top: 1em; padding-bottom: 1.45em; width: 100%; display: table; }
.favour i { color: #b7b1a4; font-size: 60px; text-align: left; vertical-align: top; width: 15px; padding-right: 20px; display: table-cell; }
.favour p { color: #655d4c; font-size: 23px; font-family: "The Girl Next Door", cursive; line-height: 1.3; text-align: left; vertical-align: middle; overflow: hidden; padding-top: 0; padding-bottom: 0; display: table-cell; }
/**/
.thumb-wrapper { margin: 0 auto; letter-spacing: 0; word-spacing: 0; overflow: hidden; }
.thumb { background-color: #f5f3ee; display: inline-block; vertical-align: top; width: 30.97%; min-height: 140px; margin: 0 1.18% 2%; border-bottom: 1px solid #e6e6e6; position: relative; overflow: hidden; }
.thumb a { position: relative; overflow: hidden; margin: 0; padding: 0; display: block; }
.thumb img { width: 100%; height: auto; }
.thumb-details { text-align: left; text-decoration: none; background-color: white; padding: 12px 16px; position: absolute; bottom: 0; left: 0; }
.thumb-details .sortierung { font-family: Georgia, serif; font-size: 13px; color: #999; }
.thumb-details h6 { word-break: break-all; font-size: 23px; color: #1a1a1a; font-weight: 500; text-transform: uppercase; margin-top: 4px; margin-bottom: 4px; }
.thumb-details .NumberTeo { font-size: 12px; color: #999; font-weight: 300; text-transform: uppercase; }
.thumb-wrapper .thumb:first-child { width: 64.311594%; overflow: hidden; position: relative; float: left; }
.thumb:hover { box-shadow: 0px 1px 4px #E6E6E6; }
.thumb a:hover h6 { color: #ee7f00; }
.thumb a:hover img { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE8 */ filter: alpha(opacity=90); /* IE 5-7 */ }
/**/
.paging { text-align: center; overflow: hidden; margin-top: 2em; margin-bottom: 1em; display: block; }
.pagn { color: #0b1a33; font-size: 17px; font-weight: 600; line-height: 2; background-color: #e8e3d6; position: relative; margin-left: 1em; padding: 0.35em 0.65em; cursor: pointer; display: inline-block; }
.pagn i { margin-left: 0.45em; }
.pagn:hover { color: #0b1a33; font-size: 17px; font-weight: 600; line-height: 2; background-color: #cfc9ba; position: relative; padding: 0.35em 0.65em; cursor: pointer; display: inline-block; }
/**/
.thumb-board { margin: 0 auto; letter-spacing: 0; word-spacing: 0; overflow: hidden; }
.thumb-carousel { overflow: hidden; margin-top: 4em; padding-top: 1em; border-top: 1px solid #e8e3d6; display: block; }
.thumb-carousel h5 { font-size: 23px; font-weight: 300; line-height: 2; padding-bottom: 1em; }
/**/
/**/
.listdetail { overflow: hidden; padding-top: 2em; display: block; }
.number { color: #646464; font-size: 14px; font-weight: 300; line-height: 2; overflow: hidden; padding: 0.13em 0; display: block; }
.appetizer { overflow: hidden; display: block; }
.demand { vertical-align: top; overflow: hidden; margin-bottom: 2em; padding-bottom: 1em; border-bottom: 1px solid #d3ccba; display: block; }
.wildcard { width: 64%; vertical-align: top; margin-right: 5%; display: inline-block; }
.serif { font-size: 20px; line-height: 1.55; }
.impression { width: 30%; border-left: 1px solid #e8e3d6; display: inline-block; }
.impression img { width: 100%; height: auto; }
.marginal { color: #8e8682; font-size: 16px; line-height: 1.65; text-align: left; padding: 0 1em 1em; }
#fundraising { overflow: hidden; padding-top: 1em; padding-bottom: 1em; display: block; }
/**/
.description { overflow: hidden; display: block; }
.seem { overflow: hidden; margin-top: 1em; margin-bottom: 2em; padding-top: 1em; border-top: 1px solid #e8e3d6; display: block; }
.seemThumb { float: none; display: inline-block; vertical-align: top; width: 30.97%; min-height: 160px; margin: 0 1.18% 2%; border-bottom: 1px solid #E6E6E6; position: relative; }
.seemThumb img { position: relative; width: 100%; }
.seemThumb:first-child { width: 64.311594%; overflow: hidden; position: relative; float: left; }
.sorge { color: #0077b3; padding-bottom: 0.15em; cursor: pointer; }
.sorge:hover { color: #333; cursor: pointer; }
.sorgeVolume { background-color: white; overflow: hidden; margin-top: 30px; margin-bottom: 30px; padding: 30px; display: block; }
.sorgeVolume i { color: #b7b1a4; font-size: 60px; padding-right: 0.13em; }
.sorgeVolume b { font-size: 23px; }
/**/
.thumb-detail { margin: 0 auto; letter-spacing: 0; word-spacing: 0; overflow: hidden; }
/**/
.above { overflow: hidden; margin-bottom: 1em; display: block; }
.above:last-child { margin-bottom: 0; }
.aboveIn { overflow: hidden; display: block; }
/**/
.profil { color: #0077b3; cursor: pointer; }
.facts { font-size: 16px; line-height: 2; background-color: white; text-align: left; margin-top: 30px; margin-bottom: 30px; padding: 30px; }
.facts h3 { font-size: 23px; font-weight: 700; }
/**/
.marginalFirst { overflow: hidden; margin-bottom: 1em; display: block; }
.marginalSecond { display: none; }
/**/
.plus:before { content: "\f067"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; padding-right: 0.45em; }
.minus:before { content: "\f068"; }
/**/
/**/
.breadcrumb { font-size: 14px; color: #8e8682; line-height: 1.45; padding-top: 35px; padding-bottom: 35px; }
.breadcrumb a { color: #8e8682; }
.breadcrumb a:hover { color: #0077b3; }
.breadcrumbForm { font-size: 14px; color: #8e8682; line-height: 1.45; padding: 1em 0; }
.breadcrumbForm a { color: #8e8682; }
.breadcrumbForm a:hover { color: #0077b3; }
/**/
/**/
.video { background-color: #8e8682; position: relative; display: block; }
.video-container { background-color: #8e8682; position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe,
.video-container object,
.video-container embed { background-color: #8e8682; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/**/
/**/
.formular { overflow: hidden; margin-top: 5em; margin-bottom: 3em; display: block; }
fieldset { vertical-align: top; overflow: hidden; margin-bottom: 6em; padding-bottom: 6em; border-bottom: 1px solid #b7b1a4; outline-style: none; display: block; }
fieldset:last-child { border-bottom-style: none; }
.field { vertical-align: top; overflow: hidden; margin-top: 2em; display: block; }
.firstfield { vertical-align: top; width: 48%; margin-right: 2%; display: inline-block; }
.secondfield { vertical-align: top; width: 50%; display: inline-block; }
.thirdfield { vertical-align: top; width: 31.33%; margin-right: 2%; display: inline-block; }
.thirdlastfield { vertical-align: top; width: 33.33%; display: inline-block; }
.spaceForm { overflow: hidden; margin-top: 3em; display: block; }
.spaceForm p { border-bottom: 1px solid #e6e6e6; }
#form-advice { font-family: "Open Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, sans-serif; overflow: hidden; margin-top: 5em; margin-bottom: 3em; display: block; }
#form-advice label { color: #717171; font-size: 14px; line-height: 1.45; font-weight: 400; margin-bottom: 0.25em; display: block; }
#form-advice label.floating { color: #717171; font-size: 14px; line-height: 1.45; font-weight: 400; margin-bottom: 0.25em; display: inline-block; }
#form-advice input[type="text"] { vertical-align: top; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; -webkit-border-radius: 0px; border-radius: 0px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 0px; border-radius: 0px; font-size: 16px; line-height: 1.8; font-weight: 400; background-color: #fff; position: relative; width: 100%; margin-bottom: 10px; padding: 1.45em 1em; border: solid 1px white; outline-style: none; display: block; -webkit-appearance: none; }
#form-advice input[type="text"]:focus { -webkit-appearance: none; border: solid 1px #007dc6; }
#form-advice input[type="email"] { vertical-align: top; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; -webkit-border-radius: 0px; border-radius: 0px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 0px; border-radius: 0px; -webkit-appearance: none; font-size: 16px; line-height: 1.8; font-weight: 400; background-color: #fff; width: 100%; margin-bottom: 10px; padding: 1.45em 1em; border: solid 1px white; outline-style: none; display: block; }
#form-advice input[type="email"]:focus { -webkit-appearance: none; border: solid 1px #007dc6; }
#form-advice input[type="file"] { vertical-align: top; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; -webkit-border-radius: 0px; border-radius: 0px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 0px; border-radius: 0px; font-size: 16px; line-height: 1.8; font-weight: 400; background-color: #fff; position: relative; width: 100%; margin-bottom: 10px; padding: 1.45em 1em; border: solid 1px white; outline-style: none; display: block; -webkit-appearance: none; }
#form-advice input[type="file"]:focus { -webkit-appearance: none; border: solid 1px #007dc6; }
#form-advice input[type="submit"] { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; -webkit-border-radius: 0px; border-radius: 0px; margin: 1em 0.45em 0.45em 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 0px; border-radius: 0px; -webkit-appearance: none; font-size: 14px; line-height: 1.8; color: white; font-weight: 600; background-color: #007dc6; padding: 1.5% 6%; border-style: none; outline-style: none; cursor: pointer; }
#form-advice input[type="submit"]:hover { -webkit-appearance: none; color: white; background-color: #5a9f00; }
#form-advice input[type="reset"] { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; -webkit-border-radius: 0px; border-radius: 0px; margin: 1em 0.45em 0.45em 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 0px; border-radius: 0px; -webkit-appearance: none; font-size: 14px; line-height: 1.8; color: white; font-weight: 600; background-color: #dcdcdc; padding: 1.5% 6%; border-style: none; outline-style: none; cursor: pointer; }
#form-advice input[type="reset"]:hover { -webkit-appearance: none; color: white; background-color: #007dc6; }
#form-advice input[type="button"] { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; -webkit-border-radius: 0px; border-radius: 0px; margin: 1em 0.45em 0.45em 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 0px; border-radius: 0px; -webkit-appearance: none; font-size: 14px; line-height: 1.8; color: white; font-weight: 600; background-color: #dcdcdc; padding: 1.5% 6%; border-style: none; outline-style: none; cursor: pointer; }
#form-advice input[type="button"]:hover { -webkit-appearance: none; color: white; background-color: #007dc6; }
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; width: 100%; border-style: none; }
select { font-size: 17px; width:100%; border: solid 1px white; padding:1.45em 1em; background-color:white; background-image:url(/global/select-arrow.png); background-position: right 50%; background-repeat: no-repeat; }
select:hover { border: solid 1px #007dc6; }
select::-ms-expand { display: none; }
.lt-ie10 select { background-image: none; }
#form-advice textarea { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; -webkit-border-radius: 0px; border-radius: 0px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 0px; border-radius: 0px; -webkit-appearance: none; font-size: 16px; line-height: 1.8; font-weight: 400; background-color: #fff; width: 100%; height: 350px; margin-bottom: 10px; padding: 2%; border: solid 1px white; outline-style: none; display: block; }
#form-advice textarea:focus { -webkit-appearance: none; border: solid 1px #007dc6; }
#form-advice input[type="radio"] { margin-bottom: 0.9em; cursor: pointer; }
#form-advice ::-webkit-input-placeholder { color: #717171; font-weight: 300; letter-spacing: 0.09em; }
#form-advice :-moz-placeholder { /* Firefox 18- */ color: #717171; font-weight: 300; letter-spacing: 0.09em; }
#form-advice ::-moz-placeholder { /* Firefox 19+ */ color: #717171; font-weight: 300; letter-spacing: 0.09em; }
#form-advice :-ms-input-placeholder { color: #717171; font-weight: 300; letter-spacing: 0.09em; }
@-moz-document url-prefix() { .selction { background-image: none !important; } }
select::-ms-expand { display: none; }
#extra { display: none; }
/**/
.whiteBG { background-color: white; overflow: hidden; margin-right: 1%; padding: 1.25em 0.55em; display: block; }
.RadioBtn { text-align: center; width: 25%; padding-top: 1.25em; padding-bottom: 1.25em; display: inline-block; }
.solo { overflow: hidden; padding: 1.25em 0.55em; display: block; }
.checkedsolo { margin-left: 1em; display: inline !important; }
/**/
.error { color: #f00; }
.success { color: #599811; }
.title { color: #8c8c8c; font-size: 12px; line-height: 1.55; overflow: hidden; padding-bottom: 0.65em; display: block; }
/**/
/**/
.AbstandGross { display:block; height:100px; }
.AbstandKlein { display:block; height:45px; }
.AbsatzLinie { display:block; height:0.5em; border-bottom:1px solid #e8e3d6; padding-bottom: 2em; margin-bottom: 1em; }
/**/
/**/
.newsUbersichtPage { color: #8e8682; font-size: 15px; line-height: 1.45; overflow: hidden; margin-top: 2em; margin-bottom: 2em; display: block; }
.Newsauszug { overflow: hidden; margin-bottom: 3em; padding-bottom: 2em; border-bottom: 1px solid #e8e3d6; display: block; }
.Newsstart { overflow: hidden; margin-bottom: 1em; padding-bottom: 0.5em; display: block; }
.NewsstartText { margin-top: 0em; }
.newstop { overflow: hidden; margin-bottom: 1em; margin-top: 2em; padding-top: 2em; border-top: 1px solid #e8e3d6; display: block; }
.dat { color: #8e8682; font-size: 16px; line-height: 1.45; overflow: hidden; margin: 0; display: block; }
/**/
/**/
.footer { color: #8e8682; line-height: 1.45; background-color: white; overflow: hidden; padding-top: 4em; padding-bottom: 4em; display: block; }
.footer a { color: #8e8682; }
.footer a:hover { color: #0b1a33; }
.footer span { text-align: left; overflow: hidden; display: block; }
.half { vertical-align: top; width: 50%; display: inline-block; }
.copyrigth { }
.follow { float: right; }
/**/
@media (max-width: 1170px) {
.inner, .plain-full { padding-right: 60px; padding-left: 60px; }
.thumb-wrapper .thumb:first-child { width: 97.6449276%; }
.thumb { width: 47.6%; }
}
@media (max-width: 1050px) {
.dropdown-btn span { display: none; }
.ShareVolume span { display: none; }
.fullySolo { height: 380px; }
}
@media (max-width: 970px) {
.hero { height: 450px; }
.inner, .plain-full { padding-right: 40px; padding-left: 40px; }
.plain-full-txt { padding-right: 40px; padding-left: 40px; }
.listview { padding: 0 40px; }
.seemThumb, .seemThumb:first-child { width: 47.6%; }
.wildcard { width: 100%; overflow: hidden; margin: 0; display: block; }
.impression { width: 100%; overflow: hidden; margin: 0 0 0; border-style: none; display: block; }
.facts { margin-top: 0.35em; margin-bottom: 0.35em; }
.marginal { color: #8e8682; font-size: 16px; line-height: 1.65; text-align: left; padding: 0 0 1em; }
.marginalFirst { display: none; }
.marginalSecond { color: #8e8682; overflow: hidden; margin-bottom: 1em; display: block; }
.margInfoClick, .margRaisingClick { color: #0077b3; cursor: pointer; display: block; }
.margInfoVolume, .margRaisingVolume { background-color: white; margin-top: 0.35em; margin-bottom: 0.35em; padding: 30px; display: none; }
.TextLinksRechts1 { float:left; width:100%; }
.TextLinksRechts2 { float:right; width:100%; margin-left:0%; margin-top:15px; }
.fullySolo { height: 320px; }
}
@media (max-width: 720px) {
.SponsorLogo { float: left; width: 49%; margin-top:10px; }
.SponsorLogo:nth-child(3n+2) {margin:10px 0 0 0}
.SponsorLogo:nth-child(2n+2) {margin:10px 0 0 2%;}
.Aktionsbloecke { display: block!important; }
.Aktionsblock { width: 100%; margin-top:10px;background:#FFF;padding:10px 2%; }
.Aktionsblock:first-child { margin-right:0%; }
}
@media (max-width: 770px) {
.inner { padding-right: 30px; padding-left: 30px; }
.hero { height: 550px; max-width: 100%; }
/**/
.item { max-width: 100%; }
.half { width: 100%; }
.follow { float: left; padding-top: 1em; }
.plain-full { padding-right: 0; padding-left: 0; }
.plain-full-txt { padding-right: 20px; padding-left: 20px; }
.modal { width: 100%; overflow: hidden; margin: 0; display: block; }
.modalRight { width: 100%; overflow: hidden; margin: 0; display: block; }
.sidebar { width: 100%; overflow: hidden; margin: 1em 0; display: block; }
.sidebarLeft { width: 100%; overflow: hidden; margin: 1em 0; display: block; }
.listview { padding: 0 30px; }
.thumb-wrapper .thumb:first-child { width: 97.6449276%; }
.seemThumb, .seemThumb:first-child { width: 97.6449276%; }
.thumb { width: 97.6449276%; }
.thumb-carousel h5 { font-size: 18px; }
.firstfield, .secondfield, .thirdfield, .thirdlastfield { width: 100%; margin-right: 0; display: block; margin-top: 2em; }
.field { margin-top: 0em; }
fieldset { margin-bottom: 2em; padding-bottom: 2em; }
.fullySolo { height: 300px; }
}
@media (max-width: 570px) {
/*.fullySolo { height: 250px; }*/
.fullySolo { height: 180px; }
h1 { font-size: 25px; font-weight: 600; line-height: 1.35; margin: 0; padding: 0; }
h2 { font-size: 21px; font-weight: 300; line-height: 1.45; margin: 0; padding: 0; }
h3 { font-size: 27px; font-weight: 300; line-height: 1.45; margin: 0; padding: 0; }
p { font-size: 16px; line-height: 1.65; margin: 0; padding: 0; }
ul li, ol li { font-size: 16px; line-height: 1.85; }
.inner { padding-right: 15px; padding-left: 15px; }
/**/
.header { padding-top: 10px; padding-bottom: 10px; }
.header a { padding-top: 5px; }
.hh { width: 100px; height: 30px; padding-top: 5px; }
.home { width: 150px; height: 39px; }
/**/
.hero { height: 300px; }
.hero-content { padding-top: 15px; padding-right: 15px; padding-left: 15px; }
.rubrik { margin-top: 1em; }
.dropdown-btn { font-size: 15px; font-weight: 400; text-align: center; margin: inherit; padding-top: 0.45em; padding-right: inherit; padding-bottom: 0.45em; padding-left: inherit; }
.dropdown-btn i { margin-left: 0.15em; }
.Rubrik, .Tierart { width: 30%; }
.Share, .Gender { width: 20%; }
.Back, .Overview { width: 40%; }
.ShareVolume span { display: inline; }
.dropdown-menu { margin-right: 15px; margin-left: 15px; }
.dropdown-menu-share { margin-right: 15px; margin-left: 15px; }
.dropdown-menu-share a { color: #0b1a33; font-size: 16px; font-weight: 300; line-height: 2.5; background-color: #e8e3d6; text-align: left; width: 100%; overflow: hidden; padding: 0.25em 15px 0.25em 20px; border-bottom: 1px solid #f1efe8; display: block; }
/**/
.breadcrumb { padding: 2em 20px 20px; }
.breadcrumbForm { padding: 2em 0 20px 0; }
/**/
.plain-full-txt { padding-right: 15px; padding-left: 15px; }
.plain-full, .plain-full-txt { padding-top: 1em; padding-bottom: 1em;}
.plain-caption { padding-right: 1.25em; padding-left: 1.25em; }
.plain { padding-right: 15px; padding-left: 15px; }
/**/
.listdetail { padding-top: 0; padding-right: 15px; padding-left: 15px; }
.listhead { margin: 1em 20px 0.5em; }
.thumb-wrapper .thumb:first-child { width: 100%; float: none; margin-bottom: 6%; }
.thumb { width: 100%; float: none; margin: 0 0 6%; padding: 0; }
.thumb-carousel h5 { font-size: 20px; }
.serif { font-size: 18px; line-height: 1.45; }
.favour { font-size: 18px; }
.favour i { font-size: 35px; display: inline; }
.favour p { display: inline; }
.sorgeVolume { padding: 10px; }
.sorgeVolume i { color: #b7b1a4; font-size: 40px; padding-right: 0.13em; }
.facts, .margInfoVolume, .margRaisingVolume { padding: 15px; }
/**/
.ZweiBilder1 { margin-right:0;margin-bottom:15px;width:100%;max-width:100%;display:block; }
.ZweiBilder2 { margin-right:0;margin-bottom:15px;width:100%;max-width:100%;display:block; }
}
@media (max-width: 513px) {
.SponsorLogo { float: left; width: 100%; margin-top:10px; }
.SponsorLogo:nth-child(3n+2) {margin:10px 0 0 0;}
.SponsorLogo:nth-child(2n+2) {margin:10px 0 0 0;}
}