/* European Sporthorses: original Contao styles, merged */
@media screen{
/* Contao Open Source CMS :: Copyright (C) 2005-2013 Leo Feyer :: LGPL license */
body{margin:0;padding:0;font-size:100.01%;text-align:left;position:relative}select,input,textarea{font-size:99%}form{margin:0;padding:0}img{border:0}#left{float:left}#right{float:right}#main{width:auto;position:relative}.inside{position:relative;text-align:left}.block{overflow:hidden}.clear,#clear{height:0.1px;font-size:0.1px;line-height:0.1px;clear:both}.invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}.custom{display:block;text-align:left}.custom:after{content:".";display:block;height:0;clear:both;visibility:hidden}*+html #main{position:static}header,footer,nav,section,aside,article,figure,figcaption{display:block}
}
.honeypotform{
display: none;
}
@charset "UTF-8";
@media all{/**
* Contao Open Source CMS
* Copyright (C) 2005-2011 Leo Feyer
*
* Formerly known as TYPOlight Open Source CMS.
*
* This program is free software: you can redistribute it and/or
* modify it under the terms of the GNU Lesser General Public
* License as published by the Free Software Foundation, either
* version 3 of the License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
* Lesser General Public License for more details.
*
* You should have received a copy of the GNU Lesser General Public
* License along with this program. If not, please visit the Free
* Software Foundation website at .
*
* PHP version 5
* @copyright Leo Feyer 2005-2011
* @author Leo Feyer
* @license LGPL
* @version 1.1
*/
/* Reset margins */
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,figure,pre,code,ol,ul,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea {
margin:0;
padding:0;
}
/* Format basic elements */
table {
border-collapse:collapse;
border-spacing:0;
}
caption,th,td {
text-align:left;
vertical-align:top;
}
abbr,acronym {
font-variant:normal;
border-bottom:1px dotted #666;
cursor:help;
}
blockquote,q {
quotes:none;
}
fieldset,img {
border:0;
}
li {
list-style-type:none;
}
sup {
vertical-align:text-top;
}
sub {
vertical-align:text-bottom;
}
del {
text-decoration:line-through;
}
ins {
text-decoration:none;
}
a {
color:#00f;
}
:focus {
outline:0;
}
/* Font settings */
body {
font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
font-size:12px;
color:#000;
}
input,button,textarea,select {
font-family:inherit;
font-size:99%;
font-weight:inherit;
}
pre,code {
font-family:"Lucida Console",Monaco,monospace;
font-size:12px;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
h1 {
font-size:22px;
}
h2 {
font-size:20px;
}
h3 {
font-size:18px;
}
table {
font-size:inherit;
}
caption,th {
font-weight:bold;
}
/* Default margins */
h1,h2,h3,h4,h5,h6 {
margin-top:1em;
}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form {
margin-bottom:12px; /* Should match the font size */
}}
@media all{/**
* Contao Open Source CMS
*
* Copyright (c) 2005-2013 Leo Feyer
*
* @package Core
* @link https://contao.org
* @license http://www.gnu.org/licenses/lgpl-3.0.html LGPL
*/
/**
* Standardize some basic elements
*/
body,form {
margin:0;
padding:0;
}
img {
border:0;
}
header,footer,nav,section,aside,article,figure,figcaption {
display:block;
}
/**
* Fix some font issues
*/
body {
font-size:100.01%;
}
select,input,textarea {
font-size:99%;
}
/**
* Fix some positioning issues
*/
#container,.inside {
position:relative;
}
/**
* Apply the holy grail CSS layout if the screen is at least 768 pixel wide,
* otherwise display all columns underneath each other
*
* @see http://www.alistapart.com/articles/holygrail
*/
#main,#left,#right {
float:left;
position:relative;
}
#main {
width:100%;
}
#footer {
clear:both;
}
#main .inside {
min-height:1px; /* see #4893 */
}
/**
* Flexible images (videos see #4896)
*
* @see http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries
*/
img {
max-width:100%;
height:auto;
}
.ie7 img {
-ms-interpolation-mode:bicubic;
}
.ie8 img {
width:auto; /* see #5789 */
}
/**
* Format the Contao image galleries (now rendered as unordered lists)
*/
.ce_gallery ul {
margin:0;
padding:0;
overflow:hidden;
list-style:none;
}
.ce_gallery li {
float:left;
}
.ce_gallery li.col_first {
clear:left;
}
/**
* Clear floats
*/
.block {
overflow:hidden;
}
.clear,#clear {
height:0.1px;
font-size:0.1px;
line-height:0.1px;
clear:both;
}
/**
* Hide invisible elements
*/
.invisible {
width:0;
height:0;
left:-1000px;
top:-1000px;
position:absolute;
overflow:hidden;
display:inline;
}
/**
* Custom layout sections
*/
.custom {
display:block;
}
#container:after,.custom:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/**
* Make the wrapping container 960 pixel wide
*/
#wrapper {
width:960px;
margin:0 auto;
}
/**
* Set the default margin of the grid columns
*/
*[class*="grid"] {
float:left;
margin-left:10px;
margin-right:10px;
display:inline;
}
/**
* Add a default margin to all content elements, so they align with the floatet
* ones (otherwise you would have to add "grid12" to every element)
*/
.mod_article *[class*="ce_"],.mod_article *[class*="mod_"] {
margin-left:10px;
margin-right:10px;
}
/**
* Handle news and event reader modules which are added via content element and
* contain content elements themselves (see #5331)
*/
.mod_article .mod_newsreader,.mod_article .mod_eventreader {
margin-left:0;
margin-right:0;
}
.mod_article *[class*="layout_"]>*,.mod_article *[class*="event_"]>* {
margin-left:10px;
margin-right:10px;
}
/**
* Remove the margin from floated articles, because the margin is already
* applied to its content elements (see above)
*/
.mod_article.grid1,.mod_article.grid2,.mod_article.grid3,.mod_article.grid4,.mod_article.grid5,.mod_article.grid6,
.mod_article.grid7,.mod_article.grid8,.mod_article.grid9,.mod_article.grid10,.mod_article.grid11,.mod_article.grid12 {
margin-left:0;
margin-right:0;
}
/**
* Automatically clear the floats in the main column, so you do not have to add
* a clearing div to each article
*/
#main .inside {
overflow:hidden;
}
/**
* Grid column widths
*/
.grid1 { width:60px; }
.grid2 { width:140px; }
.grid3 { width:220px; }
.grid4 { width:300px; }
.grid5 { width:380px; }
.grid6 { width:460px; }
.grid7 { width:540px; }
.grid8 { width:620px; }
.grid9 { width:700px; }
.grid10 { width:780px; }
.grid11 { width:860px; }
.grid12 { width:940px; }
/**
* Floated articles can be 20 pixel wider (no margin)
*/
.mod_article.grid1 { width:80px; }
.mod_article.grid2 { width:160px; }
.mod_article.grid3 { width:240px; }
.mod_article.grid4 { width:320px; }
.mod_article.grid5 { width:400px; }
.mod_article.grid6 { width:480px; }
.mod_article.grid7 { width:560px; }
.mod_article.grid8 { width:640px; }
.mod_article.grid9 { width:720px; }
.mod_article.grid10 { width:800px; }
.mod_article.grid11 { width:880px; }
.mod_article.grid12 { width:960px; }
/**
* Default offset widths
*/
.offset1 { margin-left:90px !important; }
.offset2 { margin-left:170px !important; }
.offset3 { margin-left:250px !important; }
.offset4 { margin-left:330px !important; }
.offset5 { margin-left:410px !important; }
.offset6 { margin-left:490px !important; }
.offset7 { margin-left:570px !important; }
.offset8 { margin-left:650px !important; }
.offset9 { margin-left:730px !important; }
.offset10 { margin-left:810px !important; }
.offset11 { margin-left:890px !important; }
.offset12 { margin-left:970px !important; }
/**
* Reduce the overall width and the width of the grid columns if the screen
* width is less than 980px (e.g. on a portrait tablet)
*/
@media (max-width:979px)
{
/**
* Reduce the overall width
*/
#wrapper {
width:744px;
}
/**
* Reduce the grid column widths
*/
.grid1 { width:42px; }
.grid2 { width:104px; }
.grid3 { width:166px; }
.grid4 { width:228px; }
.grid5 { width:290px; }
.grid6 { width:352px; }
.grid7 { width:414px; }
.grid8 { width:476px; }
.grid9 { width:538px; }
.grid10 { width:600px; }
.grid11 { width:662px; }
.grid12 { width:724px; }
/**
* Floated articles can be 20 pixel wider (no margin)
*/
.mod_article.grid1 { width:62px; }
.mod_article.grid2 { width:124px; }
.mod_article.grid3 { width:186px; }
.mod_article.grid4 { width:248px; }
.mod_article.grid5 { width:310px; }
.mod_article.grid6 { width:372px; }
.mod_article.grid7 { width:434px; }
.mod_article.grid8 { width:496px; }
.mod_article.grid9 { width:558px; }
.mod_article.grid10 { width:620px; }
.mod_article.grid11 { width:682px; }
.mod_article.grid12 { width:744px; }
/**
* Reduce the offset widths
*/
.offset1 { margin-left:72px !important; }
.offset2 { margin-left:134px !important; }
.offset3 { margin-left:196px !important; }
.offset4 { margin-left:258px !important; }
.offset5 { margin-left:320px !important; }
.offset6 { margin-left:382px !important; }
.offset7 { margin-left:444px !important; }
.offset8 { margin-left:506px !important; }
.offset9 { margin-left:568px !important; }
.offset10 { margin-left:630px !important; }
.offset11 { margin-left:692px !important; }
.offset12 { margin-left:754px !important; }
}
/**
* Remove all floats and fixed widths if the screen width is less than 768
* pixel (e.g. on a mobile phone)
*/
@media (max-width:767px)
{
/**
* Remove the overall width
*/
#wrapper {
width:auto;
}
/**
* Show all columns underneath each other
*/
*[class*="grid"] {
float:none !important;
display:block !important;
width:auto !important;
}
*[class*="offset"] {
margin-left:6px !important;
}
}
}
@media all{/* Layout */
body {
background-color:#0b1e2e;
background: url("/media/e38c70dfb24e7eee-european-sporthorses-earth-1474.webp") center -90px no-repeat #0F2B43 fixed !important;
font-family: ff-netto-web,sans-serif;
font-size:15px;
color:#fff;
}
body.startseite {
background: url("/media/e38c70dfb24e7eee-european-sporthorses-earth-1474.webp") center -90px no-repeat #0F2B43 fixed !important;
}
@font-face {
font-family: 'fontello';
src: url("/tl_files/layout/font/fontello.eot?11574016");
src: url("/tl_files/layout/font/fontello.eot?11574016#iefix") format('embedded-opentype'),
url("/tl_files/layout/font/fontello.woff?11574016") format('woff'),
url("/tl_files/layout/font/fontello.ttf?11574016") format('truetype'),
url("/tl_files/layout/font/fontello.svg?11574016#fontello") format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'fontello';
src: url("/tl_files/layout/font/fontello.svg?11574016#fontello") format('svg');
}
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-mail:before { content: '\e801'; } /* '' */
.icon-ok:before { content: '\e805'; } /* '' */
.icon-vcard:before { content: '\e803'; } /* '' */
.icon-network:before { content: '\e804'; } /* '' */
.icon-globe:before { content: '\e802'; } /* '' */
.icon-phone:before { content: '\e800'; } /* '' */
.bigicon {
font-size: 80px;
text-align: right;
padding-top: 20px;
}
figure {
margin: 0px;
padding: 0px;
}
.rechts {
text-align: right;
}
a {
color:#4d7098;
text-decoration: none;
}
.lighter a {
color: #9ED1EE;
}
.lighter i {
padding-right: 5px;
color: #4d7098;
}
p {
cursor: default !important;
text-align: left !important;
font-size: 15px;
}
.nomargin {
margin-left: 0px;
margin-right: 0px;
float: left;
}
.startseite .nomargin h2 {
margin-left: 10px;
margin-right: 10px;
}
img {
display:block
}
/** * Layouts */
#header {
background-color: #fff;
height: 100px;
position: fixed;
top: 0px;
z-index: 300;
width: 100%;
margin: 0 auto;
-webkit-box-shadow: 0 1px 5px -1px #333;
-moz-box-shadow: 0 1px 5px -1px #333;
box-shadow: 0 1px 5px -1px #333;
clear: both;
z-index: 9999 !important;
}
#header .inside {
width:940px;
margin:0 auto;
}
#main .inside {
padding-bottom: 25px;
margin-top: 100px;
}
#footer .inside a {
color: #fff;
}
#footer .inside i {
color: #9ED1EE;
}
#footer {
padding-bottom: 60px;
padding-top: 20px;
}
#footer .inside a:hover {
color: #fff;
text-decoration: underline;
}
#footer .inside p {
color: #fff;
font-size: 15px;
text-align: center !important;
}
.nomargin {
margin-left: 0px !important;
margin-right: 0px !important;
}
.hideme {
display: none;
}
/* Headlines */
h1, h1 a {
font-family: "brandon-grotesque",sans-serif;
font-size: 28px;
line-height: 32px;
color: #fff;
cursor: default;
font-weight: 400;
text-transform: uppercase;
font-style: normal;
}
h1 a {
cursor: pointer;
}
h2 {
font-family: ff-netto-web,sans-serif;
font-size: 20px;
line-height: 24px;
color: #9ED1EE;
font-weight: normal;
cursor: default;
}
h2 a {
color: #9ED1EE;
}
h3 {
font-family: ff-netto-web,sans-serif;
font-size: 14px;
letter-spacing: 0.2em;
line-height: 16px;
color: #fff;
text-transform: uppercase;
font-weight: normal;
cursor: default;
}
#footer .inside h4 {
font-family: ff-netto-web,sans-serif;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.2em;
color: #4d7098;
font-weight: normal;
cursor: default;
text-transform: uppercase;
margin-bottom: 0px;
}
/* Mainnavigation */
.mod_changelanguage {
position: absolute;
right: 0px;
}
.mainnav {
float: right;
}
.mainnav ul {
width: auto;
list-style-type: none;
float: right;
margin-top: 40px;
}
.mod_changelanguage li,
.mainnav li {
float: left;
padding-left: 10px;
padding-right: 10px;
}
.mod_changelanguage li {
padding-left: 5px;
padding-right: 5px;
}
.mod_changelanguage li.last,
.mainnav li.last {
padding-right: 0px;
}
.mod_changelanguage a, .mod_changelanguage span,
.mainnav a, .mainnav span {
color: #444135;
font-family: "brandon-grotesque",sans-serif;
text-decoration: none;
font-size: 16px;
font-style: normal;
font-weight: 600;
font-size: 13px;
letter-spacing: 1px;
text-transform: uppercase;
float: left;
padding-top: 10px;
}
.mod_changelanguage a:hover, .mod_changelanguage span,
.mainnav a:hover, .mainnav span {
color: #222;
border-top: 2px solid #4d7098;
padding-top: 8px;
}
.mod_changelanguage a {
padding-top: 6px;
color: #999;
}
.mod_changelanguage a:hover, .mod_changelanguage span {
padding-top: 4px;
}
/* Footernav */
.mod_customnav span {
color: #777;
}
/* Homelink */
.homelink {
z-index: 500;
float: left;
}
.homelink a {
display: block;
margin-left: 0px;
padding-top: 20px;
}
/* News Teaser */
.newscaption {
background-color: #9ED1EE;
color: #333;
padding: 15px;
padding-top: 20px;
}
.mod_newslist .teaser {
background-color: #fff;
color: #333;
padding: 15px;
}
.teaserbox h3 {
margin-top: 0px;
line-height: 16px;
color: #333;
font-family: "brandon-grotesque",sans-serif;
text-transform: uppercase;
font-weight: 900;
}
.teaserbox h3 a {
color: #333;
}
.teaserbox p.more {
margin-bottom: 0px;
}
.mod_newslist img {
width: 100%;
-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.7);
box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.7);
padding-bottom: 0px;
}
.mod_newslist span.more {
text-align: right;
width: 100%;
}
.newsentry {
margin-bottom: 25px;
}
.newsentry h2 {
padding-right: 60px;
}
.mediafiles {
min-height: 200px;
}
.newsclear {
clear: both;
}
/* News Full */
.mod_newsreader p.back {
display: none;
}
/* Horse Teaser */
.horse-teaserbox {
color: #333;
}
.horse_info {
padding: 15px;
padding-top: 20px;
background-color: #fff;
cursor: default;
min-height: 172px;
text-align: center;
}
.horse-teaserbox:hover .horse_info {
background-color: #efefef;
}
.horse_info h3 {
text-transform: uppercase;
margin-bottom: 0px;
margin-top: 0px;
font-family: "brandon-grotesque",sans-serif;
font-weight: 900;
}
.horse_foto {
background-color: #fff;
display: block;
}
.horse_foto img {
-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.7);
box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.7);
padding-bottom: 0px;
}
.horse-teaserbox .facts {
display: block;
}
.horse-teaserbox .descr {
border-bottom: 1px solid #999;
border-top: 1px solid #999;
margin-top: 10px;
margin-bottom: 10px;
padding-bottom: 4px;
padding-top: 4px;
padding-left: 10px;
padding-right: 10px;
color: #656565;
}
.horse_foto {
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
}
.horse_foto .mask, .horse_foto .content {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.horse_foto img:hover {
display: block;
position: relative;
cursor: pointer !important;
}
.horse_foto a.info {
background:url("/media/f05a430b52ec0573-link-20.webp") center no-repeat;
display: inline-block;
text-decoration: none;
padding:0;
text-indent:-9999px;
width:20px;
height:20px;
cursor: pointer !important;
}
.horse_foto .mask {
opacity: 0;
overflow:visible;
border:100px solid rgba(0,0,0,0.4);
box-sizing:border-box;
transition: all 0.1s ease-in-out;
}
.horse_foto a.info {
position:relative;
height: 100%;
width: 100%;
opacity: 0;
transition: opacity 0.1s 0s ease-in-out;
cursor: pointer !important;
}
.horse_foto:hover .mask {
opacity: 1;
border:100px solid rgba(0,0,0,0.6);
}
.horse_foto:hover a.info {
opacity:1;
transition-delay: 0.3s;
}
/* Horsedetails */
.mod_cataloglist.block,
.mod_catalogreader.block {
margin-left: 0px;
margin-right: 0px;
}
.horseentry {
border-top: 1px solid #fff;
padding-top: 30px;
margin-top: 25px;
}
.horseliste h1 {
padding-right: 25px;
margin-top: 0px;
}
.horseentry h1 {
margin-top: 0px;
}
.horseentry h1 span {
font-size: 18px;
font-weight: 400;
cursor: default;
color: #9ED1EE;
padding-left: 10px;
}
.horseentry h2 {
color: #fff;
margin-top: 0px;
}
.horseentry .details {
margin-top: 41px;
}
.horsedetails {
width: 100%;
}
.horseentry p, .horseentry li {
font-size: 15px;
text-align: justify !important;
}
.horsedetails td {
font-family: ff-netto-web,sans-serif;
font-size: 20px;
line-height: 24px;
color: #fff;
font-weight: normal;
cursor: default;
}
.horseimage {
}
.mod_cataloglist .total {
display: none;
}
.horseimages img {
padding-right: 7px;
display: inline;
}
.beschreibung {
color: #fff;
}
.pferdevideo {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.pferdevideo iframe,
.pferdevideo object,
.pferdevideo embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#mbOverlay {
background-color: #000 !important;
font-family: ff-netto-web,sans-serif;
font-size: 14px;
line-height: 20px;
color: #fff;
font-weight: normal;
cursor: default;
}
#mbCenter {
padding: 20px;
}
#mbCenter h3 {
color: #0F2B43;
margin-top: 0px;
font-family: "brandon-grotesque",sans-serif;
text-transform: uppercase;
font-weight: 900;
}
#mbPrevLink, #mbNextLink {
display: none;
}
#mbCenter label {
width: 100px;
display: block;
float: left;
clear: both;
color: #333;
margin-top: 4px;
font-family: ff-netto-web,sans-serif;
font-size: 14px;
}
#mbCenter input, #mbCenter textarea {
background: none repeat scroll 0 0 #FAFAFA;
border-color: #C6C6C6 #DADADA #EAEAEA;
border-radius: 4px 4px 4px 4px;
font-family: inherit;
font-size: 13px;
-moz-box-sizing: border-box;
border-style: solid;
border-width: 1px;
line-height: 14px;
padding: 7px;
vertical-align: middle;
display: inline;
float: left;
margin-right: 10px;
margin-bottom: 3px;
width: 300px;
font-family: helvetica,arial,ff-netto-web,sans-serif;
color: #333;
}
#mbCenter textarea {
height: 60px;
width: 430px;
}
#mbCenter input.submit {
background: -moz-linear-gradient(center top , #1f415f 40%, #0F2B43) repeat scroll 0 0 transparent;
border-color: #0F2B43;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.4) inset;
color: #FFFFFF;
font-family: ff-netto-web,sans-serif;
text-transform: uppercase;
cursor: pointer;
display: inline-block;
text-align: center;
padding: 5px;
margin-top: 3px;
padding-left: 25px;
padding-right: 25px;
background-color: #0F2B43;
}
#mbCloseLink {
position: absolute;
right: 8px;
top: 8px;
z-index: 999;
}
#mbCenter .honeypotform {
display: none;
}
a.sendinquiry,
a.morevideos {
width: 80px;
display: block;
overflow: hidden;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
line-height: 14px;
font-size: 11px;
font-family: "brandon-grotesque",sans-serif;
text-transform: uppercase;
font-weight: 900;
background-color: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding-left: 6px;
padding-right: 6px;
}
a.sendinquiry {
float: right;
padding-top: 10px;
padding-bottom: 10px;
}
/** * Filter */
.mod_catalogfilter {
margin-top: 30px;
}
.mod_catalogfilter h3 {
display: none;
}
.filter_group .widget {
float: left;
}
.clearall a {
font-size: 12px;
color: #fff;
margin-left: 10px;
}
/* White */
.image_container.float_left img {
margin-right: 20px;
}
.white p {
background-color: #fff;
color: #333;
margin-left: 20px;
}
/* Aufzaehlungen */
#main li {
margin-left: 13px;
list-style-type: disc;
}
/** * Referenzen */
.referenzenlogos_small {
margin-bottom: 20px;
}
.referenzenlogos_small img {
}
/** * Like it */
.fb-like {
position: absolute;
top: 20px;
left: 20px;
z-index: 10;
}
.xfacebook {
position: absolute;
top: 63px;
right: 10px;
background-color: #fff;
}
iframe {
border: none !important;
}
/** * Formulare */
button,
input,
select,
textarea {
margin: 0;
font-size: 100%;
vertical-align: middle;
}
button,
input {
*overflow: visible;
line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}
label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
cursor: pointer;
}
input[type="search"] {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.checkbox_container label {
display: inherit;
padding-left: 10px;
}
textarea {
overflow: auto;
vertical-align: top;
height: 54px !important;
}
form {
margin: 0 0 20px;
}
fieldset {
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: 40px;
color: #333333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
legend small {
font-size: 15px;
color: #999999;
}
label,
input,
button,
select,
textarea {
font-size: 14px;
font-weight: normal;
line-height: 20px;
}
label {
display: block;
margin-bottom: 5px;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
display: inline-block;
height: 20px;
padding: 4px 6px;
margin-bottom: 10px;
font-size: 14px;
line-height: 20px;
color: #555555;
vertical-align: middle;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
input,
textarea,
.uneditable-input {
width: 206px;
}
.long.textarea {
width: 80%;
}
textarea {
height: auto;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
background-color: #ffffff;
border: 1px solid #cccccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
border-color: rgba(82, 168, 236, 0.8);
outline: 0;
outline: thin dotted \9;
/* IE6-9 */
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
*margin-top: 0;
line-height: normal;
}
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
width: auto;
}
select,
input[type="file"] {
height: 30px;
*margin-top: 4px;
line-height: 30px;
}
select {
width: 220px;
background-color: #ffffff;
border: 1px solid #cccccc;
}
select[multiple],
select[size] {
height: auto;
}
select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.uneditable-input,
.uneditable-textarea {
color: #999999;
cursor: not-allowed;
background-color: #fcfcfc;
border-color: #cccccc;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
}
.uneditable-input {
overflow: hidden;
white-space: nowrap;
}
.uneditable-textarea {
width: auto;
height: auto;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
color: #999999;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #999999;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #999999;
}
.radio,
.checkbox {
min-height: 20px;
padding-left: 20px;
margin-bottom: 20px;
}
.radio legend,
.checkbox legend {
margin-left: -20px !important;
font-weight: 700;
text-transform: uppercase;
font-size: 18px;
padding-bottom: 0px;
margin-bottom: 10px;
}
.radio input,
.checkbox input {
float: left;
margin-left: -20px;
}
.radio {
margin-left: 1px;
}
.controls > .radio:first-child,
.controls > .checkbox:first-child {
padding-top: 5px;
}
.radio.inline,
.checkbox.inline {
display: inline-block;
padding-top: 5px;
margin-bottom: 0;
vertical-align: middle;
}
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
margin-left: 10px;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
cursor: not-allowed;
background-color: #eeeeee;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
background-color: transparent;
}
.form-actions {
padding: 19px 20px 20px;
margin-top: 20px;
margin-bottom: 20px;
background-color: #f5f5f5;
border-top: 1px solid #e5e5e5;
*zoom: 1;
}
.form-actions:before,
.form-actions:after {
display: table;
line-height: 0;
content: "";
}
.form-actions:after {
clear: both;
}
.help-block,
.help-inline {
color: #595959;
}
.help-block {
display: block;
margin-bottom: 10px;
}
.help-inline {
display: inline-block;
*display: inline;
padding-left: 5px;
vertical-align: middle;
*zoom: 1;
}
.ce_form h4 {
margin-top: 20px;
}
/** * Buttons */
.mod_search input[type="submit"] {
margin-top: -10px !important;
margin-left: 2px;
}
.btn {
display: inline-block;
*display: inline;
padding: 4px 12px;
margin-bottom: 0;
*margin-left: .3em;
font-size: 14px;
line-height: 20px;
color: #333333;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
background-color: #f5f5f5;
*background-color: #e6e6e6;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
background-repeat: repeat-x;
border: 1px solid #bbbbbb;
*border: 0;
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-bottom-color: #a2a2a2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
*zoom: 1;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
color: #333333;
background-color: #e6e6e6;
*background-color: #d9d9d9;
}
.btn:active,
.btn.active {
background-color: #cccccc \9;
}
.btn:first-child {
*margin-left: 0;
}
.btn:hover {
color: #333333;
text-decoration: none;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
.btn:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn.active,
.btn:active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn.disabled,
.btn[disabled] {
cursor: default;
background-image: none;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.btn-large {
padding: 11px 19px;
font-size: 17.5px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
margin-top: 4px;
}
.btn-small {
padding: 2px 10px;
font-size: 11.9px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
margin-top: 0;
}
.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
margin-top: -1px;
}
.btn-mini {
padding: 0 6px;
font-size: 10.5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.btn-block {
display: block;
width: 100%;
padding-right: 0;
padding-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.btn-block + .btn-block {
margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
color: rgba(255, 255, 255, 0.75);
}
.btn {
border-color: #c5c5c5;
border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}
.btn-primary {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #006dcc;
*background-color: #0044cc;
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
background-image: linear-gradient(to bottom, #0088cc, #0044cc);
background-repeat: repeat-x;
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
color: #ffffff;
background-color: #0044cc;
*background-color: #003bb3;
}
.btn-primary:active,
.btn-primary.active {
background-color: #003399 \9;
}
.btn-warning {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #faa732;
*background-color: #f89406;
background-image: -moz-linear-gradient(top, #fbb450, #f89406);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
background-image: -o-linear-gradient(top, #fbb450, #f89406);
background-image: linear-gradient(to bottom, #fbb450, #f89406);
background-repeat: repeat-x;
border-color: #f89406 #f89406 #ad6704;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
color: #ffffff;
background-color: #f89406;
*background-color: #df8505;
}
.btn-warning:active,
.btn-warning.active {
background-color: #c67605 \9;
}
.btn-danger {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #da4f49;
*background-color: #bd362f;
background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
background-repeat: repeat-x;
border-color: #bd362f #bd362f #802420;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
color: #ffffff;
background-color: #bd362f;
*background-color: #a9302a;
}
.btn-danger:active,
.btn-danger.active {
background-color: #942a25 \9;
}
.btn-success {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #5bb75b;
*background-color: #51a351;
background-image: -moz-linear-gradient(top, #62c462, #51a351);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
background-image: -webkit-linear-gradient(top, #62c462, #51a351);
background-image: -o-linear-gradient(top, #62c462, #51a351);
background-image: linear-gradient(to bottom, #62c462, #51a351);
background-repeat: repeat-x;
border-color: #51a351 #51a351 #387038;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
color: #ffffff;
background-color: #51a351;
*background-color: #499249;
}
.btn-success:active,
.btn-success.active {
background-color: #408140 \9;
}
.btn-info {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #49afcd;
*background-color: #2f96b4;
background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
background-repeat: repeat-x;
border-color: #2f96b4 #2f96b4 #1f6377;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
color: #ffffff;
background-color: #2f96b4;
*background-color: #2a85a0;
}
.btn-info:active,
.btn-info.active {
background-color: #24748c \9;
}
.btn-inverse {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #363636;
*background-color: #222222;
background-image: -moz-linear-gradient(top, #444444, #222222);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
background-image: -webkit-linear-gradient(top, #444444, #222222);
background-image: -o-linear-gradient(top, #444444, #222222);
background-image: linear-gradient(to bottom, #444444, #222222);
background-repeat: repeat-x;
border-color: #222222 #222222 #000000;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
color: #ffffff;
background-color: #222222;
*background-color: #151515;
}
.btn-inverse:active,
.btn-inverse.active {
background-color: #080808 \9;
}
button.btn,
input[type="submit"].btn {
*padding-top: 3px;
*padding-bottom: 3px;
}
button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
padding: 0;
border: 0;
}
button.btn.btn-large,
input[type="submit"].btn.btn-large {
*padding-top: 7px;
*padding-bottom: 7px;
}
button.btn.btn-small,
input[type="submit"].btn.btn-small {
*padding-top: 3px;
*padding-bottom: 3px;
}
button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
*padding-top: 1px;
*padding-bottom: 1px;
}
label {
margin-right: 10px;
}
#ctrl_filter_field_kategorie {
margin-right: 10px;
}
.honeypotform {
display: none !important;
}
.tableless .checkbox {
float: left;
margin-right: 5px;
}
.tableless legend {
color: #fff !important;
}
.tableless h4 {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: 40px;
color: #fff;
border: 0;
border-bottom: 1px solid #e5e5e5;
margin-top: 0px;
}
fieldset span {
display: block;
}
@media (min-width:768px) {
.hide-on-desktop,
li.hide-desktop {
display: none;
}
}
/** Media Queries */
@media (min-width:768px) and (max-width:979px)
{
#header .inside {
width:724px;
}
h1, h1 a {
font-size: 32px;
line-height: 34px;
}
.fb-like {
display: none;
}
}
/** * Responsive */
@media screen and (max-width: 768px) {
#header {
display: none;
height: auto;
}
#header .inside {
width: auto;
}
#main .inside {
margin-top: auto;
}
.mainnav {
display: none;
}
.horse-teaserbox {
margin-bottom: 25px;
}
.nomargin {
margin-left: auto;
margin-right: auto;
float: none !important;
}
#footer .inside {
padding-left: 40px;
padding-right: 40px;
}
.esh-logo {
position: absolute;
top: -25px;
z-index: 999;
left: 0px;
}
.mod_changelanguage {
display: none;
}
.horseentry {
background-color: #fff;
margin-bottom: 60px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 20px;
}
.horseentry h1,
.horseentry h1 a {
color: #0F2B43;
display: block;
line-height: 22px;
}
.horseentry h1 span {
padding-left: 0px;
margin-top: 20px;
display: block;
}
.horsedetails td {
color: #0F2B43;
font-size: 16px;
}
a.sendinquiry, a.morevideos {
float: none;
width: 100%;
background-color: #9ED1EE;
margin-top: 5px;
margin-bottom: 20px;
padding-top: 16px;
padding-bottom: 16px;
font-size: 14px;
}
a.sendinquiry br, a.morevideos br {
display: none;
}
.horseimage {
margin-bottom: 15px;
}
.pferdeinfos,
.horseentry h2 {
color: #0F2B43;
}
.clearall {
display: none;
}
.filter_group .widget {
float: none;
}
.filter_field_continent select,
.filter_field_kategorie select {
width: 100%;
}
#mbCenter {
width: 84% !important;
}
#mbCenter label {
width: auto;
}
#mbCenter input, #mbCenter textarea {
min-width: 215px;
width: auto;
}
#mbCloseLink {
top: 5px;
right: 5px;
}
.referenzenlogos_small img {
margin: 0 auto;
}
.image_container img {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.bigicon {
float: none;
text-align: center;
}
.hide-mobile {
display: none;
}
.horse_info h3
{
font-size: 20px;
}
.horse-teaserbox span,
.teaserbox p {
font-size: 16px;
}
}
/* #######################################################################
MeanMenu 2.0.7
--------
To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)
####################################################################### */
/* hide the link until viewport size is reached */
a.meanmenu-reveal {
display: none;
}
/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
float: left;
width: 100%;
position: relative;
background: #fff;
min-height: 44px;
z-index: 888;
background-image: url("/tl_files/layout/images/european_sporthorses_schriftzug_blue_logo.svg");
background-size: cover;
background-repeat: none;
background-position: center top;
background-size: 180px;
background-repeat: no-repeat;
background-position-y: 16px;
}
.mean-container a.meanmenu-reveal {
width: 22px;
height: 22px;
padding: 13px 13px 11px 13px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
color: #0F2B43;
text-decoration: none;
font-size: 16px;
text-indent: -9999em;
line-height: 22px;
font-size: 1px;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
}
.mean-container a.meanmenu-reveal span {
display: block;
background: #0F2B43;
height: 3px;
margin-top: 3px;
}
.mean-container .mean-nav {
float: left;
width: 100%;
background: #0F2B43;
margin-top: 44px;
}
.mean-container .mean-nav ul {
padding: 0;
margin: 0;
width: 100%;
list-style-type: none;
}
.mean-container .mean-nav ul li {
position: relative;
float: left;
width: 100%;
}
.mean-container .mean-nav ul li span,
.mean-container .mean-nav ul li a {
display: block;
float: left;
width: 100%;
padding: 12px 0px;
margin: 0;
text-align: center;
color: #fff;
font-size: 18px;
border-top: 1px solid #383838;
border-top: 1px solid rgba(255,255,255,0.5);
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
}
.mean-container .mean-nav ul li span.active {
color: #9ED1EE;
}
.mean-container .mean-nav ul li.first span,
.mean-container .mean-nav ul li.first a {
border-top: none;
}
.mean-container .mean-nav ul li li a {
width: 80%;
padding: 1em 10%;
border-top: 1px solid #f1f1f1;
border-top: 1px solid rgba(255,255,255,0.25);
opacity: 0.75;
filter: alpha(opacity=75);
text-shadow: none !important;
visibility: visible;
}
.mean-container .mean-nav ul li.mean-last a {
border-bottom: none;
margin-bottom: 0;
}
.mean-container .mean-nav ul li li li a {
width: 70%;
padding: 1em 15%;
}
.mean-container .mean-nav ul li li li li a {
width: 60%;
padding: 1em 20%;
}
.mean-container .mean-nav ul li li li li li a {
width: 50%;
padding: 1em 25%;
}
.mean-container .mean-nav ul li a:hover {
background: #0F2B43;
background: rgba(255,255,255,0.1);
}
.mean-container .mean-nav ul li a.mean-expand {
margin-top: 1px;
width: 26px;
height: 24px;
padding: 12px !important;
text-align: center;
position: absolute;
right: 0;
top: 0;
z-index: 2;
font-weight: 700;
background: rgba(255,255,255,0.1);
border: none !important;
border-left: 1px solid rgba(255,255,255,0.4) !important;
border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
background: rgba(0,0,0,0.9);
}
.mean-container .mean-push {
float: left;
width: 100%;
padding: 0;
margin: 0;
clear: both;
}
.mean-nav .wrapper {
width: 100%;
padding: 0;
margin: 0;
}
/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.mean-remove {
display: none !important;
}}