@font-face {
font-family: 'Roboto';
src: url(//www.fahrschulegottschalk.de/wp-content/themes/fsb/fonts/Roboto-Medium.woff2) format('woff2'), url(//www.fahrschulegottschalk.de/wp-content/themes/fsb/fonts/Roboto-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url(//www.fahrschulegottschalk.de/wp-content/themes/fsb/fonts/Roboto-Bold.woff2) format('woff2'), url(//www.fahrschulegottschalk.de/wp-content/themes/fsb/fonts/Roboto-Bold.woff) format('woff');
font-weight: bold;
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url(//www.fahrschulegottschalk.de/wp-content/themes/fsb/fonts/Roboto-Regular.woff2) format('woff2'), url(//www.fahrschulegottschalk.de/wp-content/themes/fsb/fonts/Roboto-Regular.woff) format('woff');
font-weight: normal;
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url(//www.fahrschulegottschalk.de/wp-content/themes/fsb/fonts/Roboto-Black.woff2) format('woff2'), url(//www.fahrschulegottschalk.de/wp-content/themes/fsb/fonts/Roboto-Black.woff) format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Anton';
src: url(//www.fahrschulegottschalk.de/wp-content/themes/fsb/fonts/Anton-Regular.woff2) format('woff2'), url(//www.fahrschulegottschalk.de/wp-content/themes/fsb/fonts/Anton-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
* {
margin: 0;
padding: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html,
body {
margin: 0;
padding: 0;
border: 0;
display: block;
width: 100%;
overflow-x: hidden;
background-color: #000000;
}
html.noScroll,
body.noScroll {
overflow: hidden;
}
body {
font-size: 1em;
font-family: 'Roboto', sans-serif;
color: #000000;
font-weight: 400;
font-weight: regular;
position: relative;
-webkit-overflow-scrolling: touch;
}
.clear {
margin: 0;
padding: 0;
border: 0;
display: block;
clear: both;
}
a {
color: #000000;
}
@media (hover: hover) {
a:hover {
text-decoration: none;
color: #ff6600;
}
}
@media (hover: hover) {
a.has_img:hover img {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
filter: grayscale(100%);
opacity: 0.7;
}
}
.wp-block-columns {
padding: 20px 0;
}
.wp-block-columns .wp-block-columns {
padding: 0;
}
.wp-block-columns .wp-block-column {
padding-bottom: 40px;
}
.wp-block-columns .wp-block-column .wp-block-column {
padding-bottom: 0;
}
img {
max-width: 100%;
height: auto;
}
img.size-thumbnail {
max-width: 150px;
height: auto;
margin-bottom: 20px;
}
img.size-thumbnail.alignleft {
float: left;
margin: 0 20px 20px 0;
}
img.size-thumbnail.alignright {
float: left;
margin: 0 0 20px 20px;
}
img.size-500 {
width: 100%;
height: auto;
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
img.size-500 {
width: 400px;
}
img.size-500.alignleft {
float: left;
margin: 0 20px 20px 0;
}
img.size-500.alignright {
float: left;
margin: 0 0 20px 20px;
}
}
img.size-large {
width: 100%;
height: auto;
margin-bottom: 20px;
}
@media only screen and (min-width: 1360px) {
img.size-large {
width: 50%;
}
img.size-large.alignleft {
float: left;
margin: 0 20px 20px 0;
}
img.size-large.alignright {
float: left;
margin: 0 0 20px 20px;
}
img.size-large.alignnone {
width: 100% !important;
margin-top: 20px;
}
}
img.size-full {
width: 100%;
height: auto;
margin-bottom: 20px;
}
h1 {
font-family: 'Anton', sans-serif;
font-size: 2em;
display: block;
margin-bottom: 1rem;
font-weight: 500;
line-height: 120%;
}
@media only screen and (min-width: 768px) {
h1 {
font-size: 2.5em;
}
}
@media only screen and (min-width: 1360px) {
h1 {
font-size: 3em;
}
}
@media only screen and (min-width: 1600px) {
h1 {
font-size: 3.5rem;
}
}
h2 {
font-weight: 500;
font-size: 1.7em;
clear: both;
margin-bottom: 1rem;
line-height: 150%;
}
@media only screen and (min-width: 768px) {
h2 {
font-size: 2em;
}
}
@media only screen and (min-width: 1360px) {
h2 {
font-size: 2.5em;
font-weight: bold;
padding-bottom: 0.8rem;
}
}
p~h2 {
margin-top: 0.5rem;
}
h1~h2 {
padding-top: 1.5em;
}
h3 {
padding-top: 1em;
clear: both;
font-weight: bold;
line-height: 1.5em;
padding-bottom: 1em;
color: #000000;
}
@media only screen and (min-width: 1360px) {
h3 {
font-size: 1.2em;
}
}
p {
line-height: 1.5em;
padding-bottom: 1em;
color: #555;
font-weight: 400;
}
p a {
color: #000000;
text-decoration-style: dotted;
}
p a:hover {
color: #ff6600;
text-decoration: none;
}
p strong {
font-weight: 700;
color: #000000;
}
p strong a {
color: #ff6600;
text-decoration-style: dotted;
}
p strong a:hover {
color: #000000;
text-decoration: none;
}
p {
font-size: 1.2em;
}
@media only screen and (min-width: 1360px) {
.the_content ul,
.the_content ol {
font-size: 1.2em;
}
}
.the_content ul li,
.the_content ol li {
line-height: 1.5em;
padding-bottom: 1em;
color: #555;
margin-left: 2rem;
font-size: 1em;
}
.the_content ul.terminliste,
.the_content ol.terminliste {
padding: 0;
margin: 0;
list-style-type: none;
}
.the_content ul.terminliste li,
.the_content ol.terminliste li {
margin-left: 0;
}
.the_content ul.terminliste.first-date li,
.the_content ol.terminliste.first-date li {
margin-left: 0;
}
.the_content ul.terminliste.first-date li:first-child,
.the_content ol.terminliste.first-date li:first-child {
font-weight: 500;
font-size: 1.4rem;
color: #000000;
margin-top: 40px;
}
@media only screen and (min-width: 768px) {
.the_content ul.terminliste.first-date li:first-child,
.the_content ol.terminliste.first-date li:first-child {
font-size: 1.6rem;
}
}
@media only screen and (min-width: 1360px) {
.the_content ul.terminliste.first-date li:first-child,
.the_content ol.terminliste.first-date li:first-child {
font-size: 2.2rem;
font-weight: 700;
}
}
.the_content ul.terminliste.first-date li:first-child:before,
.the_content ol.terminliste.first-date li:first-child:before {
content: 'Nächster Termin: ';
}
.the_content ul.terminliste.first-date li:nth-child(2):before,
.the_content ol.terminliste.first-date li:nth-child(2):before {
content: 'Weitere Termine';
font-weight: 700;
display: block;
padding: 0 0 1.4rem 0;
color: #000000;
} table {
border: none;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
table tr td {
border: none;
padding: 10px 20px;
}
table tr:nth-child(odd) td {
background-color: #f2f2f2;
}
article p {
font-weight: 400;
} article ul,
article ol {
margin-left: 0;
margin-bottom: 1em;
color: #777;
font-weight: 400;
padding-left: 0;
padding-right: 0;
}
article ul li,
article ol li {
line-height: 1.5em;
padding-bottom: 1em;
position: relative;
font-weight: 400;
}
article ul li a,
article ol li a {
color: #000000;
text-decoration-style: dotted;
}
article ul li a:hover,
article ol li a:hover {
color: #ff6600;
text-decoration: none;
}
article ul li strong,
article ol li strong {
font-weight: 700;
color: #000000;
}
article ul li strong a,
article ol li strong a {
color: #ff6600;
text-decoration-style: dotted;
}
article ul li strong a:hover,
article ol li strong a:hover {
color: #000000;
text-decoration: none;
}
@media only screen and (min-width: 1360px) {
article ul li,
article ol li {
font-size: 1.2em;
}
}
hr.wp-block-separator {
margin: 40px 0;
opacity: 0.4;
}
.wp-caption {
width: auto !important;
display: inline-block;
}
.wp-caption .wp-caption-text {
font-size: 80%;
color: #666;
}
.wp-caption a img {
margin-bottom: 8px;
}
.wp-caption.alignleft {
float: left;
}
.wp-caption.alignleft img.size-thumbnail {
margin-right: 20px;
}
@media only screen and (min-width: 768px) {
.wp-caption.alignleft img.size-500 {
margin-right: 20px;
}
}
.wp-caption.alignleft img.size-large,
.wp-caption.alignleft img.size-full {
width: 100% !important;
}
.wp-caption.alignright {
float: right;
}
.gallery {
margin-left: -10px;
margin-right: -10px;
margin-top: 20px;
margin-bottom: 20px;
}
.gallery br {
display: none;
}
.gallery .gallery-item,
.gallery .gallery-icon,
.gallery .wpmf-gallery-icon {
display: inline-block;
width: 50%;
margin-bottom: 20px;
}
@media only screen and (min-width: 640px) {
.gallery .gallery-item,
.gallery .gallery-icon,
.gallery .wpmf-gallery-icon {
width: 33.3333333%;
}
}
@media only screen and (min-width: 1024px) {
.gallery .gallery-item,
.gallery .gallery-icon,
.gallery .wpmf-gallery-icon {
width: 25%;
}
}
@media only screen and (min-width: 1360px) {
.gallery .gallery-item,
.gallery .gallery-icon,
.gallery .wpmf-gallery-icon {
width: 20%;
}
}
.gallery .gallery-item a,
.gallery .gallery-icon a,
.gallery .wpmf-gallery-icon a {
margin: 0;
padding: 0;
border: 0;
display: block;
position: relative;
margin: 0 10px 0 10px;
border: 1px solid #999 !important;
}
.gallery .gallery-item a img,
.gallery .gallery-icon a img,
.gallery .wpmf-gallery-icon a img {
margin: 0;
padding: 0;
border: 0;
display: block;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
width: 100% !important;
max-width: none;
height: auto;
}
@media (hover: hover) {
.gallery .gallery-item a:hover img,
.gallery .gallery-icon a:hover img,
.gallery .wpmf-gallery-icon a:hover img {
opacity: 0.3;
}
}
.gallery .gallery-item dd,
.gallery .gallery-icon dd,
.gallery .wpmf-gallery-icon dd {
margin: 0;
padding: 0;
border: 0;
display: block;
font-size: 50%;
margin: -5px 10px 5px 10px;
position: relative;
text-align: center;
display: none;
}
@media only screen and (min-width: 768px) {
.gallery .gallery-item dd,
.gallery .gallery-icon dd,
.gallery .wpmf-gallery-icon dd {
font-size: 60%;
}
}
.gallery .gallery-item>.gallery-icon {
width: 100%;
margin-bottom: 0;
}
.btn {
text-decoration: none;
font-weight: 500;
font-family: 'Roboto', sans-serif;
text-align: left;
padding: 8px 12px;
border: 2px solid #000000;
background-color: #ffffff;
border-radius: 20px;
cursor: pointer;
font-size: 1rem;
}
@media (hover: hover) {
.btn:hover {
color: #ffffff !important;
background-color: #000000;
border-color: #000000;
}
}
@media only screen and (min-width: 1360px) {
.btn {
font-size: 1.2rem;
}
}
.wp-block-button.is-style-outline a.wp-block-button__link {
border-color: #000000;
color: #000000;
}
.wp-block-button a.wp-block-button__link {
font-weight: 500;
background-color: #000000;
color: white;
}
.wp-block-button a.wp-block-button__link:hover {
background-color: #ff6600;
border-color: #ff6600;
color: white;
} .breadcrumb {
display: none;
background-color: #f60;
padding: 90px 0 50px 0;
text-align: center;
position: relative;
margin: 0 0 0 0;
background-image: url(//www.fahrschulegottschalk.de/wp-content/themes/images/dreieck-weiss.png);
background-repeat: no-repeat;
background-position: 0 0;
background-size: 100% auto;
color: #fff;
font-size: 1.5em;
font-weight: 300;
}
.breadcrumb .breadcrumbs {
margin: 0 0;
padding: 0;
}
.breadcrumb .breadcrumbs ul {
margin: 0 0 0 0;
padding: 0;
}
.breadcrumb .breadcrumbs ul li {
display: inline-block;
padding: 0;
position: relative;
}
.breadcrumb a {
display: inline-block;
padding: 0;
text-decoration: none;
font-weight: 300;
color: #ffc9a5;
}
.breadcrumb .breadcrumbs ul li:first-child a {
padding: 0;
}
.breadcrumb a:hover {
text-decoration: none;
color: #fff;
}
.breadcrumb span.current {
color: #ffc9a5;
padding: 0 0 0 0;
}
.breadcrumb .arrow {
display: inline-block;
padding: 0 20px;
color: #ffc9a5;
font-weight: 300;
}
.breadcrumb .arrow span.mobile {
display: none;
}
.wrapper {
padding: 40px 40px 60px 40px;
max-width: 1200px;
margin: 0 auto;
}
@media only screen and (min-width: 768px) {
.wrapper {
padding: 40px 40px 80px 40px;
}
}
@media only screen and (min-width: 1360px) {
.wrapper {
padding: 80px 40px 80px 40px;
}
}
.wrapper.kontakt-map {
padding: 0;
}
.wrapper.centered {
text-align: center;
}
.wrapper.boxed article {
border-radius: 10px;
padding: 30px 20px;
background-color: white;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
.wrapper.boxed article h2 {
padding: 0;
font-weight: 500;
}
.wrapper.boxed article h3 {
padding: 0 0 20px 0;
font-weight: 500;
font-size: 1.5rem;
}
@media only screen and (min-width: 1024px) {
.wrapper.box-left {
width: calc(50%);
float: left;
}
}
@media only screen and (min-width: 1024px) {
.wrapper.box-right {
width: calc(50%);
float: right;
}
}
@media only screen and (min-width: 1024px) {
.wrapper-spacer {
max-width: 1200px;
margin: 0 auto;
}
}
.wrapper-spacer .wrapper-inner-spacer {
margin: 0 -40px;
}
.wrapper-spacer .wrapper-inner-spacer .wrapper {
padding-top: 20px;
}
.wrapper-spacer .wrapper-inner-spacer h2 {
padding-left: 40px;
padding-right: 40px;
}
.main,
.main-content {
margin: 0;
padding: 0;
border: 0;
display: block;
background-color: #ffffff;
padding-top: 180px;
}
.main:after,
.main-content:after {
content: '';
display: table;
clear: both;
}
@media only screen and (min-width: 480px) {
.main,
.main-content {
padding-top: 80px;
}
}
@media only screen and (min-width: 768px) {
.main,
.main-content {
padding-top: 140px;
}
}
.main:after,
.main-content:after {
content: '';
display: table;
clear: both;
}
@media only screen and (min-width: 1360px) {
.main .float_left,
.main-content .float_left {
float: left;
}
.main .float_left.float_30,
.main-content .float_left.float_30 {
width: 320px;
margin-left: calc(((100vw - 1200px) / 2) + 30px);
}
.main .float_right,
.main-content .float_right {
float: right;
}
.main .float_right.float_70,
.main-content .float_right.float_70 {
width: 800px;
margin-top: 15px;
margin-right: calc(((100vw - 1200px) / 2) + 30px);
}
}
.main .image-hero,
.main-content .image-hero {
padding: 40px 40px 30px 40px;
margin: 0;
margin-top: -40px;
color: #000000;
background-color: #ffffff;
background-image: url(//www.fahrschulegottschalk.de/wp-content/themes/fsb/images/quartercircle.png);
background-repeat: no-repeat;
background-position: right -80px;
background-size: auto 90%;
position: relative;
}
.main .image-hero:after,
.main-content .image-hero:after {
content: '';
display: table;
clear: both;
}
.main .image-hero img,
.main-content .image-hero img {
width: 100%;
height: auto;
margin: 40px 0 20px 0;
}
@media only screen and (min-width: 768px) {
.main .image-hero,
.main-content .image-hero {
padding: 120px 40px 40px 40px;
}
}
@media only screen and (min-width: 1024px) {
.main .image-hero,
.main-content .image-hero {
width: calc(50vw - 40px);
float: right;
padding: 160px 0 0 0;
}
}
@media only screen and (min-width: 1600px) {
.main .image-hero,
.main-content .image-hero {
width: calc(50vw - 80px);
}
}
@media only screen and (min-width: 1921px) {
.main .image-hero,
.main-content .image-hero {
width: calc(50vw - 80px);
}
}
.main .image-hero h1,
.main-content .image-hero h1 {
padding-top: 1rem;
}
.main .image-hero h1 a,
.main-content .image-hero h1 a {
position: relative;
padding-left: 46px;
text-decoration: none;
}
.main .image-hero h1 a:after,
.main-content .image-hero h1 a:after {
content: '';
width: 32px;
height: 32px;
background-color: #f5f5f5;
background-image: url(//www.fahrschulegottschalk.de/wp-content/themes/fsb/images/arrow-left.svg);
background-size: 12px 12px;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
left: 0;
top: 0;
z-index: 0;
border-radius: 16px;
}
.main .image-hero h1 a:hover,
.main-content .image-hero h1 a:hover {
color: #ff6600;
}
.main .image-hero h1 a:hover:after,
.main-content .image-hero h1 a:hover:after {
background-color: #ff6600;
}
.main .image-hero.home h1,
.main-content .image-hero.home h1 {
padding-top: 0 !important;
}
@media only screen and (min-width: 1600px) {
.main .image-hero.home h1,
.main-content .image-hero.home h1 {
font-size: 5rem;
}
}
.main .image-hero.light-header-subpages,
.main-content .image-hero.light-header-subpages {
background-image: none;
background-color: #ffffff;
}
.main .image-hero .btns,
.main-content .image-hero .btns {
margin: 0;
padding: 0;
border: 0;
display: block;
padding-top: 30px;
}
.main .image-hero .btns:after,
.main-content .image-hero .btns:after {
dispaly: table;
content: '';
clear: both;
}
.main .image-hero .btns a,
.main-content .image-hero .btns a {
font-size: 16px;
font-weight: 500;
border-radius: 30px;
padding: 10px 20px;
display: inline-block;
margin-bottom: 10px;
margin-right: 20px;
text-decoration: none;
float: left;
}
.main .image-hero .btns a.white,
.main-content .image-hero .btns a.white {
background-color: #ffffff;
color: #000000;
border: 2px solid #000000;
}
@media (hover: hover) {
.main .image-hero .btns a.white:hover,
.main-content .image-hero .btns a.white:hover {
background-color: #000000;
color: #ffffff;
border: 2px solid #000000;
}
}
.main .image-hero .btns a.orange,
.main-content .image-hero .btns a.orange {
background-color: #ff6600;
color: #ffffff;
border: 2px solid #ff6600;
}
@media (hover: hover) {
.main .image-hero .btns a.orange:hover,
.main-content .image-hero .btns a.orange:hover {
background-color: #000000;
color: #ffffff;
border: 2px solid #000000;
}
}
.main .image-hero img,
.main-content .image-hero img {
max-width: 800px;
}
@media only screen and (min-width: 1024px) {
.main .image-hero img,
.main-content .image-hero img {
width: 100%;
}
}
.main .hero,
.main-content .hero {
padding: 60px 20px 20px 20px;
margin: 0 auto;
position: relative;
max-width: 1200px;
background-color: #f2f2f2;
margin-top: -40px;
}
@media only screen and (min-width: 768px) {
.main .hero,
.main-content .hero {
padding: 60px 40px 40px 40px;
}
}
@media only screen and (min-width: 1360px) {
.main .hero,
.main-content .hero {
padding-top: 120px;
padding-bottom: 60px;
margin-bottom: 40px;
}
}
.main .hero:before,
.main-content .hero:before {
margin: 0;
padding: 0;
border: 0;
display: block;
position: absolute;
content: '';
width: 100vw;
left: calc(0px - ((100vw - 1200px) / 2));
top: 0;
bottom: 0;
background-color: #f2f2f2;
}
.main .hero h1,
.main-content .hero h1 {
padding-top: 1rem;
margin-bottom: 0;
padding-bottom: 0;
}
.main .hero h1 a,
.main-content .hero h1 a {
position: relative;
padding-left: 32px;
text-decoration: none;
}
@media only screen and (min-width: 1360px) {
.main .hero h1 a,
.main-content .hero h1 a {
padding-left: 10px;
}
}
.main .hero h1 a svg,
.main-content .hero h1 a svg {
position: absolute;
left: 0;
top: 50%;
margin-top: -8px;
width: 16px;
height: auto;
transform: rotate(180deg);
opacity: 0.5;
}
@media only screen and (min-width: 1360px) {
.main .hero h1 a svg,
.main-content .hero h1 a svg {
margin-top: -12px;
width: 24px;
height: auto;
left: -40px;
}
}
.main .hero h1 a:hover,
.main-content .hero h1 a:hover {
color: #ff6600;
}
.main .hero h1 a:hover svg,
.main-content .hero h1 a:hover svg {
fill: #ff6600;
opacity: 1;
}
.main .hero h3,
.main-content .hero h3 {
position: relative;
z-index: 9;
padding-left: 32px;
padding-bottom: 20px;
opacity: 0.6;
font-weight: 400;
}
@media only screen and (min-width: 768px) {
.main .hero h3,
.main-content .hero h3 {
padding-bottom: 0;
font-size: 1.7rem;
}
}
@media only screen and (min-width: 1360px) {
.main .hero h3,
.main-content .hero h3 {
padding-left: 10px;
}
}
.main .front-slider,
.main-content .front-slider {
margin: 0;
padding: 0;
border: 0;
display: block;
width: calc(100vw);
height: calc(100vw);
background-color: #ccc;
margin: 0 0;
border-radius: 0;
position: relative;
}
@media only screen and (min-width: 768px) {
.main .front-slider,
.main-content .front-slider {
margin: 40px 0;
}
}
@media only screen and (min-width: 1024px) {
.main .front-slider,
.main-content .front-slider {
width: calc(50vw - 20px);
height: 80vh;
border-bottom-right-radius: 30px;
margin: -40px 0 0 0;
}
.main .front-slider:after,
.main-content .front-slider:after {
display: table;
clear: both;
content: '';
}
}
.main .front-slider ul.slides,
.main-content .front-slider ul.slides {
list-style-type: none;
padding: 0;
margin: 0;
display: block;
width: calc(100vw);
height: calc(100vw);
position: relative;
}
@media only screen and (min-width: 1024px) {
.main .front-slider ul.slides,
.main-content .front-slider ul.slides {
width: calc(100%);
height: 80vh;
}
}
.main .front-slider ul.slides li,
.main-content .front-slider ul.slides li {
display: block;
overflow: hidden;
width: calc(100vw);
height: calc(100vw);
position: relative;
z-index: 0;
}
@media only screen and (min-width: 1024px) {
.main .front-slider ul.slides li,
.main-content .front-slider ul.slides li {
width: calc(100%);
height: 80vh;
border-bottom-right-radius: 30px;
}
}
.main .front-slider ul.slides li img,
.main-content .front-slider ul.slides li img {
width: calc(100vw);
height: calc(100vw);
object-fit: cover;
position: relative;
z-index: -1;
}
@media only screen and (min-width: 1024px) {
.main .front-slider ul.slides li img,
.main-content .front-slider ul.slides li img {
width: calc(100%);
height: 80vh;
}
}
.main .front-slider ul.slides li span.caption,
.main-content .front-slider ul.slides li span.caption {
position: absolute;
bottom: 10px;
left: 20px;
right: 20px;
width: calc(100vw - 40px);
z-index: 1;
font-weight: bold;
}
@media only screen and (min-width: 768px) {
.main .front-slider ul.slides li span.caption,
.main-content .front-slider ul.slides li span.caption {
width: calc(100vw - 80px);
bottom: 30px;
left: 40px;
right: 40px;
}
}
@media only screen and (min-width: 1024px) {
.main .front-slider ul.slides li span.caption,
.main-content .front-slider ul.slides li span.caption {
width: calc(50vw - 100px);
}
}
@media only screen and (min-width: 1360px) {
.main .front-slider ul.slides li span.caption,
.main-content .front-slider ul.slides li span.caption {
width: calc(50vw - 160px);
left: 60px;
}
}
.main .front-slider ul.slides li span.caption p,
.main-content .front-slider ul.slides li span.caption p {
padding: 6px 14px;
margin: 0 0 10px 0;
font-weight: 700;
display: inline-block;
background-color: #ffffff;
color: #000000;
}
@media only screen and (min-width: 768px) {
.main .front-slider ul.slides li span.caption p,
.main-content .front-slider ul.slides li span.caption p {
font-size: 2rem;
padding: 10px 20px;
}
}
@media only screen and (min-width: 1024px) {
.main .front-slider ul.slides li span.caption p,
.main-content .front-slider ul.slides li span.caption p {
font-size: 1.3rem;
padding: 6px 14px;
}
}
@media only screen and (min-width: 1360px) {
.main .front-slider ul.slides li span.caption p,
.main-content .front-slider ul.slides li span.caption p {
font-size: 1.5rem;
padding: 10px 20px;
}
}
@media only screen and (min-width: 1600px) {
.main .front-slider ul.slides li span.caption p,
.main-content .front-slider ul.slides li span.caption p {
font-size: 2rem;
padding: 10px 20px;
}
}
.main .front-slider ul.slides li span.caption p a.slider_btn,
.main-content .front-slider ul.slides li span.caption p a.slider_btn {
border: none;
text-decoration: none !important;
}
.main .front-slider .flex-control-nav,
.main-content .front-slider .flex-control-nav {
display: flex;
}
@media only screen and (min-width: 768px) {
.main .front-slider .flex-control-nav,
.main-content .front-slider .flex-control-nav {
margin-right: 40px;
}
}
.main .front-slider .flex-control-nav li,
.main-content .front-slider .flex-control-nav li {
flex: 1;
margin-top: 5px;
border-left: 3px solid #ffffff;
overflow: hidden;
}
.main .front-slider .flex-control-nav li:first-child,
.main-content .front-slider .flex-control-nav li:first-child {
border-left: none;
}
.main .front-slider .flex-control-nav li a,
.main-content .front-slider .flex-control-nav li a {
width: 100%;
height: 5px;
display: block;
background: #ccc;
text-indent: -9999px;
}
.main .front-slider .flex-control-nav li a::marker,
.main-content .front-slider .flex-control-nav li a::marker {
display: none;
}
.main .front-slider .flex-control-nav li a.flex-active,
.main-content .front-slider .flex-control-nav li a.flex-active {
background-color: #ff6600;
}
.main .front-slider .flex-control-nav li a:hover,
.main-content .front-slider .flex-control-nav li a:hover {
background-color: #000000;
}
.main .front-slider .flex-control-nav li:last-child,
.main-content .front-slider .flex-control-nav li:last-child {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
.main .front-slider .flex-direction-nav,
.main-content .front-slider .flex-direction-nav {
display: none;
position: absolute;
top: 50%;
left: 0;
margin-top: -12px;
z-index: 10;
width: calc(50vw - 20px);
height: 100px;
list-style-type: none;
overflow: hidden;
}
@media only screen and (min-width: 1360px) {
.main .front-slider .flex-direction-nav,
.main-content .front-slider .flex-direction-nav {
display: block;
}
.main .front-slider .flex-direction-nav li,
.main-content .front-slider .flex-direction-nav li {
position: absolute;
top: 25px;
z-index: 2;
width: 48px !important;
height: 48px !important;
}
.main .front-slider .flex-direction-nav li.flex-nav-prev,
.main-content .front-slider .flex-direction-nav li.flex-nav-prev {
left: 20px;
}
.main .front-slider .flex-direction-nav li.flex-nav-prev a,
.main-content .front-slider .flex-direction-nav li.flex-nav-prev a {
display: block;
width: 48px !important;
height: 48px !important;
text-indent: -9999px !important;
border-top: 5px solid #000000;
border-left: 5px solid #000000;
transform: rotate(-45deg);
opacity: 0.5;
}
.main .front-slider .flex-direction-nav li.flex-nav-prev a:hover,
.main-content .front-slider .flex-direction-nav li.flex-nav-prev a:hover {
opacity: 1;
}
.main .front-slider .flex-direction-nav li.flex-nav-next,
.main-content .front-slider .flex-direction-nav li.flex-nav-next {
right: 20px;
}
.main .front-slider .flex-direction-nav li.flex-nav-next a,
.main-content .front-slider .flex-direction-nav li.flex-nav-next a {
display: block;
width: 48px !important;
height: 48px !important;
text-indent: -9999px !important;
border-top: 5px solid #000000;
border-right: 5px solid #000000;
transform: rotate(45deg);
opacity: 0.5;
}
.main .front-slider .flex-direction-nav li.flex-nav-next a:hover,
.main-content .front-slider .flex-direction-nav li.flex-nav-next a:hover {
opacity: 1;
}
}
.main .optional-text,
.main-content .optional-text {
margin: 0;
padding: 0;
border: 0;
display: block;
clear: both;
padding: 20px 20px 0 20px;
margin: 80px 40px 20px 40px;
border: 4px solid #ff6600;
border-radius: 20px;
}
@media only screen and (min-width: 1024px) {
.main .optional-text,
.main-content .optional-text {
margin: 120px 40px 20px 40px;
padding: 40px 40px 20px 40px;
border-radius: 30px;
}
}
@media only screen and (min-width: 1200px) {
.main .optional-text,
.main-content .optional-text {
margin: 120px auto 20px auto;
width: 1120px;
}
}
.faq { padding-bottom: 80px;
}
@media only screen and (min-width: 1360px) {
.faq {
padding-top: 0;
}
}
.faq .faq-btn {
margin: 0;
padding: 0;
border: 0;
display: block;
margin: 10px 0;
}
.faq .faq-btn button,
.faq .faq-btn a {
width: 100%;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
background-color: #f2f2f2;
font-weight: bold;
font-family: 'Roboto', sans-serif;
color: #000000;
border: none;
border-bottom: 2px solid #ffffff;
padding: 20px 60px 20px 20px;
position: relative;
font-size: 16px;
hyphens: auto;
text-align: left;
display: block;
cursor: pointer;
min-height: 32px;
text-decoration: none;
left: 0;
border-radius: 30px;
}
@media only screen and (min-width: 1360px) {
.faq .faq-btn button,
.faq .faq-btn a {
font-size: 21px;
}
}
.faq .faq-btn button u,
.faq .faq-btn a u {
text-decoration: none;
font-weight: 400;
color: #777;
}
.faq .faq-btn button:after,
.faq .faq-btn a:after {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
content: '';
width: 12px;
height: 12px;
background-image: url(//www.fahrschulegottschalk.de/wp-content/themes/fsb/images/arrow-down.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 12px 12px;
opacity: 0.4;
right: 20px;
top: 50%;
margin-top: -6px;
position: absolute;
transform: rotate(270deg);
}
.faq .faq-btn button.active,
.faq .faq-btn a.active {
background-color: #ff6600;
color: white;
}
.faq .faq-btn button.active:after,
.faq .faq-btn a.active:after {
transform: rotate(360deg);
filter: invert(100%);
opacity: 1;
}
@media (hover: hover) {
.faq .faq-btn button:hover,
.faq .faq-btn a:hover {
background-color: #ff6600;
color: white;
}
.faq .faq-btn button:hover:after,
.faq .faq-btn a:hover:after {
transform: rotate(360deg);
filter: invert(100%);
opacity: 1;
}
}
.faq .faq-btn.faq-white button,
.faq .faq-btn.faq-white a {
background-color: #ffffff;
border-bottom: 2px solid #ccc;
}
.faq .faq-btn.faq-white button i,
.faq .faq-btn.faq-white a i {
border: 2px solid #ccc;
}
.faq .faq-btn.faq-white button i img,
.faq .faq-btn.faq-white a i img {
margin-top: 5px;
margin-left: 5px;
}
.faq .faq-btn.faq-white button i img.full,
.faq .faq-btn.faq-white a i img.full {
width: 28px;
height: 28px;
border-radius: 50%;
margin-top: 0;
margin-left: 0;
}
.faq .faq-btn.faq-white:first-child button,
.faq .faq-btn.faq-white:first-child a {
border-top: 2px solid #ccc;
}
.faq .faq-text {
padding: 0 20px 20px 20px;
max-width: 1200px;
margin: 0 auto;
}
.faq .faq-text p {
padding-left: 0;
padding-right: 0;
}
@media only screen and (min-width: 1360px) {
.faq .faq-text ul,
.faq .faq-text ol {
font-size: 1.2em;
}
}
.faq .faq-text ul li,
.faq .faq-text ol li {
line-height: 1.5em;
padding-bottom: 1em;
color: #555;
margin-left: 2rem;
font-size: 1em;
}
@media only screen and (min-width: 1360px) {
.faq .faq-text {
padding: 20px 60px;
}
}
.faq.faq-no-img .faq-btn button,
.faq.faq-no-img .faq-btn a {
padding: 20px 20px 20px 20px;
}
aside.motorrad_wrapper {
margin: 0;
padding: 0;
border: 0;
display: block;
background-color: #f8f8f8;
padding: 40px;
}
@media only screen and (min-width: 768px) {
aside.motorrad_wrapper {
padding: 80px 40px;
}
}
aside.motorrad_wrapper .motorrad_content {
max-width: 1120px;
margin: 0 auto;
}
aside.driverscam {
margin: 0;
padding: 0;
border: 0;
display: block;
background-color: #f8f8f8;
padding: 40px;
}
@media only screen and (min-width: 768px) {
aside.driverscam {
padding: 80px 40px;
}
}
aside.driverscam .driverscam_content {
max-width: 500px;
margin: 0 auto 40px auto;
}
aside.driverscam .driverscam_content .driverscam_elements:after {
content: '';
display: table;
clear: both;
}
aside.driverscam .driverscam_content .driverscam_elements .driverscam_element {
width: calc(50% - 20px);
float: left;
}
aside.driverscam .driverscam_content .driverscam_elements .driverscam_element:nth-child(even) {
float: right;
}
aside.driverscam .driverscam_content .driverscam_elements .driverscam_element a img {
border-radius: 10px;
}
aside.fahrenlernen_max {
margin: 0;
padding: 0;
border: 0;
display: block;
width: 100vw;
background-color: #666666;
color: white;
clear: both;
position: relative;
padding-bottom: 120px;
}
aside.fahrenlernen_max:before {
content: '';
margin: 0;
padding: 0;
border: 0;
display: block;
width: 100vw;
height: 41px;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
margin-top: -40px;
background-color: #666666;
position: absolute;
}
aside.fahrenlernen_max:after {
content: '';
display: table;
clear: both;
}
aside.fahrenlernen_max .fahrenlernen_max_content {
max-width: 1200px;
margin: 0 auto;
padding: 0 40px 40px 40px;
}
aside.fahrenlernen_max h3 {
margin: 0;
padding: 0;
border: 0;
display: block;
color: white;
}
aside.fahrenlernen_max h2 {
padding-bottom: 20px;
}
@media only screen and (min-width: 768px) {
aside.fahrenlernen_max .fahrenlernen {
width: calc(50% - 40px);
float: left;
padding-top: 30px;
}
}
aside.fahrenlernen_max .fahrenlernen a {
display: inline-block;
border: 1px solid white;
color: white;
padding: 8px 14px;
text-decoration: none;
border-radius: 20px;
opacity: 0.8;
}
aside.fahrenlernen_max .fahrenlernen a:hover {
opacity: 1;
background-color: white;
color: #666666;
}
aside.fahrenlernen_max .apps {
margin: 0;
padding: 0;
border: 0;
display: block;
padding-bottom: 40px;
padding-top: 40px;
}
@media only screen and (min-width: 768px) {
aside.fahrenlernen_max .apps {
width: calc(50% - 40px);
float: right;
padding-top: 30px;
}
}
aside.fahrenlernen_max .apps h3 {
margin: 0;
padding: 0;
border: 0;
display: block;
font-weight: 400;
color: #ccc;
}
aside.fahrenlernen_max .apps h3 i {
font-style: normal;
display: block;
font-weight: 700;
color: white;
}
aside.fahrenlernen_max .apps ul {
margin: 0;
padding: 0;
border: 0;
display: block;
list-style-type: none;
margin-top: 20px;
}
aside.fahrenlernen_max .apps ul li {
display: block;
width: calc(50% - 5px);
float: left;
}
aside.fahrenlernen_max .apps ul li:nth-child(even) {
float: right;
}
.image_button_list ul {
display: block;
padding: 20px 0 0 0;
margin: 0 -10px;
list-style-type: none;
border: none;
}
@media only screen and (min-width: 768px) {
.image_button_list ul {
margin: 0 -15px;
}
}
.image_button_list ul:after {
content: '';
display: table;
clear: both;
}
.image_button_list ul li {
display: block;
padding: 0;
margin: 0;
width: 50%;
float: left;
}
.image_button_list ul li:before {
display: none;
}
.image_button_list ul li:nth-child(odd) {
clear: both;
}
.image_button_list ul li a {
display: block;
padding: 0;
margin: 0 10px 20px 10px;
position: relative;
text-align: center;
text-decoration: none;
border-radius: 10px;
background-color: #f2f2f2;
}
.image_button_list ul li a:hover {
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
background-color: white;
color: #000;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.image_button_list ul li a span.icon {
position: absolute;
top: 5vw;
left: 0;
right: 0;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
transition: opacity 0.3s;
text-align: center;
opacity: 0.6; }
.image_button_list ul li a span.icon img {
width: 30%;
height: auto;
margin: 0 auto;
}
@media only screen and (min-width: 1280px) {
.image_button_list ul li a span.icon {
top: 70px;
}
}
.image_button_list ul li a:hover span.icon {
opacity: 1;
}
.image_button_list ul li a span.title {
position: absolute;
left: 10px;
right: 10px;
font-weight: 500;
font-size: 14px;
line-height: 1.3em;
bottom: 15px;
hyphens: auto;
}
@media only screen and (min-width: 1024px) {
.image_button_list ul li a span.title {
font-size: 18px;
bottom: 20px;
}
}
@media only screen and (min-width: 1360px) {
.image_button_list ul li a span.title {
font-size: 21px;
}
}
@media only screen and (min-width: 768px) {
.image_button_list ul li {
width: 25%;
}
.image_button_list ul li:nth-child(odd) {
clear: none;
}
.image_button_list ul li a {
margin: 0 15px 30px 15px;
}
.image_button_list ul li a span.icon {
top: 5vw;
}
}
@media only screen and (min-width: 1360px) {
.image_button_list ul li a span.icon {
top: 50px;
}
.image_button_list ul li a span.title {
bottom: 50px;
}
}
@media only screen and (min-width: 1360px) {
.image_button_list ul li.sm a span.icon {
top: 50px;
}
.image_button_list ul li.sm a span.title {
bottom: 20px;
font-size: 16px;
line-height: 18px;
}
}
.image_button_list ul li.anmeldung a {
border: 2px solid #ff6600;
}
@media only screen and (min-width: 1360px) {
.image_button_list ul li.anmeldung a span.title {
bottom: 20px;
font-size: 16px;
line-height: 18px;
}
}
.sub_nav_wrapper {
padding: 80px 40px 0 40px;
position: relative;
}
@media only screen and (min-width: 768px) {
.sub_nav_wrapper {
padding: 80px 40px 0 40px;
}
}
@media only screen and (min-width: 1360px) {
.sub_nav_wrapper {
padding: 0;
}
}
#subpages-slider {
position: absolute;
left: 0;
bottom: -2px;
width: 100vw;
overflow-x: scroll;
white-space: nowrap;
background-color: #ffffff;
border-bottom: 2px solid #f2f2f2;
}
@media only screen and (min-width: 768px) {
#subpages-slider {
padding-bottom: 10px;
}
}
@media only screen and (min-width: 1360px) {
#subpages-slider {
position: relative;
left: 0;
bottom: auto;
width: auto;
overflow-x: hidden;
white-space: nowrap;
background-color: #ffffff;
border-top: none;
border-bottom: none;
margin-top: 10px;
}
}
#subpages-slider ul {
margin: 10px 10px 4px 0;
}
@media only screen and (min-width: 1360px) {
#subpages-slider ul {
margin: 0;
}
}
#subpages-slider .slide-element {
width: auto;
margin: 0;
display: inline-block;
}
@media only screen and (min-width: 768px) {
#subpages-slider .slide-element {
padding-left: 20px;
}
}
@media only screen and (min-width: 1360px) {
#subpages-slider .slide-element {
margin: 0;
padding: 0;
border: 0;
display: block;
}
}
#subpages-slider .slide-element a {
display: inline-block;
color: #000000;
opacity: 0.4;
text-decoration: none;
position: relative;
padding: 10px;
margin: 0 5px 0 10px;
font-weight: 500;
}
@media only screen and (min-width: 768px) {
#subpages-slider .slide-element a {
font-size: 1.2em;
}
}
@media only screen and (min-width: 1360px) {
#subpages-slider .slide-element a {
margin: 0;
padding: 14px 20px;
border: 1px solid #ffffff;
border-radius: 50px;
margin-bottom: 10px;
}
#subpages-slider .slide-element a:hover {
border: 1px solid #000000;
padding: 14px 20px;
opacity: 1;
}
}
#subpages-slider .slide-element.current a {
opacity: 1;
}
#subpages-slider .slide-element.current a:after {
content: '';
margin: 0;
padding: 0;
border: 0;
display: block;
width: 6px;
height: 6px;
position: absolute;
background-color: #ff6600;
left: 50%;
margin-left: -3px;
border-radius: 3px;
bottom: 0;
}
@media only screen and (min-width: 1360px) {
#subpages-slider .slide-element.current a:after {
display: none;
}
}
@media only screen and (min-width: 1360px) {
#subpages-slider .slide-element.current a {
border: 2px solid #000000;
font-weight: bold;
border-radius: 50px;
padding: 14px 20px;
}
}
#subsubpages-wrapper {
margin: 0;
padding: 0;
border: 0;
display: block;
height: 100px;
}
#subsubpages-wrapper #subsubpages-slider {
position: absolute;
left: 0;
width: 100vw;
overflow-x: scroll;
white-space: nowrap;
border-bottom: 1px solid #ccc;
}
#subsubpages-wrapper #subsubpages-slider .slide-element {
width: auto;
margin: 0;
display: inline-block;
}
#subsubpages-wrapper #subsubpages-slider .slide-element a {
display: inline-block;
color: #000000;
opacity: 0.5;
text-decoration: none;
position: relative;
padding: 20px 20px 10px 20px;
}
#subsubpages-wrapper #subsubpages-slider .slide-element.current a {
opacity: 1;
}
.kontakt-map {
margin: 0 -20px;
position: relative;
z-index: 0;
}
.kontakt-map .image {
position: releative;
z-index: 0;
}
.kontakt-map .link {
position: absolute;
width: auto;
bottom: 40px;
left: 20px;
right: 20px;
margin: 0;
padding: 0;
border: 0;
display: block;
z-index: 2;
text-align: center;
}
.kontakt-map .link a {
display: inline-block;
background-color: #ff6600;
color: #ffffff;
font-weight: 500;
padding: 8px 14px;
border-radius: 20px;
text-decoration: none;
}
@media (hover: hover) {
.kontakt-map .link a:hover {
background-color: #000000;
color: #ffffff;
}
}
#open_info_uebersicht.btn {
margin: 20px 0 40px 0;
color: #000000;
}
@media only screen and (min-width: 1024px) {
.newsflash {
clear: both;
padding-top: 80px !important;
}
.newsflash .spacer {
margin: 0 -20px;
}
}
.newsflash h2 {
padding: 0 0 0 0;
}
.newsflash .newsflash-wrapper .newsflash-btn button.main_btn {
width: 100%;
display: block;
background-color: transparent;
border: none;
border-bottom: 1px solid #ccc;
padding: 25px 24px 10px 0;
margin: 0;
text-align: left;
font-family: 'Roboto', sans-serif;
cursor: pointer;
position: relative;
font-size: 1em;
hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
color: #000000;
}
@media only screen and (min-width: 1024px) {
.newsflash .newsflash-wrapper .newsflash-btn button.main_btn {
padding: 75px 24px 10px 0;
}
}
.newsflash .newsflash-wrapper .newsflash-btn button.main_btn:after {
display: table;
content: '';
clear: both;
}
.newsflash .newsflash-wrapper .newsflash-btn button.main_btn img {
width: 100px;
height: 70px;
float: left;
margin: -5px 15px 10px 0;
border-radius: 5px;
transition: all 0.3s;
}
@media only screen and (min-width: 1024px) {
.newsflash .newsflash-wrapper .newsflash-btn button.main_btn img {
width: 200px;
height: 140px;
border-radius: 10px;
margin: -55px 50px 10px 0;
}
}
.newsflash .newsflash-wrapper .newsflash-btn button.main_btn strong {
transition: all 0.3s;
font-weight: 500;
}
@media only screen and (min-width: 1024px) {
.newsflash .newsflash-wrapper .newsflash-btn button.main_btn strong {
font-size: 1.5rem;
padding-top: 100px;
}
}
.newsflash .newsflash-wrapper .newsflash-btn button.main_btn svg {
width: 16px;
height: auto;
position: absolute;
right: 0;
top: 50%;
margin-top: -8px;
opacity: 0.3;
}
.newsflash .newsflash-wrapper .newsflash-btn button.main_btn:hover strong {
color: #ff6600;
}
.newsflash .newsflash-wrapper .newsflash-btn button.main_btn:hover svg {
fill: #ff6600;
opacity: 1;
}
.newsflash .newsflash-wrapper .newsflash-btn button.main_btn:hover img {
filter: grayscale(100%);
opacity: 0.5;
}
.newsflash .newsflash-wrapper .newsflash-btn button.main_btn.active {
width: 100%;
display: block;
background-color: transparent;
border: none;
border-bottom: none;
padding: 0 0 20px 0;
}
.newsflash .newsflash-wrapper .newsflash-btn button.main_btn.active img {
width: 100%;
height: 60vw;
float: none;
margin: 0 0 0 0;
transition: all 0.3s;
object-fit: cover;
margin-top: 20px;
}
@media only screen and (min-width: 1024px) {
.newsflash .newsflash-wrapper .newsflash-btn button.main_btn.active img {
height: 30vw;
margin-bottom: 40px;
}
}
.newsflash .newsflash-wrapper .newsflash-btn button.main_btn.active svg {
opacity: 0;
}
.newsflash .newsflash-wrapper .newsflash-btn button.main_btn.active strong {
font-weight: 500;
font-size: 1.3rem;
}
@media only screen and (min-width: 1024px) {
.newsflash .newsflash-wrapper .newsflash-btn button.main_btn.active strong {
font-size: 1.7rem;
padding-left: 0;
}
}
.newsflash .newsflash-wrapper .newsflash-answer {
display: none;
padding-bottom: 60px;
transition: all 0.3s;
}
@media only screen and (min-width: 1024px) {
.newsflash .newsflash-wrapper {
margin: 0 20px;
}
}
.newsflash:after {
content: '';
display: table;
clear: both;
}
.stundenplan-template .stundenplan-template-item {
padding-bottom: 60px;
}
.stundenplan-template .stundenplan-template-item:last-child {
padding-bottom: 0;
}
.stundenplan-template .stundenplan-template-item ul {
margin: 0;
padding: 0;
border: 0;
display: block;
list-style-type: none;
margin-top: 10px;
}
.stundenplan-template .stundenplan-template-item ul li {
display: none;
}
.stundenplan-template .stundenplan-template-item ul li:nth-child(1),
.stundenplan-template .stundenplan-template-item ul li:nth-child(2),
.stundenplan-template .stundenplan-template-item ul li:nth-child(3) {
display: block;
}
.stundenplan-template .stundenplan-template-item ul li a {
background-color: transparent;
border: none;
border-bottom: 1px solid #ccc;
padding: 20px 24px 20px 0;
margin: 0;
text-align: left;
font-family: 'Roboto', sans-serif;
cursor: pointer;
position: relative;
font-size: 1em;
hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
text-decoration: none;
display: block;
}
.stundenplan-template .stundenplan-template-item ul li a:after {
display: table;
content: '';
clear: both;
}
.stundenplan-template .stundenplan-template-item ul li a strong {
margin: 0;
padding: 0;
border: 0;
font-weight: 500;
display: block;
}
.stundenplan-template .stundenplan-template-item ul li a i {
margin: 0;
padding: 0;
border: 0;
display: block;
font-style: normal;
opacity: 0.6;
padding-top: 5px;
}
.stundenplan-template .stundenplan-template-item ul li a svg {
width: 16px;
height: auto;
position: absolute;
right: 0;
top: 50%;
margin-top: -8px;
opacity: 0.3;
}
.stundenplan-template .stundenplan-template-item .alle-lektionen {
margin: 0;
padding: 0;
border: 0;
display: block;
margin-top: 40px;
}
.stundenplan-template .stundenplan-template-item .alle-lektionen a {
display: inline-block;
background-color: #000000;
font-weight: 500;
color: white;
border-radius: 20px;
text-decoration: none;
padding: 10px 18px;
}
@media only screen and (min-width: 1360px) {
.stundenplan-template .stundenplan-template-item .alle-lektionen a {
font-size: 1.2rem;
}
}
.stundenplan-template .stundenplan-template-item .alle-lektionen a:hover {
opacity: 1;
background-color: #ff6600;
color: black;
}
.stundenplan-template .verfuegbare-lektionen {
margin: 0;
padding: 0;
border: 0;
display: block;
}
.anmeldung-teaser.anmeldung-teaser-spacer {
padding-top: 80px;
}
.anmeldung-teaser ul {
margin: 0;
padding: 0;
border: 0;
display: block;
list-style-type: none;
border-top: 1px solid #ccc;
}
.anmeldung-teaser ul li a {
text-decoration: none;
border-bottom: 1px solid #ccc;
padding: 20px 0 20px 0;
margin: 0;
text-align: left;
font-family: 'Roboto', sans-serif;
cursor: pointer;
font-size: 1em;
display: block;
position: relative;
}
.anmeldung-teaser ul li a:after {
display: table;
content: '';
clear: both;
}
.anmeldung-teaser ul li a strong {
display: block;
border-radius: 20px;
padding: 8px 14px;
hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
background-color: #000000;
color: white;
}
@media only screen and (min-width: 768px) {
.anmeldung-teaser ul li a strong {
max-width: calc(60% - 5px);
float: left;
display: inline-block;
}
}
@media only screen and (min-width: 1024px) {
.anmeldung-teaser ul li a strong {
width: 100%;
max-width: 100%;
float: none;
display: block;
}
}
.anmeldung-teaser ul li a i {
font-style: normal;
font-weight: 500;
color: #000000;
padding: 10px 15px 0 15px;
text-align: left;
display: block;
}
@media only screen and (min-width: 768px) {
.anmeldung-teaser ul li a i {
width: calc(40% - 5px);
position: absolute;
text-align: right;
top: 20px;
right: 0;
margin-top: -0.425rem;
}
}
@media only screen and (min-width: 1024px) {
.anmeldung-teaser ul li a i {
width: calc(40% - 5px);
position: relative;
text-align: left;
top: auto;
right: auto;
margin-top: auto;
padding: 10px 15px 0 15px;
}
}
.anmeldung-teaser ul li a i.red {
color: red;
}
.anmeldung-teaser ul li a i.orange {
color: #ff6600;
}
.anmeldung-teaser ul li a i.green {
color: green;
}
.anmeldung-teaser ul li a:hover strong {
background-color: #777;
}
.stundenplan {
padding-bottom: 0;
}
.stundenplan ul {
margin: 0;
padding: 0;
border: 0;
display: block;
list-style-type: none;
border-top: 1px solid #ccc;
margin-top: 10px;
}
.stundenplan ul li span {
padding: 0;
border: 0;
background-color: transparent;
border: none;
border-bottom: 1px solid #ccc;
padding: 20px 24px 20px 0;
margin: 0;
text-align: left;
font-family: 'Roboto', sans-serif;
position: relative;
font-size: 1em;
hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
text-decoration: none;
display: block;
}
.stundenplan ul li span:after {
display: table;
content: '';
clear: both;
}
.stundenplan ul li span strong {
margin: 0;
padding: 0;
border: 0;
font-weight: 500;
display: block;
text-decoration: line-through;
color: #ccc;
}
.stundenplan ul li span i {
margin: 0;
padding: 0;
border: 0;
display: block;
font-style: normal;
padding-top: 5px;
text-decoration: line-through;
color: #ccc;
}
.stundenplan ul li span svg {
width: 16px;
height: auto;
position: absolute;
right: 0;
top: 50%;
margin-top: -8px;
opacity: 0.15;
}
.stundenplan ul li a {
padding: 0;
border: 0;
background-color: transparent;
border: none;
border-bottom: 1px solid #ccc;
padding: 20px 24px 20px 0;
margin: 0;
text-align: left;
font-family: 'Roboto', sans-serif;
cursor: pointer;
position: relative;
font-size: 1em;
hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
text-decoration: none;
display: block;
}
.stundenplan ul li a:after {
display: table;
content: '';
clear: both;
}
.stundenplan ul li a strong {
margin: 0;
padding: 0;
border: 0;
font-weight: 500;
display: block;
}
.stundenplan ul li a i {
margin: 0;
padding: 0;
border: 0;
display: block;
font-style: normal;
opacity: 0.6;
padding-top: 5px;
}
.stundenplan ul li a svg {
width: 16px;
height: auto;
position: absolute;
right: 0;
top: 50%;
margin-top: -8px;
opacity: 0.3;
}
.stundenplan-info:after {
content: '';
display: table;
clear: both;
}
.stundenplan-info .stundenplan-inhalt {
display: block;
}
@media only screen and (min-width: 1024px) {
.stundenplan-info .stundenplan-inhalt {
float: left;
width: calc(100% - 350px);
}
}
.stundenplan-info .stundenplan-inhalt .current-kurs {
display: block;
padding-bottom: 20px;
}
.stundenplan-info .stundenplan-inhalt .current-kurs a {
font-weight: bold;
}
.stundenplan-info .stundenplan-data {
display: block;
padding: 20px;
margin-top: 40px;
background-color: #f2f2f2;
border-radius: 20px;
}
@media only screen and (min-width: 1024px) {
.stundenplan-info .stundenplan-data {
float: right;
width: 300px;
margin-top: 0;
}
}
.stundenplan-info .stundenplan-data .row {
padding-bottom: 16px;
}
.stundenplan-info .stundenplan-data .row .cell:first-child {
font-weight: bold;
padding-bottom: 6px;
}
@media only screen and (min-width: 1360px) {
.stundenplan-info .stundenplan-data .row .cell:first-child {
font-size: 1.2rem;
}
}
.stundenplan-info .stundenplan-data .praesenzkurs a {
display: inline-block;
text-decoration: none;
font-weight: bold;
color: #000000;
border: 2px solid #000000;
padding: 8px 16px;
border-radius: 20px;
margin-top: 20px;
}
.stundenplan-info .stundenplan-data .praesenzkurs a:hover {
background-color: #000000;
color: #ffffff;
}
.stundenplan-info .stundenplan-data .featured_teacher ul {
list-style-type: none;
padding-bottom: 0;
margin-bottom: 0;
}
.spacer-bottom {
display: block;
clear: both;
width: 100%;
height: 100px;
}
@media only screen and (max-width: 479px) {
.woocommerce ul.products li.product {
width: 100% !important;
float: none !important;
clear: both !important;
margin-bottom: 80px !important;
}
.woocommerce ul.products li.product:last-child {
margin-bottom: 40px !important;
}
}
.woocommerce ul.products li.product a.woocommerce-loop-product__link img {
border-radius: 10px;
}
.woocommerce ul.products li.product a.button {
background-color: #ffffff;
border: 2px solid #000000;
font-size: 1rem;
color: #000000;
border-radius: 20px;
}
.woocommerce ul.products li.product a.button:hover {
background-color: #000000;
color: #ffffff;
}
.woocommerce .single-product .product h1 {
padding-bottom: 20px;
}
.woocommerce .single-product .product h2 {
padding-top: 0;
padding-bottom: 30px;
}
@media only screen and (min-width: 768px) {
.woocommerce .single-product .product .woocommerce-product-gallery {
width: 30%;
}
}
.woocommerce .single-product .product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a {
pointer-events: none;
clear: both;
display: block;
border-radius: 20px !important;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) !important;
overflow: hidden;
}
.woocommerce .single-product .product .summary {
padding-bottom: 0;
}
@media only screen and (min-width: 768px) {
.woocommerce .single-product .product .summary {
width: calc(70% - 40px);
}
}
@media only screen and (min-width: 1360px) {
.woocommerce .single-product .product .summary {
width: calc(70% - 80px);
}
}
.woocommerce .single-product .product .summary .legacy-itemprop-offers {
padding-bottom: 20px;
}
.woocommerce .single-product .product .summary .legacy-itemprop-offers .woocommerce_de_versandkosten {
display: none;
}
.woocommerce .single-product .product .summary .legacy-itemprop-offers .shipping_de {
display: none;
}
.woocommerce .single-product .product .variations_form {
text-align: left;
}
.woocommerce .single-product .product .variations_form .table_wrapper {
text-align: left;
}
.woocommerce .single-product .product .variations_form .table_wrapper table.variations {
display: block;
text-align: left;
}
.woocommerce .single-product .product .variations_form .table_wrapper table.variations tbody tr th.label {
text-align: left;
display: block;
}
.woocommerce .single-product .product .variations_form .table_wrapper table.variations tbody tr td.value {
display: block;
background-color: transparent;
line-height: 1rem;
}
.woocommerce .single-product .product .variations_form .table_wrapper table.variations tbody tr td.value a.reset_variations {
display: block;
margin-top: 10px;
opacity: 0.6;
}
.woocommerce .single-product .product .variations_form .table_wrapper table.variations tbody tr td.value a.reset_variations:hover {
opacity: 1;
}
.woocommerce .single-product .product .single_variation_wrap { }
.woocommerce .single-product .product .single_variation_wrap .woocommerce-variation .woocommerce-variation-price .price {
color: #000000;
}
.woocommerce .single-product .product .single_variation_wrap .woocommerce-variation .woocommerce-variation-price .woocommerce-de_price_taxrate {
padding-top: 10px;
padding-bottom: 10px;
}
.woocommerce .single-product .product .single_variation_wrap .woocommerce-variation .woocommerce-variation-price .shipping_de {
display: none;
}
.woocommerce .single-product .product .single_variation_wrap .woocommerce-variation .woocommerce-variation-price .woocommerce_de_versandkosten {
display: none;
}
.woocommerce .single-product .product .single_variation_wrap .woocommerce-variation .woocommerce-variation-availability p.stock {
font-weight: bold;
margin-top: 20px;
font-size: 1.5rem;
}
.woocommerce .single-product .product .product_meta .sku_wrapper {
display: none;
}
.woocommerce .single-product .woocommerce-tabs ul.tabs {
display: none;
}
.woocommerce .single-product .woocommerce-tabs #tab-description h2:first-of-type {
display: none;
}
header {
margin: 0;
padding: 0;
border: 0;
display: block;
width: 100vw;
height: 180px;
background-color: #ffffff;
color: #ffffff;
position: absolute;
top: 0;
left: 0;
z-index: 1;
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
}
@media only screen and (min-width: 480px) {
header {
width: 100vw;
height: 80px;
}
}
@media only screen and (min-width: 768px) {
header {
height: 140px;
}
}
header #logo {
width: auto;
height: 60px;
padding: 20px 40px 20px 40px;
text-align: center;
margin-top: 70px; }
@media only screen and (min-width: 480px) {
header #logo {
width: auto;
height: 40px;
padding: 20px 20px 20px 40px;
position: absolute;
top: 1px;
left: 0;
margin: 0;
}
}
@media only screen and (min-width: 768px) {
header #logo {
padding: 40px 40px;
width: auto;
height: 60px;
}
}
header #logo svg {
width: auto;
height: 60px;
}
@media only screen and (min-width: 480px) {
header #logo svg {
width: auto;
height: 40px;
}
}
@media only screen and (min-width: 768px) {
header #logo svg {
width: auto;
height: 60px;
}
}
header #logo svg #schrift .schrift_class {
fill: #000000;
}
header #logo svg #rahmen .rahmen_class {
fill: #ff6600;
}
header #menubutton,
header #menubutton_getintouch,
header #menubutton_info_uebersicht {
display: block;
position: absolute;
top: 10px;
right: 20px;
z-index: 10003;
}
@media only screen and (min-width: 768px) {
header #menubutton,
header #menubutton_getintouch,
header #menubutton_info_uebersicht {
right: 20px;
top: 40px;
}
}
@media only screen and (min-width: 1360px) {
header #menubutton,
header #menubutton_getintouch,
header #menubutton_info_uebersicht {
display: none !important;
}
}
header #menubutton button,
header #menubutton_getintouch button,
header #menubutton_info_uebersicht button {
background: transparent;
border: none;
cursor: pointer;
width: 64px;
height: 64px;
position: relative;
z-index: 1;
}
header #menubutton button .first,
header #menubutton_getintouch button .first,
header #menubutton_info_uebersicht button .first {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
position: absolute;
width: 24px;
height: 2px;
background-color: #000000;
left: 20px;
top: 23px;
}
header #menubutton button .second,
header #menubutton_getintouch button .second,
header #menubutton_info_uebersicht button .second {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
position: absolute;
width: 24px;
height: 2px;
background-color: #000000;
left: 20px;
top: 31px;
opacity: 1;
}
header #menubutton button .third,
header #menubutton_getintouch button .third,
header #menubutton_info_uebersicht button .third {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
position: absolute;
width: 24px;
height: 2px;
background-color: #000000;
left: 20px;
top: 39px;
}
header #menubutton button.is-open .first,
header #menubutton_getintouch button.is-open .first,
header #menubutton_info_uebersicht button.is-open .first {
transform: rotate(45deg);
left: 20px;
top: 31px;
background-color: #ffffff;
}
header #menubutton button.is-open .second,
header #menubutton_getintouch button.is-open .second,
header #menubutton_info_uebersicht button.is-open .second {
opacity: 0;
}
header #menubutton button.is-open .third,
header #menubutton_getintouch button.is-open .third,
header #menubutton_info_uebersicht button.is-open .third {
transform: rotate(-45deg);
left: 20px;
top: 31px;
background-color: #ffffff;
}
header #menubutton_getintouch_desktop {
width: 64px;
height: 64px;
position: absolute;
right: 45px;
top: 40px;
background-color: transparent;
z-index: -1;
display: none;
}
header #menubutton_getintouch_desktop button {
display: none;
}
@media only screen and (min-width: 1360px) {
header #menubutton_getintouch_desktop {
display: none;
right: 45px;
top: 40px;
width: 64px;
height: 64px;
z-index: 10003;
}
header #menubutton_getintouch_desktop button {
display: block;
background: transparent;
border: none;
cursor: pointer;
width: 64px;
height: 64px;
position: relative;
z-index: 1;
}
header #menubutton_getintouch_desktop button .first {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
position: absolute;
width: 24px;
height: 2px;
background-color: white !important;
transform: rotate(45deg);
left: 20px;
top: 31px;
}
header #menubutton_getintouch_desktop button .third {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
position: absolute;
width: 24px;
height: 2px;
background-color: white !important;
transform: rotate(-45deg);
left: 20px;
top: 31px;
}
}
header #menubutton.invisible {
display: none;
}
header #menubutton_getintouch,
header #menubutton_info_uebersicht {
display: none;
}
header #menubutton_getintouch.visible,
header #menubutton_info_uebersicht.visible {
display: block;
}
header .header-contact {
position: absolute;
top: 20px;
left: 40px;
z-index: 10000;
}
@media only screen and (min-width: 480px) {
header .header-contact {
position: absolute;
top: 20px;
right: 75px;
z-index: 10000;
left: auto;
}
}
@media only screen and (min-width: 768px) {
header .header-contact {
right: 90px;
top: 50px;
}
}
@media only screen and (min-width: 1360px) {
header .header-contact {
right: 40px;
}
}
header .header-contact ul li {
display: inline-block;
margin-right: 15px;
}
header .header-contact ul li a,
header .header-contact ul li button {
width: 42px;
height: 42px;
text-decoration: none;
border: 1px solid #ccc;
color: #000000;
background-color: transparent;
display: block;
border-radius: 50%;
cursor: pointer;
}
header .header-contact ul li a svg,
header .header-contact ul li button svg {
width: 42px;
height: 42px;
}
header .header-contact ul li a svg .st0,
header .header-contact ul li button svg .st0 {
fill: #000000;
}
header .header-contact ul li a:hover,
header .header-contact ul li button:hover {
color: white;
background-color: #000000;
border: 1px solid #000000;
}
header .header-contact ul li a:hover svg,
header .header-contact ul li button:hover svg {
fill: #ffffff;
}
header .header-contact ul li a:hover svg .st0,
header .header-contact ul li button:hover svg .st0 {
fill: #ffffff;
}
header .header-contact ul li.wa a {
border: none !important;
}
header .header-contact ul li.wa a:hover {
border: none !important;
background-color: transparent;
}
header .header-contact ul li.wa a:hover svg {
fill: green;
}
header #getintouch {
border: 0;
display: block;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
width: 100vw;
height: 100vH;
padding: 0;
margin: 0;
position: absolute;
background-color: #000000;
top: 0;
right: -101vw;
z-index: 9998;
overflow-x: hidden;
overflow-y: auto;
text-align: center;
}
header #getintouch.is-open {
right: 0;
z-index: 10002;
}
header #getintouch ul {
margin: 0;
padding: 0;
border: 0;
display: block;
list-style-type: none;
padding-top: 80px;
padding-bottom: 40px;
display: inline-block;
}
header #getintouch ul li {
margin: 0;
padding: 0;
border: 0;
display: block;
text-align: left;
}
header #getintouch ul li a {
margin: 0;
padding: 0;
border: 0;
display: block;
color: #ffffff;
font-weight: bold;
font-size: 18px;
padding: 10px 20px 10px 80px;
margin: 10px 0;
text-decoration: none;
font-weight: 500;
position: relative;
}
header #getintouch ul li a i {
font-weight: regular;
opacity: 0.5;
display: block;
font-style: normal;
padding-top: 5px;
}
header #getintouch ul li a .icon {
position: absolute;
left: 20px;
top: 10px;
width: 42px;
height: 42px;
text-decoration: none;
border: 1px solid #ffffff;
color: #000000;
background-color: transparent;
display: block;
border-radius: 50%;
}
header #getintouch ul li a .icon svg {
width: 42px;
height: 42px;
}
header #getintouch ul li a .icon svg .st0 {
fill: #ffffff;
}
@media (hover: hover) {
header #getintouch ul li a:hover {
color: #ff6600;
}
}
header #nav-container {
border: 0;
display: block;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
width: 100vw;
height: 100vH;
padding: 0;
margin: 0;
position: absolute;
background-color: #000000;
top: 0;
right: -101vw;
z-index: 9998;
overflow-x: hidden;
overflow-y: auto;
text-align: center;
}
header #nav-container.is-open {
right: 0;
z-index: 10002;
}
@media only screen and (min-width: 1360px) {
header #nav-container {
width: auto;
height: auto;
padding: 0;
margin: 0;
position: absolute;
background-color: transparent;
top: 40px;
right: 240px;
z-index: 1;
overflow-x: hidden;
overflow-y: hidden;
}
}
@media only screen and (min-width: 1360px) {
header #nav-container nav.main-menu {
display: inline-block;
}
}
header #nav-container nav.main-menu ul {
margin: 0;
padding: 0;
border: 0;
display: block;
list-style-type: none;
padding-top: 80px;
padding-bottom: 0;
}
@media only screen and (min-width: 1360px) {
header #nav-container nav.main-menu ul {
padding: 0;
padding-right: 15px;
}
}
header #nav-container nav.main-menu ul li {
margin: 0;
padding: 0;
border: 0;
display: block;
}
@media only screen and (min-width: 1360px) {
header #nav-container nav.main-menu ul li {
display: inline-block;
}
header #nav-container nav.main-menu ul li.hidden {
display: none;
}
}
header #nav-container nav.main-menu ul li a {
margin: 0;
padding: 0;
border: 0;
display: block;
color: #ffffff;
font-weight: bold;
font-size: 21px;
padding: 10px 40px 10px 40px;
margin: 10px 0;
text-decoration: none;
position: relative;
}
header #nav-container nav.main-menu ul li a:hover {
color: #ffffff;
}
@media only screen and (min-width: 1360px) {
header #nav-container nav.main-menu ul li a:hover {
color: #ff6600;
}
header #nav-container nav.main-menu ul li a:hover:after {
content: '';
position: absolute;
left: 10px;
bottom: -5px;
display: block;
width: calc(100% - 20px);
height: 4px;
background-color: #ff6600;
border-radius: 2px;
}
}
@media only screen and (min-width: 1360px) {
header #nav-container nav.main-menu ul li a {
color: #000000;
padding: 10px 10px;
font-size: 1rem;
font-weight: 500;
margin: 10px 5px;
color: #666;
}
}
@media only screen and (min-width: 1600px) {
header #nav-container nav.main-menu ul li a {
padding: 10px 20px;
font-size: 1.2rem;
font-weight: 500;
margin: 10px 5px;
}
}
header #nav-container nav.main-menu ul li.current-menu-item a,
header #nav-container nav.main-menu ul li.current-page-ancestor a {
color: #ff6600;
cursor: default;
}
header #nav-container nav.main-menu ul li.current-menu-item a:hover,
header #nav-container nav.main-menu ul li.current-page-ancestor a:hover {
color: #ffffff;
}
@media only screen and (min-width: 1360px) {
header #nav-container nav.main-menu ul li.current-menu-item a:hover,
header #nav-container nav.main-menu ul li.current-page-ancestor a:hover {
color: #ff6600;
}
header #nav-container nav.main-menu ul li.current-menu-item a:hover:after,
header #nav-container nav.main-menu ul li.current-page-ancestor a:hover:after {
display: none;
}
}
header #nav-container nav.main-menu ul ul {
display: none;
}
@media only screen and (min-width: 1360px) {
header #nav-container nav.anmeldung-menu {
display: inline-block;
}
}
header #nav-container nav.anmeldung-menu ul {
margin: 0;
padding: 0;
border: 0;
display: block;
list-style-type: none;
padding-top: 0;
padding-bottom: 40px;
}
@media only screen and (min-width: 1360px) {
header #nav-container nav.anmeldung-menu ul {
padding: 0;
}
}
header #nav-container nav.anmeldung-menu ul li {
margin: 0;
padding: 0;
border: 0;
display: block;
}
@media only screen and (min-width: 1360px) {
header #nav-container nav.anmeldung-menu ul li {
display: inline-block;
}
}
header #nav-container nav.anmeldung-menu ul li a {
margin: 0;
padding: 0;
border: 0;
display: block;
display: inline-block;
color: #000000;
font-weight: bold;
font-size: 21px;
padding: 10px 20px 10px 20px;
margin: 10px 0 10px 20px;
border-radius: 20px;
text-decoration: none;
background-color: #ffffff;
}
@media (hover: hover) {
header #nav-container nav.anmeldung-menu ul li a:hover {
color: #ffffff;
background-color: #000000;
border: 2px solid #000000;
}
}
@media only screen and (min-width: 1360px) {
header #nav-container nav.anmeldung-menu ul li a {
color: #000000;
padding: 10px 20px;
margin: 0;
font-size: 1rem;
border: 2px solid #000000;
}
header #nav-container nav.anmeldung-menu ul li a:hover {
color: white;
padding: 10px 20px;
margin: 0;
font-size: 1rem;
border: 2px solid #000000;
background-color: #000000;
}
}
@media only screen and (min-width: 1600px) {
header #nav-container nav.anmeldung-menu ul li a {
font-size: 1.2rem;
}
header #nav-container nav.anmeldung-menu ul li a:hover {
font-size: 1.2rem;
}
}
header #nav-container nav.anmeldung-menu ul ul {
display: none;
}
header .nav-background {
border: 0;
display: block;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
width: 100vw;
height: 100vH;
padding: 0;
margin: 0;
position: fixed;
background-color: rgba(0, 0, 0, 0.85);
top: 0;
left: -101vw;
z-index: -1;
opacity: 0;
}
header .nav-background.is-open {
z-index: 10001;
opacity: 1;
}
body.dark header {
background-color: #000000;
color: #ffffff;
border-bottom: 1px solid #ffffff;
background-image: url(//www.fahrschulegottschalk.de/wp-content/themes/fsb/images/quartercircle.png);
background-repeat: no-repeat;
background-position: right 0;
background-size: 90% auto;
}
body.dark header #logo { }
body.dark header #logo svg #schrift .schrift_class {
fill: #ffffff;
}
body.dark header #logo svg #rahmen .rahmen_class {
fill: #ff6600;
}
body.dark header #menubutton button .first,
body.dark header #menubutton_getintouch button .first,
body.dark header #menubutton_info_uebersicht button .first {
background-color: #ffffff;
}
body.dark header #menubutton button .second,
body.dark header #menubutton_getintouch button .second,
body.dark header #menubutton_info_uebersicht button .second {
background-color: #ffffff;
}
body.dark header #menubutton button .third,
body.dark header #menubutton_getintouch button .third,
body.dark header #menubutton_info_uebersicht button .third {
background-color: #ffffff;
}
body.dark header .header-contact ul li a,
body.dark header .header-contact ul li button {
border: 1px solid #ffffff;
color: #ffffff;
cursor: pointer;
}
body.dark header .header-contact ul li a svg .st0,
body.dark header .header-contact ul li button svg .st0 {
fill: #ffffff;
}
body.dark header .header-contact ul li a:hover,
body.dark header .header-contact ul li button:hover {
color: white;
background-color: black;
}
body.dark header .header-contact ul li a:hover svg,
body.dark header .header-contact ul li button:hover svg {
fill: #ffffff;
}
body.dark header .header-contact ul li a:hover svg .st0,
body.dark header .header-contact ul li button:hover svg .st0 {
fill: #ffffff;
}
#info_uebersicht {
border: 0;
display: block;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
width: 100vw;
height: 100vH;
padding: 0;
margin: 0;
position: absolute;
top: 0;
right: -101vw;
z-index: 9998;
overflow-x: hidden;
overflow-y: hidden;
color: #ffffff;
}
#info_uebersicht.is-open {
right: 0;
z-index: 10002;
}
#info_uebersicht .close {
position: fixed;
top: 40px;
right: 20px;
z-index: 10042;
display: none;
}
#info_uebersicht .close button {
display: inline-block;
font-family: 'Roboto', sans-serif;
font-weight: 500;
color: #ffffff;
border: none;
background-color: transparent;
position: relative;
cursor: pointer;
padding-right: 40px;
text-transform: uppercase;
}
#info_uebersicht .close button:after {
content: '\00d7';
width: 32px;
height: 32px;
text-align: center;
font-size: 32px;
line-height: 32px;
position: absolute;
right: 0;
top: 50%;
margin-top: -18px;
}
#info_uebersicht .close button:hover {
color: #ff6600;
}
#info_uebersicht .spacer {
transition: all 0.8s;
background-color: #ffffff;
padding: 80px 40px 40px 40px;
margin: 0;
position: fixed;
bottom: -101vh;
left: 0;
width: 100vw;
height: calc(100vh - 100px);
overflow-y: auto;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
}
#info_uebersicht .spacer.is-open {
bottom: 0;
}
footer {
color: #ffffff;
padding: 20px 40px 80px 40px;
position: relative;
}
footer:before {
content: '';
margin: 0;
padding: 0;
border: 0;
display: block;
width: 100vw;
height: 40px;
background-color: #000000;
position: absolute;
top: 0;
left: 0;
z-index: 0;
margin-top: -40px;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
}
@media only screen and (min-width: 768px) {
footer {
padding: 40px 40px 80px 40px;
}
}
@media only screen and (min-width: 1360px) {
footer {
padding-left: calc((100vw - 1200px) / 2);
}
}
footer .social {
margin: 0;
padding: 0;
border: 0;
display: block;
text-align: center;
max-width: 1200px;
}
footer .social h2 {
font-weight: 400;
font-size: 24px;
}
footer .social nav ul {
margin: 0;
padding: 0;
border: 0;
display: block;
text-align: center;
list-style-type: none;
margin-top: 20px;
}
footer .social nav ul li {
display: inline-block;
margin: 0 6px;
}
footer .social nav ul li a {
margin: 0;
padding: 0;
border: 0;
display: block;
width: 42px;
height: 42px;
text-indent: -9999px;
background-image: url(//www.fahrschulegottschalk.de/wp-content/themes/fsb/images/fb.png);
background-repeat: no-repeat;
background-position: center 0;
background-size: 42px 82px;
border: 1px solid #ffffff;
border-radius: 50%;
background-color: transparent;
text-decoration: none;
}
@media (hover: hover) {
footer .social nav ul li a:hover {
background-position: center -42px;
border-color: #ff6600;
background-color: #ff6600;
}
}
footer .social nav ul li.facebook a {
background-image: url(//www.fahrschulegottschalk.de/wp-content/themes/fsb/images/fb.png);
}
footer .social nav ul li.instagram a {
background-image: url(//www.fahrschulegottschalk.de/wp-content/themes/fsb/images/insta.png);
}
footer .social nav ul li.map a {
background-image: url(//www.fahrschulegottschalk.de/wp-content/themes/fsb/images/map.png);
}
footer .social nav ul li.mail a {
background-image: url(//www.fahrschulegottschalk.de/wp-content/themes/fsb/images/mail.png);
}
footer nav.footer-menu {
margin: 0;
padding: 0;
border: 0;
display: block;
}
footer nav.footer-menu ul {
margin: 0;
padding: 0;
border: 0;
display: block;
list-style-type: none;
padding-right: 180px;
padding-top: 60px;
padding-bottom: 30px;
}
footer nav.footer-menu ul li {
padding: 5px 0;
}
footer nav.footer-menu ul li a {
color: #ffffff;
}
@media (hover: hover) {
footer nav.footer-menu ul li a:hover {
color: #ff6600;
text-decoration: none;
}
}
footer .author {
color: #666;
}
footer .author a {
color: #666;
}
@media (hover: hover) {
footer .author a:hover {
color: #ffffff;
text-decoration: none;
}
}
footer .strichcode {
margin: 0;
padding: 0;
border: 0;
display: block;
position: relative;
width: 150px;
height: auto;
position: absolute;
right: 0;
bottom: 120px;
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
padding: 10px;
background-color: #ffffff;
}
@media only screen and (min-width: 1024px) {
footer .strichcode {
width: 200px;
}
}
@media only screen and (min-width: 1360px) {
footer .strichcode {
right: calc((100vw - 1200px) / 2);
border-radius: 10px;
}
}
.kontaktformular {
padding-top: 40px;
font-family: 'Roboto', sans-serif !important;
}
.kontaktformular sub,
.kontaktformular sup {
padding-bottom: 40px;
}
.kontaktformular input,
.kontaktformular textarea {
display: block;
padding: 6px 2px;
font-family: 'Roboto', sans-serif !important;
font-size: 1rem;
width: 100%;
}
.kontaktformular .label {
margin: 0;
padding: 0;
border: 0;
display: block;
font-size: 1rem;
padding-bottom: 6px;
padding-top: 20px;
}
.kontaktformular .label:first-child {
padding-top: 0;
}
.kontaktformular .nf-form-fields-required {
padding-bottom: 30px;
}
.kontaktformular .nf-field-container .nf-field .nf-field-label {
display: none;
}
.kontaktformular .senden-wrapper {
text-align: center;
}
.kontaktformular .senden-wrapper .senden-container {
display: inline-block;
width: auto;
padding-left: 70px;
}
.kontaktformular .senden-wrapper .senden-container input {
height: auto !important;
padding: 10px 15px !important;
background-color: #ff6600 !important;
color: white !important;
font-weight: 500;
border-radius: 25px;
border: none !important;
cursor: pointer;
display: inline-block;
width: auto;
}
@media (hover: hover) {
.kontaktformular .senden-wrapper .senden-container input:hover {
background-color: #000000;
}
}
form.invalid .kontaktformular input.wpcf7-not-valid {
background-color: rgba(255, 0, 0, 0.2);
}
form.invalid .kontaktformular .wpcf7-not-valid-tip {
display: block;
padding-top: 8px;
padding-bottom: 16px;
font-size: 0.85rem;
}
form.invalid .wpcf7-response-output {
border: 2px solid red !important;
background-color: red !important;
color: white !important;
font-weight: 500 !important;
font-size: 1rem !important;
padding: 20px !important;
border-radius: 20px !important;
}
.nf-form-cont {
padding-top: 40px;
max-width: 800px;
margin: 0 auto;
}
.nf-form-cont input {
font-family: 'Roboto', sans-serif !important;
}
.nf-form-cont .nf-form-layout .nf-before-form-content {
padding-bottom: 20px !important;
opacity: 0.6;
}
.nf-form-cont .nf-form-layout .nf-form-content {
padding: 0 !important;
}
.nf-form-cont .nf-form-layout .nf-form-content .checkbox-wrap .nf-field-label {
width: 30px !important;
padding: 0;
margin-top: -40px;
}
.nf-form-cont .nf-form-layout .nf-form-content .checkbox-wrap .nf-field-label .ninja-forms-req-symbol {
display: none;
}
.nf-form-cont .nf-form-layout .nf-form-content .checkbox-wrap.nf-error .nf-field-label label::after {
border: 2px solid red !important;
}
.nf-form-cont .nf-form-layout .nf-form-content .checkbox-wrap.nf-error .nf-field-description p span {
color: red !important;
}
.nf-form-cont .nf-form-layout .nf-form-content .submit-wrap {
text-align: center;
}
.nf-form-cont .nf-form-layout .nf-form-content .submit-wrap input {
cursor: pointer;
border-radius: 30px;
padding: 14px 20px;
background-color: #000000;
color: white;
font-weight: bold;
}
.nf-form-cont .nf-form-layout .nf-form-content .submit-wrap input:hover {
background-color: #ff6600;
color: black;
}
.nf-form-cont .nf-form-layout .nf-after-form-content .nf-form-errors {
margin: 40px 0;
text-align: center;
}
.nf-form-cont .nf-form-layout .nf-after-form-content .nf-form-errors .nf-error-msg {
display: inline-block;
color: white;
background-color: red;
padding: 40px;
font-size: 1rem;
font-weight: bold;
}
.nf-form-cont .geburtsdatum {
margin-bottom: 0;
}
.nf-form-cont .geburtsdatum p {
color: #000000;
}
.nf-form-cont .geburtsdatum p span.required {
color: red;
}
.term-description {
padding-bottom: 40px;
}
.woocommerce button.single_add_to_cart_button {
background-color: black !important;
color: white !important;
}
.woocommerce button.single_add_to_cart_button:hover {
background-color: #ff6600 !important;
color: black !important;
}
.woocommerce button.single_add_to_cart_button:disabled,
.woocommerce button.single_add_to_cart_button.disabled,
.woocommerce button.single_add_to_cart_button:disabled:hover,
.woocommerce button.single_add_to_cart_button.disabled:hover {
background-color: #999 !important;
color: white !important;
}
.woocommerce .woocommerce-notices-wrapper .woocommerce-message {
border-top-color: none;
padding: 20px 70px 20px 20px;
margin: 0 0 2em 0;
position: relative;
background-color: #8fae1b;
color: white;
border-top: none;
list-style: none outside;
width: auto;
word-wrap: break-word;
border-radius: 20px;
}
.woocommerce .woocommerce-notices-wrapper .woocommerce-message:before {
font-family: WooCommerce;
content: "\e028";
display: inline-block;
position: absolute;
top: 1em;
left: 1.5em;
display: none;
}
.woocommerce .woocommerce-notices-wrapper .woocommerce-message:after {
margin: 0;
padding: 0;
border: 0;
display: block;
content: '';
width: 30px;
height: 30px;
position: absolute;
right: 20px;
top: 50%;
margin-top: -15px;
background-image: url(//www.fahrschulegottschalk.de/wp-content/themes/fsb/images/check-white.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center center;
opacity: 0.4;
}
.woocommerce .woocommerce-notices-wrapper .woocommerce-message a.restore-item {
text-decoration: none;
margin-top: 80px;
border: 2px solid white;
color: white;
font-weight: bold;
padding: 12px 20px;
border-radius: 30px;
display: none;
}
.woocommerce .woocommerce-notices-wrapper .woocommerce-message a.restore-item:hover {
text-decoration: none;
color: #8fae1b;
background-color: white;
}
.woocommerce .woocommerce-notices-wrapper .woocommerce-message a.button.wc-forward {
text-decoration: none;
margin-top: 0;
border: 2px solid white;
background-color: transparent;
border-radius: 30px;
color: white;
font-weight: bold;
padding: 12px 20px;
float: none;
display: none;
}
.woocommerce .woocommerce-notices-wrapper .woocommerce-message a.button.wc-forward:hover {
text-decoration: none;
color: #8fae1b;
background-color: white;
}
.woocommerce .woocommerce-notices-wrapper .woocommerce-message a.button.wc-forward.visible {
display: inline-block;
}
.woocommerce .woocommerce-notices-wrapper .woocommerce-message hr.line-break {
border: none;
height: 20px;
}
@media only screen and (min-width: 768px) {
.woocommerce .woocommerce-notices-wrapper .woocommerce-message hr.line-break {
height: 40px;
}
}
@media only screen and (min-width: 768px) {
.woocommerce .woocommerce-notices-wrapper .woocommerce-message {
max-width: 500px;
margin: 50px auto 70px auto;
font-size: 1.3rem;
padding: 40px 70px 40px 40px;
border-radius: 30px;
}
}
.woocommerce p.cart-empty {
padding: 20px;
border-radius: 20px;
margin: 0 0 2em;
position: relative;
background-color: #f7f6f7;
color: #515151;
border: none;
list-style: none outside;
width: auto;
word-wrap: break-word;
border: 2px solid #999;
}
.woocommerce p.cart-empty:before,
.woocommerce p.cart-empty:after {
display: none;
}
@media only screen and (min-width: 768px) {
.woocommerce p.cart-empty {
max-width: 500px;
font-size: 1.3rem;
padding: 40px;
border-radius: 30px;
margin: 0 auto 2em auto;
}
}
.woocommerce .woocommerce-result-count {
display: none;
}
.woocommerce .woocommerce-ordering {
display: none;
}
.woocommerce .woocommerce-order .woocommerce-order-details {
padding-top: 50px;
}
.woocommerce .woocommerce-order .woocommerce-order-details .table_wrapper table.woocommerce-table--order-details thead tr th.product-name {
width: 60%;
}
.woocommerce .woocommerce-order .woocommerce-order-details .table_wrapper table.woocommerce-table--order-details thead tr th.product-total {
width: 40%;
}
.woocommerce .woocommerce-order .woocommerce-order-details .table_wrapper table.woocommerce-table--order-details tbody tr td.product-name {
width: 60%;
}
.woocommerce .woocommerce-order .woocommerce-order-details .table_wrapper table.woocommerce-table--order-details tbody tr td.product-name a {
font-weight: bold;
}
.woocommerce .woocommerce-order .woocommerce-order-details .table_wrapper table.woocommerce-table--order-details tbody tr td.product-name ul.wc-item-meta li {
margin-left: 0;
}
.woocommerce .woocommerce-order .woocommerce-order-details .table_wrapper table.woocommerce-table--order-details tbody tr td.product-name ul.wc-item-meta li strong {
font-weight: 400;
}
.woocommerce .woocommerce-order .woocommerce-order-details .table_wrapper table.woocommerce-table--order-details tbody tr td.product-name ul.wc-item-meta li p {
font-weight: 700;
color: #000000;
}
.woocommerce .woocommerce-order .woocommerce-order-details .table_wrapper table.woocommerce-table--order-details tbody tr td.product-total {
width: 40%;
}
.woocommerce .woocommerce-order .woocommerce-order-details .table_wrapper table.woocommerce-table--order-details tfoot tr th {
width: 60%;
}
.woocommerce .woocommerce-order .woocommerce-order-details .table_wrapper table.woocommerce-table--order-details tfoot tr td {
background-color: transparent;
width: 40%;
}
.woocommerce .woocommerce-order .woocommerce-order-details .table_wrapper table.woocommerce-table--order-details tfoot tr:last-child th {
font-weight: 400;
}
.woocommerce .woocommerce-order .woocommerce-order-details .table_wrapper table.woocommerce-table--order-details tfoot tr:last-child td {
font-weight: 400;
}
.woocommerce .woocommerce-order .woocommerce-order-details .table_wrapper table.woocommerce-table--custom-fields {
margin-top: 40px;
}
.woocommerce .woocommerce-order .woocommerce-order-details .table_wrapper table.woocommerce-table--custom-fields tr th {
border-top: 1px solid rgba(0, 0, 0, 0.1);
width: 60%;
}
.woocommerce .woocommerce-order .woocommerce-order-details .table_wrapper table.woocommerce-table--custom-fields tr td {
background-color: transparent;
border-top: 1px solid rgba(0, 0, 0, 0.1);
width: 40%;
}
.woocommerce .single-product:after {
content: '';
clear: both;
display: table;
}
.woocommerce .single-product .quantity input {
height: 35.767px;
}
.woocommerce .single-product .variations_form .variations select {
width: 100%;
}
.woocommerce ul.products li a img {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
border: 1px solid #999;
}
.woocommerce ul.products li a:hover img {
border: none;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) !important;
}
.woocommerce ul.products li a h2 {
padding: 0 !important;
font-size: 1.5rem !important;
border: none;
}
@media only screen and (min-width: 1024px) {
.woocommerce ul.products li a h2 {
font-size: 1.2rem !important;
}
}
.woocommerce ul.products li a.add_to_cart_button {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
font-size: 1rem;
opacity: 0.6;
}
.woocommerce ul.products li a.add_to_cart_button:hover,
.woocommerce ul.products li a.add_to_cart_button:focus {
opacity: 1;
}
.woocommerce ul.products li .shipping_de {
display: none;
}
.woocommerce ul.products li p.price {
display: none !important;
}
.woocommerce ul.products li .woocommerce-de_price_taxrate {
display: none;
}
.woocommerce ul.products li .woocommerce_de_versandkosten {
display: none;
}
.woocommerce .up-sells {
margin: 0;
padding: 0;
border: 0;
display: block;
border-top: 5px solid #ccc;
clear: both;
}
.woocommerce .up-sells h2 {
font-size: 2rem;
padding-top: 40px !important;
display: block;
}
.woocommerce .related.products {
display: none;
}
.woocommerce table.shop_table {
border: none !important;
}
@media only screen and (min-width: 769px) {
.woocommerce table.shop_table {
border-collapse: separate;
border-spacing: 0 10px;
}
}
@media only screen and (min-width: 769px) {
.woocommerce table.shop_table thead tr th {
font-size: 1.3rem;
padding: 0 30px 0 10px;
font-weight: 400;
color: #666;
}
}
@media only screen and (min-width: 1360px) {
.woocommerce table.shop_table thead tr th {
font-size: 1.6rem;
padding: 0 30px 10px 10px;
}
}
.woocommerce table.shop_table tbody tr {
margin-bottom: 40px;
overflow: hidden;
}
.woocommerce table.shop_table tbody tr td {
border: none;
border-bottom: 2px solid white;
}
.woocommerce table.shop_table tbody tr td.actions {
background-color: transparent;
}
.woocommerce table.shop_table tbody tr td.actions button {
width: auto !important;
display: inline-block !important;
border-radius: 30px;
font-family: 'Roboto', sans-serif;
padding: 20px 30px !important;
background-color: black;
color: white;
}
.woocommerce table.shop_table tbody tr td.actions button:disabled {
background-color: #999;
color: white;
}
.woocommerce table.shop_table tbody tr td.actions button:disabled:hover {
background-color: #999;
color: white;
}
.woocommerce table.shop_table tbody tr td.actions button:hover {
color: black;
background-color: #ff6600;
}
.woocommerce table.shop_table tbody tr.woocommerce-cart-form__cart-item {
margin-bottom: 40px;
border: 2px solid #999;
padding-top: 5px;
padding-bottom: 45px;
position: relative;
border-radius: 20px;
}
.woocommerce table.shop_table tbody tr.jde_hint {
margin-bottom: 10px;
}
.woocommerce table.shop_table tbody .cart_item .product-remove {
position: absolute;
bottom: 0;
background-color: transparent;
}
.woocommerce table.shop_table tbody .cart_item .product-remove a {
height: auto;
width: auto;
text-align: left;
position: relative;
}
.woocommerce table.shop_table tbody .cart_item .product-remove a:after {
content: ' entfernen';
position: relative;
display: inline-block;
font-size: 0.8rem;
color: black;
font-weight: 400;
margin-left: 10px;
top: -4px;
}
.woocommerce table.shop_table tbody .cart_item .product-remove a:hover {
background-color: transparent;
color: black !important;
}
@media only screen and (min-width: 769px) {
.woocommerce table.shop_table tbody .cart_item .product-remove {
position: relative;
bottom: 0;
background-color: #f2f2f2;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 30px;
}
.woocommerce table.shop_table tbody .cart_item .product-remove a {
height: 1rem;
width: 1rem;
text-align: left;
position: relative;
}
.woocommerce table.shop_table tbody .cart_item .product-remove a:after {
display: none;
}
}
.woocommerce table.shop_table tbody .cart_item .product-thumbnail {
background-color: transparent;
display: block;
width: 70px;
height: auto;
float: left;
}
.woocommerce table.shop_table tbody .cart_item .product-thumbnail:before {
display: none;
}
.woocommerce table.shop_table tbody .cart_item .product-thumbnail a {
display: block;
width: 70px;
height: auto;
background-color: white;
border-radius: 8px;
border: 1px solid #999;
overflow: hidden;
}
.woocommerce table.shop_table tbody .cart_item .product-thumbnail a img {
width: 70px;
height: auto;
}
@media only screen and (min-width: 769px) {
.woocommerce table.shop_table tbody .cart_item .product-thumbnail {
width: 100%;
background-color: #f2f2f2;
float: none;
display: table-cell;
width: auto;
}
}
.woocommerce table.shop_table tbody .cart_item .product-name {
background-color: transparent;
text-align: left !important;
padding-left: 100px;
}
.woocommerce table.shop_table tbody .cart_item .product-name a {
font-weight: bold;
font-size: 1.1rem;
}
.woocommerce table.shop_table tbody .cart_item .product-name:before {
display: none;
}
.woocommerce table.shop_table tbody .cart_item .product-name .variation {
margin-top: 0;
font-size: 1rem;
}
.woocommerce table.shop_table tbody .cart_item .product-name .variation dt {
float: none;
clear: none;
margin-right: 0;
display: inline-block;
list-style: none outside;
}
.woocommerce table.shop_table tbody .cart_item .product-name .variation dd {
display: inline-block;
}
.woocommerce table.shop_table tbody .cart_item .product-name .variation dd p {
font-weight: bold;
color: black;
font-size: 1rem;
}
@media only screen and (min-width: 769px) {
.woocommerce table.shop_table tbody .cart_item .product-name {
padding-left: 10px;
background-color: #f2f2f2;
padding-top: 30px;
padding-bottom: 30px;
}
}
.woocommerce table.shop_table tbody .cart_item .product-price {
clear: both;
}
@media only screen and (min-width: 769px) {
.woocommerce table.shop_table tbody .cart_item .product-price {
background-color: #f2f2f2;
padding-top: 30px;
padding-bottom: 30px;
}
}
@media only screen and (min-width: 769px) {
.woocommerce table.shop_table tbody .cart_item .product-quantity {
background-color: #f2f2f2;
padding-top: 30px;
padding-bottom: 30px;
}
}
@media only screen and (min-width: 769px) {
.woocommerce table.shop_table tbody .cart_item .product-subtotal {
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
background-color: #f2f2f2;
padding-top: 30px;
padding-bottom: 30px;
}
}
.woocommerce .cart_totals {
margin-bottom: 80px;
border: 2px solid #999;
border-radius: 20px;
}
.woocommerce .cart_totals h2 {
padding: 20px 20px 0 20px;
}
@media only screen and (min-width: 769px) {
.woocommerce .cart_totals h2 {
font-size: 1.5rem;
}
}
@media only screen and (min-width: 1360px) {
.woocommerce .cart_totals h2 {
font-size: 2rem;
margin-top: 5px;
}
}
.woocommerce .cart_totals .table_wrapper table {
margin: 0;
}
.woocommerce .cart_totals .table_wrapper table tbody tr {
margin-bottom: 20px;
}
@media only screen and (min-width: 769px) {
.woocommerce .cart_totals .table_wrapper table tbody tr {
background-color: #f2f2f2;
}
}
@media only screen and (min-width: 769px) {
.woocommerce .cart_totals .table_wrapper table tbody tr th {
border: none;
padding-left: 20px;
padding-right: 20px;
}
}
.woocommerce .cart_totals .table_wrapper table tbody tr td {
padding-left: 20px;
padding-right: 20px;
}
.woocommerce .cart_totals .wc-proceed-to-checkout {
text-align: center;
padding: 0 20px 20px 20px;
}
.woocommerce .cart_totals .wc-proceed-to-checkout p {
text-align: left;
}
.woocommerce .cart_totals .wc-proceed-to-checkout a.checkout-button {
margin: 20px auto;
background-color: black;
color: #fff;
border-radius: 30px;
font-size: 1.2rem;
padding: 20px 30px;
}
.woocommerce .cart_totals .wc-proceed-to-checkout a.checkout-button:hover {
color: black;
background-color: #ff6600;
}
.woocommerce .return-to-shop {
display: none;
}
.woocommerce .payment-icons {
margin: 0;
padding: 0;
border: 0;
display: block;
margin-top: 40px;
}
@media only screen and (min-width: 768px) {
.woocommerce .payment-icons img {
max-width: 300px;
height: auto;
}
}
.cart-collaterals .cross-sells {
margin: 20px 0 60px 0;
}
.cart-collaterals .cross-sells h2 {
font-size: 2rem;
margin-bottom: 2rem;
line-height: 130%;
opacity: 0.6;
}
@media only screen and (min-width: 769px) {
.cart-collaterals .cross-sells h2 {
font-size: 1.5rem;
margin-bottom: 1.5rem;
line-height: 130%;
opacity: 0.6;
margin-top: 5px;
}
}
@media only screen and (min-width: 1360px) {
.cart-collaterals .cross-sells h2 {
font-size: 2rem;
margin-bottom: 2rem;
margin-top: 10px;
}
}
.cart-collaterals .cross-sells ul.products {
padding-top: 20px !important;
}
.cart-collaterals .cross-sells ul.products li {
padding-right: 20px !important;
}
.cart-collaterals .cross-sells ul.products li a h2 {
font-size: 1rem !important;
}
@media only screen and (min-width: 1360px) {
.cart-collaterals .cross-sells ul.products li a h2 {
font-size: 1.2rem !important;
}
}
header #nav-container nav.main-menu ul li.menu-cart {
display: block;
padding: 0;
margin: 0 0 20px 0;
}
@media only screen and (min-width: 1360px) {
header #nav-container nav.main-menu ul li.menu-cart {
display: inline-block;
margin: 0 20px 0 0;
position: relative;
top: -10px;
}
}
header #nav-container nav.main-menu ul li.menu-cart a {
width: 42px;
height: 42px;
text-indent: -9999px;
margin: 0 auto;
padding: 0;
background-image: url(//www.fahrschulegottschalk.de/wp-content/themes/fsb/images/cart-white-empty.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
}
@media only screen and (min-width: 1360px) {
header #nav-container nav.main-menu ul li.menu-cart a {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
background-image: url(//www.fahrschulegottschalk.de/wp-content/themes/fsb/images/cart-empty.svg);
background-size: 24px auto;
margin: 0 0 20px 10px;
}
header #nav-container nav.main-menu ul li.menu-cart a:hover {
opacity: 0.4;
}
}
body.full-cart header #nav-container nav.main-menu ul li.menu-cart a {
background-image: url(//www.fahrschulegottschalk.de/wp-content/themes/fsb/images/cart-white-full.svg);
}
@media only screen and (min-width: 1360px) {
body.full-cart header #nav-container nav.main-menu ul li.menu-cart a {
background-image: url(//www.fahrschulegottschalk.de/wp-content/themes/fsb/images/cart-full.svg);
}
}
.checkout .col-1 .woocommerce-billing-fields__field-wrapper .form-row {
padding: 0 !important;
}
.checkout .col-1 .woocommerce-billing-fields__field-wrapper label {
font-weight: 500;
padding-top: 30px;
}
.checkout .col-1 .woocommerce-billing-fields__field-wrapper input {
font-family: 'Roboto', sans-serif;
padding: 6px 8px;
font-size: 1rem;
}
.checkout .col-1 .woocommerce-billing-fields__field-wrapper .woocommerce-multicheckbox-wrapper label {
font-weight: 400;
padding-top: 0;
}
.checkout .col-1 .woocommerce-billing-fields__field-wrapper #sehhilfe__field .woocommerce-input-wrapper input {
display: inline-block;
margin-right: 10px;
}
.checkout .col-1 .woocommerce-billing-fields__field-wrapper #sehhilfe__field .woocommerce-input-wrapper label {
display: inline-block;
padding-top: 0;
font-weight: 400;
margin-right: 50px;
}
.checkout .col-1 .woocommerce-billing-fields__field-wrapper #sehhilfe__field .woocommerce-input-wrapper label:last-of-type {
margin-right: 0;
}
.checkout .col-2 .form-row {
padding: 0;
}
.checkout .col-2 .woocommerce-additional-fields h3 {
display: none;
}
.checkout .col-2 .woocommerce-additional-fields label {
font-weight: 500;
padding-top: 30px;
}
.checkout .col-2 .woocommerce-additional-fields .woocommerce-input-wrapper textarea {
font-family: 'Roboto', sans-serif;
font-size: 1rem;
padding: 6px 8px;
}
.checkout h3#order_review_heading {
padding-top: 40px;
}
.checkout .table_wrapper table.woocommerce-checkout-review-order-table tbody tr.cart_item td.product-name {
padding-left: 12px;
}
.checkout .table_wrapper table.woocommerce-checkout-review-order-table tfoot tr th {
background-color: transparent;
}
.checkout .table_wrapper table.woocommerce-checkout-review-order-table tfoot tr td {
background-color: transparent;
}
#customer_details.col2-set {
padding-top: 40px;
}
#customer_details.col2-set .col-1 {
float: none !important;
width: 100% !important;
}
#customer_details.col2-set .col-2 {
float: none !important;
width: 100% !important;
}
#order_review {
padding-bottom: 40px;
}
#order_review .shop_table.woocommerce-checkout-review-order-table td.product-name {
font-weight: bold;
}
#order_review .shop_table.woocommerce-checkout-review-order-table td.product-name strong {
font-weight: bold;
}
#order_review .shop_table.woocommerce-checkout-review-order-table td.product-name dl.variation dt {
display: none;
}
#order_review button#place_order {
background-color: #ff6600;
color: #000000;
margin-top: 40px;
}
#order_review button#place_order:hover {
color: white;
background-color: #000000;
} .woocommerce-product-details__short-description button {
margin-bottom: 20px;
}
.woocommerce-product-details__short-description button {
font-size: 100%;
margin-bottom: 20px;
line-height: 1;
cursor: pointer;
position: relative;
text-decoration: none;
overflow: visible;
padding: 0.618em 1em;
font-weight: 700;
border-radius: 3px;
left: auto;
color: #fff;
background-color: black;
border: 0;
display: inline-block;
background-image: none;
box-shadow: none;
text-shadow: none;
}
.woocommerce-product-details__short-description button:hover {
background-color: #ff6600;
color: black;
}
.woocommerce div.product form.cart .button {
display: none;
}
.woocommerce .payment-icons {
display: none;
}
.woocommerce ul.products li.product a.button {
background-color: #ffffff;
border: 2px solid #000000;
font-size: 1rem;
color: #000000;
border-radius: 20px;
display: none;
}
.woocommerce .single-product .product .variations_form .table_wrapper table.variations {
display: block;
text-align: left;
display: none;
}
.menu-item-2821 {
display: none !important;
}
.woocommerce .single-product .product .variations_form {
display: none;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
display: none;
}
.woocommerce-de_price_taxrate {
display: none;
}  .wp-block-button.is-style-outline a.wp-block-button__link {
border-color: #ff6600;
color: #fff;
background-color:#ff6600;
}
.wp-block-button a.wp-block-button__link:hover {
background-color: #000;
border-color: #000;
color: white;
}