Kiteschulen Übersicht

/* ----------------------------------------- */ /* View-Slug: kiteschulen-liste - Start */ /* ----------------------------------------- */ .reisen-search h3 { margin: 0 0 1em 0; } .form-group { border-bottom: 1px solid #fff; padding: 0 0 1em 0; } .form-group > label { font-weight: bold; color: #00224c; padding: .5em 0; display: block; text-transform: uppercase; } .form-group > label:before { content: "» "; color: #A8DC00; font-family: "TrashHand",Sansation,Verdana,sans-serif; } input[type=text] { border: none; padding: .7em; width: 100%; color: #00224C; border-radius: 3px; box-shadow: 0 3px 3px 0 rgba(0,0,0,0.16); } input[type="text"]:hover { box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); } input[type=checkbox] { -moz-appearance: none; -webkit-appearance: none; appearance: none; } input[type="checkbox"]:checked { margin: 0 .3em 3px 0; width: 0; height: 0; background: #00224C; width: 15px; height: 5px; position: relative; border-radius: 2px; } input[type=checkbox]:checked:before { background: #00224C; content: ""; width: 15px; height: 5px; position: absolute; border-radius: 2px; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .checkbox { display: inline-block; margin: 1em .5em; } .checkbox label { background: #BFEEEE; padding: .5em; color: #00224C; box-shadow: 0 3px 3px 0 rgba(0,0,0,0.16); border-radius: 3px; cursor: pointer; } .checkbox label:hover { box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); } .form-group:last-child .checkbox:last-child label { display: none; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border:none; border-radius: 3px; width:100%; padding:.75em 1em .5em 1em; box-shadow: 0 3px 3px 0 rgba(0,0,0,0.16); background-image: url(wp-content/uploads/2019/05/pfeil-runter.svg); background-color: #fff; background-position: right; background-repeat: no-repeat; color: #00224C; } select:hover { box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); } /* aufklappbare Suche */ #akkordeon:not(:target) .more-filter { display: none; } #akkordeon:target .more-filter {display: block;} #akkordeon:target .show {display: none;} #akkordeon:not(:target) .hide {display: none;} div#akkordeon { background: #ffffff90; padding: 0 .5em; margin: 1em 0; border-radius: 3px; } a.show, a.hide { padding: .5em; display: inline-block; background: #7FDDDD; margin: 1em 0; box-shadow: 0 7px 3px 0 rgba(0,0,0,0.16); border-radius: 3px; color: #00224C; } a.show:hover, a.hide:hover { color: #fff; background: #00BCBC; } @media screen and (min-width:600px) { .form-group.begriff, .form-group.location { width: 49%; display: inline-block; overflow: hidden; } .form-group.begriff { margin-right: 1%; } .form-group.location { margin-left: 1%; } } /* Button */ .btn-views { background: #A8DC00; padding: .5em 1em; border: none; border-radius: 4px; color: #fff !important; box-shadow: 0px 7px 3px 0px rgba(0,0,0,.16) !important; margin: .5em; font-weight: bold; display: inline-block; } .btn-views:hover { background: #00bcbc; cursor: pointer; } ul.pagination { text-align: center; padding: 0; margin: 2em 0; } ul.pagination li { display: inline-block; list-style: none; } ul.pagination li a, ul.pagination li span { padding: .3em .7em; color: #fff; margin: .3em; font-weight: bold; background: #A8DC00; box-shadow: 0 3px 3px 0 rgba(0,0,0,0.16); border-radius: 3px; } ul.pagination li span { background: #00bcbc; color: #fff; box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1) } ul.pagination li a:hover { background: #00bcbc !important; box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1) } .fliesstext { color: #191919; line-height: 1.4; font-size: 21px; } @media (max-width: 1149px) .fliesstext { font-size: 19px; } @media (max-width: 767px) .fliesstext { font-size: 16px; } /* ----------------------------------------- */ /* View-Slug: kiteschulen-liste - Ende */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Inhalts-Template: loop-item-in-kiteschulen-liste - Start */ /* ----------------------------------------- */ /* Liste allgemein */ .school-list { border: 7px solid #fff; box-shadow: 0 7px 3px 0 rgba(0,0,0,0.16); margin: 1.5em 0; width: 100%; } .school-list:nth-child(2n+1) { background: #E5F8F8; } .school-list:nth-child(2n) { background: #BFEEEE; } .school-list tr:nth-child(2) td { border-top: 1px solid #fff; } .school-list.inhalt.nopay { filter: grayscale(1); pointer-events: none; cursor: default; opacity: 0.5; } .school-list.inhalt.nopay .info-school span:nth-child(2), .school-list.inhalt.nopay .info-school span:nth-child(3), .school-list.inhalt.nopay .info-school span:nth-child(4){ display: none; } @media screen and (max-width:949px) { td { width: 100%; float: left; text-align: center; } } .logo { outline: 3px solid #fff; width: 100%; background: #fff; max-height: 250px; overflow: hidden; } .logo img { max-height: 250px; } .school-list h2 { margin: .7em .5em 0.2em .5em; padding: 0; } .info-school { padding: .5em; color: #00224C; line-height: 2; } .info-school span { padding: 0 1em; display: inline-block; } .button { padding-bottom: .5em; } .no-aktiv, .no-blog { display: none !important; } /* Icons in der Liste*/ .info-school span::before, .more-school a::before { font: normal normal normal 18px/1 FontAwesome; padding-right: .3em; } @media screen and (min-width:610px) { td { width: 70%; } .logo { width: 30%; max-height: 200px; } .logo img { max-height: 200px; } .school-list h2 { margin: 2em .5em 0.2em .5em; } tr:nth-child(2) td { width: 100%; } } @media screen and (min-width:950px) { .logo { width: 18%; } td { width: auto; } .button { text-align: right; } .school-list h2 { margin: 0; padding-left: .5em; } } /* ----------------------------------------- */ /* Inhalts-Template: loop-item-in-kiteschulen-liste - Ende */ /* ----------------------------------------- */