/* Farben Grün = #006600 Hellgrün = #079107 Dunkelgrün = #2a371b Beige = #ded2b9 #e1dbce hellgrau = #c7c7c7 Rot = #aa0000 */ html, body {margin:0px; padding:0px;} html {overflow-y: scroll;} body {background-color:#FFFFFF;} body {outline:none; font-family: 'Arial','Helvetica','Verdana',sans-serif;} img {border:0px; margin:0px; padding:0px; display:inline; vertical-align:top;} form {margin:0px; padding:0px;} header, nav, section, footer {display:block;} a {text-decoration:none; color:#006600; font-size:13px;} a:hover {color:#079107;} ul {margin:0px; padding:0px;} nav ul li {margin:0px; padding:0px; list-style-type:none;} h1{display:inline-block; text-transform:uppercase; color:#006600; font-weight:normal; font-size:20px; line-height:30px;} .wrapper {position:relative; min-width:310px; max-width:1020px;margin:auto auto; box-sizing:border-box;} .clear {width:0px;height:0px;line-height:0px;clear:both;} ul.double_arrow {list-style:none;} ul.double_arrow li a::before {content: "\00bb"; margin-right:5px;} a.double_arrow::before {content: "\00bb"; margin-right:5px;} .red{color:#FF0000;} .ui-tooltip-content{font-size:13px;} .ui-widget-shadow{box-shadow: -1px -1px 2px #aaaaaa!important;} .Handschrift {font-family: 'Apple Chancery';font-weight: bold;} .breadcrumps{font-size:11px;} .breadcrumps span {margin-right:10px;} .breadcrumps ul {display:inline;} .breadcrumps ul li{display:inline; margin-right:10px;} .breadcrumps ul li a{padding-right:10px; position:relative;} .breadcrumps ul li a::after{content:"\00bb"; position:absolute; right:0px;} .background{background:#f4f2ec; border:1px solid #e1dbce; padding:10px; margin-top:15px; -webkit-box-shadow:3px 3px 7px #cac4b2; box-shadow:3px 3px 7px #cac4b2;} body {background:url('https://www.pferdreiter.de/bilder/layout/body.jpg');} /* Navi */ header {position:relative;} header .wrapper{padding: 10px 10px 0px 10px;} header #mobilenav, nav#mobile {display:none;} header #logo{float:left;} header #suche{float:right; max-width:400px; margin-right:10px;} header #suche div{padding:0;} header #suche input[type="text"]{width:310px; padding:5px; display:inline; border: 1px solid #c7c7c7;} header #suche input[type="submit"]{width:69px; height:27px; padding:5px; background-color:#FFFFFF; border: 1px solid #006600; display:inline; margin:0px 15px 0px 20px; float:right; cursor:pointer;} header #sprache{float:right; height:30px; padding-top:5px; box-sizing:border-box; border-color:rgba(128,128,128,1);} header #sprache ul li {list-style: none; float:left; } header #sprache ul li:not(:first-of-type) a {border-left: 1px solid #4a4a4a;} header #sprache ul li a{font-size:11px; line-height:15px; color:#4a4a4a; padding:0px 5px;} header #sprache ul li a:hover{color:#006600;} header nav {float:right; clear:right; margin-top:20px;} header nav a{font-size:11px; line-height:30px; padding:0px 8px; font-weight:bold; white-space:nowrap; display:inline-block; width:100%; box-sizing:border-box;} header nav li{position:relative;} header nav>ul ul{background:#FFFFFF;} header nav>ul>li {float:left; display:block; margin-left:5px; padding-bottom:3px;} header nav>ul>li>a {background-color:#FFFFFF; text-transform:uppercase; display:inline-block; line-height:22px; font-size:12px;} header nav>ul>li>ul {display:none;position:absolute; z-index:100; margin-top:3px;} header nav>ul>li:last-of-type>ul {right:0px;} header nav>ul>li>ul li{border-bottom: 1px solid rgba(0,0,0,0.1);} header nav>ul>li:hover>ul {display:block;} header nav>ul>li>ul>li>ul {display:none;position:absolute; left:100%; top:0px;} header nav>ul>li>ul>li>ul>li {border-left: 1px solid rgba(0,0,0,0.1);} header nav>ul>li>ul>li:hover>ul {display:block;} #buttons{position:fixed; bottom:5px; z-index:100; right:calc(50% - 325px); transform: translateX(50%);} .button{display:none; cursor:pointer;background-color:#006600;transition: opacity .5s, visibility .5s; opacity:0; visibility:hidden; width:50px; height:50px;} .button:hover{background-color:#079107; } .button.show {opacity:1; visibility:visible;} #button_prev{background-image: url("https://www.pferdreiter.de/images/chevron-top.svg");} #button_next{background-image: url("https://www.pferdreiter.de/images/chevron-top.svg"); transform: rotate(180deg); margin-top:10px;} /* Teaser */ #teaser_container {padding:5px; box-sizing:border-box; height:350px; max-width:754px; background-color:#FFFFFF; border: 1px solid #c7c7c7; -webkit-box-shadow: 3px 3px 7px #cac4b2; box-shadow: 3px 3px 7px #cac4b2;} #teaser_container.small {height:230px;} #teaser {position:relative; width:100%; height:100%; box-sizing: border-box; overflow:hidden; z-index:5;} #teaser a, #teaser nav * {-webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;} #teaser ul.teaser {margin:0px; padding:0px; height:100%; position:relative; top:0px; left:0px;} #teaser ul.teaser li {position:absolute; margin:0px; padding:0px; display:inline-block;vertical-align:top; width:100%; height:100%; list-style:none; cursor:pointer; box-sizing: border-box; opacity:0; transition:1s} #teaser ul.teaser li.visible {opacity:1;} #teaser ul.teaser li.noclick {cursor:auto;} #teaser ul.teaser li .teaserimage{height:100%; background-size:cover; background-position: center center; background-repeat:no-repeat;} /* Content */ section#content {margin-top:15px;} section#content .wrapper{width:100%; display:flex; justify-content:space-between; flex-direction:row; padding:0;} section#content .flex_column{flex:1 1 auto; display:flex; flex-direction:column;} section#content p {font-size:13px; line-height:20px; margin: 15px 0px 0px 0px;} section#content h2 {color:#006600; text-transform:uppercase; font-size:20px; font-weight:normal; margin:50px 0px 10px 0px;} section#content h2:first-of-type {margin:20px 0px 10px 0px;} section#content h1a {color:#006600; text-transform:uppercase; font-size:20px; font-weight:normal; margin:50px 0px 10px 0px; display:block;} section#content h1a:first-of-type {margin:20px 0px 10px 0px;} section#content article{width:100%; background-color:#FFFFFF; border: 1px solid #c7c7c7; -webkit-box-shadow: 3px 3px 7px #cac4b2; box-shadow: 3px 3px 7px #cac4b2;} section#content article:not(:first-of-type){margin-top:10px;} section#content .center{text-align:center;} /* section#content .teaser{padding:5px; box-sizing:border-box;} section#content .teaser img{width:100%;} */ section#content .infos {padding:25px; box-sizing:border-box; } section#content .infos .video iframe{width:100%; height:350px; } section#content .infos #kategorien {display:flex; flex-direction:row; justify-content:space-between; flex-wrap: wrap;} section#content .infos #kategorien li{list-style:none; text-transform: uppercase; font-size:18px; flex:0 1 auto; margin-bottom:10px;} section#content .infos #kategorien li label{display:block;} section#content .infos #kategorien li img{margin-top:5px; width:100%;} section#content .infos h5{color:#006600; margin:5px 0;} section#content .infos strong{display:block; margin:10px 0 40px 0; font-size:12px;} section#content aside{flex:0 0 255px; margin-left:10px; border:5px solid #FFFFFF; padding:80px 20px 20px 20px; background-color:#ded2b9; box-sizing:border-box; position:relative;} section#content .flex-container {display:flex; justify-content:space-around; height:100%; flex-direction:column;} section#content .flex-container div{flex:1 1 auto;} section#content aside div#flag-container{position:absolute; top:5px; right:5px; text-align:right; margin:0px; z-index:10;} section#content aside div#flag-container .flag{display:inline-block;margin:0px 0px 5px 0px; color:#FFFFFF; font-size:22px; font-weight:normal; text-transform:uppercase; background: url(https://www.pferdreiter.de/bilder/layout/flag.png); white-space:nowrap; line-height:30px; padding:0px 10px 0px 25px;} section#content aside ul li a{display:inline-block; line-height:25px; font-size:13px; font-weight:bold;} section#content aside ul img{margin-right:10px;} /* section#content aside div{margin-top:40px;} */ section#content aside div h4{text-align:center; font-size:20px; margin:0px 0 5px 0;} section#content aside div h5{font-size:15px; margin:15px 0 5px 0;} section#content aside div:not(#right) p{ margin:0px;} section#content aside div strong{font-size:13px;} section#content aside div#fragen {text-align:center;} section#content aside div#katalog{text-align:center;} section#content aside div#katalog img{border:2px solid #FFFFFF;} section#content aside div.image{text-align:center;} section#content aside img{max-width:100%;} section#content aside.info_box{padding:20px 30px 8px 30px; text-align:center; font-size:11px; line-height:14px; -webkit-box-shadow:3px 3px 7px #cac4b2; box-shadow: 3px 3px 7px #cac4b2; flex-grow:0;} section#content aside.info_box img{display:block; margin:auto auto 10px auto;} /* Listenseite */ section#content .produktliste{padding:25px; box-sizing:border-box; height:calc(100% - 240px);} section#content .produktliste h1, section#content .produktliste .headline{font-weight:normal; font-size:20px; color:#aa0000; text-transform:uppercase; margin:15px 0px 15px 0px; text-align:center;} /* section#content .liste h2{display:block; font-size:13px; line-height:20px; font-weight:bold; margin-top:15px;} */ section#content .produktliste li{list-style-type:none;} section#content .produktliste>div h1 ~ h3{font-weight:bold; color:#006600; font-size:12pt;} section#content .produktliste>div h1 ~ h3 a{font-weight:bold; text-decoration:none; font-size:12pt; display:inline; white-space: nowrap;} section#content .map{text-align:center; margin-top:30px;} section#content .map>div{display:inline-block; padding:5px; background:#f4f2ec; -webkit-box-shadow:3px 3px 7px #cac4b2; box-shadow:3px 3px 7px #cac4b2;} section#content .map a{display:block; font-size:13px; line-height:20px; font-weight:bold; margin-top:15px;} section#content .map img{width:100%;} section#content .angebote {display:flex; flex-wrap: wrap; justify-content: space-between; margin-top:50px;} section#content .angebote .headline {width:100%;} section#content .produkt {flex:0 1 48%; max-width:50%;} section#content .produkt img{width:100%; margin-bottom:5px;} section#content .produkt {font-size:12px; line-height:20px; margin-bottom:25px;} section#content .produkt h3{font-size:16px; color:#006600; margin:0px;} section#content .produkt h3>a>span{color:#aa0000; margin-left:10px;} section#content .produkt h4{font-size:12px; margin:0px;} section#content .produkt .red{color:#aa0000;} section#content .produkt>span{font-weight:bold; margin-right:5px;} section#content .produkt>span.red{ margin-right:10px;} section#content .produkt p{margin:0px;font-size:12px;} section#content .produkt p a{margin-left:10px;font-weight:bold;} section#content .produkt img{float:right; border:2px solid #FFFFFF;} section#content.liste .produktliste h2{text-align:left;} section#content.liste aside{padding-top:20px;} section#content.liste aside .sidebar_logo{text-align:center;} section#content.liste aside .sidebar_logo b{font-size:13px; color:#006600; display:block;} section#content.liste aside span.red{color:#aa0000;} section#content.liste aside .links{margin-top:50px} section#content.liste aside .links strong{font-size:13px; line-height:20px; } section#content.liste aside .links ul{margin-top:15px;} section#content.liste aside .links li a{font-size:11px; line-height:24px; } section#content.liste aside .links>a{font-size:13px; line-height:20px; font-weight:bold;} section#content.liste aside .links>hr{margin:25px 0; } section#content.liste aside .text{margin-top:25px;} section#content.liste aside .text>a{font-size:13px; line-height:20px; } section#content.liste aside .text h5{line-height:26px; text-transform:uppercase;} section#content.liste aside #katalog{margin-top:50px; text-align:left;} section#content.liste aside .links ul{display:flex;flex-direction: column;flex-wrap: wrap;} section#content.liste aside .links ul li{flex:0 0 50%;;} section#content.static article.content {padding:25px; box-sizing:border-box;} section#content.static .Tipp_Ueberschrift{color:#aa0000; font-size:16px; font-weight:bold;} section#content.static .box_center{background:#f4f2ec; border:1px solid #e1dbce; padding:10px; margin-top:15px; -webkit-box-shadow:3px 3px 7px #cac4b2; box-shadow:3px 3px 7px #cac4b2;} section#content.static .box_center p > img{max-width:100%; height:auto;} section#content.static p:first-child{margin-top:0px;} section#content.static aside{ padding-top:20px;} section#content .checkout {padding:25px; box-sizing:border-box; height:100%; font-size:13px; line-height:18px;} section#content .checkout a#versicherung {display:inline-block; margin:15px 0;} section#content .checkout .steps {display:flex;} section#content .checkout .steps div{flex:1 1 10%; text-align: center;} section#content .checkout .steps div span{display:inline-block; height:42px;width:42px; border:1px solid #aaa; text-align:center; font-size:13px;line-height:42px; border-radius: 30px;} section#content .checkout .steps div.active span{background-color:#ccc;} section#content .checkout .steps div label{display:block; margin-top:10px; font-size:13px; cursor:pointer;} section#content .checkout label{font-size:13px; line-height:18px;} section#content .checkout input{width: 100%; box-sizing:border-box; padding:3px;} section#content .checkout select{box-sizing:border-box; padding:3px;} section#content .checkout input[type="checkbox"]{width: auto; margin-right:10px;} section#content .checkout .form_button{border:1px solid #019B06; color:#FFFFFF; font-size:13px; line-height:20px; font-weight:bold; background:linear-gradient(to bottom, #006600 0%,#019b06 100%); padding:5px; cursor:pointer; margin-top:10px; display:inline-block;} section#content .checkout .form_button_zurueck{border:1px solid #c1c1c1; padding:5px 10px; margin:10px 0 10px 0; display:inline-block;} section#content .checkout input[type="submit"]{grid-column:last; margin-top:10px; max-width: 100px;} section#content .checkout .grid{display:grid; grid-template-columns: auto 95px 130px [last] 125px; grid-column-gap:30px; grid-row-gap:10px; margin-top:20px;} section#content .checkout .grid .form_button{margin:0px 0 0px 0; font-size:13px; justify-self: end; margin-top:15px;} section#content .checkout .grid h4{} section#content .checkout .grid>div>h4{margin:20px 0 0px 0; background-color:#ccc; color:#000000; padding:5px; width:100%; box-sizing:border-box;} section#content .checkout .grid p{grid-column:1 / span 4; margin:0;} section#content .checkout .grid select{width: 100%;} section#content .checkout .grid label + input{display:inline-block; width:70%; margin-left:5px;} section#content .checkout .grid>div{align-self:end;} section#content .checkout .grid .item_select{grid-column:1; margin-bottom:1px;} section#content .checkout .grid .item_code{grid-column:2;} section#content .checkout .grid .item_code input{width:50%;} section#content .checkout .grid .item_von{grid-column:3;} section#content .checkout .grid .item_bis{grid-column:4;} section#content .checkout .grid .item_full{grid-column:1 / span 4;} section#content .checkout form{position:relative; padding-bottom:50px;} section#content .checkout form#radio_anmelder{position:relative; padding-bottom:0px;} section#content .checkout form#radio_anmelder label{line-height:24px; display:block;} section#content .checkout form#radio_anmelder input{width:auto; float:left; margin-right:10px; margin-top:5px;} section#content .checkout iframe{box-sizing:border-box;} section#content .checkout input[type="submit"].right{position:absolute; right:0; bottom:0px;} section#content .checkout .left{position:absolute; left:0; bottom:0px;} section#content .checkout.uebersicht input[type="submit"].right{max-width:250px;} section#content .checkout .grid-equal div.full>input[type="radio"]{width:15px; min-width:15px; margin:2px;float:left;} section#content .checkout .grid-equal div.full>label>input[type="radio"]{width:15px; min-width:15px; margin:2px 15px 2px 2px;float:left;} section#content .checkout .grid-equal div>input[type="checkbox"]{width:15px; min-width:15px; margin:2px;float:left;} /* section#content .checkout .grid-equal.box{border:1px solid #ccc; padding-top:35px; padding-bottom:15px;} */ section#content .checkout .grid-equal.box>h4{background-color:#ccc; color:#000000; padding:5px; width:100%; margin:0; box-sizing:border-box;} section#content .checkout .grid-equal{display:grid; grid-template-columns: repeat(7, 1fr) [last] 1fr ; grid-column-gap:10px; grid-row-gap:20px; margin-top:20px; width:100%; padding:0 1% 0 1%; box-sizing:border-box;} section#content .checkout .grid-equal p{margin:0;} section#content .checkout .grid-equal div{margin:0; grid-column: auto / span 4; position:relative; align-self: center;} section#content .checkout .grid-equal textarea{box-sizing: border-box; height:150px;} section#content .checkout .grid-equal div>h4{background-color:#ccc; color:#000000; padding:5px; width:100%; margin:0; box-sizing:border-box;} section#content .checkout .grid-equal div>label{text-align:left; width:100%; margin-right:10px; display:inline-block;} section#content .checkout .grid-equal div>input+label{text-align: left; box-sizing: border-box; padding-left:5px; width:auto; margin-right:0px;} section#content .checkout .grid-equal div>input+p{width:calc(100% - 30px); display:inline-block; margin-left:10px;} section#content .checkout .grid-equal div>input+p>label{display:block;} section#content .checkout .grid-equal div>label+p{width: 100%; display:inline-block;} section#content .checkout .grid-equal div>input{width: 100%;} section#content .checkout .grid-equal div.half>input{width: 50%;} /* section#content .checkout .grid-equal div.full>input{width: auto; min-width:161px;} */ section#content .checkout .grid-equal div>select{width: 100%;} /* section#content .checkout .grid-equal div.full>select{width: auto; min-width:161px;} */ section#content .checkout .grid-equal div>textarea{width:100%;} section#content .checkout .grid-equal div.full>label{float:left;} /* section#content .checkout .grid-equal label{text-align:right; grid-column: auto / span 2;} */ section#content .checkout .grid-equal .full{grid-column: 1 / -1;} section#content .checkout .grid-equal .half{grid-column: auto / span 4;} section#content .checkout .grid-equal .quarter{grid-column: auto / span 2;} section#content .checkout .grid-equal .one{grid-column: auto / span 1;} section#content .checkout .grid-equal .three{grid-column: auto / span 3;} section#content .checkout .grid-equal .newrow{grid-column-start: 1;} section#content .checkout .grid-equal .emptyfirst{grid-column-start: 2;} section#content .checkout .grid-equal .emptyfirst>p{margin-left:15px;} section#content .checkout .grid-equal .start_half{grid-column-start: 5;} section#content .checkout .grid-equal .last{grid-column-end: -1;} section#content .checkout .grid-equal .nogap {margin-bottom:-20px;} section#content .checkout .grid-equal .nogap-top {margin-top:-20px;} section#content .checkout .grid-equal .right {text-align:right;} section#content .checkout .grid-equal .geburtsdatum {display:inline;} section#content .checkout .grid-equal .geburtsdatum select{width:45px; margin-right:10px;} section#content .checkout .grid-equal .geburtsdatum select:last-of-type{width:80px; margin-right:0px;} /* section#content .checkout .grid-equal label.one{grid-column: auto / span 1;} */ section#content .checkout .grid-equal div>input[type="radio"] + label,section#content .checkout .grid-equal div>input[type="checkbox"] + label{width:calc(100% - 40px); text-align:left; float:none; padding-left:10px; box-sizing: border-box; line-height:20px;} section#content .checkout .grid-simple{display:grid; grid-template-columns: min-content 1fr; grid-column-gap:5px; grid-row-gap:5px; margin-top:20px; width:100%; padding:0 1% 0 1%; box-sizing:border-box;} section#content .checkout .grid-simple .full{grid-column: 1 / -1;} section#content .checkout .grid-simple label{grid-column: 1 ;} section#content .checkout .grid-simple label + span{font-size:13px; padding-left:20px; line-height:18px;} section#content .checkout .grid-simple h4{grid-column: 1 / -1; margin:15px 0 0 0; font-size: 16px; background-color:#ccc; padding: 5px;} section#content .checkout .grid-simple input[type="checkbox"]{float:left;} section#content .checkout .grid-simple input[type="checkbox"] + p{margin:0; width:calc(100% - 30px);} section#content .checkout .grid-simple hr{grid-column: 1 / -1; width:100%;} section#content .checkout .grid-simple div.teilnehmer{display:flex; grid-column: 1 / -1; flex-wrap: wrap; justify-content: flex-start;} section#content .checkout .grid-simple div.teilnehmer>div{flex: 0 1 auto; font-size:13px; padding:10px; line-height:18px;} section#content .checkout #versicherung_checkbox{display:none;} section#content .checkout .anreise_selbstgebucht{display:none;} section#content .checkout #versicherung_risiken div{display:none; color:#FF0000;} section#content .checkout table {border-collapse: collapse; margin-top:15px;} section#content .checkout table td {border:1px solid #c7c7c7;} /* Produktseite */ #produkt {margin-top:10px;} #produkt .wrapper{background:#FFFFFF; border:1px solid #c7c7c7; -webkit-box-shadow:3px 3px 7px #cac4b2; box-shadow: 3px 3px 7px #cac4b2; padding:25px;} #produkt #headlines{display:block; position:relative; text-align:center; margin-top:10px; border-bottom:1px solid #000000; margin-bottom:18px;} #produkt #headlines h1{display:inline-block; text-transform:uppercase; color:#006600; font-weight:normal; font-size:20px; margin-bottom:5px;} #produkt #headlines h2{font-size:14px; margin-top:0px;} #produkt #headlines h3{position:absolute; left:0px; top:0px; display:inline-block; font-size:18px;} #produkt #infos {position:relative;} #produkt #infos>article{display:none;} #produkt #infos article div.inhalt{border:1px solid #e1dbce; width:100%; background-color:#f4f2ec; position:relative; top:-2px; padding:25px; box-sizing:border-box;} #produkt #infos article>h4{display:none;padding: 0px 10px;} #produkt #infos article.aktiv{display:block;} #produkt #infos article .text{float:left; display:inline-block; width:60%;font-size:12px; line-height:20px;} #produkt #infos article .text ul li{list-style-image: url(https://www.pferdreiter.de/bilder/layout/li_logo.gif); font-weight:bold; margin: 10px 0 0 18px;} #produkt #infos article .text p {line-height:20px;} #produkt #infos article .text .Tipp{margin-top:15px; display:inline-block;} #produkt #infos article .text .Tipp img{float:left; margin: 0 10px 5px 0px;} #produkt #infos article .text .Tipp .Tipp_Ueberschrift{color:#aa0000; font-size:16px; font-weight:bold;} #produkt #infos article .text .Tipp .Block_fett{font-weight:bold;} #produkt #infos article .text .highlight{} #produkt #infos article .text .highlight .left{float:left;} #produkt #infos article .text .highlight b{display:block;} #produkt #infos article .text .highlight img{margin: 0 10px 5px 0px;} #produkt #infos article .text .highlight strong{display:block; color:#aa0000; font-size:16px;} #produkt #infos article .text .highlight .bottom{display:block; margin-top:20px;} #produkt #infos article .text .Tour_Titel{font-size: 16px; font-weight:bold; color:#006600;} #produkt #infos article .text .fett{font-weight:bold;} #produkt #infos article .bilder{width:35%;max-width:333px; float:right; display:inline-block;} #produkt #infos article .bilder img{width:100%;} #produkt #infos article .bilder img:not(:first-of-type){margin-top:15px;} #produkt #infos>ul>li{list-style-type:none; float:left;} #produkt #infos>ul>li a{display:inline-block; font-size:13px; line-height:24px; border:1px solid #e1dbce; padding: 0 10px;} #produkt #infos>ul>li:first-of-type a{border-radius:5px 0 0 0;} #produkt #infos>ul>li:last-of-type a{border-radius:0 5px 0 0;} #produkt #infos>ul>li:not(:last-of-type) a{border-right:0px;} #produkt #infos>ul>li.aktiv a{font-weight:bold;border-bottom:1px solid #f4f2ec;background-color:#f4f2ec; line-height:32px; margin-top:-8px; border-right:1px solid #e1dbce; border-radius:5px 5px 0px 0px; z-index:10; position:relative;} #produkt #infos>ul>li.aktiv + li a{border-left:0px;} .fotogalerie {margin:0px; padding:0px; display:grid; grid-template-columns: repeat(5, 1fr); grid-gap:10px;} .fotogalerie li {margin:0px; padding:0px; list-style:none; position:relative;} /* .fotogalerie {margin:0px; padding:0px; display:flex; justify-content: space-between; position:relative; flex-wrap: wrap;} .fotogalerie li {margin:0px; padding:0px; list-style:none; position: relative; width:19%; margin-bottom:10px;} */ .fotogalerie li img {display:block;width:100%;} .fotogalerie li span {display:block;width:100%;box-sizing:border-box;position:absolute;bottom:0px;background-color:rgba(0,0,0,0.8);color:#ffffff;padding:5px 10px 5px 10px; text-align:center;} #pferdReiterGoogleMaps{margin-top:15px; border: 2px solid #fff;} .Preiskasten_links_gruen{font-weight:bold; color:#006600;} .Termine_links_fett_gruen{display:block; font-weight:bold;} .Termine_links_gruen{display:block; font-weight:bold; color:#006600;} .fett_gruen{font-weight:bold;} .bilder_slider {display:none; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; position:relative;} .bilder_slider .outer {width:100%; position:relative; margin-top:25px;overflow:hidden;} .bilder_slider .outer .inner {position:relative;top:0px;left:0px; width:9999px;} .bilder_slider .nav_pfeile {display:block; position:absolute;top:calc(50% - 40px);left:-20px;z-index:99;font-size:50px; line-height:80px; color:#FFFFFF;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} .bilder_slider .nav_pfeile:hover {color:#282828;} .bilder_slider .nav_pfeile:last-of-type {left:auto;right:-20px;} article.produktbild {float:left;width:90vw; cursor:pointer; box-sizing:border-box; position:relative; margin-right:10px;} article.produktbild, article.produktbild * {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} article.produktbild img {width:90vw; } /* Footer */ footer{margin-top:25px;} footer .wrapper{ padding:0px;} footer .flex-container p, footer .flex-container a, footer .flex-container h4, footer .flex-container h5{color:#FFFFFF; font-size:13px; line-height:20px;} footer .flex-container h5{font-size:16px; line-height:24px; font-weight:normal;margin:0px 0px 15px 0px; text-transform:uppercase;} footer .flex-container h4{margin:0px;} footer ul li{list-style:none;} footer .flex-container{background:url("https://www.pferdreiter.de/bilder/layout/info-box3.png") #2a371b no-repeat; background-repeat:no-repeat;display:flex; justify-content:space-between; padding:25px 25px 50px 25px;} footer .flex-container article{flex:0 1 auto; max-width:35%;} footer .flex-container article.info {order:1} footer .flex-container article.faq {order:2} footer .flex-container article.faq li{line-height:25px;} footer .flex-container article.social {width:25%; margin-top:50px; padding-left:40px; box-sizing: border-box; order:3} footer .flex-container article.social li{margin-top:20px;} footer .flex-container article.social a{line-height:30px; display:inline-block;} footer .flex-container article img{margin-right:15px; float:left;} footer #footer_leiste {background-color:#FFFFFF; padding: 5px 25px;} footer #footer_leiste p{display:inline-block; margin:0; font-size:12px;} footer #footer_leiste ul{float:right;} footer #footer_leiste ul li{display:inline; padding:0 5px; text-transform:uppercase;} footer #footer_leiste ul li:not(:first-of-type){border-left:1px solid #000000;} footer #footer_leiste ul li a{font-size:12px;} /* Special Classes */ .buchenknopf { -moz-box-shadow: inset 0px 1px 0px 0px #caefab; -webkit-box-shadow: inset 0px 1px 0px 0px #caefab; box-shadow: inset 0px 1px 0px 0px #caefab; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #305710) ); background: -moz-linear-gradient( center top, #77d42a 5%, #305710 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#305710'); background-color: #77d42a; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #268a16; display: inline-block; color: #fcfffa; font-family: verdana; font-size: 11px; font-weight: bold; padding: 1px 3px; text-decoration: none; text-shadow: none; } .infoknopf { -moz-box-shadow: inset 0px 1px 0px 0px #caefab; -webkit-box-shadow: inset 0px 1px 0px 0px #caefab; box-shadow: inset 0px 1px 0px 0px #caefab; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #305710) ); background: -moz-linear-gradient( center top, #77d42a 5%, #305710 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#305710'); background-color: #77d42a; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #268a16; display: inline-block; color: #fcfffa; font-family: verdana; font-size: 11px; font-weight: bold; padding: 0px 13px; text-decoration: none; text-shadow: none; }