/* 
#676766
*/
@font-face {
    font-family: 'Source Sans Pro Light';
    src: url('../fonts/SourceSansPro/SourceSansPro-Light.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro/SourceSansPro-Regular.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Source Sans Pro SemiBold';
    src: url('../fonts/SourceSansPro/SourceSansPro-SemiBold.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Source Sans Pro Bold';
    src: url('../fonts/SourceSansPro/SourceSansPro-Bold.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Indie Flower';
    src: url('../fonts/IndieFlower/IndieFlower-Regular.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'ABCMarfa Bold';
    src: url('../fonts/marfa/ABCMarfa-Black.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'ABCMarfa Regular';
    src: url('../fonts/marfa/ABCMarfa-Regular.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'ABCMarfa Light';
    src: url('../fonts/marfa/ABCMarfa-Light.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'ABCMarfa Semibold';
    src: url('../fonts/marfa/ABCMarfa-Semibold.woff2') format('woff2');
    font-display: swap;
}









html, body, .mm-slideout {height: 100%;}
#mainsite { height: 100% !important;}
#wrap { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -300px;}
#main { padding-bottom: 299px; overflow: hidden; height: auto;}
 
body {
	font-family: 'ABCMarfa Light', sans-serif;
	font-display: swap;
	font-size: 1.2rem;
	line-height: 2rem; 
	-webkit-font-smoothing: antialiased;
	color: #4a4a4a;
	overflow-x: hidden;
	background-image: url(CokunaWebStartseiteFarbeGWW.png);
	background-repeat:no-repeat; 
	background-size: cover;
}

body p.align-center, .ce-headline-center { text-align: center;}

.text-right {float: right;}

.csc-frame-rulerBefore { border-top:1px solid #fff; margin-top:30px; padding-top:20px;}

h1, .h1 {font-size: 76px; margin: 0; padding-bottom: 3rem; color: #212123; position: relative; font-family: 'ABCMarfa Bold', sans-serif;}

h2 {font-size: 56px; margin: 0; padding-bottom: 1.875rem; color: #212123;  position: relative;font-family: 'ABCMarfa Bold', sans-serif;}

h3 {font-size: 20px; margin: 0; padding-bottom: 20px; color: #212123;  line-height: 2.5rem;font-family: 'ABCMarfa Semibold', sans-serif;}
h3.klein {font-size: 20px; margin: 0; padding-bottom: 8px; color: #4a4a4a; text-transform:inherit; line-height: 2.2rem;font-family: 'ABCMarfa Semibold', sans-serif;}

h4, .h4 {margin: 0; font-size: 20px; font-family: 'ABCMarfa Semibold', sans-serif; line-height: 2.2rem; color: #000; display: block; }

h1:before {
	content: "";
    display: inline-block;
    background: #be0b20;
    width: 110px;
    height: 2px;
    padding: 0;
    position: absolute;
    bottom: 40px;
    left: -15px;
}

h2.clear {padding-bottom: 1rem;}
h2.clear:before {display: none;}

span.text_teaser {
	font-family: 'ABCMarfa Light', sans-serif;
	font-size:24px;
}




b, strong {font-family: 'ABCMarfa Bold', sans-serif; font-weight: normal;}
a, .gaOptout {color: #4a4a4a; text-decoration:none; transition: all 0.2s ease-in-out; position: relative;}
a:focus, .gaOptout:focus { outline: none; outline-offset: 0; color:#4a4a4a; transition: all 0.2s ease-in-out; text-decoration:none;}
a:hover, .gaOptout:hover {color:#be0b20; transition: all 0.2s ease-in-out;text-decoration:none; cursor: pointer;}
.content a.btn-default:hover {text-decoration:none;}

a.image:after, figure a:after { display: none;}

blockquote {border-left: 2px solid #be0b20;font-style: italic;padding-left: 1rem; width: 60%; margin: 0 auto;}

.clearer {clear: both; float: none;}

ol, ul { margin: 0; padding: 0;}

dd, dt {line-height: inherit;} 

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0;
    outline-offset: 0px;
    box-shadow: none;
}

::-moz-selection { color:#fff; background:#be0b20; text-shadow: none; }
::selection { color:#fff; background:#be0b20; text-shadow: none; }

.frame-space-before-extra-small {padding-top: 1rem; margin: 0;}
.frame-space-before-small {padding-top: 2rem; margin: 0;}
.frame-space-before-medium  {padding-top: 4rem; margin: 0;}
.frame-space-before-large {padding-top: 6rem; margin: 0;}
.frame-space-before-extra-large {padding-top: 8rem; margin: 0;}
.frame-space-after-extra-small {padding-bottom: 1rem; margin: 0;}
.frame-space-after-small {padding-bottom: 2rem; margin: 0;}
.frame-space-after-medium  {padding-bottom: 4rem; margin: 0;}
.frame-space-after-large {padding-bottom: 6rem; margin: 0;}
.frame-space-after-extra-large {padding-bottom: 8rem; margin: 0;}

:focus { outline: none;}
button:focus { outline: none;}

.clearer {float: none; clear: both;}

iframe { margin-bottom: -6px;}

ul.nav.nav-pills.nav-fill { margin: 0; padding: 0;}

.telefon a:before { content: "\f2a0"; font-family: "Font Awesome\ 6 Pro"; text-decoration: inherit; list-style: none; position: relative; margin-right: 8px; font-size: 1.2rem; top: 0px; left: 0px; color: #4a4a4a; padding: 0; font-weight: 300;}
.fax:before { content: "\f1ac"; font-family: "Font Awesome\ 6 Pro"; text-decoration: inherit; list-style: none; position: relative; margin-right: 8px; font-size: 1.2rem; top: 0px; left: 0px; color: #4a4a4a; padding: 0; font-weight: 300;}
.email a:before { content: "\f0e0"; font-family: "Font Awesome\ 6 Pro"; text-decoration: inherit; list-style: none; position: relative; margin-right: 8px; font-size: 1.2rem; top: 0px; left: 0; color: #4a4a4a; padding: 0; font-weight: 300;}
.website:before { content: "\f0ac"; font-family: "Font Awesome\ 6 Pro"; text-decoration: inherit; list-style: none; position: relative; margin-right: 8px; font-size: 1.2rem; top: 0px; left: 0px; color: #4a4a4a; padding: 0; font-weight: 300;}
.extlink:after { content: "\f08e"; font-family: "Font Awesome\ 6 Pro"; text-decoration: inherit; list-style: none; position: relative; margin-right: 5px; font-size: 1.2rem; top: 0px; left: 5px; color: #4a4a4a; padding: 0; font-weight: 300;transition: all 0.2s ease-in-out;}
.extlink:hover:after { color: #fff;transition: all 0.2s ease-in-out;}
.intlink:before { content: "\f0da"; font-family: "Font Awesome\ 6 Pro"; text-decoration: inherit; list-style: none; position: absolute; margin-top: 1px; margin-right: 0px; font-size: 1.2rem1; margin-left: -10px; color: #fff; padding: 0; font-weight: 600;transition: all 0.2s ease-in-out; text-decoration: none;}
.intlink:hover:before { color: #fff;transition: all 0.2s ease-in-out;text-decoration: none;}
.intlink {margin-left: 10px;}
/*.linkedin a:before { content: "\f08c"; font-family: "Font Awesome\ 6 Pro"; text-decoration: inherit; list-style: none; position: relative; margin-right: 8px; font-size: 1.2rem; top: 0px; left: 0px; color: #4a4a4a; padding: 0; font-weight: 300;}*/
.linkedin {padding-top: 0.3rem; display: block;}
.linkedin a {display: inline-flex; gap:0.5rem; line-height: 1.2; justify-content: center;}
.linkedin a:before {
	content: "";
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"/></svg>');
	width: 20px;
    display: block;
    position: relative;
    background-size: 18px;
    background-repeat: no-repeat;
    top: 0px;
}
.telefon strong a:before {font-weight: 900;}

.btn {
    display: inline-block;
    padding: 0.5rem 0.8rem 0.5rem 0.8rem;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    font-weight: inherit;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border:none;
    border-radius: 6px;
    transition: all 0.2s ease-in-out;
    line-height: inherit;
    font-size: inherit;
    -ms-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
    color: #fff;
    background-color: #4a4a4a;
    outline: none;
}
.content .btn-default, .content .btn-primary { color: #fff; background-color: #be0b20; }
.btn-default:hover, .btn-default:focus, .btn-primary:hover, .btn-primary:focus { background-color: #4a4a4a; transition: all 0.2s ease-in-out; color: #fff;}

.btn-default:after {display: none;}

#header {
	font-size: 16px;
	padding: 0; 
	position: fixed; 
	top: 0; 
	z-index: 10; 
	width: 100%; 
	transition: all 0.3s ease-in-out;
	-webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(0,0,0,.1);
	font-family: 'ABCMarfa Regular', sans-serif;
}
.headertop .container {max-width: 1400px;}
.headertop {
	padding: 1.5rem 0;
	
}
.headertop>.row {align-items: center;}

#banner {display:none; width: 100%;position: relative;margin-top: -2rem;margin-bottom: 2rem;background: #fff;transition: all 0.3s ease-in-out;opacity: 1;visibility: visible; font-family: 'Source Sans Pro', sans-serif; height: 100%;}
#banner .row {height: 100%;}
.closebutton {display: table;height: 100%;width: 100%;text-align: center;font-size: 2.6rem;font-family: 'Source Sans Pro', sans-serif;cursor: pointer;position: absolute;right: 1rem;transition: all 0.2s ease-in-out;}
.closebutton i.fal.fa-times {display: table-cell;vertical-align: middle;}
#banner.down {height: 0; margin-bottom: -2rem;transition: all 0.3s ease-in-out; visibility: hidden; opacity: 0;}
.percent:before {
    content: "";
    width: 0px;
    height: 0px;
    -webkit-transform: rotate(360deg);
    border-style: solid;
    border-width: 80px 80px 0 0;
    border-color: #be0b20 transparent transparent transparent;
    position: absolute;
    z-index: 10;
    transition: all 0.2s ease-in-out;
    left: 14px;
}
#banner.down .percent:before {border-width: 0;}
#banner.down .closebutton {height: 0;transition: all 0.2s ease-in-out;font-size:0;}
i.fal.fa-percent {
    font-size: 1.8rem;
    color: #fff;
    position: relative;
    z-index: 10;
    margin: 0.8rem 0 0 0.6rem;
    transition: all 0.2s ease-in-out;
}
.percent {width: 80px;float: left;}
#banner .frame-default {padding: 0.5rem 0; margin-left: 80px;transition: all 0.2s ease-in-out; font-size: 1.2rem;}
#banner .frame-default p {margin: 0;}
#banner .text-red {color: #be0b20; font-size: 1.8rem;}
#banner.down .frame-default {padding: 0;transition: all 0.2s ease-in-out;}
#banner.down i.fal.fa-percent {transition: all 0.2s ease-in-out; font-size: 0;}

.mainnav {display: flex;}
#header li.nav-item {padding: 0 0 0 2rem;}
#header li a {  display: block; position: relative; padding: 0.5rem 0;}
#header.normal li a { color: #fff; display: block; position: relative;z-index: 10; padding: 0.5rem 0;}
#header.grey li a { color: #4a4a4a; display: block; position: relative;z-index: 1; padding: 0.5rem 0;}
#header li a:after {bottom: 0.2rem;}
#header li.active a:after { width: 100%;}
#header li a>span.bg { background: transparent;}
#header .nav-pills .nav-link.active {background: transparent;}
#navbar .nav-fill .nav-item {text-align: center;}
#header li.dopdown {position: relative;margin:0;padding:0 1rem;}
#navbar li li {margin-top: 1.5rem;}
#header li.dopdown:hover a:after, #header li.dopdown.active a:after {color: #0070C0;transition: all 0.2s ease-in-out;}
#header li.dopdown li a:after {display: none;}
#header ul.sub .row {    
	width: 90%;
    background: #fff;
    list-style: none;
    padding: 2rem;
    margin: 0 auto;
    border: 1px solid #eee;
}
li.sub-container {padding-right: 19rem;}
#header ul.sub { margin: 0 auto; padding:0; position: fixed; left: 0; right: 0; list-style: none; visibility:hidden; opacity: 0; z-index: 10; text-align: left; transition: all 0.2s ease-in-out;}
#header ul.sub li a {display: block; color: #4a4a4a; padding: 0.2rem 0;}
#header ul.sub li a:after {display: none;}
#header ul.sub li>span {display: block;}
#header .nav>li:hover ul.sub {visibility: visible; opacity: 1; transition: height 0.2s ease-in-out; }
#header li:hover li a {color: #4a4a4a; }
#header li:hover li a:hover { color: #000;}
#header ul.subsub {list-style: none; font-family: 'Source Sans Pro Light', sans-serif; font-size: 1.3rem;}
#header ul.subsub li  {margin: 0; line-height: 1.6rem; margin-bottom: 0.5rem;}
#header ul.sub img.img-responsive.img-subnav {width: auto;height: 100%;}
#header ul.sub span.pic {
    display: block;
    height: 45px;
    width: auto;
    margin-bottom: 1.5rem;
}
#header .nav_box li a {pointer-events:auto;}
#header ul.sub .nav_box:first-child li a:hover, #header ul.sub .nav_box:first-child li.active a {color: #0091F2;}
#header ul.sub .nav_box:nth-child(2n) li a:hover, #header ul.sub .nav_box:nth-child(2n) li.active a {color: #be0b20;}
#header ul.sub .nav_box:nth-child(3n) li a:hover, #header ul.sub .nav_box:nth-child(3n) li.active a {color: #8ba72c;}
#header ul.sub .nav_box:nth-child(4n) li a:hover, #header ul.sub .nav_box:nth-child(4n) li.active a {color: #b1b3b4;}
#header .logo {max-width: 150px; }
#header .logo img {max-width: 150px; height: auto;}
#header.holdontop {transition: all 0.3s ease-in-out;}
#header.holdontop li a, #header.holdontop li a:hover {color: #4a4a4a;text-shadow:none;}
#header.grey li a {text-shadow:none;}
#header .logo a:after {display: none;}
#header .logo a {display: flex; }

#navbar .nav-item>a:before{
    content: '';
    position: absolute;
    z-index: 1;
    bottom: 0em;
    left: 0;
    width: 0;
    height: 2px;
    background: #be0b20;
    transition: width 0.3s ease;
}

#header .nav-item:hover>a:before {width: 100%;}
#navbar .dropdown a {
    padding-right: 0.5rem !important;
}
#navbar .dropdown> a:after {
    content: "\f107";
    font-family: "Font Awesome\ 6 Pro";
    text-decoration: inherit;
    list-style: none;
    position: relative;
    font-size: 1rem;
    padding: 0;
    font-weight: 600;
    right: -0.5rem;
    color: #D7D7D7;
    top: 0;
}
.navbutton.navbar-expand-lg {
    display: flex;
    justify-content: end;
}
.navbutton li:last-child a {    
	color: #fff !important;
    background-color: #be0b20; 
    padding: 0.3rem 0.8rem 0.3rem 0.8rem !important;
    border-radius: 6px;
    font-size: 1rem;
    font-family: 'ABCMarfa Light', sans-serif;
}
.navbutton li:last-child a:hover {    
    background-color: #4a4a4a; 
}

.navbutton .nav {align-items: center;}

.logo object {pointer-events: none;width: 100%;height: 44px;}

#maintrailer {min-height: 100px;color: #000; position: relative; max-height: 700px; overflow: hidden;}
.trailer figure { margin: 0;}
.trailer img, .trailer .video-embed-item {width: 100%; height: auto;}

.trailer video::-webkit-media-controls.sizing-large div[pseudo="-webkit-media-controls-panel" i] {position: absolute;bottom: 0;width: 100%; }
.trailer video::-webkit-media-controls-enclosure {max-height: 700px;position: absolute;top: 0; z-index: 2;}
.trailer video::-webkit-media-controls-timeline {opacity: 0; height: 0;}
.trailer video::-webkit-media-controls-panel {background: none;}
.trailer video::-webkit-media-controls-time-remaining-display, .trailer video::-webkit-media-controls-current-time-display {display: none;}
.trailer video::-webkit-media-controls-fullscreen-button {display: none;}
.trailer video::-webkit-media-controls-volume-control-container {display: none;}
.trailer .overlay {
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    background: rgba(255,255,255, 0.8)
}

.trailer .frame-type-textpic .ce-bodytext, .trailer .frame-type-textmedia .ce-bodytext { position: absolute;top: 35%;width: 100%; font-size: 1.5rem; line-height: 2.4rem;}
.trailer .frame-type-textpic .ce-bodytext .h1, .trailer .frame-type-textmedia .ce-bodytext .h1 {padding: 0;font-family: 'Source Sans Pro', sans-serif; display: block; margin-bottom: 2rem;}
.trailer .frame-type-textpic .ce-bodytext ul, .trailer .frame-type-textmedia .ce-bodytext ul  {padding: 0 15px 0 35px;}
.trailer .frame-type-textpic .ce-bodytext a, .trailer .frame-type-textmedia .ce-bodytext a {color: #000;}
.trailer .frame-type-textpic .ce-bodytext p, .trailer .frame-type-textmedia .ce-bodytext p {margin: 0;}

.trailer .frame-type-textpic .ce-right .ce-bodytext-inner {float: right;}

.trailer .news-single .article .news-img-wrap {float: none;width: 100%;margin: 0;}
.trailer .news .article .news-img-wrap img {float: none;height: auto;width: 100%;object-fit: cover;}
.trailer .news-single .article {padding: 0;}
.trailer .news .article:last-child {margin: 0;}

#maintrailer .down {height: 35px;position: absolute;bottom: -2px;z-index: 3;width: 100%;}
#maintrailer .down_icon {background-image: url(../img/bildbobbel_lang.svg);width: 1000px;height: 35px; background-position: center bottom;background-repeat: no-repeat;margin: 0 auto;background-size: cover; position: relative; z-index: 9;}
#maintrailer .down_icon_bobbel {background-image: url(../img/bildbobbel_boegen_weiss.svg);height: 35px; width:100%; background-position: center bottom;background-repeat: no-repeat;margin: 0 auto;background-size: cover;transition: background-image 0.2s ease-in-out;}
#maintrailer .down_left {background: #fff;position: absolute;width: 40%;height: 19px;bottom: 0;}
#maintrailer .down_right { background: #fff;position: absolute;width: 40%;height: 19px;bottom: 0; right: 0;}
#maintrailer .down_button {position: absolute;width: 80px;height: 50px;left: 46%; margin-top: -10px; cursor: pointer; z-index: 2;}
#maintrailer .down_icon.hover .down_icon_bobbel {background-image: url(../img/bildbobbel_boegen_rot.svg);transition: background-image 0.2s ease-in-out;}

#maincontent { position: relative;}

.content a:after{
    content: '';
    position: absolute;
    z-index: 1;
    bottom: 0em;
    left: 0;
    width: 0;
    height: 2px;
    background: #be0b20;
    transition: width 0.3s ease;
}

.content a:hover:after {width: 100%;}

hr {width: 100%;margin: 0 auto;border-top: 2px solid #ccc;}
.img-responsive img { width: 100%; height: auto;}
.frame-type-image .ce-center figure {text-align: center;}
.content .ce-right {text-align: right;}
.content .ce-image img { width: 100%; height: auto;}
.content a { text-decoration: none; color: #be0b20;}
.content a[href^="tel:"] { color: #4a4a4a;}
.content .btn {text-decoration: none;}
.content a:hover, .gaOptout:hover {text-decoration: none;}
.content .image a:hover {text-decoration: none; opacity: 1;}
.ce-headline-right {text-align: right;}
.content ol {padding: 0 0 1.5rem 2rem; position: relative;}
.content ul {padding: 0 0 1.5rem 0; position: relative;list-style: none;}
.content ul li {margin-left: 30px; margin-bottom: 1rem; position: relative;}
.content ul li:last-child { margin-bottom: 0px;}
.content ul li:before {content: "\f111"; font-family: "Font Awesome\ 5 Pro"; text-decoration: inherit; list-style: none; position: absolute; margin-right: -8px; font-size: 0.5rem; top: 0; left: -20px; color: #be0b20; padding: 0; font-weight: 700; }
.content ul.check li, .content ul.square li {margin-left: 25px; margin-bottom: 1rem;}
.content ul.check li:before {content: "\f00c"; font-family: "Font Awesome\ 5 Pro"; text-decoration: inherit; list-style: none; position: absolute; margin-right: -15px; font-size: 1.1rem; top: 0; left: -25px; color: #be0b20; padding: 0; font-weight: 400; }
.content ul.square li:before {content: "\f0c8"; font-family: "Font Awesome\ 5 Pro"; text-decoration: inherit; list-style: none; position: absolute; margin-right: -15px; font-size: 0.6rem; top: 0; left: -25px; color: #be0b20; padding: 0; font-weight: 600; }
.content ul.check span, .content ul.square span {position: absolute; right: 15px;}
.content ul.check li:last-child, .content ul.square li:last-child {margin-bottom: 0;}
.content ul.no-bullet li { margin-left: 0;}
.content ul.no-bullet li:before { content: ""; margin-right:0;}
.content ul.icon li {margin-left: 35px;}
.content ul.icon li:before {content:""; margin: 0;}
.content ul.icon li i {font-weight: 300;position: absolute;left: 0;margin-top: 5px; }
.content .frame-type-image figure {margin: 0;}
.content figcaption.image-caption, .content span.image-caption { padding: 0.5rem 1rem; line-height: 1.2rem; font-size: 0.8rem; margin-bottom: 0.8rem; display: block;}

.content ul.text_klein li:before {
    content: "\f111";
    font-family: "Font Awesome\ 5 Pro";
    text-decoration: inherit;
    list-style: none;
    position: relative;
    margin-right: -10px;
    font-size: .4rem;
    top: -2px;
    left: -20px;
    color: #be0b20;
    padding: 0;
    font-weight: 700;
}
.content .frame-layout-0 {background: transparent;}
.content .frame-layout-1 {background: rgba(238, 238, 238, 1);}
.content .frame-layout-2 {background: #8ba72c; color: #fff;}
.content .frame-layout-3 {background: rgba(190,11,32, 1); color: #fff;}
.content .frame-layout-4 {background: #0091F2; color: #fff;}

.content .frame-type-html .socialicons {
	text-align: center;
    display: flex;
    align-items: baseline;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: center;
    
}
.content .socialicons i {font-size: 1.6em;background: transparent;border-radius: 60px;width: 50px;height: 65px;padding: 5px;color: #fff;line-height: 52px;text-align: center;transition: all 0.2s ease-in-out;}
.content .socialicons i:hover {background: transparent;transition: all 0.2s ease-in-out;}
.content .socialicons svg {
    vertical-align: bottom;
    position: relative;
    top: 8px;
    width: 60px;
    height: 60px;
    background: transparent;
    border-radius: 60px;
    padding: 10px;
    transition: all 0.2s ease-in-out;
}
.content .socialicons svg:hover {background: transparent;transition: all 0.2s ease-in-out;}
.content .socialicons path {fill:#fff;transition: all 0.2s ease-in-out;}
.content .socialicons .frame-type-html .social {margin: 0 auto;}
.content .socialicons .frame-type-html .social .fab {margin-left: 1rem;font-size: 1.4rem;}
.content .socialicons .frame-type-html .social img {vertical-align: top;border-style: none;margin-top: -2px;opacity: 0.7; margin-left: 1rem;}

.content .frame-layout-3 h2, .content .frame-layout-3 h3 {color: #fff;}
.content .frame-layout-3 h2:before {background: #fff;}
.content .frame-layout-3 a {color: #fff;}
.content .frame-layout-3 a:after {
    content: '';
    position: absolute;
    z-index: 1;
    bottom: 0em;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    transition: width 0.3s ease;
}
.content .frame-layout-3 a:hover:after {
    content: '';
    position: absolute;
    z-index: 1;
    bottom: 0em;
    left: 0;
    width: 0%;
    height: 2px;
    background: #fff;
    transition: width 0.3s ease;
}

.content .frame-layout-4 h2 {color: #fff;}
.content .frame-layout-4 h2:before {background: #fff;}

.content video {max-width: 100%;display: block;}

.content p {margin: 0; padding-bottom: 1rem;}

.fussnote { font-size: 1.2rem; font-style: italic;}

a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; display: none;}

.content .table.anfahrt {margin-bottom: 30px;}
.content .table.anfahrt table {color: #4a4a4a;font-size: 1.2rem;line-height: 1.6rem;}
.content .table.anfahrt .frame {border: 1px solid #ccc; height: 100%;}
.content .table.anfahrt thead th {vertical-align: bottom;border: none;background: #ccc;text-align: center;}
.content .table.anfahrt td:last-child {width: 100px; text-align: right;}
.content .table.anfahrt table td, .content .table.anfahrt table th { border: none;}
.content .table.anfahrt .card:last-child .card-header.show {border-bottom: none;}
.content .table.anfahrt .card-header h5 {font-size: 1.2rem;background: #ccc; padding: 0 15px;}
.content .table.anfahrt .card .card-header button:after {right: 15px;}
.content .table.anfahrt .card-header button {color: #4a4a4a;text-decoration: none; border-radius: 0;}
.content .table.anfahrt .card-body {padding: 0;}

.content .zaehler {font-family: 'Source Sans Pro', sans-serif; padding: 3rem 0;}
.content .zaehler .h1 {color: #fff;font-family: 'Source Sans Pro SemiBold', sans-serif; display: block; padding-bottom: 1.5rem;}
.content .zaehler p {margin-bottom: 0;width: 80%;margin: 0 auto;}

.text_rot {color: #be0b20;}

.floating-boxes, .rellaxbox {
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: inherit !important;
 }
.content .floating-boxes .frame-type-image figure {margin-bottom: 0;}
.rellaxbox {
    padding-top: 5rem;
    padding-bottom: 5rem;
}
.floating-boxes .box, .rellaxbox .ce-container.box.rellax {
    width: 50%;
    max-width: 50%;
}
.floating-boxes .layout-img {
    z-index: 1;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; 
    border-radius: 1rem; 
}
.floating-boxes .layout-text {
    z-index: 2;
    overflow: visible;
    position: relative;
}

.floating-boxes .btn, .rellaxbox .btn {background: transparent; border: 1px solid #fff; margin-bottom: 0;}
.floating-boxes .btn:hover {background: #4a4a4a;}

.layout-text {padding: 2rem; border-radius: 1rem; color: #fff;position: relative; z-index: 1;}
.layout-text h3 {
	color: #fff;    
	font-size: 1.6rem;
    padding-bottom: 1rem;
    text-transform: inherit;
    line-height: 2.2rem;
    font-family: 'Source Sans Pro', sans-serif;
}
.layout-img {position: relative; border-radius: 1rem; overflow: hidden;}

.rellaxbox.blau .layout-text {background: #0091F2; right: 2rem;height: fit-content;}
.rellaxbox.blau .layout-img {left: 2rem;}
.rellaxbox.rot .layout-text {background: #be0b20; left: 2rem;height: fit-content;}
.rellaxbox.rot .layout-img {right: 2rem;}
.rellaxbox.gruen .layout-text {background: #8ba72c; right: 2rem;height: fit-content;}
.rellaxbox.gruen .layout-img {left: 2rem;}
.rellaxbox.grau .layout-text {background: #b1b3b4; left: 2rem;height: fit-content;}
.rellaxbox.grau .layout-img {right: 2rem;}

.rund .frame-type-textpic .ce-textpic .image {margin: 0 auto; text-align: center;}
.rund .frame-type-textpic .ce-textpic .image img { border-radius: 200px; width: 200px;}

.ce-col .frame-type-textpic .ce-textpic img {width: 100%; height: auto;}

.content .berater a {color: #4a4a4a;}
.content .berater p {padding: 0;}
.content .berater a.btn {color: #fff;}
.content .berater .ce-col .frame-type-textpic .ce-textpic img {width:auto;}

.bildband .col {padding: 0 5px;}

.icon .frame-type-text {display: table; height: 70px; width: 70px;margin: 0 auto; margin-bottom: 1rem;}
.icon .frame-type-text p {background: #be0b20;color: #fff;text-align: center;padding: 0;border-radius: 70px;display: table-cell;vertical-align: middle;height: 70px;width: 70px;font-size: 2.4rem;}

.kununu img {width: auto; height: auto; }

.content .frame-layout-1 .accordion-button {background: #4a4a4a; color: #fff; position: relative;padding: 0.3rem 2rem 0.4rem 2rem; padding-right: 3rem; border: none;}
.content .frame-layout-1 .tx-powermail .form-control {background: #fff; border: 1px solid #fff;}
.content .frame-layout-1 .tx-powermail .form-control.parsley-error {border: 1px solid #be0b20;background-color: #fff;}
.content .frame-layout-1 .powermail_file::before {
    display: inline-block;
    background: #fff;
    padding: 0.5rem;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    position: absolute;
}
.content .frame-layout-1 .checkbox label::before {background-color: #fff;border: 1px solid #fff;}
.content .frame-layout-1 .tx-powermail .form-control:focus {background-color: #fff;}
.tx-powermail .container-fluid {padding: 0;}
.checkbox.parsley-error label::before{ border: 1px solid #be0b20;}
.content .frame-layout-1 .accordion-button:after {
	content: "\f106";
    font-family: "Font Awesome\ 5 Pro";
    text-decoration: inherit;
    list-style: none;
    position: absolute;
    margin-right: 0;
    font-size: 1.4rem;
    right: 1.5rem;
    top: 0.4rem;
    color: #fff;
    padding: 0;
    font-weight: 300;
    transition: all 0.2s ease-in-out;
}
.content .frame-layout-1 button.accordion-button.collapsed:after {content: "\f107";transition: all 0.2s ease-in-out;color: #fff;}
.accordion-body {padding: 2rem 0;}
.accordion-body h2 {display: none;}

.faq_image {margin-bottom: 1rem;}
.faq_image img {width: 100%; height: auto;}
.faq_category{margin-bottom: 1rem; font-style: italic;}
.faq_files {margin-top: 1rem;}

.content .logo {justify-content: center;align-items: center;}
.content .logo .frame-type-image {padding: 2rem;}
.content .logo .frame-type-image img {transition: all 0.2s ease-in-out;transform: scale(1);}
.content .logo .frame-type-image:hover img {transition: all 0.2s ease-in-out;transform: scale(1.1);}

.pp-tabs-custom {padding-top: 5rem;}
.pp-tabs-custom .nav-tabs {border-bottom: none; }
.pp-tabs-custom .ce-textpic.ce-left {
	display: flex;
    padding: 3rem 1rem;
    gap: 3rem;
    align-items: center;
}
.pp-tabs-custom .ce-textpic.ce-left .ce-gallery { max-width: 200px;}
.pp-tabs-custom .ce-textpic.ce-left .ce-gallery img {width: 100%; height: auto;}
.pp-tabs-custom .nav-tabs .nav-link {
    margin-bottom: -1px;
    background: 0 0;
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    flex: 1 1 auto;
    text-align: center;
    position: relative;
    border-top: 2px solid #ccc;
}
.pp-tabs-custom .nav-link {
    padding:2rem 0 0 0;
    color: #be0b20;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    position: relative;
    display: flex;
    justify-content: center;
    counter-increment: mycounter 1; 
}
.pp-tabs-custom .nav-tabs .nav-item.show .nav-link, .pp-tabs-custom .nav-tabs .nav-link.active {
    color: #212123;
    background-color: #fff;
}
.pp-tabs-custom .nav-link:before {
	position: absolute;
	color: #4a4a4a;
	top: -2rem;
	padding: 1rem;
	border-radius: 50%;
	border: 2px solid #ccc;
	width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    transition: all 0.2s ease-in-out;
    background: #fff;
    content: "0"counter(mycounter); 
}
.pp-tabs-custom .nav-link.active:before, .pp-tabs-custom .nav-link:hover:before {
	background: #ccc;
	color: #212123;
	transition: all 0.2s ease-in-out;
}

.glossaritem .news {margin: 1rem 0;}
.glossaritem .no-news-found {display: none;}

#footer {font-size: 1rem;position: relative;z-index: 5;}
.footercontent { padding: 0; color: #4a4a4a; line-height: 1.6rem;border-top: 1px solid rgba(0,0,0,.1); padding-top: 3rem;}
.footercontent .left .frame-type-textpic figure {height: 2.5rem; margin: 0;}
.footercontent .right {text-align: right;}
.footercontent .h3, .footercontent h3 {font-size: 1.3rem; line-height: 1.2rem;  color: #4a4a4a; margin-bottom: 0; height: 2.5rem; margin-top: 0;font-family: 'Source Sans Pro', sans-serif;}
.footercontent a { color: #4a4a4a; text-decoration: none;}
.footercontent a:hover { /*opacity: 0.7;*/ color: #be0b20;}
.footercontent li {list-style: none; line-height: 1.6rem;}
.footercontent .social a{height: 30px;display: flex;}
.footercontent .social i {font-size: 1.6em;background: transparent; display: flex; align-items: center; padding: 0;color: #4a4a4a;transition: all 0.2s ease-in-out;}
.footercontent .social i:hover {background: transparent;transition: all 0.2s ease-in-out;}
.footercontent .social .pull-right {float: right;}
.footercontent .social svg {
    vertical-align: inherit;
    position: relative;
    top: 0;
    width: 28px;
    height: 28px;
    background: transparent;
    border-radius: 0;
    padding: 0;
    transition: all 0.2s ease-in-out;
}
.footercontent .social svg:hover {background: transparent;transition: all 0.2s ease-in-out;}
.footercontent .social path {fill:#4a4a4a;transition: all 0.2s ease-in-out;}
.footercontent .frame-type-html .social {display: flex; gap:1rem;}
.footercontent .frame-type-html .social .fab {font-size: 1.4rem;}
.footercontent .frame-type-menu_subpages {margin-bottom: 2rem;}
.footerbottom .klickpfad li {margin-right: 1rem;}
.footerbottom .klickpfad li:first-child:before {display: none;}
.footerbottom .klickpfad li:before {
	content: "\f054";
    font-family: "Font Awesome\ 5 Pro";
    text-decoration: inherit;
    list-style: none;
    position: relative;
    font-size: 0.6rem;
    color: #aaa;
    padding: 0;
    font-weight: 400;
    margin-left: -5px;
    margin-right: 10px;
    top: -1px;
}
.footerbottom .klickpfad .fa-home {margin-right: 5px; display: none;}
.footerbottom .klickpfad li:last-child a {color: #be0b20;}
.footerbottom .klickpfad li a:hover {color: #be0b20; opacity: 0.8;}
.footerbottom .klickpfad span {float: left; margin-right: 5px;}
.footerbottom {padding: 2rem 0 1rem 0;}

.kontakt {
    position: fixed;
    right: 0;
    top: 40%;
    z-index: 6;
    width: 65px;
    transition: width 0.2s ease-in-out;
}
.kontakt:hover {width: auto;transition: width 0.2s ease-in-out;}
.kontakt i {font-size: 2rem; font-weight: 300;margin-right: 1rem;}
.kontakt a:after {display: none;}
.kontakt a {color: #fff; display:flex;padding: 1rem;height: 65px; width: 65px; float: right;font-size: 0;justify-content: flex-start;align-items: center;position: relative;transition: all 0.3s ease-in-out;}
.kontakt p {margin: 0; position: relative;}
.kontakt .blau a {background: #0091F2;}
.kontakt .rot a {background: #be0b20; margin: 0.3rem 0;}
.kontakt .gruen a {background: #8ba72c;}
.kontakt a:hover { width: 250px;font-size:inherit;transition: all 0.3s ease-in-out;}
.kontakt .bold {display: block;}

i.fa-heart.fas {
    color: #be0b20;
    margin-left: 3px;
    animation: heart-pulse 1s infinite ease-out;
}

ul.f3-widget-paginator {
    display: flex;
    gap: 1rem;
    justify-content: center;
}
ul.f3-widget-paginator li {margin: 0;}
ul.f3-widget-paginator li:before {
    display: none;
}

.scrollToTop {
    font-size: 16px;
    cursor: pointer;
    position: fixed;
    bottom: 6rem;
    right: 1rem;
    display: block;
    border-radius: 40px;
    z-index: 10;
    height: 40px !important;
    width: 40px;
    display: none;
    background: rgba(190, 11, 32, 1);
    transition: width 0.2s ease-in-out;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.3);
	box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.3);

}
.scrollToTop span {display: none;}
.scrollToTop a {color: #fff; display: block; }
.scrollToTop.back {
    font-size: 16px;
    cursor: pointer;
    position: fixed;
    bottom: 3rem;
    right: 15px;
    display: block;
    border-radius: 3px;
    z-index: 3;
    height: 40px !important;
    width: 40px;
    text-align: center;
    background: rgba(255, 255, 255, 0.5);
    z-index: 1;
}
.scrollToTop.back a {color: #be0b20; display: block; }
.scrollToTop i {position: relative; transition: all 0.2s ease-in-out; margin-right:0px; font-size: 32px; line-height: 40px;width: 40px; text-align: center;border-radius: 40px;background-color:#4a4a4a;}

.viewslide {width: 100%; margin: 0 auto; text-align: center; position: fixed; bottom: 2rem;}

::-webkit-scrollbar { width: 12px;  background: #eee;}
::-webkit-scrollbar-thumb { border: 2px solid #eee; border-radius: 10px; background: #4a4a4a;}
::-webkit-scrollbar-thumb:active { background: #4a4a4a;}

/* News */
.content .news .article .teaser-text {
    border-left: 2px solid #be0b20;
    font-style: italic;
    padding-left: 1rem;
    font-size:inherit;
    color: #4a4a4a;
    margin: 2rem 0;
}
.content .news .article .teaser-text p {padding: 0;}
.content .autor, .date {margin-bottom: 2rem;text-align: center;}
.content .news-text-wrap .h2 {padding: 1rem 0 0 0; display: block;}
.content .news .article .news-img-wrap img {float: none;height: 200px;width: 100%; object-fit: cover;}
.news-list-view a {display: block; height: 100%; }
.news-list-view a:after {display: none;}
.content .news .article .news-img-wrap {float: none;margin: 0;background: #fff; overflow: hidden;}
.content .news .article {position: relative; margin-bottom: 0px; padding-bottom: 0; height: 100%;}
.content .news .article-inner {
    height: 100%;
    padding-bottom: 1.5rem;
}
.news .article .article_inner {
	height: 100%; 
	padding-bottom: 3rem;
	background: #f8f8f8;
    position: relative;
    -webkit-box-shadow: 0 0 5px 0 #ccc;
    box-shadow: 0 0 5px 0 #ccc;
    border-radius: 5px;
    overflow: hidden;
}
.news .article .header {padding: 1rem;}
.news .article .header p {margin: 0; padding: 0;}
.news .article .header .h2 {display: block; padding-bottom: 0rem; font-size: 1.5rem;}
.detaillink {position: absolute;right: 1rem;bottom: 1rem; color: #4a4a4a;}
.article_inner .news-list-date {position: absolute; bottom: 1rem; left: 1rem;}
.news .article .article_inner:hover .detaillink {color: #be0b20;}
.news .article .article_inner img {transform: scale(1);transition: all 0.2s ease-in-out;}
.news .article .article_inner:hover img {transform: scale(1.05);transition: all 0.2s ease-in-out;}
.shariff .orientation-horizontal.button-style-icon-count li .share_count, .shariff .orientation-horizontal.button-style-standard li .share_count {display: none;}
.shariff .orientation-horizontal {padding: 0;}
.news-related-wrap {margin: 0;}
.news .article:last-child {margin-bottom: 3rem;}
.news .article.box .description {padding: 0 1rem;}
.content .news .article.box a {color: #4a4a4a;}

.news-single h2:before {display: none;}
.news-single h3 {
	font-size: 1.6rem;
    margin: 0;
    padding: 1rem 0;
    color: #4a4a4a;
    text-transform: inherit;
    line-height: 2.2rem;
    font-family: 'Source Sans Pro', sans-serif;
}
/* ENDE News */

/* POWERMAIL */
.tx-powermail h3, .tx-powermail legend {display: none;}
.tx-powermail .powermail_fieldwrap_type_text {flex: 0 0 auto;width: 100%;font-size: 20px; margin: 0; padding-top: 1rem; padding-bottom: 1rem; color: #212123;  line-height: 2.5rem;font-family: 'ABCMarfa Semibold', sans-serif;text-transform: uppercase;}
.tx-powermail .form-control {
    display: block;
    width: 100%;
    padding: 0.8rem;
    font-size: inherit;
    font-weight:normal;
    line-height: normal;
    color: #4a4a4a;
    background-color: #eee;
    background-clip: padding-box;
    border: 1px solid #eee;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-bottom: 1rem;
}
.tx-powermail .form-control:focus {
    color: #4a4a4a;
    background-color: #eee;
    border-color: #ccc;
    outline: 0;
    box-shadow: none;
}
.tx-powermail .powermail_fieldwrap_type_check .control-label { color: #be0b20; margin-bottom: 1rem;font-family: 'ABCMarfa Bold', sans-serif; text-transform: uppercase;}
.tx-powermail .powermail_fieldwrap_type_check {margin-bottom: 1rem;}
.tx-powermail .powermail_fieldwrap_type_check p {margin: 0; padding: 0;}
.tx-powermail .powermail_fieldwrap_datenschutz {flex: 0 0 auto;width: 100%;max-width: 100%;}
.tx-powermail .powermail_fieldwrap_datenschutz { margin: 1rem 0; font-size: 1.2rem; line-height: 1.8rem;}
.tx-powermail .powermail_fieldset .parsley-errors-list.filled {display: none;}
.tx-powermail .powermail_fieldset .powermail_field_error, .tx-powermail .powermail_fieldset .parsley-error, .tx-powermail .powermail_fieldset .powermail_form .parsley-error:focus, .tx-powermail .powermail_fieldset div.error {
    background-color: transparent;
    color: #4a4a4a;
}
.tx-powermail .form-control.parsley-error {border: 1px solid #be0b20;background-color: #eee;}
.tx-powermail .powermail_fieldset .powermail-errors-list.filled, .powermail_field_error_container {display: none;}
.tx-powermail .powermail_fieldset .powermail_field_error, .tx-powermail .powermail_fieldset .parsley-error, .tx-powermail .powermail_fieldset .powermail_form .parsley-error:focus, .tx-powermail .powermail_fieldset div.error {
    background-color: #eee;
    border: 1px solid #be0b20;
}
.checkbox.powermail_field_error {
    background-color: transparent !important;
    border: none !important;
}
.checkbox.powermail_field_error label::before { border: 1px solid #be0b20;}
.powermail_fieldwrap_type_captcha>div {display: flex; gap:1rem; margin-bottom: 1rem;}
.powermail_fieldwrap_type_captcha label {font-size: 1rem;line-height: 1.4rem;}
.powermail_fieldwrap_type_captcha input {margin: 0; width: 100px;}
.powermail_fieldwrap_type_captcha input {
    margin: 0 !important;
    width: 100px !important;
}

/* Powermail ENDE */

.ce-image.ce-right {float: right;}

/* Landingpage */
#header.landingpage_header {position: absolute; background: transparent; border: none;}
.landingpage {color: #787878;}
.landingpage .trailer .frame-type-textpic.frame-layout-3 {width: 100%;}
.landingpage .trailer .frame-type-textpic .ce-bodytext {position: absolute;top: 15%;width: 100%;}
.landingpage .trailer .frame-type-textpic.frame-layout-3 .ce-bodytext-inner {width: 45%; float: none; margin-left: 35%; line-height: 3.4rem;}
.landingpage .trailer .frame-type-textpic.frame-layout-3 .ce-bodytext-inner {font-size: 3.4rem; font-family: 'Source Sans Pro Bold', sans-serif; text-align: justify;}
.landingpage .trailer .frame-type-textpic.frame-layout-3 .ce-bodytext-inner .btn.btn-default.next {background: #01a4c3;color: #fff;border-radius: 15px; text-transform: none;font-family: 'Source Sans Pro', sans-serif; font-size: 1.6rem;line-height: normal;}
.landingpage .trailer .frame-type-textpic.frame-layout-3 .ce-bodytext-inner .btn.btn-default.next:hover {background: #000;opacity: 1 !important;}
.landingpage .trailer .frame-type-textpic.frame-layout-3 .ce-bodytext-inner .btn-default.next:after {font-size: 1.6rem;}
.landingpage .trailer .frame-type-textpic.frame-layout-3 .ce-bodytext-inner .text-rot {color: #e02961;}
.landingpage .trailer .frame-type-textpic.frame-layout-3 .ce-bodytext-inner .text-gelb {color: #fff8c2;}
.landingpage h1, .landingpage h2 {color: #f8c15d; font-size: 3rem;}
.landingpage h1:before {background: #f06c91;}
.landingpage .text-rot, .landingpage .text-rot .telefon:before {color: #e02961;}
.landingpage .content .grey h2.ce-headline-center {color: #df6d8e;}
.landingpage .content .grey h2.ce-headline-center:before {display: none;padding: 0;}
.landingpage .content .grey ul.check li:before {color: #df6d8e;font-size: 1.4rem;}
.landingpage .btn.btn-default.next {background: #01a4c3;color: #fff;border-radius: 15px; text-transform: none;font-family: 'Source Sans Pro', sans-serif; font-size: 1.6rem;line-height: normal;}
.landingpage .btn.btn-default.next:hover {background: #000; opacity: 1 !important;}
.landingpage .btn-default.next:after {color: #fff;font-size: 1.6rem; margin-left: 0;}
.landingpage .btn-default.next:hover:after { margin-left: 0.5rem;}
.landingpage .white .gelb i, .landingpage .white .gelb .h1 {color: #f8c15d;}
.landingpage .white .rot i, .landingpage .white .rot .h1 {color: #f06c91;}
.landingpage .white .blau i, .landingpage .white .blau .h1 {color: #01a4c3;}
.landingpage .white .gelb .h1, .landingpage .white .rot .h1, .landingpage .white .blau .h1 {font-family: 'Source Sans Pro', sans-serif; font-size: 2.2rem; line-height: 3rem;}
.landingpage .white .gelb p, .landingpage .white .rot p, .landingpage .white .blau p {margin-bottom: 1rem;}
.landingpage .white .gelb i, .landingpage .white .rot i, .landingpage .white .blau i {font-size: 5rem;}
.landingpage .grey h2 {color: #f06c91;position: relative;padding-bottom: 3rem;}
.landingpage .grey h2:before {
    content: "";
    display: inline-block;
    background: #f8c15d;
    width: 110px;
    height: 2px;
    padding: 0;
    position: absolute;
    bottom: 40px;
    left: -15px;
}
.landingpage .trailer img {position: relative;max-height: 700px;object-fit: cover;object-position: bottom;margin-bottom: -0.5%;}
.landingpage .bubble .ce-bodytext-outer {border: 3px solid #d9d9d9; border-radius: 20px;padding: 3rem; margin: 0 0 3rem 0; position: relative; color: #000;}
.landingpage .bubble .stars {float: right; color: #c0ced9; position: relative;}
.landingpage .bubble .stars .checked {color: #fed152; position: relative;}
.landingpage .bubble strong {font-size: 1.8rem; font-family: 'Source Sans Pro',sans-serif;}
.landingpage .bubble .ce-bodytext-outer:after{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 24px 24px 0;
    border-color: #d9d9d9 transparent;
    display: block;
    width: 0;
    z-index: 0;
    bottom: -25px;
    left: 100px;
}
.landingpage .bubble .ce-bodytext-outer:before{
	content: '';
    position: absolute;
    border-style: solid;
    border-width: 20px 20px 0;
    border-color: #fff transparent;
    display: block;
    width: 0;
    z-index: 0;
    bottom: -20px;
    left: 104px;
    z-index: 2;
}
span.fa.fa-star-half {position: relative; }
span.fa.fa-star-half:before {color: #fed152;}
i.fa.fa-star-half {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    position: absolute;
    left: 0;
}
.landingpage .content .ce-image img {width: auto; }
.landingpage .align_right .frame-type-image .ce-center figure {text-align: right;}
.landingpage h1.blau {color: #01a4c3;}
.landingpage .content ul li:before {color: #000}
.landingpage .content ul li { color: #000; font-size: 1.8rem;line-height: 2.5rem;}

.landingpage.rot .trailer .frame-type-textpic.frame-layout-0 .ce-bodytext-inner {width: 30%; float: right; line-height: 2rem;}
.landingpage.rot #maintrailer {color: #000;  font-size: 2.6rem;}
.landingpage.rot #maintrailer .h1 {font-size: 4rem;line-height: 4rem;font-family: 'Source Sans Pro',sans-serif;}
.landingpage.rot #maintrailer .text_weiss {color: #fff; text-transform: none; font-size: 1.8rem; padding-top:  2rem; display: block;}
.landingpage.rot .btn.btn-default.next {background: #be0b20;}
.landingpage.rot .btn.btn-default.next:hover {background: #000;}
.landingpage.rot h1, .landingpage.rot h2, .landingpage.rot .content .grey h2.ce-headline-center {color: #000;}
.landingpage.rot h1:before {background: #be0b20;}
.landingpage.rot .white .rot i, .landingpage.rot .white .rot .h1 {color: #be0b20;}
.landingpage.rot .grey h2:before {background: #be0b20;}
.landingpage.rot .text-rot, .landingpage.rot .text-rot .telefon:before {color: #be0b20;}
    
/* Landingpage ENDE */

#header.leistungen li.nav-item>a {text-shadow:none;color: #4a4a4a;}
.subnav { padding: 0; width: 100%;font-size: 1.2rem;text-align: center;hyphens: auto;}
.subnav .nav {padding-top: 4rem!important;transition: all 0.2s ease-in-out;}
.subnav .pic {width: 100%; text-align: center;display: block; padding-bottom: 1rem;transition: all 0.2s ease-in-out;opacity: 1; visibility: visible;}
.subnav img {width: auto; height: 40px;transition: all 0.2s ease-in-out;}
.leistungen #maincontent { margin-top: 95px;transition: all 0.2s ease-in-out;}
.subnav .title {line-height: 1.6rem;display: block; font-size: 1rem;}

.shariff { margin-top: 3rem;}
.content .shariff li, .shariff .orientation-horizontal.button-style-standard li {overflow: inherit; margin: 0;-ms-flex: 1 1 auto;flex: 1 1 auto; margin: 0 15px;}
.content .shariff ul li:before {content: ""; display: none; margin: 0;}
.shariff .orientation-horizontal.button-style-standard li {min-width: auto;max-width: inherit;}
.shariff li .share_count, .shariff li .share_text {font-family: inherit;font-size: 1.2rem;vertical-align: middle;line-height: 2.4rem;}
.shariff .orientation-horizontal li .share_text {padding-left: 1rem;}
.shariff li, .shariff li a {height: 40px;border-radius: 5px;overflow: hidden;}
.shariff li a:hover {text-decoration: none;}
.shariff li a:after {display: none;}
.shariff .orientation-horizontal {margin: 0 -15px;}
.shariff li .share_count {height: auto;}
.shariff li .fab, .shariff li .far, .shariff li .fas {width: 40px;line-height: 40px;background: rgba(0,0,0, 0.2);}
.shariff .linkedin .fa-linkedin-in, .shariff .xing .fa-xing {font-size: 1.4rem;}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 0;
    font-size: inherit;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0;
    /*border-bottom: 2px solid #ccc;*/
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
}
.accordion-button:not(.collapsed) {
    color: #be0b20;
    background-color: #fff;
    box-shadow: none;
    /*border-bottom: 2px solid #212529 !important;*/
}
.accordion-body {
    padding: 0;
}
.accordion-button::after {
    content: "\f078";
    font-family: "Font Awesome\ 6 Pro";
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: 1rem;
    background-image: none;
    transition: all .2s ease-in-out;
    width: auto;
    height: auto;
    color: #D7D7D7;
    font-weight: 300;
}
.accordion-button:not(.collapsed)::after {
    transition: all .2s ease-in-out;
    content: "\f077";
    background-image: none;
    transform: none;
    color: #be0b20;
}
.accordion-header {
    margin-bottom: 0;
    font-size: inherit;
    padding: 0;
}
.accordion-item {
    background-color: transparent;
    border: none;
}
.accordion-button:focus {
    z-index: 3;
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

.ce-card.cec-below.card {border: none;}
.ce-card.cec-below.card img {width: 100%; height: 100%; min-height: 300px; object-fit: cover; max-height: 500px;}
.ce-card.cec-below.card .card-img-overlay {display: flex; align-items: center; padding: 0;}
.ce-card.cec-below.card .card-img-overlay p {padding: 0;}
.ce-card.cec-below.card .card-title {margin-bottom: 0; padding: 0;}
.ce-card.cec-below.card .card-title:before {display: none;}

.cookie-set {
    display: none;
    z-index: 100;
    background: transparent;
    color: #4a4a4a;
    padding: 0;
    border-radius: 15px;
    margin-top: 0;
    font-size: inherit;
}
.cookie-set:hover {
    cursor: pointer;
    background-color: transparent;
    color: #be0b20;
}

.d-sm-none, .d-md-none {display: block !important;}

.padded-multiline { 
  padding: 0; 
  margin: 0;
  display: block;
}
.padded-multiline strong {
	font-size: 1.5rem;
    line-height: 1.4;
}
.padded-multiline>span { 
    background-color: rgb(255 255 255 / 60%);
    color: #212123;
    display: inline;
    padding: 0.25rem;
    line-height: 1.9;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

@media (max-width: 2100px) {

}
@media (max-width: 1650px) {
}
@media (max-width: 1500px) {
	.landingpage .trailer img {margin-bottom: 0;}
}
@media (max-width: 1350px) {
	li.sub-container {padding-right: 6rem;}
}


@media (max-width: 1199px) {
	#header li.nav-item {padding: 0 0 0 1rem;}
	.content .image_overflow_left figure.image {margin-left: -1530px;}
	.content .image_overflow_right figure.image {margin-right: -1530px;}
	.trailer .frame-type-text {padding-top: 10rem;}
	.trailer .frame-type-textpic .ce-bodytext { top: 26%;}
	.d-sm-none, .d-md-none {display: block !important;}
	.landingpage .trailer .frame-type-textpic.frame-layout-3 .ce-bodytext-inner {font-size: 2.6rem;line-height: 2.8rem;width: 35%;margin-left: 38%;}
	.landingpage .trailer .frame-type-textpic .ce-bodytext {top: 10%;}
	.landingpage.rot #maintrailer .h1 {font-size: 3rem;line-height: 3rem;}
	.landingpage.rot #maintrailer {font-size: 2rem;}
	.landingpage.rot .trailer .frame-type-textpic.frame-layout-0 .ce-bodytext-inner {width: 35%;}
	#maintrailer .down {bottom: 0px;}
	 
 }
 @media (max-width: 1112px) {
 	#maintrailer .down_icon {width: 100%;}
 }

@media (max-width: 991px) {
	.logo object {width: 170px;}
	.mobilenav {display: table; height: 100%; width: 50px; float: right;}
	.trailer .frame-type-textpic .ce-bodytext, .trailer .frame-type-textmedia .ce-bodytext {top: 30%;}
	.trailer .frame-type-textpic .ce-bodytext .h1, .trailer .frame-type-textmedia .ce-bodytext .h1 {font-size: 2.2rem;}
	.d-sm-none, .d-md-none {display: none !important;}
	body {font-size: 1.2rem; /*-ms-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;*/}
	h1  {font-size: 2.2rem;}
	h2 {font-size: 2rem;}
	h3 {font-size: 1.8rem;}
    #header li a {display: none;}
    .trailer .frame-type-text {padding-top: 8rem;}
    .footerbottom .text-right { text-align: left !important;}
    .footercontent .frame-type-html .social .fab {margin-right: 1rem; margin-left: 0;}
    .footercontent .frame-type-html .social img {margin-right: 0; margin-left: 0;}
    .footerbottom .klickpfad span {display: none;}
    .footerbottom .klickpfad .fa-home {display: inline-block; float: left; margin-top: 8px;}
    #header, #header.transparent, #header.grey {padding: 1.5rem 1rem; }
    #header.transparent .mburger b {color: #fff;}
    #header.transparent.holdontop .mburger b {color: #4a4a4a;}
    #header .logo img {width: 100px;}
    .content .col-12 ul {padding: 0 0 0 0;}
    .cc-banner.cc-top {top: 40%;margin: 0 auto;width: 80%;}
    .content .frame-type-image figure {margin-bottom: 1rem;}
    .footercontent .right {text-align: left;margin-top: 2rem;}
    .footercontent .right .frame-type-menu_pages {text-align: left;margin-top: -1rem;}
    .footercontent .right .pull-right { float: none;}
    .avatar {text-align: left; margin-bottom: 4rem;}
    .avatar .ce-gallery {width: 25%;display: inline-block;position: relative;vertical-align: top;}
    .avatar .ce-gallery img, .avatar .ce-gallery figure {margin: 0;}
    .avatar .ce-bodytext {width: 75%;display: inline-block;padding-left: 3rem;}
    .avatar .frame-type-textpic img {width: 100%;}
    .trailer .frame-type-textpic .ce-bodytext {top: 20%;}
    #maintrailer .down_button {width: 100px;left: 44%;}
    #maincontent { padding: 2rem 0 0 0; }
    #banner {margin-top: -1rem;}
    #banner .row {margin: 0;}
    .trailer .frame-type-textpic.frame-layout-3 .ce-bodytext-inner .text_klein {font-size: 1.8rem;}
	.landingpage .trailer .frame-type-textpic.frame-layout-3 .ce-bodytext-inner {font-size: 2rem;line-height: 2.2rem;width: 38%;margin-left: 38%;}
	.landingpage .trailer .frame-type-textpic.frame-layout-3 .ce-bodytext-inner .btn.btn-default.next {margin: 0;}
	.landingpage .trailer .frame-type-textpic .ce-bodytext {top: 8%;}
	.landingpage.rot #maintrailer {font-size: 1.4rem;}
	.landingpage.rot .trailer .frame-type-textpic.frame-layout-0 .ce-bodytext-inner {width: 40%;}
	.landingpage.rot #maintrailer .text_weiss {font-size: 1.4rem; padding-top: 1rem;}
	.landingpage h1, .landingpage h2 {font-size: 2rem;}
	.landingpage .white .gelb .h1, .landingpage .white .rot .h1, .landingpage .white .blau .h1 {font-size: 1.8rem;}
	.landingpage .btn.btn-default.next {font-size: 1.4rem;}
	.padded-multiline, blockquote {width: 100%;}
	
	.mm-menu_offcanvas.mm-menu_opened {background: transparent;}
	.mm-wrapper_opening #header.holdontop {border-bottom: none;}
	button#menu-button { float: right; border: none; background: transparent; margin-top: 0px; position: relative; z-index: 9; cursor: pointer;}
	.fa-align-justify:before { content: "\f039";font-size: 2rem; color: #fff;}
	#header.holdontop .fa-align-justify:before { content: "\f039"; color: #000;}
	.mm-panel {padding: 0;}
	.mm-panels { background: transparent;}
	.mm-menu_theme-white .mm-btn:after, .mm-menu_theme-white .mm-btn:before { border-color: #4a4a4a; border-width: 1px;}
	.mm-btn {width: 50px;}
	.mm-btn_clear:after, .mm-btn_clear:before, .mm-btn_close:after, .mm-btn_close:before { border: 1px solid transparent; width: 10px; height: 10px;}
	.mm-btn_clear:before, .mm-btn_close:before { border-right: none; border-bottom: none; right: 11px; border-width: 1px;}
	.mm-btn_clear:after, .mm-btn_close:after { border-left: none !important; border-top: none !important; right: 25px;}
	.mm-menu_theme-white .mm-btn:hover:after, .mm-menu_theme-white .mm-btn:hover:before { border-color: #be0b20;}
	.mm-navbar {padding: 0 15px; height: 65px; border-bottom: none; background: transparent;}
	.mm-navbars_top {height: 65px; border-bottom: none; background: transparent;}
	.mm-navbar__title img {height: auto; margin: 0 auto; width: 150px; vertical-align: middle; margin-top: -10px;}
	.mm-panel_has-navbar { padding-top: 55px;}
	.mm-navbars_bottom {height: 50px; border-top: 1px solid #eee; background: #fff; padding-top: 5px;}
	.mm-navbars_bottom a {padding: 0;}
	.mm-listview li.active a { color: #be0b20;background: #fff;}
	a.mm-btn.mm-btn_prev.mm-navbar__btn { height: 80px;}
	a.mm-navbar__title { line-height: 40px; margin: 0 2rem;}
	.mm-menu_theme-white .mm-listview .mm-btn_next:after { border-color: #4a4a4a; border-width: 1px;}
	.mm-menu_theme-white .mm-listview .mm-btn_next:hover:after { border-color: #be0b20;}
	.mm-listitem .mm-btn_next:before { border-left-width: 0;}
	.mm-menu a:hover, .mm-menu a:focus, .mm-menu a:active {color: #be0b20; background: #fff !important;}
	.mm-menu_theme-white .mm-navbar a, .mm-menu_theme-white .mm-navbar>* { color: #4a4a4a; font-size: 1.2rem; padding: 0; line-height: 80px;}
	.mm-navbar a:hover {background: transparent;}
	.mm-listitem {width: 100%; padding: 0; margin-bottom: 0px; border-bottom: 1px solid #fff; font-size: 1.2rem; line-height: 1.6rem;}
	.mm-listitem>a { padding: 10px 15px;}
	.mm-menu_iconpanel-40 .mm-panel_iconpanel-1, .mm-menu_iconpanel-40 .mm-panel_iconpanel-1.mm-panel_opened~.mm-listview_fixeddivider {left: 0;}
	[class*=mm-menu_iconpanel-] .mm-panels>.mm-panel_opened-parent[class*=mm-panel_iconpanel-]:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0), [class*=mm-menu_iconpanel-] .mm-panels>.mm-panel_opened[class*=mm-panel_iconpanel-]:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0) {border-left: none;}
	.mm-btn_next:after, .mm-btn_prev:before { width: 12px; height: 12px;}
	.mm-menu_multiline .mm-listitem>a, .mm-menu_multiline .mm-listitem>span, .mm-panel_multiline .mm-listitem>a, .mm-panel_multiline .mm-listitem>span { color:#4a4a4a; }
	.mm-menu a:hover {background: transparent !important;}
	.mm-btn.mm-btn_close.mm-navbar__btn:before,.mm-btn.mm-btn_close.mm-navbar__btn:after { border-color: #fff;}
	.mm-panel_has-navbar .mm-navbar { display: block; background: transparent; height: 65px; border-bottom: 1px solid #eee;}
	.mm-listitem .mm-btn_next:not(.mm-btn_fullwidth) {border-left: 1px solid #fff;}
	.mm-listview li.active .mm-btn_next:after {border-color: #4a4a4a;}
	.mm-menu_multiline .mm-listitem>a:hover { background: #fff !important; color:#be0b20;}
	.mm-navbars_bottom a {line-height: 40px !important;}
	.mm-panels>.mm-panel>.mm-listview { margin: 0 !important;}
	.mm-menu_iconpanel-40 .mm-panel_iconpanel-2, .mm-menu_iconpanel-40 .mm-panel_iconpanel-2.mm-panel_opened~.mm-listview_fixeddivider { left: 0;}
	ul.nav.navbar.mm-listview { padding: 0;}
    .mm-navbar a:not([href]):not([tabindex]), .hist-elements a:not([href]):not([tabindex]) { display: block;}
    a.mm-btn.mm-btn_close.mm-navbar__btn {right: 0;left: auto;}
    .mm-panels, .mm-panels>.mm-panel {top: 40px;}
    .mm-navbar img {vertical-align: top; margin-top: 5px;}
    .mm-navbars_bottom .fab { font-size: 1.4rem; color: #4a4a4a;}
    a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {color: #4a4a4a;}
    
    #header .mburger {color: #4a4a4a; height: 35px; padding: 0;width: 50px;display: table-cell; vertical-align: middle; float: right;}
    .mburger:after {display: none;}
	#header.holdontop .mburger, .mm-wrapper_opened #header .mburger b {color: #4a4a4a;}
	.mm-wrapper_opened #header.holdontop {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
    
    .mburger--collapse span:nth-of-type(1) {transition: bottom .2s ease,margin .2s ease,transform .2s ease;transition-delay: .2s,0s,0s;}
    .mburger span:nth-of-type(1) {bottom: calc(50% + var(--mb-bar-spacing));transition: bottom .2s ease,transform .2s ease,width .2s ease;}
    .mburger span {
	    display: block;
	    position: absolute;
	    left: calc(var(--mb-button-size) * ((1 - var(--mb-bar-width))/ 2));
	    width: calc(var(--mb-button-size) * var(--mb-bar-width));
	    height: var(--mb-bar-height);
	    border-radius: calc(var(--mb-bar-height)/ 2);
	    background: currentColor;
	    color: inherit;
	    opacity: 1;
	}
	.mburger b {
	    font-size: 0;
	}


}
@media (max-width: 767px) {
	.d-sm-none, .d-md-none {display: none !important;}
	.slogan {display: none;}
	.social { text-align: left;}
	.content .image_overflow_left, .content .image_overflow_right {display: none;}
	#header .logo img {max-width: 150px;}
	#header li a {color: transparent; display: none;}
	.trailer .image_overflow_right img {display: none;}
	.trailer .frame-type-text {padding-top: 7rem; padding-bottom: 2rem;}
	.trailer .frame-type-text h1 {hyphens:auto;}
	.footercontent .frame-type-menu_pages {text-align: left;}
	.footercontent .right {text-align: left;}
	.slick-prev, .slick-next {display: none !important;}
	.cc-banner.cc-top {top: 40%;margin: 0 auto;width: 90%;}
	.hidden-xs, .klickpfad {display: none;}
	.avatar {margin-top: 3rem;}
	.footercontent .right .frame-type-menu_pages {margin-top: 1rem;}
	.avatar .frame-type-textpic p {margin-bottom: 0;}
	.footercontent li {line-height: 2rem;}
	#maintrailer .down {display: none;}
	.content .frame-layout-1 {width: 100%; margin: 0 auto;}
	.content .frame-layout-2 {width: 100%; margin: 0 auto;}
	.content .frame-layout-3 {width: 100%; margin: 0 auto;}
	.content ul.check li:last-child, .content ul.square li:last-child {margin-bottom: 1rem;}
	.content .frame-type-textpic .ce-left .ce-gallery {float: none;margin-right: 0;}
	.content .frame-type-textpic .ce-right .ce-gallery {float: none;margin-left: 0;}
	.content .frame-type-textpic .ce-left .ce-gallery img, .content .frame-type-textpic .ce-right .ce-gallery img {width: 100%; height: auto; margin-bottom: 1rem;}
	.trailer .frame-type-textpic.frame-layout-3 .ce-bodytext-inner p {margin-bottom: 0.5rem;}
	.landingpage .trailer img {margin-bottom: -1.3%;}
	.landingpage .trailer .frame-type-textpic.frame-layout-3 .ce-bodytext-inner {font-size: 2rem;line-height: 2.2rem;width: 38%;margin-left: 38%;}
	.landingpage .trailer .frame-type-textpic.frame-layout-3 .ce-bodytext-inner .btn.btn-default.next {font-size: 1.2rem;}
	.landingpage.rot #maintrailer {font-size: 1.1rem;}
	.landingpage.rot #maintrailer .h1 {font-size: 1.7rem;line-height: 1.2rem;}
	.landingpage.rot .trailer .frame-type-textpic.frame-layout-0 .ce-bodytext-inner {line-height: 1.1rem;width: 51%;}
	.landingpage.rot #maintrailer .text_weiss {font-size: 1rem;padding-top: 0.5rem;}
	.landingpage.rot #maintrailer .btn.btn-default.next {font-size: 1.1rem; margin: 0; padding: 0.1rem 1rem 0.2rem;}
	.landingpage.rot #maintrailer .btn.btn-default.next:after {font-size: 1.2rem;left: 5px;}
	.landingpage .align_right .frame-type-image .ce-center figure {text-align: center;}
	.shariff .orientation-horizontal.button-style-standard li {min-width: 40px;max-width: 40px; background: transparent;}
	
	.floating-boxes {display: grid; margin-top: 0;}
	.floating-boxes .box {width: 100%;max-width: 100%;}
	.rellaxbox.blau .layout-img, .rellaxbox.rot .layout-img, .rellaxbox.gruen .layout-img, .rellaxbox.grau .layout-img {left: 0rem;right: 0;}
	.rellaxbox.blau .layout-text, .rellaxbox.rot .layout-text, .rellaxbox.gruen .layout-text, .rellaxbox.grau .layout-text {right: 0;left: 0rem;}
	.text .frame-type-text {text-align: center;}
	.trailer .frame-type-textpic .ce-bodytext, .trailer .frame-type-textmedia .ce-bodytext {top: 45%;}
	
	.pp-tabs-custom .ce-textpic.ce-left {display: block;}
	.padded-multiline, blockquote {width: 100%;}
	.pp-tabs-custom  .nav {flex-wrap: nowrap;}
	.pp-tabs-custom  .nav span {font-size: 0.9rem; line-height: 1.3;}
	.pp-tabs-custom .nav-tabs .nav-link {width: 25%;}
	.content .frame-type-html .socialicons {gap:0.5rem;}
	.row.align-items-center.berater {gap: 1rem;}
	

}

@media (max-width: 690px) {
	.landingpage .trailer .frame-type-textpic.frame-layout-3 .ce-bodytext-inner {font-size: 1.4rem;line-height: 1.8rem;width: 38%;margin-left: 38%;}
}

@media (max-width: 575px) {
	.footercontent .middle {text-align: left;margin-top: 1rem;}
	.trailer .frame-type-textpic.frame-layout-3 .ce-bodytext-inner {width: 70%; display: none;}
	.trailer .frame-type-textpic.frame-layout-3 .ce-bodytext-inner .h1, .trailer .frame-type-textpic.frame-layout-3 .ce-bodytext-inner .text_klein {font-size: 1.6rem;}
}


/* Checkbox styling */
.checkbox { padding-left: 15px; margin-bottom: 1rem;}
.checkbox label {display: inline-block;position: relative;padding-left: 15px; }
.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  margin-left: -15px;
  border: 1px solid #eee;
  border-radius: 0px;
  background-color: #eee;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  top: 6px; 
}
.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  top: 0;
  margin-left: -15px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 1.2rem;
  color: #4a4a4a; 
}
.checkbox input[type="checkbox"] {opacity: 0;z-index: 1;  position: absolute; margin-left: -15px;}
.checkbox input[type="checkbox"]:focus + label::before {outline: thin dotted;outline: none;outline-offset: 0px; }
.checkbox input[type="checkbox"]:checked + label::after {    
	font-family: "Font Awesome\ 6 Pro";
    content: "\f00c";
    font-size: 1.4rem;
    top: 0px;
    left: 0;
    z-index: 9;
 }
.checkbox input[type="checkbox"]:disabled + label {opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before {background-color: #eeeeee;cursor: not-allowed; }

.radio {padding-left: 0px; }
.radio label { display: inline-block; position: relative; padding-left: 25px; }
.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: 0px;
  border: 1px solid #eee;
  border-radius: 50%;
  background-color: #eee;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out; 
  top: 7px;
}
.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 10px;
  margin-left: 0px;
  border-radius: 50%;
  background-color: #4a4a4a;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); 
}
.radio input[type="radio"] {opacity: 0; z-index: 1; position: absolute;}
.radio input[type="radio"]:focus + label::before {outline: thin dotted;outline: none;outline-offset: 0px; }
.radio input[type="radio"]:checked + label::after {-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1); }
.radio input[type="radio"]:disabled + label {opacity: 0.65; }
.radio input[type="radio"]:disabled + label::before {cursor: not-allowed; }
.powermail_fieldwrap_type_radio {margin-top: 1rem !important;}
    
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{  color:transparent;opacity: 1; transition: all 0.2s ease-in-out;}
input:not(:focus)::-webkit-input-placeholder, textarea:not(:focus)::-webkit-input-placeholder { transition: color 0.4s ease-in-out; color:#4a4a4a; transition: all 0.3s ease-in-out;}

input:focus::placeholder, textarea:focus::placeholder { color:transparent; transition: all 0.3s ease-in-out;} /* FF 4-18 */
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color:transparent; transition: all 0.3s ease-in-out;} /* FF 4-18 */
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color:transparent; transition: all 0.3s ease-in-out;} /* FF 19+ */
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color:transparent; transition: all 0.3s ease-in-out;} /* IE 10+ */

.powermail_fieldwrap_type_file {margin-top: 0 !important;}
.powermail_file { width: 100%;}
.powermail_file::-webkit-file-upload-button {
  visibility: hidden;
  border-width: 7px;
}
.powermail_file::before {
  content: 'Datei auswählen';
  display: inline-block;
  background: #eee;
  padding: 2px 6px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  position: absolute;
}
.powermail_file:lang(en)::before {content: 'Select some files';}
.powermail_file:hover::before {
  border-color: black;
}
.powermail_file:active::before {
  background: #eee;
}
	
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .welle.unten, .dreieck.unten, .schraege.unten, .kurve.unten, .book.unten {margin-top: -42px;}
  .triangle { margin-top: -13px;}
}

@page {
	margin: 80px 20px;
    padding:0;
  }

@media print {

	header.d-print-block {
	  position: relative;
	  top: 0;
	  width: 100%;
	  height: 120px;
	  z-index: 999;
	}
	footer.d-print-block {
	  position: relative;
	  bottom: 0px;
	  width: 100%;
	  color: #000;
	  margin-top: 4rem;
	}
	#maincontent {
	    padding: 0;
	    background: #fff;
	    position: relative;
	    color: #000;
	}
	.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 100%;}
	.content .image_overflow_left figure.image {margin-left: 0; width: 100%; margin-bottom: 2rem;}
	.content .image_overflow_left figure.image img {
	    width: 100%;
	    height: auto;
	    margin: 0;
	}
	.frame-space-before-extra-small {padding-top: 0.5rem; margin: 0;}
	.frame-space-before-small {padding-top: 1rem; margin: 0;}
	.frame-space-before-medium  {padding-top: 2rem; margin: 0;}
	.frame-space-before-large {padding-top: 3rem;}
	.frame-space-before-extra-large {padding-top: 4rem; margin: 0;}
	.frame-space-after-extra-small {padding-bottom: 0.5rem; margin: 0;}
	.frame-space-after-small {padding-bottom: 1rem; margin: 0;}
	.frame-space-after-medium  {padding-bottom: 2rem; margin: 0;}
	.frame-space-after-large {padding-bottom: 3rem; margin: 0;}
	.frame-space-after-extra-large {padding-bottom: 4rem; margin: 0;}
	
	h1, h2, .h2, h3, h4, .h4, .text-center  {text-align: left !important;}
	h1 {font-size: 2.2rem; margin: 0; padding-bottom: 2rem; position: relative;/*font-family: proxima-nova-condensed, sans-serif;*/font-family: 'Source Sans Pro SemiBold', sans-serif;}
	h2, .h2 {margin: 0; font-size: 1.8rem; color: #000; font-family: 'Source Sans Pro SemiBold', sans-serif;padding-bottom: 1.8rem;/*font-family: proxima-nova-condensed, sans-serif;*/}
	h3 {font-size: 1.6rem; margin: 0; padding-bottom: 2rem; color: #000;font-family: 'Source Sans Pro SemiBold', sans-serif;  line-height: 2.5rem;/*font-family: proxima-nova-condensed, sans-serif;*/}
	h4, .h4 {margin: 0; font-size: 1.4rem; font-family: 'Source Sans Pro SemiBold', sans-serif; line-height: 2rem;/*font-family: proxima-nova-condensed, sans-serif;*/}
	.content .grey {background: #fff; color: #000;}
	.tx-powermail {display: none;}
	h1:before {display: none;}
	.avatar {text-align: left;}
	.avatar .frame-type-shortcut {background: #fff;padding: 0;color: #4a4a4a;}
	.avatar .frame-type-shortcut h3, .avatar .frame-type-shortcut a, .avatar .frame-type-shortcut .email:before, .avatar .frame-type-shortcut .telefon:before {color: #4a4a4a;}
	.avatar .ce-gallery {width: 15%;}
	.content .box .frame-type-textpic {background: #fff;}
	.btn, hr {display: none;}
	.welle.unten, .dreieck.unten, .schraege.unten, .kurve.unten, .book.unten, .scrollToTop {display: none !important;}
	.content .box .frame-type-text {height: auto; display: block;}
}

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
  .backgroundimage-c675 {background-attachment: scroll;}
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
  .backgroundimage-c675 {background-attachment: scroll;}
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
  .backgroundimage-c675 {background-attachment: scroll;}
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
  .backgroundimage-c675 {background-attachment: scroll;}
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
  .backgroundimage-c675 {background-attachment: scroll;}
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
  .backgroundimage-c675 {background-attachment: scroll;}
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
  .backgroundimage-c675 {background-attachment: scroll;}
}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
  .backgroundimage-c675 {background-attachment: scroll;}
}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
  .backgroundimage-c675 {background-attachment: scroll;}
}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
  .backgroundimage-c675 {background-attachment: scroll;}
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
  .backgroundimage-c675 {background-attachment: scroll;}
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
  .backgroundimage-c675 {background-attachment: scroll;}
}

@keyframes heart-pulse {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(0.8);
  }
}

#pe_rating {
    display: inline-block;
    font-size: 1.4rem !important;
    text-align: center;
    color: #c8b274;
    border: none;
    text-decoration: none;
    outline: none;
}
.cookie-set {display: none !important;}
#cookiebanner h2:before {display: none;}
#cookiebanner .save, #cookiebanner .accept {
    background: #be0b20;
    margin-right: 5px;
    color: #fff;
    border: none;
    font-weight: bold;
}
#cookiebanner .save:hover, #cookiebanner .accept:hover { background: #000;color: #fff !important;}
#cookiebanner .accept:not([href]):not([tabindex]):focus, #cookiebanner .accept:not([href]):not([tabindex]):hover {
    color: #fff;
    cursor: pointer;
    background: #000;
    border-color: #000;
}
#cookiebanner .checkbox input[type="checkbox"]:checked + label::after {top: -1px;}

#popuplink .frame-type-textpic .image img {
  width: 100%;
  height: auto;
}
#popuplink {height: auto !important; max-height: auto !important;}