/* markilux.css */
/*color: #e2001a / 226,0,26
https://rgbacolorpicker.com/hex-to-rgba */
:root {
--templatefarbe_hex: #e2001a;
--templatefarbe_rgb: 226,0,26;
--akzentfarbe_hex: #e2001a;
--akzentfarbe_rgb: 226,0,26;
--buttonfarbe_hex: var(--templatefarbe_hex) !important;
--buttontextfarbe_hex: #fff !important;
--hinweisboxfarbe_rgb: var(--templatefarbe_rgb) !important;
--hinweisboxtextfarbe_hex: #fff !important;
--welcomeboxhintergrundfarbe_rgb: 226,0,26;
--welcomeboxtextfarbe_hex: #fff;
--infobarhintergrundfarbe_hex: #444443;
--infobarhintergrundfarbe_rgb: 68,68,67;
--infobartextfarbe_hex: #fcfcfc;
--footerhintergrundfarbe_hex: #444443;
--footertextfarbe_hex: #fcfcfc;
--textfarbe_hex: #030303;
--hintergrundfarbe_hex: #ffffff !important;
--hintergrundfarbe_rgb: 255,255,255 !important;
--rahmenhintergrundfarbe_hex: #ffffff !important;
--rahmenhintergrundfarbe_grau_hex: #ededed !important; /* Templates 13, 14, 18 */
--rahmenhintergrundfarbe_dunkel_hex: #444445 !important; /* Template 20 */
--menuhintergrundfarbe_hex: var(--hintergrundfarbe_hex);
--menuhintergrundfarbe_rgb: var(--hintergrundfarbe_rgb);
--highlightboxhintergrundfarbe_rgb: 250,250,250 !important;
--kachelboxenfarbe_rgb: 255,255,255 !important;
--winkelfarbe_rgb: var(--highlightboxhintergrundfarbe_rgb) !important;
--boxfarbe_hex: #efefef !important;
--claimslidefarbe_hex: var(--templatefarbe_hex) !important;
--claimboxinnerfarbe_hex: #f9f9f9 !important;
--claimboxtextfarbe_hex: var(--akzentfarbe_hex) !important;
--boxverlauf_dunkel_rgb: 240,240,240 !important;
--boxverlauf_hell_rgb: 255,255,255 !important;
}
/* PARALLAX BILDER */
.slide1-markilux {
background-image: url(/config-templates/markilux/img/parallax/parallax01-xs.jpg);
height: 300px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
background-size: cover;
}
@media (min-width: 576px) {
.slide1-markilux {
background-image: url(/config-templates/markilux/img/parallax/parallax01-sm.jpg);
height: 400px;
}
}
@media (min-width: 768px) {
.slide1-markilux {
background-image: url(/config-templates/markilux/img/parallax/parallax01-lg.jpg);
height: 500px;
}
}
@media (min-width: 992px) {
.slide1-markilux {
background-image: url(/config-templates/markilux/img/parallax/parallax01-xl.jpg);
height: 600px;
}
}
/* align = right */
.slide2-markilux {
background-image: url(/config-templates/markilux/img/parallax/parallax02-xs.jpg);
height: 300px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
background-size: cover;
}
@media (min-width: 576px) {
.slide2-markilux {
background-image: url(/config-templates/markilux/img/parallax/parallax02-sm.jpg);
height: 400px;
}
}
@media (min-width: 768px) {
.slide2-markilux {
background-image: url(/config-templates/markilux/img/parallax/parallax02-lg.jpg);
height: 500px;
}
}
@media (min-width: 992px) {
.slide2-markilux {
background-image: url(/config-templates/markilux/img/parallax/parallax02-xl.jpg);
height: 600px;
}
}
/* align = left */
.slide3-markilux {
background-image: url(/config-templates/markilux/img/parallax/parallax03-xs.jpg);
height: 300px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
background-size: cover;
}
@media (min-width: 576px) {
.slide3-markilux {
background-image: url(/config-templates/markilux/img/parallax/parallax03-sm.jpg);
height: 400px;
}
}
@media (min-width: 768px) {
.slide3-markilux {
background-image: url(/config-templates/markilux/img/parallax/parallax03-lg.jpg);
height: 500px;
}
}
@media (min-width: 992px) {
.slide3-markilux {
background-image: url(/config-templates/markilux/img/parallax/parallax03-xl.jpg);
height: 600px;
}
}
/* align = left */
.slide4-markilux {
background-image: url(/config-templates/markilux/img/parallax/parallax04-xs.jpg);
height: 300px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
background-size: cover;
}
@media (min-width: 576px) {
.slide4-markilux {
background-image: url(/config-templates/markilux/img/parallax/parallax04-sm.jpg);
height: 400px;
}
}
@media (min-width: 768px) {
.slide4-markilux {
background-image: url(/config-templates/markilux/img/parallax/parallax04-lg.jpg);
height: 500px;
}
}
@media (min-width: 992px) {
.slide4-markilux {
background-image: url(/config-templates/markilux/img/parallax/parallax04-xl.jpg);
height: 600px;
}
}
/* align = left */
.slide5-markilux {
background-image: url(/config-templates/markilux/img/parallax/-xs.jpg);
height: 300px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
background-size: cover;
}
@media (min-width: 576px) {
.slide5-markilux {
background-image: url(/config-templates/markilux/img/parallax/-sm.jpg);
height: 400px;
}
}
@media (min-width: 768px) {
.slide5-markilux {
background-image: url(/config-templates/markilux/img/parallax/-lg.jpg);
height: 500px;
}
}
@media (min-width: 992px) {
.slide5-markilux {
background-image: url(/config-templates/markilux/img/parallax/-xl.jpg);
height: 600px;
}
}
/* align = left */
.slide6-markilux {
background-image: url(/config-templates/markilux/img/parallax/-xs.jpg);
height: 300px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
background-size: cover;
}
@media (min-width: 576px) {
.slide6-markilux {
background-image: url(/config-templates/markilux/img/parallax/-sm.jpg);
height: 400px;
}
}
@media (min-width: 768px) {
.slide6-markilux {
background-image: url(/config-templates/markilux/img/parallax/-lg.jpg);
height: 500px;
}
}
@media (min-width: 992px) {
.slide6-markilux {
background-image: url(/config-templates/markilux/img/parallax/-xl.jpg);
height: 600px;
}
}
/* Kachelboxen: schwacher Hintergrund */
div.kachelbg1,
div.kachelbg2,
div.kachelbg3,
div.kachelbg4,
div.kachelbg5,
div.kachelbg6 {
position: relative;
}
@media (max-width: 991px) {
div.kachelbg1::before,
div.kachelbg2::before,
div.kachelbg3::before,
div.kachelbg4::before,
div.kachelbg5::before,
div.kachelbg6::before {
background: none !important;
}
}
div.kachelbg1::before {
content: "";
background: url(/config-templates/markilux/img/kachelboxen/kachelbox01-md.jpg);
opacity: 0.1;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: 0;
transform: scale(1.4);
}
div.kachelbg2::before {
content: "";
background: url(/config-templates/markilux/img/kachelboxen/kachelbox02-md.jpg);
opacity: 0.1;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: 0;
transform: scale(1.4);
}
div.kachelbg3::before {
content: "";
background: url(/config-templates/markilux/img/kachelboxen/kachelbox03-md.jpg);
opacity: 0.1;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: 0;
transform: scale(1.4);
}
div.kachelbg4::before {
content: "";
background: url(/config-templates/markilux/img/kachelboxen/kachelbox04-md.jpg);
opacity: 0.1;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: 0;
transform: scale(1.4);
}
div.kachelbg5::before {
content: "";
background: url(/config-templates/markilux/img/kachelboxen/kachelbox05-md.jpg);
opacity: 0.1;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: 0;
transform: scale(1.4);
}
div.kachelbg6::before {
content: "";
background: url(/config-templates/markilux/img/kachelboxen/kachelbox06-md.jpg);
opacity: 0.1;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: 0;
transform: scale(1.4);
}
.hinweisbox-markilux {
padding: 15px;
background-color: #fff;
border: solid 5px #e2001a;
}
@media (min-width: 992px) {
.hinweisbox-markilux {
padding: 30px;
}
}
.hinweisbox-markilux img {
margin-bottom: 30px;
}
@media (min-width: 768px) {
.hinweisbox-markilux img {
margin: 0 !important;
}
}
.hinweisbox-markilux .kontaktaufruf a {
background: #e2001a !important;
}
.hinweisbox-markilux .hinweisbox-links{
border-right: 0px solid #ccc;
}
@media (min-width: 768px) {
.hinweisbox-markilux .hinweisbox-links{
border-right: 1px solid #ccc;
padding-right: 30px;
}
}
@media (min-width: 768px) {
.hinweisbox-markilux .hinweisbox-rechts{
padding-left: 30px;
}
}
.hinweisbox-markilux .kontaktaufruf{
font-size: 1.1em !important;
}
/* fonts.css */
/* assistant-200 - latin */
@font-face {
font-family: 'Assistant';
font-style: normal;
font-weight: 200;
src: url('../fonts/assistant-v2-latin-200.eot'); /* IE9 Compat Modes */
src: local('Assistant ExtraLight'), local('Assistant-ExtraLight'),
url('../fonts/assistant-v2-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/assistant-v2-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/assistant-v2-latin-200.woff') format('woff'), /* Modern Browsers */
url('../fonts/assistant-v2-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/assistant-v2-latin-200.svg#Assistant') format('svg'); /* Legacy iOS */
}
/* assistant-regular - latin */
@font-face {
font-family: 'Assistant';
font-style: normal;
font-weight: 400;
src: url('../fonts/assistant-v2-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Assistant'), local('Assistant-Regular'),
url('../fonts/assistant-v2-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/assistant-v2-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/assistant-v2-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/assistant-v2-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/assistant-v2-latin-regular.svg#Assistant') format('svg'); /* Legacy iOS */
}
/* assistant-300 - latin */
@font-face {
font-family: 'Assistant';
font-style: normal;
font-weight: 300;
src: url('../fonts/assistant-v2-latin-300.eot'); /* IE9 Compat Modes */
src: local('Assistant Light'), local('Assistant-Light'),
url('../fonts/assistant-v2-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/assistant-v2-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/assistant-v2-latin-300.woff') format('woff'), /* Modern Browsers */
url('../fonts/assistant-v2-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/assistant-v2-latin-300.svg#Assistant') format('svg'); /* Legacy iOS */
}
/* assistant-600 - latin */
@font-face {
font-family: 'Assistant';
font-style: normal;
font-weight: 600;
src: url('../fonts/assistant-v2-latin-600.eot'); /* IE9 Compat Modes */
src: local('Assistant SemiBold'), local('Assistant-SemiBold'),
url('../fonts/assistant-v2-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/assistant-v2-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/assistant-v2-latin-600.woff') format('woff'), /* Modern Browsers */
url('../fonts/assistant-v2-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/assistant-v2-latin-600.svg#Assistant') format('svg'); /* Legacy iOS */
}
/* assistant-700 - latin */
@font-face {
font-family: 'Assistant';
font-style: normal;
font-weight: 700;
src: url('../fonts/assistant-v2-latin-700.eot'); /* IE9 Compat Modes */
src: local('Assistant Bold'), local('Assistant-Bold'),
url('../fonts/assistant-v2-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/assistant-v2-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/assistant-v2-latin-700.woff') format('woff'), /* Modern Browsers */
url('../fonts/assistant-v2-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/assistant-v2-latin-700.svg#Assistant') format('svg'); /* Legacy iOS */
}
/* assistant-800 - latin */
@font-face {
font-family: 'Assistant';
font-style: normal;
font-weight: 800;
src: url('../fonts/assistant-v2-latin-800.eot'); /* IE9 Compat Modes */
src: local('Assistant ExtraBold'), local('Assistant-ExtraBold'),
url('../fonts/assistant-v2-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/assistant-v2-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/assistant-v2-latin-800.woff') format('woff'), /* Modern Browsers */
url('../fonts/assistant-v2-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/assistant-v2-latin-800.svg#Assistant') format('svg'); /* Legacy iOS */
}
/* raleway-regular - latin */
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
src: url('../fonts/raleway-v18-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/raleway-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/raleway-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/raleway-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/raleway-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/raleway-v18-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-500 - latin */
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
src: url('../fonts/raleway-v18-latin-500.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/raleway-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/raleway-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/raleway-v18-latin-500.woff') format('woff'), /* Modern Browsers */
url('../fonts/raleway-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/raleway-v18-latin-500.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-700 - latin */
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
src: url('../fonts/raleway-v18-latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/raleway-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/raleway-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/raleway-v18-latin-700.woff') format('woff'), /* Modern Browsers */
url('../fonts/raleway-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/raleway-v18-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-800 - latin */
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 800;
src: url('../fonts/raleway-v18-latin-800.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/raleway-v18-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/raleway-v18-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/raleway-v18-latin-800.woff') format('woff'), /* Modern Browsers */
url('../fonts/raleway-v18-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/raleway-v18-latin-800.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-900 - latin */
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 900;
src: url('../fonts/raleway-v18-latin-900.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/raleway-v18-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/raleway-v18-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/raleway-v18-latin-900.woff') format('woff'), /* Modern Browsers */
url('../fonts/raleway-v18-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/raleway-v18-latin-900.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-italic - latin */
@font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 400;
src: url('../fonts/raleway-v18-latin-italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/raleway-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/raleway-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/raleway-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/raleway-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/raleway-v18-latin-italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-500italic - latin */
@font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 500;
src: url('../fonts/raleway-v18-latin-500italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/raleway-v18-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/raleway-v18-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/raleway-v18-latin-500italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/raleway-v18-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/raleway-v18-latin-500italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-700italic - latin */
@font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 700;
src: url('../fonts/raleway-v18-latin-700italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/raleway-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/raleway-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/raleway-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/raleway-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/raleway-v18-latin-700italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-800italic - latin */
@font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 800;
src: url('../fonts/raleway-v18-latin-800italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/raleway-v18-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/raleway-v18-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/raleway-v18-latin-800italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/raleway-v18-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/raleway-v18-latin-800italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-900italic - latin */
@font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 900;
src: url('../fonts/raleway-v18-latin-900italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/raleway-v18-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/raleway-v18-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/raleway-v18-latin-900italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/raleway-v18-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/raleway-v18-latin-900italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* oswald-regular - latin */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 400;
src: url('../fonts/oswald-v35-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/oswald-v35-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/oswald-v35-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/oswald-v35-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/oswald-v35-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/oswald-v35-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-500 - latin */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 500;
src: url('../fonts/oswald-v35-latin-500.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/oswald-v35-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/oswald-v35-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/oswald-v35-latin-500.woff') format('woff'), /* Modern Browsers */
url('../fonts/oswald-v35-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/oswald-v35-latin-500.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-700 - latin */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 700;
src: url('../fonts/oswald-v35-latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/oswald-v35-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/oswald-v35-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/oswald-v35-latin-700.woff') format('woff'), /* Modern Browsers */
url('../fonts/oswald-v35-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/oswald-v35-latin-700.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* montserrat-regular - latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
src: url('../fonts/montserrat-v15-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/montserrat-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/montserrat-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/montserrat-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/montserrat-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/montserrat-v15-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-italic - latin */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 400;
src: url('../fonts/montserrat-v15-latin-italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/montserrat-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/montserrat-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/montserrat-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/montserrat-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/montserrat-v15-latin-italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-500 - latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
src: url('../fonts/montserrat-v15-latin-500.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/montserrat-v15-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/montserrat-v15-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/montserrat-v15-latin-500.woff') format('woff'), /* Modern Browsers */
url('../fonts/montserrat-v15-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/montserrat-v15-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-500italic - latin */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 500;
src: url('../fonts/montserrat-v15-latin-500italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/montserrat-v15-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/montserrat-v15-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/montserrat-v15-latin-500italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/montserrat-v15-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/montserrat-v15-latin-500italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
src: url('../fonts/montserrat-v15-latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/montserrat-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/montserrat-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/montserrat-v15-latin-700.woff') format('woff'), /* Modern Browsers */
url('../fonts/montserrat-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/montserrat-v15-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700italic - latin */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 700;
src: url('../fonts/montserrat-v15-latin-700italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/montserrat-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/montserrat-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/montserrat-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/montserrat-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/montserrat-v15-latin-700italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-900 - latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 900;
src: url('../fonts/montserrat-v15-latin-900.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/montserrat-v15-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/montserrat-v15-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/montserrat-v15-latin-900.woff') format('woff'), /* Modern Browsers */
url('../fonts/montserrat-v15-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/montserrat-v15-latin-900.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* playfair-display-regular - latin */
@font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 400;
src: url('../fonts/playfair-display-v21-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/playfair-display-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/playfair-display-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/playfair-display-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/playfair-display-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/playfair-display-v21-latin-regular.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* playfair-display-500 - latin */
@font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 500;
src: url('../fonts/playfair-display-v21-latin-500.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/playfair-display-v21-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/playfair-display-v21-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/playfair-display-v21-latin-500.woff') format('woff'), /* Modern Browsers */
url('../fonts/playfair-display-v21-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/playfair-display-v21-latin-500.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* playfair-display-700 - latin */
@font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 700;
src: url('../fonts/playfair-display-v21-latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/playfair-display-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/playfair-display-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/playfair-display-v21-latin-700.woff') format('woff'), /* Modern Browsers */
url('../fonts/playfair-display-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/playfair-display-v21-latin-700.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* playfair-display-900 - latin */
@font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 900;
src: url('../fonts/playfair-display-v21-latin-900.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/playfair-display-v21-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/playfair-display-v21-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/playfair-display-v21-latin-900.woff') format('woff'), /* Modern Browsers */
url('../fonts/playfair-display-v21-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/playfair-display-v21-latin-900.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* playfair-display-italic - latin */
@font-face {
font-family: 'Playfair Display';
font-style: italic;
font-weight: 400;
src: url('../fonts/playfair-display-v21-latin-italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/playfair-display-v21-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/playfair-display-v21-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/playfair-display-v21-latin-italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/playfair-display-v21-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/playfair-display-v21-latin-italic.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* playfair-display-500italic - latin */
@font-face {
font-family: 'Playfair Display';
font-style: italic;
font-weight: 500;
src: url('../fonts/playfair-display-v21-latin-500italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/playfair-display-v21-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/playfair-display-v21-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/playfair-display-v21-latin-500italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/playfair-display-v21-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/playfair-display-v21-latin-500italic.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* playfair-display-700italic - latin */
@font-face {
font-family: 'Playfair Display';
font-style: italic;
font-weight: 700;
src: url('../fonts/playfair-display-v21-latin-700italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/playfair-display-v21-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/playfair-display-v21-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/playfair-display-v21-latin-700italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/playfair-display-v21-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/playfair-display-v21-latin-700italic.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* playfair-display-900italic - latin */
@font-face {
font-family: 'Playfair Display';
font-style: italic;
font-weight: 900;
src: url('../fonts/playfair-display-v21-latin-900italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/playfair-display-v21-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/playfair-display-v21-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/playfair-display-v21-latin-900italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/playfair-display-v21-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/playfair-display-v21-latin-900italic.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url('../fonts/open-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/open-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/open-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/open-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/open-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/open-sans-v18-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
src: url('../fonts/open-sans-v18-latin-italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/open-sans-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/open-sans-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/open-sans-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/open-sans-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/open-sans-v18-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: url('../fonts/open-sans-v18-latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/open-sans-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/open-sans-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/open-sans-v18-latin-700.woff') format('woff'), /* Modern Browsers */
url('../fonts/open-sans-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/open-sans-v18-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 700;
src: url('../fonts/open-sans-v18-latin-700italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/open-sans-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/open-sans-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/open-sans-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/open-sans-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/open-sans-v18-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* rubik-regular - latin */
@font-face {
font-family: 'Rubik';
font-style: normal;
font-weight: 400;
src: url('../fonts/rubik-v11-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/rubik-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/rubik-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/rubik-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/rubik-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/rubik-v11-latin-regular.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-500 - latin */
@font-face {
font-family: 'Rubik';
font-style: normal;
font-weight: 500;
src: url('../fonts/rubik-v11-latin-500.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/rubik-v11-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/rubik-v11-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/rubik-v11-latin-500.woff') format('woff'), /* Modern Browsers */
url('../fonts/rubik-v11-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/rubik-v11-latin-500.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-700 - latin */
@font-face {
font-family: 'Rubik';
font-style: normal;
font-weight: 700;
src: url('../fonts/rubik-v11-latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/rubik-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/rubik-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/rubik-v11-latin-700.woff') format('woff'), /* Modern Browsers */
url('../fonts/rubik-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/rubik-v11-latin-700.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-900 - latin */
@font-face {
font-family: 'Rubik';
font-style: normal;
font-weight: 900;
src: url('../fonts/rubik-v11-latin-900.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/rubik-v11-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/rubik-v11-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/rubik-v11-latin-900.woff') format('woff'), /* Modern Browsers */
url('../fonts/rubik-v11-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/rubik-v11-latin-900.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-italic - latin */
@font-face {
font-family: 'Rubik';
font-style: italic;
font-weight: 400;
src: url('../fonts/rubik-v11-latin-italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/rubik-v11-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/rubik-v11-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/rubik-v11-latin-italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/rubik-v11-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/rubik-v11-latin-italic.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-500italic - latin */
@font-face {
font-family: 'Rubik';
font-style: italic;
font-weight: 500;
src: url('../fonts/rubik-v11-latin-500italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/rubik-v11-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/rubik-v11-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/rubik-v11-latin-500italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/rubik-v11-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/rubik-v11-latin-500italic.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-700italic - latin */
@font-face {
font-family: 'Rubik';
font-style: italic;
font-weight: 700;
src: url('../fonts/rubik-v11-latin-700italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/rubik-v11-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/rubik-v11-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/rubik-v11-latin-700italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/rubik-v11-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/rubik-v11-latin-700italic.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-900italic - latin */
@font-face {
font-family: 'Rubik';
font-style: italic;
font-weight: 900;
src: url('../fonts/rubik-v11-latin-900italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/rubik-v11-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/rubik-v11-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/rubik-v11-latin-900italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/rubik-v11-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/rubik-v11-latin-900italic.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url('../fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
src: url('../fonts/roboto-v20-latin-italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/roboto-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-v20-latin-italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-v20-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url('../fonts/roboto-v20-latin-500.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/roboto-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-v20-latin-500.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-v20-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url('../fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
src: url('../fonts/roboto-v20-latin-500italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/roboto-v20-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-v20-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-v20-latin-500italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-v20-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-v20-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 700;
src: url('../fonts/roboto-v20-latin-700italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/roboto-v20-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-v20-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-v20-latin-700italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-v20-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-v20-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
src: url('../fonts/roboto-v20-latin-900.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/roboto-v20-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-v20-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-v20-latin-900.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-v20-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-v20-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 900;
src: url('../fonts/roboto-v20-latin-900italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/roboto-v20-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-v20-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-v20-latin-900italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-v20-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-v20-latin-900italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: url('../fonts/lato-v17-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/lato-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/lato-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/lato-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/lato-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/lato-v17-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-italic - latin */
@font-face {
font-family: 'Lato';
font-style: italic;
font-weight: 400;
src: url('../fonts/lato-v17-latin-italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/lato-v17-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/lato-v17-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/lato-v17-latin-italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/lato-v17-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/lato-v17-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
src: url('../fonts/lato-v17-latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/lato-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/lato-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/lato-v17-latin-700.woff') format('woff'), /* Modern Browsers */
url('../fonts/lato-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/lato-v17-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700italic - latin */
@font-face {
font-family: 'Lato';
font-style: italic;
font-weight: 700;
src: url('../fonts/lato-v17-latin-700italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/lato-v17-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/lato-v17-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/lato-v17-latin-700italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/lato-v17-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/lato-v17-latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-900 - latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 900;
src: url('../fonts/lato-v17-latin-900.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/lato-v17-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/lato-v17-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/lato-v17-latin-900.woff') format('woff'), /* Modern Browsers */
url('../fonts/lato-v17-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/lato-v17-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-900italic - latin */
@font-face {
font-family: 'Lato';
font-style: italic;
font-weight: 900;
src: url('../fonts/lato-v17-latin-900italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/lato-v17-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/lato-v17-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/lato-v17-latin-900italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/lato-v17-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/lato-v17-latin-900italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lora-regular - latin */
@font-face {
font-family: 'Lora';
font-style: normal;
font-weight: 400;
src: url('../fonts/lora-v16-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/lora-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/lora-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/lora-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/lora-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/lora-v16-latin-regular.svg#Lora') format('svg'); /* Legacy iOS */
}
/* lora-500 - latin */
@font-face {
font-family: 'Lora';
font-style: normal;
font-weight: 500;
src: url('../fonts/lora-v16-latin-500.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/lora-v16-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/lora-v16-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/lora-v16-latin-500.woff') format('woff'), /* Modern Browsers */
url('../fonts/lora-v16-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/lora-v16-latin-500.svg#Lora') format('svg'); /* Legacy iOS */
}
/* lora-700 - latin */
@font-face {
font-family: 'Lora';
font-style: normal;
font-weight: 700;
src: url('../fonts/lora-v16-latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/lora-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/lora-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/lora-v16-latin-700.woff') format('woff'), /* Modern Browsers */
url('../fonts/lora-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/lora-v16-latin-700.svg#Lora') format('svg'); /* Legacy iOS */
}
/* lora-italic - latin */
@font-face {
font-family: 'Lora';
font-style: italic;
font-weight: 400;
src: url('../fonts/lora-v16-latin-italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/lora-v16-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/lora-v16-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/lora-v16-latin-italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/lora-v16-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/lora-v16-latin-italic.svg#Lora') format('svg'); /* Legacy iOS */
}
/* lora-500italic - latin */
@font-face {
font-family: 'Lora';
font-style: italic;
font-weight: 500;
src: url('../fonts/lora-v16-latin-500italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/lora-v16-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/lora-v16-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/lora-v16-latin-500italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/lora-v16-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/lora-v16-latin-500italic.svg#Lora') format('svg'); /* Legacy iOS */
}
/* lora-700italic - latin */
@font-face {
font-family: 'Lora';
font-style: italic;
font-weight: 700;
src: url('../fonts/lora-v16-latin-700italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/lora-v16-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/lora-v16-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/lora-v16-latin-700italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/lora-v16-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/lora-v16-latin-700italic.svg#Lora') format('svg'); /* Legacy iOS */
}
/*
*
*
*
*
*
*Diese Datei ist urheberrechtlich geschützt von "Rene Weik | www.weik.online" und darf nicht kopiert oder auf anderen Webseiten verwendet werden.
*
*
*
*
*
*/
/* GLOBAL ------------------------------------------------- */
/* GLOBAL ------------------------------------------------- */
/* GLOBAL ------------------------------------------------- */
@media print {
a[href]:after {
content: none !important;
}
#kopfbereichwrap {
position: relative !important;
}
#mainmenu,
#hauptnavigation,
.shortcuts,
.shortcuts-rechts {
display: none !important;
}
}
* {
padding: 0;
margin: 0;
border: 0;
background-repeat: no-repeat;
background-position: center center;
}
/* To fix chrome scroll issue on click button on hero slider */
html {
scroll-behavior: auto !important;
}
html {
overflow-y: scroll;
height: 100%;
}
body {
font-family: Arial, Helvetica, Geneva, sans-serif;
color: var(--textfarbe_hex);
line-height: 1.6em;
margin: 0;
background-color: var(--hintergrundfarbe_hex);
width: 100%;
font-size: 15px;
position: relative;
}
@media (min-width: 992px) {
body {
line-height: 1.6em;
}
}
@media (min-width: 1200px) {
body {
line-height: 1.7em;
}
}
@media (min-width: 1440px) {
body {
line-height: 1.8em;
}
}
body.startseite {
height: 100% !important;
}
.templatefarbe {
color: var(--templatefarbe_hex);
}
.templatehintergundfarbe {
background-color: var(--templatefarbe_hex);
}
.akzentfarbe {
color: var(--akzentfarbe_hex);
}
.akzenthintergundfarbe {
background-color: var(--akzentfarbe_hex);
}
.templatebutton {
background-color: var(--buttonfarbe_hex) !important;
color: var(--buttontextfarbe_hex) !important;
}
/* BOOTSTRAP-GRID wie Bootstrap 4
------------------------------------------------- */
.container {
width: 100%;
}
@media (min-width: 576px) { /* NEU IN 2019 */
.container {
width: 100%;
max-width: 90%;
}
}
@media (min-width: 768px) {
.container {
width: 750px;
max-width: 100%;
}
}
@media (min-width: 992px) {
.container {
width: 960px;
max-width: 100%;
}
}
@media (min-width: 1200px) {
.container {
width: 1140px;
max-width: 100%;
}
}
@media (min-width: 1440px) {
.container {
width: 1380px;
max-width: 100%;
}
}
.container-fluid {
width: 95% !important;
max-width: 1380px !important;
}
@media (min-width: 576px) {
.container-fluid {
width: 93% !important;
}
}
@media (min-width: 768px) {
.container-fluid {
width: 95% !important;
}
}
@media (min-width: 992px) {
.container-fluid {
width: 98% !important;
}
}
@media (max-width: 991px) {
nav .container-fluid {
width: 100% !important;
}
}
/* TYPO ------------------------------------------------- */
/* TYPO ------------------------------------------------- */
/* TYPO ------------------------------------------------- */
/* ÜBERSCHRIFTEN
------------------------------------------------- */
h1,
.h1 {
font-size:26px;
}
h2,
.h2 {
font-size: 20px;
}
h3,
.h3 {
font-size: 17px;
}
h4,
.h4 {
font-size: 15px;
}
h5,
.h5 {
font-size: 15px;
}
h6,
.h6 {
font-size: 14px;
}
@media (min-width: 768px) {
h1,
.h1 {
font-size:24px;
}
h2,
.h2 {
font-size: 20px;
}
h3,
.h3 {
font-size: 19px;
}
h4,
.h4 {
font-size: 18px;
}
h5,
.h5 {
font-size: 17px;
}
h6,
.h6 {
font-size: 16px;
}
}
@media (min-width: 992px) {
h1,
.h1 {
font-size:26px;
}
h2,
.h2 {
font-size: 22px;
}
h3,
.h3 {
font-size: 20px;
}
h4,
.h4 {
font-size: 18px;
}
h5,
.h5 {
font-size: 17px;
}
h6,
.h6 {
font-size: 16px;
}
}
@media (min-width: 1200px) {
h1,
.h1 {
font-size:28px;
}
h2,
.h2 {
font-size: 23px;
}
h3,
.h3 {
font-size: 21px;
}
h4,
.h4 {
font-size: 19px;
}
h5,
.h5 {
font-size: 18px;
}
h6,
.h6 {
font-size: 17px;
}
}
@media (min-width: 1440px) {
h1,
.h1 {
font-size:32px;
}
h2,
.h2 {
font-size: 26px;
}
h3,
.h3 {
font-size: 24px;
}
h4,
.h4 {
font-size: 21px;
}
h5,
.h5 {
font-size: 19px;
}
h6,
.h6 {
font-size: 18px;
}
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: inherit;
font-weight: 700;
line-height: 1.5em;
color: inherit;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
margin-top: 2.0em;
margin-bottom: 0.5em;
}
@media (min-width: 1200px) {
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
margin-top: 2.5em;
margin-bottom: 0.6em;
}
}
@media (min-width: 1440px) {
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
margin-top: 2.5em;
margin-bottom: 0.6em;
}
}
#productwelcome h2 {
font-size: 20px;
}
#productwelcome h3 {
font-size: 17px;
}
@media (min-width: 768px) {
#productwelcome h2 {
font-size: 20px;
}
#productwelcome h3 {
font-size: 19px;
}
}
@media (min-width: 992px) {
#productwelcome h2 {
font-size: 22px;
}
#productwelcome h3 {
font-size: 20px;
}
}
@media (min-width: 1200px) {
#productwelcome h2 {
font-size: 23px;
}
#productwelcome h3 {
font-size: 21px;
}
}
@media (min-width: 1440px) {
#productwelcome h2 {
font-size: 26px;
}
#productwelcome h3 {
font-size: 24px;
}
}
#productcontent h1 {
font-size: 18px;
margin-top: 0em;
margin-bottom: 0.2em;
}
@media (min-width: 768px) {
#productcontent h1 {
font-size: 24px;
margin-bottom: 0.5em;
}
}
@media (min-width: 992px) {
#productcontent h1 {
font-size: 26px;
margin-bottom: 0.5em;
}
}
@media (min-width: 1200px) {
#productcontent h1 {
font-size: 28px;
margin-bottom: 0.5em;
}
}
@media (min-width: 1440px) {
#productcontent h1 {
font-size: 32px;
margin-bottom: 0.5em;
}
}
#productcontent h2{
font-size: 16px;
margin-top: 0.4em;
}
@media (min-width: 768px) {
#productcontent h2 {
font-size: 19px;
margin-top: -0.6em;
}
}
@media (min-width: 992px) {
#productcontent h2 {
font-size: 21px;
margin-top: -0.6em;
}
}
@media (min-width: 1200px) {
#productcontent h2 {
font-size: 23px;
margin-top: -0.6em;
}
}
@media (min-width: 1440px) {
#productcontent h2 {
font-size: 26px;
margin-top: -0.6em;
}
}
#productcontent .row {
margin-bottom: 1em; /* für alle rows als Sektionen für mehr Abstand */
}
#productcontent .row p {
margin-bottom: 3em; /* für die zweispaltigen Bildübersichten */
}
.unterseite h1 {
font-size: 18px;
margin-top: 0em;
margin-bottom: 0.2em;
}
@media (min-width: 768px) {
.unterseite h1 {
font-size: 26px;
margin-bottom: 0.5em;
}
}
@media (min-width: 992px) {
.unterseite h1 {
font-size: 24px;
margin-bottom: 0.5em;
}
}
@media (min-width: 1200px) {
.unterseite h1 {
font-size: 28px;
margin-bottom: 0.5em;
}
}
@media (min-width: 1440px) {
.unterseite h1 {
font-size: 32px;
margin-bottom: 0.5em;
}
}
.unterseite h2, .startseite .produktuebersicht h2{
font-size: 16px;
margin-top: 0.4em;
margin-bottom: 1.5em;
}
@media (min-width: 768px) {
.unterseite h2, .startseite .produktuebersicht h2 {
font-size: 19px;
margin-top: -0.6em;
margin-bottom: 1em;
}
}
@media (min-width: 992px) {
.unterseite h2, .startseite .produktuebersicht h2 {
font-size: 21px;
margin-top: -0.6em;
margin-bottom: 1em;
}
}
@media (min-width: 1200px) {
.unterseite h2, .startseite .produktuebersicht h2 {
font-size: 23px;
margin-top: -0.6em;
margin-bottom: 1em;
}
}
@media (min-width: 1440px) {
.unterseite h2, .startseite .produktuebersicht h2 {
font-size: 26px;
margin-top: -0.6em;
margin-bottom: 1em;
}
}
/* ÜBERSCHRIFTEN ENDE */
/* TEXTKÖRPER
------------------------------------------------- */
p,
li,
#opening_hours td {
font-size: 17px;
}
p.smallp {
font-size: 13px;
line-height: 1.3em;
}
@media (min-width: 768px) {
p,
li,
#opening_hours td {
font-size: 18px;
}
p.smallp {
font-size: 14px;
}
}
@media (min-width: 992px) {
p,
li,
#opening_hours td {
font-size: 18px;
}
p.smallp {
font-size: 12px;
}
}
@media (min-width: 1200px) {
p,
li,
#opening_hours td {
font-size: 19px;
}
p.smallp {
font-size: 14px;
}
}
@media (min-width: 1440px) {
p,
li,
#opening_hours td {
font-size: 20px;
}
p.smallp {
font-size: 15px;
}
}
p {
margin: 0 0 1em;
}
.divider-headline {
background: rgb(128,128,128);
background: -moz-linear-gradient(170deg, rgba(128,128,128,1) 0%, rgba(128,128,128,0.6) 79%);
background: -webkit-linear-gradient(170deg, rgba(128,128,128,1) 0%, rgba(128,128,128,0.6) 79%);
background: linear-gradient(170deg, rgba(128,128,128,1) 0%, rgba(128,128,128,0.6) 79%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#ffffff",GradientType=1);
padding:10px 10px 10px 10px;
margin-left: 0px;
margin-top: 3em !important;
color: white;
position: relative;
}
@media (min-width: 992px) {
.divider-headline {
background: rgb(128,128,128);
background: -moz-linear-gradient(170deg, rgba(128,128,128,1) 0%, rgba(128,128,128,0.6) 79%);
background: -webkit-linear-gradient(170deg, rgba(128,128,128,1) 0%, rgba(128,128,128,0.6) 79%);
background: linear-gradient(170deg, rgba(128,128,128,1) 0%, rgba(128,128,128,0.6) 79%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#ffffff",GradientType=1);
padding:10px 10px 10px 28px;
margin-top: 3em !important;
}
}
.divider-headline-kunde {
background: rgb(var(--templatefarbe_rgb));
background: -moz-linear-gradient(170deg, rgba(var(--templatefarbe_rgb),1) 0%, rgba(var(--templatefarbe_rgb),0.6) 79%);
background: -webkit-linear-gradient(170deg, rgba(var(--templatefarbe_rgb),1) 0%, rgba(var(--templatefarbe_rgb),0.6) 79%);
background: linear-gradient(170deg, rgba(var(--templatefarbe_rgb),1) 0%, rgba(var(--templatefarbe_rgb),0.6) 79%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#ffffff",GradientType=1);
padding:10px 10px 10px 10px;
margin-left: 0px;
margin-top: 3em !important;
color: white;
position: relative;
}
@media (min-width: 992px) {
.divider-headline-kunde {
background: rgb(var(--templatefarbe_rgb));
background: -moz-linear-gradient(170deg, rgba(var(--templatefarbe_rgb),1) 0%, rgba(var(--templatefarbe_rgb),0.6) 79%);
background: -webkit-linear-gradient(170deg, rgba(var(--templatefarbe_rgb),1) 0%, rgba(var(--templatefarbe_rgb),0.6) 79%);
background: linear-gradient(170deg, rgba(var(--templatefarbe_rgb),1) 0%, rgba(var(--templatefarbe_rgb),0.6) 79%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#ffffff",GradientType=1);
padding:10px 10px 10px 28px;
margin-top: 3em !important;
}
}
/* TEXTKÖRPER ENDE */
/* FORMATIERUNGEN
--------------------------------------------------------- */
.bold {
font-weight: bold;
}
.facebook {
color: #3b579d;
text-decoration: none;
}
.facebook:hover,
.facebook:focus {
color: #3b579d;
text-decoration: none;
}
.kursiv {
font-style: italic;
}
.underline {
text-decoration: underline;
}
.notextdecoration {
text-decoration: none;
}
.noupppercase {
text-transform: none !important;
}
.tief {
letter-spacing: 2px;
vertical-align: -1px;
font-size : 0.8em;
}
.hoch {
letter-spacing: 2px;
vertical-align: 4px;
font-size : 0.8em;
}
.ziffer {
margin-left: -1px;
margin-bottom: 10px !important;
margin-right: 10px;
}
.quelle {
font-size: 14px;
font-style: italic;
margin-top: 1em;
}
del {
display: none;
}
.border {
border: 1px #ccc solid;
}
.rounded5 {
border-radius: 5px;
}
.rounded10 {
border-radius: 10px;
}
.rounded15 {
border-radius: 15px;
}
.applook {
border-radius: 15px;
border: 1px solid #ccc;
-webkit-box-shadow: 0px 5px 11px 0px rgba(204,204,204,0.86);
-moz-box-shadow: 0px 5px 11px 0px rgba(204,204,204,0.86);
box-shadow: 0px 5px 11px 0px rgba(204,204,204,0.86);
}
.shadow {
-webkit-box-shadow: 0px 5px 11px 0px rgba(204,204,204,0.86);
-moz-box-shadow: 0px 5px 11px 0px rgba(204,204,204,0.86);
box-shadow: 0px 5px 11px 0px rgba(204,204,204,0.86);
}
.lieferantenlogo {
margin-top: 3em;
text-align: center;
}
.noborder {
border-bottom: solid transparent 0px !important; /*entfernt Trennstrich auf Startseite*/
}
.pointer {
cursor: pointer !important;
}
.linkbulb {
color: var(--templatefarbe_hex);
}
.hinweisbox i {
color: inherit;
}
.telefon-link {
font-size: 30px;
margin-right: 5px;
}
/*wird mittels js bei IE aktiviert und behebt IE-Fehler */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.responsively-lazy {
opacity: 1 !important;
}
}
/* CSS SHAKING */
@keyframes shake {
0% {
transform:rotate(0deg)
}
25% {
transform:rotate(0deg)
}
50% {
transform:rotate(1.5deg)
}
75% {
transform:rotate(-1.5deg)
}
100% {
transform:rotate(0deg)
}
}
.shaking:hover {
animation:none !important
}
.shaking {
animation:shake 2s infinite;
transition:.2s
}
/* FORMATIERUNGEN ENDE */
/* LINKS
--------------------------------------------------------- */
a {
color: inherit;
text-decoration: underline;
}
a:link {
outline: none;
}
a:hover,
a:focus {
color: #737373;
text-decoration: underline;
}
a.nolink,
a.nolink:hover,
a.nolink:focus,
a.nolink:active {
text-decoration: none !important;
}
.tellink {
text-decoration: none;
}
.tellink:hover,
.tellink:focus,
.tellink:active {
text-decoration: none;
cursor: default;
}
.tellink:hover,
.tellink:focus,
.tellink:active {
color: inherit !important;
}
.lieferantenlogo a {
text-decoration: none;
}
/* LINKS ENDE */
/* ABSTÄNDE
------------------------------------------------- */
.margintop01em {
margin-top:0.1em !important;
}
.margintop02em {
margin-top:0.2em !important;
}
.margintop03em {
margin-top:0.3em !important;
}
.margintop04em {
margin-top:0.4em !important;
}
.margintop05em {
margin-top:0.5em !important;
}
.margintop1em {
margin-top:1em !important;
}
.margintop15em {
margin-top:1.5em !important;
}
.margintop2em {
margin-top:2em !important;
}
.margintop25em {
margin-top:2.5em !important;
}
.margintop3em {
margin-top:3em !important;
}
.margintop35em {
margin-top:3.5em !important;
}
.margintop4em {
margin-top:4em !important;
}
.margintop45em {
margin-top:4.5em !important;
}
.margintop5em {
margin-top:5em !important;
}
.marginbottom01em {
margin-bottom:0.1em !important;
}
.marginbottom02em {
margin-bottom:0.2em !important;
}
.marginbottom03em {
margin-bottom:0.3em !important;
}
.marginbottom04em {
margin-bottom:0.4em !important;
}
.marginbottom05em {
margin-bottom:0.5em !important;
}
.marginbottom1em {
margin-bottom:1em !important;
}
.marginbottom15em {
margin-bottom:1.5em !important;
}
.marginbottom2em {
margin-bottom:2em !important;
}
.marginbottom25em {
margin-bottom:2.5em !important;
}
.marginbottom3em {
margin-bottom:3em !important;
}
.marginbottom35em {
margin-bottom:3.5em !important;
}
.marginbottom4em {
margin-bottom:4em !important;
}
.marginbottom45em {
margin-bottom:4.5em !important;
}
.marginbottom5em {
margin-bottom:5em !important;
}
.marginright05em {
margin-right:0.5em !important;
}
.marginright1em {
margin-right:1em !important;
}
.marginright15em {
margin-right:1.5em !important;
}
.marginright2em {
margin-right:2em !important;
}
.marginright25em {
margin-right:2.5em !important;
}
.marginright3em {
margin-right:3em !important;
}
.marginright35em {
margin-right:3.5em !important;
}
.marginright4em {
margin-right:4em !important;
}
.marginright45em {
margin-right:4.5em !important;
}
.marginright5em {
margin-right:5em !important;
}
.marginleft05em {
margin-left:0.5em !important;
}
.marginleft1em {
margin-left:1em !important;
}
.marginleft15em {
margin-left:1.5em !important;
}
.marginleft2em {
margin-left:2em !important;
}
.marginleft25em {
margin-left:2.5em !important;
}
.marginleft3em {
margin-left:3em !important;
}
.marginbleft35em {
margin-left:3.5em !important;
}
.marginleft4em {
margin-left:4em !important;
}
.marginleft45em {
margin-left:4.5em !important;
}
.marginleft5em {
margin-left:5em !important;
}
.nomargintop {
margin-top: 0 !important;
}
.nomarginright {
margin-right: 0 !important;
}
.nomarginbottom {
margin-bottom: 0 !important;
}
.nomarginleft {
margin-left: 0 !important;
}
.nopaddingtop {
padding-top: 0 !important;
}
.nopaddingright {
padding-right: 0 !important;
}
.nopaddingbottom {
padding-bottom: 0 !important;
}
.nopaddingleft {
padding-left: 0 !important;
}
/* ABSTÄNDE ENDE */
/* LAYOUT
------------------------------------------------- */
.centerbox {
text-align: center !important;
}
.center {
margin: 0 auto;
text-align: center !important;
}
.untertitelbox {
text-align: center !important;
}
.untertitelbox img {
margin-bottom: 10px !important;
}
.untertitelbox p{
margin: 5px 0 50px 0;
}
@media (min-width: 768px) {
.untertitelbox p{
margin: 10px 0 50px 0;
}
}
@media (min-width: 992px) {
.untertitelbox p{
margin: 10px 0 20px 0;
}
}
#clear {
clear: both;
}
.clear {
clear: both;
}
.hinweisbox {
padding: 2em;
background: rgb(var(--hinweisboxfarbe_rgb));
background: -moz-linear-gradient(170deg, rgba(var(--hinweisboxfarbe_rgb),1) 0%, rgba(var(--hinweisboxfarbe_rgb),0.8) 79%);
background: -webkit-linear-gradient(170deg, rgba(var(--hinweisboxfarbe_rgb),1) 0%, rgba(var(--hinweisboxfarbe_rgb),0.8) 79%);
background: linear-gradient(170deg, rgba(var(--hinweisboxfarbe_rgb),1) 0%, rgba(var(--hinweisboxfarbe_rgb),0.8) 79%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#ffffff",GradientType=1);
color: var(--hinweisboxtextfarbe_hex);
}
.hinweisbox i {
color: var(--hinweisboxtextfarbe_hex);
}
.hinweisbox-equal {
padding: 2em;
background: rgb(var(--hinweisboxfarbe_rgb));
background: -moz-linear-gradient(170deg, rgba(var(--hinweisboxfarbe_rgb),1) 0%, rgba(var(--hinweisboxfarbe_rgb),0.8) 79%);
background: -webkit-linear-gradient(170deg, rgba(var(--hinweisboxfarbe_rgb),1) 0%, rgba(var(--hinweisboxfarbe_rgb),0.8) 79%);
background: linear-gradient(170deg, rgba(var(--hinweisboxfarbe_rgb),1) 0%, rgba(var(--hinweisboxfarbe_rgb),0.8) 79%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#ffffff",GradientType=1);
color: var(--hinweisboxtextfarbe_hex);
}
.hinweisbox-equal i {
color: var(--hinweisboxtextfarbe_hex);
}
@media (max-width: 575px) {
.hinweisbox-equal {
margin-bottom: 15px;
}
}
@media (min-width: 576px) {
.hinweisbox-equal {
height: 100%;
}
}
@media (max-width: 575px) {
.equal-height {
margin-bottom: 15px;
}
}
@media (min-width: 576px) {
.equal-height {
height: 100%;
}
}
.kde-header { /* kennstdueinen-Farbe */
background-color: var(--templatefarbe_hex) !important;
}
.float-none {
float: none;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.beratung {
margin-top: 4em;
}
/* LAYOUT ENDE */
/* IFRAMES
------------------------------------------------- */
iframe {
border: none;
}
.youtube,
.youtube-klein {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 88%;
}
@media (min-width: 768px) {
.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 93%;
}
}
.youtube-klein iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 85%;
}
@media (min-width: 768px) {
.youtube-klein iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 87%;
}
}
@media (min-width: 992px) {
.youtube-klein iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 86%;
}
}
@media (min-width: 1200px) {
.youtube-klein iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 91%;
}
}
.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 88%;
}
@media (min-width: 768px) {
.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 93%;
}
}
/* IFRAMES ENDE */
/* BILDER
------------------------------------------------- */
img {
max-width: 100%;
height: auto;
text-align: center;
}
.produktbild {
width: 100%;
}
.produktbild:hover {
transform: scale(1.1);
}
.nooverflow {
overflow: hidden;
}
.row img {
margin-bottom: 15px;
text-align: center;
}
@media (min-width: 768px) {
.row img {
margin-bottom: 30px;
}
}
#teaser,
.teaser {
margin-bottom: 0 !important;
}
#teaser2,
.teaser2 {
margin-bottom: 2em !important;
}
#teaser ul {
margin: 0 !important;
}
#teaser::before,
#teaser::after{
border-color: rgba(var(--templatefarbe_rgb), 1) !important;
}
.startbild {
margin-top: 20px;
padding: 5px;
background: #fff;
}
@media (min-width: 768px) {
.startbild {
margin-top: 40px;
padding: 20px 20px 0 20px;
}
}
.welcome {
overflow: hidden !important;
}
.welcome {
background: rgba(var(--welcomeboxhintergrundfarbe_rgb), 0.85);
color: var(--welcomeboxtextfarbe_hex) !important;
width: 100%;/*2023*/
text-align: center;/*2023*/
}
.bildlinks {
float: left;
margin-right: 35px;
}
.bildlinks2 {
float: left;
margin-right: 50px;
}
.referenzen img {
margin-bottom: 15px;
}
/* BILDER ENDE */
/* AUFZÄHLUNGEN
------------------------------------------------- */
ul{
list-style-type: disc; /* für Listen ohne FontAwesome Icon */
margin: 1em 0 1em 1.3em;
padding-left: 0 !important;
}
ul.hakenliste {
margin-top: 1.5em;
margin-right: 0.3em;
margin-left: 0.2em;
margin-bottom: 0em;
}
ul.hakenliste li {
list-style-type: none;
margin-bottom: 1.5em;
padding-left: 1.5em;
text-indent: -1em;
}
ul.hakenliste i {
color: var(--templatefarbe_hex)!important;
width: 15px;
text-align: center;
}
@media (min-width: 1300px) {
ul.hakenliste i { /* Extra Abstand speziell für Überschrift-Hakenlisten mit
für 2. Zeile in großer Bildschirmgröße */
margin-right: 0.2em;
}
}
/* AUFZÄHLUNGEN ENDE */
/* TABELLEN
------------------------------------------------- */
table.bildtabelle {
width: 100%;
margin-top: 10px;
}
table.bildtabelle td{
padding-bottom: 30px;
}
table.bildtabelle td.bildtabelletd1 {
width: 12%;
vertical-align: top;
}
table.bildtabelle td.bildtabelletd2 {
width: 88%;
vertical-align: top;
}
table.bildtabelle img {
padding: 5px 0;
max-width: 75%;
height: auto;
}
@media (min-width: 768px) {
table.bildtabelle img {
padding: 5px 0;
max-width: 90%;
height: auto;
}
}
table.produktaufzaehlung {
width: 100%;
margin-top: 10px;
}
table.produktaufzaehlung td.produktaufzaehlungtd1 {
width: 30%;
vertical-align: middle;
}
table.produktaufzaehlung td.produktaufzaehlungtd2 {
width: 70%;
vertical-align: middle;
}
table.produktaufzaehlung img{
padding: 15px 0 15px 0;
max-width: 90%;
height: auto;
}
table.produktaufzaehlung h4{
font-size: 15px;
line-height: 1.2em;
margin-top: 0;
}
@media (min-width: 768px) {
table.produktaufzaehlung h4{
font-size: 18px;
line-height: 1.5em;
margin-top: 0;
}
}
@media (min-width: 992px) {
table.produktaufzaehlung h4{
font-size: 18px;
line-height: 1.5em;
margin-top: 0;
}
}
@media (min-width: 1200px) {
table.produktaufzaehlung h4{
font-size: 19px;
line-height: 1.5em;
margin-top: 0;
}
}
@media (min-width: 1440px) {
table.produktaufzaehlung h4{
font-size: 21px;
line-height: 1.5em;
margin-top: 0;
}
}
table.produktaufzaehlung p{
font-size: 17px;
line-height: 1.4em;
margin-bottom: 2em;
}
@media (min-width: 768px) {
table.produktaufzaehlung p{
font-size: 18px;
line-height: 1.5em;
margin-bottom: 0em;
}
}
@media (min-width: 1200px) {
table.produktaufzaehlung p{
font-size: 19px;
line-height: 1.5em;
margin-bottom: 0em;
}
}
@media (min-width: 1440px) {
table.produktaufzaehlung p{
font-size: 20px;
line-height: 1.5em;
margin-bottom: 0em;
}
}
td.partner-ueberblicktd1 {
width: 45%;
}
@media (min-width: 768px) {
td.partner-ueberblicktd1 {
width: 20%;
}
}
.partner-ueberblick { /*Tabelle auf Über-Uns-Seite*/
width: 100%;
border: none;
margin-top: 20px;
}
.partner-ueberblick td{
vertical-align: top;
}
/* TABELLEN ENDE */
/* BUTTONS
------------------------------------------------- */
.facebook-button, .instagram-button {
font-size: 13px;
height: 30px;
line-height: 30px;
text-align: left;
}
.facebook-button a {
text-decoration: none;
font-weight: bold;
color: #fff;
text-align: center;
padding: 10px 20px 10px 18px;
width: 100px;
background: #3b5998;
}
.instagram-button a {
text-decoration: none;
font-weight: bold;
color: #fff;
text-align: center;
padding: 10px 20px 10px 18px;
width: 100px;
background-color: #ffd522;
background-image: -webkit-linear-gradient(341deg, #ffd522 0%, #fa7012 18%, #FF0000 50%, #e40033 72%, #d80055 87%, #c90082 100%);
background-image: -o-linear-gradient(341deg, #ffd522 0%, #fa7012 18%, #FF0000 50%, #e40033 72%, #d80055 87%, #c90082 100%);
background-image: linear-gradient(71deg, #ffd522 0%, #fa7012 18%, #FF0000 50%, #e40033 72%, #d80055 87%, #c90082 100%);
}
.facebook-button a:hover,
.facebook-button a:focus,
.instagram-button a:hover,
.instagram-button a:focus {
background: #adadad;
}
.kontaktaufruf {
font-size: 13px;
margin-bottom: 1em;
height: 30px;
line-height: 30px;
text-align: left;
}
.kontaktaufruf a {
text-decoration: none;
font-weight: bold;
color: #fff;
text-align: center;
padding: 10px 20px 10px 18px;
width: 100px;
background: var(--akzentfarbe_hex);
}
.kontaktaufruf a:hover,
.kontaktaufruf a:focus {
background: #adadad;
}
@media (min-width: 768px){
.kontakt-float {
float: left;
margin-right: 5px;
}
}
.back-to-top-button { /* neuer nach Oben button mit Pfeil */
background: rgba(var(--akzentfarbe_rgb), 0.8);
position: fixed;
padding: 12px 15px;
bottom: 15px;
right: 15px;
font-size: 30px;
color: #fff;
margin: 0;
border-radius: 2px;
z-index: 8000;
}
.back-to-top-button:hover {
background: rgba(var(--akzentfarbe_rgb), 0.9);
}
.telefon-button { /* neuer Telefon-Button */
background: rgba(var(--akzentfarbe_rgb), 0.8);
position: fixed;
padding: 12px;
bottom: 15px;
left: 15px;
font-size: 30px;
color: #fff;
margin: 0;
border-radius: 2px;
z-index: 8000;
}
@media (max-width: 575px) {
.telefon-button,
.back-to-top-button {
bottom: 50px;
}
}
a.back-to-top-button:hover,
a.back-to-top-button:focus,
a.telefon-button:hover,
a.telefon-button:focus {
color: #fff;
background: rgba(var(--akzentfarbe_rgb), 0.9);
}
/* Colour Bootstrap Default Button in Kundenfabe */
.btn-default
{
background-color: var(--templatefarbe_hex)!important;
border-color: var(--templatefarbe_hex)!important;
color:#FFF;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
background-color: #ccc!important;
border-color: #ccc!important;
color:#FFF;
}
.btn-default a,
.btn-default a:hover,
.btn-default a:focus {
text-decoration: none;
color:#FFF;
}
button a {
text-decoration: none!important;
}
/* BUTTONS ENDE */
/* FROALA VEREINH.
------------------------------------------------- */
.fr-view .fr-file::after {
content: none!important;
}
.fr-popup .fr-input-line input[type="text"],
.fr-popup .fr-input-line textarea {
font-size: 16px !important;
height: 70px !important;
}
#froala-editor ul { /* Resettet den Abstand der Listen so dass man die Zahlen sieht und die Bullets eingerückt sind */
padding: 0 0 1.5em 1.5em;
}
#froala-editor ol {
padding: 0 0 1.5em 2.5em;
}
.fr-view h2,
.fr-view h3,
.fr-view h4,
.startnews h2,
.startnews h3,
.startnews h4 {
margin-top: 0 !important;
}
.fr-view iframe {
width: 100%;
display: block;
}
/* FROALA VEREINH. ENDE */
/* SEITENBEREICHE ------------------------------------------------- */
/* SEITENBEREICHE ------------------------------------------------- */
/* SEITENBEREICHE ------------------------------------------------- */
/* SEITENBEREICHE ------------------------------------------------- */
/* SEITENBEREICHE ------------------------------------------------- */
/* KOPFBEREICH -------------------------------*/
#kopfbereich{
background-color: var(--menuhintergrundfarbe_hex);
padding: 0 0px;
}
@media (min-width: 576px) {
#kopfbereich{
padding: 0 0px;
}
}
@media (min-width: 768px) {
#kopfbereich {
padding: 0 30px;
}
}
@media (min-width: 992px) {
#kopfbereich {
padding: 10px 30px;
-webkit-transition: padding 0.4s linear;
-moz-transition: padding 0.4s linear;
-ms-transition: padding 0.4s linear;
-o-transition: padding 0.4s linear;
transition: padding 0.4s linear;
}
.scrolled #kopfbereich { /* damit paqdding von #logo undverändert bleiben kann und nicht flackert, bei mobil aber dennoch einen kleineren Rand hat */
padding: 0px 30px;
-webkit-transition: padding 0.4s linear;
-moz-transition: padding 0.4s linear;
-ms-transition: padding 0.4s linear;
-o-transition: padding 0.4s linear;
transition: padding 0.4s linear;
}
}
#innerkopfbereich{
height: 75px;
background-color: var(--menuhintergrundfarbe_hex);
-webkit-transition: height 0.4s linear;
-moz-transition: height 0.4s linear;
-ms-transition: height 0.4s linear;
-o-transition: height 0.4s linear;
transition: height 0.4s linear;
}
@media (min-width: 576px) {
#innerkopfbereich{
height: 90px;
}
.scrolled #innerkopfbereich {
height: 90px;
-webkit-transition: height 0.4s linear;
-moz-transition: height 0.4s linear;
-ms-transition: height 0.4s linear;
-o-transition: height 0.4s linear;
transition: height 0.4s linear;
}
}
@media (min-width: 768px) {
#innerkopfbereich {
height: 90px;
}
.scrolled #innerkopfbereich {
height: 90px !important;
}
}
@media (min-width: 992px) {
#innerkopfbereich {
height: 90px;
}
.scrolled #innerkopfbereich {
height: 90px !important;
}
}
@media (min-width: 1200px) {
#innerkopfbereich {
height: 100px;
}
.scrolled #innerkopfbereich {
height: 90px !important;
}
}
@media (min-width: 1440px) {
#innerkopfbereich {
height: 120px;
}
.scrolled #innerkopfbereich {
height: 90px !important;
}
}
/* INFOBAR -------------------------------*/
#infobar{
width: 100%;
height: 30px;
text-align: right;
background-color: var(--infobarhintergrundfarbe_hex);
}
@media (min-width: 768px) {
#infobar{
height: 35px;
}
}
@media (min-width: 992px) {
#infobar{
height: 40px;
}
}
#infobar p {
text-align: center;
margin: 0;
font-family: 'Assistant', sans-serif!important;
font-size: 12px;
line-height: 30px;
font-weight: bold;
color: var(--infobartextfarbe_hex)
}
@media (min-width: 768px) {
#infobar p {
font-size: 13px;
line-height: 35px;
}
}
@media (min-width: 992px) {
#infobar p {
font-size: 14px;
line-height: 40px;
}
}
@media (min-width: 1200px) {
#infobar p {
font-size: 16px;
}
}
@media (min-width: 768px) {
#infobar p.infobar-links {
float: left;
}
}
@media (min-width: 768px) {
#infobar p.infobar-rechts {
float: right;
}
}
#infobar a {
text-decoration: none;
}
#infobar a:hover, #infobar a:focus {
color: inherit;
text-decoration: underline;
}
.inverse-infobar,
.inverse-infobar .container {
background-color: #fff !important;
}
.inverse-infobar p {
color: var(--textfarbe_hex) !important;
}
.scroll-menu { /* Hintergrundleiste für Menü wenn es oben fixiert wird */
background-color: #444;
z-index: 1000;
}
/* LOGO
------------------------------------------------- */
/* LOGO
------------------------------------------------- */
#logo{
height: 100%;
width: 150px;
float: left;
padding: 10px 0;
}
@media (min-width: 576px) {
#logo{
width: 200px;
}
}
@media (min-width: 768px) {
#logo{
width: 200px;
}
}
@media (min-width: 992px) {
#logo{
width: 183px;
}
.scrolled #logo {
}
}
@media (min-width: 1200px) {
#logo{
width: 270px;
}
.scrolled #logo {
}
}
#logo img {
height: 100%;
width: auto;
}
.logo-right {
float: right !important;
}
.logo-left {
float: left !important;
}
/* BREADCRUMBS
------------------------------------------------- */
.breadcrumb {
padding: 0px;
margin-bottom: 15px;
list-style: none;
background-color: inherit;
border-radius: 0px;
}
@media (min-width: 768px) {
.breadcrumb {
margin-bottom: 15px;
}
}
@media (min-width: 992px) {
.breadcrumb {
margin-bottom: 30px;
}
}
.breadcrumb span,
.breadcrumb .breadcrumb-item {
font-size: 12px;
}
@media (min-width: 992px) {
.breadcrumb span,
.breadcrumb .breadcrumb-item {
font-size: 14px;
}
}
.breadcrumb .breadcrumb-item .active{
font-weight: bold;
}
.breadcrumb-item.active {
color: var(--textfarbe_hex);
}
/* BREADCRUMBS */
/* HAUPTNAVIGATION
------------------------------------------------- */
#mainmenu {
font-family: 'Assistant', sans-serif!important;
height: 100%; /* zentriert vertikal */
}
.navbar-default,
.navbar-collapse {
border: none;
background-color: transparent;
}
@media (min-width: 991px) { /* überschreibt Bootstrap (992), weil Menü zwischen 768 und 991 sonst nicht angezeigt wird) */
#mainmenu .navbar-collapse {
width: auto;
border-top: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
#mainmenu .navbar-collapse.collapse {
/* display: block !important; bootstrap4 - deleted this to center the navigation in div #hauptnavigation*/
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
visibility: visible !important;
}
#mainmenu .navbar-collapse.in {
overflow-y: visible;
}
#mainmenu .navbar-fixed-top .navbar-collapse,
#mainmenu .navbar-static-top .navbar-collapse,
#mainmenu .navbar-fixed-bottom .navbar-collapse {
padding-right: 0;
padding-left: 0;
}
}
#mainmenu .navbar-default {
display: flex; /* zentriert vertikal */
justify-content: center;
flex-direction: column;
height: 100%;
background: transparent;
position: relative;
border: none;
margin-top: 0px;
margin-bottom: 0px;
-webkit-transition: margin-top 0.4s linear;
-moz-transition: margin-top 0.4s linear;
-ms-transition: margin-top 0.4s linear;
-o-transition: margin-top 0.4s linear;
transition: margin-top 0.4s linear;
}
@media (min-width: 992px) {
#mainmenu .navbar-default {
-webkit-transition: margin-top 0s linear;
-moz-transition: margin-top 0s linear;
-ms-transition: margin-top 0s linear;
-o-transition: margin-top 0s linear;
transition: margin-top 0s linear;
}
.scrolled #mainmenu .navbar-default {
/*margin-top: 29px;*/
-webkit-transition: margin-top 0.4s linear;
-moz-transition: margin-top 0.4s linear;
-ms-transition: margin-top 0.4s linear;
-o-transition: margin-top 0.4s linear;
transition: margin-top 0.4s linear;
}
}
@media (min-width: 1200px) {
#mainmenu .navbar-default {
/*margin-top: 51px;*/
}
.scrolled #mainmenu .navbar-default {
/*margin-top: 26px;*/
}
}
#mainmenu .navbar-default ul.nav {
/* display: inline-block;*/ /* bootstrap4 - deleted this to make nav horizontal*/
background-color: inherit;
line-height: 1.5em;
}
@media (min-width: 768px) {
#mainmenu .navbar-default ul.nav {
margin: 0;
}
}
@media (min-width: 992px) {
#mainmenu .navbar-default ul.nav {
margin-right: -5px; /* gleicht margin-rechts 5px des letzen li aus */
}
}
#mainmenu .navbar-default ul.nav li {
position: relative;
/*display: flex; 2023*/
margin-right: 2px;
clear: left;
}
#mainmenu .navbar-default ul.nav li a {
position: relative;
display: block;
padding: 5px 12px;
text-decoration: none;
flex-grow: 100;
}
@media (min-width: 768px) {
#mainmenu .navbar-default ul.nav li a {
padding: 5px 6px;
}
}
@media (min-width: 992px) {
#mainmenu .navbar-default ul.nav li a {
padding: 6px 7px;
}
}
@media (min-width: 1200px) {
#mainmenu .navbar-default ul.nav li a{
padding: 9px 11px;
}
}
@media (min-width: 768px) {
#mainmenu .navbar-default ul.nav > li > a {
font-size: 14px;
}
}
@media (min-width: 992px) {
#mainmenu .navbar-default ul.nav > li > a {
font-size: 16px;
}
}
@media (min-width: 1200px) {
#mainmenu .navbar-default ul.nav > li > a {
font-size: 18px;
}
}
@media (min-width: 1440px) {
#mainmenu .navbar-default ul.nav > li > a {
font-size: 20px;
}
}
#mainmenu .navbar-default ul.nav > li > a {
color: var(--textfarbe_hex);
font-weight: bold;
}
@media (min-width: 992px) {
#mainmenu .navbar-default ul.nav li a.active,
#mainmenu .navbar-default ul.nav li a.active:hover,
#mainmenu .navbar-default ul.nav li a.active:focus,
#hauptnavigation > ul > li.dropdown.m_open.open > ul > li.dropdown-submenu.m_open.grau > a {
color: #fff;
background-color: var(--akzentfarbe_hex);
cursor: default;
}
#mainmenu .navbar-default ul.nav li a:hover,
#mainmenu .navbar-default ul.nav li a:focus {
color: var(--textfarbe_hex);
text-decoration: none;
background-color: #e3e3e3;
}
}
/* Ergänzung für lange Menünamen */
@media screen and (max-width: 991px) {
.sidebarnavititle.active .hoehe,
.dropdown-submenu.m_open.grau a.hoehe,
.dropdown-submenu.grau a.hoehe,
#mainmenu .navbar-default ul.nav li a.hoehe {
height: 70px;
line-height: 25px;
padding-top: 9px !important;
}
}
@media screen and (max-width: 991px) {
.sidebarnavititle.active .abstand,
.dropdown-submenu.m_open.grau a .abstand,
.dropdown-submenu.grau a .abstand,
#mainmenu .navbar-default ul.nav li a .abstand {
padding-left: 10px;
}
}
@media screen and (max-width: 991px) {
.sidebarnavititle.active .abstand2,
.dropdown-submenu.m_open.grau a .abstand2,
.dropdown-submenu.grau a .abstand2,
#mainmenu .navbar-default ul.nav li a .abstand2 {
padding-left: 20px;
}
}
.menu-right {
float: right !important;
}
.menu-left {
float: left !important;
}
.menu-center {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
/* HAUPTNAVIGATION */
/* FIXIERTES HAUPTMENÜ
------------------------------------------------- */
.fix-mainmenu{
position: fixed;
top: 0;
width: 100%;
clear: both;
z-index: 4000;
left: 0;
right: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
body.weik-sidepmenu-push-toright .fix-mainmenu{
left: -290px;
}
/* FIXIERTES HAUPTMENÜ */
/* DROPDOWN
------------------------------------------------- */
/* DROPDOWN-Menü: Abstand rechts korrigiert + Ecken nicht mehr abgerundet */
.dropdown-menu {
border-radius: 0!important;
}
li.dropdown-submenu,
li.dropdown-submenu > ul >li {
margin-right: 0!important;
}
/* DROPDOWN */
/* MEGAMENU
------------------------------------------------- */
.megamenu {
position: static !important;
}
.megamenu .container {
background-color: transparent !important;
}
.megamenu .container-fluid{
padding: 0 30px !important;
}
.megamenu .dropdown-menu {
background: none;
border: none;
width: 100%;
left: 0%;
}
.megamenuextratext {
border: 4px solid var(--templatefarbe_hex);
padding: 15px;
margin-top: 30px;
}
@media (max-width: 991px) {
.megamenu .megamenu-submenu {
display: none;
}
}
.megamenu .megamenu-submenu.open {
display: block;
}
@media (min-width: 991px) {
.megamenu-nav {
position: static !important;
}
}
@media (min-width: 991px) { /* ÄNDERUNGEN FÜR MEGAMENÜ NICHT BEI BURGERMENU */
.megamenu div.dropdown-menu {
margin: 0 !important;
padding: 0 !important;
}
}
@media (min-width: 992px) {
.megamenubox {
background-color: #fff;
-webkit-box-shadow: 0px 20px 50px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 20px 50px 0px rgba(0,0,0,0.4);
box-shadow: 0px 20px 50px 0px rgba(0,0,0,0.4);
}
}
@media (min-width: 992px) {
.megamenuboxinner {
padding: 30px 0 30px 15px;
text-align: center;
}
}
.megamenurechts {
padding: 15px;
}
.megamenurechts p,
.megamenurechts img {
margin: 0 !important;
}
.megamenuextratext a:hover,
.megamenuextratext a:focus,
.megamenurechts a:hover,
.megamenurechts a:focus {
background-color: transparent !important;
}
.megamenukontakt a:hover,
.megamenukontakt a:focus{
background-color: transparent !important;
color: #e1e1e1 !important;
cursor: pointer;
}
.megamenuboxinner .col-lg-4,
.megamenuboxinner .col-lg-6 {
border-right: 1px solid #ccc;
}
.megamenuboxinner .megamenu-standardlinks a {
align-items: center;
justify-content: center;
}
.megamenukontakt {
background: var(--buttonfarbe_hex);
color: var(--buttontextfarbe_hex);
padding: 5px 15px;
text-align: center;
}
@media (min-width: 992px) {
.megamenu-subheading,
.megamenu-header {
text-align: left;
}
}
@media (min-width: 992px) {
.megamenu-subheading,
.megamenu-header {
font-size: 21px;
font-weight: bold;
margin-bottom: 3px;
display: flex !important;
}
}
@media (min-width: 1200px) {
.megamenu-subheading,
.megamenu-header {
font-size: 22px;
font-weight: bold;
}
}
.megamenu-submenu {
margin: 0 !important;
}
@media (min-width: 992px) {
.megamenu-submenu a.activeparent {
background-color: #f0f0f0 !important;
color: #2c3034!important;
}
}
@media (min-width: 992px) {
.megamenu-subheading,
#hauptnavigation > ul > li.nav-item.megamenu.dropdown.open li {
margin-right: 0px !important;
}
}
@media (min-width: 992px) {
.megamenu-subheading,
#hauptnavigation > ul > li.nav-item.megamenu.dropdown.open li a {
padding: 15px 15px !important;
}
}
@media (max-width: 991px) {
#hauptnavigation > ul > li.nav-item.megamenu.dropdown.open div {
margin-left: 0px !important;
margin-right: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
width: 100%;
max-width: 100%;
position: static;
}
}
@media (max-width: 991px) {
#hauptnavigation > ul > li.nav-item.megamenu.dropdown.open ul {
margin-top: 0px !important;
margin-left: 0px !important;
width: 100%;
}
}
@media (max-width: 991px) {
#hauptnavigation > ul > li.nav-item.megamenu .container,
#hauptnavigation > ul > li.nav-item.megamenu .row {
margin-left: 0px !important;
margin-right: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
width: 100%;
max-width: 100%;
}
}
@media (max-width: 991px) {
.megamenubox.col-1, .megamenubox.col-2, .megamenubox.col-3, .megamenubox.col-4, .megamenubox.col-5, .megamenubox.col-6, .megamenubox.col-7, .megamenubox.col-8, .megamenubox.col-9, .megamenubox.col-10, .megamenubox.col-11, .megamenubox.col-12, .megamenubox.col, .megamenubox.col-auto, .megamenubox.col-sm-1, .megamenubox.col-sm-2, .megamenubox.col-sm-3, .megamenubox.col-sm-4, .megamenubox.col-sm-5, .megamenubox.col-sm-6, .megamenubox.col-sm-7, .megamenubox.col-sm-8, .megamenubox.col-sm-9, .megamenubox.col-sm-10, .megamenubox.col-sm-11, .megamenubox.col-sm-12, .megamenubox.col-sm, .megamenubox.col-sm-auto, .megamenubox.col-md-1, .megamenubox.col-md-2, .megamenubox.col-md-3, .megamenubox.col-md-4, .megamenubox.col-md-5, .megamenubox.col-md-6, .megamenubox.col-md-7, .megamenubox.col-md-8, .megamenubox.col-md-9, .megamenubox.col-md-10, .megamenubox.col-md-11, .megamenubox.col-md-12, .megamenubox.col-md, .megamenubox.col-md-auto, .megamenubox.col-lg-1, .megamenubox.col-lg-2, .megamenubox.col-lg-3, .megamenubox.col-lg-4, .megamenubox.col-lg-5, .megamenubox.col-lg-6, .megamenubox.col-lg-7, .megamenubox.col-lg-8, .megamenubox.col-lg-9, .megamenubox.col-lg-10, .megamenubox.col-lg-11, .megamenubox.col-lg-12, .megamenubox.col-lg, .megamenubox.col-lg-auto, .megamenubox.col-xl-1, .megamenubox.col-xl-2, .megamenubox.col-xl-3, .megamenubox.col-xl-4, .megamenubox.col-xl-5, .megamenubox.col-xl-6, .megamenubox.col-xl-7, .megamenubox.col-xl-8, .megamenubox.col-xl-9, .megamenubox.col-xl-10, .megamenubox.col-xl-11, .megamenubox.col-xl-12, .megamenubox.col-xl, .megamenubox.col-xl-auto {
padding-right: 0px !important;
padding-left: 0px !important;
margin-left: 0px !important;
margin-right: 0px !important;
}
}
@media (min-width: 992px) {
.megamenu.col-1, .megamenu.col-2, .megamenu.col-3, .megamenu.col-4, .megamenu.col-5, .megamenu.col-6, .megamenu.col-7, .megamenu.col-8, .megamenu.col-9, .megamenu.col-10, .megamenu.col-11, .megamenu.col-12, .megamenu.col, .megamenu.col-auto, .megamenu.col-sm-1, .megamenu.col-sm-2, .megamenu.col-sm-3, .megamenu.col-sm-4, .megamenu.col-sm-5, .megamenu.col-sm-6, .megamenu.col-sm-7, .megamenu.col-sm-8, .megamenu.col-sm-9, .megamenu.col-sm-10, .megamenu.col-sm-11, .megamenu.col-sm-12, .megamenu.col-sm, .megamenu.col-sm-auto, .megamenu.col-md-1, .megamenu.col-md-2, .megamenu.col-md-3, .megamenu.col-md-4, .megamenu.col-md-5, .megamenu.col-md-6, .megamenu.col-md-7, .megamenu.col-md-8, .megamenu.col-md-9, .megamenu.col-md-10, .megamenu.col-md-11, .megamenu.col-md-12, .megamenu.col-md, .megamenu.col-md-auto, .megamenu.col-lg-1, .megamenu.col-lg-2, .megamenu.col-lg-3, .megamenu.col-lg-4, .megamenu.col-lg-5, .megamenu.col-lg-6, .megamenu.col-lg-7, .megamenu.col-lg-8, .megamenu.col-lg-9, .megamenu.col-lg-10, .megamenu.col-lg-11, .megamenu.col-lg-12, .megamenu.col-lg, .megamenu.col-lg-auto, .megamenu.col-xl-1, .megamenu.col-xl-2, .megamenu.col-xl-3, .megamenu.col-xl-4, .megamenu.col-xl-5, .megamenu.col-xl-6, .megamenu.col-xl-7, .megamenu.col-xl-8, .megamenu.col-xl-9, .megamenu.col-xl-10, .megamenu.col-xl-11, .megamenu.col-xl-12, .megamenu.col-xl, .megamenu.col-xl-auto {
padding-right: 10px !important;
padding-left: 10px !important;
margin-top: 10px !important;
margin-bottom: 10px !important;
}
}
@media (max-width: 767px) {
a.megamenu-subheading,
#hauptnavigation > ul > li.nav-item.megamenu.dropdown.open ul li a {
padding-left: 33px !important;
}
}
@media (max-width: 991px) {
a.megamenu-subheading,
#hauptnavigation > ul > li.nav-item.megamenu.dropdown.open ul li a {
padding-left: 33px !important;
}
}
@media (max-width: 991px) {
#mainmenu .navbar-collapse > .grau {
background-color: var(--textfarbe_hex);
}
#hauptnavigation > ul > li.nav-item.megamenu.dropdown.open > div > div > div > div > div > div > ul > li > a {
background-color: #595959!important;
}
}
@media (max-width: 991px) {
#hauptnavigation > ul > li.nav-item.megamenu.dropdown.open > div > div > div > div > div > div > ul > li > a:focus,
#hauptnavigation > ul > li.nav-item.megamenu.dropdown.open > div > div > div > div > div > div > ul > li > a:hover,
#hauptnavigation > ul > li.nav-item.megamenu.dropdown.open > div > div > div > div > div > div > ul > li > a.activeparent {
background-color: #4a4a4a !important;
}
}
/* MEGAMENU */
/* HAUPTBEREICHWRAP
------------------------------------------------- */
#hauptbereichwrap {
margin-top: 105px;
}
@media (min-width: 576px) {
#hauptbereichwrap {
margin-top: 120px;
}
}
@media (min-width: 768px) {
#hauptbereichwrap {
margin-top: 125px;
}
}
@media (min-width: 992px) {
#hauptbereichwrap {
margin-top: 150px;
}
.scrolled #hauptbereichwrap {
margin-top: 100px;
-webkit-transition: margin 0.4s linear;
-moz-transition: margin 0.4s linear;
-ms-transition: margin 0.4s linear;
-o-transition: margin 0.4s linear;
transition: margin 0.4s linear;
}
}
@media (min-width: 1200px) {
#hauptbereichwrap {
margin-top: 180px;
}
.scrolled #hauptbereichwrap {
margin-top: 130px;
-webkit-transition: margin 0.4s linear;
-moz-transition: margin 0.4s linear;
-ms-transition: margin 0.4s linear;
-o-transition: margin 0.4s linear;
transition: margin 0.4s linear;
}
}
/* HAUPTBEREICHWRAP ENDE */
/* HAUPTBEREICH
------------------------------------------------- */
#hauptbereich {
clear: both;
background-color: var(--hintergrundfarbe_hex);
padding-left: 0;
padding-right: 0;
padding-bottom: 15px;
}
@media (min-width: 768px) {
#hauptbereich {
padding-left: 30px;
padding-right: 30px;
padding-bottom: 30px;
}
}
#innerhauptbereich {
overflow: hidden;
padding: 30px 0;
}
@media (min-width: 768px) {
#innerhauptbereich {
padding: 30px 0;
}
}
@media (min-width: 992px) {
#innerhauptbereich {
padding: 30px 0;
}
}
/* HAUPTBEREICH ENDE */
/* SIDEBAR
-------------------------------------------------------- */
#sidebar .navbar-default {
background-color: inherit;
margin-bottom: 15px;
}
@media (min-width: 991px) {
#sidebar .navbar-default {
display:block;
}
#sidebar .navbar-default .collapse{
display:block;
visibility:visible;
}
}
#sidebar .navbar-collapse {
padding-right: 0px;
padding-left: 0px;
}
#sidebar ul.nav {
margin: 0;
}
#sidebar a.sidebarnavititle { /* wie productcontent h1 */
font-size: 26px;
color: inherit;
text-decoration: none;
font-weight: 700;
line-height: 1.5em;
}
#sidebar h2 {
margin-bottom: 0.5em !important;
}
/* SCHRIFTGRÖßEN */
/* Ebene 1: Fenster, Türen...*/
#sidebar ul.nav li a{
color: inherit;
text-decoration: none;
font-size:16px;
}
/* Ebene 2*/
#sidebar ul.nav li ul li a{
color: inherit;
font-size: 15px;
}
/* Ebene 3*/
#sidebar ul.nav li ul li ul li a{
color: inherit;
font-size: 14px;
}
/* Ebene 4*/
#sidebar ul.nav li ul li ul li ul li a{
color: inherit;
font-size: 13px;
}
@media (min-width: 1200px) {
/* Ebene 1: Fenster, Türen...*/
#sidebar ul.nav li a{
font-size:18px;
}
/* Ebene 2*/
#sidebar ul.nav li ul li a{
font-size: 17px;
}
/* Ebene 3*/
#sidebar ul.nav li ul li ul li a{
font-size: 16px;
}
/* Ebene 4*/
#sidebar ul.nav li ul li ul li ul li a{
font-size: 15px;
}
}
@media (min-width: 1440px) {
/* Ebene 1: Fenster, Türen...*/
#sidebar ul.nav li a{
font-size:20px;
}
/* Ebene 2*/
#sidebar ul.nav li ul li a{
font-size: 19px;
}
/* Ebene 3*/
#sidebar ul.nav li ul li ul li a{
font-size: 18px;
}
/* Ebene 4*/
#sidebar ul.nav li ul li ul li ul li a{
font-size: 17px;
}
}
/* EINRÜCKUNGEN */
#sidebar ul.nav li a {
padding: 9px 18px 9px 12px !important;
}
#sidebar ul.nav li a.nav-zwei {
padding: 9px 18px 9px 20px !important;
}
#sidebar ul.nav li ul li a.nav-drei {
padding: 6px 18px 6px 30px !important;
}
#sidebar ul.nav li ul li ul li a.nav-vier {
padding: 9px 18px 9px 42px !important;
}
/* FARBEN */
#sidebar ul.nav li a.active, /* Aktives Navi-Element außerhalb der grauen Box*/
#sidebar ul.nav li a.active:hover,
#sidebar ul.nav li a.active:focus {
color: #fff;
font-weight: bold;
background-color: var(--templatefarbe_hex);
cursor: default;
}
#sidebar ul.nav li a:hover, /* Hover außerhalb der grauen Box in Templatefarbe */
#sidebar ul.nav li a:focus {
color: #fff;
font-weight: bold;
background-color: var(--templatefarbe_hex);
}
#sidebar ul.nav-pills li {
font-weight: normal;
}
#sidebar ul.nav-stacked > li + li {
margin-top: 0px;
margin-left: 0;
}
/* graue Box*/
ul.produkthauptseite { /* graue Box auf Produkthauptseite* */
background-color: #f0f0f0;
}
#sidebar ul.nav .grau { /*regelt border-radius der kompletten grauen Box*/
background-color: #f0f0f0;
/*color: var(--untermenutextfarbe_hex);*/
}
#sidebar ul.nav li.grau > a.active,
#sidebar ul.nav li.grau > a.active:hover,
#sidebar ul.nav li.grau > a.active:focus { /*regelt obersten Punkt der grauen Box, wenn active*/
background-color: var(--templatefarbe_hex);
color: #fff;
font-weight: bold;
}
#sidebar ul.nav li.grau ul li a.active { /*regelt alle mittleren aktiven Punkte*/
text-decoration: none; /*betrifft alle aktiven Punkte*/
}
#sidebar ul.nav li.grau a.lastgrau,
#sidebar ul.nav li.grau a.lastgrau:hover,
#sidebar ul.nav li.grau a.lastgrau:focus { /*regelt border-radius des letzten Unterpunktes der grauen Box*/
}
#sidebar ul.nav li.grau a:hover, /*regelt Hover innerhalb der grauen Box */
#sidebar ul.nav li.grau a:focus {
font-weight: normal;
text-decoration: none;
color: inherit;
background-color: #e3e3e3;
}
#sidebar ul.nav li.grau a.active,
#sidebar ul.nav li.grau a.active:hover, /*regelt Hover innerhalb der grauen Box */
#sidebar ul.nav li.grau a.active:focus {
text-decoration: none;
background-color: var(--templatefarbe_hex);
color: #fff;
font-weight: bold;
}
#sidebar ul.nav li.grau > a:hover,
#sidebar ul.nav li.grau > a:focus { /*regelt Hover des obersten Punkt der grauen Box*/
}
#sidebar ul.nav li.grau a.activeparent, /*regelt den Elternlink des aktiven li (in der grauen Box)*/
#sidebar ul.nav li.grau a.activeparent:hover,
#sidebar ul.nav li.grau a.activeparent:focus {
cursor: pointer;
font-weight: bold;
}
/*MOBILES SIDEBARMENÜ */
@media (max-width: 991px) {
#sidebar .navbar-collapse {
background-color: inherit;
margin-top: 15px;
margin-bottom: 15px;
padding-right: 0px;
padding-left: 0px;
overflow-x: visible;
-webkit-overflow-scrolling: touch;
border-top: none;
box-shadow: none;
}
#sidebar .navbar-collapse ul { /*zentriert die ausgeklappte Navigation */
width: 100%;
background-color: #fafafa; /* bei ausgeklappter Produktnavi: macht desamte Box hellgrau */
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
#sidebar .navbar-collapse .navbar-nav > li { /*zentriert die ausgeklappte Navigation */
float: none;
display: block;
width: 100%;
}
#sidebar .navbar-collapse ul li.grau a { /* bei ausgeklappter Produktnavi: macht graue Box etwas dunkler */
background-color: #f0f0f0;
}
#sidebar .navbar-collapse ul li.grau ul li + li { /*entfernt 2px Abstand innerhalb der grauen Box, durch den der hellere Jintergrund durchkam */
margin-top: 0px !important;
}
#sidebar .navbar-collapse ul.nav > li > a.nav-zwei {
padding: 9px 18px 9px 30px !important;
}
#sidebar .navbar-collapse ul.nav > li > ul > li> a.nav-drei {
padding: 6px 18px 6px 40px !important;
}
#sidebar .navbar-collapse ul.nav > li > ul > li> ul > li> a.nav-vier {
padding: 9px 18px 9px 45px !important;
}
}
/* SIDEBARLOGO */
@media (max-width: 991px) {
#sidebarlogo {
display: none;
}
}
@media (min-width: 992px) {
#sidebarlogo{
text-align: center;
width: 100%;
height: auto;
position: relative;
right: 0;
top: 0;
margin-top: 60px;
color: #fff;
}
}
#sidebarlogo a:hover, #sidebarlogo a:active {
color: #fff;
}
@media (min-width: 992px) {
#sidebar img {
max-height: 100%;
max-width: 100%;
margin: 0 auto;
text-align: center;
position: relative;
-webkit-transform: none;
-ms-transform: none;
transform: none;
padding: 0 20px; /* da 2020er Templates breiter sind */
}
}
/* SIDEBAR ENDE */
/* FOOTER
------------------------------------------------- */
#footerwrap {
width: 100%;
background-color: var(--footerhintergrundfarbe_hex);
}
#footer {
width: 100%;
background-color: var(--footerhintergrundfarbe_hex);
}
#innerfooter {
background-color: var(--footerhintergrundfarbe_hex);
}
#innerfooter {
padding-bottom: 140px;
}
@media (min-width: 576px) {
#innerfooter {
padding-bottom: 70px;
}
}
@media (min-width: 768px) {
#innerfooter {
padding-bottom: 15px;
}
}
#footer ul {
text-align: center;
}
@media (min-width: 1200px) {
#footer ul {
text-align: right;
}
#footer p {
text-align: left;
}
}
.adresse {
margin-bottom: 25px;
}
@media (min-width: 1200px) {
.adresse {
margin-bottom: 0px;
}
}
.adresse p {
font-size: 12px !important;
margin-top: 13px;
line-height: 1.5em;
margin-bottom:0;
text-align: center;
font-weight: bold;
}
@media (min-width: 992px) {
.adresse p {
font-size: 14px !important;
}
}
@media (min-width: 1440px) {
.adresse p {
font-size: 16px !important;
}
}
#footer .list-inline > li {
display: inline-block;
margin-right: 5px;
}
#footer .list-inline > li:last {
display: inline-block;
margin-right: none !important;
}
/* BUTTON FOOTER */
#footer .btn,
#footer .btn-footer {
color: var(--footertextfarbe_hex);
}
#footer .btn-footer:hover,
#footer .btn-footer:focus,
#footer .btn-footer.focus,
#footer .btn-footer:active,
#footer .btn-footer.active,
#footer .open > .dropdown-toggle.btn-footer {
color: var(--footerhintergrundfarbe_hex);
background-color: var(--footertextfarbe_hex);
}
#footer .btn {
display: inline-block;
padding: 4px 4px;
margin-bottom: 0;
font-weight: bold;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 0px solid transparent;
text-decoration: none;
}
#footer .btn-footer:hover,
#footer .btn-footer:focus,
#footer .btn-footer.focus,
#footer .btn-footer:active,
#footer .open > .dropdown-toggle.btn-footer {
cursor: pointer;
}
#footer .btn-footer.active {
cursor: default;
}
/*FOOTERZUSATZ*/
#footerzusatz {
width: 100%;
padding-top: 1em;
}
#produktangebot {
color: var(--footertextfarbe_hex) !important;
padding-top: 1em;
padding-bottom: 1em;
}
#produktangebot ul {
text-align: center;
margin-top: 0 !important;
margin-left: 0 !important;
display: inline-block;
}
#footer p,
#produktangebot p,
#produktangebot ul li {
font-size: 12px;
color: var(--footertextfarbe_hex) !important;
}
#produktangebot p,
#produktangebot ul li {
text-align: center;
}
#produktangebot ul.nav li a {
padding: 4px 6px;
display: inline-block;
}
#produktangebot ul.nav li a:hover {
background-color: inherit;
color: #fff;
}
#produktangebot h1 {
display: none;
}
#produktangebot .nav-stacked li {
float: none;
display: inline;
}
/* FOOTER ENDE */
/* GRUNDSEITEN ------------------------------------------------- */
/* GRUNDSEITEN ------------------------------------------------- */
/* GRUNDSEITEN ------------------------------------------------- */
/* AKTUELLES
------------------------------------------------- */
div.rand {
width: 700px;
padding: 10px;
border-left-style: solid;
border-left-width: 20px;
border-left-color: #F6F6F2;
background-color: white;
text-align: left;
}
input.mini {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: gray;
border-style: dashed;
border-width: 1px;
border-color: #F6F6F2;
font-size: 8pt;
}
.linie {
border-top-style: solid;
border-top-width: 1px;
border-color: silver;
}
input.area {
font-family: Arial, Helvetica, Geneva, sans-serif;
border: inherit solid 1px;
width: 180px;
font-size: 0.9em;
padding: 5px;
margin: 0;
margin-top: 5px;
color: #333;
line-height: 0.9em;
}
input.areaheadline {
font-family: Arial, Helvetica, Geneva, sans-serif;
border: inherit solid 1px;
width: 360px;
font-size: 0.9em;
padding: 5px;
margin: 0;
margin-top: 5px;
color: #333;
line-height: 0.9em;
}
.red {
color: #F00;
}
#news h2,
.startnews h2{
margin-bottom: 0.6em;
}
#news h3,
.startnews h3{
margin-bottom: 0.4em;
}
#news p {
line-height: 1.5em;
}
.headline {
font-weight: bold;
margin-top: 0.2em !important;
}
.headline2 {
font-size: 16px !important;
font-weight: bold;
}
.bildunterschrift {
text-align: center !important;
font-size: 12px !important;
display: block !important;
margin-top: -10px;
}
.deleteformat {
text-align: left !important;
font-size: 14px !important;
font-weight: normal !important;
}
.newsli {
margin-top: 2em;
margin-bottom: 4em;
padding: 1em;
background: rgb(240,240,240);
background: -moz-linear-gradient(170deg, rgba(var(--boxverlauf_dunkel_rgb),1) 0%, rgba(var(--boxverlauf_hell_rgb),1) 79%);
background: -webkit-linear-gradient(170deg, rgba(var(--boxverlauf_dunkel_rgb),1) 0%, rgba(var(--boxverlauf_hell_rgb),1) 79%);
background: linear-gradient(170deg, rgba(var(--boxverlauf_dunkel_rgb),1) 0%, rgba(var(--boxverlauf_hell_rgb),1) 79%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#ffffff",GradientType=1);
}
.listNews a:link,
.listNews a:visited,
.listNews a:hover,
.listNews a:active,
.listNews a:focus {
outline: none;
color: inherit;
text-decoration: underline;
}
.listNews {
list-style-type: none;
}
ul.listNews {
margin: 0;
}
.datumsangabe {
color: var(--templatefarbe_hex);
margin: 0 !important;
}
.autor {
font-size: 14px !important;
line-height: 1.4em;
border-bottom-style: solid;
border-bottom-width: 1px;
border-color: inherit;
padding-bottom: 8px;
font-style: italic;
margin: 0 !important;
}
/* AKTUELLES ENDE */
/* KONTAKT
------------------------------------------------- */
label {
display: inline-block;
max-width: 100%;
margin-top: 10px;
margin-bottom: 5px;
font-weight: bold;
font-size: 14px;
}
@media (min-width: 768px) {
label {
font-size: 14px;
}
}
@media (min-width: 992px) {
label {
font-size: 15px;
}
}
@media (min-width: 1200px) {
label {
font-size: 16px;
}
}
@media (min-width: 1440px) {
label {
font-size: 17px;
}
}
span.rechnung {
margin-left: 15px;
font-size: 1.1em;
}
.form-control {
border-color: var(--textfarbe_hex);
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.form-control:focus {
border-color: var(--templatefarbe_hex);
border-width: 1px;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-kontakt {
background:var(--templatefarbe_hex);
border-color: transparent;
}
.btn:active,
.btn.active {
background-image: none;
outline: 0;
box-shadow: none;
}
.sendbutton button {
color: #fff;
font-weight: normal;
}
.sendbutton .btn:hover,
.sendbutton .btn:focus {
color: #fff;
font-weight: normal;
text-decoration: none;
}
.btn-kontakt:hover,
.btn-kontakt:focus {
background-color: #999;
background-position: 0 -15px;
}
.btn-kontakt:active,
.btn-kontakt.active {
background-color: #ccc;
border-color: #dbdbdb;
}
labelred {
font-size: 0.9em;
color: #F00;
}
/* Dieser Abschnitt ist fuer das Skript wichtig */
.form input, .form textarea {
position: static !important;
display: block !important;
speak: normal !important;
}
#error-Box {
border: 0.01em solid #f00;
background: #f1e7e6;
font-weight: bold;
color: #f00;
padding: 0.5em;
text-align: center;
margin-bottom: 1em;
font-size: 0.8em;
}
.checkbox-inline input {
float: inline-start;
}
.formbuilder-spacer {
height: 10px;
}
/* KONTAKT ENDE */
/* ANFAHRT
------------------------------------------------- */
#googlemap iframe{
width: 100%;
height: 350px;
border: none;
margin: 0;
}
@media (min-width: 768px) {
#googlemap iframe{
height: 560px;
}
}
/* ANFAHRT ENDE */
/* DATENSCHUTZ
------------------------------------------------- */
.datenschutzdiv h2 {
margin-top: 3.5em !important;
margin-bottom: 0.1em !important;
}
.datenschutzdiv h3 {
margin-top: 2.5em !important;
margin-bottom: 0.5em !important;
}
div.datenschutz h2,
div.datenschutz h3,
div.datenschutz h4 {
margin-top: 1.2em !important;
}
/* COOKIEBOT */
#cookiebot p {
display: none;
}
#cookiebot p.CookieDeclarationLastUpdated,
#cookiebot p.CookieDeclarationTypeDescription{
display: block !important;
}
/* 2022*/
.CybotCookiebotDialogBodyButton {
background-color: var(--templatefarbe_hex) !important;
border-color: var(--templatefarbe_hex) !important;
color: var(--buttontextfarbe_hex) !important;
}
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
color: var(--templatefarbe_hex) !important;
border-bottom: var(--templatefarbe_hex) !important;
}
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
color: var(--templatefarbe_hex) !important;
}
/* DATENSCHUTZ ENDE */
/* SITEMAP
------------------------------------------------- */
#sitemapliste ul {
margin: 0;
}
.sitemap1, .sitemap2, .sitemap3, .sitemap4, .sitemap5 ,.sitemap6, .sitemap7, .sitemap8 {
list-style-type: none;
}
.sitemap1 a, .sitemap2 a, .sitemap3 a, .sitemap4 a, .sitemap5 a, .sitemap6 a, .sitemap7 a, .sitemap8 a {
color: inherit;
}
.sitemap1 {
margin-left: 0;
font-size: 1.05em;
line-height: 1.3em;
}
.sitemap2 {
margin-left: 1em;
font-size: 1em;
line-height: 1.3em;
}
.sitemap3 {
margin-left: 2em;
font-size: 0.95em;
line-height: 1.3em;
}
.sitemap4 {
margin-left: 3em;
font-size: 0.9em;
line-height: 1.3em;
}
.sitemap5 {
margin-left: 4em;
font-size: 0.9em;
line-height: 1.3em;
}
.sitemap6 {
margin-left: 5em;
font-size: 0.85em;
line-height: 1.3em;
}
.sitemap7 {
margin-left: 6em;
font-size: 0.8em;
line-height: 1.3em;
}
.sitemap8 {
margin-left: 7em;
font-size: 0.75em;
line-height: 1.3em;
}
/* SITEMAP ENDE */
/* SEITENELEMENTE -------------------------------------------------------- */
/* SEITENELEMENTE -------------------------------------------------------- */
/* SEITENELEMENTE -------------------------------------------------------- */
/* SEITENELEMENTE -------------------------------------------------------- */
/* SEITENELEMENTE -------------------------------------------------------- */
/* KACHELBOXEN + STARTSYMBOLE
------------------------------------------------- */
.separator {
display: inline-block;
vertical-align: middle;
width: 80px;
height: 2px;
margin-top: 10px;
margin-bottom: 30px;
background-color: var(--akzentfarbe_hex);
}
.startsymbole .fas,
.startsymbole .far,
.startsymbole .fab,
.startsymbole .fal {
color: var(--akzentfarbe_hex);
font-size: 100px;
}
.startsymbole a,
.kachel-textbox a{
text-decoration: none;
}
.startsymbole-unterseite .fas, /* große FA-Icons auf Produktseiten */
.startsymbole-unterseite .far,
.startsymbole-unterseite .fab,
.startsymbole-unterseite .fal {
color: var(--akzentfarbe_hex);
font-size: 70px;
}
h2.with-icon{
margin-top: 1em !important;
}
.no-gutters {
padding-left: 0 !important;
padding-right: 0 !important;
}
.nomarginbottom img {
margin-bottom: 0 !important;
}
.kachel-textbox {
height: 100%;
width: 95%;
vertical-align: middle;
display: flex;
justify-content: center;
flex-direction: column;
position: relative;
}
@media (min-width: 992px) {
.kachel-textbox {
width: 80%;
}
}
@media (min-width: 1200px) {
.kachel-textbox {
width: 80%;
}
}
@media (min-width: 1300px) {
.kachel-textbox {
width: 80%;
}
}
@media (min-width: 1440px) {
.kachel-textbox {
width: 70%;
}
}
.kachelboxen {
background-color: rgba(var(--kachelboxenfarbe_rgb), 0.8);
}
.kachelboxen h3 {
margin-top: 0 !important;
}
.kachelboxen .btn-lg {
color: #fff;
background-color: var(--akzentfarbe_hex);
border-color: var(--akzentfarbe_hex);
font-size: 12px;
}
@media (min-width: 576px) {
.kachelboxen .btn-lg {
font-size: 13px;
}
}
@media (min-width: 768px) {
.kachelboxen .btn-lg {
font-size: 14px;
}
}
@media (min-width: 992px) {
.kachelboxen .btn-lg {
font-size: 15px;
}
}
@media (min-width: 1200px) {
.kachelboxen .btn-lg {
font-size: 16px;
}
}
.kachelboxen .btn-lg:hover,
.kachelboxen .btn-lg:focus,
.kachelboxen .btn-lg:active {
color: #fff;
background-color: #888;
border-color: #888;
}
.kachel-textrahmen {
text-align: center !important;
padding: 30px;
overflow: hidden
}
.kachel-textrahmen button {
cursor: pointer;
}
.kachel-textrahmen h2 {
font-size: 22px;
color: var(--templatefarbe_hex);
margin-top: 0;
margin-bottom: 0.1em;
}
.kachel-textrahmen h3 {
font-size: 18px;
font-weight: normal;
padding: 0 0 20px 0!important;
margin: 0;
color: var(--textfarbe_hex);
}
@media (min-width: 768px) {
.kachel-textrahmen h2 {
font-size: 28px;
color: var(--templatefarbe_hex);
margin-top: 0;
margin-bottom: 0.1em;
}
.kachel-textrahmen h3 {
font-size: 18px;
font-weight: normal;
padding: 0 0 20px 0!important;
margin: 0;
color: var(--textfarbe_hex);
}
}
@media (min-width: 992px) {
.kachel-textrahmen h2 {
font-size: 27px;
}
.kachel-textrahmen h3 {
font-size: 21px;
}
}
@media (min-width: 1200px) {
.kachel-textrahmen h2 {
font-size: 32px;
}
.kachel-textrahmen h3 {
font-size: 27px;
}
}
@media (min-width: 1440px) {
.kachel-textrahmen h2 {
font-size: 36px;
}
.kachel-textrahmen h3 {
font-size: 30px;
}
}
/* KACHELBOXEN + STARTSYMBOLE ENDE------------------------------------------------- */
/* PARALLAX BOXEN
------------------------------------------------- */
.background-attachment-fixed {
background-attachment: fixed;
}
.parallax-slide {
width: 100%;
background-position: center;
background-repeat: no-repeat;
}
.parallax-slide .container {
margin: 0px 15px;
}
/* CLAIMS */
.claim-slide{
background-image: url(../img/parallax/effekt1.png);
}
@media (min-width: 768px) {
.claim-slide{
background-image: url(../img/parallax/effekt2.png);
}
}
@media (min-width: 992px) {
.claim-slide{
background-image: url(../img/parallax/effekt3.png);
}
}
@media (min-width: 1200px) {
.claim-slide{
background-image: url(../img/parallax/effekt4.png);
}
}
.claim-slide {
background-color: var(--claimslidefarbe_hex);
height: auto;
margin: 0 auto;
overflow: hidden;
padding: 40px 15px;
}
@media (min-width: 992px) {
.claim-slide {
padding: 60px 15px;
}
}
@media (min-width: 992px) {
.claim-slide {
padding: 80px 15px;
}
}
.claim-slide .container,
.parallax-slide .container{
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.claim-slide .container,
.parallax-slide .container {
width: 730px;
max-width: 100%;
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 992px) {
.claim-slide .container,
.parallax-slide .container {
width: 930px;
max-width: 100%;
}
}
@media (min-width: 1200px) {
.claim-slide .container,
.parallax-slide .container {
width: 1110px;
max-width: 100%;
}
}
.claimbox {
text-align: center;
width: 100%;
padding: 15px 15px;
background-color: var(--claimboxinnerfarbe_hex);
height: auto;
margin: auto;
overflow: hidden;
}
.claimbox a {
text-decoration: none;
}
.claimbox h2 {
font-size: 24px;
color: var(--claimboxtextfarbe_hex);
margin-top: 0;
margin-bottom: 0.1em;
}
.claimbox h3 {
font-size: 17px;
font-weight: normal;
padding: 0!important;
margin: 0;
color: var(--textfarbe_hex);
}
@media (min-width: 576px) {
.claimbox {
padding: 20px 20px;
}
}
@media (min-width: 768px) {
.claimbox {
padding: 30px 30px;
}
.claimbox h2 {
font-size: 32px;
}
.claimbox h3 {
font-size: 20px;
}
}
@media (min-width: 992px) {
.claimbox h2 {
font-size: 38px;
}
.claimbox h3 {
font-size: 32px;
}
}
@media (min-width: 1200px) {
.claimbox h2 {
font-size: 40px;
}
.claimbox h3 {
font-size: 32px;
}
}
div.parallax-slide .claimbox {
background-color: rgba(255,255,255,0.85) !important;
}
/* PARALLAX BOXEN ENDE */
/* FLY-IN PRODUKTÜBERSICHT NEU
------------------------------------------------- */
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-50px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-50px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(50px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(50px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
/* FLY-IN PRODUKTÜBERSICHT NEU ENDE */
/* PRODUKTÜBERSICHT
------------------------------------------------- */
div.produktuebersicht {
width: 100%;
text-align: center;
margin-top: 2em;
margin-bottom: 1em;
}
div.produktuebersicht div {
margin-bottom: 30px;
}
div.produktuebersicht div.nooverflow {
margin-bottom: 0px !important;
position: relative;
}
div.produktuebersicht img {
height: auto;
margin-bottom: 0;
}
div.produktuebersicht a {
text-decoration: none;
color: #fff;
}
div.produktuebersicht a:hover,
div.produktuebersicht a:focus {
color: #f2f2f2;
}
div.produktuebersicht h3 { /* Links in Produktübersichten */
position: absolute;
bottom: 0;
margin-top: 0;
margin-bottom: 0;
text-align: center;
margin: 0 auto;
width: 100%;
}
div.produktuebersicht h3 a {
display: block;
background-color: rgba(var(--akzentfarbe_rgb), 0.8);
-webkit-transition: background-color 0.4s linear;
-moz-transition: background-color 0.4s linear;
-ms-transition: background-color 0.4s linear;
-o-transition: background-color 0.4s linear;
transition: background-color 0.4s linear;
padding: 0.3em 0;
width: 100%;
}
div.produktuebersicht h3 a:hover,
div.produktuebersicht h3 a:focus {
background-color: rgba(var(--akzentfarbe_rgb), 1);
-webkit-transition: background-color 0.4s linear;
-moz-transition: background-color 0.4s linear;
-ms-transition: background-color 0.4s linear;
-o-transition: background-color 0.4s linear;
transition: background-color 0.4s linear;
}
div.produktuebersicht h3 {
font-size: 13px !important;
}
@media (min-width: 768px) {
div.produktuebersicht h3 {
font-size: 15px !important;
}
}
@media (min-width: 992px) {
div.produktuebersicht h3 {
font-size: 18px !important;
}
}
@media (min-width: 1200px) {
div.produktuebersicht h3 {
font-size: 19px !important;
}
}
@media (min-width: 1440px) {
div.produktuebersicht h3 {
font-size: 21px !important;
}
}
h2.produktuebersicht-h2 { /* Überschrift auf Produktseite */
font-size: 14px !important;
margin-bottom: 1em !important;
}
@media (min-width: 768px) {
h2.produktuebersicht-h2 {
font-size: 16px !important;
margin-top: 0.4em !important;
margin-bottom: 3em !important;
}
}
div.produktuebersicht-alt {
width: 100%;
text-align: center;
margin-top: 2em;
margin-bottom: 1em;
}
div.produktuebersicht-alt div {
margin-bottom: 0px !important;
}
div.produktuebersicht-alt img {
height: auto;
margin-bottom: 0;
}
div.produktuebersicht-alt h3 { /* Links in Produktübersichten */
position: relative !important;
margin-top: 0.5em !important;
margin-bottom: 2em !important;
}
div.produktuebersicht-alt h3 a {
display: block;
background-color: #fff !important;
padding: 0;
width: 100%;
}
div.produktuebersicht-alt h3 a:hover,
div.produktuebersicht-alt h3 a:focus {
background-color: #fff !important;
}
div.produktuebersicht-alt a {
text-decoration: underline;
color: inherit;
}
div.produktuebersicht-alt a:hover,
div.produktuebersicht-alt a:focus {
color: #737373;
}
@media (min-width: 768px) {
div.produktuebersicht-alt h3 {
margin-top: 0.5em !important;
margin-bottom: 2.5em !important;
font-size: 16px !important;
}
}
@media (min-width: 992px) {
div.produktuebersicht-alt h3 {
margin-top: 0.5em !important;
margin-bottom: 2.5em !important;
font-size: 18px !important;
}
}
@media (min-width: 1200px) {
div.produktuebersicht-alt h3 {
margin-top: 0.5em !important;
margin-bottom: 2.5em !important;
font-size: 19px !important;
}
}
@media (min-width: 1440px) {
div.produktuebersicht-alt h3 {
margin-top: 0.6em !important;
margin-bottom: 2.5em !important;
font-size: 21px !important;
}
}
div.produktuebersichta-alt a,
div.produktuebersichta-alt a:hover,
div.produktuebersichta-alt a:focus {
text-decoration: underline !important;
}
@media (min-width: 576px) {
.produktuebersicht-versetzt {
margin-top: 110px !important;
}
.produktuebersicht-versetzt div.versetzt {
margin-top: -90px !important;
}
}
@media (min-width: 768px) {
.produktuebersicht-versetzt {
margin-top: 130px !important;
}
.produktuebersicht-versetzt div.versetzt {
margin-top: -105px !important;
}
}
@media (min-width: 992px) {
.produktuebersicht-versetzt {
margin-top: 150px !important;
}
.produktuebersicht-versetzt div.versetzt {
margin-top: -120px !important;
}
}
@media (min-width: 1200px) {
.produktuebersicht-versetzt {
margin-top: 170px !important;
}
.produktuebersicht-versetzt div.versetzt {
margin-top: -135px !important;
}
}
@media (min-width: 1440px) {
.produktuebersicht-versetzt {
margin-top: 170px !important;
}
.produktuebersicht-versetzt div.versetzt {
margin-top: -135px !important;
}
}
/* Kontaktbild Design 14+18 */
.kontaktbildbox{
position: relative;
height: 100%;
width: 100%;
overflow: hidden;
background: rgba(226,0,26,0.4);
background: -moz-radial-gradient(circle, rgba(226,0,26,0.4) 0%, rgba(226,0,26,0.8) 100%);
background: -webkit-radial-gradient(circle, rgba(226,0,26,0.4) 0%, rgba(226,0,26,0.8) 100%);
background: radial-gradient(circle, rgba(226,0,26,0.4) 0%, rgba(226,0,26,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e2001a",GradientType=1);
}
.kontaktbildbox i{
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
top: -10px;
bottom: 0;
text-align: center;
overflow: hidden;
color: #fff;
font-size: 8em;
}
@media (min-width: 768px) {
.kontaktbildbox i{
font-size: 11em;
}
}
@media (min-width: 992px) {
.kontaktbildbox i{
font-size: 14em;
}
}
@media (min-width: 1200px) {
.kontaktbildbox i{
font-size: 15em;
}
}
@media (min-width: 1440px) {
.kontaktbildbox i{
font-size: 17em;
}
}
/* PRODUKTÜBERSICHT ENDE */
/* SLIDE-IN-BOX */
#slidebox{
width:315px;
padding:35px 15px 30px 30px;
background-color: var(--hintergrundfarbe_hex);
position:fixed;
bottom:0px;
right:-430px;
-moz-box-shadow: 0px 0px 3px #030304;
-webkit-box-shadow: 0px 0px 3px #030304;
box-shadow: 0px 0px 3px #030304;
z-index: 8888;
}
#slidebox p {
font-family: Arial, Helvetica, Geneva, sans-serif;
color:inherit;
}
#slidebox img {
margin: 5px 0 20px 0;
}
a.more{
font-size:11px;
font-weight: bold;
text-transform:uppercase;
font-family: Arial, Helvetica, Geneva, sans-serif;
letter-spacing:1px;
line-height: 1.5;
color:inherit;
}
a.more:hover{
text-decoration:underline;
}
#slidebox h2{
color:var(--templatefarbe_hex);
font-size:18px;
line-height: 1.3;
margin:10px 20px 10px 0px;
}
a.closebutton{
background:transparent url(../img/slidebox/closebutton.gif) no-repeat top left;
width:80px;
height:20px;
position:absolute;
cursor:pointer;
top:10px;
right:10px;
}
a.closebutton:hover{
}
/* SLIDE-IN-BOX ENDE */
/* PRODUKTSUBNAVIGATION ------------------------------------------------- */
nav.produktsubnav {
width: 100%;
}
nav.produktsubnav::after {
display: block;
clear: both;
content: "";
}
nav.produktsubnav ul {
width: 100%;
float: left;
margin: 10px 0 20px 0;
padding-bottom: 10px;
border-bottom: #ccc 2px solid;
line-height: 1.5em;
}
@media (min-width: 768px) {
nav.produktsubnav ul {
width: 100%;
float: left;
margin: 10px 0 30px 0;
padding-bottom: 15px;
border-bottom: #ccc 2px solid;
}
}
/*RSP*/
nav.produktsubnav ul li{
float:left;
display: inline;
background-color: #f2f2f2;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
nav.produktsubnav ul li.produktsub1{
width: 49%;
}
nav.produktsubnav ul li.produktsub2{
width: 49%;
margin-left: 2% !important;
}
nav.produktsubnav ul li.produktsub3{
width: 49%;
margin-top: 15px;
}
nav.produktsubnav ul li.produktsub4{
width: 49%;
margin-top: 15px;
margin-left: 2% !important;
}
nav.produktsubnav .nav-pills > li + li {
margin-left: 0;
}
@media (min-width: 768px) {
nav.produktsubnav ul li{
float:left;
display: inline;
background-color: #f0f0f0;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
nav.produktsubnav ul li.produktsub1{
width: 18.2%;
}
nav.produktsubnav ul li.produktsub2{
width: 26.2%;
}
nav.produktsubnav ul li.produktsub3{
width: 26.2%;
margin-top: 0px;
}
nav.produktsubnav ul li.produktsub4{
width: 26.2%;
margin-top: 0px;
}
nav.produktsubnav .nav-pills > li + li {
margin-left: 1% !important;
}
}
nav.produktsubnav ul li a{
color: inherit;
font-size: 12px;
text-align: center;
text-decoration: none;
}
@media (min-width: 768px) {
nav.produktsubnav ul li a{
color: inherit;
font-size: 15px;
text-align: center;
}
}
nav.produktsubnav ul.nav > li > a {
padding: 6px 8px !important;
}
@media (min-width: 991px) and (max-width: 1199px){
nav.produktsubnav ul.nav > li > a {
padding: 6px 7px !important;
}
}
nav.produktsubnav .nav-pills li {
font-weight: bold;
}
nav.produktsubnav ul.nav li a:hover,
nav.produktsubnav ul.nav li a:focus {
background-color: transparent;
text-decoration: underline;
border-radius: 0px;
}
nav.produktsubnav ul.nav li a.active,
nav.produktsubnav ul.nav li a.active:hover,
nav.produktsubnav ul.nav li a.active:focus {
color: #fff;
background-color: var(--templatefarbe_hex);
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
text-decoration: none;
cursor: default;
}
.sichtbar {
display: block !important;
}
.unsichtbar {
display: none !important;
}
.nav-pills li {
cursor: pointer;
}
/* NEUES GRÖßERES NAVPILL MENÜ */
nav.produktsubnavbig {
width: 100%;
}
nav.produktsubnavbig ul li a {
background-color: #f2f2f2;
}
nav.produktsubnavbig ul li{
float:left;
display: inline;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
padding-bottom: 10px;
}
nav.produktsubnavbig .nav-pills > li + li {
margin-left: 0;
}
@media (min-width: 768px) {
nav.produktsubnavbig ul li{
float:left;
display: inline;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
padding-bottom: 15px;
}
nav.produktsubnavbig ul li a{
background-color: #f0f0f0;
}
}
nav.produktsubnavbig ul li a{
color: inherit;
font-size: 12px;
text-align: center;
text-decoration: none;
}
@media (min-width: 768px) {
nav.produktsubnavbig ul li a{
color: inherit;
font-size: 15px;
text-align: center;
}
}
nav.produktsubnavbig ul.nav > li > a {
padding: 6px 8px !important;
}
@media (min-width: 991px) and (max-width: 1199px){
nav.produktsubnavbig ul.nav > li > a {
padding: 6px 7px !important;
}
}
nav.produktsubnavbig .nav-pills li {
font-weight: bold;
}
nav.produktsubnavbig ul.nav li a:hover,
nav.produktsubnavbig ul.nav li a:focus {
background-color: #e6e6e6;
text-decoration: underline;
border-radius: 0px;
}
nav.produktsubnavbig ul.nav li a.active,
nav.produktsubnavbig ul.nav li a.active:hover,
nav.produktsubnavbig ul.nav li a.active:focus {
color: #fff;
background-color: var(--templatefarbe_hex);
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
text-decoration: none;
cursor: default;
}
/* PRODUKTSUBNAVIGATION ENDE */
/* BOOTSTRAP-SLIDER
------------------------------------------------- */
.carousel-inner img {
margin: 0;
}
.carousel-indicators {
top: 20px !important;
bottom: 0!important;
}
/*@media (min-width: 768px) {
.carousel-indicators {
bottom: 0!important;
}
}*/
.carousel-indicators li{
border:1px solid #fff;
}
.carousel-indicators .active{
background-color:#fff;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
top: 45%!important;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
top: 50%!important;
}
.carousel-indicators .active.hide-slider-bar{
display:none;
}
.carousel-inner > .carousel-item > img,
.carousel-inner > .carousel-item > a > img {
width: 100%;
margin: auto;
max-height: 359px;
}
@media screen and (min-width: 768px){
.carousel-inner > .carousel-item > img,
.carousel-inner > .carousel-item > a > img {
max-height: 470px;
}
}
@media screen and (min-width: 992px){
.carousel-inner > .carousel-item > img,
.carousel-inner > .carousel-item > a > img {
max-height: 601px;
}
}
@media screen and (min-width: 1200px){
.carousel-inner > .carousel-item > img,
.carousel-inner > .carousel-item > a > img {
max-height: 726px;
}
}
.carousel-control.left,
.carousel-control.right{
background-image:none;
}
.carousel-caption h3{
margin-top: 0px;
font-size:26px;
text-shadow: none;
margin-bottom:2px;
font-weight: normal;
}
.carousel-caption p{
margin-bottom: 0px;
}
.carousel-caption{
left: 0%;
text-align: left;
padding: 12px 20px;
min-width: 100px;
width:auto;
display: inline-block;
bottom: 0%;
right:inherit;
}
@media screen and (min-width: 768px){
.carousel-caption{
left: 0%;
padding: 12px 20px;
}
}
/* BOOTSTRAP-SLIDER ENDE */
/* CONTAINER SLIDER
------------------------------------------------- */
.cs_arrowprev {
left: 0;
background-image: none !important; /* entfernt prev. + next- Schatten-Effekt */
}
.cs_arrownext {
right: 0;
background-image: none !important;
}
.csslider1 > .cs_description > label {
font-family: Arial, Helvetica, Geneva, sans-serif !important;
text-shadow: 0 0px 0px rgba(0, 0, 0, 0.6) !important;
max-width: 80% !important;
color: #ffffff !important;
bottom: 0px !important;
left: 0px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
font-weight: normal;
}
@media (max-width: 767px) {
.csslider1 > .cs_description > label {
max-width: 100% !important;
}
}
/* TEXT */
.csslider1 > .cs_description > label .cs_title {
font-size: 18px !important;
margin-bottom: 0em !important;
line-height: 1.3em !important;
}
.csslider1 label .cs_subtitle {
font-size: 12px !important;
}
.csslider1 > .cs_description > label > .cs_title {
padding: 10px 15px !important;
}
@media (min-width: 768px) {
.csslider1 > .cs_description > label .cs_title {
font-size: 22px !important;
}
.csslider1 label .cs_subtitle {
font-size: 16px !important;
}
.csslider1 > .cs_description > label > .cs_title {
padding: 15px 20px !important;
}
}
@media (min-width: 992px) {
.csslider1 > .cs_description > label .cs_title {
font-size: 26px !important;
}
.csslider1 label .cs_subtitle {
font-size: 20px !important;
}
}
/* TEXTBOX CONTAINER-SLIDER*/
.csslider1 > .cs_description > label > .cs_title,
.carousel-caption {
background: rgba(var(--akzentfarbe_rgb), 0.85) !important;
}
/* BOOTSTRAP STARTSILDER */
.carousel-caption {
text-shadow: none !important;
}
/*.csslider1 > .cs_arrowprev, .csslider1 > .cs_arrownext {
top: 75px !important;
bottom: 75px !important;
}*/
#produktslider {
width: 100%;
height: auto;
margin-bottom: 0 !important;
}
#produktslider img{
margin-bottom: 0 !important;
}
/* CONTAINER SLIDER ENDE */
/* STARTNEWS
------------------------------------------------- */
.startnews {
background-color: transparent !important;
padding: 30px;
border: 5px solid var(--templatefarbe_hex);
margin-bottom: 30px;
margin: 4em 0;
}
.startnews h1 {
margin-top: 0px !important;
}
/* STARTNEWS ENDE */
/* ALARMBOX
------------------------------------------------- */
.alarmbox {
background: rgb(var(--templatefarbe_rgb));
background: -moz-linear-gradient(170deg, rgba(var(--templatefarbe_rgb),1) 0%, rgba(var(--templatefarbe_rgb),0.8) 79%);
background: -webkit-linear-gradient(170deg, rgba(var(--templatefarbe_rgb),1) 0%, rgba(var(--templatefarbe_rgb),0.8) 79%);
background: linear-gradient(170deg, rgba(var(--templatefarbe_rgb),1) 0%, rgba(var(--templatefarbe_rgb),0.8) 79%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#ffffff",GradientType=1);
color: #fff;
padding: 2em 1em;
margin-bottom: 30px;
}.alarmbox-dunkel {
background: rgb(var(--infobarhintergrundfarbe_rgb));
background: -moz-linear-gradient(170deg, rgba(var(--infobarhintergrundfarbe_rgb),1) 0%, rgba(var(--infobarhintergrundfarbe_rgb),0.8) 79%);
background: -webkit-linear-gradient(170deg, rgba(var(--infobarhintergrundfarbe_rgb),1) 0%, rgba(var(--infobarhintergrundfarbe_rgb),0.8) 79%);
background: linear-gradient(170deg, rgba(var(--infobarhintergrundfarbe_rgb),1) 0%, rgba(var(--infobarhintergrundfarbe_rgb),0.8) 79%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#ffffff",GradientType=1);
color: #fff;
padding: 2em 1em;
margin-bottom: 30px;
}
@media (min-width: 768px) {
.alarmbox,
.alarmbox-dunkel {
padding: 2em 1em;
}
}
.alarmbox h4,
.alarmbox-dunkel h4,
.alarmbox p,
.alarmbox-dunkel p {
font-size: 16px;
margin: 0 !important;
font-weight: bold;
}
@media (min-width: 768px) {
.alarmbox h4,
.alarmbox-dunkel h4,
.alarmbox p,
.alarmbox-dunkel p {
font-size: 18px;
}
}
.servicedownloads {
color: #fff;
}
/* ALARMBOX ENDE */
/* SHARIFF ------------------------------------------------- */
#shariff-buttons {
margin-top: 4em;
}
.share-pfeil {
width: 400px;
margin: 0 0 20px 0;
}
.social-buttons-mobile {
bottom: 0;
position: fixed;
z-index: 10000;
width: 100%;
}
div.shariff-row {
width: 100%!important;
}
.shariff .orientation-horizontal {
justify-content: center!important;
}
@media (min-width: 576px){
.shariff {
width: 100%!important;
}
}
.shariff ul {
min-width: 400px;
}
.shariff .orientation-horizontal.button-style-standard li {
min-width: 125px!important;
max-width: 135px!important;
flex: 1 0 auto;
}
.shariff li, .shariff li a {
height: 35px!important;
}
.shariff li .fab, .shariff li .far, .shariff li .fas {
line-height: 35px!important;
}
/* mobile Buttons */
@media (max-width: 575px){
.shariff-row {
padding: 0!important;
margin: 0;
display: flex;
flex-wrap: wrap;
}
#productcontent > section > div > div > ul > li.shariff-button {
display: inline;
}
.shariff-row .col {
padding: 0!important;
}
.shariff .orientation-horizontal {
display: inline!important;
justify-content: center!important;
}
.shariff .orientation-horizontal li {
width: 100%!important;
margin-right: 0!important;
margin-bottom: 0!important;
}
}
/* SHARIFF ENDE ------------------------------------------------- */
/* ÖFFNUNGSZEITEN
------------------------------------------------- */
.zeiten p {
margin: 0;
}
.zeiten td{
vertical-align: top;
}
.zeiten { /*Öffnungszeiten*/
float: left;
font-size: 12px;
}
@media (min-width: 768px) {
.zeiten {
font-size: 16px;
}
}
@media (min-width: 992px) {
.zeiten {
font-size: 17px;
}
}
@media (min-width: 1200px) {
.zeiten {
float: left;
font-size: 18px;
}
.zeiten td{
padding-right: 40px;
vertical-align: top;
}
}
@media (min-width: 1440px) {
.zeiten {
font-size: 16px;
}
}
/* ÖFFNUNGSZEITEN */
/* SHORTCUTS
------------------------------------------------- */
.shortcuts-links {
position: fixed;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 9000!important;
}
.shortcuts-rechts {
position: fixed;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 9000!important;
}
.startseite .shortcuts-links {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
transition-delay: 1s;
margin-left: -1000px;
}
.startseite.scrolled .shortcuts-links {
transition-delay: 1s;
margin-left: 0;
}
.startseite .shortcuts-rechts {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
transition-delay: 1s;
margin-right: -1000px;
}
.startseite.scrolled .shortcuts-rechts {
transition-delay: 1s;
margin-right: 0;
}
.shortcuts-links a{
display: block;
padding: 13px;
transition: all 0.5s ease;
color: #fff;
font-size: 20px;
text-align: right;
}
.shortcuts-rechts a{
display: block;
padding: 13px;
transition: all 0.5s ease;
color: #fff;
font-size: 20px;
text-align: left;
}
.shortcuts-links a{
width: 220px;
margin-left: -175px;
}
@media (min-width: 768px) {
.shortcuts-links a{
width: 270px;
margin-left: -225px;
}
}
.shortcuts-rechts a{
width: 300px;
margin-right: -255px;
}
@media (min-width: 768px) {
.shortcuts-rechts a{
width: 350px;
margin-right: -305px;
}
}
.shortcuts-links a:focus,
.shortcuts-links a:hover,
.shortcuts-links a:active,
.shortcuts-rechts a:focus,
.shortcuts-rechts a:hover,
.shortcuts-rechts a:active {
margin-left: 0px;
margin-right: 0px;
}
.shortcuts-links i {
margin-left: 18px;
}
.shortcuts-rechts i {
margin-right: 18px;
}
.shortcuts-links span,
.shortcuts-rechts span {
display: block;
}
.shortcuts-rechts h3:nth-child(1) a {
background: rgba(var(--akzentfarbe_rgb), 1);
color: #fff;
}
.shortcuts-rechts h3:nth-child(2) a {
background: rgba(var(--akzentfarbe_rgb), 0.9);
color: #fff;
}
.shortcuts-rechts h3:nth-child(3) a {
background: rgba(var(--akzentfarbe_rgb), 0.8);
color: #fff;
}
.shortcuts-rechts h3:nth-child(4) a {
background: rgba(var(--akzentfarbe_rgb), 0.7);
color: #fff;
}
.shortcuts-rechts h3:nth-child(5) a {
background: rgba(var(--akzentfarbe_rgb), 0.6);
color: #fff;
}
.shortcuts-rechts h3:nth-child(6) a {
background: rgba(var(--akzentfarbe_rgb), 0.5);
color: #fff;
}
.shortcuts-telefon {
background: rgba(var(--akzentfarbe_rgb), 1);
color: #fff;
}
.shortcuts-telefon:focus,
.shortcuts-telefon:hover,
.shortcuts-telefon:active {
background: rgba(var(--akzentfarbe_rgb), 0.95);
color: #fff;
}
.shortcuts-kontakt {
background: rgba(var(--akzentfarbe_rgb), 0.85);
color: #fff;
}
.shortcuts-kontakt:focus,
.shortcuts-kontakt:hover,
.shortcuts-kontakt:active {
background: rgba(var(--akzentfarbe_rgb), 0.8);
color: #fff;
}
.shortcuts-kontakt i {
margin-left: 17px !important;
}
.shortcuts-anfahrt {
background: rgba(var(--akzentfarbe_rgb), 0.7);
color: #fff;
}
.shortcuts-anfahrt:focus,
.shortcuts-anfahrt:hover,
.shortcuts-anfahrt:active {
background: rgba(var(--akzentfarbe_rgb), 0.65);
color: #fff;
}
.shortcuts-jobs {
background: rgba(var(--akzentfarbe_rgb), 0.55);
color: #fff;
}
.shortcuts-jobs:focus,
.shortcuts-jobs:hover,
.shortcuts-jobs:active {
background: rgba(var(--akzentfarbe_rgb), 0.5);
color: #fff;
}
.shortcuts-links .tellink,
.shortcuts-links .tellink:focus,
.shortcuts-links .tellink:hover,
.shortcuts-links .tellink:active,
.shortcuts-rechts .tellink,
.shortcuts-rechts .tellink:focus,
.shortcuts-rechts .tellink:hover,
.shortcuts-rechts .tellink:active {
color: #fff !important;
}
.shortcuts-links a,
.shortcuts-links a:focus,
.shortcuts-links a:hover,
.shortcuts-links a:active,
.shortcuts-rechts a,
.shortcuts-rechts a:focus,
.shortcuts-rechts a:hover,
.shortcuts-rechts a:active {
text-decoration: none !important;
}
.shortcuts-links h3,
.shortcuts-rechts h3 {
margin: 0 !important;
}
.shortcuts-rechts h3 {
float: right;
clear: right;
}
.shortcuts-vertikal {
transform-origin: 100% 0%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg) translateX(50%);
}
.shortcuts-rechts-vertikal {
position: fixed;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 9000!important;
}
.startseite .shortcuts-rechts-vertikal {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
transition-delay: 1s;
margin-right: -1000px;
}
.startseite.scrolled .shortcuts-rechts-vertikal {
transition-delay: 1s;
margin-right: 0;
}
.shortcuts-rechts-vertikal a {
display: block;
padding: 0px 10px;
transition: all 0.5s ease;
color: #fff;
font-size: 18px;
text-align: center;
text-decoration: none;
letter-spacing: 0px;
}
.shortcuts-rechts-vertikal a {
height: 40px;
line-height: 40px;
}
@media (min-width: 768px) {
.shortcuts-rechts-vertikal a {
height: 40px;
line-height: 40px;
}
}
/* SHORTCUTS ENDE */
/* HIGHLIGHTBOX
------------------------------------------------- */
.highlightbox {
background-color: rgba(var(--highlightboxhintergrundfarbe_rgb),0.5);
padding: 30px;
}
@media (min-width: 992px) {
.highlightbox {
background-color: rgba(var(--highlightboxhintergrundfarbe_rgb),0.5);
}
}
.highlightbox table {
background-color: rgba(var(--highlightboxhintergrundfarbe_rgb),0.5);
width: 100%;
}
#highlight1,
#highlight2 {
border-right: 0px;
padding-right: 10px;
padding-bottom: 20px;
}
@media (min-width: 992px) {
#highlight1,
#highlight2 {
border-right: 1px solid #ccc;
padding-right: 20px;
paddin-bottom: 0px;
}
}
#highlight1 img,
#highlight2 img{
margin-bottom: 0px;
margin-top: 1em;
width: 100%;
}
.highlightrechts {
border-right: 0px;
padding-right: 10px;
padding-bottom: 20px;
}
@media (min-width: 992px) {
.highlightrechts {
border-bottom: 0px;
padding-right: 20px;
paddin-bottom: 0px;
}
}
.highlightrechts img,
.highlightrechts p {
margin-bottom: 0px;
margin-top: 1em;
width: 100%;
}
.highlight-kontakt {
width: 60%;
margin: 0 auto;
}
.highlight-kontakt h3 {
margin-top: 0 !important;
}
.highlight-zeiten td{
vertical-align: top;
padding-right: 20px;
}
.highlight-zeiten {
float: left;
}
@media (min-width: 576px) {
.highlight-zeiten td{
padding-right: 10px;
}
}
@media (min-width: 768px) {
.highlight-zeiten td{
padding-right: 15px;
}
}
@media (min-width: 992px) {
.highlight-zeiten td{
padding-right: 8px;
}
}
@media (min-width: 1200px) {
.highlight-zeiten td{
padding-right: 10px;
}
}
.highlight-zeiten tr td:first-child {
}
.highlight-zeiten tr td:last-child {
padding-right: 0 !important;
}
/* HIGHLIGHTBOX ENDE */
/* PFEIL-RUNTER
------------------------------------------------- */
.pfeil-runter {
display: none;
}
@media (min-width: 768px) {
.pfeil-runter {
width: 100%;
bottom: 60px;
display: block;
position: absolute;
z-index: 5000;
margin: 0 auto;
text-align: center;
}
}
@media (min-width: 992px) {
.pfeil-runter {
bottom: 70px;
}
}
@media (min-width: 1200px) {
.pfeil-runter {
bottom: 100px;
}
}
@media (min-width: 768px) {
.glyphicon-download {
right: 0;
left: 0;
position: absolute;
z-index: 200;
font-size: 45px;
width: 80px;
margin: 0 auto;
text-align: center;
}
}
@media (min-width: 992px) {
.glyphicon-download {
font-size: 50px;
}
}
@media (min-width: 1200px) {
.glyphicon-download {
font-size: 70px;
}
}
.glyphicon-download {
color: var(--templatefarbe_hex);
}
.glyphicon-download:hover,
.glyphicon-download:active,
.glyphicon-download:focus {
color: #565656;
}
/* BOUNCING GLYPHICON------------------------------------------------- */
/*http://codepen.io/anon/pen/yyJbPL*/
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-moz-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-15px);
transform: translateY(-15px);
}
60% {
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
60% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-15px);
-ms-transform: translateY(-15px);
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
60% {
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
}
.bounce {
-moz-animation: bounce 4s infinite;
-webkit-animation: bounce 4s infinite;
animation: bounce 4s infinite;
}
/* PFEIL-RUNTER ENDE */
/* COLORBOX ------------------------------------------------- */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{-moz-box-sizing:content-box; -webkit-box-sizing:content-box;box-sizing:content-box;}
/*
User Style:
Change the following styles to modify the appearance of Colorbox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../img/colorboximages/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
#cboxTopLeft{width:21px; height:21px; background:url(../img/colorboximages/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(../img/colorboximages/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(../img/colorboximages/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(../img/colorboximages/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(../img/colorboximages/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(../img/colorboximages/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(../img/colorboximages/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(../img/colorboximages/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px; margin-top: 60px;}
#cboxTitle{position:absolute; top:4px; left:0; text-align:center; width:100%; color:#666;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxLoadingOverlay{background:url(../img/colorboximages/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(../img/colorboximages/loading.gif) no-repeat center center;}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(../img/colorboximages/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../img/colorboximages/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; top:0; right:0; background:url(../img/colorboximages/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}
/*
The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9.
See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
#cboxOverlay { opacity: 0.8 !important; } /*RNWK*/
/* COLORBOX ENDE */
/* VERSCHIEDENES -------------------------------------------------------- */
/* VERSCHIEDENES -------------------------------------------------------- */
/* VERSCHIEDENES -------------------------------------------------------- */
/* VERSCHIEDENES -------------------------------------------------------- */
/* VERSCHIEDENES -------------------------------------------------------- */
/* BOOTSTRAP 4
------------------------------------------------- */
/*bootstrap4 - added everything below from old template to fix the produkt menu and breadcrumbs*/
.nav > li > a {
display: block;
}
#sidebar .nav {
display: block !important;
}
.icon-bar{
margin-top: 4px;
}
@media (max-width: 991px) {
.dropdown-toggle::after {
display:none;
}
}
.breadcrumb-item + .breadcrumb-item::before {
content: none;
}
.breadcrumb .breadcrumb-item{
margin-right: 0.5rem;
}
.breadcrumb-first-item{
padding-right:2px;
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
/* BOOTSTRAP 4 ENDE ------------------------------------------------- */
/* NEU IN 2022
------------------------------------------------- */
.anchorjs-link,
.copy_success {
color: var(--templatefarbe_hex) !important;
}
.page-item.active .page-link {
color: var(--hinweisboxtextfarbe_hex) !important;
background-color: rgba(var(--hinweisboxfarbe_rgb), 1) !important;
}
.page-item.disabled .page-link { /*pagination*/
color: var(--textfarbe_hex) !important;
background-color: var(--hintergrundfarbe_hex) !important;
border: none;
}
.pagination {
display: -ms-flexbox;
display: flex;
padding-left: 0;
list-style: none;
border-radius: 0.25rem;
}
.page-item {
margin: 0;
}
.page-link {
position: relative;
display: block;
padding: 0.5rem 0.75rem;
margin-left: -1px;
line-height: 1.25;
border: none;
}
/* NEU IN 2022 ENDE */
/* TEMPLATE-VORSCHAU
------------------------------------------------- */
/* FONTSET */
body.fontset1 h1,
body.fontset1.h1,
body.fontset1 h2,
body.fontset1.h2,
body.fontset1 h3,
body.fontset1.h3,
body.fontset1 h4,
body.fontset1.h4,
body.fontset1 h5,
body.fontset1.h5,
body.fontset1.cs_description > label {
font-family: 'Rubik', sans-serif !important;
text-transform: uppercase;
}
body.fontset1 {
font-family: 'Roboto', sans-serif !important;
}
body.fontset1 #mainmenu {
font-family: 'Rubik', sans-serif !important;
}
body.fontset1 #infobar p {
font-family: 'Roboto', sans-serif !important;
}
/* FONTSET2 */
body.fontset2 h1,
body.fontset2.h1,
body.fontset2 h2,
body.fontset2.h2,
body.fontset2 h3,
body.fontset2.h3,
body.fontset2 h4,
body.fontset2.h4,
body.fontset2 h5,
body.fontset2.h5,
body.fontset2.cs_description > label {
font-family: 'Raleway' !important;
font-weight: 800 !important;
}
body.fontset2 {
font-family: 'Open Sans', sans-serif !important;
}
body.fontset2 #mainmenu {
font-family: 'Open Sans', sans-serif !important;
}
body.fontset2 #infobar p {
font-family: 'Open Sans', sans-serif !important;
}
/* FONTSET3 */
body.fontset3 h1,
body.fontset3.h1,
body.fontset3 h2,
body.fontset3.h2,
body.fontset3 h3,
body.fontset3.h3,
body.fontset3 h4,
body.fontset3.h4,
body.fontset3 h5,
body.fontset3.h5,
body.fontset3.cs_description > label {
font-family: 'Oswald', sans-serif !important;
font-weight: 700 !important;
}
body.fontset3 {
font-family: 'Roboto', sans-serif !important;
}
body.fontset3 #mainmenu,
body.fontset3 .produktuebersicht a {
font-family: 'Oswald', sans-serif !important;
font-weight: 400 !important;
text-transform: uppercase;
}
body.fontset3 #infobar p {
font-family: 'Oswald', sans-serif !important;
font-weight: 400 !important;
text-transform: uppercase;
}
/* FONTSET4 */
body.fontset4 h1,
body.fontset4.h1,
body.fontset4 h2,
body.fontset4.h2,
body.fontset4 h3,
body.fontset4.h3,
body.fontset4 h4,
body.fontset4.h4,
body.fontset4 h5,
body.fontset4.h5,
body.fontset4.cs_description > label {
font-family: 'Montserrat', sans-serif !important;
font-weight: 700 !important;
text-transform: uppercase;
}
body.fontset4 {
font-family: 'Lora', sans-serif !important;
}
body.fontset4 #mainmenu {
font-family: 'Lora', sans-serif !important;
font-weight: 700 !important;
}
body.fontset4 #infobar p {
font-family: 'Lora', sans-serif !important;
}
/* FONTSET5 */
body.fontset5 h1,
body.fontset5.h1,
body.fontset5 h2,
body.fontset5.h2,
body.fontset5 h3,
body.fontset5.h3,
body.fontset5 h4,
body.fontset5.h4,
body.fontset5 h5,
body.fontset5.h5,
body.fontset5.cs_description > label {
font-family: Arial, Helvetica, Geneva, sans-serif !important;
font-weight: 700 !important;
}
body.fontset5 {
font-family: Arial, Helvetica, Geneva, sans-serif !important;
}
body.fontset5 #mainmenu {
font-family: 'Assistant', sans-serif !important;
}
body.fontset5 #infobar p {
font-family: 'Assistant', sans-serif !important;
}
/* preview-mode boxen */
.preview-bottom-text{
display:block;
position: fixed;
line-height: 1.2em;
bottom: 0;
padding: 5px 10px 5px 10px;
width: 100%;
z-index: 9400;
color: #fff;
font-weight: bold;
font-size: 13px !important;
text-align: center;
background: rgba(0,0,0,0.65);
font-family: Arial, Helvetica, Geneva, sans-serif !important;
text-transform: none !important;
/*-webkit-box-shadow: 0px -2px 16px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px -2px 16px 0px rgba(0,0,0,0.5);
box-shadow: 0px -2px 16px 0px rgba(0,0,0,0.5);*/
}
.preview-bottom-text .form-check-inline {
margin-right: 25px;
}
.preview-top-text{
display:block;
position: fixed;
line-height: 1.2em;
top: 0;
padding: 20px;
left: 0;
z-index: 99999999;
color: #fff;
font-weight: bold;
font-size: 13px !important;
background: rgba(var(--akzentfarbe_rgb), 0.8);
-webkit-box-shadow: 0px -2px 16px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px -2px 16px 0px rgba(0,0,0,0.5);
box-shadow: 0px -2px 16px 0px rgba(0,0,0,0.5);
}
/* preview-mode box ---------------- */
.preview-bottom-text h5.prevtext {
font-family: Arial, Helvetica, Geneva, sans-serif !important;
text-transform: none !important;
font-weight: 600 !important;
}
.preview-bottom-text label {
margin-top: 0 !important;
}
.preview-bottom-text .form-check-input {
line-height: 1em;
margin-top: 0!important;
}
/* TEMPLATE-VORSCHAU ENDE */
/* COOKIE-BANNER DSGVO 2020/2021
------------------------------------------------- */
.cookieConsentContainer {
z-index: 200000;
width: 350px;
min-height: 20px;
box-sizing: border-box;
padding: 30px 30px 30px 30px;
background: #242424;
overflow: hidden;
position: fixed;
bottom: 30px;
right: 30px;
display: none;
}
.cookieConsentContainer .cookieTitle a,
.cookieConsentContainer .cookieTitle a:hover {
font-family: OpenSans, arial, "sans-serif";
color: #FFFFFF;
font-size: 22px;
line-height: 20px;
display: block;
cursor: auto;
text-decoration: none;
}
.cookieConsentContainer .cookieDesc p {
margin: 0;
padding: 0;
font-family: OpenSans, arial, "sans-serif";
color: #FFFFFF;
font-size: 15px;
line-height: 20px;
display: block;
margin-top: 10px;
}
.cookieConsentContainer .cookieDesc a {
font-family: OpenSans, arial, "sans-serif";
color: #FFFFFF;
text-decoration: underline;
}
.cookieConsentContainer .cookieButton a {
display: inline-block;
font-family: OpenSans, arial, "sans-serif";
color: #0F0F0F;
font-size: 14px;
font-weight: bold;
margin-top: 14px;
background: #ccc;
box-sizing: border-box;
padding: 10px 14px;
text-align: center;
transition: background 0.3s;
}
.cookieConsentContainer .cookieButton a:hover {
cursor: pointer;
background: #eee;
}
@media (max-width: 991px) {
.cookieConsentContainer {
bottom: 0px !important;
left: 0px !important;
width: 100% !important;
}
}
/* COOKIE-BANNER ENDE */
/* CONSENT-TOOLS DSGVO 2020/2021
------------------------------------------------- */
.yt-video-consent-wrapper,
.vimeo-video-consent-wrapper,
.markilux-banner-consent-wrapper,
.markilux-configurator-consent-wrapper,
.markilux-consent-wrapper,
.googlestreetview-consent-wrapper,
.yext-consent-wrapper,
.neutral1-consent-wrapper,
.neutral2-consent-wrapper {
padding: 15px 15px 5px 15px;
background-color: #efefef;
}
.yt-video-consent-wrapper-pic,
.vimeo-video-consent-wrapper-pic,
.markilux-banner-consent-wrapper-pic,
.markilux-configurator-consent-wrapper-pic,
.markilux-consent-wrapper-pic,
.googlestreetview-consent-wrapper-pic,
.yext-consent-wrapper-pic,
.neutral1-consent-wrapper-pic,
.neutral2-consent-wrapper-pic {
cursor: pointer;
max-width: 100%;
height: auto;
}
.yt-video-consent-check-wrap,
.vimeo-video-consent-check-wrap,
.markilux-banner-consent-check-wrap,
.markilux-configurator-consent-check-wrap,
.markilux-consent-check-wrap,
.neutral1-consent-check-wrap,
.neutral1-consent-check-wrap,
.neutral2-consent-check-wrap {
padding: 0px 15px 15px 15px;
background-color: #efefef;
margin-bottom: 30px;
}
.yt-video-consent-text,
.vimeo-video-consent-text,
.markilux-banner-consent-text,
.markilux-configurator-consent-text,
.markilux-consent-text,
.googlestreetview-consent-text,
.yext-consent-text,
.neutral1-consent-text,
.neutral2-consent-text {
width: 100%;
height: auto;
}
.yt-video-consent-text p,
.vimeo-video-consent-text p,
.markilux-banner-consent-text p,
.markilux-configurator-consent-text p,
.markilux-consent-text p,
.googlestreetview-consent-text p,
.yext-consent-text p,
.neutral1-consent-text p,
.neutral2-consent-text p {
margin: auto;
}
.yt-video-consent-wrapper iframe,
.vimeo-video-consent-wrapper iframe,
.markilux-banner-consent-wrapper iframe,
.markilux-configurator-consent-wrapper iframe,
.markilux-consent-wrapper iframe,
.googlestreetview-consent-wrapper iframe,
.yext-consent-wrapper iframe,
.neutral1-consent-wrapper iframe,
.neutral2-consent-wrapper iframe {
height: 0px;
width: 0px;
}
.dsgvo-block,
.youtube-block {
text-align: center;
margin: 2em 0;
padding: 1em 1em 2em 1em;
background-color: #efefef;
}
.dsgvo-block img,
.youtube-block img {
margin: 0 auto;
max-width: 50%;
}
/* CONSENT-TOOLS ENDE */
/* iconbox-Box */
.iconbox .row {
margin-bottom: 0 !important;
}
.equal-height-box .iconbox {
margin-top: 0 !important;
margin-bottom: 0 !important;
text-align: center;
}
@media (min-width: 992px) {
.equal-height-box .iconbox {
display: grid;
text-align: left;
}
}
.equal-height-box {
margin-bottom: 10px !important;
}
@media (min-width: 992px) {
.equal-height-box {
margin-bottom: 0px !important;
}
}
.landingpage .equal-height-box {
margin-bottom: 10px !important;
}
@media (min-width: 992px) {
.landingpage .equal-height-box {
margin-bottom: 1px !important;
}
}
.iconbox {
background: rgb(var(--hinweisboxfarbe_rgb),1);
background: -moz-linear-gradient(170deg, rgba(var(--hinweisboxfarbe_rgb),1) 0%, rgba(var(--hinweisboxfarbe_rgb),0.8) 79%);
background: -webkit-linear-gradient(170deg, rgba(var(--hinweisboxfarbe_rgb),1) 0%, rgba(var(--hinweisboxfarbe_rgb),0.8) 79%);
background: linear-gradient(170deg, rgba(var(--hinweisboxfarbe_rgb),1) 0%, rgba(var(--hinweisboxfarbe_rgb),0.8) 79%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#ffffff",GradientType=1);
color: var(--hinweisboxtextfarbe_hex);
font-weight: bold;
padding: 2em 2em;
margin-top: 2em;
margin-bottom: 2em;;
}
@media (min-width: 768px) {
.iconbox {
padding: 2em 2em;
}
}
.iconbox h2 {
font-size: 30px;
margin-top: 0 !important;
margin-bottom: 0 !important;
text-align: center !important;
}
.iconbox h3 {
font-size: 24px;
margin-top: 1em !important;
margin-bottom: 0.3em !important;
text-align: center !important;
line-height: 1.3em;
}
.iconbox h4 {
font-size: 17px;
margin-top: 1em !important;
margin-bottom: 0 !important;
text-align: center !important;
}
@media (min-width: 768px) {
.iconbox h2 {
font-size: 30px;
margin-top: 0 !important;
margin-bottom: 0 !important;
text-align: center !important;
}
.iconbox h3 {
font-size: 24px;
margin-top: 0 !important;
margin-bottom: 0.4em !important;
text-align: center !important;
}
.iconbox h4 {
font-size: 17px;
margin-top: 1em !important;
margin-bottom: 0 !important;
text-align: center !important;
}
}
@media (min-width: 992px) {
.iconbox h2 {
font-size: 35px;
margin-top: 0 !important;
margin-bottom: 0 !important;
text-align: left !important;
}
.iconbox h3 {
font-size: 25px;
margin-top: 0 !important;
margin-bottom: 0 !important;
text-align: left !important;
}
.iconbox h4 {
font-size: 18px;
margin-top: 0 !important;
margin-bottom: 0 !important;
text-align: left !important;
}
}
@media (min-width: 1200px) {
.iconbox h2 {
font-size: 40px;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.iconbox h3 {
font-size: 27px;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.iconbox h4 {
font-size: 20px;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}
@media (min-width: 1400px) {
.iconbox h2 {
font-size: 45px;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.iconbox h3 {
font-size: 30px;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.iconbox h4 {
font-size: 22px;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}
.iconbox i {
font-size: 4em;
}
@media (min-width: 768px) {
.iconbox i {
font-size: 5em;
}
}
@media (min-width: 992px) {
.iconbox i {
font-size: 5em;
}
}
@media (min-width: 1200px) {
.iconbox i {
font-size: 7em;
}
}
@media (min-width: 1440px) {
.iconbox i {
font-size: 8em;
}
}
.iconbox img {
margin-bottom: 0 !important;
}
.iconbox-vorteile.iconbox {
background: rgb(var(--hinweisboxfarbe_rgb),1);
background: -moz-linear-gradient(170deg, rgba(var(--hinweisboxfarbe_rgb),1) 0%, rgba(var(--hinweisboxfarbe_rgb),0.8) 79%);
background: -webkit-linear-gradient(170deg, rgba(var(--hinweisboxfarbe_rgb),1) 0%, rgba(var(--hinweisboxfarbe_rgb),0.8) 79%);
background: linear-gradient(170deg, rgba(var(--hinweisboxfarbe_rgb),1) 0%, rgba(var(--hinweisboxfarbe_rgb),0.8) 79%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#ffffff",GradientType=1);
color: var(--hinweisboxtextfarbe_hex);
font-weight: bold;
padding: 2em 2em;
margin-top: 2em;
margin-bottom: 2em;;
}
@media (min-width: 768px) {
.iconbox-vorteile.iconbox {
padding: 2em 2em;
}
}
.iconbox-vorteile.iconbox h2 {
font-size: 30px;
margin-top: 0 !important;
margin-bottom: 0 !important;
text-align: center !important;
}
.iconbox-vorteile.iconbox h3 {
font-size: 24px;
margin-top: 1em !important;
margin-bottom: 0.3em !important;
text-align: center !important;
line-height: 1.3em;
}
.iconbox-vorteile.iconbox h4 {
font-size: 17px;
margin-top: 1em !important;
margin-bottom: 0 !important;
text-align: center !important;
}
@media (min-width: 768px) {
.iconbox-vorteile.iconbox h2 {
font-size: 30px;
margin-top: 0 !important;
margin-bottom: 0 !important;
text-align: center !important;
}
.iconbox-vorteile.iconbox h3 {
font-size: 24px;
margin-top: 0 !important;
margin-bottom: 0.4em !important;
text-align: center !important;
}
.iconbox-vorteile.iconbox h4 {
font-size: 17px;
margin-top: 1em !important;
margin-bottom: 0 !important;
text-align: center !important;
}
}
@media (min-width: 992px) {
.iconbox-vorteile.iconbox h2 {
font-size: 35px;
margin-top: 0 !important;
margin-bottom: 0 !important;
text-align: left !important;
}
.iconbox-vorteile.iconbox h3 {
font-size: 25px;
margin-top: 0 !important;
margin-bottom: 0 !important;
text-align: left !important;
}
.iconbox-vorteile.iconbox h4 {
font-size: 16px;
margin-top: 0 !important;
margin-bottom: 0 !important;
text-align: left !important;
}
}
@media (min-width: 1200px) {
.iconbox-vorteile.iconbox h2 {
font-size: 40px;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.iconbox-vorteile.iconbox h3 {
font-size: 27px;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.iconbox-vorteile.iconbox h4 {
font-size: 20px;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}
@media (min-width: 1400px) {
.iconbox-vorteile.iconbox h2 {
font-size: 45px;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.iconbox-vorteile.iconbox h3 {
font-size: 30px;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.iconbox-vorteile.iconbox h4 {
font-size: 22px;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}
.iconbox-vorteile.iconbox i {
font-size: 4em;
}
@media (min-width: 768px) {
.iconbox-vorteile.iconbox i {
font-size: 4em;
}
}
@media (min-width: 992px) {
.iconbox-vorteile.iconbox i {
font-size: 4em;
}
}
@media (min-width: 1200px) {
.iconbox-vorteile.iconbox i {
font-size: 5em;
}
}
@media (min-width: 1440px) {
.iconbox-vorteile.iconbox i {
font-size: 6em;
}
}
.iconbox-vorteile.iconbox img {
margin-bottom: 0 !important;
}
/* LIEFERANTEN -------------------------------------------------------- */
/* LIEFERANTEN -------------------------------------------------------- */
/* LIEFERANTEN -------------------------------------------------------- */
/* LIEFERANTEN -------------------------------------------------------- */
/* LIEFERANTEN -------------------------------------------------------- */
/* KNEER ------------------------------------------------- */
/* KNEER ------------------------------------------------- */
/* KNEER ------------------------------------------------- */
.zwei-logos {
margin-top: 10px;
}
@media (min-width: 576px) {
.zwei-logos {
margin-top: 0px;
margin-left: 30px;
}
}
@media (min-width: 992px) {
.zwei-logos {
margin-top: 4em !important;
}
}
/* ribbon haustürenaktion */
.content-box {
width: 100%;
height: 360px;
max-width: 95%;
margin: 0;
position: relative;
}
#ribbon-container {
position: absolute;
top: 15px;
right: -20px;
overflow: visible;
/* so we can see the pseudo-elements we're going to add to the anchor */
font-size: 18px;
/* font-size and line-height must be equal so we can account for the height of the banner */
line-height: 18px;
}
#ribbon-container:before {
content: "";
height: 0;
width: 0;
display: block;
position: absolute;
top: 3px;
left: 0;
border-top: 29px solid rgba(0, 0, 0, .3);
/* These 4 border properties create the first part of our drop-shadow */
border-bottom: 29px solid rgba(0, 0, 0, .3);
border-right: 29px solid rgba(0, 0, 0, .3);
border-left: 29px solid transparent;
}
#ribbon-container:after {
/* This adds the second part of our dropshadow */
content: "";
height: 3px;
background: rgba(0, 0, 0, .3);
display: block;
position: absolute;
bottom: -3px;
left: 58px;
right: 3px;
}
#ribbon-container a {
display: block;
padding: 20px;
position: relative;
/* allows us to position our pseudo-elements properly */
background: #63b332;
overflow: visible;
height: 58px;
margin-left: 29px;
color: #fff;
text-decoration: none;
}
#ribbon-container a:after {
/* this creates the "folded" part of our ribbon */
content: "";
height: 0;
width: 0;
display: block;
position: absolute;
bottom: -15px;
right: 0;
border-top: 15px solid #479812;
border-right: 20px solid transparent;
}
#ribbon-container a:before {
/* this creates the "forked" part of our ribbon */
content: "";
height: 0;
width: 0;
display: block;
position: absolute;
top: 0;
left: -29px;
border-top: 29px solid #63b332;
border-bottom: 29px solid #63b332;
border-right: 29px solid transparent;
border-left: 29px solid transparent;
}
#ribbon-container a:hover {
background: #479812;
}
#ribbon-container a:hover:before {
/* this makes sure that the "forked" part of the ribbon changes color with the anchor on :hover */
border-top: 29px solid #479812;
border-bottom: 29px solid #479812;
}
/* KNEER ENDE */
/* MARKILUX ------------------------------------------------- */
/* MARKILUX ------------------------------------------------- */
/* MARKILUX ------------------------------------------------- */
/* neuer markilux-konfigurator 2021 */
#markilux-konfigurator div.youtube {
width: 100%!important;
height: 650px!important;
padding-top: 0!important;
padding-bottom: 0!important;
}
@media (min-width: 768px) {
#markilux-konfigurator div.youtube {
width: 100%!important;
height: 650px!important;
padding-top: 0!important;
padding-bottom: 0!important;
}
}
@media (min-width: 992px) {
#markilux-konfigurator div.youtube {
width: 100%!important;
height: 700px!important;
padding-top: 0!important;
padding-bottom: 0!important;
}
}
@media (min-width: 1200px) {
#markilux-konfigurator div.youtube {
width: 100%!important;
height: 750px!important;
padding-top: 0!important;
padding-bottom: 0!important;
}
}
/* MARKILUX ENDE */
/* REHAU ------------------------------------------------- */
/* REHAU ------------------------------------------------- */
/* REHAU ------------------------------------------------- */
#body-wissenlightframe,
#wrap-wissenlightframe,
#innerwrapper-wissenlightframe,
#hauptbereich-wissenlightframe,
#innerhauptbereich-wissenlightframe {
width: 590px !important;
background-color: #fff !important;
background-image: none !important;
margin: 0 auto !important;
}
/* rehau-logo */
.rehauqualitybunt {
width: 70px;
height: auto;
position: absolute;
right: 25px;
top: -2px;
}
@media (min-width: 992px) {
.rehauqualitybunt {
margin-left: 55px;
width: 115px;
height: auto;
float: none;
position: relative;
top: 25px;
}
}
@media (min-width: 1200px) {
.rehauqualitybunt {
margin-left: 72px;
}
}
.inoventsiegel {
width: 45px;
height: auto;
position: absolute;
right: 104px;
top: -6px;
}
@media (min-width: 992px) {
.inoventsiegel {
left: 45px;
width: 125px;
height: auto;
float: none;
position: relative;
top: 70px;
}
}
@media (min-width: 1200px) {
.inoventsiegel {
left: 62px;
}
}
/* bilder */
.wissentable img {
padding-bottom: 0 !important;
border: 0;
}
.aircomfortrechts{
margin-left: 3em;
}
.geneostart {
padding-bottom: 25px !important;
}
.geneovorteil,
.inoventvorteil,
.synegovorteil {
margin-top: 10px !important;
margin-bottom: 20px !important;
}
.farbtool {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.farbtool object {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* aufzählungen*/
.vorteilslinks{
font-size: 0.9em;
list-style-type: none;
line-height: 1.8em;
margin-top: 1em;
margin-bottom: 2em;
}
.vorteilslinks a.link:hover,
.vorteilslinks a.link:focus,
.vorteilslinks a.link:active {
font-weight: bold;
}
.listpflege{
list-style-type: disc;
margin-left: 1em;
}
/* technik-tabellen */
.technik {
font-size: 12px;
width: 100%;
margin-top: 16px;
margin-bottom: 16px;
border-collapse: collapse;
}
@media (min-width: 768px) {
.technik {
font-size: 16px;
}
}
.technik td {
line-height: 1.5em;
padding: 5px;
padding-left:10px;
border: 1px solid #ccc;
}
.techniktd1 {
width: 33%;
font-weight: bold;
}
.techniktd2 {
width: 67%;
}
.technik-inovent-td1 {
width: 30%;
}
.technik-inovent-td2 {
width: 18%;
}
.technik-inovent-td3 {
width: 26%;
}
.technik-inovent-td4 {
width: 26%;
}
/* wissen a-z */
.wissentable,
.wissentable-lightframe {
font-size: 13px;
line-height: inherit;
width: 100%;
margin-top: 16px;
margin-bottom: 16px;
border-collapse: collapse;
}
@media (min-width: 768px) {
.wissentable,
.wissentable-lightframe{
width: 100%;
margin-top: 16px;
margin-bottom: 16px;
border-collapse: collapse;
}
}
.wissentable td {
padding-bottom: 20px;
}
.wissentd1 {
width: 20%;
vertical-align: top;
}
.wissentd2 {
width: 70%;
padding-left: 10%;
}
@media (min-width: 768px) {
.wissentd2 {
width: 79%;
padding-left: 1%;
}
}
.wissentable img{
max-width: 100%;
height: auto;
margin-top: 2px;
}
.wissentable h5{
margin-top: 0px;
}
#innerhauptbereich-wissenlightframe {
padding-top: 50px;
}
/* geneovorteile */
.geneovorteile-start {
width: 100%;
margin: 1.5em 0 2em 0;
text-align: center;
padding-right: 0 !important;
padding-left: 0 !important;
}
.geneovorteile-start .col-2,
.geneovorteile-start .col-md-2 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.geneovorteile-start img {
border: 0;
padding: 0;
margin-bottom: 7px !important;
text-align: center;
width: 55px;
height: auto;
}
@media (min-width: 992px) {
.geneovorteile-start img {
width: 60px;
margin-top: 0 !important;
}
}
.geneovorteile-start a {
font-weight: bold;
text-decoration: none;
font-size: 12px;
}
table.geneovorteile {
width: 100%;
text-align: left;
}
table.geneovorteile p{
margin: 0;
font-weight: bold;
}
.geneovorteile a {
font-weight: bold;
font-size: 13px;
line-height: 1.5em;
}
table.geneovorteile td{
vertical-align: middle;
width: 73%;
padding-left: 7%;
padding-bottom: 15px;
}
@media (min-width: 768px) {
table.geneovorteile td{
vertical-align: middle;
width: 78%;
padding-left: 2%;
padding-bottom: 0px;
}
}
.geneotd1 {
width: 10% !important;
padding-left: 0 !important;
}
.geneovorteile img{
max-width: 100%;
height: auto;
padding: 0;
margin: 15px 0 15px 0;
border: 0;
}
.hide-me[aria-expanded="true"] {display: none;}
.card-header:hover {
background-color: lightgrey;
}
/* REHAU ENDE */
/* VORÜBERGEHENDER PLATZ ZUM TESTEN */
/*2023*/
.inline-wrap {
display: flex;
}
/* entfernt Stufen an schrägen kannten:
https://www.w3schools.com/cssref/css3_pr_backface-visibility.php
https://stackoverflow.com/questions/6492027/css-transform-jagged-edges-in-chrome*/
.kenburns-slider .slide,
.carousel-item {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
#teaser:before,
#teaser:after {
outline: 1px solid transparent;
}
/* Bootstrap-Slider Geschwindigkeit */
.carousel-item {
transition: transform 1.5s ease-in-out;
}
.preview-bottom-text .form-check-input {
margin-right: 5px;
}
.horizontal-slider .slide_img {
display: block;
height: 100%;
}
.kenburns-slider .slide_img {
display: block;
height: 100%;
}
.kenburns-slider .sourceclass {
}
.hide-dropdown a.sidebarnavititle .caret,
.hide-dropdown .dropdown-toggle::after,
#mainmenu .navbar-default ul.nav li.hide-dropdown a.caret_a
{
display:none;
}
.bottom-mobile{
display: none !important;
}
@media screen and (max-width:991px){
#mainmenu .navbar-default ul.nav li{
margin-right:1px;
}
}
/*--- weik push menu */
@media screen and (max-width:991px){
@supports (-webkit-overflow-scrolling: touch) { /* CSS specific to iOS devices */ body {cursor: pointer;} }
.navbar-nav .open .dropdown-menu {
position: absolute;
float: none;
width: 100%;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
top: 100%
}
.hide-dropdown a.sidebarnavititle .caret,
#mainmenu .navbar-default ul.nav li.hide-dropdown a.caret_a
{
display:inline-block;
}
.caret {
display: inline-block;
float: right;
margin-top: 13px;
}
.caret,
.navbar-nav .dropdown-submenu > a:before {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-right:0 !important;
border-top: 6px solid transparent !important;
border-bottom: 6px solid transparent !important;
border-left: 6px solid #fff !important;
}
.dropdown-submenu.open .caret,
.dropdown.open a.sidebarnavititle .caret,
.caret.open {
border-top-color: #555555 !important;
border-left:6px solid transparent !important;
border-right:6px solid transparent !important;
border-top: 6px solid #fff !important;
}
.navbar-nav .dropdown-submenu > a:before {
margin-top: 17px !important;
}
.navbar-nav .dropdown li {
text-indent: 10px;
background-color: #030303;
}
.navbar-nav .dropdown-submenu .grau {
background-color: #030303;
}
.dropdown-menu .nav-zwei {
text-indent: 20px;
}
.dropdown-menu .nav-drei {
text-indent: 30px;
}
.dropdown-menu .nav-vier {
text-indent: 40px;
}
/*.navbar-default{
height:0px;
}*/
#sidebar .navbar-default{
display:none;
}
.navbar-toggle .icon-bar{
position:relative;
}
.navbar-default .navbar-toggle .icon-bar{
background: var(--templatefarbe_hex);
}
.navbar-toggle.active .icon-bar.bar1 {
top: 6px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.navbar-toggle.active .icon-bar.bar2 {
background-color: transparent;
}
.navbar-toggle.active .icon-bar.bar3 {
top: -8px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media (min-width: 576px) {
.navbar-toggle.active .icon-bar.bar3 {
top: -8px;
}
}
#mainmenu .navbar-default ul.nav{
float:left;
width:100%;
}
#mainmenu .navbar-default ul.nav li{
/* float:left; */
width:100%;
display:block;
}
.dropdown-menu > li > a{
height: 40px;
line-height: 40px;
color: #f7f7f7;
}
.navbar-collapse.weik-sidepmenu{
position:fixed;
}
.navbar-nav>li>a {
height: 50px;
line-height:50px;
color:#fff !important;
padding:0px 12px 0 25px!important;
}
.dropdown-submenu > a:before{
top:11px;
margin-right:0px !important;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a,
.navbar-default .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:hover,
.navbar-default .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:focus{
background-color:#030303;
color:#f7f7f7 !important;
}
#hauptnavigation > ul > li.dropdown.m_open.open > ul > li.dropdown-submenu.m_open.grau.open > a {
font-weight: bold !important;
background-color: #707070 !important;
}
#hauptnavigation > ul > li.dropdown.open > ul > li.dropdown-submenu.grau.open > ul > li a,
#hauptnavigation > ul > li.dropdown.m_open.open > ul > li.dropdown-submenu.m_open.grau.open > ul > li > a {
background-color: #707070;
}
#hauptnavigation > ul > li.dropdown.m_open.open > ul > li.dropdown-submenu.m_open.grau.open > ul > li > a.active {
background-color: var(--templatefarbe_hex) !important;
}
li.open .sidebarnavititle {
background-color: #030303 !important;
}
#mainmenu .navbar-default ul.nav li.dropdown.open a.sidebarnavititle{
/*background-color:#030303;*/
height:40px;
line-height:40px;
font-weight: bold;
}
.sidebarnavititle.active,
.dropdown-submenu.m_open.grau a,
.dropdown-submenu.grau a,
#mainmenu .navbar-default ul.nav li a{
height:40px; line-height:40px;
padding-top:0px !important;
padding-bottom:0px !important;
}
.dropdown-menu.main-dropdown-menu{
float:left;
padding-top:0px;
}
.dropdown-menu {
padding: 0 !important;
}
.sidebarnavititle.active .caret{
top:14px !important;
}
.navbar-nav>li>a:hover,
.navbar-nav>li>a:focus,
.navbar-nav>li>a:active{
color:var(--templatefarbe_hex);
}
ul.dropdown-menu.main-dropdown-menu li.open a{
color: var(--templatefarbe_hex) !important;
}
#hauptnavigation{
background:#333;
}
.collapse.navbar-collapse#hauptnavigation{
right: -290px;
position:fixed;
width: 290px;
height: 100%;
top: 0;
bottom: 0;
z-index: 1000;
visibility: visible;
padding: 0;
margin: 0 !important;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
display:block;
overflow-y:visible;
overflow-x:hidden;
}
.show-left-menu{
right:0px !important;
}
.weik-sidepmenu {
background: var(--templatefarbe_hex);
position: fixed;
}
.weik-sidepmenu h3 {
color: #afafaf;
font-size: 1.9em;
padding: 20px;
margin: 0;
font-weight: 300;
background: var(--templatefarbe_hex);
}
.weik-sidepmenu a {
display: block;
color: #fff;
font-size: 1.1em;
font-weight: 300;
}
.weik-sidepmenu a:hover {
background: var(--templatefarbe_hex);
}
.weik-sidepmenu a:active {
background: #afafaf;
color: var(--templatefarbe_hex);
}
/* Orientation-dependent styles for the content of the menu */
.weik-sidepmenu-vertical {
width: 290px;
height: 100%;
top: 0;
bottom:0;
z-index: 1000;
}
.weik-sidepmenu {
position: fixed;
padding: 0;
margin: 0 !important;
overflow-x: hidden;
overflow-y: visible;
display: block;
visibility: visible;
}
.weik-sidepmenu-vertical a {
border-bottom: 1px solid #424242;
padding: 1em;
}
.weik-sidepmenu-horizontal {
width: 100%;
height: 150px;
left: 0;
z-index: 1000;
overflow: hidden;
}
.weik-sidepmenu-horizontal h3 {
height: 100%;
width: 20%;
float: left;
}
.weik-sidepmenu-horizontal a {
float: left;
width: 20%;
padding: 0.8em;
border-left: 1px solid #258ecd;
}
/* Vertical menu that slides from the left or right */
.weik-sidepmenu-left {
left: -260px;
}
.weik-sidepmenu-right {
right: -260px;
}
.weik-sidepmenu-left.weik-sidepmenu-open {
left: 0px;
}
.weik-sidepmenu-right.weik-sidepmenu-open {
right: 0px;
}
/* Horizontal menu that slides from the top or bottom */
.weik-sidepmenu-top {
top: -150px;
}
.weik-sidepmenu-bottom {
bottom: -150px;
}
.weik-sidepmenu-top.weik-sidepmenu-open {
top: 0px;
}
.weik-sidepmenu-bottom.weik-sidepmenu-open {
bottom: 0px;
}
/* Push classes applied to the body */
.weik-sidepmenu-push {
overflow-x:visible;
position: relative;
right: 0;
}
.weik-sidepmenu-push-toright {
right: 290px;
}
.weik-sidepmenu-push-toleft {
right: -290px;
}
/* Transitions */
.weik-sidepmenu,
.weik-sidepmenu-push {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
}
/* HAUPTNAVIGATION MOBIL-------------------------------*/
/* HAUPTNAVIGATION MOBIL-------------------------------*/
/* HAUPTNAVIGATION MOBIL-------------------------------*/
@media (max-width: 991px) {
#mainmenu .navbar-collapse {
padding-right: 0px;
padding-left: 0px;
overflow-x: visible;
-webkit-overflow-scrolling: touch;
border-top: none;
box-shadow: none;
}
#mainmenu .navbar-collapse ul.nav { /*zentriert die ausgeklappte Navigation */
margin-top: 0px;
margin-bottom: 15px;
margin-left: 0px;
margin-right: 0px;
width: 100%;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
text-align: center;
float: none;
display: block;
}
#mainmenu .navbar-collapse ul.nav li {
position: relative;
display: flex;
margin-right:0px;
margin-left:0px;
flex-wrap: wrap;
}
#mainmenu .navbar-collapse ul.nav li a {
position: relative;
display: block;
padding: 10px 12px;
padding-left:25px;
color:#f7f7f7 !important;
text-decoration: none;
text-align:left;
}
#mainmenu .navbar-collapse ul.nav > li > a {
color: #030303;
text-transform: uppercase;
font-size: 15px !important;
text-align:left;
}
#mainmenu .navbar-collapse ul.nav li a:hover,
#mainmenu .navbar-collapse ul.nav li a:focus {
color: #fff !important;
text-decoration: none;
background-color: #828282!important;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
#mainmenu .navbar-collapse ul.nav li a.active,
#mainmenu .navbar-collapse ul.nav li a.active:hover,
#mainmenu .navbar-collapse ul.nav li a.active:focus {
background-color: var(--templatefarbe_hex);
cursor: default;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
color: #fff !important;
font-weight: bold;
}
#hauptnavigation > ul > li.dropdown.open > ul > li.dropdown-submenu.grau.open > a {
font-weight: bold;
}
.dropdown-submenu > ul.dropdown-menu {
left: 0%;
}
}
@media (min-width: 768px) { /*blendet das Standardmenü schon ab 768px ein - Standard wäre 992px*/
.navbar-collapse {
width: auto;
border-top: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-collapse.in {
overflow-y: visible;
}
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
padding-right: 0;
padding-left: 0;
}
}
@media (max-width: 991px) {
#mainmenu .navbar-collapse .grau {
background-color: #434343;
}
#hauptnavigation > ul > li.dropdown.open > ul > li.dropdown-submenu.grau.open {
background-color: #707070 !important;
}
}
/* HAUPTNAVIGATION TOGGLE-SYMBOL-------------------------------*/
/* HAUPTNAVIGATION TOGGLE-SYMBOL-------------------------------*/
/* HAUPTNAVIGATION TOGGLE-SYMBOL-------------------------------*/
#mainmenu .toggle-wrap{
margin-top: 0px !important;
padding-top: 0 !important;
}
@media (min-width: 992px) {
#mainmenu .toggle-wrap{
display: none;
}
}
#mainmenu button.navbar-toggle {
position: relative;
float: none;
padding: 5px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 0px;
display: inline-block;
}
#mainmenu button.navbar-toggle:hover,
#mainmenu button.navbar-toggle:focus {
background-color:transparent;
}
@media (min-width: 992px) {
#mainmenu .togglehead{
display:none !important;
}
.megamenu-submenu {
display: none;
}
.megamenu a.submenu-main {
width: 100%;
}
#mainmenu .megamenu .submenu-caret {
display: none !important;
}
}
#mainmenu .togglehead p{
color: inherit;
font-size: 14px;
line-height: 20px;
font-weight: bold;
margin-bottom: 0px;
text-align: center;
}
@media (min-width: 768px) {
#mainmenu .togglehead p{
font-size: 14px;
line-height: 20px;
}
}
.navbar-toggle .icon-bar {
display: block;
width: 24px;
height: 3px;
border-radius: 1px;
}
@media (min-width: 576px) {
.navbar-toggle .icon-bar {
width: 24px;
height: 3px;
}
}
@media (min-width: 768px) {
.navbar-toggle .icon-bar {
width: 26px;
height: 3px;
}
}
@media (min-width: 1200px) {
.navbar-toggle .icon-bar {
width: 28px;
height: 4px;
}
}
@media (min-width: 1440px) {
.navbar-toggle .icon-bar {
width: 28px;
height: 4px;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 3px;
}
}
@media screen and (max-width:991px){
.bottom-mobile{
display: block !important;
}
}
.bar1 {
margin-top: 0px; /*entfernt margin oberhalb vom ersten Strich im Burger-Menü */
}
/* fixes a bug in the menu colors */
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background-color: inherit;
border-color: inherit;
}
/**
menu css for scroll and fix
*/
.navbar-inverse{
z-index: 4;
width: 1110px !important;
max-width: 100%;
left: 0;
right: 0;
}
.affix {
top: 0;
width: 100%;
}
.affix + .container-fluid {
padding-top: 70px;
}
#mainmenu button.navbar-toggle:hover, #mainmenu button.navbar-toggle:focus{
outline:none;
}
#mainmenu .megamenu .grau {
clear: both;
}
@media (max-width: 991px){
.navbar-expand-sm .navbar-collapse {
display: block !important;
}
#mainmenu .dropdown-toggle-split {
width: 17%;
float: right;
}
#mainmenu .megamenu .grau {
clear: right;
}
}
/*megamenu-animations*/
@media (min-width: 992px) {
.animate {
animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-fill-mode: both;
-webkit-animation-fill-mode: both;
}
}
@keyframes slideIn {
0% {
transform: translateY(-1rem);
opacity: 0;
}
100% {
transform: translateY(0rem);
opacity: 1;
}
0% {
transform: translateY(-1rem);
opacity: 0;
}
}
@-webkit-keyframes slideIn {
0% {
-webkit-transform: translateY(-1rem);;
-webkit-opacity: 0;
}
100% {
-webkit-transform: translateY(0);
-webkit-opacity: 1;
}
0% {
-webkit-transform: translateY(-1rem);
-webkit-opacity: 0;
}
}
@media (min-width: 992px) {
.slideIn {
-webkit-animation-name: slideIn;
animation-name: slideIn;
}
#hauptnavigation .dropdown-menu {
opacity: 0;
transition: opacity 2s linear;
}
}
@keyframes mmclose {
0% {
display: block;
opacity: 1;
}
99% {
display: block;
}
100% {
display: none;
opacity: 0;
}
}
@media (min-width: 992px) {
.mmclose > .dropdown-menu {
animation: mmclose 1s linear;
animation-fill-mode: forwards;
}
}
@charset "UTF-8";
/*!
* animate.css -https://daneden.github.io/animate.css/
* Version - 3.7.2
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2019 Daniel Eden
*/
@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media (prefers-reduced-motion:reduce),(print){.animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}}
.dropdown-menu > li > label {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333333;
white-space: nowrap;
}
.dropdown-menu > li > label:hover,
.dropdown-menu > li > label:focus {
text-decoration: none;
color: #262626;
background-color: #f5f5f5;
}
.dropdown-menu > li > input:checked ~ label,
.dropdown-menu > li > input:checked ~ label:hover,
.dropdown-menu > li > input:checked ~ label:focus,
.dropdown-menu > .active > label,
.dropdown-menu > .active > label:hover,
.dropdown-menu > .active > label:focus {
color: #ffffff;
text-decoration: none;
outline: 0;
background-color: #428bca;
}
.dropdown-menu > li > input[disabled] ~ label,
.dropdown-menu > li > input[disabled] ~ label:hover,
.dropdown-menu > li > input[disabled] ~ label:focus,
.dropdown-menu > .disabled > label,
.dropdown-menu > .disabled > label:hover,
.dropdown-menu > .disabled > label:focus {
color: #999999;
}
.dropdown-menu > li > input[disabled] ~ label:hover,
.dropdown-menu > li > input[disabled] ~ label:focus,
.dropdown-menu > .disabled > label:hover,
.dropdown-menu > .disabled > label:focus {
text-decoration: none;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
cursor: not-allowed;
}
.dropdown-menu > li > label {
margin-bottom: 0;
cursor: pointer;
}
.dropdown-menu > li > input[type="radio"],
.dropdown-menu > li > input[type="checkbox"] {
display: none;
position: absolute;
top: -9999em;
left: -9999em;
}
.dropdown-menu > li > label:focus,
.dropdown-menu > li > input:focus ~ label {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu.pull-top {
bottom: 100%;
top: auto;
margin: 0 0 2px;
-webkit-box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu.pull-center {
right: 50%;
left: auto;
}
.dropdown-menu.pull-middle {
right: 100%;
margin: 0 2px 0 0;
box-shadow: -5px 0 10px rgba(0, 0, 0, 0.2);
left: auto;
}
.dropdown-menu.pull-middle.pull-right {
right: auto;
left: 100%;
margin: 0 0 0 2px;
box-shadow: 5px 0 10px rgba(0, 0, 0, 0.2);
}
.dropdown-menu.pull-middle.pull-center {
right: 50%;
margin: 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.dropdown-menu.bullet {
margin-top: 8px;
}
.dropdown-menu.bullet:before {
width: 0;
height: 0;
content: '';
display: inline-block;
position: absolute;
border-color: transparent;
border-style: solid;
-webkit-transform: rotate(360deg);
border-width: 0 7px 7px;
border-bottom-color: #cccccc;
border-bottom-color: rgba(0, 0, 0, 0.15);
top: -7px;
left: 9px;
}
.dropdown-menu.bullet:after {
width: 0;
height: 0;
content: '';
display: inline-block;
position: absolute;
border-color: transparent;
border-style: solid;
-webkit-transform: rotate(360deg);
border-width: 0 6px 6px;
border-bottom-color: #ffffff;
top: -6px;
left: 10px;
}
.dropdown-menu.bullet.pull-right:before {
left: auto;
right: 9px;
}
.dropdown-menu.bullet.pull-right:after {
left: auto;
right: 10px;
}
.dropdown-menu.bullet.pull-top {
margin-top: 0;
margin-bottom: 8px;
}
.dropdown-menu.bullet.pull-top:before {
top: auto;
bottom: -7px;
border-bottom-width: 0;
border-top-width: 7px;
border-top-color: #cccccc;
border-top-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu.bullet.pull-top:after {
top: auto;
bottom: -6px;
border-bottom: none;
border-top-width: 6px;
border-top-color: #ffffff;
}
.dropdown-menu.bullet.pull-center:before {
left: auto;
right: 50%;
margin-right: -7px;
}
.dropdown-menu.bullet.pull-center:after {
left: auto;
right: 50%;
margin-right: -6px;
}
.dropdown-menu.bullet.pull-middle {
margin-right: 8px;
}
.dropdown-menu.bullet.pull-middle:before {
top: 50%;
left: 100%;
right: auto;
margin-top: -7px;
border-right-width: 0;
border-bottom-color: transparent;
border-top-width: 7px;
border-left-color: #cccccc;
border-left-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu.bullet.pull-middle:after {
top: 50%;
left: 100%;
right: auto;
margin-top: -6px;
border-right-width: 0;
border-bottom-color: transparent;
border-top-width: 6px;
border-left-color: #ffffff;
}
.dropdown-menu.bullet.pull-middle.pull-right {
margin-right: 0;
margin-left: 8px;
}
.dropdown-menu.bullet.pull-middle.pull-right:before {
left: -7px;
border-left-width: 0;
border-right-width: 7px;
border-right-color: #cccccc;
border-right-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu.bullet.pull-middle.pull-right:after {
left: -6px;
border-left-width: 0;
border-right-width: 6px;
border-right-color: #ffffff;
}
.dropdown-menu.bullet.pull-middle.pull-center {
margin-left: 0;
margin-right: 0;
}
.dropdown-menu.bullet.pull-middle.pull-center:before {
border: none;
display: none;
}
.dropdown-menu.bullet.pull-middle.pull-center:after {
border: none;
display: none;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu > .dropdown-menu {
left: 100%;
}
@media (max-width: 767px) {
.navbar-nav .dropdown-submenu > a:before {
margin-top: 8px;
border-color: inherit;
border-style: solid;
border-width: 4px 4px 0;
border-left-color: transparent;
border-right-color: transparent;
}
.navbar-nav .dropdown-submenu > a {
padding-left: 40px;
}
.navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > a,
.navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > label {
padding-left: 35px;
}
.navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > a,
.navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > label {
padding-left: 45px;
}
.navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a,
.navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > label {
padding-left: 55px;
}
.navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a,
.navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > label {
padding-left: 65px;
}
.navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a,
.navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > label {
padding-left: 75px;
}
}
.navbar-default .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a,
.navbar-default .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:hover,
.navbar-default .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:focus {
background-color: #e7e7e7;
color: #555555;
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:before {
border-top-color: #555555;
}
}
.navbar-inverse .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a,
.navbar-inverse .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:hover,
.navbar-inverse .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:focus {
background-color: #080808;
color: #ffffff;
}
a.submenu-main {
width: 83%;
float: left;
padding-right: 0px !important;
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:before {
border-top-color: #ffffff;
}
}
.open > .dropdown-menu {
display: block !important;
top: 100%
}
.open > .dropdown-menu.hide-top-dropdown{
display: none !important;
}
#mainmenu .navbar-default ul.nav > li > a.main_a {
float: left;
}
#mainmenu .navbar-default ul.nav > li > a.caret_a {
float: left;
padding: 2px 12px !important;
margin-right: 7px;
}
@media (min-width: 768px) {
#mainmenu .navbar-default ul.nav > li > a.caret_a {
float: left;
padding: 2px 12px !important;
margin-right: 7px;
}
}
@media (min-width: 992px) {
#mainmenu .navbar-default ul.nav > li > a.caret_a {
float: left;
padding: 6px 12px !important;
margin-right: 7px;
}
}
@media (min-width: 1200px) {
#mainmenu .navbar-default ul.nav > li > a.caret_a {
float: left;
padding: 9px 12px !important;
margin-right: 7px;
}
}
@media (max-width: 990px) {
#mainmenu .navbar-default ul.nav > li > a.main_a {
width: 83%;
float: left;
padding-right: 0px !important;
}
#mainmenu .navbar-default ul.nav > li > a.caret_a {
width: 17%;
float: left;
/*padding: 0px !important; 2023*/
margin-right: 0px;
}
}
/* weik-jobportal.css */
/* JOBPORTAL ------------------------------------------------- */
/* JOBPORTAL ------------------------------------------------- */
/* JOBPORTAL ------------------------------------------------- */
/* JOBPORTAL ------------------------------------------------- */
/* JOBPORTAL ------------------------------------------------- */
.jobportal-standalone #hauptbereichwrap {
text-align: left !important;
}
.jobportal-standalone #mainmenu,
.jobportal-standalone .breadcrumb {
display: none !important;
}
.jobportal-standalone #innerkopfbereich {
border-bottom: solid 3px var(--infobarhintergrundfarbe_hex);
}
.jobportal-standalone #logo {
float: none !important;
margin: 0 auto !important;
text-align: center !important;
}
.jobportal .h1 {
font-size:18px;
}
@media (min-width: 768px) {
.jobportal .h1 {
font-size:24px;
}
}
@media (min-width: 992px) {
.jobportal .h1 {
font-size:26px;
}
}
@media (min-width: 1200px) {
.jobportal .h1 {
font-size:28px;
}
}
.hrmargin {
margin-top: 1em;
margin-bottom: 1em;
}
@media (min-width: 576px) {
.hrmargin {
margin-top: 2em;
margin-bottom: 2em;
}
}
@media (min-width: 768px) {
.hrmargin {
margin-top: 3em;
margin-bottom: 3em;
}
}
/* Style the tab */
.jobportal .tab {
margin-bottom: 10px;
display: inline-block;
width: 100%;
}
/* Style the buttons inside the tab */
.jobportal .tab button {
width: 100%;
}
@media (min-width: 576px) {
.jobportal .tab button {
width: 49%;
}
}
@media (min-width: 768px) {
.jobportal .tab button {
width: auto;
}
}
/* Style the buttons inside the tab */
.jobportal .tab button {
background: rgb(240,240,240);
background: -moz-linear-gradient(170deg, rgba(240,240,240,1) 0%, rgba(240,240,240,0.6) 90%);
background: -webkit-linear-gradient(170deg, rgba(240,240,240,1) 0%, rgba(240,240,240,0.6) 90%);
background: linear-gradient(170deg, rgba(240,240,240,1) 0%, rgba(240,240,240,0.6) 90%);
float: left;
border: 1px solid #E3E3E3;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 17px;
font-weight: bold;
margin-right: 3px;
margin-bottom: 3px;
color: #555;
}
/* Change background color of buttons on hover */
.jobportal .tab button:hover {
background: rgb(215,215,215);
background: -moz-linear-gradient(170deg, rgba(215,215,215,1) 0%, rgba(215,215,215,0.8) 90%);
background: -webkit-linear-gradient(170deg, rgba(215,215,215,1) 0%, rgba(215,215,215,0.8) 90%);
background: linear-gradient(170deg, rgba(215,215,215,1) 0%, rgba(215,215,215,0.8) 90%);
border: 1px solid #E3E3E3;
border-radius: 2px;
}
/* Create an active/current tablink class */
.jobportal .tab button.active {
background: rgb(var(--templatefarbe_rgb));
background: -moz-linear-gradient(170deg, rgba(var(--templatefarbe_rgb),1) 0%, rgba(var(--templatefarbe_rgb),0.8) 90%);
background: -webkit-linear-gradient(170deg, rgba(var(--templatefarbe_rgb),1) 0%, rgba(var(--templatefarbe_rgb),0.8) 90%);
background: linear-gradient(170deg, rgba(var(--templatefarbe_rgb),1) 0%, rgba(var(--templatefarbe_rgb),0.8) 90%);
color: var(--buttontextfarbe_hex);
font-weight: bold;
}
/* Style the tab content */
.tabcontent {
display: none;
}
.job-teaser-div {
margin: 20px 0px;
max-width: 100%;
}
.job-footer-text{
margin: 20px 0px;
}
#job_gallery {
margin: 20px 0px;
}
.singlejob-teaser-div{
margin: 20px 0px;
max-width: 100%;
}
.grauverlauf {
background: rgb(240,240,240);
background: -moz-linear-gradient(170deg, rgba(230,230,230,1) 0%, rgba(250,250,250,1) 79%);
background: -webkit-linear-gradient(170deg, rgba(230,320,230,1) 0%, rgba(250,250,250,1) 79%);
background: linear-gradient(170deg, rgba(230,230,230,1) 0%, rgba(250,250,250,1) 79%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#ffffff",GradientType=1);
}
div.grauverlauf > div {
background: none !important;
}
.jobtabelle th,
.jobtabelle td {
border-top: 4px solid #ffffff !important;
}
.bewerbungsformular {
padding: 15px;
background-color: #f2f2f2;
border: 0px solid var(--infobarhintergrundfarbe_hex);
}
@media (min-width: 768px) {
.bewerbungsformular {
padding: 30px;
border: 5px solid var(--infobarhintergrundfarbe_hex);
}
}
.jobdownloads ul {
margin: 0 1em;
}
.tabjoblist a,
.tabjoblist .btn-link {
color: #030303 !important;
padding-left: 0 !important;
}
.tabjoblist a,
.tabjoblist .btn-link {
font-size: 16px;
}
@media (min-width: 768px) {
.tabjoblist a,
.tabjoblist .btn-link {
font-size: 18px;
}
}
@media (min-width: 992px) {
.tabjoblist a,
.tabjoblist .btn-link {
font-size: 18px;
}
}
@media (min-width: 1200px) {
.tabjoblist a,
.tabjoblist .btn-link {
font-size: 19px;
}
}
.tabjoblist a:hover,
.tabjoblist .btn-link:hover {
text-decoration: underline !important;
}
.tabjoblist .btn-link:active,
.tabjoblist .btn-link:focus{
font-weight: bold !important;
text-decoration: none !important;
border: none !important;
outline: none !important;
}
tabjoblist .accordion-header button:not(.collapsed){
font-weight: bold !important;
text-decoration: none !important;
border: none !important;
outline: none !important;
}
.tabjoblist .accordion-item{
margin-bottom: 5px;
border-left: 15px solid #666;
}
.tabjoblist .accordion-item{
margin-bottom: 5px;
border-left: 15px solid var(--templatefarbe_hex);
}
.tabjoblist .panel-heading,
.tabjoblist .panel-heading,
.tabjoblist .panel-heading,
.tabjoblist .accordion-header,
.tabjoblist .accordion-header,
.tabjoblist .accordion-header {
background: rgb(240,240,240);
background: -moz-linear-gradient(170deg, rgba(240,240,240,1) 0%, rgba(240,240,240,0.6) 90%);
background: -webkit-linear-gradient(170deg, rgba(240,240,240,1) 0%, rgba(240,240,240,0.6) 90%);
background: linear-gradient(170deg, rgba(240,240,240,1) 0%, rgba(240,240,240,0.6) 90%);
}
.tabjoblist .panel-heading:focus,
.tabjoblist .panel-heading:hover,
.tabjoblist .panel-heading:active,
.tabjoblist .accordion-header:focus,
.tabjoblist .accordion-header:hover,
.tabjoblist .accordion-header:active {
background: rgb(220,220,220);
background: -moz-linear-gradient(170deg, rgba(220,220,220,1) 0%, rgba(220,220,220,0.6) 90%);
background: -webkit-linear-gradient(170deg, rgba(220,220,220,1) 0%, rgba(220,220,220,0.6) 90%);
background: linear-gradient(170deg, rgba(220,220,220,1) 0%, rgba(220,220,220,0.6) 90%);
}
.tabjoblist .panel-body,
.tabjoblist .accordion-body {
border-bottom: 4px solid var(--templatefarbe_hex);
border-right: 4px solid var(--templatefarbe_hex);
}
.tabjoblist .panel-body,
.tabjoblist .accordion-body {
font-size: 16px;
}
@media (min-width: 768px) {
.tabjoblist .panel-body,
.tabjoblist .accordion-body {
font-size: 16px;
}
}
@media (min-width: 992px) {
.tabjoblist .panel-body,
.tabjoblist .accordion-body {
font-size: 17px;
}
}
@media (min-width: 1200px) {
.tabjoblist .panel-body,
.tabjoblist .accordion-body {
font-size: 18px;
}
}
.hide-me[aria-expanded="true"] {display: none;}
.panel-heading:hover,
.accordion-header:hover {
background-color: lightgrey;
}
.panel-heading,
.accordion-header {
padding: 0.75rem 1.25rem;
margin-bottom: 0;
background-color: rgba(0, 0, 0, 0.03);
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.panel-heading:first-child ,
.accordion-header:first-child {
border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.tabjoblist .panel {
margin-bottom: 0 !important;
}
.tabjoblist .panel-heading h2{
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.tabjoblist .accordion-header button{
width: 100%;
line-height: 1.5em;
}
.tabjoblist .accordion-header button.collapsed::after{
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f055" !important; /*plus*/
font-size: 1.5em;
color:#838383;
float: right;
transition: transform .2s ease-in-out;
}
.tabjoblist .accordion-header button:not(.collapsed)::after{
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f056" !important; /*minus*/
font-size: 1.5em;
color:#838383;
float: right;
transition: transform .2s ease-in-out;
}
.tabjoblist .accordion-header button:hover::after,
.tabjoblist .accordion-header button:focus::after,
.tabjoblist .accordion-header button:active::after{
color: var(--templatefarbe_hex);
}
.rw-sidenav-open:hover {
cursor: pointer;
}
div.rw-sidenav.open div.modal-content {
border: 10px solid #06c258 !important;
}
div.rw-sidenav.open div.modal-content i {
color: #06c258;
font-size: 6em;
margin-bottom: 15px;
}
.form_validation_err {
display: none;
color: red;
}
.noupppercase {
text-transform: none !important;
}
/* shariff-update für ältere jobportal-kunden -------------------*/
@media (max-width: 575px){
.shariff .orientation-horizontal {
display: inline!important;
justify-content: center!important;
}
}
.shariff .orientation-horizontal {
justify-content: center!important;
}
.shariff .orientation-horizontal.button-style-standard li {
min-width: 125px!important;
max-width: 135px!important;
flex: 1 0 auto;
}
/* alarmbox-update für ältere jobportal-kunden -------------------*/
.alarmbox {
background-color: var(--templatefarbe_hex);
color: #fff;
padding: 2em 1em;
margin-bottom: 30px;
}
@media (min-width: 768px) {
.alarmbox {
padding: 2em 1em;
}
}
.alarmbox h4,
.alarmbox p {
font-size: 16px;
margin: 0 !important;
font-weight: bold;
}
@media (min-width: 768px) {
.alarmbox h4,
.alarmbox p {
font-size: 18px;
}
}
/* BOOTSTRAP 4 AUSZUG */
/*!
* Bootstrap v4.1.3 (https://getbootstrap.com/)
* Copyright 2011-2018 The Bootstrap Authors
* Copyright 2011-2018 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
.card {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem;
}
.card > hr {
margin-right: 0;
margin-left: 0;
}
.card > .list-group:first-child .list-group-item:first-child {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.card > .list-group:last-child .list-group-item:last-child {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem;
}
.card-title {
margin-bottom: 0.75rem;
}
.card-subtitle {
margin-top: -0.375rem;
margin-bottom: 0;
}
.card-text:last-child {
margin-bottom: 0;
}
.card-link:hover {
text-decoration: none;
}
.card-link + .card-link {
margin-left: 1.25rem;
}
.card-header {
padding: 0.75rem 1.25rem;
margin-bottom: 0;
background-color: rgba(0, 0, 0, 0.03);
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-header + .list-group .list-group-item:first-child {
border-top: 0;
}
.card-footer {
padding: 0.75rem 1.25rem;
background-color: rgba(0, 0, 0, 0.03);
border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.card-header-tabs {
margin-right: -0.625rem;
margin-bottom: -0.75rem;
margin-left: -0.625rem;
border-bottom: 0;
}
.card-header-pills {
margin-right: -0.625rem;
margin-left: -0.625rem;
}
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1.25rem;
}
.card-img {
width: 100%;
border-radius: calc(0.25rem - 1px);
}
.card-img-top {
width: 100%;
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px);
}
.card-img-bottom {
width: 100%;
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px);
}
.card-deck {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.card-deck .card {
margin-bottom: 15px;
}
@media (min-width: 576px) {
.card-deck {
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-right: -15px;
margin-left: -15px;
}
.card-deck .card {
display: -ms-flexbox;
display: flex;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
-ms-flex-direction: column;
flex-direction: column;
margin-right: 15px;
margin-bottom: 0;
margin-left: 15px;
}
}
.card-group {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.card-group > .card {
margin-bottom: 15px;
}
@media (min-width: 576px) {
.card-group {
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.card-group > .card {
-ms-flex: 1 0 0%;
flex: 1 0 0%;
margin-bottom: 0;
}
.card-group > .card + .card {
margin-left: 0;
border-left: 0;
}
.card-group > .card:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.card-group > .card:first-child .card-img-top,
.card-group > .card:first-child .card-header {
border-top-right-radius: 0;
}
.card-group > .card:first-child .card-img-bottom,
.card-group > .card:first-child .card-footer {
border-bottom-right-radius: 0;
}
.card-group > .card:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.card-group > .card:last-child .card-img-top,
.card-group > .card:last-child .card-header {
border-top-left-radius: 0;
}
.card-group > .card:last-child .card-img-bottom,
.card-group > .card:last-child .card-footer {
border-bottom-left-radius: 0;
}
.card-group > .card:only-child {
border-radius: 0.25rem;
}
.card-group > .card:only-child .card-img-top,
.card-group > .card:only-child .card-header {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.card-group > .card:only-child .card-img-bottom,
.card-group > .card:only-child .card-footer {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
border-radius: 0;
}
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
border-radius: 0;
}
}
.card-columns .card {
margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
.card-columns {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
orphans: 1;
widows: 1;
}
.card-columns .card {
display: inline-block;
width: 100%;
}
}
.accordion .card:not(:first-of-type):not(:last-of-type) {
border-bottom: 0;
border-radius: 0;
}
.accordion .card:not(:first-of-type) .card-header:first-child {
border-radius: 0;
}
.accordion .card:first-of-type {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.accordion .card:last-of-type {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.border-top {
border-top: 1px solid #dee2e6 !important;
}
.border-right {
border-right: 1px solid #dee2e6 !important;
}
.border-bottom {
border-bottom: 1px solid #dee2e6 !important;
}
.border-left {
border-left: 1px solid #dee2e6 !important;
}
.border-0 {
border: 0 !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-right-0 {
border-right: 0 !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-left-0 {
border-left: 0 !important;
}
.border-primary {
border-color: #007bff !important;
}
.border-secondary {
border-color: #6c757d !important;
}
.border-success {
border-color: #28a745 !important;
}
.border-info {
border-color: #17a2b8 !important;
}
.border-warning {
border-color: #ffc107 !important;
}
.border-danger {
border-color: #dc3545 !important;
}
.border-light {
border-color: #f8f9fa !important;
}
.border-dark {
border-color: #343a40 !important;
}
.border-white {
border-color: #fff !important;
}
.rounded {
border-radius: 0.25rem !important;
}
.rounded-top {
border-top-left-radius: 0.25rem !important;
border-top-right-radius: 0.25rem !important;
}
.rounded-right {
border-top-right-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom {
border-bottom-right-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important;
}
.rounded-left {
border-top-left-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important;
}
.rounded-circle {
border-radius: 50% !important;
}
.rounded-0 {
border-radius: 0 !important;
}
.clearfix::after {
display: block;
clear: both;
content: "";
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-print-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
.flex-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-sm-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-sm-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-sm-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-sm-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-sm-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-sm-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-sm-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-md-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-md-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-md-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-md-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-md-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-md-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-lg-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-lg-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-lg-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-lg-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-xl-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-xl-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xl-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xl-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
.float-left {
float: left !important;
}
.float-right {
float: right !important;
}
.float-none {
float: none !important;
}
@media (min-width: 576px) {
.float-sm-left {
float: left !important;
}
.float-sm-right {
float: right !important;
}
.float-sm-none {
float: none !important;
}
}
@media (min-width: 768px) {
.float-md-left {
float: left !important;
}
.float-md-right {
float: right !important;
}
.float-md-none {
float: none !important;
}
}
@media (min-width: 992px) {
.float-lg-left {
float: left !important;
}
.float-lg-right {
float: right !important;
}
.float-lg-none {
float: none !important;
}
}
@media (min-width: 1200px) {
.float-xl-left {
float: left !important;
}
.float-xl-right {
float: right !important;
}
.float-xl-none {
float: none !important;
}
}
.shadow-sm {
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow {
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
box-shadow: none !important;
}
.w-25 {
width: 25% !important;
}
.w-50 {
width: 50% !important;
}
.w-75 {
width: 75% !important;
}
.w-100 {
width: 100% !important;
}
.w-auto {
width: auto !important;
}
.h-25 {
height: 25% !important;
}
.h-50 {
height: 50% !important;
}
.h-75 {
height: 75% !important;
}
.h-100 {
height: 100% !important;
}
.h-auto {
height: auto !important;
}
.mw-100 {
max-width: 100% !important;
}
.mh-100 {
max-height: 100% !important;
}
.m-0 {
margin: 0 !important;
}
.mt-0,
.my-0 {
margin-top: 0 !important;
}
.mr-0,
.mx-0 {
margin-right: 0 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1,
.my-1 {
margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
margin-left: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2,
.my-2 {
margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
margin-left: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.mt-3,
.my-3 {
margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
margin-right: 1rem !important;
}
.mb-3,
.my-3 {
margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
margin-left: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.mt-4,
.my-4 {
margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
margin-left: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.mt-5,
.my-5 {
margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
margin-right: 3rem !important;
}
.mb-5,
.my-5 {
margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
margin-left: 3rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0,
.py-0 {
padding-top: 0 !important;
}
.pr-0,
.px-0 {
padding-right: 0 !important;
}
.pb-0,
.py-0 {
padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1,
.py-1 {
padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
padding-left: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2,
.py-2 {
padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
padding-left: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.pt-3,
.py-3 {
padding-top: 1rem !important;
}
.pr-3,
.px-3 {
padding-right: 1rem !important;
}
.pb-3,
.py-3 {
padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
padding-left: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.pt-4,
.py-4 {
padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
padding-left: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.pt-5,
.py-5 {
padding-top: 3rem !important;
}
.pr-5,
.px-5 {
padding-right: 3rem !important;
}
.pb-5,
.py-5 {
padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
padding-left: 3rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important;
}
.mr-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important;
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important;
}
.ml-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important;
}
.mr-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important;
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important;
}
.ml-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important;
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important;
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important;
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important;
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important;
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important;
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important;
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important;
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important;
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important;
}
.pr-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important;
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important;
}
.pl-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important;
}
.pr-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important;
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important;
}
.pl-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important;
}
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important;
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important;
}
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important;
}
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important;
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important;
}
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important;
}
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important;
}
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important;
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important;
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.mt-md-1,
.my-md-1 {
margin-top: 0.25rem !important;
}
.mr-md-1,
.mx-md-1 {
margin-right: 0.25rem !important;
}
.mb-md-1,
.my-md-1 {
margin-bottom: 0.25rem !important;
}
.ml-md-1,
.mx-md-1 {
margin-left: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.mt-md-2,
.my-md-2 {
margin-top: 0.5rem !important;
}
.mr-md-2,
.mx-md-2 {
margin-right: 0.5rem !important;
}
.mb-md-2,
.my-md-2 {
margin-bottom: 0.5rem !important;
}
.ml-md-2,
.mx-md-2 {
margin-left: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important;
}
.mr-md-3,
.mx-md-3 {
margin-right: 1rem !important;
}
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important;
}
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important;
}
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important;
}
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important;
}
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important;
}
.mr-md-5,
.mx-md-5 {
margin-right: 3rem !important;
}
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important;
}
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important;
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important;
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.pt-md-1,
.py-md-1 {
padding-top: 0.25rem !important;
}
.pr-md-1,
.px-md-1 {
padding-right: 0.25rem !important;
}
.pb-md-1,
.py-md-1 {
padding-bottom: 0.25rem !important;
}
.pl-md-1,
.px-md-1 {
padding-left: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.pt-md-2,
.py-md-2 {
padding-top: 0.5rem !important;
}
.pr-md-2,
.px-md-2 {
padding-right: 0.5rem !important;
}
.pb-md-2,
.py-md-2 {
padding-bottom: 0.5rem !important;
}
.pl-md-2,
.px-md-2 {
padding-left: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important;
}
.pr-md-3,
.px-md-3 {
padding-right: 1rem !important;
}
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important;
}
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important;
}
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important;
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important;
}
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important;
}
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important;
}
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important;
}
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important;
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important;
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.mt-lg-1,
.my-lg-1 {
margin-top: 0.25rem !important;
}
.mr-lg-1,
.mx-lg-1 {
margin-right: 0.25rem !important;
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: 0.25rem !important;
}
.ml-lg-1,
.mx-lg-1 {
margin-left: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.mt-lg-2,
.my-lg-2 {
margin-top: 0.5rem !important;
}
.mr-lg-2,
.mx-lg-2 {
margin-right: 0.5rem !important;
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: 0.5rem !important;
}
.ml-lg-2,
.mx-lg-2 {
margin-left: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important;
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important;
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important;
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important;
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important;
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important;
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important;
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important;
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important;
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.pt-lg-1,
.py-lg-1 {
padding-top: 0.25rem !important;
}
.pr-lg-1,
.px-lg-1 {
padding-right: 0.25rem !important;
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: 0.25rem !important;
}
.pl-lg-1,
.px-lg-1 {
padding-left: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.pt-lg-2,
.py-lg-2 {
padding-top: 0.5rem !important;
}
.pr-lg-2,
.px-lg-2 {
padding-right: 0.5rem !important;
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: 0.5rem !important;
}
.pl-lg-2,
.px-lg-2 {
padding-left: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important;
}
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important;
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important;
}
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important;
}
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important;
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important;
}
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important;
}
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important;
}
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important;
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important;
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.mt-xl-1,
.my-xl-1 {
margin-top: 0.25rem !important;
}
.mr-xl-1,
.mx-xl-1 {
margin-right: 0.25rem !important;
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xl-1,
.mx-xl-1 {
margin-left: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.mt-xl-2,
.my-xl-2 {
margin-top: 0.5rem !important;
}
.mr-xl-2,
.mx-xl-2 {
margin-right: 0.5rem !important;
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xl-2,
.mx-xl-2 {
margin-left: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important;
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important;
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important;
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important;
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important;
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important;
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important;
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important;
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important;
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important;
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.pt-xl-1,
.py-xl-1 {
padding-top: 0.25rem !important;
}
.pr-xl-1,
.px-xl-1 {
padding-right: 0.25rem !important;
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xl-1,
.px-xl-1 {
padding-left: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.pt-xl-2,
.py-xl-2 {
padding-top: 0.5rem !important;
}
.pr-xl-2,
.px-xl-2 {
padding-right: 0.5rem !important;
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xl-2,
.px-xl-2 {
padding-left: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important;
}
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important;
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important;
}
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important;
}
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important;
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important;
}
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important;
}
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important;
}
}
.text-monospace {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.text-justify {
text-align: justify !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
@media (min-width: 576px) {
.text-sm-left {
text-align: left !important;
}
.text-sm-right {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.text-md-left {
text-align: left !important;
}
.text-md-right {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.text-lg-left {
text-align: left !important;
}
.text-lg-right {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.text-xl-left {
text-align: left !important;
}
.text-xl-right {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.font-weight-light {
font-weight: 300 !important;
}
.font-weight-normal {
font-weight: 400 !important;
}
.font-weight-bold {
font-weight: 700 !important;
}
.font-italic {
font-style: italic !important;
}
.text-white {
color: #fff !important;
}
.text-primary {
color: #007bff !important;
}
a.text-primary:hover, a.text-primary:focus {
color: #0062cc !important;
}
.text-secondary {
color: #6c757d !important;
}
a.text-secondary:hover, a.text-secondary:focus {
color: #545b62 !important;
}
.text-success {
color: #28a745 !important;
}
a.text-success:hover, a.text-success:focus {
color: #1e7e34 !important;
}
.text-info {
color: #17a2b8 !important;
}
a.text-info:hover, a.text-info:focus {
color: #117a8b !important;
}
.text-warning {
color: #ffc107 !important;
}
a.text-warning:hover, a.text-warning:focus {
color: #d39e00 !important;
}
.text-danger {
color: #dc3545 !important;
}
a.text-danger:hover, a.text-danger:focus {
color: #bd2130 !important;
}
.text-light {
color: #f8f9fa !important;
}
a.text-light:hover, a.text-light:focus {
color: #dae0e5 !important;
}
.text-dark {
color: #343a40 !important;
}
a.text-dark:hover, a.text-dark:focus {
color: #1d2124 !important;
}
.text-body {
color: #212529 !important;
}
.text-muted {
color: #6c757d !important;
}
.text-black-50 {
color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
color: rgba(255, 255, 255, 0.5) !important;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
/* CSS SHAKING */
@keyframes shake {
0% {
transform:rotate(0deg)
}
25% {
transform:rotate(0deg)
}
50% {
transform:rotate(1.5deg)
}
75% {
transform:rotate(-1.5deg)
}
100% {
transform:rotate(0deg)
}
}
.shaking:hover {
animation:none !important
}
.shaking {
animation:shake 2s infinite;
transition:.2s
}
.divider-headline {
background: rgb(var(--infobarhintergrundfarbe_rgb));
background: -moz-linear-gradient(170deg, rgba(var(--infobarhintergrundfarbe_rgb),1) 0%, rgba(var(--infobarhintergrundfarbe_rgb),0.6) 79%);
background: -webkit-linear-gradient(170deg, rgba(var(--infobarhintergrundfarbe_rgb),1) 0%, rgba(var(--infobarhintergrundfarbe_rgb),0.6) 79%);
background: linear-gradient(170deg, rgba(var(--infobarhintergrundfarbe_rgb),1) 0%, rgba(var(--infobarhintergrundfarbe_rgb),0.6) 79%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#ffffff",GradientType=1);
padding:10px 10px 10px 10px;
margin-left: 0px;
margin-top: 3em;
color: white;
position: relative;
}
@media (min-width: 992px) {
.divider-headline {
background: rgb(var(--infobarhintergrundfarbe_rgb));
background: -moz-linear-gradient(170deg, rgba(var(--infobarhintergrundfarbe_rgb),1) 0%, rgba(var(--infobarhintergrundfarbe_rgb),0.6) 79%);
background: -webkit-linear-gradient(170deg, rgba(var(--infobarhintergrundfarbe_rgb),1) 0%, rgba(var(--infobarhintergrundfarbe_rgb),0.6) 79%);
background: linear-gradient(170deg, rgba(var(--infobarhintergrundfarbe_rgb),1) 0%, rgba(var(--infobarhintergrundfarbe_rgb),0.6) 79%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#ffffff",GradientType=1);
padding:10px 10px 10px 28px;
margin-top: 3em;
}
}
.divider-headline-kunde {
background: rgb(var(--templatefarbe_rgb));
background: -moz-linear-gradient(170deg, rgba(var(--templatefarbe_rgb),1) 0%, rgba(var(--templatefarbe_rgb),0.6) 79%);
background: -webkit-linear-gradient(170deg, rgba(var(--templatefarbe_rgb),1) 0%, rgba(var(--templatefarbe_rgb),0.6) 79%);
background: linear-gradient(170deg, rgba(var(--templatefarbe_rgb),1) 0%, rgba(var(--templatefarbe_rgb),0.6) 79%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#ffffff",GradientType=1);
padding:10px 10px 10px 10px;
margin-left: 0px;
margin-top: 3em;
color: white;
position: relative;
}
@media (min-width: 992px) {
.divider-headline-kunde {
background: rgb(var(--templatefarbe_rgb));
background: -moz-linear-gradient(170deg, rgba(var(--templatefarbe_rgb),1) 0%, rgba(var(--templatefarbe_rgb),0.6) 79%);
background: -webkit-linear-gradient(170deg, rgba(var(--templatefarbe_rgb),1) 0%, rgba(var(--templatefarbe_rgb),0.6) 79%);
background: linear-gradient(170deg, rgba(var(--templatefarbe_rgb),1) 0%, rgba(var(--templatefarbe_rgb),0.6) 79%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#ffffff",GradientType=1);
padding:10px 10px 10px 28px;
margin-top: 3em;
}
}
/* iconbox-Box */
.iconbox .row {
margin-bottom: 0 !important;
}
.equal-height-box .iconbox {
margin-top: 0 !important;
margin-bottom: 0 !important;
text-align: center;
}
@media (min-width: 992px) {
.equal-height-box .iconbox {
display: grid;
text-align: left;
}
}
.equal-height-box {
margin-bottom: 10px !important;
}
@media (min-width: 992px) {
.equal-height-box {
margin-bottom: 0px !important;
}
}
.landingpage .equal-height-box {
margin-bottom: 10px !important;
}
@media (min-width: 992px) {
.landingpage .equal-height-box {
margin-bottom: 1px !important;
}
}
.iconbox {
background: rgb(var(--hinweisboxfarbe_rgb),1);
background: -moz-linear-gradient(170deg, rgba(var(--hinweisboxfarbe_rgb),1) 0%, rgba(var(--hinweisboxfarbe_rgb),0.8) 79%);
background: -webkit-linear-gradient(170deg, rgba(var(--hinweisboxfarbe_rgb),1) 0%, rgba(var(--hinweisboxfarbe_rgb),0.8) 79%);
background: linear-gradient(170deg, rgba(var(--hinweisboxfarbe_rgb),1) 0%, rgba(var(--hinweisboxfarbe_rgb),0.8) 79%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#ffffff",GradientType=1);
color: var(--hinweisboxtextfarbe_hex);
font-weight: bold;
padding: 2em 2em;
margin-top: 2em;
margin-bottom: 2em;;
}
@media (min-width: 768px) {
.iconbox {
padding: 2em 2em;
}
}
.iconbox h2 {
font-size: 30px;
margin-top: 0 !important;
margin-bottom: 0 !important;
text-align: center !important;
}
.iconbox h3 {
font-size: 24px;
margin-top: 1em !important;
margin-bottom: 0.3em !important;
text-align: center !important;
line-height: 1.3em;
}
.iconbox h4 {
font-size: 17px;
margin-top: 1em !important;
margin-bottom: 0 !important;
text-align: center !important;
}
@media (min-width: 768px) {
.iconbox h2 {
font-size: 30px;
margin-top: 0 !important;
margin-bottom: 0 !important;
text-align: center !important;
}
.iconbox h3 {
font-size: 24px;
margin-top: 0 !important;
margin-bottom: 0.4em !important;
text-align: center !important;
}
.iconbox h4 {
font-size: 17px;
margin-top: 1em !important;
margin-bottom: 0 !important;
text-align: center !important;
}
}
@media (min-width: 992px) {
.iconbox h2 {
font-size: 35px;
margin-top: 0 !important;
margin-bottom: 0 !important;
text-align: left !important;
}
.iconbox h3 {
font-size: 25px;
margin-top: 0 !important;
margin-bottom: 0 !important;
text-align: left !important;
}
.iconbox h4 {
font-size: 18px;
margin-top: 0 !important;
margin-bottom: 0 !important;
text-align: left !important;
}
}
@media (min-width: 1200px) {
.iconbox h2 {
font-size: 40px;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.iconbox h3 {
font-size: 27px;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.iconbox h4 {
font-size: 20px;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}
@media (min-width: 1400px) {
.iconbox h2 {
font-size: 45px;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.iconbox h3 {
font-size: 30px;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.iconbox h4 {
font-size: 22px;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}
.iconbox i {
font-size: 4em;
}
@media (min-width: 768px) {
.iconbox i {
font-size: 5em;
}
}
@media (min-width: 992px) {
.iconbox i {
font-size: 5em;
}
}
@media (min-width: 1200px) {
.iconbox i {
font-size: 7em;
}
}
@media (min-width: 1440px) {
.iconbox i {
font-size: 8em;
}
}
.iconbox img {
margin-bottom: 0 !important;
}
.iconbox-vorteile.iconbox {
background: rgb(var(--hinweisboxfarbe_rgb),1);
background: -moz-linear-gradient(170deg, rgba(var(--hinweisboxfarbe_rgb),1) 0%, rgba(var(--hinweisboxfarbe_rgb),0.8) 79%);
background: -webkit-linear-gradient(170deg, rgba(var(--hinweisboxfarbe_rgb),1) 0%, rgba(var(--hinweisboxfarbe_rgb),0.8) 79%);
background: linear-gradient(170deg, rgba(var(--hinweisboxfarbe_rgb),1) 0%, rgba(var(--hinweisboxfarbe_rgb),0.8) 79%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#ffffff",GradientType=1);
color: var(--hinweisboxtextfarbe_hex);
font-weight: bold;
padding: 2em 2em;
margin-top: 2em;
margin-bottom: 2em;;
}
@media (min-width: 768px) {
.iconbox-vorteile.iconbox {
padding: 2em 2em;
}
}
.iconbox-vorteile.iconbox h2 {
font-size: 30px;
margin-top: 0 !important;
margin-bottom: 0 !important;
text-align: center !important;
}
.iconbox-vorteile.iconbox h3 {
font-size: 24px;
margin-top: 1em !important;
margin-bottom: 0.3em !important;
text-align: center !important;
line-height: 1.3em;
}
.iconbox-vorteile.iconbox h4 {
font-size: 17px;
margin-top: 1em !important;
margin-bottom: 0 !important;
text-align: center !important;
}
@media (min-width: 768px) {
.iconbox-vorteile.iconbox h2 {
font-size: 30px;
margin-top: 0 !important;
margin-bottom: 0 !important;
text-align: center !important;
}
.iconbox-vorteile.iconbox h3 {
font-size: 24px;
margin-top: 0 !important;
margin-bottom: 0.4em !important;
text-align: center !important;
}
.iconbox-vorteile.iconbox h4 {
font-size: 17px;
margin-top: 1em !important;
margin-bottom: 0 !important;
text-align: center !important;
}
}
@media (min-width: 992px) {
.iconbox-vorteile.iconbox h2 {
font-size: 35px;
margin-top: 0 !important;
margin-bottom: 0 !important;
text-align: left !important;
}
.iconbox-vorteile.iconbox h3 {
font-size: 25px;
margin-top: 0 !important;
margin-bottom: 0 !important;
text-align: left !important;
}
.iconbox-vorteile.iconbox h4 {
font-size: 16px;
margin-top: 0 !important;
margin-bottom: 0 !important;
text-align: left !important;
}
}
@media (min-width: 1200px) {
.iconbox-vorteile.iconbox h2 {
font-size: 40px;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.iconbox-vorteile.iconbox h3 {
font-size: 27px;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.iconbox-vorteile.iconbox h4 {
font-size: 20px;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}
@media (min-width: 1400px) {
.iconbox-vorteile.iconbox h2 {
font-size: 45px;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.iconbox-vorteile.iconbox h3 {
font-size: 30px;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.iconbox-vorteile.iconbox h4 {
font-size: 22px;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}
.iconbox-vorteile.iconbox i {
font-size: 4em;
}
@media (min-width: 768px) {
.iconbox-vorteile.iconbox i {
font-size: 4em;
}
}
@media (min-width: 992px) {
.iconbox-vorteile.iconbox i {
font-size: 4em;
}
}
@media (min-width: 1200px) {
.iconbox-vorteile.iconbox i {
font-size: 5em;
}
}
@media (min-width: 1440px) {
.iconbox-vorteile.iconbox i {
font-size: 6em;
}
}
.iconbox-vorteile.iconbox img {
margin-bottom: 0 !important;
}
.jobpost-start {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.jobpost-start i {
color: var(--templatefarbe_hex);
width: 20px;
margin-right: 20px;
}
.jobpost-start-table-2{
float: none;
}
@media (min-width: 768px) {
.jobpost-start-table-2 {
float: right;
}
.jobpost-start {
margin-top: 2em;
margin-bottom: 1em;
}
}
.aufgaben,
.zusatzinfos,
.bieten,
.wuenschen {
padding: 15px;
border: 5px solid var(--infobarhintergrundfarbe_hex);
margin: 0 auto;
background-color: #fdfdfd;
}
@media (min-width: 768px) {
.aufgaben,
.zusatzinfos,
.bieten,
.wuenschen {
padding: 30px;
}
}
.aufgaben .fa-tasks,
.zusatzinfos .fa-info-circle,
.bieten .fa-gift,
.wuenschen .fa-handshake {
color: var(--templatefarbe_hex) ; /* Templatefarbe */
font-size: 70px;
text-align: center;
}
@media (max-width: 575px) {
.equal-height {
margin-bottom: 15px;
}
}
@media (min-width: 576px) {
.equal-height {
height: 100%;
}
}
/* AUFZÄHLUNGEN
------------------------------------------------- */
.jobportalseite ul{
list-style-type: disc; /* für Listen ohne FontAwesome Icon */
margin: 1em 0 1em 1.3em;
padding-left: 0 !important;
}
.jobportalseite ul.hakenliste {
margin-top: 1.5em;
margin-right: 0.3em;
margin-bottom: 0em;
}
.jobportalseite ul.hakenliste li {
list-style-type: none;
margin-bottom: 0.5em;
padding-left: 9px;
text-indent: 0;
}
.jobportalseite ul.hakenliste i {
color: var(--templatefarbe_hex)!important;
width: 17px;
text-align: center;
}
@media (min-width: 1300px) {
.jobportalseite ul.hakenliste i { /* Extra Abstand speziell für Überschrift-Hakenlisten mit
für 2. Zeile in großer Bildschirmgröße */
margin-right: 0.2em;
}
}
@media (min-width: 1440px) {
.jobportalseite ul.hakenliste li {
list-style-type: none;
margin-bottom: 0.5em;
padding-left: 15px;
text-indent: -4px;
}
}
/* AUFZÄHLUNGEN ENDE */
.slogan {
margin: 0em !important;
font-style: italic;
text-align: center;
}
.slogan {
margin: 0em !important;
font-style: italic;
text-align: center;
}
.slogan {
font-size: 26px !important;
}
@media (min-width: 768px) {
.slogan {
font-size: 30px !important;
}
}
@media (min-width: 992px) {
.slogan {
font-size: 32px !important;
}
}
@media (min-width: 1200px) {
.slogan {
font-size: 35px !important;
}
}
@media (min-width: 1440px) {
.slogan {
font-size: 40px !important;
}
}
.slogan i {
font-style: italic;
}
.slogan i {
font-size: 16px !important;
}
@media (min-width: 768px) {
.slogan i {
font-size: 20px !important;
}
}
@media (min-width: 992px) {
.slogan i {
font-size: 22px !important;
}
}
@media (min-width: 1200px) {
.slogan i {
font-size: 25px !important;
}
}
@media (min-width: 1440px) {
.slogan i {
font-size: 30px !important;
}
}
.alarmbox {
background: rgb(var(--templatefarbe_rgb))!important;
background: -moz-linear-gradient(170deg, rgba(var(--templatefarbe_rgb),1) 0%, rgba(var(--templatefarbe_rgb),0.6) 79%)!important;
background: -webkit-linear-gradient(170deg, rgba(var(--templatefarbe_rgb),1) 0%, rgba(var(--templatefarbe_rgb),0.6) 79%)!important;
background: linear-gradient(170deg, rgba(var(--templatefarbe_rgb),1) 0%, rgba(var(--templatefarbe_rgb),0.6) 79%)!important;
}
.jobportal .breadcrumb {
display: none !important;
}
.jobportal .btn-secondary {
background: rgba(var(--infobarhintergrundfarbe_rgb),1) !important;
border: none !important;
}
.jobportal .btn-secondary a:visited,
.jobportal .btn-secondary a:hover,
.jobportal .btn-secondary a:focus,
.jobportal .btn-secondary a:active {
color: #fff !important;
}
.jobportal .zurueck-button {
background: rgba(128,128,128,0.8);
position: fixed;
padding: 12px;
bottom: 15px;
left: 15px;
font-size: 33px;
color: #fff;
margin: 0;
border-radius: 2px;
z-index: 8000;
border: none !important;
}
@media (max-width: 575px) {
.jobportal .zurueck-button {
bottom: 120px;
}
}
.jobportal a.zurueck-button:hover,
.jobportal a.zurueck-button:focus {
color: #fff;
background: rgba(var(--akzentfarbe_rgb), 0.9);
}
.jobtabelle tr td:first-child {
width: 30%;
}
.jobtabelle tr td:last-child {
width: 70%;
}
/* CSS shiny button von https://patrickdesjardins.com/blog/css3-shining-animation-for-html-element */
.shinybutton {
width:100%;
-webkit-animation-name: ShineButton;
-webkit-animation-duration: 5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: cubic-bezier(.12,.89,.98,.47);
}
@-webkit-keyframes ShineButton{
from {
background-repeat:no-repeat;
background-image:-webkit-linear-gradient(
top left,
rgba(55, 55, 55, 0.0) 0%,
rgba(55, 55, 55, 0.0) 45%,
rgba(55, 55, 55, 0.5) 48%,
rgba(55, 55, 55, 0.8) 50%,
rgba(55, 55, 55, 0.5) 52%,
rgba(55, 55, 55, 0.0) 57%,
rgba(55, 55, 55, 0.0) 100%
);
background-position:-250px -250px;
background-size: 600px 600px
}
to {
background-repeat:no-repeat;
background-position:250px 250px;
}
}
.jobpost-start-aufzaehlung {
display: flex;
}
.jobportal-hakenliste-li {
padding-left: 30px;
list-style: none;
}
.jobportal-hakenliste-text:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f14a";
color: var(--templatefarbe_hex)!important;
margin-left: -28px;
padding-right: 12px;
font-size: 1.1em;
}
@media (min-width: 768px) {
#footer{
padding-bottom: 70px;
}
}
@media (min-width: 1200px) {
#footer{
padding-bottom: 70px;
}
}
/* CSS CONTACTBAR */
.contactbarwrap {
display: none !important;
}
.contactbarwrap {
display: none !important;
}
@media (min-width: 768px) {
.contactbarwrap {
display: block !important;
}
}
.contactbarwrap {
width: 100%;
background: rgba(var(--templatefarbe_rgb), 0.85);
}
.contactbar-box {
text-align: center;
margin: 0 auto;
}
.contactbar-txt {
color: var(--contactbartextfarbe_hex)!important;
font-size: 1.2em;
line-height: 1.2em;
margin: 1em 0;
}
.contactbar-btn button {
color: #fff;
display: block;
padding: 18px 0;
text-transform: uppercase;
font-size: 18px;
font-weight: 500;
text-decoration:none;
transition:all .5s ease;
overflow:hidden;
position:relative;
z-index:2;
text-align: center;
margin: 0 auto;
background-color: transparent !important;
outline: none !important;
border: none !important;
}
.contactbar-btn {
background: var(--textfarbe_hex);
outline: none !important;
}
.contactbar-btn:hover {
background: #3d3d3d;
outline: none !important;
}
.jobportal .back-to-top-button { /* neuer nach Oben button mit Pfeil */
background: rgba(var(--akzentfarbe_rgb), 0.8);
position: fixed;
padding: 12px 15px;
bottom: 50px;
right: 15px;
font-size: 30px;
color: #fff;
margin: 0;
border-radius: 2px;
z-index: 8000;
}
@media (min-width: 768px) {
.jobportal .back-to-top-button {
bottom: 95px;
}
}
/* CSS Ring effect von Cole McCombs https://codepen.io/mccombsc */
.infobar-rechts span {
transition: all 0.3s ease-in-out 0s;
position: relative;
}
.infobar-rechts span::before {
content: '';
border-radius: 1000px;
min-width: calc(300px + 12px);
min-height: calc(60px + 12px);
border: 6px solid #00FFCB;
box-shadow: 0 0 60px rgba(0,255,203,.64);
/*position: absolute;*/
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
transition: all .3s ease-in-out 0s;
z-index: 5000;
}
.infobar-rechts span::after {
content: '';
width: 30px; height: 30px;
border-radius: 100%;
border: 6px solid rgba(255,255,255,0.30);
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: ring 2s infinite;
z-index: 5000;
}
@keyframes ring {
0% {
width: 30px;
height: 30px;
opacity: 1;
}
100% {
width: 175px;
height: 175px;
opacity: 0;
}
}
/* CSS shiny button von https://patrickdesjardins.com/blog/css3-shining-animation-for-html-element */
.shinybutton {
width:100%;
-webkit-animation-name: ShineButton;
-webkit-animation-duration: 5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: cubic-bezier(.12,.89,.98,.47);
}
@-webkit-keyframes ShineButton{
from {
background-repeat:no-repeat;
background-image:-webkit-linear-gradient(
top left,
rgba(55, 55, 55, 0.0) 0%,
rgba(55, 55, 55, 0.0) 45%,
rgba(55, 55, 55, 0.5) 48%,
rgba(55, 55, 55, 0.8) 50%,
rgba(55, 55, 55, 0.5) 52%,
rgba(55, 55, 55, 0.0) 57%,
rgba(55, 55, 55, 0.0) 100%
);
background-position:-250px -250px;
background-size: 600px 600px
}
to {
background-repeat:no-repeat;
background-position:250px 250px;
}
}
/* JOBPORTAL ENDE */
/* weik-quizbuilder.css */
.quiz,
.bewerbungsformular .quiz {
text-align: center;
}
.quiz .ques_title,
.bewerbungsformular .quiz .ques_title {
font-size: 25px;
padding: 2rem;
font-size: 2rem;
background-color: #efefef;
}
.options_wrapper,
.bewerbungsformular .options_wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
}
.option_wrap.images,
.bewerbungsformular .option_wrap.images {
margin: 15px 15px 15px 15px;
padding: 10px;
width: 38%;
border: 1px solid #ccc;
overflow: hidden;
text-align: center;
background-color: #fff;
}
@media (min-width: 576px) {
.option_wrap.images,
.bewerbungsformular .option_wrap.images {
width: 41%;
}
}
@media (min-width: 992px) {
.option_wrap.images,
.bewerbungsformular .option_wrap.images {
width: 21%;
}
}
.option_wrap.text,
.option_wrap.text_div,
.option_wrap.contact_form,
.bewerbungsformular .option_wrap.text,
.bewerbungsformular .option_wrap.text_div,
.bewerbungsformular .option_wrap.contact_form{
width: 100%;
background-color: #f3f3f3;
padding: 15px;
}
.option_wrap:hover,
.bewerbungsformular .option_wrap:hover {
background-color: #fcfcfc !important;
}
.option_wrap.text input,
.option_wrap.text_div input,
.option_wrap.contact_form .form-group,
.bewerbungsformular .option_wrap.text input,
.bewerbungsformular .option_wrap.text_div input,
.bewerbungsformular .option_wrap.contact_form .form-group{
width: 100%;
margin: 0 auto;
padding: 15px 0 0 0;
}
.bewerbungsformular .form-group #contactSum {
width: 66% !important;
}
.option_wrap.text .form-control,
.option_wrap.text_div .form-control,
.option_wrap.contact_form .form-control,
.bewerbungsformular .option_wrap.text .form-control,
.bewerbungsformular .option_wrap.text_div .form-control,
.bewerbungsformular .option_wrap.contact_form .form-control{
border: 2px solid;
padding: 10px;
font-size: 1.2rem;
}
@media (min-width: 768px) {
.option_wrap.text .form-control,
.option_wrap.text_div .form-control,
.option_wrap.contact_form .form-control,
.bewerbungsformular .option_wrap.text .form-control,
.bewerbungsformular .option_wrap.text_div .form-control,
.bewerbungsformular .option_wrap.contact_form .form-control{
font-size: 1.5rem;
}
}
select.form-control { /* Dropdown-Auswahl*/
height: auto !important;
padding: 5px 15px !important;
}
.option_wrap.contact_form .form input,
.bewerbungsformular .option_wrap.contact_form .form input {
display: inline-block !important;
}
.option_wrap.radio,
.bewerbungsformular .option_wrap.radio {
margin: 0 15px;
}
.option_title,
.bewerbungsformular .option_title {
margin: 0.8rem;
font-size: 1rem;
}
@media (min-width: 576px) {
.option_title,
.bewerbungsformular .option_title {
margin: 1rem;
font-size: 1.2rem;
}
}
@media (min-width: 768px) {
.option_title,
.bewerbungsformular .option_title {
margin: 1rem;
font-size: 1.7rem;
}
}
@media (min-width: 992px) {
.option_title,
.bewerbungsformular .option_title {
margin: 1rem;
font-size: 1.3rem;
}
}
@media (min-width: 1200px) {
.option_title,
.bewerbungsformular .option_title {
margin: 1rem;
font-size: 1.6rem;
}
}
.option_click,
.bewerbungsformular .option_click {
cursor: pointer;
}
/* kunden.css */
:root {
--templatefarbe_hex: #575656 !important;
--templatefarbe_rgb: 87,86,86 !important;
--akzentfarbe_hex: #a5d6ef !important;
--akzentfarbe_rgb: 165,214,239 !important;
--buttonfarbe_hex: var(--templatefarbe_hex) !important;
--buttontextfarbe_hex: #fff !important;
--hinweisboxfarbe_rgb: var(--templatefarbe_rgb) !important;
--hinweisboxtextfarbe_hex: #fff !important;
--welcomeboxhintergrundfarbe_rgb: 165,214,239 !important;
--welcomeboxhintergrundfarbe_hell_rgb: 255,255,255 !important;
--welcomeboxtextfarbe_hex: #575656 !important;
--welcomeboxtextfarbe_hell_hex: 165,214,239 !important;
--infobarhintergrundfarbe_hex: #575656 !important;
--infobarhintergrundfarbe_rgb: 87,86,86 !important;
--infobartextfarbe_hex: #fdfdfd !important;
--shortbartextfarbe_hex: #fff !important;
--contactbartextfarbe_hex: #575656 !important;
--footerhintergrundfarbe_hex: var(--infobarhintergrundfarbe_hex) !important;
--footertextfarbe_hex: var(--infobartextfarbe_hex) !important;
--textfarbe_hex: #575656 !important;
--untermenutextfarbe_hex: #030303 !important;
--hintergrundfarbe_hex: #ffffff !important;
--hintergrundfarbe_rgb: 255,255,255 !important;
--rahmenhintergrundfarbe_hex: #ffffff !important;
--rahmenhintergrundfarbe_grau_hex: #ededee !important;
--rahmenhintergrundfarbe_dunkel_hex: #444445 !important;
--menuhintergrundfarbe_hex: var(--hintergrundfarbe_hex);
--menuhintergrundfarbe_rgb: var(--hintergrundfarbe_rgb);
--highlightboxhintergrundfarbe_rgb: 250,250,250 !important;
--kachelboxenfarbe_rgb: 255,255,255 !important;
--winkelfarbe_rgb: var(--highlightboxhintergrundfarbe_rgb) !important;
--boxfarbe_hex: #efefef !important;
--claimslidefarbe_hex: var(--templatefarbe_hex) !important;
--claimboxinnerfarbe_hex: #f9f9f9 !important;
--claimboxtextfarbe_hex: var(--akzentfarbe_hex) !important;
--boxverlauf_dunkel_rgb: 240,240,240 !important;
--boxverlauf_hell_rgb: 255,255,255 !important;
}
/* kundenspezifische Ergänzungen */
.landingpage .welcome .btn-lg,
.contactbar-btn {
background-color: #575656 !important;
}
.contactbarwrap {
width: 100%;
background: rgba(var(--akzentfarbe_rgb), 0.95) !important;
}
#upperkopfbereichwrap{
border-bottom: 5px solid var(--akzentfarbe_hex) !important;
}
@media (min-width: 992px) {
#upperkopfbereichwrap{
border-bottom: 5px solid var(--akzentfarbe_hex) !important;
}
}
@media (min-width: 1200px) {
#upperkopfbereichwrap{
border-bottom: 6px solid var(--akzentfarbe_hex) !important;
}
}
.divider-headline-kunde {
background: rgb(var(--akzentfarbe_rgb)) !important;
background: -moz-linear-gradient(170deg, rgba(var(--akzentfarbe_rgb),1) 0%, rgba(var(--akzentfarbe_rgb),0.6) 79%) !important;
background: -webkit-linear-gradient(170deg, rgba(var(--akzentfarbe_rgb),1) 0%, rgba(var(--akzentfarbe_rgb),0.6) 79%) !important;
background: linear-gradient(170deg, rgba(var(--akzentfarbe_rgb),1) 0%, rgba(var(--akzentfarbe_rgb),0.6) 79%) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#ffffff",GradientType=1) !important;
padding:10px 10px 10px 10px;
margin-left: 0px;
margin-top: 3em !important;
color: white;
position: relative;
}
@media (min-width: 992px) {
.divider-headline-kunde {
background: rgb(var(--akzentfarbe_rgb)) !important;
background: -moz-linear-gradient(170deg, rgba(var(--akzentfarbe_rgb),1) 0%, rgba(var(--akzentfarbe_rgb),0.6) 79%) !important;
background: -webkit-linear-gradient(170deg, rgba(var(--akzentfarbe_rgb),1) 0%, rgba(var(--akzentfarbe_rgb),0.6) 79%) !important;
background: linear-gradient(170deg, rgba(var(--akzentfarbe_rgb),1) 0%, rgba(var(--akzentfarbe_rgb),0.6) 79%) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#ffffff",GradientType=1) !important;
padding:10px 10px 10px 28px;
margin-top: 3em !important;
}
}
/* weik-landingpage.css */
/*********** ALLGEMEIN ***********/
/*********** ALLGEMEIN ***********/
body.landingpage #hauptbereichwrap {
text-align: left !important;
}
body.landingpage #mainmenu,
body.landingpage .breadcrumb {
display: none !important;
}
body.landingpage #logo {
float: none !important;
margin: 0 auto !important;
text-align: center !important;
}
body.landingpage #hauptbereich {
padding-left: 0 !important;
padding-right: 0 !important;
}
body.landingpage .welcomewrap {
display: block;
}
@media (min-width: 768px) {
body.landingpage .welcomewrap {
display: block;
}
}
body.landingpage .welcomewrap .container {
padding: 0 15px;
}
body.landingpage .welcomebox {
position: relative;
}
body.landingpage .welcome {
width: 100%;
text-align: center;
padding: 10px 15px;
border-radius: 2px;
vertical-align: middle;
/*text-shadow: 1px 1px #444;*/
position: absolute;
bottom: 60px;
z-index: 100;
}
@media (min-width: 768px) {
body.landingpage .welcome {
position: absolute;
width: 100%;
padding: 12px 15px;
bottom: 120px;
}
}
@media (min-width: 992px) {
body.landingpage .welcome {
padding: 20px 30px;
bottom: 90px;
}
}
@media (min-width: 1200px) {
body.landingpage .welcome {
bottom: 90px;
}
}
@media (min-width: 1440px) {
body.landingpage .welcome {
bottom: 90px;
}
}
body.landingpage .welcome h2{
font-size: 24px;
}
@media (min-width: 768px) {
body.landingpage .welcome h2{
font-size: 35px;
}
}
@media (min-width: 992px) {
body.landingpage .welcome h2{
font-size: 43px;
}
}
@media (min-width: 1200px) {
body.landingpage .welcome h2{
font-size: 46px;
}
}
body.landingpage .welcome h3{
font-size: 18px;
}
@media (min-width: 768px) {
body.landingpage .welcome h3{
font-size: 16px;
}
}
@media (min-width: 992px) {
body.landingpage .welcome h3{
font-size: 22px;
}
}
@media (min-width: 1200px) {
body.landingpage .welcome h3{
font-size: 24px;
}
}
body.landingpage .welcome .btn-lg {
border-radius: 0px;
font-size: 12px;
margin-top: 10px;
text-decoration: none;
color: #fff;
font-weight: bold;
text-shadow: none;
background-color: var(--textfarbe_hex);
border: none !important;
padding: 4px 7px;
}
@media (min-width: 768px) {
body.landingpage .welcome .btn-lg {
border-radius: 0px;
font-size: 14px;
margin-top: 10px;
text-decoration: none;
color: #fff;
font-weight: bold;
text-shadow: none;
border: none !important;
padding: 4px 7px;
}
}
@media (min-width: 992px) {
body.landingpage .welcome .btn-lg {
font-size: 18px;
margin-top: 15px;
padding: 7px 8px;
border: none !important;
}
}
body.landingpage .btn-primary:not(:disabled):not(.disabled):active,
body.landingpage .btn-primary:not(:disabled):not(.disabled).active,
body.landingpage .show > .btn-primary.dropdown-toggle,
body.landingpage .welcome .btn-lg:hover,
body.landingpage .welcome .btn-lg:focus {
background-color: #999 !important;
border: none !important;
}
body.landingpage .startsymbole-unterseite .fas, /* große FA-Icons auf Produktseiten */
body.landingpage .startsymbole-unterseite .far,
body.landingpage .startsymbole-unterseite .fab,
body.landingpage .startsymbole-unterseite .fal {
color: var(--templatefarbe_hex);
}
/*********** STUFE 1 ***********/
/*********** STUFE 1 ***********/
.kontakt-button-lp {
margin-top: 30px;
}
.kontakt-button-lp p {
margin-bottom: 0 !important;
}
button.kontakt-button-lp,
.kontakt-button-lp a {
background-color: var(--templatefarbe_hex);
color: #fff;
padding: 10px;
border-radius: 4px;
}
button.kontakt-button-lp:hover,
button.kontakt-button-lp:focus,
button.kontakt-button-lp:active,
.kontakt-button-lp a:hover,
.kontakt-button-lp a:focus,
.kontakt-button-lp a:active {
background-color: #adadad;
color: #fff !important;
cursor: pointer;
}
button.kontakt-button-lp i,
.kontakt-button-lp a i {
margin-right: 5px;
}
.kontaktaufruf-oben {
background-color: var(--templatefarbe_hex);
color: #fff;
height: 45px;
padding: 10px 20px;
}
.kontaktaufruf-oben .links {
float: left;
}
.kontaktaufruf-oben .rechts {
float: none;
text-align: center;
}
@media (min-width: 768px) {
.kontaktaufruf-oben .rechts {
float: right;
}
}
.kontaktaufruf-oben .rechts a:hover,
.kontaktaufruf-oben .rechts a:focus,
.kontaktaufruf-oben .rechts a:active {
color: #fff;
text-decoration: none;
}
.kontaktaufruf-block {
background-color: #f0f0f0;
padding: 20px 20px 15px 20px;
}
@media (min-width: 768px) {
.kontaktaufruf-block {
padding: 20px 20px 20px 20px;
}
}
.kontaktaufruf-block h3 {
margin-top: 5px;
}
@media (min-width: 1200px) {
.kontaktaufruf-block h3 {
margin-top: 15px;
}
}
.kontaktaufruf-block p .kontakt-button-lp:hover,
.kontaktaufruf-block p .kontakt-button-lp:focus,
.kontaktaufruf-block p .kontakt-button-lp:active {
background-color: var(--templatefarbe_hex);
}
.telefonaufruf {
margin-top: 2em !important;
margin-bottom: 4em !important;
padding: 2em 0 !important;
background: rgb(var(--templatefarbe_rgb));
background: -moz-linear-gradient(170deg, rgba(var(--templatefarbe_rgb),1) 0%, rgba(var(--templatefarbe_rgb),0.6) 79%);
background: -webkit-linear-gradient(170deg, rgba(var(--templatefarbe_rgb),1) 0%, rgba(var(--templatefarbe_rgb),0.6) 79%);
background: linear-gradient(170deg, rgba(var(--templatefarbe_rgb),1) 0%, rgba(var(--templatefarbe_rgb),0.6) 79%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#ffffff",GradientType=1);
}
.welcomebox .telefonaufruf {
border: none !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 0 !important;
background-color: transparent !important;
}
.telefonaufruf p,
.telefonaufruf h2 {
font-size: 20px !important;
color: #fff !important;
line-height: 1.3em !important;
margin-bottom: 0 !important;
margin-top: 0 !important;
}
@media (min-width: 576px) {
.telefonaufruf p,
.telefonaufruf h2 {
font-size: 25px !important;
}
}
@media (min-width: 768px) {
.telefonaufruf p,
.telefonaufruf h2 {
font-size: 30px !important;
}
}
@media (min-width: 1200px) {
.telefonaufruf p,
.telefonaufruf h2 {
font-size: 40px !important;
}
}
.telefonaufruf a:hover,
.telefonaufruf a:focus,
.telefonaufruf a:active {
cursor: pointer;
color: #f2f2f2;
}
.btn-cta {
color: #fff;
background-color: var(--templatefarbe_hex) !important;
border-color: transparent !important;
text-decoration: none !important;
margin: 5px;
}
.btn-cta:hover,
.btn-cta:focus,
.btn-cta.focus,
.btn-cta:active,
.btn-cta.active,
.btn-cta a:hover,
.btn-cta a:focus,
.btn-cta a.focus,
.btn-cta a:active,
.btn-cta a.active{
color: #fff;
background-color: var(--textfarbe_hex) !important;
border-color: transparent !important;
}
.btn-cta:active,
.btn-cta.active {
background-image: none;
}
.btn-cta2 {
color: #fff;
background-color: transparent !important;
border: var(--templatefarbe_hex) 3px solid !important;
text-decoration: none !important;
margin: 5px;
}
.btn-cta2:hover,
.btn-cta2:focus,
.btn-cta2.focus,
.btn-cta2:active,
.btn-cta2.active {
color: #fff;
background-color: var(--templatefarbe_hex) !important;
border: var(--textfarbe_hex) 3px solid !important;
text-decoration: none !important;
margin: 5px;
}
.btn-coloured-font {
color: var(--templatefarbe_hex) !important;
background-color: #ffffff !important;
}
.btn-coloured-font:hover,
.btn-coloured-font:focus,
.btn-coloured-font.focus,
.btn-coloured-font:active,
.btn-coloured-font.active {
color: var(--templatefarbe_hex) !important;
background-color: #fafafa !important;
border: var(--templatefarbe_hex) 3px solid !important;
text-decoration: none !important;
margin: 5px;
}
.ueber-uns-kasten {
padding: 25px;
border: 5px solid var(--templatefarbe_hex);
}
.ueber-uns-kasten .row,
.ueber-uns-kasten p {
margin-bottom: 0 !important;
}
.nopointer,
.nopointer:hover {
cursor: default !important;
}
.startsymbole .fa-solid,
.startsymbole .fas,
.startsymbole .far,
.startsymbole .fab,
.startsymbole .fal {
color: var(--templatefarbe_hex);
font-size: 100px;
}
.exklusive-angebote img {
margin-bottom: 0 !important;
}
/*********** STUFE 2 ***********/
/*********** STUFE 2 ***********/
@media (min-width: 768px) {
body.landingpage #footer{
padding-bottom: 70px;
}
}
@media (min-width: 1200px) {
body.landingpage #footer{
padding-bottom: 70px;
}
}
body.landingpage div.cc-bottom {
z-index: 11000 !important;
}
body.landingpage .breadcrumb {
display: none !important;
}
@media (min-width: 768px) {
body.landingpage .back-to-top-button {
display: none !important;
}
}
/* CSS ZÄHLER */
.zaehler {
text-align: center;
}
.zaehler i {
margin-top: 0.5em;
}
.count-number,
.zaehler-einheit {
display: inline-block;
margin-top: 2em;
}
/* CSS CONTACTBAR */
.contactbarwrap {
display: none !important;
}
.contactbarwrap {
display: none !important;
}
@media (min-width: 768px) {
.contactbarwrap {
display: block !important;
}
}
.contactbarwrap {
width: 100%;
background: rgba(var(--templatefarbe_rgb), 0.95);
-webkit-transition: background 0.2s linear;
-moz-transition: background 0.2s linear;
-ms-transition: background 0.2s linear;
-o-transition: background 0.2s linear;
transition: background 0.2s linear;
z-index: 100010 !important;
}
.scrolled .contactbarwrap {
background: rgba(var(--akzentfarbe_rgb), 0.95);
-webkit-transition: background 0.4s linear;
-moz-transition: background 0.4s linear;
-ms-transition: background 0.4s linear;
-o-transition: background 0.84 linear;
transition: background 0.4s linear;
}
.contactbar-box {
text-align: center;
margin: 0 auto;
}
.contactbar-txt {
color: var(--contactbartextfarbe_hex)!important;
font-size: 1.2em;
line-height: 1.2em;
margin: 1em 0;
}
.contactbar-btn button {
color: #fff;
display: block;
padding: 18px 0;
text-transform: uppercase;
font-size: 18px;
font-weight: 500;
text-decoration:none;
transition:all .5s ease;
overflow:hidden;
position:relative;
z-index:2;
text-align: center;
margin: 0 auto;
background-color: transparent !important;
outline: none !important;
border: none !important;
}
.contactbar-btn {
background: var(--textfarbe_hex);
outline: none !important;
}
.contactbar-btn:hover {
background: #3d3d3d;
outline: none !important;
}
/* CSS RÜCKRUFFORMULAR */
#sidenav-toggle {
border: none;
font-size: 18px;
margin-top: 1em !important;
}
.rw-sidenav.open {
right: 0;
}
.rw-sidenav {
width: 400px;
height: 100%;
position: fixed;
z-index: 99999;
top: 0;
right: -400px;
background: #fff;
padding: 2rem 45px;
overflow-x: hidden;
overflow-y: auto;
-webkit-transition: right 0.25s ease-in-out;
transition: right 0.25s ease-in-out;
color: #b7b6b6;
box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.15);
font-family: BrandonText, BrandonRegular, sans-serif;
}
.rw-sidenav .close {
background: #2d2d2d;
border-radius: 50px;
position: absolute;
top: 10px;
right: 10px;
text-shadow: none;
color: #fff;
width: 22px;
height: 22px;
line-height: 22px;
-webkit-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
font-size: 2rem;
opacity: 1;
font-weight: lighter;
}
.rw-sidenav .close:hover,
.rw-sidenav .close:focus{
background: #333;
outline: none;
}
.sidebar-logo{
width: 100%;
text-align: center;
}
.rw-sidenav-logo {
max-width: 19rem;
}
.rw-sidenav form {
max-width: 290px;
margin: 0 auto;
display: block;
padding-top: 15px;
}
.btn-wrap{
text-align: center;
display: block;
}
.rw-sidenav h2{
font-weight: normal;
font-size: 22px;
color: #000;
}
.rw-sidenav-overlay {
height: 100%;
width: 0;
position: fixed;
z-index: 9999;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.50);
overflow-y: auto;
overflow-x: hidden;
text-align: center;
opacity: 0;
transition: opacity 1s;
}
.rw-sidenav p{
font-size: 16px;
color: #2d2d2d;
}
.mtb-15{
margin-top: 15px;
margin-bottom: 15px;
}
.sidebar-input{
color: #2d2d2d;
padding: 8px;
width: 100%;
display: block;
border-radius: 4px;
font-weight: 500;
font-size: 14px;
margin: 0 auto;
max-width: 290px;
width: 100%;
height: 40px;
border: 1px solid rgba(0,0,0, 0.9);
box-shadow: none !important;
}
.sidebar-input::placeholder {
color: #000!important;
}
.sidebar-input:-ms-input-placeholder {
color: #000!important;
}
.sidebar-input::-ms-input-placeholder {
color: #000!important;
}
.sidebar-input:active,
.sidebar-input:focus {
outline: none;
box-shadow: none;
border: 1px solid rgba(0, 0, 0, 0.15);
}
.senden-button {
background-color: #ff8000;
color: #fff;
border: 1px solid rgba(0, 0, 0, 0.28);
font-size: 18px;
text-align: center;
width: 100%;
transition: .8s;
margin: 0 auto;
max-width: 290px;
display: block;
}
.rw-sidenav .form-group{
position: relative;
margin-bottom: 10px;
}
.error-required-msg {
margin: 0 auto;
max-width: 290px;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
color: #CE3736;
font-family: BrandonMedium, sans-serif;
font-size: 14px;
width: 100%;
height: 100%;
padding: 8px;
box-sizing: border-box;
background: #fff;
text-align: left;
border: 2px solid #CE3736;
border-radius: 4px;
display: none;
line-height: 19px;
}
.Invalid-error .error-required-msg{
display: block;
}
.senden-button.button-error {
background-color: var(--templatefarbe_hex) !important;
color: #fff !important;
text-transform: uppercase;
}
.error-checked {
width: 20px;
height: 22px;
left: 0;
right: inherit;
}
.rw-sidenav p.sidebar-form-label{
font-size: 14px;
color: #2d2d2d;
margin-bottom: 5px;
}
.sidebar-dialog-success{
width: auto;
text-align: center;
}
.sidebar-dialog-success h1{
margin-top: 20px;
color: #5C5C5C;
}
.sidebar-dialog-success .fa-check{
color: #41ab34;
width: 50px;
height: 50px;
font-size: 30px;
border: 4px solid #41ab34;
border-radius: 100px;
line-height: 42px;
margin-top: 20px;
}
.rw-sidenav-open:hover {
cursor: pointer;
}
div.rw-sidenav.open div.modal-content {
border: 10px solid #06c258 !important;
}
div.rw-sidenav.open div.modal-content i {
color: #06c258;
font-size: 6em;
margin-bottom: 15px;
}
/* LP Vorteilsbox */
.lp-vorteilsbox {
margin-bottom: 2em;
}
.lp-vorteilsbox .card {
border-radius: 0!important;
}
.lp-vorteilsbox h5 {
margin-top: 0!important;
margin-bottom: 0!important;
}
.lp-vorteilsbox ul i {
padding: 0 10px 0 0;
color: var(--templatefarbe_hex) !important;
}
.lp-vorteilsbox .kontaktaufruf {
padding: 0 0 0 15px;
margin: 0 0 15px 0;
}
.lp-vorteilsbox .card-header {
background-color: var(--templatefarbe_hex);
color: #fff;
border-radius: 0!important;
}
.lp-vorteilsbox .hakenliste {
padding: 0 0 0 15px;
}
.lp-vorteilsbox .hakenliste li {
margin-bottom: 1.1em;
}
/* CSS EXIT-POPUP */
.modal {
z-index: 10000;
}
.modal-content {
border: 10px solid var(--textfarbe_hex);
}
.modal-body i {
font-size: 5em;
}
/* CSS Ring effect von Cole McCombs https://codepen.io/mccombsc */
.infobar-rechts span {
transition: all 0.3s ease-in-out 0s;
position: relative;
}
.infobar-rechts span::before {
content: '';
border-radius: 1000px;
min-width: calc(300px + 12px);
min-height: calc(60px + 12px);
border: 6px solid #00FFCB;
box-shadow: 0 0 60px rgba(0,255,203,.64);
/*position: absolute;*/
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
transition: all .3s ease-in-out 0s;
z-index: 5000;
}
.infobar-rechts span::after {
content: '';
width: 30px; height: 30px;
border-radius: 100%;
border: 6px solid rgba(255,255,255,0.30);
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: ring 2s infinite;
z-index: 5000;
}
@keyframes ring {
0% {
width: 30px;
height: 30px;
opacity: 1;
}
100% {
width: 175px;
height: 175px;
opacity: 0;
}
}
/* CSS shiny button von https://patrickdesjardins.com/blog/css3-shining-animation-for-html-element */
.shinybutton {
width:100%;
-webkit-animation-name: ShineButton;
-webkit-animation-duration: 5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: cubic-bezier(.12,.89,.98,.47);
}
@-webkit-keyframes ShineButton{
from {
background-repeat:no-repeat;
background-image:-webkit-linear-gradient(
top left,
rgba(55, 55, 55, 0.0) 0%,
rgba(55, 55, 55, 0.0) 45%,
rgba(55, 55, 55, 0.5) 48%,
rgba(55, 55, 55, 0.8) 50%,
rgba(55, 55, 55, 0.5) 52%,
rgba(55, 55, 55, 0.0) 57%,
rgba(55, 55, 55, 0.0) 100%
);
background-position:-250px -250px;
background-size: 600px 600px
}
to {
background-repeat:no-repeat;
background-position:250px 250px;
}
}
.emaillink:hover,
.emaillink:focus {
color: inherit !important;
}