/* exo-500 - latin */
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('Fonts/exo-v9-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Exo Medium'), local('Exo-Medium'),
       url('Fonts/exo-v9-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('Fonts/exo-v9-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('Fonts/exo-v9-latin-500.woff') format('woff'), /* Modern Browsers */
       url('Fonts/exo-v9-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('Fonts/exo-v9-latin-500.svg#Exo') format('svg'); /* Legacy iOS */
}

/* exo-500italic - latin */
@font-face {
  font-family: 'Exo';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('Fonts/exo-v9-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local('Exo Medium Italic'), local('Exo-MediumItalic'),
       url('Fonts/exo-v9-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('Fonts/exo-v9-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('Fonts/exo-v9-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('Fonts/exo-v9-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('Fonts/exo-v9-latin-500italic.svg#Exo') format('svg'); /* Legacy iOS */
}
/* exo-700italic - latin */
@font-face {
  font-family: 'Exo';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('Fonts/exo-v9-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Exo Bold Italic'), local('Exo-BoldItalic'),
       url('Fonts/exo-v9-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('Fonts/exo-v9-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('Fonts/exo-v9-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('Fonts/exo-v9-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('Fonts/exo-v9-latin-700italic.svg#Exo') format('svg'); /* Legacy iOS */
}
/* exo-800italic - latin
@font-face {
  font-family: 'Exo';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url('Fonts/exo-v9-latin-800italic.eot');
  src: local('Exo ExtraBold Italic'), local('Exo-ExtraBoldItalic'),
       url('Fonts/exo-v9-latin-800italic.eot?#iefix') format('embedded-opentype'),
       url('Fonts/exo-v9-latin-800italic.woff2') format('woff2'),
       url('Fonts/exo-v9-latin-800italic.woff') format('woff'),
       url('Fonts/exo-v9-latin-800italic.ttf') format('truetype'),
       url('Fonts/exo-v9-latin-800italic.svg#Exo') format('svg');
}
*/
@font-face {
  font-family: 'Glyphicons Halflings';
  font-display: swap;
  src: url('Fonts/glyphicons-halflings-regular.eot');
  src: url('Fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('Fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('Fonts/glyphicons-halflings-regular.woff') format('woff'), url('Fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('Fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

/*
font-family:'Exo',sans-serif; font-style:normal; font-weight:500;
font-family:'Exo',sans-serif; font-style:italic; font-weight:500;
font-family:'Exo',sans-serif; font-style:italic; font-weight:700;
lila: #681f79
grün: #00914c
*/

/* bootstrap overwrite */
body { line-height:1.65; }
.btn { border-radius:30px; padding:9px 1.5rem; line-height:18px; font-size:1rem; margin:5px 0; font-weight:bold; }
.btn-primary.buttonGreen:hover,
.btn-primary { background-color:#681f79; border-color:#681f79; }
.btn-primary.buttonGrey:hover,
.btn-primary:hover { color:#fff; background-color:#00914c; border-color:#00914c; }
.btn-primary.buttonGrey { color:#681f79; background-color:#bfbfbf; border-color:#bfbfbf; }
.btn-primary.buttonGreen { background-color:#00914c; border-color:#00914c; }

.table-striped tbody tr:nth-of-type(even) { background-color:#ededed; }
.table-striped tbody tr:nth-of-type(odd) { background-color:#fff; }
.backgroundGrey .table-striped tbody tr:nth-of-type(even) { background-color:#fff; }
.backgroundGrey .table-striped tbody tr:nth-of-type(odd) { background-color:#ededed; }
.table { color:unset; margin-bottom:0; }
.backgroundViolet .table { color:#212529; }
.table td, .table th { border:0; }
.table th { background-color:#681f79; color:#fff; border-right:dotted 3px #fff; text-transform:uppercase; }
.backgroundViolet .table th { background-color:#00914c; }
.table th:last-child { border-right:0; }
@media (min-width:960px) {
    .table th { border-right:dotted 4px #fff; }
}
.nav-tabs { border-bottom:0; overflow:hidden; padding-top:20px; }
.nav-tabs .nav-link { border:0; }
.nav-tabs .nav-link { font-style:italic; font-weight:700; font-size:15px; line-height:18px; padding:10px 25px 15px 15px; transform:rotate(-4deg); position:relative; background:transparent!important; }
.nav-tabs .nav-link span { color:#681f79!important; position:relative; }
.nav-tabs .nav-link.active span { color:#fff!important; }
.nav-tabs .nav-link:before { content:' '; width:110%; height:150%; background-color:#fff; position:absolute; top:-15%; left:-10%; outline:dotted 3px #681f79; outline-offset:-2px; transform:rotate(-2deg) skewX(15deg); }
.nav-tabs .nav-link.active:before { background-color:#681f79; outline:dotted 3px #fff; }
.nav-tabs .nav-link:nth-child(1) { z-index:130; }
.nav-tabs .nav-link:nth-child(2) { z-index:110; }
.nav-tabs .nav-link:nth-child(3) { z-index:100; }
.nav-tabs .nav-link:nth-child(4) { z-index:90; }
.nav-tabs .nav-link:nth-child(5) { z-index:80; }
.nav-tabs .nav-link:nth-child(6) { z-index:70; }
.nav-tabs .nav-link:nth-child(7) { z-index:60; }
.form-control { border-radius:0; height:41px; }
.backgroundGrey .frame-type-form_formframework select,
.backgroundGrey .form-control { border:0; }
select.form-control { padding-right:40px; background:#fff no-repeat url(../Images/select-custom-arrow-down.png) center right / 41px 41px; -webkit-appearance:none; -webkit-border-radius:0px; -moz-appearance:none; appearance:none; }
.form-check { padding-left:23px; }
.form-check input[type=checkbox] { position:absolute; left:0; top:6px; margin-left:0; }
.form-check-input[type=radio] { left:0; top:1px; margin-left:0; }
.form-check-label { margin-bottom:.5rem; }
.form-group { clear:both; }
.form-group .radio { padding-left:23px; }
.form-control:focus { box-shadow:none; border:1px solid #ced4da; }
.form-group input[type=file] { background-color:#fff; padding:5px 10px; line-height:31px; width:100%; }
.actions .btn-toolbar { justify-content:flex-end; }
.backgroundGrey .input.radiobutton .inputs-list,
.backgroundGrey .input.checkbox { background-color:#fff; padding:10px 10px 0 10px; }
.input.radiobutton .inputs-list > .form-group { margin-bottom:0; }
.input.radiobutton .radio { position:relative; }
form > .clearfix { margin-bottom:1em; }
form > .clearfix + .clearfix,
.clearfix + .form-group { margin-top:20px; }
@media (min-width:768px) {
    .form-group .control-label { width:40%; padding-right:15px; vertical-align:top; float:left; }
    .form-group .input { width:60%; display:inline-block; }
    .input.radiobutton { width:auto; display:block; }
    .input.radiobutton .inputs-list { width:60%; display:inline-block; }
    .form-group > .input.checkbox:first-child { margin:10px 0 0 40%; } 
}
.frame-type-felogin_login,
.frame-type-form_formframework form { max-width:952px; }
@media (max-width:767px) {
    .ce-right .ce-gallery, .ce-left .ce-gallery, .ce-column { float:none; }
    .ce-intext.ce-left .ce-gallery { margin-right:0; }
    .ce-intext.ce-right .ce-gallery { margin-left:0; }
    .ce-gallery figure { display:block; }
    .ce-gallery iframe { width:100%; max-width:500px; }
    .video-embed iframe { width:100%; max-width:100%; height:52vw; }
}

/* main css */
body { background:#fff; color:#646464; padding:0; margin:0; font-family:'Exo',sans-serif; font-style:normal; font-weight:500; font-size:16px; }

a img { border:0 none; }
a,
a:visited { color:#681f79; text-decoration:none; }
a:hover { color:#00914c; text-decoration:underline; }
.backgroundViolet a,
.backgroundViolet a:visited { color:#00914c; }
.backgroundViolet h2 a,
.backgroundViolet h2 a:visited { color:#fff; }
.backgroundViolet a:hover { color:#fff; }
.backgroundViolet h2 a:hover { color:#00914c; }

a.whiteLink,
a.whiteLink:visited { color:#fff; }
a.whiteLink:hover { color:#00914c; }
a.btn { text-decoration:none; }
a.btn-primary,
a.btn-primary:visited { color:#fff; }
a.btn-primary.buttonGrey,
a.btn-primary.buttonGrey:visited { color:#681f79; }
a.btn-primary.buttonGrey:hover { color:#fff; }
.buttonBox { margin-top:15px; }
.buttonBox:last-child .btn { margin-bottom:0; }
h1,h1.headlineBig,h2.headlineBig,h3.headlineBig,h4.headlineBig { color:#681f79; font-size:27px; font-weight:700; font-style:italic; margin:0 0 25px 0; padding:0; text-transform:uppercase; }
h4.headlineBig { font-size:22px; text-transform:none; }
.headlineBig + .image { margin-top:-10px; }
.frame-type-form_formframework fieldset > legend,
h2,h1.headlineMedium,h2.headlineMedium,h3.headlineMedium,h4.headlineMedium { color:#681f79; font-size:21px; font-weight:700; font-style:italic; margin:0 0 20px 0; padding:0; }
@media (max-width:767px) {
    .frame-type-form_formframework { margin-top:0!important; }
    .frame-type-form_formframework fieldset > legend { margin:0; padding:30px 0 0 0; }
}
.headlineBig + .headlineMedium { margin-top:-10px; }
h3,h4,h1.headlineSmall,h2.headlineSmall,h3.headlineSmall,h4.headlineSmall { color:#681f79; font-size:19px; font-weight:700; font-style:italic; margin:0 0 20px 0; padding:0; }
.headlineMedium + .buttonBottomBox { margin-top:35px; }
h5,h6 { color:#681f79; font-size:15px; font-weight:700; margin:0; padding:0; text-transform:uppercase; line-height:1.56; }
p { margin:0 0 20px 0; }
/*
.textBox .headlineBig,
.textBox .headlineMedium,
.textBox .headlineSmall, */
p:last-child { margin-bottom:0; }
@media (max-width:1023px) {
    .finderResultDetail p:last-child { margin-bottom:22px; }
}
.table p { margin:0; }
h2 + .table-responsive,
p + .table-responsive { margin-top:35px; }
.table-responsive { margin-bottom:35px; }
.table-responsive:last-child { margin-bottom:0; }
img { height:auto; vertical-align:bottom; }
/*
img:hover { transform:scale(1.1); transition:transform 0.5s; }
*/
.text-center { text-align:center; }
.text-right { text-align:right; }
.fontViolet { color:#681f79; }
h1.fontGreen,h2.fontGreen,h3.fontGreen,.fontGreen { color:#00914c; }
.backgroundViolet h4.headlineBig,
h1.fontWhite,h2.fontWhite,h3.fontWhite,.fontWhite { color:#fff; }
h1.fontGrey,h2.fontGrey,h3.fontGrey,.fontGrey { color:#646464; }
.backgroundGrey { background-color:#ededed; }
.backgroundViolet h2,.backgroundViolet h1.headlineMedium,.backgroundViolet h2.headlineMedium,.backgroundViolet h3.headlineMedium,
.backgroundViolet h3,.backgroundViolet h1.headlineSmall,.backgroundViolet h2.headlineSmall,.backgroundViolet h3.headlineSmall,
.backgroundViolet { background-color:#681f79; color:#fff; }
.smallColorBox { padding:15px; }
hr { border-top:dotted 3px #681f79; margin:35px 0; }
.backgroundViolet hr { border-color:#fff; }
hr + .buttonBox { margin-top:27px; }
/*.row + .row { margin-top:35px; }*/
select,
input { outline:none; }
.tab { display:inline-block; min-width:100px; padding-right:5px; }
.iconRouteplanner { background-image:url(../Images/icon-routenplaner-weiss.svg); background-repeat:no-repeat; background-position:10px 2px; background-size:30px 30px; padding-left:48px; }
.iconOpeninghours { position:relative; padding-left:48px; }
.iconOpeninghours:before { content:'\e023'; font-family:'Glyphicons Halflings'; font-size:22px; font-style:normal; font-weight:bold; color:#681f79; cursor:pointer; position:absolute; top:8px; left:15px; transition:0.3s ease; }
a.iconOpeninghours:hover:before { color:#fff; }
.smallImageCentered { text-align:center; }
.image.smallImageCentered img { width:96px!important; margin-bottom:30px; }
.whiteTextBox { margin:-10px -15px; padding:10px 15px; background-color:#fff; }
.smallText { font-size:75%; line-height:135%; }
p + p.smallText { margin-top:-15px; }
.bigText { font-size:125%; }
img { height:auto; }
.nowrap { white-space: nowrap; }

.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery { margin-bottom:25px; }
/*.ce-gallery figure.video { margin-top:35px; }*/

#header { position:fixed; z-index:1000; width:100%; box-shadow:0 0 10px 3px rgba(0,0,0,0.25); }
#header.openMobileNavi { height:100%; }
#header .inner { max-width:1310px; margin:0 auto; position:relative; height:100%; }
#headerLogo { padding:16px 0 16px 18px; background-color:#fff; }
#headerLogo img { width:100px; }
.oil-ch #headerLogo img { width:66px; }
#headerLogo img.loginLogo { width:153px; }
.openMobileNavi #headerLogo { box-shadow:0 0 10px 3px rgba(0,0,0,0.25); position:relative; z-index:1000; }

#metaNavi { position:absolute; top:16px; right:19px; z-index:1100; }
#metaNavi ul { display:inline; list-style-type:none; padding:0; margin:0; }
#metaNavi ul ul { display:none; }

.searchOpen .searchBox { display:none; position:absolute; top:55px; right:-19px; width:100vw; padding:12px 0 14px; text-align:center; box-shadow:0 10px 10px 0 rgba(0,0,0,0.05); -webkit-box-shadow:0 10px 10px 0 rgba(0,0,0,0.05); background-color:#fff; z-index:100; }
#searchInput { background-color:#ededed; border-radius:20px; text-align:center; border:0; height:39px; line-height:39px; width:calc(100% - 95px); margin:0 5px 0 10px; vertical-align:top; }
#searchSubmit { border:0; height:39px; width:39px; background:no-repeat url(../Images/icon-search-submit-bg.svg) center center / 100% 100%; text-indent:-1000px; }

.mobileOpener { display:inline-block; background-color:#681f79; height:41px; width:41px; border-radius:50%; position:relative; vertical-align:bottom; cursor:pointer; }
.mobileOpener.open { background-color:#00914c; }
.mobileOpener span,
.mobileOpener span:after,
.mobileOpener span:before { display:block; width:17px; height:2px; background-color:#fff; position:absolute; transition:0.3s ease; }
.mobileOpener span { top:20px; left:12px; }
.mobileOpener span:after { content:''; top:-6px; left:0; }
.mobileOpener span:before { content:''; top:6px; left:0; }
.mobileOpener.open span { transform:rotate(-45deg); transition:0.3s ease; }
.mobileOpener.open span:after { transform:rotate(-90deg); top:0; }
.mobileOpener.open span:before { opacity:0; }

@media (max-width:1023px) {
    /* definitions only for Mobile */
    .metaNaviIcon.loginOpen,
    .metaNaviIcon.CountrySelectOpen,
    .langNaviOpen { display:none!important; }

    #mainNavi { display:none; position:absolute; top:74px; right:0; width:100%; max-height:calc(100% - 74px); overflow-y:scroll; -webkit-overflow-scrolling:touch; box-shadow:0 10px 10px 0 rgba(0,0,0,0.2); -webkit-box-shadow:0 10px 10px 0 rgba(0,0,0,0.2); background-color:#fff; z-index:100; }
    #mainNavi ul { padding:10px 0; margin:0; list-style-type:none; }
    #mainNavi ul ul { display:none; padding:0 0 0 18px; }
    #mainNavi .currentPath > ul { display:block; }
    #mainNavi ul ul ul { padding:0 0 0 24px; }
    #mainNavi .desktopAndMobile {  }
    #mainNavi ul.addMobileNavi { padding-top:18px; position:relative; box-shadow:0 0 10px 3px rgba(0,0,0,0.25); }
    #mainNavi li { display:block; }
    #mainNavi .hasSub > span:first-child,
    #mainNavi a { display:block; color:#681f79; line-height:20px; padding:8px 8px 8px 18px; font-size:16px; font-weight:700; font-style:italic; text-transform:uppercase; text-decoration:none; }
    #mainNavi ul ul .hasSub > span:first-child,
    #mainNavi ul ul a { font-weight:500; font-style:normal; text-transform:none; }
    #mainNavi ul ul ul a { padding-right:36px; }
    #mainNavi ul ul ul .hasSub > a { padding-right:0; }
    #mainNavi a,
    #mainNavi a:visited { color:#681f79; }
    #mainNavi a.active,
    #mainNavi a.active:visited { color:#00914c; }
    #mainNavi .hasSub { position:relative; display:block; }
    #mainNavi .hasSub a { width:calc(100% - 38px); }
    #mainNavi .openSub { width:36px; text-align:center; display:block; position:absolute; top:0; right:0; }
    #mainNavi .openSub:after { content:'\e258'; font-family:'Glyphicons Halflings'; font-size:14px; font-style:normal; font-weight:bold; line-height:36px; color:#681f79; cursor:pointer; transition:0.3s ease; }
    #mainNavi .openSub.arrowDown { transform:rotate(90deg); transition:0.3s ease; }
    #mainNavi .addMobileNavi .hasSub > span:first-child,
    #mainNavi .addMobileNavi .icon { padding-left:45px; position:relative; display:block; }
    #mainNavi .addMobileNavi .icon:before { content:''; display:block; width:20px; height:30px; position:absolute; top:1px; left:19px; }
    #mainNavi .addMobileNavi .becomepartner:before { background:no-repeat url(../Images/icon_partnerschaft-haende_lila.svg) center center / 16px auto; }
    #mainNavi .addMobileNavi .locationfinder:before { background:no-repeat url(../Images/icon-tankstellenfinder-lila.svg) center center / 16px auto; }
    #mainNavi .addMobileNavi .login:before { background:no-repeat url(../Images/icon-login-lila.svg) center center / 12px auto; }
    #mainNavi .addMobileNavi .countries:before { background:no-repeat url(../Images/icon-countries-lila_de.svg) center center / 16px auto; }
    #mainNavi .addMobileNavi .websites:before { background:no-repeat url(../Images/icon-company-lila.svg) center center / 16px auto; }
    #mainNavi .addMobileNavi .contact:before { background:no-repeat url(../Images/icon-contact-lila.svg) center center / 16px auto; }
    #mainNavi .addMobileNavi ul a { padding-left:45px; }
    .addMobileText { background-color:#681f79; color:#fff; padding:22px 18px; line-height:28px; font-size:26px; font-weight:700; font-style:italic; text-transform:uppercase; }
    .addMobileSozial { background-color:#ededed; padding:15px 18px; text-align:center; position:relative; }
    .addMobileSozial h3 { display:none; margin:0; font-weight:700; color:#b0b0b0; font-size:16px; line-height:41px; text-transform:uppercase; font-style:italic; float:left; }
    .addMobileSozial .linkIcons img { height:25px; width:auto; }
    .metaNaviIcon.becomepartner,
    .addMobileSozial .linkIcons img:nth-child(2) { display:none; }
    #mainNavi .addMobileSozial .linkIcons a { display:inline-block; margin:0 10px; padding:8px 0; }
}

.metaNaviIcon { display:inline-block; margin-right:8px; cursor:pointer; }
.metaNaviIcon svg { width:41px; height:41px; }
.metaNaviIcon svg * { transition:0.5s ease; }
.metaNaviIcon .cls-1 { fill:#ededed; }
.metaNaviIcon .cls-2,
.metaNaviIcon .cls-3 { fill:#505050; }
.metaNaviIcon .cls-3 { stroke:#505050; stroke-miterlimit:10; stroke-width:0.5px; stroke-linejoin:round; }
.metaNaviIcon .cls-4 { fill:#fff; }
.metaNaviIcon .cls-5 { fill:#fff; stroke-linejoin:round; }
.metaNaviIcon .cls-6 { stroke:#505050; fill:none; stroke-miterlimit:10; stroke-width:2px; }
.metaNaviIcon.becomepartner svg { padding:10px; background-color:#ededed; border-radius:50%; transition:0.5s ease; }
.metaNaviIcon.becomepartner:hover svg { background-color:#00914c; transition:0.5s ease; }
.metaNaviIcon.becomepartner .metaSelectBox { left:0; width:260px; }
.metaNaviIcon.becomepartner:hover .metaSelectBox { display:block; }
.metaNaviIcon.becomepartner .cls-1 { fill:#a0a0a0; }
.metaNaviIcon.becomepartner:hover .cls-1 { fill:#fff; }

.metaNaviIcon.loginOpen a,
.metaNaviIcon.CountrySelectOpen,
#metaNaviContact a,
.metaNaviIcon.locationFinderOpen a { background-color:#ededed; border-radius:50%; display:inline-block; width:41px; height:41px; position:relative; vertical-align:middle; }
.metaNaviIcon.loginOpen a:hover,
.metaNaviIcon.CountrySelectOpen:hover,
#metaNaviContact a:hover,
.metaNaviIcon.locationFinderOpen a:hover { background-color:#00914c; }
.metaNaviIcon.loginOpen a svg { position:absolute; top:0; left:13px; width:15px; }
.metaNaviIcon.CountrySelectOpen svg { position:absolute; top:0; left:9px; width:23px; }
#metaNaviContact svg { position:absolute; top:0; left:9px; width:24px; }
.metaNaviIcon.locationFinderOpen svg { position:absolute; top:0; left:13px; width:18px; }
.metaNaviIcon.locationFinderOpen svg path { fill:#505050; }
.metaNaviIcon.loginOpen a:hover .lock-cls-1,
.metaNaviIcon.CountrySelectOpen:hover .country-cls-1,
#metaNaviContact a:hover .contact-cls-1 { fill:#fff; }
.metaNaviIcon.loginOpen a:hover .lock-cls-2 { fill:#00914c; }
.metaNaviIcon.locationFinderOpen a:hover svg path { fill:#fff; }

.openSearchBox { display:inline-block; width:41px; height:41px; background-color:#ededed; border-radius:50%; position:relative; vertical-align:middle; transition:0.5s ease; }
.openSearchBox.open { background-color:#00914c; }
.openSearchBox svg { position:absolute; top:0; left:11px; width:19px; opacity:1; transition:0.3s ease; }
.openSearchBox .search-cls-1 { fill:#505050; stroke:#505050; transition:0.5s ease; }
.openSearchBox.open .search-cls-1 { fill:#00914c; stroke:#00914c; transition:0.5s ease; }
.openSearchBox span,
.openSearchBox span:after  { display:block; width:17px; height:2px; background-color:#fff; position:absolute; opacity:0; transition:0.3s ease; }
.openSearchBox span { top:20px; left:12px; }
.openSearchBox span:after { content:''; top:-6px; left:0; }
.openSearchBox.open svg { opacity:0; transition:0.3s ease; }
.openSearchBox.open span { transform:rotate(-45deg); opacity:1; transition:0.3s ease; }
.openSearchBox.open span:after { transform:rotate(-90deg); opacity:1; top:0; }

@media (min-width:1024px) {
    .openSearchBox .search-cls-1 { fill:#fff; stroke:#fff; }
    .openSearchBox.open .search-cls-1 { fill:#fff; stroke:#fff; }
    .openSearchBox { background-color:#681f79; }
    .openSearchBox.open { background-color:#00914c; }
    .openSearchBox:hover { background-color:#00914c; }
}
    
.metaNaviIcon.loginOpen,
#metaNaviContact { display:none; }

#stickButtonBox,
#langSelect { display:none; }
#main { padding:71px 0 0; overflow:hidden; }
#main > div:last-child > .frameFullWidth:not(.backgroundViolet):not(.backgroundGrey) { margin-bottom:20px; }

.linkWithArrow:hover { text-decoration:none; }
.linkWithArrow:hover .hoverUnderline { text-decoration:underline; }
.linkWithArrow .noUnderline { display:inline-block; }
.linkWithArrow .linkIconArrowRight { font-family:'Glyphicons Halflings'; font-style:normal; font-weight:700; font-size:75%; }

#main a.linkAsBlock:before { content:'\e258'; font-family:'Glyphicons Halflings'; font-style:normal; font-weight:700; text-decoration:none!important; font-size:75%; margin-right:5px; display:inline-block; }
#main a.linkAsBlock:hover:before { text-decoration:none; }
#main .smallColorBox a:not(.btn) { display:inline-block; position:relative; padding:0; white-space:normal; }
#main .frame-type-menu_sitemap a,
#main .image:not(.imageSlider) a,
#main .news h2 a,
#main .newListImage a,
#main .headerImageSlideItem > a { white-space:normal; }
#main .tx-indexedsearch-browsebox a:before, 
#main figure.image a:before { display:none; }
#main .downloadListItem .text a:before { display:none; }
#main .downloadListItem .text a:hover b { color:#00914c; }
#main a.linkAsBlock { display:block!important; margin:10px 0; position:relative; padding:0 0 0 15px; white-space:normal; }
#main a.linkAsBlock:before { position:absolute; top:3px; left:-2px; }
#main a.linkAsBlock:last-child { margin-bottom:0; }
#main a.iconRightDownload,
#main a.iconRightDisclaimer { position:relative; display:block!important; padding-right:28px; text-transform:uppercase; white-space:nowrap; }
#main a.iconRightDownload:after { content:''; display:block; width:30px; height:30px; background:no-repeat url(../Images/icon-save.svg) 0px 5px / 30px auto; position:absolute; top:0; right:0; }
#main a.iconRightDownload:hover:after { background-image:url(../Images/icon-save-green.svg); }
#main a.iconRightDisclaimer:after { content:''; display:block; width:30px; height:30px; background:no-repeat url(../Images/icon-nutzungsbedingungen.svg) 7px 2px / 23px auto; position:absolute; top:0; right:0; }
#main a.iconRightDisclaimer:hover:after { background-image:url(../Images/icon-nutzungsbedingungen-green.svg); }
#main a.emailIcon:before { content:'\2709'; font-size:18px; margin-right:8px; position:relative; top:2px; font-family:'Glyphicons Halflings'; font-style:normal; font-weight:400; text-decoration:none!important; display:inline-block; }
#main a.telephoneIcon:before { content:'\e182'; font-size:18px; margin-right:8px; position:relative; top:2px; font-family:'Glyphicons Halflings'; font-style:normal; font-weight:400; text-decoration:none!important; display:inline-block; }
#main a.mobileIcon:before { content:' '; display:inline-block; width:20px; height:20px; background:no-repeat url(../Images/icon-phone-fill.svg) 0 3px / 17px auto; margin-right:6px; position:relative; top:2px; }
#main a.mobileIcon:hover:before { background:no-repeat url(../Images/icon-phone-fill-green.svg) 0 3px / 17px auto; }
#main a.websiteIcon:before { content:' '; display:inline-block; width:20px; height:20px; background:no-repeat url(../Images/icon-web-lila.svg) 0 3px / 17px auto; margin-right:6px; position:relative; top:2px; }
#main a.websiteIcon:hover:before { background:no-repeat url(../Images/icon-web-green.svg) 0 3px / 17px auto; }
#main .backgroundViolet a.websiteIcon:before { background:no-repeat url(../Images/icon-web-green.svg) 0 3px / 17px auto; }
#main .backgroundViolet a.websiteIcon:hover:before { background:no-repeat url(../Images/icon-web-white.svg) 0 3px / 17px auto; }
#main a.faxIcon:before { content:' '; display:inline-block; width:20px; height:20px; background:no-repeat url(../Images/icon-fax-violet.svg) 0 3px / 17px auto; margin-right:6px; position:relative; top:2px; }
#main a.faxIcon:hover:before { background:no-repeat url(../Images/icon-fax-green.svg) 0 3px / 17px auto; }
#main .backgroundViolet a.faxIcon:before { background:no-repeat url(../Images/icon-fax-green.svg) 0 3px / 18px auto; }
#main .backgroundViolet a.faxIcon:hover:before { background:no-repeat url(../Images/icon-fax-white.svg) 0 3px / 18px auto; }
.openinghoursIcon:before { content:' '; width:20px; height:20px; background:no-repeat url(../Images/icon-uhr1.svg) 0 3px / 17px auto; margin-right:8px; position:relative; top:2px; display:inline-block; }

#main a.arrowBack:before,
#main a.arrowRight:after { display:inline-block; font-family:'Glyphicons Halflings'; font-style:normal; font-weight:400; text-decoration:none!important; font-size:75%; }
#main a.arrowBack:before { content:'\e257'; margin-right:5px; }
#main a.arrowRight { float:right; }
#main a.arrowRight:before { display:none; }
#main a.arrowRight:after { content:'\e258';  margin-left:5px; }
#main ul:not(.slick-dots) { list-style-type:none; margin:22px 0; padding:0; }
#main ul:not(.slick-dots):first-child { margin-top:0; }
#main ul:not(.slick-dots) ul { margin:0; }
#main ol:last-child,
#main ul:not(.slick-dots):last-child { margin-bottom:0; }
#main ul:not(.slick-dots) li { position:relative; margin:0; padding:0 0 0 15px; }
#main ul:not(.slick-dots) li:before { content:'\e258'; font-family:'Glyphicons Halflings'; font-style:normal; font-weight:700; text-decoration:none!important; font-size:75%; color:#681f79; position:absolute; top:3px; left:-2px; }
#main .backgroundViolet ul:not(.slick-dots) li:before { color:#fff; }
#main ul.typo3-messages li,
#main ul li.list-inline-item { padding:0; }
#main ul.typo3-messages li:before,
#main ul li.list-inline-item:before { display:none; }
#main .table ul { margin:0; }

#main ol { padding-left:16px; }
#main .ce-textpic ol { padding-left:24px; }

ul.tx-indexedsearch-browsebox,
ul.tx-indexedsearch-browsebox li,
ul.tx-indexedsearch-browsebox a { display:inline-block; text-align:center; }
ul.tx-indexedsearch-browsebox li:before,
ul.tx-indexedsearch-browsebox a:before { display:none; }
div.tx-indexedsearch-browsebox { display:flex; justify-content:space-between; line-height:28px; }
#main ul.tx-indexedsearch-browsebox li { width:28px; padding:0; }
ul.tx-indexedsearch-browsebox .tx-indexedsearch-browselist-currentPage { background-color:#ededed; border-radius:50%; }
.searchItem + .tx-indexedsearch-browsebox { margin-top:40px; }
@media (max-width:719px) {
    div.tx-indexedsearch-browsebox { display:block; }
    div.tx-indexedsearch-browsebox > span { width:100%; display:block; }
}

#breadcrumb { display:none; color:#999; font-size:75%; margin-bottom:-25px; position:relative; z-index:1; }
#breadcrumb a,
#breadcrumb a:visited { color:#999; text-decoration:none; }
#breadcrumb a:hover { color:#00914c; text-decoration:underline; }
#main #breadcrumb a:before { display:none; }
#breadcrumb span[property="itemListElement"]:not(:last-child):after { content:'\e258'; font-family:'Glyphicons Halflings'; font-style:normal; font-weight:400; text-decoration:none!important; font-size:75%; margin:0 5px; display:inline-block; }
@media (min-width:1024px) {
    #breadcrumb { display:block; }
    #breadcrumb + .frame-default .frameFullWidth.backgroundViolet,
    #breadcrumb + .frame-default .frameFullWidth.backgroundGrey { padding-top:14px; margin-top:-39px; }
    #breadcrumb + .frame-default:not(.frame-type-list) .frameFullWidth.backgroundGrey::before { content:''; display:block; width:100%; height:100px; background-color:#ededed; position:absolute; top:-98px; left:0; }
}
.frame-type-mask .image img { width:100%; }
.headerImageBox { /* background:#681f79; */ text-align:center; position:relative; overflow:hidden; z-index:210; }
.headerImageBox.backgroundGrey { background-color:#ededed; }
.headerImageBox img { width:100%; /* max-width:1920px; */ }
.headerImageBox picture { width:100%; display:inline-block; vertical-align:top; }

.headerImageBox .finderBox { position:relative; text-align:left; }
.headerImageBox .finderBox .finderInputBox { padding:21px 15px 5px 15px; background-color:#ededed; }
.headerImageBox .finderBox .finderInputInner { height:44px; background-color:#fff; position:relative; padding-top:6px; background:#fff no-repeat url(../Images/icon-map-standort-marker-grau.svg) 10px 9px / 21px 26px; }

.headerImageBox .finderBox .finderInputInner .finderInputField { border:0; height:32px; line-height:32px; display:inline-block; float:left; width:calc(100% - 215px); margin-left:34px; padding-left:7px; }
.headerImageBox .finderBox .finderInputInner select { border:0; height:32px; line-height:32px; color:#8c8c8c; width:120px; padding:0 0 0 8px; border-left:solid 2px #ededed; background-color:transparent; -webkit-appearance:none; -webkit-border-radius:0px; -moz-appearance:none; appearance:none; }
.headerImageBox .finderBox .finderInputInner .selectWrap { display:inline-block; width:91px; overflow:hidden; background:#fff no-repeat url(../Images/select-custom-arrow-down-grey.png) center right / 32px 32px; }
@supports (appearance:none) or (-webkit-appearance:none) or (-moz-appearance:none) {
    .headerImageBox .finderBox .finderInputInner select { width:91px; }
}
.headerImageBox .finderBox .finderInputInner .searchSubmit { display:block; width:44px; height:44px; position:absolute; top:0; right:46px; background-color:#691e79; transition:background-color 0.5s; cursor:pointer; }
.headerImageBox .finderBox .finderInputInner .searchSubmit:hover { background-color:#00914c; transition:background-color 0.5s; }
.headerImageBox .finderBox .finderInputInner .searchSubmit svg { width:44px; height:44px; }
.headerImageBox .finderBox .finderInputInner .buttonSimpleIconRoute { display:block; width:46px; height:44px; background:no-repeat url(../Images/icon-routenplaner-grey.svg) 6px 10px / 32px; position:absolute; top:0; right:0; cursor:pointer; transition:background-color 0.5s; }
.headerImageBox .finderBox .finderInputInner .buttonSimpleIconRoute:hover { background-color:#00914c; transition:background-color 0.5s; }

.headerImageBox .finderBox .finderFilterOpener { padding:5px 0 0; }
.headerImageBox .finderBox .finderFilterToggle { line-height:42px; position:relative; text-transform:uppercase; color:#691e79; cursor:pointer; }
.headerImageBox .finderBox .finderFilterToggle:before { content:'\e138'; font-family:'Glyphicons Halflings'; font-style:normal; font-weight:400; text-decoration:none!important; font-size:125%; margin:0 10px 0 11px; display:inline-block; position:relative; top:4px; }
.headerImageBox .finderBox .finderFilterToggle:after { content:'\002b'; font-family:'Glyphicons Halflings'; font-style:normal; font-weight:400; text-decoration:none!important; margin:3px 14px 0 5px; display:inline-block; float:right; }
.headerImageBox .finderBox .finderFilterOpener.active .finderFilterToggle:after { content:'\2212'; }
.headerImageBox .finderFilterBox .finderFilterRowExtToggle { padding-left:40px; line-height:24px; position:relative; color:#691e79; cursor:pointer; }
.headerImageBox .finderFilterBox .finderFilterRowExtToggle:after { content:'\002b'; font-family:'Glyphicons Halflings'; font-style:normal; font-weight:400; text-decoration:none!important; margin:-1px 14px 0 5px; display:inline-block; float:right; }
.headerImageBox .finderFilterBox .finderFilterRowExtToggle.active:after { content:'\2212'; }
.headerImageBox .finderFilterBox .finderFilterRowExtToggle.iconKraftstoff:before { display:block; content:''; width:30px; height:20px; background:no-repeat url(../Images/icon-tankstellenfinder-lila.svg) 5px 3px / 20px; position:absolute; top:0; left:5px; }
.headerImageBox .finderFilterBox .finderFilterRowExtToggle.iconAuto:before { display:block; content:''; width:30px; height:20px; background:no-repeat url(../Images/icon-auto.svg) -14px -23px / 60px; position:absolute; top:0; left:5px; }
.headerImageBox .finderFilterBox .finderFilterRowExtToggle.iconKaffee:before { display:block; content:''; width:30px; height:30px; background:no-repeat url(../Images/icon-kitchenettes2.svg) 5px 0 / 20px; position:absolute; top:-4px; left:5px; }
.headerImageBox .finderFilterBox .finderFilterRowExtToggle.iconZahlung:before { display:block; content:''; width:30px; height:25px; background:no-repeat url(../Images/icon-karten-zahlung2.svg) 2px 0 / 27px; position:absolute; top:0; left:5px; }

.headerImageBox .finderBox .finderFilterBox { display:none; padding:2px 0 10px 0; background-color:#ededed; }
.headerImageBox .finderFilterBox .finderFilterRow { background-color:#fff; padding:11px 0 7px; margin-bottom:8px; }
.headerImageBox .finderFilterBox .checkboxItem { position:relative; }
.headerImageBox .finderFilterBox .checkboxItem.iconAutobahn:before { display:block; content:''; width:30px; height:20px; background:no-repeat url(../Images/icon-Autobahn.svg) 5px 3px / 20px; position:absolute; top:0; left:5px; }
.headerImageBox .finderFilterBox .checkboxItem.iconUhr:before { display:block; content:''; width:30px; height:20px; background:no-repeat url(../Images/icon-uhr-lila.svg) 5px 3px / 17px; position:absolute; top:0; left:5px; }
.headerImageBox .finderFilterBox .checkboxItem label { display:block; padding:0 28px 0 40px; margin:0 13px 0 0; color:#681f79; position:relative; }
.headerImageBox .finderFilterBox input[type=checkbox] { position:absolute; top:0; right:0; height:1px; width:1px; margin:-1px; padding:0; border:0; clip:rect(0 0 0 0); overflow:hidden; }
.headerImageBox .finderFilterBox .checkboxItem input[type=checkbox] + label:after { content:''; display:block; width:20px; height:20px; border:solid 1px #aaa; position:absolute; top:0; right:0; }
.headerImageBox .finderFilterBox .checkboxItem input[type=checkbox]:checked + label { background:no-repeat url(../Images/icon-tankstellenfinder-checkmark-checked.png) top right / 20px; }
.headerImageBox .finderFilterBox .checkboxItem input[type=checkbox]:checked + label:after { display:none; }
.headerImageBox .finderFilterBox .finderFilterRowExt { display:none; padding-top:16px; }

.headerImageBox .finderFilterBox .filterSimpleButtonSubmit { border:0; background:no-repeat #681f79 url(../Images/icon-reset-weiss.svg) 10px 11px / 20px; color:#fff; font-weight:bold; width:calc(50% - 6px); height:44px; text-align:center; font-size:14px; padding-left:28px; -webkit-appearance:none; -webkit-border-radius:0px; -moz-appearance:none; appearance:none; transition:all 0.5s; }
.headerImageBox .finderFilterBox .filterSimpleButtonSubmit span { display:none; }
.headerImageBox .finderFilterBox .filterSimpleButtonSubmit:hover { background-color:#00914c; transition:all 0.5s; }
.headerImageBox .finderFilterBox .filterSimpleReset { background:no-repeat #fff url(../Images/icon-refresh-grau.png) 10px 13px / 20px; color:#aaa; width:calc(50% - 6px); line-height:43px; padding-top:1px; text-align:center; font-size:14px; padding-left:5px; float:right; transition:all 0.5s; cursor:pointer; }
.headerImageBox .finderFilterBox .filterSimpleReset:hover { background:no-repeat #00914c url(../Images/icon-refresh-weiss.png) 10px 13px / 20px; color:#fff; transition:all 0.5s; }

.headerImageBox .finderBox .finderResultDetail { padding:19px 15px 15px; background-color:#fff; }
.headerImageBox .finderBox .finderResultDetailInner { padding:75px 15px 5px; border:solid 3px #691e79; position:relative; }
.headerImageBox .finderBox .finderResultDetailInner:after { bottom:100%; left:50%; border:solid transparent; content:' '; height:0; width:0; position:absolute; border-color:rgba(105,30,121,0); border-bottom-color:#691e79; border-width:20px; margin-left:-20px; }
.headerImageBox .finderBox .finderResultDetail .buttonBox { position:absolute; top:0; left:15px; width:calc(100% - 30px); }
.headerImageBox .finderBox .finderResultDetail .buttonBox .simpleButton { width:33.33333%; float:left; background-color:#ededed; line-height:41px; text-align:center; cursor:pointer; }
.headerImageBox .finderBox .finderResultDetail .buttonBox .simpleButton.websiteButton { background-color:#691e79; color:#fff; }
.headerImageBox .finderBox .finderResultDetail .buttonBox .simpleButton:hover { background-color:#00914c; color:#fff; }
.headerImageBox .finderBox .finderResultDetail .desktopClose { display:none; }
@media (min-width:768px) {
    .headerImageBox .finderBox .finderResultDetail .desktopClose { display:block; width:30px; height:30px; background:no-repeat url(../Images/icon-close-window2-lila.svg) center center / 16px; position:absolute; top:9px; right:9px; cursor:pointer; }
    .headerImageBox .finderBox .finderResultDetail .desktopClose:hover { background-image:url(../Images/icon-close-window2-green.svg) }
}
.headerImageBox .finderBox .finderResultList { padding:15px; background-color:#ededed; }
.headerImageBox .finderBox .finderResultListInner { max-height:376px; overflow:auto; }
.headerImageBox .finderBox .finderResultItem { background-color:#fff; padding:10px; position:relative; border-bottom:dotted 4px #ededed; transition:all 0.5s; }
.headerImageBox .finderBox .finderResultItem:last-child { border-bottom:0; }
.headerImageBox .finderBox .finderResultItem.active { background-color:#691e79; color:#fff; border-bottom:0; border-top:solid 4px #691e79; margin-top:-4px; }
.headerImageBox .finderBox .finderResultItem.active .fontViolet { color:#fff; }
.headerImageBox .finderBox .finderResultItem p { margin-bottom:0; }
.headerImageBox .finderBox .finderResultItem .routeInfo { position:absolute; top:36px; right:0; width:100px; }
.finderResultItem .iconDistance { background:no-repeat url(../Images/icon-Zielstandort.svg) 9px 3px / 18px 18px; padding-left:36px; }
.finderResultItem.active .iconDistance { background-image:url(../Images/icon-Zielstandort-weiss-lila.svg); }
.finderResultItem .iconTime { background:no-repeat url(../Images/icon-routenplaner-pfeilchen-grey.svg) 10px 0 / 18px 18px; padding-left:36px; }
.finderResultItem.active .iconTime { background-image:url(../Images/icon-routenplaner-pfeilchen-weiss.svg); }
.headerImageBox .finderBox .finderMapBox { width:100%; height:70vw; }
.headerImageBox .finderBox iframe { vertical-align:bottom; }
.headerImageBox .finderRouteInputBox { display:none; padding:15px 15px 5px; background-color:#ededed; }
.headerImageBox .finderRouteInputBox .finderRouteInput { border:0; height:44px; line-height:44px; display:block; width:100%; margin-bottom:12px; padding-left:40px; background:#fff no-repeat url(../Images/icon-map-standort-marker-grau.svg) 10px 9px / 21px 26px; }
.headerImageBox .finderRouteInputBox .finderRouteStart { border:0; background-color:#681f79; color:#fff; font-weight:bold; width:calc(50% - 6px); height:44px; text-align:center; margin-bottom:12px; font-size:14px; -webkit-appearance:none; -webkit-border-radius:0px; -moz-appearance:none; appearance:none; transition:all 0.5s; }
.headerImageBox .finderRouteInputBox .finderRouteStart:hover { background-color:#00914c; transition:all 0.5s; }
.headerImageBox .finderRouteInputBox .finderRouteClose { background-color:#fff; color:#aaa; width:calc(50% - 6px); line-height:43px; padding-top:1px; text-align:center; font-size:14px; float:right; transition:all 0.5s; cursor:pointer; }
.headerImageBox .finderRouteInputBox .finderRouteClose:hover { background-color:#00914c; color:#fff; transition:all 0.5s; }

@media (min-width:768px) {
    #footer.frame-default,
    #main > .frame-default { opacity:0; transition:opacity 1s cubic-bezier(0,0,0.58,1); }
    #main > .frame-default.frame-type-mask_imagesliderstage,
    #footer.frame-default.visible,
    #main > .frame-default.visible { opacity:1; transition:opacity 1s cubic-bezier(0,0,0.58,1); }
    .headerImageBox .finderBox .finderMapBox { height:800px; }
    .headerImageBox .finderBox .finderInputBox { position:absolute; top:0; left:0; width:365px; padding:20px 15px 0; z-index:30; }
    .headerImageBox .finderRouteInputBox { position:absolute; top:0; left:0; width:365px; z-index:1000; }
    .headerImageBox .finderBox .finderResultList { position:absolute; top:115px; left:0; width:365px; height:686px; padding:2px 15px 15px 15px; z-index:20; }
    .headerImageBox .finderBox .finderResultListInner { max-height:100%; }
    .headerImageBox .finderBox .finderResultDetail { width:100%; min-height:200px; }
    .headerImageBox .finderBox .finderResultDetailInner { background-color:#fff; padding:10px 15px; }
    .headerImageBox .finderBox .finderResultDetailInner > div { width:30%; }
    .headerImageBox .finderBox .finderResultDetailInner > div:nth-child(2) { position:absolute; top:15px; left:calc(100% / 3); /* left:217px; width:187px; */ }
    .headerImageBox .finderBox .finderResultDetailInner > div:nth-child(3) { position:absolute; top:15px; left:calc((100% / 3) * 2); /* width:187px; */ }
    .headerImageBox .finderBox .finderResultDetail .buttonBox .simpleButton.closeButton { display:none; }
    .headerImageBox .finderBox .finderResultDetail .buttonBox { top:auto; bottom:13px; left:calc(100% / 3); }
    .headerImageBox .finderBox .finderResultDetail .buttonBox .simpleButton { width:calc((100% / 3) - 5px); margin-right:15px; }
    .headerImageBox .finderBox .finderResultItem:not(.active ):hover { background-color:#ededed; transition:all 0.5s; cursor:pointer; }
    .headerImageBox .finderBox .finderFilterBox { max-height:683px; padding:5px 0 15px; overflow:auto; z-index:100; position:relative; }
}
@media (min-width:1024px) {
    .headerImageBox .finderBox .finderResultDetail { position:absolute; left:calc(((100% - 365px) / 2) + 55px); width:620px; bottom:400px; padding:0; background-color:transparent; z-index:100; }
    .headerImageBox .finderBox .finderResultDetailInner:after { bottom:unset; top:100%; border-bottom-color:transparent; border-top-color:#691e79; }
    .headerImageBox .finderFilterBox .filterSimpleButtonSubmit span { display:inline; }
}

.headerImageSlider .slick-dots { position:absolute; bottom:10px; right:15px; list-style-type:none; margin:0; padding:0; opacity:0.9; }
.headerImageSlider .slick-dots li { width:16px; height:16px; margin-left:6px; display:inline-block; background-color:#ddd; border-radius:50%; transition:all 0.5s; }
.headerImageSlider .slick-dots li.slick-active { background-color:#00914c; transition:all 0.5s; }
.headerImageSlider .slick-dots button { display:none; }
.headerImageSlider .mobile {  }
.headerImageSlider .tablet { display:none; }
.headerImageSlider .desktop { display:none; }

.headerImageBox .textBoxLeft { position:absolute; left:-90%; transition:left 0.8s; bottom:0; color:#fff; font-style:italic; font-weight:700; font-size:17px; line-height:18px; padding:10px 25px 17px 15px; transform:rotate(-5deg); }
@media (max-width:767px) {
    .headerImageBox .textBoxLeft { display:none!important; }
}
.headerImageBox .textBoxLeft.slideInAnimation { left:0; transition:left 0.8s; }
.headerImageBox .textBoxLeft.hideOnMobile { display:none; }
.headerImageBox .textBoxLeft p { position:relative; }
.headerImageBox .textBoxLeft strong { font-size:28px; font-weight:700; }
.headerImageBox .textBoxLeft:before { content:' '; width:110%; height:150%; background-color:#681f79; position:absolute; top:-15%; left:-10%; outline:dotted 3px #fff; outline-offset:-2px; transform:skewX(28deg); }
.headerBackLinkBox { display:none; }

.headerImageBox .textBoxRight { display:none; position:absolute; top:-6px; right:-100%; transition:right 0.8s; }
.headerImageBox .textBoxRight.slideInAnimation { right:-20px; transition:right 0.8s ease 1s; }
.headerImageBox .textBoxRight p { position:relative; margin:0; }
.headerImageBox .textBoxRight .line { position:relative; font-size:48px; padding:38px 50px 0 10px; transform:rotate(-5deg); color:#681f79; font-style:italic; font-weight:700; line-height:50px; text-align:right; text-transform:uppercase; display:inline-block; float:right; clear:both; }
.headerImageBox .textBoxRight .line.bigFont { font-size:64px; }
/*.headerImageBox .textBoxRight.finderDetailPage .line.bigFont,
.headerImageBox .textBoxRight.finderDetailPage .line { font-size:34px; line-height:42px; }*/
.headerImageBox .textBoxRight.finderDetailPage .line:first-child { max-width:calc(100vw - 490px); }
/*.headerImageBox .textBoxRight.finderDetailPage .line:nth-child(2) { padding-top:15px; margin-top:20px; }*/
.headerImageBox .textBoxRight .line:before { content:' '; width:calc(100% + 60px); height:calc(100% + 60px); background-color:#fff; position:absolute; top:-40px; left:-20px; outline:dotted 4px #681f79; outline-offset:-2px; }
.headerImageBox .textBoxRight .line:first-child { z-index:200; padding:40px 50px 0 10px; }
.headerImageBox .textBoxRight .line:nth-child(2) { z-index:190; }
.headerImageBox .textBoxRight .priceBox { position:absolute; top:150px; padding:80px 20px 20px 20px; right:24px; text-align:left; z-index:180; }
.headerImageBox .textBoxRight .priceBox > div { position:relative; }
.headerImageBox .textBoxRight .priceBox:before { content:' '; width:120%; height:120%; background-color:#fff; position:absolute; top:-20%; left:-5%; outline:dotted 4px #681f79; outline-offset:-2px; transform:skewX(3deg); }
.headerImageBox .textBoxRight .priceBox .priceRow { margin-bottom:4px; }
.headerImageBox .textBoxRight .priceBox .priceType { display:inline-block; width:118px; font-size:17px; line-height:17px; vertical-align:top; padding-top:8px; }
.headerImageBox .textBoxRight .priceBox .priceValue { display:inline-block; padding:0 5px; width:100px; font-size:33px; line-height:48px; background-color:#646464; color:#fff; text-align:right; height:43px; }
.headerImageBox .textBoxRight .priceBox .priceValue span { font-size:18px; position:relative; display:inline-block; width:16px; top:-18px; text-align:left; }
.headerImageBox .textBoxRight .priceBox .smallText { font-size:12px; line-height:16px; padding-top:20px; }
.headerImageBox .textBoxRight .priceBox .noPricesText { width:222px; min-height:100px; }

.fuelsListDesktopOnly { display:none; }
.priceBoxMobileOnly { position:relative; padding-bottom:35px; margin-top:-5px; text-align:left; display:inline-block; z-index:180; }
.priceBoxMobileOnly > div { position:relative; }
.priceBoxMobileOnly .priceRow { margin-bottom:2px; }
.priceBoxMobileOnly .priceType { display:inline-block; min-width:187px; font-size:18px; vertical-align:top; line-height:20px; padding:8px 13px 0 0; }
.priceBoxMobileOnly .priceValue { display:inline-block; padding:0 5px; width:82px; font-size:27px; line-height:39px; height:35px; background-color:#646464; color:#fff; text-align:right; white-space:nowrap; }
.priceBoxMobileOnly .priceValue span { font-size:14px; position:relative; display:inline-block; width:16px; top:-14px; text-align:left; }
.priceBoxMobileOnly .smallText { font-size:12px; line-height:16px; padding-top:20px; }
@media (min-width:1180px) {
    .priceBoxMobileOnly { display:none; }
    .fuelsListDesktopOnly { display:block; padding-bottom:35px; }
    .stationDetailTop { margin-bottom:63px!important; }
}

/* image zoom */
.image { overflow:hidden; }
div.image img,
.headerImageSlideItem img { transition:transform 0.5s linear; width:100%; }
.ce-gallery img { max-width:100%; }
.image img:hover,
.headerImageSlideItem img:hover { transform:scale(1.1); transition:transform 0.5s linear; }
#main .frame-noImageZoom img:hover { transform:unset; }

.image:not(.smallImageCentered) + .textBox { margin-top:20px; }
.frameFullWidth { position:relative; }
#main .frameFullWidth > div { padding-top:40px; padding-bottom:35px; }
#main .frameFullWidth.videoLibrary > div { padding-top:0; }
/*#main .frame-space-before-no-top-margin { margin-top:-40px; }*/
#main .frameFullWidth.mediaLibraryPartnerHeader > div { padding-bottom:0; }
#main .frameFullWidth.mediaLibraryPartnerMain > div { padding-top:0; }
.frameFullWidth.mediaLibraryPartnerHeader .twoColBox > div:first-child { margin-bottom:unset; }

#main .frame-space-before-no-top-margin > .frameFullWidth > div { padding-top:0; }
#main .frame-space-after-no-bottom-margin .frameFullWidth:last-child .container-fluid { padding-bottom:0; }

#main .frame-space-before-extra-small .frameFullWidth > div,
#main .frame-space-before-small .frameFullWidth > div,
#main .frame-space-before-medium .frameFullWidth > div,
#main .frame-space-before-large .frameFullWidth > div,
#main .frame-space-before-extra-large .frameFullWidth > div { padding-top:0; }

#main .frameFullWidth.newsDetailNaviBar.bottom > div { padding-top:0; }
#main .frameFullWidth.newsDetailNaviBar.top > div { padding-bottom:0!important; }
#main .frameFullWidth .frameFullWidth > div { padding-left:0; padding-right:0; padding-top:0; }
@media (min-width:1024px) {
    #main .frameFullWidth > div { padding-top:60px; padding-bottom:55px; }
    /*#main .frame-space-before-no-top-margin { margin-top:-60px; }*/
    #main .frameFullWidth .frameFullWidth > div { padding-top:0; padding-bottom:0; }
}
@media (min-width:1310px) {
    #main .frameFullWidth > div { padding-top:80px; padding-bottom:75px; }
    /*#main .frame-space-before-no-top-margin { margin-top:-80px; }*/
}
#main .frameFullWidth.noPaddingTop > div { padding-top:0; }
#main .frameFullWidth#breadcrumb > div { padding-top:10px; padding-bottom:8px; }

.news-single .frame-contact + .imageBox,
.news-single .imageBox + .imageBox { margin-top:20px; } 
.news-single .imageBox img { width:100%; }

.innerTeaserFrame.backgroundGrey { height:100%; }
.innerTeaserFrame.backgroundGrey .textBox { padding-left:15px; padding-right:15px; }

.showMoreButtonBox { text-align:center; position:relative; }
.showMoreButtonBox .btn { position:relative; z-index:1; }
.showMoreButtonBox:before { content:''; height:1px; width:100%; border-top:dotted 4px #ededed; position:absolute; top:19px; left:0; }

.fourColBox > div:nth-child(1),
.fourColBox > div:nth-child(2) { margin-bottom:35px; }
@media (min-width:768px) {
    .fourColBox > div:nth-child(1),
    .fourColBox > div:nth-child(2) { margin-bottom:0; }
}
.hasButtonBottom { padding-bottom:35px; }
.hasButtonBottom.pressFotoTeaser { padding-bottom:0; margin-bottom:30px!important; }
.hasButtonBottom.pressFotoTeaser .innerTeaserFrame { padding-bottom:70px; }
.buttonBottomBox { position:absolute; bottom:0; left:15px; width:calc(100% - 30px); }
.buttonBottomBox .btn { margin:0; }
.hasButtonBottom.pressFotoTeaser .buttonBottomBox { padding:5px 15px 10px 15px; }
.pressFotoTeaser .image img { width:100%; aspect-ratio:1.659; object-fit:cover; }
.news .article h3 { margin-bottom:20px; }
.hasButtonBottomFix { position:unset!important; }
@media (min-width:768px) and (max-width:1179px) {
    .hasButtonBottomFix { position:relative!important; }
    .hasButtonBottomFix .buttonBottomBox { position:relative; left:0; }
}

.row.threeColBox { row-gap:35px; }
.threeColBox > div { margin-bottom:60px; }
.threeColBox > div:last-child { margin-bottom:0; }
@media (min-width:768px) {
    .threeColBox > div { margin-bottom:0; }
}
/*.threeColBox > div:last-child { margin-bottom:0; }*/

.twoColBox-4-8 > div:first-child,
.twoColBox-9-3 > div:first-child,
.threeColBox-8-4 > div:first-child,
.threeColBox-6-3-3 > div:first-child { margin-bottom:35px; }
@media (min-width:576px) {
    .threeColBox-6-3-3 > div:nth-child(2) { margin-bottom:0; }
}
@media (min-width:768px) {
    .twoColBox-4-8 > div:first-child,
    .twoColBox-9-3 > div:first-child,
    .threeColBox-8-4 > div:first-child,
    .threeColBox-6-3-3 > div:first-child { margin-bottom:0; }
}
.threeColBox-3-3-6 > div { margin-bottom:35px; }
.threeColBox-3-3-6 > div:last-child { margin-bottom:0; }
@media (min-width:768px) {
    .threeColBox-3-3-6 > div { margin-bottom:0; }
}
.twoColBox > div.order-first,
.twoColBox > div:first-child { margin-bottom:35px; }
.news .twoColBox > div.order-first,
.news .twoColBox > div:first-child { margin-bottom:30px; }
.news .twoColBox > div:first-child:last-child,
.twoColBox > div.order-md-first:first-child { margin-bottom:0; }
@media (min-width:768px) {
    .twoColBox > div.order-first,
    .twoColBox > div:first-child { margin-bottom:0; }
}
.logoOnViolet { background:#681f79 no-repeat url(../Images/oil-background-on-violet.png); padding-top:20%; }
.logoOnViolet { background-size:70%; background-position-x:-300%; transition:background-position-x 0.8s; }
.logoOnViolet.slideInAnimation { background-position-x:-20px; transition:background-position-x 1s ease 0.5s; }
@media (max-width:767px) {
    .logoOnViolet h2.headlineBig { margin-top:30px; }
}
@media (min-width:768px) {
    .logoOnViolet { background-size:44%; background-position:-300% 0; padding-top:20px; }
    .logoOnViolet.slideInAnimation { background-position-x:6px; }
    .logoOnViolet .twoColBox > div:first-child { padding-top:12%; }
}
@media (min-width:1310px) {
    .logoOnViolet { background-position:-300% 0; background-size:484px auto; }
    .logoOnViolet.slideInAnimation { background-position-x:calc(50% - 495px); }
}
@media (max-width:767px) {
    .twoColBox > div > .frame-type-mask_textimageteaserslider .image > a > img,
    .twoColBox > div > .frame-type-mask_textimageteaserslider .image > img { height:calc((100vw - 30px) * 0.60185185); object-fit:cover; }
    .twoColBox > div > .frame-type-mask_textimageteaserslider .imageSlider.teaserSlider .slick-dots { top: calc(60.8vw - 53px); }
    .twoColBox > div > .frame-type-mask_textimageteaserslider .imageSlider.teaserSlider .slick-arrow { top: calc(32vw - 40px); }
}

.logoOnViolet .logoOnViolet { background-image:none; background-color:unset; padding-top:0; }
.logoOnViolet .logoOnViolet h2.headlineBig { margin-top:0; }

.imageSlider { position:relative; }
.imageSlider .slick-arrow { position:absolute; top:calc(50% - 20px); width:41px; height:41px; text-align:center; line-height:41px; color:#681f79; background-color:#d9d9d9; border-radius:25px; z-index:500; opacity:0.9; cursor:pointer; transition:all 0.5s; }
.imageSlider.teaserSlider .slick-arrow { top:calc(31.5vw - 40px); }
.imageSlider .slick-arrow:hover { opacity:1; background-color:#00914c; color:#fff; transition:all 0.5s; }
.imageSlider .slick-arrow:after { font-family:'Glyphicons Halflings'; font-style:normal; font-weight:400; font-size:22px; }
.imageSlider .sliderPrev { left:21px; }
.imageSlider .sliderNext { right:21px; }
.imageSlider .sliderPrev:after { content:'\e257'; }
.imageSlider .sliderNext:after { content:'\e258'; }
.imageSlider .slick-dots { position:absolute; bottom:10px; left:0; width:100%; list-style-type:none; margin:0; padding:0; text-align:center; opacity:0.9; }
.imageSlider.teaserSlider .slick-dots { bottom:unset; top:calc(58vw - 53px); }
.imageSlider .slick-dots li { width:16px; height:16px; margin:0 4px; display:inline-block; background-color:#ddd; border-radius:50%; transition:all 0.5s; }
.imageSlider .slick-dots li.slick-active { background-color:#00914c; transition:all 0.5s; }
.imageSlider .slick-dots button { display:none; }

.headerImageSlideItem { display:none; }
.headerImageSlideItem:first-child { display:block; }

.imageSlider.violetSlider { padding-bottom:30px; position:unset; }
.frameFullWidth.backgroundViolet.logoOnViolet { position:relative; }
.imageSlider.violetSlider .slick-dots { bottom:20px; }
.imageSlider.violetSlider .sliderPrev { left:20px; }
.imageSlider.violetSlider .sliderNext { right:20px; }
@media (min-width:1024px) {
    .imageSlider.violetSlider { padding-bottom:60px; }
    .imageSlider.violetSlider .slick-dots { bottom:30px; }
}
@media (max-width:1420px) {
    .imageSlider.violetSlider .slick-arrow { display:none!important; }
}
.donwloadList { margin:20px 0; }
.downloadListItem { clear:both; }
.downloadListItem b { color:#681f79; }
.downloadListItem .text { width:calc(100% - 106px); border-bottom:dotted 3px #681f79; line-height:22px; padding:14px 0; min-height:70px; }
.downloadListItem:first-child .text { border-top:dotted 3px #681f79; }
.downloadListItem .downloadButton { float:right; width:100px; background-color:#681f79; color:#fff; line-height:52px; text-transform:uppercase; font-size:11px; margin-top:2px; text-align:center; }
.downloadListItem .downloadButton { position:relative; display:block; }
.downloadListItem .downloadButton:hover { background-color:#00914c; transition:all 0.5s; }
#main .downloadListItem .text a { white-space:unset; }
#main a.downloadButton:before { margin:0 0 0 10px; }
.downloadListItem .downloadButton,
.downloadListItem .downloadButton:visited { color:#fff; }
/*
.downloadListItem .downloadButton span { padding-left:10px; }
.downloadListItem .downloadButton span:after { content:''; display:block; width:26px; height:32px; background:no-repeat url(../Images/icon-pdf-dokument_negativ-weiss.svg) center center / 100% auto; position:absolute; top:13px; right:8px; }
*/

h2 + .accordion { margin-top:35px; }
.accordionItem { clear:both; }
.accordionItem b { color:#681f79; }
.accordionItem .text { width:calc(100% - 48px); border-bottom:dotted 3px #681f79; padding:14px 0; min-height:70px; }
.accordionItem:first-child .text { border-top:dotted 3px #681f79; }
.accordionItem .text > div p:first-child { margin-top:20px; }
.accordionItem .text a:hover { text-decoration:none; }

.accordionItem .accordionOpenButton { float:right; width:38px; height:38px; background-color:#681f79; position:relative; }
#main a.accordionOpenButton:before { content:' '!important; display:block; height:4px; width:22px; position:absolute; top:17px; left:8px; background-color:#fff; opacity:1; transition:opacity 0.5s; }
#main a.accordionOpenButton:after { content:' '; display:block; height:22px; width:4px; position:absolute; top:8px; left:17px; background-color:#fff; transform:rotate(0deg); transition:transform 0.5s; }
#main a.accordionOpenButton[aria-expanded="true"]:before { opacity:0; transition:opacity 0.5s; }
#main a.accordionOpenButton[aria-expanded="true"]:after { transform:rotate(-90deg); transition:transform 0.5s; }
.accordionItem .text.withImage { min-height:75px; position:relative; }
.accordionItem:first-child .text.withImage { min-height:78px; }
.accordionOpenerImage img { width:100%; max-width:70px; }
@media (min-width:500px) {
    .accordionItem .text.withImage { padding-left:80px; }
    .accordionOpenerImage { float:left; width:70px; position:absolute; top:0; left:0; }
}

.accordionToggleBox { padding-bottom:22px; width:calc(100% - 48px); border-bottom: dotted 3px #681f79; }
@media (min-width:960px) {
    .accordionToggleBox { border-width: 4px; }
}
.accordionToggleButton { display:inline-block; width:38px; height:38px; background-color:#ededed; position:relative; }
.backgroundGrey .accordionToggleButton { background-color:#fff; }
.accordionToggleButton.openButton:before { content:' '; display:block; height:4px; width:22px; position:absolute; top:17px; left:8px; background-color:#fff; transition:all 0.5s; }
.backgroundGrey .accordionToggleButton.openButton:before { background-color:#ededed; }
.accordionToggleButton.openButton:after { content:' '; display:block; height:22px; width:4px; position:absolute; top:8px; left:17px; background-color:#fff; transition:all 0.5s; }
.backgroundGrey .accordionToggleButton.openButton:after { background-color:#ededed; }
.accordionToggleButton.closeButton { margin-left:12px; }
.accordionToggleButton.closeButton:after { content:' '; display:block; height:4px; width:22px; position:absolute; top:17px; left:8px; background-color:#fff; transition:all 0.5s; }
.backgroundGrey .accordionToggleButton.closeButton:after { background-color:#ededed; }
.accordionToggleButton.closeButton.active,
.accordionToggleButton.openButton.active { cursor:pointer; }
.accordionToggleButton.openButton.active:before,
.accordionToggleButton.openButton.active:after,
.accordionToggleButton.closeButton.active:after { background-color:#681f79; transition:all 0.5s; }
.backgroundGrey {  }


.searchBox.searchPage .searchTerm { border:0; height:41px; line-height:41px; padding:0 8px; margin-right:10px; width:calc(100% - 80px); max-width:400px; vertical-align:top; }
.searchBox.searchPage .searchSubmit { display:inline-block; width:41px; height:41px; cursor:pointer; vertical-align:bottom;  vertical-align:top }
.frame-type-form_formframework .selectWrap,
.searchBox .selectWrap { display:inline-block; width:100%; overflow:hidden; margin-right:15px; margin-bottom:20px; background:#fff no-repeat url(../Images/select-custom-arrow-down.png) center right / 41px 41px; vertical-align:top }
.frame-type-form_formframework .selectWrap { margin-bottom:0; }
.frame-type-form_formframework select,
.searchBox select { border:0; height:41px; line-height:41px; width:calc(100% + 40px); padding:0 0 0 10px; background-color:transparent; -webkit-appearance:none; -webkit-border-radius:0px; -moz-appearance:none; appearance:none; }
.frame-type-form_formframework select { border: 1px solid #ced4da; }
@supports (appearance:none) or (-webkit-appearance:none) or (-moz-appearance:none) {
    .frame-type-form_formframework  select,
    .searchBox select { width:100%; padding:0 40px 0 10px; }
}
.searchBox.searchPage.pressPage .searchTerm { width:calc(100% - 58px); margin-right:12px; max-width:unset; }
@media (min-width:620px) {
    .searchBox .selectWrap { display:inline-block; width:240px; margin-bottom:0; }
    .searchBox.searchPage.pressPage .searchTerm { width:240px; }
}
.searchItem { border-bottom:dotted 3px #681f79; padding:30px 0; position:relative; }
.searchItem .textBox { width:calc(100% - 50px); }
.searchItem .documentTypeIcon { height:60px; width:40px; position:absolute; top:35px; right:0; }
@media (min-width:600px) {
    .searchItem { padding:40px 0; }
    .searchItem .textBox { width:80%; }
    .searchItem .documentTypeIcon { top:45px; }
}
.searchItem:first-child { padding-top:0; }
.searchItem .documentTypeIcon.page,
.searchItem .documentTypeIcon.document { background:no-repeat url(../Images/icon-dokument.svg) top center / 31px auto; }
.searchItem .documentTypeIcon.file,
.searchItem .documentTypeIcon.pdf { background:no-repeat url(../Images/icon-file.svg) top center / 40px auto; }
.searchItem .documentTypeIcon.news { background:no-repeat url(../Images/icon-news.svg) top center / 40px auto; }
.searchItem .documentTypeIcon.petrolstationindexer { background:no-repeat url(../Images/icon-marker.svg) top center / 34px auto; }

.nav.nav-tabs { display:none; }
.tab-content .row { padding:25px 0 20px; }
.nav-tabs.mobileOnly { display:inline-block; padding-right:25px; vertical-align:bottom; /* margin-bottom:-8px; */ margin-top:30px; }
.nav-tabs.mobileOnly:first-child { margin-top:0; }
@media (max-width:767px) {
    .tab-content > .tab-pane { display:block!important; opacity:1; }
}
@media (min-width:768px) {
    .nav.nav-tabs { display:flex; }
    .nav-tabs.mobileOnly { display:none; }
}

.newsListDate { font-size:80%; margin-bottom:0; }
.newListImage img { max-width:100%; }
@media (min-width:576px) {
    .newListImage { margin-top:10px; }
}
.newsDetailDate { font-size:80%; }
.newsDetailsubheader { font-weight:700; font-style:italic; font-size:120%; }
.newsDetailNaviBar nav { border-top:dotted 3px #681f79; border-bottom:dotted 3px #681f79; line-height:41px; font-size:80%; height:47px; }

.newsListNoImages .item:not(:last-child)::after { content:''; display:block; border-top: dotted 3px #681f79; margin:35px 0; }
@media (min-width:768px) {
    .newsListNoImages .item::after { margin:45px 0; }
}

.iconList .iconListItem { float:left; }
.iconList .iconListItem img { width:48px; margin:0 13px 13px 0; }
#main .finderDetailFeatureList p + ul { margin-top:-22px; }
#main .finderDetailFeatureList { margin-bottom:22px; }
@media (max-width:767px) {
    #main .finderDetailFeatureList { margin-bottom:5px; }
    .iconList { margin-bottom:15px; }
    .iconList::after { content:''; display:block; clear:both; }
}

.iconListBox { padding-top:10px; }
.iconListBox .iconListItem { float:left; margin:0 10px 10px 0; }
.iconListBox .iconListItem img { width:50px; height:50px; }

.toTopButton { opacity:0; background-color:#d9d9d9; position:fixed; right:20px; bottom:20px; width:41px; text-align:center; height:41px; color:#681f79; border-radius:25px; cursor:pointer; transition:all 0.5s; z-index:1000; }
.smallDesktopLogo .toTopButton { opacity:1; transition:opacity 1s; }
.toTopButton:hover { opacity:1; background-color:#00914c; color:#fff; transition:all 0.5s; }
.toTopButton.atBottomOfBox { top:unset; bottom:60px; }
.toTopButton:after { content:'\e260'; font-family:'Glyphicons Halflings'; font-style:normal; font-weight:400; font-size:22px; position:relative; top:3px; }

#main .container-fluid,
#footer .container-fluid { max-width:1310px; }
.footerGreyBackground { background-color:#ededed; }
.footerSocialLinkBox { padding:25px 15px; line-height:24px; }
.footerSocialLinkBox .text h3 { margin:0; font-weight:700; color:#b0b0b0; font-size:16px; line-height:24px; text-transform:uppercase; }
.footerSocialLinkBox .links { text-align:right; }
.footerSocialLinkBox .links a { display:inline-block; margin:0 10px; }
.footerSocialLinkBox .links img { height:25px; width:auto; }
.footerSocialLinkBox .links img:nth-child(2) { display:none; }
.footerSocialLinkBox .links a:hover img:nth-child(1) { display:none; }
.footerSocialLinkBox .links a:hover img:last-child { display:inline; }
@media (max-width:1023px) {
    .footerSocialLinkBox { padding:24px 15px 20px; line-height:30px; }
    .footerSocialLinkBox > .row { display:block; margin:0; text-align:center; }
    .footerSocialLinkBox > .row > div { display:inline-block; width:auto; white-space:nowrap; max-width:unset; }
    .footerSocialLinkBox .text { display:none!important; }
    .footerSocialLinkBox .text h3 { line-height:30px; }
    .footerSocialLinkBox img { vertical-align:text-bottom; }
}

.footerNaviBox { display:none; }
.footerNaviBox .inner { max-width:1310px; margin:0 auto; }
.footerNaviBox h3 { text-transform:uppercase; }
.copyrightText { text-align:center; }
.printLink { display:none; }
.frame-type-form_formframework { margin-top:40px; }
.frame-type-form_formframework > h2,
.frame-type-form_formframework > form > h2 { display:none; }
.frame-type-form_formframework .clearfix h2 { color:#646464; margin:0; line-height:1.65; font-family:'Exo',sans-serif; font-style:normal; font-weight:500; font-size:16px; }
@media (min-width:768px) {
    .frame-type-form_formframework .clearfix h2 { float:left; width:40%; padding-right:15px; }
    .frame-type-form_formframework .clearfix p:not(:first-child) { float:right; width:60%; }
}

.frame-type-menu_sitemap > ul > li > a { display:block; background-color:#ededed; padding:5px; margin-left:-15px; margin-bottom:20px; text-transform:uppercase; }
#main .frame-type-menu_sitemap ul:not(.slick-dots) li:before { display:none; }
.frame-type-menu_sitemap > ul > li:before { display:none; }
.frame-type-menu_sitemap > ul > li { margin-bottom:40px!important; }
.frame-type-menu_sitemap ul ul { margin-top:0!important; }

.media-right, .media > .pull-right { padding-left: 10px; }
.media-left, .media > .pull-left { padding-right: 10px; }
.media-left, .media-right, .media-body { display: table-cell; vertical-align: top; }
.alert { padding: 11px; margin-bottom: 18px; border: 1px solid transparent; border-radius: 2px; }
.alert h4 { margin-top: 0; color: inherit; }
.alert i.fa-stack-1x { font-weight: bold; }
.alert > p, .alert > ul { margin-bottom: 0; }
.alert > p + p { margin-top: 5px; }
.alert-dismissable, .alert-dismissible { padding-right: 31px; }
.alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; }
.alert-success { background-color: #79a548; border-color: transparent; color: #ffffff; }
.alert-success hr { border-top-color: rgba(0, 0, 0, 0); }
.alert-success i.fa-stack-1x { color: #e6e6e6; }
.alert-info { background-color: #aaa; border-color: transparent; color: #ffffff; }
.alert-info hr { border-top-color: rgba(0, 0, 0, 0); }
.alert-info i.fa-stack-1x { color: #e6e6e6; }
.alert-warning { background-color: #e8a33d; border-color: transparent; color: #ffffff; }
.alert-warning hr { border-top-color: rgba(0, 0, 0, 0); }
.alert-warning i.fa-stack-1x { color: #e6e6e6; }
.alert-danger { background-color: #c83c3c; border-color: transparent; color: #ffffff; }
.alert-danger hr { border-top-color: rgba(0, 0, 0, 0); }
.alert-danger i.fa-stack-1x { color: #e6e6e6; }
ul.typo3-messages { padding: 0; }
.alert-notice { background-color: #333333; border-color: transparent; color: #ffffff; }
.alert-notice hr { border-top-color: rgba(0, 0, 0, 0); }
.alert-notice i.fa-stack-1x { color: #e6e6e6; }
.alert { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); border: 0; }
.alert a { color: inherit; text-decoration: underline; }
.alert .media { margin: 0; }
.alert .media .fa-stack > .fa:first-child { opacity: 0.2; filter: alpha(opacity=20); }
.alert .media-body { vertical-align: middle; }
.alert-title { font-size: 1.12em; font-weight: bold; margin: 0 0 0.25em; }
.alert-body, .alert-message { margin: 0; font-size: .9em; }
.alert-body > *:last-child, .alert-message > *:last-child { margin-bottom: 0; }
.alert-body > ul, .alert-message > ul { padding-left: 1.5em; } 

.alert-title { padding:15px; }

.footerMetaNavi { line-height:24px; text-align:center; padding:20px 0; font-size:14px; color:#888; max-width:1310px; margin:0 auto; }
.footerMetaNavi ul { list-style-type:none; margin:0; padding:0; display:inline; }
.footerMetaNavi li { display:inline; margin:0; padding:0 5px; }
.footerMetaNavi li:nth-child(odd):after { content:'|'; margin-left:14px; }
.footerMetaNavi li:nth-child(even):after { content:'\A'; white-space:pre; }
.footerMetaNavi li:last-child:after { display:none; }
.footerMetaNavi a,
.footerMetaNavi a:visited { color:#888; display:inline-block; text-decoration:none; }

@media (min-width:500px) {
    h1,h1.headlineBig,h2.headlineBig,h3.headlineBig { font-size:32px; }
    .frame-type-form_formframework fieldset > legend,
    h2,h1.headlineMedium,h2.headlineMedium,h3.headlineMedium { font-size:24px; }
    h3,h1.headlineSmall,h2.headlineSmall,h3.headlineSmall { font-size:20px; }
    h4,h5,h6 { font-size:16px; }
    .textBoxPriceMobileOnly .textBoxRight .line p { font-size:unset; }
    .textBoxPriceMobileOnly .textBoxRight .line { font-size:30px; line-height:34px; }
}
@media (min-width:540px) {
    #mainNavi { max-width:440px; }
    .headerImageSlider .mobile { display:none; }
    .headerImageSlider .tablet { display:inline; }
    .headerImageSlider .desktop { display:none; }
}
@media (min-width:768px) {
    h1,h1.headlineBig,h2.headlineBig,h3.headlineBig { font-size:40px; margin:0 0 35px 0; }
    .frame-type-form_formframework fieldset > legend,
    h2,h1.headlineMedium,h2.headlineMedium,h3.headlineMedium { font-size:28px; }
    hr { margin:50px 0; }
    .twocolText { column-count:2; column-gap:30px; }
    .headlineBig + .headlineMedium { margin-top:-15px; }
    .headerImageBox .textBoxLeft { padding:20px 40px 25px 22px; }
    .headlineBig + .image { margin-top:-20px; }
    .imageSlider.teaserSlider .slick-arrow { top:calc(15vw - 25px); }
    .imageSlider.teaserSlider .slick-dots { top:calc(27vw - 25px); }
    .col-md-4 .imageSlider.teaserSlider .slick-arrow { top:calc(9.5vw - 25px); }
    .col-md-4 .imageSlider.teaserSlider .slick-dots { top:calc(17.4vw - 25px); }
    .pressFotoTeaser { transition:all 0.5s linear; }
    .pressFotoTeaser:hover { transform:scale(1.1); transition:all 0.5s linear; }
    .pressFotoTeaser .image img:hover { transform:scale(1); }
    .frame-type-menu_sitemap { -webkit-column-count:2; column-count:2; -webkit-column-gap:40px; column-gap:40px; }
    .frame-type-menu_sitemap > ul > li,
    .frame-type-menu_sitemap ul ul { -webkit-column-break-inside:avoid; page-break-inside:avoid; break-inside:avoid; }
    
    .frame-space-after-no-bottom-margin .textBox .buttonBox { margin-bottom:40px; }
    .footerMetaNavi li:nth-child(even):after { content:'|'; margin-left:14px; white-space:auto; }
}
@media (min-width:960px) {
    hr { border-width:4px; }
    .headerBackLinkBox { display:block; position:absolute; top:15px; left:15px; color:#ededed; font-size:75%; z-index:1; }
    .headerBackLinkBox a,
    .headerBackLinkBox a:visited { color:#ededed; text-decoration:none; }
    .headerBackLinkBox a:hover { color:#00914c; }
    .nav-tabs .nav-link.active:before { outline:dotted 4px #fff; }
    .newsDetailNaviBar,
    .searchItem,
    .downloadListItem .text,
    .downloadListItem:first-child .text,
    .accordionItem .text,
    .accordionItem:first-child .text,
    .downloadListItem .text,
    .downloadListItem:first-child .text { border-width:4px; }
}
@media (min-width:1024px) {
    #header { background-color:#fff; }
    .oil-ch #headerLogo img,
    .oil-dk #headerLogo img { width:unset; }
    #headerLogo img { width:156px; transition:all 0.3s ease; }
    #headerLogo img.loginLogo { width:239px; }
    .smallDesktopLogo #headerLogo img { width:100px; transition:all 0.3s ease; /* transform: scale(0.64, 0.64); */ }
    .smallDesktopLogo #headerLogo img.loginLogo { width:153px; }
    #metaNavi { right:10px; top:30px; transition:top 0.5s; }
    .smallDesktopLogo #metaNavi { top:16px; transition:top 0.5s; }
    .mobileOpener { display:none; }
    .metaNaviIcon.searchOpen .cls-1 { fill:#681f79; transition:0.5s ease; }
    .metaNaviIcon.searchOpen .cls-2 { fill:#fff; transition:0.5s ease; }
    
    .metaNaviIcon { margin-right:2px; }
    .metaNaviIcon:hover .cls-1 { fill:#00914c; transition:0.5s ease; }
    .metaNaviIcon:hover .cls-2 { fill:#fff; transition:0.5s ease; }
    .metaNaviIcon:hover .cls-3 { fill:#fff; stroke:#fff; transition:0.5s ease; }
    .metaNaviIcon:hover .cls-4,
    .metaNaviIcon:hover .cls-5 { fill:#00914c; transition:0.5s ease; }
    .metaNaviIcon:hover .cls-6 { stroke:#fff; transition:0.5s ease; }
    .metaNaviIcon.loginOpen,
    #metaNaviContact { display:inline-block; }
    
    #mainNavi { display:block!important; max-width:100%; }
    #mainNavi .addMobileNavi,
    #mainNavi .addMobileSozial,
    #mainNavi .addMobileText { display:none; }
    
    #mainNavi ul.desktopAndMobile { padding:6px 18px; margin:0; list-style-type:none; display:flex; }
    #mainNavi ul ul { display:none; padding:12px 30px 30px; margin:0; list-style-type:none; text-align:left; box-shadow:0 8px 10px 0px rgb(0 0 0 / 10%); }
    #mainNavi ul.desktopAndMobile > li { position:relative; height:29px; margin-right:4vw; }
    .oil-ch #mainNavi ul.desktopAndMobile > li,
    .oil-de #mainNavi ul.desktopAndMobile > li { margin-right:min(calc(3vw - 19px),34px); }
    .oil-dk #mainNavi ul.desktopAndMobile > li { margin-right:min(3.5vw,60px); }
    #mainNavi ul.desktopAndMobile > li:last-child { margin-right:0; }
    #mainNavi ul.desktopAndMobile > li > ul { position:absolute; top:29px; left:-30px; width:calc(100% + 32px); min-width:330px; background-color:#fff; z-index:1000; }
    /*#mainNavi ul.desktopAndMobile > li:nth-child(6) > ul { min-width:240px; }*/
    #mainNavi ul.desktopAndMobile li.showSub > ul,
    #mainNavi ul.desktopAndMobile > li:hover > ul { display:block; }
    #mainNavi ul.desktopAndMobile > li:nth-child(7) > ul { left:unset; right:-16px; }
    #mainNavi a { display:block; color:#681f79; line-height:20px; padding:0; font-size:14px!important; font-weight:700; font-style:italic; text-transform:uppercase; text-decoration:none; }
    #mainNavi ul ul a { font-weight:500; font-style:normal; text-transform:none; padding:19px 0 5px 0; line-height:20px; }
    #mainNavi ul ul a:hover { text-decoration:none!important; }
    #mainNavi a,
    #mainNavi a:visited { color:#681f79; }
    #mainNavi a.active,
    #mainNavi a.active:visited,
    #mainNavi a:hover { color:#00914c; }
    #mainNavi ul ul a:hover { text-decoration:underline; }
    #mainNavi > ul > li:hover > a,
    #mainNavi > ul > li:hover > span > a { color:#00914c; }
    #mainNavi ul.desktopAndMobile > li.currentPath > a:after,
    #mainNavi ul.desktopAndMobile > li.currentPath > span > a:after { content:''; position:absolute; bottom:4px; left:0; right:0; background-color:#681f79; height:2px; opacity:1; }
    #mainNavi ul.desktopAndMobile > li > a.active:after,
    #mainNavi ul.desktopAndMobile > li > span > a.active:after,
    #mainNavi ul.desktopAndMobile > li.currentPath:hover > a:after,
    #mainNavi ul.desktopAndMobile > li.currentPath:hover > span > a:after { background-color:#00914c; }
    #mainNavi ul.desktopAndMobile > li > span > a:after,
    #mainNavi ul.desktopAndMobile > li > a:after { content:''; position:absolute; bottom:4px; left:40%; right:40%; background-color:#00914c; height:2px; opacity:0; -webkit-transition:0.3s ease; transition:0.3s ease; }
    #mainNavi ul.desktopAndMobile > li:hover > span > a:after,
    #mainNavi ul.desktopAndMobile > li.showSub > span > a:after,
    #mainNavi ul.desktopAndMobile > li > a.active:after,
    #mainNavi ul.desktopAndMobile > li:hover > a:after { left:0; right:0; opacity:1; -webkit-transition:0.3s ease; transition:0.3s ease; }
    #mainNavi ul.desktopAndMobile > li.currentPath > a { color:#00914c; }
    
    #mainNavi ul ul .hasSub { position:relative; display:block; }
    #mainNavi ul ul { display:none; }
    #mainNavi ul ul .hasSub > a { position:relative; padding-right:18px; }
    #mainNavi ul ul .hasSub > a:after { content:'\e258'; font-family:'Glyphicons Halflings'; font-size:12px; font-style:normal; font-weight:normal; line-height:22px; position:absolute; bottom:4px; right:0; transition:0.5s ease; }
    #mainNavi ul ul .hasSub > a:before { content:'\e258'; font-family:'Glyphicons Halflings'; font-size:12px; font-style:normal; font-weight:normal; line-height:22px; position:absolute; bottom:4px; right:0; transition:0.5s ease; }
    #mainNavi ul ul .hasSub:hover > a:before { right:6px; transition:0.5s ease; }
    #mainNavi ul ul .hasSub:hover > a:after { color:#00914c; transition:0.5s ease; }
    #mainNavi ul ul > li { position:relative; border-bottom:solid 1px #d0c6e1; }
    #mainNavi ul ul > li > ul { position:absolute; top:-11px; left:calc(100% + 30px); background-color:#fff; min-width:330px; }
    #mainNavi ul ul > li:hover > ul { display:block; }
    #mainNavi ul ul > li:hover > ul:before { content:''; display:block; position:absolute; top:0; left:-30px; width:30px; height:100%; }
    #mainNavi ul > li:nth-child(5) ul > li > ul,
    #mainNavi ul > li:nth-child(6) ul > li > ul,
    #mainNavi ul > li:nth-child(7) ul > li > ul { left:unset; right:calc(100% + 30px); }
    #mainNavi ul > li:nth-child(5) ul > li > ul:before,
    #mainNavi ul > li:nth-child(6) ul > li > ul:before,
    #mainNavi ul > li:nth-child(7) ul > li > ul:before { left:unset; right:-30px; }
    #mainNavi ul > li:nth-child(6) ul > li > ul { min-width:250px; }
    
    #mainNavi a .inner { display:inline-block; position:relative; }
    #mainNavi a .inner:after { display:block; content:''; height:2px; width:1px; background-color:#00914c; position:absolute; bottom:-6px; left:0; opacity:0.00001; transition:0.5s ease; }
    #mainNavi a:hover > .inner:after { width:100%; opacity:1; transition:0.5s ease; }

    .CountrySelectOpen,
    #langSelect { display:inline-block; position:relative; }
    .langNaviOpen { display:inline-block; margin-right:2px; background-color:#ededed; border-radius:50%; width:41px; text-align:center; line-height:41px; color:#505050; font-size:14px; font-weight:700; font-style:normal; cursor:pointer; transition:0.5s ease; }
    .langNaviOpen.open,
    #langSelect:hover .langNaviOpen { background-color:#00914c; color:#fff; transition:0.5s ease; }
    .metaSelectBox { display:none; position:absolute; top:41px; left:-50px; padding-top:20px; width:138px; z-index:1000; }
    .CountrySelectOpen .metaSelectBox { left:-100px; width:236px; }
    #metaNavi .metaSelectBox ul { display:block; padding:0 30px 30px 30px; background-color:#fff; position:relative; }
    .metaSelectBox ul li { display:block; line-height:41px; font-size:14px; border-bottom:solid 1px #d0c6e1; }
    .CountrySelectOpen .metaSelectBox ul li { text-align:left; }
    .metaSelectBox ul > li > span { color:#00914c; }
    .metaSelectBox a,
    .metaSelectBox a:visited { color:#681f79; text-decoration:none; }
    .metaSelectBox a:hover { color:#00914c; text-decoration:none; }
    .metaSelectBox a { display:block; }
    .metaSelectBox a > span { display:inline-block; position:relative; }
    .metaSelectBox a > span:after { display:block; content:''; height:2px; width:1px; background-color:#00914c; position:absolute; bottom:-1px; left:0; opacity:0.00001; transition:0.5s ease; }
    .metaSelectBox a:hover > span:after { width:100%; opacity:1; transition:0.5s ease; }
    #langSelect a > span { padding-left:30px; }
    
    .searchOpen .searchBox { right:-10px; width:281px; box-shadow:none; -webkit-box-shadow:none; border-top:0; padding:0; background-color:unset; overflow:hidden; border-left:solid 10px #fff; border-right:solid 10px #fff; box-sizing:content-box; }
    .searchOpen .searchBox .inner { padding:14px 0 10px; margin:-5px 2px 2px 2px; background-color:#fff; }
    #metaNavi .searchBox form { height:41px; }
    #searchInput { text-align:left; width:calc(100% - 50px); padding-left:15px; vertical-align:top; margin-right:3px; margin-left:0; }
    
    #main { padding-top:136px; }
    .headerImageSlider { position:relative; }
    .headerImageSlider .slick-arrow { position:absolute; top:calc(50% - 45px); width:90px; height:90px; text-align:center; line-height:90px; z-index:500; opacity:0.9; cursor:pointer; }
    .headerImageSlider .slick-arrow:after { font-family:'Glyphicons Halflings'; font-style:normal; font-weight:400; font-size:44px; color:#ddd; }
    .headerImageSlider .sliderPrev { left:0; }
    .headerImageSlider .sliderNext { right:0; }
    .headerImageSlider .sliderPrev:after { content:'\e257'; }
    .headerImageSlider .sliderNext:after { content:'\e258'; }
    .headerImageSlider .slick-dots { bottom:20px; }
    .headerImageSlider .slick-dots li { width:23px; height:23px; margin-left:9px; cursor:pointer; }
    .imageSlider .slick-dots { bottom:15px; }
    .imageSlider .slick-dots li { width:23px; height:23px; margin:0 5px; cursor:pointer; }

    .headerImageSlider .mobile { display:none; }
    .headerImageSlider .tablet { display:none; }
    .headerImageSlider .desktop { display:inline; }
    .headerImageSlideItem { position:relative; overflow:hidden; }
    .headerImageBox .textBoxLeft:before { outline:dotted 4px #fff; }

    .footerSocialLinkBox { padding-left:15px; }
    .footerSocialLinkBox .col-4.text { flex-basis:calc(100% / 7); margin:0; text-align:left; }
    html[lang="da"] .footerSocialLinkBox .col-4.text { flex-basis:calc((100% / 4) - 4px); }
    .footerSocialLinkBox .col-8.links { flex-basis:calc((100% / 7) * 6); text-align:left; padding-left:12px; }
    .footerSocialLinkBox .links a:first-child { margin-left:0; }
    
    .footerNaviBox { display:block; border-top:dotted 4px #fff; background-color:#ededed; }
    .footerNaviBox .inner  { padding:28px 15px; display:flex; }
    html[lang="da"] .footerNaviBox .inner  { flex-wrap:wrap; }
    .footerNaviBox .inner > div { flex-basis:calc(100% / 7); }
    html[lang="da"] .footerNaviBox .inner > div { flex-basis:calc(100% / 4); margin-bottom:50px; }
    .footerNaviBox a,
    .footerNaviBox a:visited { color:#666; }
    .footerNaviBox h3 a,
    .footerNaviBox h3 a:visited { color:#681f79; }
    .footerNaviBox h3 a { font-style:italic; font-weight:700; margin-bottom:10px; padding-right:5px; font-size:16px; line-height:18px; }
    html[lang="da"] .footerNaviBox h3 a { hyphens:auto; padding-right:10px; font-size:15px; }
    .footerNaviBox ul { list-style-type:none; margin:0; padding:0; }
    .footerNaviBox li { margin:0; line-height:18px; padding:3px 5px 3px 0; }
    .footerNaviBox a { text-decoration:none; font-size:14px; }
    #footer a:hover { color:#00914c; text-decoration:underline; }
    
    .footerMetaNavi { display:flex; }
    .footerMetaNavi .copyrightText { width:40%; text-align:left; padding-left:15px; }
    .footerMetaNavi ul { width:60%; text-align:right; padding-right:15px; }
}
@media (min-width: 1024px) and (max-height: 900px) {
    #mainNavi ul ul a { padding:10px 0 3px 0; }
}



@media (min-width:1180px) {
    html[lang="da"] .footerNaviBox .inner  { flex-wrap:nowrap; justify-content:space-between; }
    html[lang="da"] .footerNaviBox .inner > div { flex-basis:calc(100% / 7); /*flex-basis:unset;*/ margin-bottom:0; }
    html[lang="da"] .footerSocialLinkBox .col-4.text { flex-basis:calc(100% / 7); }
    .headerImageBox .textBoxLeft.hideOnMobile { display:block; }
    .headerImageBox .textBoxRight { display:block; }
    .textBoxPriceMobileOnly { display:none; }
    .headerImageBox .textBoxRight.finderDetailPage .line { right:318px; }
    .headerImageBox .textBoxRight.finderDetailPage .priceBox { top:-20px; z-index:220; }
    html[lang="da"] .headerImageBox .textBoxRight.finderDetailPage .line { right:0; }
    html[lang="da"] .headerImageBox .textBoxRight.finderDetailPage .priceBox { display:none; }
}
@media (min-width:1280px) {
    #mainNavi .hasSub > span:first-child,
    #mainNavi > ul > li > a,
    #mainNavi > ul > li > span > a { font-size:16px!important; }
}
@media (min-width:1310px) {
    .headerImageSlider .slick-dots { right:calc(50% - 640px); }
    .headerImageBox .textBoxLeft {  font-size:28px; line-height:28px; padding:18px 50px 32px 35px; }
    .headerImageBox .textBoxLeft strong { font-size:44px; }
    .imageSlider.teaserSlider .slick-arrow { top:186px; }
    .imageSlider.teaserSlider .slick-dots { top:340px; }
    .col-md-4 .imageSlider.teaserSlider .slick-arrow { top:102px; }
    .col-md-4 .imageSlider.teaserSlider .slick-dots { top:203px; }
}
@media (min-width:1540px) {
    #mainNavi > ul > li:nth-child(5) > ul > li:hover > ul,
    #mainNavi > ul > li:nth-child(6) > ul > li:hover > ul { left:calc(100% + 30px); right:unset; }
    #mainNavi > ul > li:nth-child(5) > ul > li > ul:before,
    #mainNavi > ul > li:nth-child(6) > ul > li > ul:before { left:-30px; right:unset; }
    #mainNavi > ul > li > ul > li > ul > li > ul { z-index:10; }
    .headerImageBox .textBoxRight.finderDetailPage .line { right:unset; }
    .headerImageBox .textBoxRight.finderDetailPage .priceBox { top:150px; z-index:180; }
}
@media (min-width:1800px) {
    #mainNavi ul > li:nth-child(7) ul > li:hover > ul { left:calc(100% - 2px); right:unset; }
    #mainNavi ul.desktopAndMobile > li { position:relative; height:29px; margin-right:72px; }
}
@media (min-width:1870px) {
    #mainNavi ul > li:nth-child(5) ul > li:hover > ul,
    #mainNavi ul > li:nth-child(6) ul > li:hover > ul { left:calc(100% + 30px); right:unset; }
    #mainNavi ul > li:nth-child(5) ul > li > ul:before,
    #mainNavi ul > li:nth-child(6) ul > li > ul:before { left:-30px; right:unset; }
}


@media (min-width:768px) and (max-width:1023px) {
    .nav-tabs a:first-child:nth-last-child(5),
    .nav-tabs a:first-child:nth-last-child(5) ~ a { max-width:20%; }
}

/*
#CybotCookiebotDialog { border-radius:0!important; border:0!important; transform:none!important; }
@media (max-width:609px) {
    #CybotCookiebotDialog { top:calc(50% - 150px)!important; }
}*/

.consentText { position:relative; min-height:150px; background-color:#ededed; padding:5%; }
.backgroundGrey .consentText { background-color:#fff; border:solid 15px #eee; }
.consentText:after { font-size:120px; color:#fff; top:calc(50% - 50px); left:calc(50% - 100px); width:200px; line-height:100px; text-align: center; font-family:'Glyphicons Halflings'; font-style:normal; font-weight:bold; position:absolute; }
.consentText.video:after { content:'\e059'; }
.consentText.maps:after { content:'\e062'; }
.backgroundGrey .consentText:after { color:#ededed; }
/*
.videoConsentButton { display:inline-block; padding:3px 10px; color:#fff!important; text-decoration:none!important; margin-top:6px; line-height:16px; font-size:9.5pt; font-weight:600; background-color:#681f79; cursor:pointer; }
*/
.consentText p { z-index:1; position:relative; }
.singleMapBox .consentText { margin-top: -175px; }
@media (min-width:1024px) {
    .singleMapBox .consentText { margin-top:0; position:absolute; top:50px; left:10%; width:80%; }
    .backgroundGrey .consentText { border:0; width:min(480px,75%); margin:0 auto; }
}
@media all and (-ms-high-contrast:none) { /* IE<=11 */
    #footer.frame-default,
    #main > .frame-default { opacity:1; }
}

.innerTeaserFrame .embed-responsive-16by9::before { padding-top:60.27%; }

.frame-type-list.frame-layout-1 { padding:60px 15px 55px; margin-top:-39px; background-color:#ededed; }

.kesearch_searchbox .resetbutt,
.kesearch_searchbox .submitbutt { displayx:none; }
.messsageWordsTooShort { padding-bottom:50px; }
.tx-indexedsearch-browselist-currentPage { font-weight:bolder; }
#kesearch_results { padding:40px 0; }
#kesearch_results span.hit { font-weight:bolder; }

#kesearch_filters { padding-top:20px; }
#kesearch_filters .checkboxList { display:flex; }
#kesearch_filters li.optionCheckBox { padding:0 20px 0 0!important; }
#kesearch_filters li.optionCheckBox:last-child { padding-right:0!important; }
#kesearch_filters li.optionCheckBox::before { display:none; }
.resetButtonBox { margin:20px 0; }

.h-captcha { margin-top:20px; }
@media (min-width:768px) {
    .h-captcha { margin-left:40%; }
    #c7561 .table td, #c7561 .table th { line-height: min(2.5vw,35.5px); }
}

#c7286 .threeColBox-8-4 > div:first-child  { margin-bottom:0; }

@media (max-width:1023px) {
    #main .frameFullWidth > div.newsListNoImages { padding-bottom:0; }
}

#headerLogo { z-index:2; position:relative; }
.bestStationLogo { position:absolute; top:74px; left:19px; width:100px; z-index:1; transition:0.5s; }
.bestStationLogo.isHidden { top:0; transition:0.5s; }

.bestStationLogo img { width:100%; }
.bestStationLogoMobilNavi,
.bestStationLogoFooter { text-align:center; }
#mainNavi .bestStationLogoMobilNavi a { padding:8px; }
.bestStationLogoMobilNavi img { width:150px; margin-top:7px; }
.bestStationLogoFooter img { width:160px; margin-top:18px; }
@media (min-width:1024px) {
    #mainNavi { position:relative; z-index:2; background:#fff; }
    .bestStationLogo { top:136px; left:15px; width:153px; transition:all 0.3s ease; }
    .smallDesktopLogo .bestStationLogo { top:111px; transition:all 0.3s ease; }
    .smallDesktopLogo .bestStationLogo.isHidden { top:0; transition:all 0.8s ease; }
    .footerSocialLinkBox { position:relative; }
    .bestStationLogoFooter { position:absolute; right:calc((100% / 7) + 15px - 130px); top:8px; }
    .bestStationLogoFooter img { width:130px; margin-top:0; }
}
.ui-widget.ui-autocomplete { border:1px solid #e6e6e6; border-top:0; box-shadow:0 9px 10px 0px rgb(0 0 0 / 10%); }

@media (min-width: 1024px) {
    .finderBox { height: calc(100vh - 136px); min-height:unset!important; }
    .finderBox:not(.loaded) { background:no-repeat url(../Images/tankstellenfinder-map-default-image.jpg) center / cover; }
}

/*@media (min-width:768px) {
    #c9131 #adblue th { height:103px; }
}*/

#dKFormular-AnsoegningOILFirmakort-9155-fieldset-5 .clearfix { margin-bottom:25px; }

fieldset[data-repeatable-container] .repeatable-container { padding:0; }
fieldset[data-repeatable-container] > .form-group > .input { width:100%; }
fieldset[data-repeatable-container] .btn.btn-default.btn-sm { border: solid 2px #ccc; color:#646464; font-weight:200; }
fieldset[data-repeatable-container] .btn:focus { outline:0; box-shadow:none; }
fieldset[data-repeatable-container] .btn-group { margin:0 15px; }

.searchListButton { text-align:center; height:55px; margin-top:-55px; position:relative; z-index:1000; }
.searchListButton .btn { padding:7px 1.2rem; font-size:14px; }

@media (min-width:568px) {
    .searchListButton { display:none; }
}

.finderBox .mobile-infos .infowindow { z-index:2000; }

.addMobileTextFooter { display:none; }
@media (max-width:767px) {
    .addMobileTextFooter { display:block; background-color:#681f79; color:#fff; padding:22px 18px; line-height:28px; font-size:26px; font-weight:700; font-style:italic; text-transform:uppercase; }
}
@media (min-width:540px) {
    .addMobileTextFooter > div { text-align:center; }
}

.youtubeShortsFrame { width:263px; height:520px; margin:0 auto; position:relative; background:no-repeat url(../Images/frame-mobile-phone-black.png) center / 100%; }
/*
.youtubeShortsFrame::before { content:''; display:block; width:300px; height:32px; position:absolute; top:0; left:0; background:no-repeat url(../Images/frame-mobile-phone.png) top / 300px 501px; z-index:1; }
.youtubeShortsFrame::after { content:''; display:block; width:300px; height:27px; position:absolute; bottom:0; left:0; background:no-repeat url(../Images/frame-mobile-phone.png) bottom / 300px 501px; }
*/
.youtubeShortsFrame iframe { position:absolute; top:50px; left:13px; width:237px; height:423px; }
@media (max-width:1023px) {
    .youtubeShortsFrame { margin-top:50px; }
    .btn.startYoutubeShorts { display:none; }
}