@font-face {
font-family: 'OpenSans Regular';
src: url(//www.syncon-franchise.com/wp-content/themes/sisu-theme/fonts/OpenSans/OpenSans-Regular-webfont.eot);
src: url(//www.syncon-franchise.com/wp-content/themes/sisu-theme/fonts/OpenSans/OpenSans-Regular-webfont.eot?#iefix) format('embedded-opentype'), url(//www.syncon-franchise.com/wp-content/themes/sisu-theme/fonts/OpenSans/OpenSans-Regular-webfont.woff) format('woff'), url(//www.syncon-franchise.com/wp-content/themes/sisu-theme/fonts/OpenSans/OpenSans-Regular-webfont.ttf) format('truetype'), url(//www.syncon-franchise.com/wp-content/themes/sisu-theme/fonts/OpenSans/OpenSans-Regular-webfont.svg#open_sansregular) format('svg');
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'OpenSans Bold';
src: url(//www.syncon-franchise.com/wp-content/themes/sisu-theme/fonts/OpenSans/OpenSans-Bold-webfont.eot);
src: url(//www.syncon-franchise.com/wp-content/themes/sisu-theme/fonts/OpenSans/OpenSans-Bold-webfont.eot?#iefix) format('embedded-opentype'), url(//www.syncon-franchise.com/wp-content/themes/sisu-theme/fonts/OpenSans/OpenSans-Bold-webfont.woff) format('woff'), url(//www.syncon-franchise.com/wp-content/themes/sisu-theme/fonts/OpenSans/OpenSans-Bold-webfont.ttf) format('truetype'), url(//www.syncon-franchise.com/wp-content/themes/sisu-theme/fonts/OpenSans/OpenSans-Bold-webfont.svg#open_sansregular) format('svg');
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'OpenSans Light';
src: url(//www.syncon-franchise.com/wp-content/themes/sisu-theme/fonts/OpenSans/OpenSans-Light-webfont.eot);
src: url(//www.syncon-franchise.com/wp-content/themes/sisu-theme/fonts/OpenSans/OpenSans-Light-webfont.eot?#iefix) format('embedded-opentype'), url(//www.syncon-franchise.com/wp-content/themes/sisu-theme/fonts/OpenSans/OpenSans-Light-webfont.woff) format('woff'), url(//www.syncon-franchise.com/wp-content/themes/sisu-theme/fonts/OpenSans/OpenSans-Light-webfont.ttf) format('truetype'), url(//www.syncon-franchise.com/wp-content/themes/sisu-theme/fonts/OpenSans/OpenSans-Light-webfont.svg#open_sansregular) format('svg');
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Roboto';
src: url(//www.syncon-franchise.com/wp-content/themes/sisu-theme/fonts/roboto/Roboto-Regular.woff2) format('woff2'), url(//www.syncon-franchise.com/wp-content/themes/sisu-theme/fonts/roboto/Roboto-Regular.woff) format('woff'), url(//www.syncon-franchise.com/wp-content/themes/sisu-theme/fonts/roboto/Roboto-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Roboto Light';
src: url(//www.syncon-franchise.com/wp-content/themes/sisu-theme/fonts/roboto/Roboto-Light.woff2) format('woff2'), url(//www.syncon-franchise.com/wp-content/themes/sisu-theme/fonts/roboto/Roboto-Light.woff) format('woff'), url(//www.syncon-franchise.com/wp-content/themes/sisu-theme/fonts/roboto/Roboto-Light.ttf) format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Roboto Bold';
src: url(//www.syncon-franchise.com/wp-content/themes/sisu-theme/fonts/roboto/Roboto-Bold.woff2) format('woff2'), url(//www.syncon-franchise.com/wp-content/themes/sisu-theme/fonts/roboto/Roboto-Bold.woff) format('woff'), url(//www.syncon-franchise.com/wp-content/themes/sisu-theme/fonts/roboto/Roboto-Bold.ttf) format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Roboto Black';
src: url(//www.syncon-franchise.com/wp-content/themes/sisu-theme/fonts/roboto/Roboto-Black.woff2) format('woff2'), url(//www.syncon-franchise.com/wp-content/themes/sisu-theme/fonts/roboto/Roboto-Black.woff) format('woff'), url(//www.syncon-franchise.com/wp-content/themes/sisu-theme/fonts/roboto/Roboto-Black.ttf) format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap; }               html {
-webkit-font-smoothing: antialiased;
overflow-y: scroll;
overflow-x: hidden;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-size: 10px; }
body {
line-height: 1.5em;
font-family: "Roboto", Arial, sans-serif;
color: #6b6b6b;
overflow-x: hidden;
width: 100%;
text-align: left;
background-color: #fff;
background-position: top center;
background-repeat: no-repeat; }
body.wartungsmodus {
text-align: center; }
body.wartungsmodus #content {
margin-top: 10rem; }
* {
margin: 0rem;
padding: 0rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; } a {
color: #6b6b6b;
-webkit-transition: color 0.3s ease-in;
-moz-transition: color 0.3s ease-in;
-ms-transition: color 0.3s ease-in;
-o-transition: color 0.3s ease-in;
transition: color 0.3s ease-in;
text-decoration: underline;
cursor: pointer;
font-weight: normal;
outline: none; }
a:hover {
text-decoration: none;
color: #6b6b6b; }
a:active {
color: #999; }
a:focus {
color: #999; }
input::-ms-clear {
display: none; }
address {
font-style: italic;
margin: 0px 0px 24px 0px;
margin: 0rem 0rem 2.4rem 0rem;
margin: 0rem 0rem 2.4rem 0rem; }
abbr[title] {
border-bottom: 1px dotted; }
code, kbd, pre, samp {
font-family: monospace, serif;
font-size: 1.4rem;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none; }
table {
width: 100%; }
pre {
background: #f5f5f5;
color: #00619f;
font-family: monospace, serif;
font-size: 1.4rem;
padding: 2rem;
margin: 2rem 0;
overflow: auto;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word; }
small {
font-size: smaller; }
sub, sup {
font-size: 1rem;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5rem; }
sub {
bottom: -0.25rem; }
dl {
margin: 0 2rem; }
dt {
font-weight: 700;
font-family: "Roboto Bold", Arial, sans-serif; }
dd {
margin: 0 0 2rem; }
menu, ol, ul {
margin: 0rem;
padding: 0rem; } ul {
list-style-type: square;
margin: 0 0 2rem 2rem; }
nav ul, nav ol {
margin: 0rem;
list-style: none;
list-style-image: none; }
li > ul, li > ol {
margin: 0; }
img {
vertical-align: middle;
border: 0;
max-width: 100%;
height: auto; }
svg:not(:root) {
overflow: hidden; }
figure {
margin: 0; } .gap0 {
margin-bottom: 0px;
margin-bottom: 0rem; }
.gap5 {
margin-bottom: 5px;
margin-bottom: 0.5rem; }
.gap10 {
margin-bottom: 10px;
margin-bottom: 1rem; }
.gap15 {
margin-bottom: 15px;
margin-bottom: 1.5rem; }
.gap20 {
margin-bottom: 20px;
margin-bottom: 2rem; }
.gap25 {
margin-bottom: 25px;
margin-bottom: 2.5rem; }
.gap30 {
margin-bottom: 30px;
margin-bottom: 3rem; }
.gap40 {
margin-bottom: 40px;
margin-bottom: 4rem; }
.gap60 {
margin-bottom: 60px;
margin-bottom: 6rem; }
.nogap {
margin-bottom: 0 !important;
padding-bottom: 0 !important; }
.nogap-top {
margin-top: 0 !important;
padding-top: 0 !important; }
.padding-xs {
padding: 5px;
padding: 0.5rem; }
.padding-sm {
padding: 15px;
padding: 1.5rem; }
.padding-md {
padding: 20px;
padding: 2rem; }
.padding-lg {
padding: 30px;
padding: 3rem; }
.clearfix {
clear: both; }
.height5 {
height: 5px;
height: 0.5rem; }
.height10 {
height: 10px;
height: 1rem; }
.height15 {
height: 15px;
height: 1.5rem; }
.height20 {
height: 20px;
height: 2rem; }
.height25 {
height: 25px;
height: 2.5rem; }
.height30 {
height: 30px;
height: 3rem; }
.height35 {
height: 35px;
height: 3.5rem; }
.height40 {
height: 40px;
height: 4rem; }
.height45 {
height: 45px;
height: 4.5rem; }
.height50 {
height: 50px;
height: 5rem; }
@media screen and (min-width: 768px) {
.height50 {
height: 0px;
height: 0rem; } }
@media screen and (min-width: 992px) {
.height50 {
height: 50px;
height: 5rem; } }
.height55 {
height: 55px;
height: 5.5rem; }
.height60 {
height: 60px;
height: 6rem; }
.height65 {
height: 65px;
height: 6.5rem; }
.height70 {
height: 70px;
height: 7rem; }
.height75 {
height: 75px;
height: 7.5rem; }
.height80 {
height: 80px;
height: 8rem; }
.height85 {
height: 85px;
height: 8.5rem; }
.height90 {
height: 90px;
height: 9rem; }
.height95 {
height: 95px;
height: 9.5rem; }
.height100 {
height: 100px;
height: 10rem; } #cookiesWarning {
clear: both;
overflow: hidden;
position: fixed;
bottom: 0rem;
width: 100%;
z-index: 4;
background: #f7f7f7;
display: table;
padding: 0.5rem 1rem; }
#cookiesWarning #cookiesWarningActive {
font-size: 1.3rem;
display: table-cell;
vertical-align: middle; }
#cookiesWarning #cookieAgreement {
display: table-cell;
vertical-align: middle;
text-align: right;
min-width: 6rem; }
#cookiesWarning #cookieAgreement input {
border: none !important;
padding: 0.4rem 0.8rem;
background: #002d5d !important;
color: #fff; }
#cookiesWarning a {
text-decoration: underline;
color: #6b6b6b; }
#cookiesWarning a:hover {
text-decoration: none;
color: #002d5d; } #share_icons {
margin: 2.5rem 0;
width: 100%; }
#share_icons .share_count, #share_icons #shariffbox .share_text {
display: none;
visibility: hidden; }
#share_icons ul {
display: table;
margin: 0 auto; }
#share_icons ul li {
display: table-cell;
list-style-type: none;
margin: 0rem;
vertical-align: middle;
text-align: center;
min-width: 3rem;
max-width: 3rem;
float: left;
margin: 0rem 0.2rem; }
#share_icons ul li a {
height: 3rem !important; }
#share_icons ul li .fa {
width: 2.4rem;
line-height: 3.1rem;
font-size: 1.8rem; }
#share_icons .round ul li a {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
#share_icons .round ul.theme-white li {
border: none; }
#share_icons .round ul.theme-white li a {
border: solid 1px #ddd; } header#header {
background: #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
border-bottom: none;
width: 100%;
z-index: 200;
padding: 0rem; }
header#header #logo {
float: left;
display: block;
z-index: 1000;
position: relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
header#header #logo img {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
width: auto; }
@media screen and (max-width: 767px) {
header#header {
position: absolute; }
header#header #logo {
margin: 4rem 0; }
header#header #logo img {
max-height: 4rem; } }
@media screen and (min-width: 768px) {
header#header {
position: fixed; }
header#header #logo {
margin: 2rem 0 1rem; }
header#header #logo img {
max-height: 7rem; } }
@media screen and (min-width: 992px) {
header#header {
position: fixed; }
header#header #logo {
margin: 2.5rem 0 2.1rem; }
header#header #logo img {
max-height: 5.5rem; } }
@media screen and (min-width: 1200px) {
header#header {
position: fixed; }
header#header #logo {
margin: 2.5rem 0 2.1rem; }
header#header #logo img {
max-height: 7.5rem; } } .topnav {
margin: 1rem 0 3.5rem;
height: 2.1rem;
text-align: right;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
@media screen and (max-width: 767px) {
.topnav {
display: none; } }
@media screen and (min-width: 768px) {
.topnav {
display: none; } }
@media screen and (min-width: 992px) {
.topnav {
display: block; } }
.topnav .socialmedia a {
padding: 0 5px; }
.topnav .socialmedia a i:before {
font-size: 1.8rem;
color: #b2c0ce; }
.topnav .socialmedia a:hover i:before {
color: #002d5d; }
.topnav .loginstatus {
float: right;
text-align: right;
position: relative;
margin-right: 0.2rem;
padding: 0.2rem 0.8rem;
height: 2.4rem;
background: #eaeaea;
border-radius: 0.6rem; }
.topnav .loginstatus a {
color: #6b6b6b; }
.topnav .loginstatus .layer {
display: none;
background: #eaeaea;
text-align: left;
position: absolute;
width: 100%;
min-width: 150px;
right: 0px;
z-index: 2;
text-align: center;
font-size: 12px;
font-size: 1.2rem; }
.topnav .loginstatus .layer a {
width: 100%;
display: block;
padding: 5px 10px;
padding: 0.5rem 1rem;
color: #6b6b6b; }
.topnav .loginstatus .layer a:hover {
background: #444;
color: #fff;
text-decoration: none; }
.topnav .loginstatus .layer.formular {
min-width: 200px; }
.topnav .loginstatus .layer form#login_form .fields {
padding: 10px 10px 10px 10px;
padding: 1rem 1rem 1rem 1rem; }
.topnav .loginstatus .layer form#login_form .fields input {
display: inline-block;
border-radius: 0px;
border-radius: 0rem;
padding: 5px 10px;
padding: 0.5rem 1rem;
margin-bottom: 5px;
margin-bottom: 0.5rem;
width: 200px;
width: 20rem;
border: 1px solid #ccc;
background: #fff;
color: #6b6b6b;
font-family: "Roboto", Arial, sans-serif;
font-size: 14px;
font-size: 1.4rem;
box-shadow: none !important; }
.topnav .loginstatus .layer form#login_form .fields input:hover {
background-color: #002d5d;
color: #fff; }
.topnav .loginstatus .layer form#login_form a {
padding: 5px;
padding: 0.5rem;
background: #ccc;
text-transform: uppercase; }
.topnav .loginstatus .layer form#login_form a:hover {
background-color: #002d5d;
color: #fff; }
.topnav .loginstatus:hover {
-webkit-border-radius: 6px 6px 0px 0px;
-moz-border-radius: 6px 6px 0px 0px;
-ms-border-radius: 6px 6px 0px 0px;
-o-border-radius: 6px 6px 0px 0px;
border-radius: 6px 6px 0px 0px; }
.topnav .loginstatus:hover .layer {
display: block; }
.topnav .wpml-ls {
display: inline-block; }
.smaller .topnav {
display: none; } .accessibilityMenu ul {
margin: 0rem;
padding: 0rem; }
.accessibilityMenu ul li {
width: 2.4rem;
height: 2.4rem;
background: #eaeaea;
border-radius: 0.6rem;
position: relative; }
.accessibilityMenu ul li:before {
position: absolute;
left: 0rem;
top: 0rem; }
.accessibilityMenu ul li.fa-font {
cursor: pointer; }
.accessibilityMenu ul li.fa-font.normal {
font-size: 1.2rem; }
.accessibilityMenu ul li.fa-font.normal:before {
left: 0.6rem;
top: 0.6rem; }
.accessibilityMenu ul li.fa-font.middle {
font-size: 1.4rem; }
.accessibilityMenu ul li.fa-font.middle:before {
left: 0.5rem;
top: 0.5rem; }
.accessibilityMenu ul li.fa-font.big {
font-size: 1.6rem; }
.accessibilityMenu ul li.fa-font.big:before {
left: 0.4rem;
top: 0.4rem; }
.accessibilityMenu ul li.fa-adjust {
font-size: 1.4rem; }
.accessibilityMenu ul li.fa-adjust.on {
background: #000;
color: #fff; }
.accessibilityMenu ul li.fa-adjust:before {
left: 0.6rem;
top: 0.5rem; }
.accessibilityMenu ul li.fa-tint {
font-size: 1.6rem; }
.accessibilityMenu ul li.fa-tint.on {
background: #000;
color: #fff; }
.accessibilityMenu ul li.fa-tint:before {
left: 0.7rem;
top: 0.5rem; }
@media screen and (max-width: 767px) {
.accessibilityMenu {
display: none; } }
@media screen and (min-width: 768px) {
.accessibilityMenu {
display: none; } }
@media screen and (min-width: 992px) {
.accessibilityMenu {
display: inline-block; } }  .mobile_menu_background {
display: none;
position: fixed;
width: 100%;
height: 100%;
background: rgba(0, 45, 93, 0.9);
z-index: 99; }
.mobile_menu_background.menu-opened {
display: block; }
header#header { }
header#header .navbar-default {
background-color: transparent !important;
border-radius: 0px !important;
border: none !important; }
header#header .navbar-default .navbar-collapse, header#header .navbar-default .navbar-form {
border-color: #fff !important; }
header#header.menu-opened {
background: transparent;
border-bottom: 1px solid transparent; }
header#header .nav.navbar-nav {
float: right; }
header#header .navbar {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
@media screen and (max-width: 767px) {
header#header .navbar {
margin: 4rem 0 0 0; } }
@media screen and (min-width: 768px) {
header#header .navbar {
margin: 3rem 0 0 0; } }
@media screen and (min-width: 992px) {
header#header .navbar {
margin: 0; } }
header#header.smaller .navbar {
margin: 0; }
header#header.smaller #logo {
margin: 0.5rem 0 0 0; }
header#header.smaller #logo img {
max-height: 4rem; }
.navbar #hauptmenu {
margin: 0rem;
padding: 0rem;
border: 0;
list-style: none;
line-height: 1;
display: block;
position: relative;
font-family: "Roboto", Arial, sans-serif;
z-index: 1; }
.navbar #hauptmenu:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
@media screen and (max-width: 767px) {
.navbar #hauptmenu {
width: 100%;
float: none; } }
@media screen and (min-width: 768px) {
.navbar #hauptmenu {
width: 100%;
float: none; } }
@media screen and (min-width: 992px) {
.navbar #hauptmenu {
float: right;
width: 73%; } }
@media screen and (min-width: 1200px) {
.navbar #hauptmenu {
float: right;
width: 68%; } }
.navbar #hauptmenu ul#mainnav:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
@media screen and (min-width: 992px) {
.navbar #hauptmenu ul#mainnav {
display: block !important;
width: auto; } }
.navbar #hauptmenu ul#mainnav li.menu-item { margin: 0;
padding: 0;
border: 0;
list-style: none;
line-height: 1;
display: block;
position: relative;
float: left; }
@media screen and (max-width: 767px) {
.navbar #hauptmenu ul#mainnav li.menu-item {
width: 100%;
border-top: 1px solid #fff; } }
@media screen and (min-width: 768px) {
.navbar #hauptmenu ul#mainnav li.menu-item {
width: 100%;
border-top: 1px solid #fff; } }
@media screen and (min-width: 992px) {
.navbar #hauptmenu ul#mainnav li.menu-item {
width: inherit;
border-top: none; } }
.navbar #hauptmenu ul#mainnav li.menu-item a {
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
margin: 0;
padding: 0;
border: 0;
list-style: none;
line-height: 1;
display: block;
position: relative;
font-size: 1.6rem;
letter-spacing: 0.1rem;
text-decoration: none;
text-transform: uppercase; }
@media screen and (max-width: 767px) {
.navbar #hauptmenu ul#mainnav li.menu-item a {
padding: 1.5rem 5rem;
color: #fff;
text-align: center; } }
@media screen and (min-width: 768px) {
.navbar #hauptmenu ul#mainnav li.menu-item a {
padding: 1.5rem 5rem;
color: #fff;
text-align: center; } }
@media screen and (min-width: 992px) {
.navbar #hauptmenu ul#mainnav li.menu-item a {
padding: 1.9rem 1rem;
color: #002e5d;
text-align: left;
font-size: 14px; } }
@media screen and (min-width: 1200px) {
.navbar #hauptmenu ul#mainnav li.menu-item a {
padding: 1.9rem 1rem;
color: #002e5d;
text-align: left;
font-size: 16px; } }
.navbar #hauptmenu ul#mainnav li.menu-item a.fa:before {
margin-right: 0.5rem; }
@media screen and (min-width: 992px) {
.navbar #hauptmenu ul#mainnav li.menu-item#menu-item-1791 a {
padding-right: 0; }
.navbar #hauptmenu ul#mainnav li.menu-item#menu-item-1791.current-menu-item a {
padding-right: 1rem; } }
@media screen and (min-width: 992px) {
.navbar #hauptmenu ul#mainnav li.menu-item:last-child a {
padding: 1.9rem 0rem; } }
@media screen and (max-width: 767px) {
.navbar #hauptmenu ul#mainnav li.menu-item.current-menu-item a, .navbar #hauptmenu ul#mainnav li.menu-item.current-menu-parent a {
color: #fff; } }
@media screen and (min-width: 768px) {
.navbar #hauptmenu ul#mainnav li.menu-item.current-menu-item a, .navbar #hauptmenu ul#mainnav li.menu-item.current-menu-parent a {
color: #fff; } }
@media screen and (min-width: 992px) {
.navbar #hauptmenu ul#mainnav li.menu-item.current-menu-item a, .navbar #hauptmenu ul#mainnav li.menu-item.current-menu-parent a {
color: #002d5d;
background: #f7f7f7;
font-weight: 700; } }
.navbar #hauptmenu ul#mainnav li.menu-item.menu-item-has-children {  }
.navbar #hauptmenu ul#mainnav li.menu-item.menu-item-has-children .sub-menu {
display: none;
-webkit-transition: all 0s ease-in-out;
-moz-transition: all 0s ease-in-out;
-ms-transition: all 0s ease-in-out;
-o-transition: all 0s ease-in-out;
transition: all 0s ease-in-out; }
@media screen and (min-width: 992px) {
.navbar #hauptmenu ul#mainnav li.menu-item.menu-item-has-children .sub-menu {
position: absolute;
opacity: 0;
-ms-filter: "progid:DXImageTra nsform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
top: -9999em; } }
.navbar #hauptmenu ul#mainnav li.menu-item.menu-item-has-children .sub-menu li.menu-item { -webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
width: 100%; }
.navbar #hauptmenu ul#mainnav li.menu-item.menu-item-has-children .sub-menu li.menu-item a {
min-width: 200px;
padding: 1rem 2rem;
font-size: 1.2rem;
line-height: 1.4rem; }
@media screen and (max-width: 767px) {
.navbar #hauptmenu ul#mainnav li.menu-item.menu-item-has-children .sub-menu li.menu-item a {
border-bottom: none;
color: #fff; } }
@media screen and (min-width: 768px) {
.navbar #hauptmenu ul#mainnav li.menu-item.menu-item-has-children .sub-menu li.menu-item a {
border-bottom: none;
color: #fff; } }
@media screen and (min-width: 992px) {
.navbar #hauptmenu ul#mainnav li.menu-item.menu-item-has-children .sub-menu li.menu-item a {
background: #b2c0ce;
border-bottom: 1px solid rgba(255, 255, 255, .25);
color: #fff;
text-decoration: none; } }
@media screen and (max-width: 767px) {
.navbar #hauptmenu ul#mainnav li.menu-item.menu-item-has-children .sub-menu li.menu-item a:hover {
background: #fff;
color: #002d5d; } }
@media screen and (min-width: 768px) {
.navbar #hauptmenu ul#mainnav li.menu-item.menu-item-has-children .sub-menu li.menu-item a:hover {
background: #fff;
color: #002d5d; } }
@media screen and (min-width: 992px) {
.navbar #hauptmenu ul#mainnav li.menu-item.menu-item-has-children .sub-menu li.menu-item a:hover {
background: #002d5d;
color: #fff;
text-decoration: none; } }
.navbar #hauptmenu ul#mainnav li.menu-item.menu-item-has-children .sub-menu li.menu-item:hover {
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out; }
@media screen and (max-width: 767px) {
.navbar #hauptmenu ul#mainnav li.menu-item.menu-item-has-children .sub-menu li.menu-item:hover {
background: transparent; } }
@media screen and (min-width: 768px) {
.navbar #hauptmenu ul#mainnav li.menu-item.menu-item-has-children .sub-menu li.menu-item:hover {
background: transparent; } }
@media screen and (min-width: 992px) {
.navbar #hauptmenu ul#mainnav li.menu-item.menu-item-has-children .sub-menu li.menu-item:hover {
background: transparent; } }
.navbar #hauptmenu ul#mainnav li.menu-item.menu-item-has-children .sub-menu li.menu-item:hover a:before {
top: 1.7rem;
height: 0rem; }
.navbar #hauptmenu ul#mainnav li.menu-item.menu-item-has-children .sub-menu li.menu-item:last-child a {
border-bottom: 0; }
.navbar #hauptmenu ul#mainnav li.menu-item.menu-item-has-children .submenu-button {
position: absolute;
z-index: 99;
right: 0;
top: 0;
border-left: 1px solid #fff;
height: 46px;
width: 46px;
cursor: pointer; }
@media screen and (max-width: 767px) {
.navbar #hauptmenu ul#mainnav li.menu-item.menu-item-has-children .submenu-button {
display: block; } }
@media screen and (min-width: 768px) {
.navbar #hauptmenu ul#mainnav li.menu-item.menu-item-has-children .submenu-button {
display: block; } }
@media screen and (min-width: 992px) {
.navbar #hauptmenu ul#mainnav li.menu-item.menu-item-has-children .submenu-button {
display: none; } }
.navbar #hauptmenu ul#mainnav li.menu-item.menu-item-has-children .submenu-button.submenu-opened {
background: #fff; }
.navbar #hauptmenu ul#mainnav li.menu-item.menu-item-has-children .submenu-button.submenu-opened:before {
display: none; }
.navbar #hauptmenu ul#mainnav li.menu-item.menu-item-has-children .submenu-button.submenu-opened:after {
background: rgba(0, 45, 93, 0.9); }
.navbar #hauptmenu ul#mainnav li.menu-item.menu-item-has-children .submenu-button:after {
position: absolute;
top: 22px;
right: 19px;
width: 8px;
height: 2px;
background: #fff;
content: ''; }
@media screen and (max-width: 767px) {
.navbar #hauptmenu ul#mainnav li.menu-item.menu-item-has-children .submenu-button:after {
display: block; } }
@media screen and (min-width: 768px) {
.navbar #hauptmenu ul#mainnav li.menu-item.menu-item-has-children .submenu-button:after {
display: block; } }
@media screen and (min-width: 992px) {
.navbar #hauptmenu ul#mainnav li.menu-item.menu-item-has-children .submenu-button:after {
display: none; } }
.navbar #hauptmenu ul#mainnav li.menu-item.menu-item-has-children .submenu-button:before {
position: absolute;
top: 19px;
right: 22px;
width: 2px;
height: 8px;
background: #fff;
content: ''; }
@media screen and (max-width: 767px) {
.navbar #hauptmenu ul#mainnav li.menu-item.menu-item-has-children .submenu-button:before {
display: block; } }
@media screen and (min-width: 768px) {
.navbar #hauptmenu ul#mainnav li.menu-item.menu-item-has-children .submenu-button:before {
display: block; } }
@media screen and (min-width: 992px) {
.navbar #hauptmenu ul#mainnav li.menu-item.menu-item-has-children .submenu-button:before {
display: none; } }
@media screen and (max-width: 767px) {
.navbar #hauptmenu ul#mainnav li.menu-item:hover a, .navbar #hauptmenu ul#mainnav li.menu-item.openmenu a {
color: #fff; } }
@media screen and (min-width: 768px) {
.navbar #hauptmenu ul#mainnav li.menu-item:hover a, .navbar #hauptmenu ul#mainnav li.menu-item.openmenu a {
color: #fff; } }
@media screen and (min-width: 992px) {
.navbar #hauptmenu ul#mainnav li.menu-item:hover a, .navbar #hauptmenu ul#mainnav li.menu-item.openmenu a {
color: #002d5d;
text-decoration: underline; } }
.navbar #hauptmenu ul#mainnav li.menu-item:hover .sub-menu, .navbar #hauptmenu ul#mainnav li.menu-item.openmenu .sub-menu {
opacity: 1;
-ms-filter: "progid:DXImageTra nsform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
top: auto; }
@media screen and (max-width: 767px) {
.navbar #hauptmenu ul#mainnav li.menu-item:hover .sub-menu, .navbar #hauptmenu ul#mainnav li.menu-item.openmenu .sub-menu {
background: transparent; } }
@media screen and (min-width: 768px) {
.navbar #hauptmenu ul#mainnav li.menu-item:hover .sub-menu, .navbar #hauptmenu ul#mainnav li.menu-item.openmenu .sub-menu {
background: transparent; } }
@media screen and (min-width: 992px) {
.navbar #hauptmenu ul#mainnav li.menu-item:hover .sub-menu, .navbar #hauptmenu ul#mainnav li.menu-item.openmenu .sub-menu {
background: #b2c0ce; } }
.navbar #hauptmenu ul#mainnav li.search { float: left;
position: relative;
width: inherit; }
.navbar #hauptmenu ul#mainnav li.search a {
text-decoration: none; }
@media screen and (max-width: 767px) {
.navbar #hauptmenu ul#mainnav li.search a {
font-size: 1.6rem;
padding: 1.6rem 5rem; }
.navbar #hauptmenu ul#mainnav li.search a:before {
display: none; } }
@media screen and (min-width: 768px) {
.navbar #hauptmenu ul#mainnav li.search a {
font-size: 1.64rem;
padding: 1.6rem 5rem; }
.navbar #hauptmenu ul#mainnav li.search a:before {
display: none; } }
@media screen and (min-width: 992px) {
.navbar #hauptmenu ul#mainnav li.search a {
font-size: 0rem;
padding: 1.9rem 0rem; }
.navbar #hauptmenu ul#mainnav li.search a:before {
content: '\f002';
font-family: "FontAwesome", Arial, sans-serif;
font-size: 1.2rem;
display: block; } }
header { }
header .burgermenu {
cursor: pointer;
position: absolute;
width: 30px;
height: 25px;
right: 0px;
top: 10px;
z-index: 1001; }
@media screen and (max-width: 767px) {
header .burgermenu {
display: block; } }
@media screen and (min-width: 768px) {
header .burgermenu {
display: block; } }
@media screen and (min-width: 992px) {
header .burgermenu {
display: none; } }
header .burgermenu.navTrigger {
width: 30px;
height: 25px; }
header .burgermenu.navTrigger i {
background-color: #002d5d;
border-radius: 1px;
border-radius: 0.1rem;
content: '';
display: block;
width: 100%;
height: 4px; }
header .burgermenu.navTrigger i:nth-child(1) {
-webkit-animation: outT 0.8s backwards;
animation: outT 0.8s backwards;
-webkit-animation-direction: reverse;
animation-direction: reverse; }
header .burgermenu.navTrigger i:nth-child(2) {
margin: 5px 0;
-webkit-animation: outM 0.8s backwards;
animation: outM 0.8s backwards;
-webkit-animation-direction: reverse;
animation-direction: reverse; }
header .burgermenu.navTrigger i:nth-child(3) {
-webkit-animation: outBtm 0.8s backwards;
animation: outBtm 0.8s backwards;
-webkit-animation-direction: reverse;
animation-direction: reverse; }
header .burgermenu.navTrigger.active i:nth-child(1) {
-webkit-animation: inT 0.8s forwards;
animation: inT 0.8s forwards; }
header .burgermenu.navTrigger.active i:nth-child(2) {
-webkit-animation: inM 0.8s forwards;
animation: inM 0.8s forwards; }
header .burgermenu.navTrigger.active i:nth-child(3) {
-webkit-animation: inBtm 0.8s forwards;
animation: inBtm 0.8s forwards; }
header .burgermenu.menu-opened i {
background-color: #fff; } @-webkit-keyframes inM {
50% {
-webkit-transform: rotate(0deg); }
100% {
-webkit-transform: rotate(45deg); } }
@keyframes inM {
50% {
transform: rotate(0deg); }
100% {
transform: rotate(45deg); } }
@-webkit-keyframes outM {
50% {
-webkit-transform: rotate(0deg); }
100% {
-webkit-transform: rotate(45deg); } }
@keyframes outM {
50% {
transform: rotate(0deg); }
100% {
transform: rotate(45deg); } }
@-webkit-keyframes inT {
0% {
-webkit-transform: translateY(0px) rotate(0deg); }
50% {
-webkit-transform: translateY(9px) rotate(0deg); }
100% {
-webkit-transform: translateY(9px) rotate(135deg); } }
@keyframes inT {
0% {
transform: translateY(0px) rotate(0deg); }
50% {
transform: translateY(9px) rotate(0deg); }
100% {
transform: translateY(9px) rotate(135deg); } }
@-webkit-keyframes outT {
0% {
-webkit-transform: translateY(0px) rotate(0deg); }
50% {
-webkit-transform: translateY(9px) rotate(0deg); }
100% {
-webkit-transform: translateY(9px) rotate(135deg); } }
@keyframes outT {
0% {
transform: translateY(0px) rotate(0deg); }
50% {
transform: translateY(9px) rotate(0deg); }
100% {
transform: translateY(9px) rotate(135deg); } }
@-webkit-keyframes inBtm {
0% {
-webkit-transform: translateY(0px) rotate(0deg); }
50% {
-webkit-transform: translateY(-9px) rotate(0deg); }
100% {
-webkit-transform: translateY(-9px) rotate(135deg); } }
@keyframes inBtm {
0% {
transform: translateY(0px) rotate(0deg); }
50% {
transform: translateY(-9px) rotate(0deg); }
100% {
transform: translateY(-9px) rotate(135deg); } }
@-webkit-keyframes outBtm {
0% {
-webkit-transform: translateY(0px) rotate(0deg); }
50% {
-webkit-transform: translateY(-9px) rotate(0deg); }
100% {
-webkit-transform: translateY(-9px) rotate(135deg); } }
@keyframes outBtm {
0% {
transform: translateY(0px) rotate(0deg); }
50% {
transform: translateY(-9px) rotate(0deg); }
100% {
transform: translateY(-9px) rotate(135deg); } }  #main-container {
margin-top: 9rem; }
@media screen and (max-width: 767px) {
#main-container {
margin-top: 12rem; } }
@media screen and (min-width: 992px) {
.page-id-5357 #main-container {
margin-bottom: 3rem; } }
.single-wikibeitrag #main-container {
margin-top: 10rem; }
@media screen and (min-width: 1200px) {
.single-wikibeitrag #main-container {
margin-top: 12rem; } } h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
text-transform: inherit;
margin: 0 0 2rem 0;
color: #002d5d; }
h1, .h1 {
font-family: "Roboto", Arial, sans-serif; }
@media screen and (max-width: 767px) {
h1, .h1 {
font-size: 3rem; } }
@media screen and (max-width: 320px) {
h1, .h1 {
font-size: 2.5rem; } }
@media screen and (min-width: 768px) {
h1, .h1 {
font-size: 3.4rem; } }
@media screen and (min-width: 992px) {
h1, .h1 {
font-size: 3.6rem; } }
h2, .h2, h2 p {
font-family: "Roboto", Arial, sans-serif; }
@media screen and (max-width: 767px) {
h2, .h2, h2 p {
font-size: 2.6rem; } }
@media screen and (max-width: 320px) {
h2, .h2, h2 p {
font-size: 2.3rem; } }
@media screen and (min-width: 768px) {
h2, .h2, h2 p {
font-size: 2.8rem; } }
@media screen and (min-width: 992px) {
h2, .h2, h2 p {
font-size: 3rem; } }
h3, .h3 {
font-family: "Roboto", Arial, sans-serif; }
@media screen and (max-width: 767px) {
h3, .h3 {
font-size: 2.2rem; } }
@media screen and (max-width: 320px) {
h3, .h3 {
font-size: 2rem; } }
@media screen and (min-width: 768px) {
h3, .h3 {
font-size: 2.4rem; } }
@media screen and (min-width: 992px) {
h3, .h3 {
font-size: 2.6rem; } }
h4, .h4 {
font-family: "Roboto", Arial, sans-serif;
word-wrap: break-word; }
@media screen and (max-width: 767px) {
h4, .h4 {
font-size: 1.8rem; } }
@media screen and (min-width: 768px) {
h4, .h4 {
font-size: 2rem; } }
@media screen and (min-width: 992px) {
h4, .h4 {
font-size: 2.2rem; } }
p {
margin: 0 0 2rem 0;
font-size: 1.6rem;
line-height: 2.3rem;
font-weight: 400; }
ul li {
font-size: 1.6rem;
line-height: 2.8rem;
font-weight: normal; } .btn {
font-family: "Roboto", Arial, sans-serif;
font-size: 1.6rem;
text-shadow: none;
text-transform: uppercase;
color: #fff;
background: #002d5d;
padding: 0.9rem 2rem;
border: 1px solid #002d5d;
border-radius: 0rem;
display: inline-block;
text-align: center;
text-decoration: none !important;
-webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; }
.btn.white {
color: #fff;
border-color: #fff; }
.btn.white:hover, .btn.white:active, .btn.white:focus {
text-decoration: underline; }
.btn:hover {
background-color: #fff;
color: #002d5d;
text-decoration: none; }
.btn:active {
box-shadow: none; }
strong {
font-weight: 700; }
iframe {
width: 100%; }
#wrapper {
width: 100%;
margin: 0 auto;
overflow-x: hidden; }
#wrapper .container.cb {
margin-top: 3rem; }
#wrapper .container.cb .cb_trennlinie .trennlinie {
height: 0.1rem;
background-color: #000; }
@media screen and (max-width: 767px) {
#wrapper .container .cb_item {
margin-bottom: 2rem; } }
@media screen and (min-width: 768px) {
#wrapper .container .cb_item {
margin-bottom: 2rem; } }
@media screen and (min-width: 992px) {
#wrapper .container .cb_item {
margin-bottom: 2rem; } }
#wrapper .container .cb_item.no-margin {
margin-bottom: 0; }
#wrapper .campus .container:before {
content: '';
background-image: url(//www.syncon-franchise.com/wp-content/themes/sisu-theme/images/campus-icon.png);
background-position: right top;
background-repeat: no-repeat;
position: absolute;
z-index: 3;
right: 15px;
top: -15px;
width: 92px;
height: 173px; }
@media screen and (max-width: 767px) {
#wrapper .campus .container:before {
display: none; } }
@media screen and (min-width: 768px) {
#wrapper .campus .container:before {
background-size: 70%;
right: 61px; } }
@media screen and (min-width: 992px) {
#wrapper .campus .container:before {
background-size: 70%;
right: 30px; } }
@media screen and (min-width: 1200px) {
#wrapper .campus .container:before {
background-size: 92px 173px;
right: 15px; } }
#wrapper .rightbar {
position: fixed;
top: 17rem;
right: 0rem;
z-index: 3;
width: 185px; }
#wrapper .rightbar .sidebox {
background-color: rgba(0, 45, 93, 0.6);
width: 100%;
height: 47px;
margin-bottom: 1rem;
text-align: left;
border-right: none;
display: inline-block;
padding: 0px 0px 0 4px;
position: relative;
right: -131px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
cursor: pointer; }
#wrapper .rightbar .sidebox:hover {
background: #002d5d;
right: 0; }
#wrapper .rightbar .sidebox span {
color: #fff; }
#wrapper .rightbar .sidebox a {
color: #fff;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
vertical-align: middle; }
#wrapper .rightbar .sidebox a img {
display: inline-block;
margin: 0 auto 0.5rem;
padding-top: 10px;
height: 37px; }
#wrapper .rightbar .sidebox a span {
color: #fff;
padding-top: 5px;
display: inline-block;
vertical-align: middle;
padding-left: 7px; }
@media screen and (max-width: 767px) {
#wrapper .rightbar .sidebox {
display: none; } }
#wrapper .rightbar .sidebox:nth-of-type(1) a img {
margin-left: 10px;
margin-right: 5px; }
#wrapper .rightbar .sidebox:nth-of-type(2) a img {
margin-left: 14px;
margin-right: 5px; }
#wrapper .rightbar .sidebox:nth-of-type(3) a img {
margin-left: 8px;
margin-right: 5px;
margin-top: 2px; }
#wrapper .rightbar .sidebox:nth-of-type(4) a img {
margin-left: 9px;
margin-right: 7px; }
#wrapper .greybox {
background: #f7f7f7;
padding: 2rem; }
#wrapper .greybox input[type=email], #wrapper .greybox input[type=password], #wrapper .greybox input[type=text] {
background: #fff;
padding: 1rem;
width: 100%;
margin-bottom: 10px;
border: 1px solid #ccc; }
#wrapper .greybox .no-margin {
margin-bottom: 0; }
#wrapper .greybox .btn {
margin-bottom: 30px; }
#wrapper .greybox .btn.no-margin {
margin-bottom: 0; }
.round-image {
border-radius: 100%;
background-size: cover;
background-position: center center;
height: 150px;
width: 150px; }
@media screen and (min-width: 768px) {
.round-image {
height: auto; } }
@media screen and (min-width: 1200px) {
.round-image {
height: 150px; } }
.breadcrumbs {
position: relative;
z-index: 1;
color: #002d5d; }
.breadcrumbs a {
color: #002d5d; }
@media screen and (max-width: 767px) {
.breadcrumbs {
height: auto;
margin: 1rem 0 2rem; } }
@media screen and (min-width: 768px) {
.breadcrumbs {
margin: 1rem 0 2rem;
bottom: 0; } }
@media screen and (min-width: 992px) {
.breadcrumbs {
height: 0;
bottom: -28px; } }
@media screen and (min-width: 992px) {
.home .breadcrumbs {
height: 0;
bottom: 0; } }
.single-wikibeitrag .breadcrumbs {
height: auto;
bottom: 0;
padding: 10px 0 20px; }
@media screen and (max-width: 767px) {
.awards_headline {
font-size: 2.2rem; } }
@media screen and (max-width: 320px) {
.awards_headline {
font-size: 2rem; } }
@media screen and (min-width: 768px) {
.awards_headline {
font-size: 2rem; } }
@media screen and (min-width: 992px) {
.awards_headline {
font-size: 2.2rem; } }
.award {
font-size: 1.6rem;
line-height: 130%;
color: #666; }
.partnerdata .kompetenz {
font-weight: bold;
margin-bottom: 5px; }
.partnerdata h3 {
margin-bottom: 9px; }
@media screen and (max-width: 767px) {
.page-id-3071 .cb_picture.col-lg-1 {
text-align: center; }
.page-id-3071 .cb_picture.col-lg-1 img {
width: auto; } }
.page-id-3092 #main-container p a.btn {
display: inline-block;
width: auto;
margin-bottom: 10px; }
.page-id-1788 #main-container .cb_textelement .text_button a {
font-size: 1.4rem; }
.page-id-3371 #main-container .hidden-xs.height20, .page-id-4974 #main-container .hidden-xs.height20 {
display: block !important; }
.cb_referenzliste {
min-height: 1000px; }
.cb_referenzliste .referenz {
padding: 13px 0;
border-bottom: 1px solid #e8e8e8; }
.cb_referenzliste .referenz div {
display: inline-block;
vertical-align: middle; }
.cb_referenzliste .referenz div.logo {
width: 15%;
height: 62px;
background-size: contain;
background-position: center;
background-repeat: no-repeat; }
.cb_referenzliste .referenz div.title {
width: 37%;
font-size: 20px;
padding-left: 20px;
color: #002d5d;
line-height: 1; }
.cb_referenzliste .referenz div.branche {
width: 30%; }
.cb_referenzliste .referenz div.land {
width: 15%;
text-align: right; }
@media screen and (max-width: 767px) {
.cb_referenzliste .referenz div.logo, .cb_referenzliste .referenz div.title, .cb_referenzliste .referenz div.branche, .cb_referenzliste .referenz div.land {
width: 50%; }
.cb_referenzliste .referenz div.logo {
background-position: left center; }
.cb_referenzliste .referenz div.title {
font-size: 16px;
padding-left: 0; }
.cb_referenzliste .referenz div.land {
text-align: left; } }
.cb_referenzliste .referenzfilter form > div, .cb_referenzliste .referenzfilter form > a, .cb_referenzliste .referenzfilter form > input {
float: left;
margin: 0;
margin-right: 1%; }
@media screen and (max-width: 767px) {
.cb_referenzliste .referenzfilter form > div, .cb_referenzliste .referenzfilter form > a, .cb_referenzliste .referenzfilter form > input {
width: 100%;
margin-right: 0;
margin-bottom: 1rem; } }
@media screen and (min-width: 768px) {
.cb_referenzliste .referenzfilter form > div, .cb_referenzliste .referenzfilter form > a, .cb_referenzliste .referenzfilter form > input {
width: auto;
min-width: 24%; } }
@media screen and (min-width: 768px) {
.cb_referenzliste .referenzfilter form input {
display: block;
clear: left;
margin-top: 1rem; } }
@media screen and (min-width: 992px) {
.cb_referenzliste .referenzfilter form input {
display: inline-block;
margin-top: 0;
clear: none; } }
.cb_referenzliste .referenzfilter form .js-button_filter_off {
padding: 1.2rem 2rem; }
@media screen and (min-width: 768px) {
.cb_referenzliste .referenzfilter form .js-button_filter_off {
margin-top: 1rem; } }
@media screen and (min-width: 992px) {
.cb_referenzliste .referenzfilter form .js-button_filter_off {
margin-top: 0; } }
@media screen and (min-width: 768px) {
.page-id-4268 .cb_html.col-sm-2 {
display: none; }
.page-id-4268 .cb_icons.col-sm-10 {
width: 100%; }
.page-id-4268 .cb_iconset .cb_icons .iconitem.col-sm-2 {
width: 19.66667%; }
.page-id-4268 .cb_iconset .cb_icons .iconitem .iconcontent {
padding: 0; } }
@media screen and (min-width: 992px) {
.page-id-4268 .cb_html.col-sm-2 {
display: block; }
.page-id-4268 .cb_icons.col-sm-10 {
width: 83.33333%; }
.page-id-4268 .cb_iconset .cb_icons .iconitem.col-sm-2 {
width: 16.66667%; }
.page-id-4268 .cb_iconset .cb_icons .iconitem .iconcontent {
padding: 0rem; } }
@media screen and (min-width: 1200px) {
.page-id-4268 .cb_iconset .cb_icons .iconitem .iconcontent {
padding: 3.5rem; } }
.anker-id-div {
position: absolute;
left: 0;
top: -10px; }
@media (min-width: 768px) {
.anker-id-div {
top: -70px; } } .cb_textelement {
position: relative; }
.cb_textelement .container {
max-width: 100%; }
.cb_textelement.border-top .textelement_content {
border-top: 0.1rem solid #002d5d;
padding-top: 2rem; }
@media (min-width: 768px) {
.cb_textelement.border-top .textelement_content {
margin-top: 3rem; } }
.cb_textelement.border-top .textelement_content p {
font-size: 2rem;
line-height: 1.4; }
.cb_textelement .subline {
text-transform: uppercase;
color: #002d5d;
margin-bottom: 1.5rem; }
.cb_textelement .entry-text {
line-height: 2rem; }
.cb_textelement.left h1, .cb_textelement.left h2, .cb_textelement.left h3, .cb_textelement.left h4, .cb_textelement.left .subline, .cb_textelement.left .entry-text, .cb_textelement.left .text_button {
text-align: left; }
.cb_textelement.center h1, .cb_textelement.center h2, .cb_textelement.center h3, .cb_textelement.center h4, .cb_textelement.center .subline, .cb_textelement.center .entry-text, .cb_textelement.center .text_button {
text-align: center; }
.cb_textelement.right h1, .cb_textelement.right h2, .cb_textelement.right h3, .cb_textelement.right h4, .cb_textelement.right .subline, .cb_textelement.right .entry-text, .cb_textelement.right .text_button {
text-align: right; }
@media screen and (max-width: 767px) {
.cb_textelement.with-image .image_container div {
background-size: cover;
background-position: center center;
height: 170px;
width: 170px;
border-radius: 50%; }
.cb_textelement.with-image .image_container.left {
float: none;
margin-bottom: 15px;
width: 100%; }
.cb_textelement.with-image .image_container.right {
float: none;
margin-bottom: 15px;
width: 100%; }
.cb_textelement.with-image .textelement_content h2 {
margin-bottom: 5px; }
.cb_textelement.with-image .textelement_content p img {
margin-bottom: 10px; }
.cb_textelement.with-image .textelement_content.textright {
width: 100%;
float: none; }
.cb_textelement.with-image .textelement_content.textleft {
width: 100%;
float: none; } }
@media screen and (min-width: 768px) {
.cb_textelement.with-image .image_container {
margin-bottom: 1rem; }
.cb_textelement.with-image .image_container div {
background-size: cover;
background-position: center center;
height: 170px;
width: 170px;
border-radius: 50%; } }
@media screen and (min-width: 992px) {
.cb_textelement.with-image .image_container div {
background-size: cover;
background-position: center center;
height: 170px;
width: 170px;
border-radius: 50%; }
.cb_textelement.with-image .image_container.left {
float: left;
margin-right: 1.5rem;
width: 23%; }
.cb_textelement.with-image .image_container.right {
float: right;
margin-left: 1.5rem;
width: 23%; }
.cb_textelement.with-image .textelement_content.textright {
width: 73%;
float: right; }
.cb_textelement.with-image .textelement_content.textleft {
width: 73%;
float: left; } }
.cb_textelement .box_background {
background-size: cover !important; }
@media screen and (max-width: 767px) {
.cb_textelement .box_background.full_width {
margin: 0 -1.5rem; } }
@media screen and (min-width: 768px) {
.cb_textelement .box_background.full_width {
margin: 0rem -50% 0rem -50%; } }
@media screen and (min-width: 992px) {
.cb_textelement .box_background.full_width {
margin: 0rem -50% 0rem -50%; } }
.cb_textelement .box_background.blau ul li {
color: #00a1d5; }
.cb_textelement .box_background.gruen ul li {
color: #009449; }
.cb_textelement .box_background.rosa ul li {
color: #d1007d; }
@media screen and (min-width: 768px) {
.page-id-1788 .cb_textelement .box_background p {
font-size: 1.5rem; } }
@media screen and (min-width: 992px) {
.page-id-1788 .cb_textelement .box_background p {
font-size: 1.5rem; } }
@media screen and (min-width: 992px) {
.page-id-1788 .cb_textelement .box_background p {
font-size: 1.6rem; } } form {
margin: 0; }
fieldset {
border: 1px solid #c0c0c0;
margin: 0 0.2rem;
padding: 0.35rem 0.625rem 0.75rem; }
legend {
border: 0;
padding: 0;
white-space: normal; }
button, input, select, textarea {
font-size: 100%;
margin: 0;
max-width: 100%;
vertical-align: baseline; }
button, input {
line-height: normal; }
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer; }
button[disabled], input[disabled] {
cursor: default; }
button {
border: none;
width: 100%;
text-align: left;
background: none; }
input[type="checkbox"], input[type="radio"] {
padding: 0; }
input[type="search"] {
-webkit-appearance: textfield;
padding-right: 0.2rem; width: 27rem; }
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0; }
input[type=text], textarea, select {
outline: none;
border: 1px solid #ccc; }
textarea {
overflow: auto;
vertical-align: top; }
.gform_wrapper {
max-width: 100% !important;
display: block !important; }
.gform_wrapper .gform_heading {
display: none; }
.gform_wrapper ul li {
list-style: none; }
.gform_wrapper ul li.gfield {
clear: none !important;  }
.gform_wrapper ul li.gfield.gfield_error {
width: 100% !important;
background: none !important;
border: none !important; }
.gform_wrapper ul li.gfield.gfield_error.gfield_contains_required {
margin-bottom: 0; }
.gform_wrapper ul li.gfield.gfield_error.gfield_contains_required div.ginput_container {
max-width: 100% !important;
margin-left: 0; }
.gform_wrapper ul li.gfield.gfield_error input[type=text] {
border: solid 1px #f00 !important; }
.gform_wrapper ul li.gfield.gfield_error.col-md-4 {
width: 33.33333% !important; }
.gform_wrapper ul li.gfield.gfield_error.col-md-5 {
width: 41.66667% !important; }
.gform_wrapper ul li.gfield.gfield_error.col-md-8 {
width: 66.66667% !important; }
.gform_wrapper ul li .validation_message {
display: none !important; }
.gform_wrapper ul li .ginput_container {
margin-top: 0;
margin-bottom: 1.6rem; }
.gform_wrapper ul li .ginput_container .ginput_container_fileupload {
clear: both; }
.gform_wrapper ul li .ginput_container input[type='text'], .gform_wrapper ul li .ginput_container textarea {
border-radius: 0;
border: 1px solid #ccc;
background: #fff;
color: #6b6b6b;
width: 100% !important;
padding: 0.8rem 1rem !important;
text-indent: 0;
font-weight: normal !important; }
.gform_wrapper ul li .ginput_container textarea {
height: auto; }
.gform_wrapper ul li .gfield_select {
border-radius: 0;
border: 1px solid #ccc;
background: #fff;
color: #6b6b6b;
width: 100% !important; }
.gform_wrapper ul li .gfield_label {
font-weight: normal;
font-family: "Roboto", Arial, sans-serif; }
.gform_wrapper ul li .gform_button {
font-size: 1.5rem;
font-family: "Roboto", Arial, sans-serif;
color: #6b6b6b;
padding: 0.7rem 2rem;
text-transform: uppercase;
border: 2px #6b6b6b solid;
background-color: #fff;
border-radius: 0; }
.gform_wrapper ul li .gform_button:hover {
color: #fff;
background-color: #6b6b6b; }
.gform_wrapper .gform_validation_container {
display: none; }
.gform_wrapper .validation_error {
border-top: none !important;
border-bottom: none !important;
color: #f00 !important; }
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {
margin-left: 0rem; }
.gform_wrapper .gform_footer {
padding: 0rem;
margin: 0rem;
text-align: right; }
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer button.button {
font-family: "Roboto", Arial, sans-serif;
font-size: 1.6rem !important;
text-shadow: none;
text-transform: uppercase;
color: #fff;
background: #002d5d;
padding: 0.9rem 2rem;
border: 1px solid #002d5d;
border-radius: 0rem;
display: inline-block;
text-align: center;
text-decoration: none !important;
-webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; }
.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer button.button:hover {
background-color: #fff;
color: #002d5d;
text-decoration: none; }
::-webkit-input-placeholder {
color: #6b6b6b;
font-weight: normal !important; }
:-moz-placeholder {
color: #6b6b6b;
font-weight: normal !important; }
::-moz-placeholder {
color: #6b6b6b;
font-weight: normal !important; }
:-ms-input-placeholder {
color: #6b6b6b;
font-weight: normal !important; } .newsletter .gform_confirmation_wrapper, .newsletter form {
max-width: 50rem;
width: 100%;
margin: 0 auto; }
#wrapper #field_3_11 .gfield_label {
display: none; }
#wrapper .gform_wrapper ul.gfield_checkbox li label, #wrapper .gform_wrapper ul.gfield_radio li label {
vertical-align: top;
margin-left: 7px;
font-weight: normal;
font-size: 16px; }
#sisu_kontaktform label {
font-weight: 400;
font-size: 16px;
width: 100%;
margin-bottom: 8px; }
#sisu_kontaktform input, #sisu_kontaktform select, #sisu_kontaktform textarea {
border-radius: 0;
border: 1px solid #ccc;
background: #fff;
color: #666;
width: 100%;
padding: 0.8rem 1rem;
text-indent: 0;
font-weight: normal;
margin-bottom: 17px; }
#sisu_kontaktform input[type="checkbox"] {
width: auto;
margin: 0; }
#sisu_kontaktform textarea {
height: 250px; }
#sisu_kontaktform label.hasError {
color: #bc0000; }
#sisu_kontaktform .form_error {
color: #bc0000; }
#syncon-franchise-danke {
margin-bottom: 0;
margin-top: 2rem; } .cb_zitatelement .zitatbild {
height: 145px;
width: 145px; }
.cb_zitatelement .zitatbild img {
border-radius: 50%; }
@media screen and (min-width: 768px) {
.cb_zitatelement .vertical-align {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row; flex-direction: row;
-webkit-align-items: top;
align-items: top;
-webkit-justify-content: top;
justify-content: top; } }
@media screen and (min-width: 992px) {
.cb_zitatelement .vertical-align {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row; flex-direction: row;
-webkit-align-items: top;
align-items: top;
-webkit-justify-content: top;
justify-content: top; } }
@media screen and (min-width: 768px) {
.cb_zitatelement .vertical-align > [class^="col-"], .cb_zitatelement .vertical-align > [class*=" col-"] {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
align-items: top;
justify-content: top; } }
@media screen and (min-width: 992px) {
.cb_zitatelement .vertical-align > [class^="col-"], .cb_zitatelement .vertical-align > [class*=" col-"] {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
align-items: top;
justify-content: top; } }
.cb_zitatelement .quotebox_content {
text-align: left; }
.cb_zitatelement .quotebox_content .source {
margin-bottom: 3rem; }
.cb_zitatelement .quotebox_content .source:before, .cb_zitatelement .quotebox_content .source:after {
content: '"'; }
.cb_zitatelement .quotebox_content h1, .cb_zitatelement .quotebox_content h2, .cb_zitatelement .quotebox_content h3, .cb_zitatelement .quotebox_content h4 {
color: #6b6b6b; }
.cb_zitatelement .quotebox_content h4 {
font-size: 1.6rem;
font-style: italic;
line-height: 140%; }
.cb_zitatelement .quotebox_content .author {
color: #002d5d;
text-transform: uppercase;
font-size: 1.8rem; }
.cb_zitatelement .quotebox_content .zusatz {
color: #6b6b6b; }
.cb_zitatelement .box_background {
background-size: cover !important; }
@media screen and (max-width: 767px) {
.cb_zitatelement .box_background.full_width {
margin: 0px;
margin: 0rem; } }
@media screen and (min-width: 768px) {
.cb_zitatelement .box_background.full_width {
margin: 0px -50% 0px -50%; } }
@media screen and (min-width: 992px) {
.cb_zitatelement .box_background.full_width {
margin: 0px -50% 0px -50%; } }
@media screen and (max-width: 767px) {
.cb_zitatelement {
margin-bottom: 40px !important; }
.cb_zitatelement .zitatbild {
text-align: center;
margin: 0 auto 25px; }
.cb_zitatelement .quotebox_content {
text-align: center; } } .gallery {
padding: 0rem;
left: 0rem; }
.gallery .galleryitem {
list-style: none;
margin-bottom: 1.5rem; }
.gallery .galleryitem a {
display: block;
overflow: hidden;
background: #000; }
.gallery .galleryitem a img {
width: 100%;
margin: 0;
opacity: 1;
-ms-filter: "progid:DXImageTra nsform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease; }
.gallery .galleryitem:hover a {
background: #333;
background: rgba(0, 0, 0, 0.8); }
.gallery .galleryitem:hover a img {
opacity: 0.6;
-ms-filter: "progid:DXImageTra nsform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transition: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); } .cb_iconset .cb_icons .iconitem .iconcontent {
background: #fff;
padding: 3.5rem; }
.cb_iconset .cb_icons .iconitem .image_container {
margin-bottom: 2.5rem;
text-align: left; }
.cb_iconset .cb_icons .iconitem .image_container img {
margin: 0 0 20px 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
max-height: 300px;
width: auto; }
.cb_iconset .cb_icons .iconitem .image_container .fa {
font-size: 6rem;
color: #333; }
.cb_iconset .cb_icons .iconitem p:last-child {
margin-bottom: 0rem; }
.cb_iconset .cb_icons .iconitem:hover img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transition: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05); }
@media screen and (max-width: 767px) {
.cb_iconset .cb_icons .iconitem {
margin-bottom: 30px; } } .map {
width: 100%;
height: 40rem;
border: #eaeaea solid 1px;
margin: 0rem; } .cb_picture img {
width: 100%; }
@media screen and (max-width: 767px) {
.cb_picture.col-lg-1.col-sm-1 {
display: none; } } @media screen and (max-width: 767px) {
.cb_block_start .full_width {
margin: 0 -1.5rem; } }
@media screen and (min-width: 768px) {
.cb_block_start .full_width {
margin: 0px -50% 0px -50%; } }
@media screen and (min-width: 992px) {
.cb_block_start .full_width {
margin: 0px -50% 0px -50%; } }
.cb_block_start .bg-color {
padding: 1.5rem 0; }
.cb_block_start .dark-bg h1, .cb_block_start .dark-bg h2, .cb_block_start .dark-bg h3, .cb_block_start .dark-bg h4, .cb_block_start .dark-bg h5, .cb_block_start .dark-bg h6, .cb_block_start .dark-bg .subline, .cb_block_start .dark-bg > * {
color: white !important; }
.cb_block_start .dark-bg .cb_textelement.border-top .textelement_content {
border-color: white; } .cb_accordion_start {
margin-bottom: 0rem !important; }
.cb_accordion_start .toggler {
margin-bottom: 1rem;
padding: 1.2rem 5rem 1.2rem 2rem;
text-transform: uppercase;
color: #002d5d;
background-image: url(//www.syncon-franchise.com/wp-content/themes/sisu-theme/images/acc_arrow_down_blue.png);
background-position: right 15px center;
background-repeat: no-repeat;
border-bottom: 1px solid #eee;
cursor: pointer; }
.cb_accordion_start .toggler.active {
background-image: url(//www.syncon-franchise.com/wp-content/themes/sisu-theme/images/acc_arrow_up_blue.png); } .cb_tabelle input {
outline: none !important; }
.cb_tabelle table, .cb_tabelle td {
border: 1px solid #eaeaea !important; }
.cb_tabelle th {
border: 1px solid #eaeaea !important;
padding: 1rem !important; }
.cb_tabelle td {
padding: 1rem !important; }
.cb_tabelle thead {
background: #ccc !important;
color: #333 !important; }
.cb_tabelle tr.odd {
background-color: #f9f9f9 !important; }
.cb_tabelle tr.even {
background-color: #fff !important; }
.cb_tabelle table.dataTable thead .sorting {
background-image: none !important; }
.cb_tabelle table.dataTable thead .sorting:after {
font-family: "FontAwesome", Arial, sans-serif !important;
content: '\f0dc' !important;
color: #333 !important;
float: right; }
.cb_tabelle table.dataTable thead .sorting_asc {
background-image: none !important; }
.cb_tabelle table.dataTable thead .sorting_asc:after {
font-family: "FontAwesome", Arial, sans-serif !important;
content: '\f0de' !important;
color: #333 !important;
float: right; }
.cb_tabelle table.dataTable thead .sorting_desc {
background-image: none !important; }
.cb_tabelle table.dataTable thead .sorting_desc:after {
font-family: "FontAwesome", Arial, sans-serif !important;
content: '\f0dd' !important;
color: #333 !important;
float: right; }
.cb_tabelle table.collapsed tbody td:first-child:before, .cb_tabelle table.collapsed tbody th:first-child:before {
font-family: "FontAwesome", Arial, sans-serif !important;
content: '\f078' !important;
color: #6b6b6b !important;
border: none !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
box-shadow: none !important;
background-color: transparent !important; }
.cb_tabelle table.collapsed tbody tr.parent > td:first-child:before, .cb_tabelle table.collapsed tbody tr.parent > th:first-child:before {
content: '\f077' !important; }
.cb_tabelle ul.pagination li {
padding: 4px !important; }
.cb_tabelle ul.pagination li a {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #6b6b6b;
outline: none; }
.cb_tabelle ul.pagination li a:hover, .cb_tabelle ul.pagination li a:focus {
text-decoration: none; }
.cb_tabelle ul.pagination li:hover {
background: #6b6b6b !important;
border: none !important; }
.cb_tabelle ul.pagination li:hover a {
color: #fff !important; }
.cb_tabelle ul.pagination li.active {
background: #6b6b6b !important;
border: none !important; }
.cb_tabelle ul.pagination li.active a {
color: #fff !important; }
.cb_tabelle ul.pagination li.previous:hover {
background: none !important; }
.cb_tabelle ul.pagination li.previous:hover a:before {
color: #56bae1; }
.cb_tabelle ul.pagination li.previous a {
line-height: 0;
font-size: 0; }
.cb_tabelle ul.pagination li.previous a:before {
font-family: "FontAwesome", Arial, sans-serif;
content: '\f053';
font-size: 1.6rem; }
.cb_tabelle ul.pagination li.previous a:focus {
outline: none; }
.cb_tabelle ul.pagination li.next:hover {
background: none !important; }
.cb_tabelle ul.pagination li.next:hover a:before {
color: #56bae1; }
.cb_tabelle ul.pagination li.next a {
line-height: 0;
font-size: 0; }
.cb_tabelle ul.pagination li.next a:before {
font-family: "FontAwesome", Arial, sans-serif;
content: '\f054';
font-size: 1.6rem; }
.cb_tabelle ul.pagination li.next a:focus {
outline: none; }
.cb_tabelle ul.pagination li.disabled a {
color: #eaeaea; }
.cb_tabelle ul.pagination li.disabled:hover a:before {
color: #eaeaea; }
.tabs-background {
background: #f7f7f7;
padding: 30px 0; }
@media screen and (min-width: 992px) {
.tabs-background {
margin: 0 -50%; } }
.cb_tabs h3 {
font-size: 17px;
font-weight: 700;
font-family: "Roboto", Arial, sans-serif; }
@media screen and (max-width: 767px) {
.cb_tabs h3 {
margin-top: 15px; } }
@media screen and (min-width: 992px) {
.cb_tabs .text-container {
padding-right: 90px; } }
.cb_tabs .ui-tabs .ui-tabs-panel {
padding: 1em 0; }
.cb_tabs .ui-tabs .ui-tabs-nav {
padding: 0; }
.cb_tabs .ui-tabs .ui-tabs-nav li {
margin: 0; }
.cb_tabs .ui-tabs .ui-tabs-nav li:last-of-type:after {
display: none; }
.cb_tabs .ui-tabs .ui-tabs-nav li a {
color: #002d5d;
text-transform: inherit; }
.cb_tabs .ui-tabs .ui-tabs-nav li a:focus {
border: none;
outline: none; }
.cb_tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active {
background: #f7f7f7; }
.cb_tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
font-family: "Roboto Bold", Arial, sans-serif;
font-weight: 700; }
.cb_tabs .mobile-nav-toggler {
font-size: 17px;
width: 100%;
background: #002d5d;
color: #fff;
padding: 1rem 2rem;
background-image: url(//www.syncon-franchise.com/wp-content/themes/sisu-theme/images/acc_arrow_down.png);
background-position: right 15px center;
background-repeat: no-repeat;
text-transform: uppercase; }
.cb_tabs .mobile-nav-toggler.open {
background-image: url(//www.syncon-franchise.com/wp-content/themes/sisu-theme/images/acc_arrow_up.png); }
@media (max-width: 1200px) {
.cb_tabs .ui-tabs .ui-tabs-nav li {
padding: 1rem 0; }
.cb_tabs .ui-tabs .ui-tabs-nav li:after {
display: none; }
.cb_tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active {
background: none; }
.cb_tabs .ui-tabs .ui-tabs-nav li a {
font-size: 17px;
float: none; }
.cb_tabs .mobile-nav {
list-style-type: none;
margin: 0; }
.cb_tabs .mobile-nav li {
padding: 1rem 0 0 2rem;
display: block;
float: none;
width: 100%; }
.cb_tabs .mobile-nav {
display: none; } }
@media screen and (min-width: 992px) {
.cb_tabs .mobile-nav {
display: block; } }
.loggedout.gradient {
position: relative; }
.loggedout.gradient:after {
content: "";
position: absolute;
width: 100%;
bottom: 0;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 1%, rgba(255, 255, 255, 0.5) 24%, rgba(255, 255, 255, 0.8) 44%, rgba(255, 255, 255, 0.99) 66%, rgba(255, 255, 255, 1) 67%, rgba(255, 255, 255, 1) 100%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 1%, rgba(255, 255, 255, 0.5) 24%, rgba(255, 255, 255, 0.8) 44%, rgba(255, 255, 255, 0.99) 66%, rgba(255, 255, 255, 1) 67%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 1%, rgba(255, 255, 255, 0.5) 24%, rgba(255, 255, 255, 0.8) 44%, rgba(255, 255, 255, 0.99) 66%, rgba(255, 255, 255, 1) 67%, rgba(255, 255, 255, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33ffffff', endColorstr='#ffffff',GradientType=0); }
@media screen and (max-width: 767px) {
.loggedout.gradient:after {
height: 120px; } }
@media screen and (min-width: 768px) {
.loggedout.gradient:after {
height: 150px; } }
@media screen and (min-width: 992px) {
.loggedout.gradient:after {
height: 200px; } }
.cb_code_eingabe input {
margin-right: 10px;
background-color: #eee !important; }
.cb_veranstaltungsanmeldung form {
margin-bottom: 40px;
display: flex;
flex-flow: row nowrap; }
.cb_veranstaltungsanmeldung form .inner {
max-width: 500px; }
.cb_veranstaltungsanmeldung input:not([type=checkbox]):not([type=radio]) {
border-radius: 0;
border: 1px solid #ccc;
background: #fff;
color: #666;
padding: 0.8rem 1rem;
text-indent: 0;
font-weight: normal;
margin-bottom: 17px;
width: 100%; }
.cb_veranstaltungsanmeldung select {
padding: 0.8rem 1rem;
font-weight: normal;
width: 100%; }
.cb_veranstaltungsanmeldung .block {
display: flex;
flex-flow: column;
align-items: flex-start;
width: 100%; }
.cb_veranstaltungsanmeldung .block .headline {
font-size: 20px;
color: #002d5d;
font-family: "Roboto", Arial, sans-serif;
margin-bottom: 5px;
margin-top: 15px; }
.cb_veranstaltungsanmeldung label {
font-weight: 400;
font-size: 16px;
width: 100%;
margin-bottom: 8px; }
.cb_veranstaltungsanmeldung .anrede-wrapper {
display: flex;
margin-top: 13px;
margin-bottom: 10px; }
.cb_veranstaltungsanmeldung .anrede-wrapper label {
display: flex; }
.cb_veranstaltungsanmeldung .anrede-wrapper label span {
margin-left: 8px; }
.cb_veranstaltungsanmeldung .anrede-wrapper label + label {
margin-left: 1rem; }
.cb_veranstaltungsanmeldung .js-add-participant {
cursor: pointer;
margin-top: -2px;
margin-bottom: 10px;
font-weight: bold; }
.cb_veranstaltungsanmeldung .additional-participant {
display: none; }
.cb_veranstaltungsanmeldung button {
width: 200px;
margin-top: 15px; }
.cb_veranstaltungsanmeldung label.hasError {
color: #bc0000; }
.cb_veranstaltungsanmeldung .form_error {
color: #bc0000;
margin-top: -13px; } @media screen and (min-width: 768px) {
.search #main-container {
margin-top: 12rem; } }
.search.container {
min-height: 600px; }
.search .subline {
font-size: 1.6rem;
margin-bottom: 1.5rem; }
.search .search-title {
font-size: 2.4rem;
margin-bottom: 1rem; }
.search .searchform_container {
background: #fff; }
.search .searchform_container #searchform {
text-align: left; }
.search .searchform_container #searchform label {
text-align: left; }
@media screen and (max-width: 767px) {
.search .searchform_container #searchform label {
display: none; } }
@media screen and (min-width: 768px) {
.search .searchform_container #searchform label {
display: inline-block; } }
@media screen and (min-width: 992px) {
.search .searchform_container #searchform label {
display: inline-block; } }
.search .searchform_container #searchform input {
border: none;
background: #eaeaea;
color: #666;
padding: 12px 17px;
text-indent: 0;
font-weight: normal !important;
margin-bottom: 1.5rem;
width: 254px; }
.search .searchform_container #searchform button {
width: auto;
margin-left: -2.4rem; }
.search .searchresult_container .result {
text-align: left;
border-bottom: 1px solid #eaeaea;
padding-bottom: 0.75rem;
margin-bottom: 3rem; }
.search article {
border-bottom: solid 1px #eaeaea;
margin-bottom: 2rem; }
.search article a {
text-decoration: none; }
.search article a:hover {
text-decoration: underline; }
.search #search-nav .prev-post:after {
display: none; } .owl-carousel .owl-nav div {
position: absolute;
top: 50%;
margin-top: -2.2rem;
height: 33px;
width: 18px;
color: transparent;
background-repeat: no-repeat; }
@media screen and (max-width: 767px) {
.owl-carousel .owl-nav div {
display: none !important; } }
.owl-carousel .owl-prev {
background-image: url(//www.syncon-franchise.com/wp-content/themes/sisu-theme/images/arrow_prev.png);
left: 2rem; }
.owl-carousel .owl-next {
background-image: url(//www.syncon-franchise.com/wp-content/themes/sisu-theme/images/arrow_next.png);
right: 2rem; }
.owl-carousel .owl-controls {
text-align: center; }
@media screen and (max-width: 767px) {
.owl-carousel .owl-controls {
display: none !important; } }
.owl-carousel .owl-controls .owl-dots {
position: absolute;
bottom: 10px;
width: 100%;
text-align: center; }
.owl-carousel .owl-controls .owl-dots .owl-dot {
background: #fff;
width: 1.3rem;
height: 1.3rem;
display: inline-block;
margin: 0 0.3rem;
border-radius: 1rem; }
.owl-carousel .owl-controls .owl-dots .owl-dot.active {
background: #999; }
.homeslider {
position: relative;
overflow: hidden; }
.homeslider video {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto; }
@media screen and (max-width: 767px) {
.homeslider {
height: 300px; } }
@media screen and (min-width: 768px) {
.homeslider {
height: 500px; } }
@media screen and (min-width: 992px) {
.homeslider {
height: 500px; } }
.homeslider .container {
position: relative; }
.homeslider .container .headline {
font-family: "Roboto", Arial, sans-serif;
font-weight: 400;
font-size: 3rem;
width: 29rem;
position: absolute;
right: 0;
background-color: rgba(0, 45, 93, .6);
color: #fff;
line-height: 110%;
padding: 2.5rem;
margin-top: 11rem;
margin-right: 2.5rem;
text-transform: uppercase;
z-index: 98; }
.homeslider .container .headline strong {
display: block; }
.homeslider .container .headline:after {
content: '';
background-image: url(//www.syncon-franchise.com/wp-content/themes/sisu-theme/images/slider-headline-message.png);
background-repeat: no-repeat;
width: 3.7rem;
height: 3.8rem;
position: absolute;
bottom: -3.8rem;
left: 43px;
z-index: 99; }
@media screen and (max-width: 767px) {
.homeslider .container .headline {
display: none; } }
@media screen and (min-width: 768px) {
.homeslider .container .headline {
right: 8rem;
margin-right: 1rem;
margin-top: 8rem;
font-size: 2.5rem;
width: 23rem; } }
@media screen and (min-width: 992px) {
.homeslider .container .headline {
right: 11rem;
margin-right: 0rem;
margin-top: 13rem;
font-size: 2.5rem;
width: 24rem; } }
@media screen and (min-width: 1200px) {
.homeslider .container .headline {
right: 0;
font-size: 3rem;
margin-top: 11rem;
margin-right: 2.5rem;
width: 28rem; } }
.facts {
position: absolute;
bottom: 0px;
z-index: 1;
left: 50%;
width: 100%;
transform: translateX(-50%);
text-align: center; }
@media screen and (min-width: 768px) {
.facts {
min-height: 140px; } }
@media screen and (min-width: 992px) {
.facts {
height: 140px; } }
@media screen and (min-width: 1200px) {
.facts {
height: 140px; } }
.facts .factbox {
display: inline-block;
padding: 0.5rem 0;
text-align: left; }
.facts .factbox .facts_arrow {
float: right; }
@media screen and (max-width: 767px) {
.facts .factbox .facts_arrow {
margin-right: 16px;
margin-top: 9px; } }
@media screen and (min-width: 768px) {
.facts .factbox .facts_arrow {
margin-top: 9px;
height: 30px;
width: 16px; } }
@media screen and (min-width: 992px) {
.facts .factbox .facts_arrow {
margin-right: 2px;
margin-top: 8px; } }
@media screen and (min-width: 1200px) {
.facts .factbox .facts_arrow {
margin-right: 8px;
margin-top: 11px; } }
.facts .factbox a {
text-decoration: none;
padding: 1.5rem 2rem;
text-transform: uppercase;
width: 36rem;
display: block;
float: none;
overflow: hidden; }
@media screen and (min-width: 768px) {
.facts .factbox a {
padding: 18px 20px 15px 20px;
width: 28rem; } }
@media screen and (min-width: 992px) {
.facts .factbox a {
padding: 18px 20px 15px 20px;
width: 31rem; } }
@media screen and (min-width: 1200px) {
.facts .factbox a {
padding: 1.5rem 2rem;
width: 36rem; } }
.facts .factbox a p, .facts .factbox a h2 {
font-size: 2.6rem;
line-height: 110%;
margin-bottom: 0;
float: left;
color: white; }
@media screen and (max-width: 375px) {
.facts .factbox a p, .facts .factbox a h2 {
font-size: 2rem; } }
@media screen and (min-width: 768px) {
.facts .factbox a p, .facts .factbox a h2 {
font-size: 2.1rem; } }
@media screen and (min-width: 992px) {
.facts .factbox a p, .facts .factbox a h2 {
font-size: 2.3rem; } }
@media screen and (min-width: 1200px) {
.facts .factbox a p, .facts .factbox a h2 {
font-size: 2.6rem; } }
.facts .factbox a .image_container {
float: left;
padding-top: 0.5rem;
margin-right: 20px; }
.facts .aufbau a, .facts .optimierung a, .facts .expansion a {
overflow: visible;
height: 86px;
position: relative;
margin-right: 15px; }
.facts .aufbau a.last, .facts .optimierung a.last, .facts .expansion a.last {
margin-right: 0; }
.facts .aufbau a:before, .facts .optimierung a:before, .facts .expansion a:before {
content: "";
position: absolute;
top: 0;
left: -8px;
width: 8px;
height: 86px;
background: black; }
@media screen and (max-width: 375px) {
.facts .aufbau a, .facts .optimierung a, .facts .expansion a {
height: 76px; }
.facts .aufbau a:before, .facts .optimierung a:before, .facts .expansion a:before {
height: 76px; } }
.facts .aufbau a {
background-color: #00a1d5;
color: #fff; }
.facts .aufbau a:before {
background: rgba(0, 161, 213, 0.4); }
.facts .aufbau a:hover {
background-color: #33b4dd; }
.facts .optimierung img {
margin-top: 5px; }
.facts .optimierung a {
background-color: #009449;
color: #fff; }
.facts .optimierung a:before {
background: rgba(0, 148, 73, 0.4); }
.facts .optimierung a:hover {
background-color: #33a96d; }
.facts .expansion a {
background-color: #d1007d;
color: #fff; }
.facts .expansion a:before {
background: rgba(209, 0, 125, 0.4); }
.facts .expansion a:hover {
background-color: #da3397; }
@media screen and (max-width: 767px) {
.facts {
position: relative;
top: auto;
left: auto;
transform: none;
margin: 2rem 15px 0; }
.facts .factbox {
margin: 0;
width: 55%;
display: block;
float: right; }
.facts .factbox a {
width: 100%;
margin: 0;
height: 75px;
padding: 1.5rem; }
.facts .factbox a:before {
height: 75px; }
.facts .factbox a img {
height: 30px;
weight: 30px; }
.facts .factbox a h1, .facts .factbox a h2 {
font-size: 20px; } }
@media screen and (max-width: 450px) {
.facts .factbox {
width: 90%; } }
@media screen and (max-width: 767px) {
#wrapper .logo-slider {
margin: 2rem 0; }
#wrapper .logo-slider img {
padding: 0 10px; } }
#wrapper .logo-slider img {
max-height: 80px;
width: auto;
margin: 0 auto;
display: inline-block; } .referenzfilter, .partnerfilter {
margin-bottom: 30px;      }
.referenzfilter .checkbox-dropdown, .partnerfilter .checkbox-dropdown {
width: 100%;
background: #fff;
color: #6b6b6b;
cursor: pointer; padding: 12px 22px;
padding: 1.2rem 2.2rem;
font-size: 17px;
position: relative;
float: left;
margin-right: 20px;
margin-right: 2rem;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 0;
-webkit-border-radius: 3;
-moz-border-radius: 3;
-ms-border-radius: 3;
-o-border-radius: 3;
border-radius: 3;
border: 1px solid #ccc; }
.referenzfilter .checkbox-dropdown.is-active, .partnerfilter .checkbox-dropdown.is-active {
z-index: 1;
-webkit-border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-topleft: 3px;
border-top-right-radius: 3px;
border-top-left-radius: 3px; }
.referenzfilter .checkbox-dropdown:after, .partnerfilter .checkbox-dropdown:after {
content: '';
height: 10px;
height: 1rem;
position: absolute;
width: 19px;
width: 1.9rem;
background: url(//www.syncon-franchise.com/wp-content/themes/sisu-theme/images/dropdown_arrow_down.png) no-repeat;
right: 30px;
right: 3rem;
top: 16px;
top: 1.6rem; }
.referenzfilter .checkbox-dropdown.is-active:after, .partnerfilter .checkbox-dropdown.is-active:after {
background: url(//www.syncon-franchise.com/wp-content/themes/sisu-theme/images/dropdown_arrow_up.png) no-repeat; }
.referenzfilter .checkbox-dropdown-list, .partnerfilter .checkbox-dropdown-list {
list-style: none;
margin: 0px;
margin: 0rem;
position: absolute;
background: #fff;
top: 100%; border: inherit;
left: 0px; right: 0px; opacity: 0;
-ms-filter: "progid:DXImageTra nsform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0); padding: 20px 22px;
padding: 2rem 2.2rem;
-webkit-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
-ms-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;
pointer-events: none; -webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; }
.referenzfilter .is-active .checkbox-dropdown-list, .partnerfilter .is-active .checkbox-dropdown-list {
opacity: 1;
-ms-filter: "progid:DXImageTra nsform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
background: #fff;
pointer-events: auto; }
.referenzfilter .checkbox-dropdown-list li label, .partnerfilter .checkbox-dropdown-list li label {
display: block;
padding: 0px;
padding: 0rem;
margin: 0px;
margin: 0rem;
font-weight: normal !important;
padding-top: 4px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
font-size: 14px; }
.referenzfilter .checkbox-dropdown-list li label input[type=checkbox], .partnerfilter .checkbox-dropdown-list li label input[type=checkbox] {
display: none; }
.referenzfilter .checkbox-dropdown-list li label input[type=checkbox]:checked + label:before, .partnerfilter .checkbox-dropdown-list li label input[type=checkbox]:checked + label:before {
content: "\2713";
font-size: 15px;
font-size: 1.5rem;
color: #000;
text-align: center;
line-height: 17px;
line-height: 1.7rem; }
.referenzfilter .checkbox-dropdown-list li:last-child, .partnerfilter .checkbox-dropdown-list li:last-child {
padding-bottom: 20px;
padding-bottom: 2rem; }
.referenzfilter [type="checkbox"]:not(:checked), .partnerfilter [type="checkbox"]:not(:checked), .referenzfilter [type="checkbox"]:checked, .partnerfilter [type="checkbox"]:checked {
position: absolute;
left: -9999px; }
.referenzfilter [type="checkbox"]:not(:checked) + label, .partnerfilter [type="checkbox"]:not(:checked) + label, .referenzfilter [type="checkbox"]:checked + label, .partnerfilter [type="checkbox"]:checked + label {
position: relative;
padding-left: 25px;
padding-left: 2.5rem;
cursor: pointer; }
.referenzfilter [type="checkbox"]:not(:checked) + label:before, .partnerfilter [type="checkbox"]:not(:checked) + label:before, .referenzfilter [type="checkbox"]:checked + label:before, .partnerfilter [type="checkbox"]:checked + label:before {
content: '';
position: absolute;
left: 0;
top: 9px;
width: 17px;
height: 17px;
border: 1px solid #000;
background: #fff; }
.referenzfilter [type="checkbox"]:not(:checked) + label:after, .partnerfilter [type="checkbox"]:not(:checked) + label:after, .referenzfilter [type="checkbox"]:checked + label:after, .partnerfilter [type="checkbox"]:checked + label:after {
content: '\f00c';
font-family: "FontAwesome", Arial, sans-serif;
position: absolute;
top: 11px;
left: 0px;
font-size: 17px;
line-height: 0.8;
color: #000;
transition: all 0.2s; }
.referenzfilter [type="checkbox"]:not(:checked) + label:after, .partnerfilter [type="checkbox"]:not(:checked) + label:after {
opacity: 0;
-ms-filter: "progid:DXImageTra nsform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
transform: scale(0); }
.referenzfilter [type="checkbox"]:checked + label:after, .partnerfilter [type="checkbox"]:checked + label:after {
opacity: 1;
-ms-filter: "progid:DXImageTra nsform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
transform: scale(1); }
.referenzfilter .button_filter, .partnerfilter .button_filter {
border: 1px solid #002d5d;
padding: 11px 20px;
padding: 1.1rem 2rem;
width: 100%;
font-size: 17px;
font-size: 1.7rem; }
@media screen and (max-width: 767px) {
.referenzfilter .button_filter, .partnerfilter .button_filter {
margin-bottom: 1rem; } }
.holder a {
font-size: 14px;
text-decoration: none;
color: #fff; }
.holder a:hover {
background: none;
color: #fff; }
.holder a.jp-current {
color: #fff; }
.holder a.jp-previous:after {
content: "\f053";
font-family: FontAwesome;
font-size: 14px; }
.holder a.jp-next:after {
content: "\f054";
font-family: FontAwesome;
font-size: 14px; }
.partnerfilter {
margin-top: 4rem;
margin-bottom: 4rem; }
@media screen and (max-width: 767px) {
.referenzfilter .checkbox-dropdown, .partnerfilter .checkbox-dropdown {
margin-bottom: 10px; } }
@media (max-width: 767px) {
.page-id-4268 .iconitem .image_container img {
max-width: 50px; } }
.single-veranstaltung .headerbox {
padding-top: 70px;
padding-bottom: 50px;
text-align: center;
background-color: #f7f7f7; }
.single-veranstaltung .headerbox h1 {
margin-bottom: 10px; }
.single-veranstaltung .headerbox .subline {
font-size: 20px; }
.single-veranstaltung .margin-before-content-elmente {
margin-top: 38px; }
.single-veranstaltung .base-data {
margin-top: 40px;
background-color: #f7f7f7;
padding: 50px;
padding-top: 35px; }
.single-veranstaltung .base-data .properties {
margin-top: 15px;
margin-bottom: 15px; }
.single-veranstaltung .base-data .properties .property {
margin-bottom: 20px;
font-size: 16px; }
.single-veranstaltung .base-data .properties .property .key {
font-size: 21px;
font-weight: 400;
color: #002d5d;
font-family: "Roboto", Arial, sans-serif;
margin-bottom: 5px; }
.single-veranstaltung .base-data .properties .property .value {
font-size: 16px; }
.single-veranstaltung .base-data .properties .property .value .price-type {
margin-top: 3px;
font-weight: 400; }
.single-veranstaltung .base-data .properties .property .value .price {
margin-bottom: 3px; }
.single-veranstaltung .base-data .properties .property .value a {
text-decoration: underline; }
.single-veranstaltung .base-data .properties .calender {
display: flex;
align-items: center;
margin-top: 40px;
text-decoration: none; }
.single-veranstaltung .base-data .properties .calender:hover span {
text-decoration: underline; }
.single-veranstaltung .base-data .properties .calender svg {
width: 24px;
flex: 0 0 auto;
margin-right: 20px;
fill: #002d5d; }
.single-veranstaltung .base-data .properties .calender span {
color: #002d5d;
font-size: 16px;
text-decoration: none; }
.single-veranstaltung .base-data .properties .kooperationspartner-wrapper {
margin-bottom: 25px; }
.single-veranstaltung .base-data .properties .kooperationspartner-wrapper .kooperation {
display: block; }
.single-veranstaltung .base-data .properties .kooperationspartner-wrapper .kooperationspartner {
margin-top: 10px;
margin-bottom: 10px; }
.single-veranstaltung .base-data .properties .kooperationspartner-wrapper .kooperationspartner img {
max-width: 160px;
max-height: 160px;
object-fit: contain; }
.single-veranstaltung .base-data .properties .trainer-wrapper {
display: flex;
flex-flow: column nowrap; }
.single-veranstaltung .base-data .properties .hotel-freitext {
margin-top: 5px; }
.veranstaltung-importieren table {
text-align: center; }
.veranstaltung-importieren table td, .veranstaltung-importieren table th {
border: 1px solid #ddd;
text-align: center; }
.veranstaltung-importieren table th {
color: #002d5d;
padding: 10px;
background-color: #eee; }
.veranstaltung-importieren table td {
padding: 10px; }
.veranstaltung-importieren table .btn {
padding: 5px 10px;
font-size: 14px; } .news_entry {
background: #fff;
margin-bottom: 2rem; }
.news_entry .image_container {
margin-bottom: 0rem;
overflow: hidden;
background: #000;
position: relative; }
.news_entry .image_container img {
height: auto;
width: 100%;
opacity: 1;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease; }
.news_entry .image_container .category {
font-weight: 700;
position: absolute;
left: 0;
bottom: 0;
background-color: #fff;
padding: 0.5rem 1rem;
text-transform: uppercase;
color: #fff; }
.news_entry .image_container .category.blue {
background-color: #002d5d; }
.news_entry .image_container .category.green {
background-color: #002d5d; }
.news_entry .image_container .category.pink {
background-color: #002d5d; }
.news_entry .text_container {
padding: 1.5rem 0;
position: relative; }
.news_entry .text_container .date, .news_entry .text_container p.writtentime {
display: inline-block;
color: #002d5d;
font-style: italic;
opacity: 0.5; }
.news_entry .text_container h3 {
line-height: 110%;
margin-top: 1rem;
margin-bottom: 2rem;
font-size: 2.2rem;
background-color: transparent;
text-transform: inherit;
color: #002d5d;
font-family: "Roboto", Arial, sans-serif; }
.news_entry .text_container h3 a {
color: #002d5d;
text-decoration: none; }
.news_entry .text_container h3 a:hover {
color: #002d5d; }
.news_entry .text_container p {
color: #6b6b6b; }
.news_entry:hover img {
opacity: 0.8;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transition: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); }
.page-id-3448 .news_entry .text_container p.writtentime, .page-id-3448 .news_entry .text_container time {
display: none; } .pagination_container {
position: relative;
margin: 2rem 0 3rem;
clear: both;
text-align: center; }
.pagination_container .sisu_paging {
display: inline-block;
margin: 0 20px; }
.pagination_container .sisu_paging ul.sisu_pagination {
list-style: none;
padding: 0px;
text-align: center;
margin: 0 auto; }
.pagination_container .sisu_paging ul li {
margin: 0rem 0 0.7rem 0;
text-align: center;
display: inline; }
.pagination_container .sisu_paging ul li a {
color: #6b6b6b;
text-decoration: underline;
padding: 0.5rem 0.5rem;
margin-right: 5px;
font-weight: 600;
font-size: 1.6rem; }
.pagination_container .sisu_paging ul li:hover a, .pagination_container .sisu_paging ul li.active a {
background: transparent;
color: #002d5d !important; }
.pagination_container a.prev, .pagination_container a.next {
color: #6b6b6b !important;
text-decoration: underline;
font-weight: 600;
font-size: 16px; }
.pagination_container a.prev:hover, .pagination_container a.next:hover {
text-decoration: none;
color: none !important; }
.pagination_container a.prev {
left: 0rem; }
.pagination_container a.prev i {
margin-right: 5px; }
.pagination_container a.next {
right: 0rem; }
.pagination_container a.next i {
margin-left: 5px; }
.category-list {
list-style-type: none;
color: #fff;
padding: 0;
margin: 0; }
.category-list.basic a {
color: #6b6b6b; }
.category-list.bullet a {
color: #6b6b6b;
padding: 0;
text-decoration: underline;
text-transform: none;
font-weight: 400;
font-size: 16px; }
.category-list.bullet li {
background-image: url(//www.syncon-franchise.com/wp-content/themes/sisu-theme/images/bullet.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 20px;
display: block; }
.category-list.bullet li.active a {
font-weight: 700; }
.category-list li {
display: inline-block;
margin: 0 7px 10px 0; }
.category-list li a {
text-decoration: none;
color: #fff;
padding: 5px 10px;
text-transform: uppercase;
font-weight: 700;
font-size: 14px; }
.category-list li.darkblue a, .category-list li.blue a, .category-list li.green a, .category-list li.pink a {
color: #002d5d;
border: 1px solid #002d5d; }
.category-list li.darkblue a:hover, .category-list li.blue a:hover, .category-list li.green a:hover, .category-list li.pink a:hover {
color: white;
background-color: #002d5d; }
.blogimage {
padding: 34% 50%;
box-sizing: border-box;
background-size: cover;
background-position: center center;
overflow: hidden;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transition: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s; }
.news_entry.small .text_container {
padding: 0rem 2.5rem 2rem 1.5rem; }
.news_entry.small h3 {
margin: 0;
border: none;
color: #002d5d;
line-height: 115%; }
.news_entry.small a {
font-size: 18px;
text-decoration: none;
color: #002d5d;
line-height: 110%;
display: block; }
.news_entry.small time {
font-size: 16px;
margin-top: 10px; }
.navigation {
display: flex;
justify-content: center;
margin-top: 20px;
margin-bottom: 50px; }
.navigation .jp-disabled {
display: none !important; }
.navigation .jp-current {
color: #002d5d !important; }
.navigation .jp-next {
margin-left: 10px; }
.navigation .jp-previous {
margin-right: 10px; }
.navigation a {
margin-left: 6px;
margin-right: 6px;
font-size: 16px;
font-weight: 600; }
.category-list.news li.active {
background-color: #002d5d !important; }
.category-list.news li.active a {
color: white !important; }
.referenz_entry {
margin-bottom: 40px; }
.referenz_entry .image_container {
margin-bottom: 2.2rem;
position: relative; }
@media screen and (max-width: 767px) {
.referenz_entry .image_container {
margin-bottom: 2rem; } }
.referenz_entry .image_container .referenzzusatz {
position: absolute;
right: 2rem;
top: 0; }
.referenz_entry h4 {
text-transform: uppercase;
color: #002d5d;
font-size: 2.4rem; }
.referenz_entry h4 a {
text-decoration: none;
color: #002d5d; }
.referenz_entry .branche {
margin-top: -15px;
margin-bottom: 11px;
color: #002d5d; }
.referenz_entry .referenzlogo {
height: 65px;
width: 96px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
background-color: #fff; }
.home .referenz_entry {
margin-bottom: 0; }
@media screen and (max-width: 767px) {
.home .referenz_entry .image_container {
margin-bottom: 0; } }
.only-image .text_container {
display: none; }
.partner_entry {
margin-bottom: 3rem; }
@media screen and (max-width: 767px) {
.partner_entry .image_container {
margin-bottom: 2rem; } }
.partner-video-icon i:before {
font-size: 28px;
position: relative;
top: 6px;
margin-left: 10px; }
.referenzzusatz .referenzlogo {
background-repeat: no-repeat;
background-color: white; }
.cb_custom_post_type_baustein .baustein_entry {
background-color: #f7f7f7;
display: block;
text-align: center;
padding: 5rem 2rem;
margin-bottom: 20px;
text-decoration: none; }
.cb_custom_post_type_baustein .baustein_entry .link {
text-decoration: underline;
color: #002d5d;
font-size: 16px; }
.cb_custom_post_type_baustein .baustein_entry .text_container h4 {
font-size: 2rem;
text-transform: uppercase;
line-height: 120%; }
@media screen and (max-width: 320px) {
.cb_custom_post_type_baustein .baustein_entry .text_container h4 {
font-size: 2.2rem; } }
@media screen and (min-width: 768px) and (max-width: 1366px) {
.cb_custom_post_type_baustein .baustein_entry .text_container h4 {
font-size: 1.6rem; } }
#wiki .campus:before {
content: '';
background-image: url(//www.syncon-franchise.com/wp-content/themes/sisu-theme/images/campus-icon.png);
background-position: right top;
background-repeat: no-repeat;
position: absolute;
z-index: 3;
top: -15px; }
.veranstaltung {
margin-bottom: 2rem; }
.veranstaltung .image_container {
margin-bottom: 0rem;
overflow: hidden;
position: relative; }
.veranstaltung .image_container img {
height: auto;
width: 100%;
opacity: 1;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease; }
.veranstaltung .text_container {
padding: 1.5rem 0;
position: relative;
font-size: 16px; }
.veranstaltung .text_container .subline {
margin-bottom: 7px;
font-weight: bold;
margin-top: -5px; }
.veranstaltung .text_container .additional_info {
margin-bottom: 10px; }
.veranstaltung .text_container h4 {
line-height: 110%;
margin-top: 1rem;
margin-bottom: 1rem;
font-size: 2.2rem;
background-color: transparent;
text-transform: inherit;
color: #002d5d;
font-family: "Roboto", Arial, sans-serif; }
.veranstaltung .text_container h4 a {
color: #002d5d;
text-decoration: none; }
.veranstaltung .text_container h4 a:hover {
color: #002d5d; }
.veranstaltung .text_container p {
color: #6b6b6b; }
.veranstaltung:hover img {
opacity: 0.8;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transition: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); }
.veranstaltung .btn {
margin-top: 15px; }  .cr_form { }
.cr_form .cr_ipe_item { }
@media screen and (max-width: 767px) {
.cr_form .cr_ipe_item {
float: none;
margin-right: 0rem; } }
@media screen and (min-width: 768px) {
.cr_form .cr_ipe_item {
float: left;
margin-right: 1.5rem; } }
@media screen and (min-width: 992px) {
.cr_form .cr_ipe_item {
float: left;
margin-right: 1.5rem; } }
@media screen and (max-width: 767px) {
.cr_form .cr_ipe_item.musthave {
width: 100%; } }
@media screen and (min-width: 768px) {
.cr_form .cr_ipe_item.musthave {
width: 33.5rem; } }
@media screen and (min-width: 992px) {
.cr_form .cr_ipe_item.musthave {
width: 33.5rem; } }
.cr_form .cr_ipe_item.musthave input[type='text'] {
border-radius: 0rem;
border: 1px solid #eaeaea;
background: #fff;
color: #6b6b6b;
width: 100% !important;
padding: 0.6rem 1rem;
text-indent: 0rem;
font-weight: normal !important; }
.cr_form .submit_container {
margin-right: 0rem;
text-align: center; }
@media screen and (max-width: 767px) {
.cr_form .submit_container {
margin-top: 1.5rem; } }
@media screen and (min-width: 768px) {
.cr_form .submit_container {
margin-top: 0rem; } }
@media screen and (min-width: 992px) {
.cr_form .submit_container {
margin-top: 0rem; } }
.cr_form .submit_container .cr_button {
font-family: "Roboto", Arial, sans-serif;
font-size: 1.4rem;
text-transform: uppercase;
text-align: center;
background: #fff;
color: #f66e00;
width: 15rem;
padding: 0.7rem 1.5rem 0.6rem 1.5rem;
display: inline-block;
text-shadow: none;
box-shadow: none !important;
border-radius: 0;
border: 1px solid #f66e00;
-webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; }
.cr_form .submit_container .cr_button:hover {
background-color: #f66e00;
color: #fff; } #mc-embedded-subscribe-form { }
#mc-embedded-subscribe-form .mc-field-group { }
@media screen and (max-width: 767px) {
#mc-embedded-subscribe-form .mc-field-group {
float: none;
margin-right: 0rem;
width: 100%; } }
@media screen and (min-width: 768px) {
#mc-embedded-subscribe-form .mc-field-group {
float: left;
margin-right: 1.5rem;
width: 33.5rem; } }
@media screen and (min-width: 992px) {
#mc-embedded-subscribe-form .mc-field-group {
float: left;
margin-right: 1.5rem;
width: 33.5rem; } }
#mc-embedded-subscribe-form .mc-field-group label {
display: none; }
#mc-embedded-subscribe-form .mc-field-group input[type='email'] {
border-radius: 0rem;
border: 1px solid #eaeaea;
background: #fff;
color: #6b6b6b;
width: 100% !important;
padding: 0.6rem 1rem;
text-indent: 0rem;
font-weight: normal !important; }
#mc-embedded-subscribe-form #mc-embedded-subscribe {
font-family: "Roboto", Arial, sans-serif;
font-size: 1.4rem;
text-transform: uppercase;
text-align: center;
background: #fff;
color: #f66e00;
width: 15rem;
padding: 0.7rem 1.5rem 0.6rem 1.5rem;
display: inline-block;
text-shadow: none;
box-shadow: none !important;
border-radius: 0;
border: 1px solid #f66e00;
-webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; }
@media screen and (max-width: 767px) {
#mc-embedded-subscribe-form #mc-embedded-subscribe {
margin-top: 1.5rem;
display: block;
margin: 0 auto; } }
@media screen and (min-width: 768px) {
#mc-embedded-subscribe-form #mc-embedded-subscribe {
margin-top: 0rem; } }
@media screen and (min-width: 992px) {
#mc-embedded-subscribe-form #mc-embedded-subscribe {
margin-top: 0rem; } }
#mc-embedded-subscribe-form #mc-embedded-subscribe:hover {
background-color: #f66e00;
color: #fff; }
.loginplugin label {
width: 100%; }
.loginplugin input, .loginplugin select {
border-radius: 0;
border: 1px solid #ccc;
background: #fff;
color: #6b6b6b;
width: 100% !important;
padding: 1rem;
text-indent: 0rem;
font-weight: normal !important; }
.loginplugin input[type="submit"] {
font-family: "Roboto", Arial, sans-serif;
font-size: 1.6rem;
text-shadow: none;
text-transform: uppercase;
color: #fff;
background: #002d5d;
padding: 0.9rem 2rem;
border: 1px solid #002d5d;
border-radius: 0rem;
display: inline-block;
text-align: center;
text-decoration: none !important;
-webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; }
.loginplugin input[type="submit"]:hover {
background-color: #fff;
color: #002d5d;
text-decoration: none; }
.loginplugin input[type="checkbox"] {
width: 2rem !important; }
.loginplugin .signup-submit input {
max-width: 20rem; }
.loginplugin .login-submit input {
max-width: 20rem; }
.loginplugin .lostpassword-submit input {
max-width: 25rem; }
.loginplugin .resetpass-submit input {
max-width: 20rem; }
.loginplugin .dsgvo label {
font-weight: normal; } #footer {
width: 100%;
background-color: #fff;
color: #6b6b6b;
padding: 0rem 0 2rem; }
#footer .copyright {
display: flex; }
#footer .copyright p + p {
margin-left: 0.5rem; }
#footer.cookiehinweis {
margin-bottom: 5rem; }
#footer .footer-logo {
max-height: 150px;
max-width: 150px; }
#footer h3 {
font-size: 1.8rem;
text-transform: uppercase;
font-family: "Roboto Bold", Arial, sans-serif;
font-weight: 700; }
#footer p, #footer a {
font-size: 1.4rem;
margin: 0;
padding: 0;
font-family: "Roboto", Arial, sans-serif; }
#footer .footer-contact a {
text-decoration: none; }
#footer .footer-contact .footer-icon {
margin-right: 10px; }
#footer .footer-nav {
margin: 0; }
#footer .footer-nav li {
list-style: none; }
#footer .footer-nav li.current-menu-item a {
color: #999;
text-decoration: none;
font-family: "Roboto Bold", Arial, sans-serif; }
#footer .footer-nav li a {
color: #6b6b6b;
text-transform: inherit !important;
text-decoration: none; }
#footer .footer-nav li a:first-child {
padding-right: 0.8rem; }
#footer .footer-nav li a:hover {
color: #6b6b6b; }
#footer .footer-nav li a:active {
color: #999; }
#footer .footer-block.rights {
margin-top: 1.5rem; }
#footer .footer-block.rights .footer-nav li {
display: inline-block;
margin-left: 7px; }
@media screen and (min-width: 768px) {
#footer .footer-block.rights {
text-align: right; } }
#footer .footer-text {
margin-top: 1.8rem; }
@media screen and (max-width: 767px) {
#footer {
text-align: center;
padding: 0rem 0 2rem; }
#footer h3 {
margin-bottom: 10px; }
#footer .footer-nav {
float: none;
margin-top: 1rem; }
#footer .footer-block {
margin-top: 3rem; } }
#footer .bluefooter {
background-color: #002d5d;
padding: 4rem 0 3rem; }
@media screen and (max-width: 767px) {
#footer .bluefooter {
padding: 2rem 0 3rem; } }
#footer .bluefooter h3, #footer .bluefooter p, #footer .bluefooter a {
color: #fff;
text-transform: inherit; }
#footer .bluefooter a {
text-decoration: none; }
#footer .bluefooter a:hover {
text-decoration: underline; }
#footer .bluefooter .footer-nav li {
margin-bottom: 0.5rem; }
#footer .bluefooter .footer-nav li a {
color: #fff; }
#footer .bluefooter .footer-contact .flag, #footer .bluefooter .footer-contact .contactdata {
display: inline-block; }
#footer .bluefooter .footer-contact .flag {
margin-right: 2rem; }
#footer .bluefooter .footer-contact .flag img {
margin-top: -2rem; }
#footer .bluefooter .footer-contact .contactdata {
text-align: left; }
#footer .bluefooter .footer-contact .contactdata a {
display: block; } body.kontrast {
-webkit-transition: color 0.3s ease-in;
-moz-transition: color 0.3s ease-in;
-ms-transition: color 0.3s ease-in;
-o-transition: color 0.3s ease-in;
transition: color 0.3s ease-in;
background: #000;
color: #fff;           }
body.kontrast a {
color: #ff0;
-webkit-transition: color 0.3s ease-in;
-moz-transition: color 0.3s ease-in;
-ms-transition: color 0.3s ease-in;
-o-transition: color 0.3s ease-in;
transition: color 0.3s ease-in;
text-decoration: none;
cursor: pointer;
font-weight: normal;
outline: none; }
body.kontrast a:hover {
text-decoration: underline;
color: #0ff; }
body.kontrast a:active {
color: #0ff; }
body.kontrast a:focus {
color: #0ff; }
body.kontrast .header_cta a {
border: solid 1px #000 !important;
color: #000 !important;
background: #fff !important; }
body.kontrast .header_cta a:hover {
text-decoration: none;
background: #000 !important;
color: #fff !important; }
body.kontrast .header_cta a:active {
background: #000 !important;
color: #fff !important; }
body.kontrast .header_cta a:focus {
background: #000 !important;
color: #fff !important; }
body.kontrast .accessibilityMenu {
color: #000; }
@media screen and (max-width: 767px) {
body.kontrast #hauptmenu ul.sub-menu {
background-color: #000; } }
@media screen and (min-width: 768px) {
body.kontrast #hauptmenu ul.sub-menu {
background-color: #000; } }
@media screen and (min-width: 992px) {
body.kontrast #hauptmenu ul.sub-menu {
background-color: #fff; } }
@media screen and (max-width: 767px) {
body.kontrast #hauptmenu ul.sub-menu li a:hover {
color: #000; } }
@media screen and (min-width: 768px) {
body.kontrast #hauptmenu ul.sub-menu li a:hover {
color: #000; } }
@media screen and (min-width: 992px) {
body.kontrast #hauptmenu ul.sub-menu li a:hover {
color: #fff;
background-color: #000; } }
body.kontrast .btn {
background: #fff !important; border-color: #fff !important; color: #000 !important;  }
body.kontrast .btn.white {
color: #fff !important; border-color: #fff !important; }
body.kontrast .btn.white:hover, body.kontrast .btn.white:active, body.kontrast .btn.white:focus {
text-decoration: underline; }
body.kontrast .btn:hover {
background-color: #000 !important; color: #fff !important; border-color: #fff !important; text-decoration: none; }
body.kontrast .btn:active {
box-shadow: none; }
body.kontrast .news_entry {
background: #fff;
color: #000; }
body.kontrast .news_entry h3 {
color: #000; }
body.kontrast .news_entry h3 a {
color: #000; }
body.kontrast .cb_textelement .box_background, body.kontrast .cb_zitatelement .box_background {
padding: 0px !important; background: none !important; }
body.kontrast .cb_textelement .box_background .textelement_content, body.kontrast .cb_zitatelement .box_background .textelement_content {
color: #fff; }
body.kontrast .cb_textelement .box_background .textelement_content h1, body.kontrast .cb_zitatelement .box_background .textelement_content h1, body.kontrast .cb_textelement .box_background .textelement_content .subline, body.kontrast .cb_zitatelement .box_background .textelement_content .subline, body.kontrast .cb_textelement .box_background .textelement_content .entry-text, body.kontrast .cb_zitatelement .box_background .textelement_content .entry-text {
color: #fff !important; }
body.kontrast .cb_block_start .full_width {
padding: 0px !important; background: none !important; }
body.kontrast .searchform_container {
background: #fff;
color: #000; }
body.kontrast .searchform_container .container #searchform input {
border: solid 1px #000;
color: #000;
background: #fff; }
body.kontrast .searchresult_container {
background: #fff;
border-top: solid 1px #000;
color: #000; }
body.kontrast #share_icons ul li a {
color: #fff !important; }
body.kontrast #cookiesWarning #cookiesWarningActive {
background: #fff;
color: #000; }
body.kontrast #footer {
background-color: #000;
color: #fff; }
body.kontrast #footer ul.footer-nav li a {
color: #ff0; }
body.kontrast #footer ul.footer-nav li a:hover {
color: #0ff; }
body.kontrast #footer ul.footer-nav li a:active {
color: #0ff; }
body.kontrast #footer ul.footer-nav li a:focus {
color: #0ff; }
body.graustufen {
filter: grayscale(100%) !important;
-webkit-filter: grayscale(100%) !important;
-webkit-filter: grayscale(1) !important;
-moz-filter: grayscale(100%) !important;
-ms-filter: grayscale(100%) !important;
-o-filter: grayscale(100%) !important;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale") !important;
filter: gray !important; } .error404 #wrapper .container.sitenotfound {
margin-top: 8rem; }
.error404 #wrapper .container.sitenotfound .notfound-content {
text-align: left; }
.error404 #wrapper .container.sitenotfound .notfound-content .topline {
color: #002d5d;
line-height: 120%; }
.error404 #wrapper .container.sitenotfound .notfound-content h1 {
color: #999;
line-height: 120%; }
.error404 #wrapper .container.sitenotfound .notfound-content p {
color: #6b6b6b; }
.error404 #wrapper .container.sitenotfound .notfound-content .image_container {
border-right: 1px solid #e4e5e5; }
@media screen and (max-width: 767px) {
.error404 #wrapper .container.sitenotfound {
margin-top: 3rem; }
.error404 #wrapper .container.sitenotfound .image_container {
border-right: none;
text-align: center; }
.error404 #wrapper .container.sitenotfound .topline {
font-size: 3rem;
margin-top: 2.5rem; }
.error404 #wrapper .container.sitenotfound h1 {
font-size: 2.4rem; } }
@media screen and (min-width: 768px) {
.error404 #wrapper .container.sitenotfound {
margin-top: 6rem; }
.error404 #wrapper .container.sitenotfound .image_container {
border-right: none;
text-align: center; }
.error404 #wrapper .container.sitenotfound .notfound-content {
text-align: center; }
.error404 #wrapper .container.sitenotfound .notfound-content .topline {
font-size: 4rem; }
.error404 #wrapper .container.sitenotfound .notfound-content h1 {
font-size: 2.6rem; } }
@media screen and (min-width: 992px) {
.error404 #wrapper .container.sitenotfound {
margin-top: 8rem; }
.error404 #wrapper .container.sitenotfound .image_container {
border-right: 1px solid #e4e5e5;
text-align: center; }
.error404 #wrapper .container.sitenotfound .notfound-content {
text-align: left; }
.error404 #wrapper .container.sitenotfound .notfound-content .topline {
font-size: 5rem;
margin-top: 5.5rem; }
.error404 #wrapper .container.sitenotfound .notfound-content h1 {
font-size: 3rem; } }
body.page-template-tplLandingPage #header #logo, body.page-template-tplCodeEingabe #header #logo, body.page-template-tplCodeEdit #header #logo {
pointer-events: none; }
body.page-template-tplLandingPage #header #hauptmenu, body.page-template-tplCodeEingabe #header #hauptmenu, body.page-template-tplCodeEdit #header #hauptmenu, body.page-template-tplLandingPage #header .topnav, body.page-template-tplCodeEingabe #header .topnav, body.page-template-tplCodeEdit #header .topnav {
display: none; }
body.page-template-tplLandingPage #main-container .rightbar, body.page-template-tplCodeEingabe #main-container .rightbar, body.page-template-tplCodeEdit #main-container .rightbar, body.page-template-tplLandingPage #main-container .breadcrumbs, body.page-template-tplCodeEingabe #main-container .breadcrumbs, body.page-template-tplCodeEdit #main-container .breadcrumbs {
display: none; }
body.page-template-tplLandingPage #footer .bluefooter, body.page-template-tplCodeEingabe #footer .bluefooter, body.page-template-tplCodeEdit #footer .bluefooter {
display: none; }
body.page-template-tplLandingPage #footer .footer_bottom_bar, body.page-template-tplCodeEingabe #footer .footer_bottom_bar, body.page-template-tplCodeEdit #footer .footer_bottom_bar {
margin-top: 40px; }
body.page-template-tplLandingPage label, body.page-template-tplCodeEingabe label, body.page-template-tplCodeEdit label {
font-weight: 400;
font-size: 16px;
margin-bottom: 8px; }
body.page-template-tplLandingPage input, body.page-template-tplCodeEingabe input, body.page-template-tplCodeEdit input, body.page-template-tplLandingPage select, body.page-template-tplCodeEingabe select, body.page-template-tplCodeEdit select, body.page-template-tplLandingPage textarea, body.page-template-tplCodeEingabe textarea, body.page-template-tplCodeEdit textarea {
border-radius: 0;
border: 1px solid #ccc;
background: #fff;
color: #666;
padding: 0.8rem 1rem;
text-indent: 0;
font-weight: normal;
margin-bottom: 17px; }
body.page-template-tplLandingPage .btn, body.page-template-tplCodeEingabe .btn, body.page-template-tplCodeEdit .btn {
width: auto; }
.page-id-5593 div.mobile_break {
display: inline-block; }
@media (min-width: 768px) {
.page-id-5593 div.mobile_break {
display: none; } }
.page-id-5593 br.mobile_break_br {
display: inline-block; }
@media (min-width: 768px) {
.page-id-5593 br.mobile_break_br {
display: none; } }
@media (max-width: 767px) {
.page-id-5593 h1 {
font-size: 23px; } }
body.page-template-tplLandingPage .error_message {
margin-top: 30px; }
body.page-template-tplLandingPage .wrap_fragenkatalog input.calc {
border: none; }
body.page-template-tplLandingPage .wrap_fragenkatalog input[type=radio] {
border: none; }
body.page-template-tplLandingPage .wrap_fragenkatalog ul.likert:before {
width: 65%; }
@media (max-width: 767px) {
body.page-template-tplLandingPage .wrap_fragenkatalog ul.likert:before {
width: 70%; } }
@media (min-width: 768px) {
body.page-template-tplLandingPage .wrap_fragenkatalog label.statement {
margin-left: 70px; } }
@media (min-width: 992px) {
body.page-template-tplLandingPage .wrap_fragenkatalog label.statement {
margin-left: 110px; } }
@media (min-width: 1200px) {
body.page-template-tplLandingPage .wrap_fragenkatalog label.statement {
margin-left: 150px; } }
@media (min-width: 768px) {
body.page-template-tplLandingPage .wrap_fragenkatalog ul.likert:before {
margin-left: 70px; } }
@media (min-width: 992px) {
body.page-template-tplLandingPage .wrap_fragenkatalog ul.likert:before {
margin-left: 110px; } }
@media (min-width: 1200px) {
body.page-template-tplLandingPage .wrap_fragenkatalog ul.likert:before {
margin-left: 150px; } }
@media (min-width: 768px) {
body.page-template-tplLandingPage .wrap_fragenkatalog ul.likert li:first-of-type {
margin-left: 70px; } }
@media (min-width: 992px) {
body.page-template-tplLandingPage .wrap_fragenkatalog ul.likert li:first-of-type {
margin-left: 110px; } }
@media (min-width: 1200px) {
body.page-template-tplLandingPage .wrap_fragenkatalog ul.likert li:first-of-type {
margin-left: 150px; } }
@media (max-width: 767px) {
body.page-template-tplLandingPage .wrap_fragenkatalog h1 {
font-size: 23px;
padding: 0 5px; } }
@media (min-width: 768px) and (max-width: 991px) {
body.page-template-tplLandingPage .wrap_fragenkatalog h1 {
margin-top: 50px; } }
body.page-template-tplLandingPage .wrap_fragenkatalog h2 {
font-size: 20px; }
@media (max-width: 767px) {
body.page-template-tplLandingPage .wrap_fragenkatalog h2 {
font-size: 18px;
padding: 0 5px; } }
body.page-template-tplLandingPage .wrap_fragenkatalog .survey-legend {
padding: 0 5px; }
@media (max-width: 767px) {
body.page-template-tplLandingPage .wrap_fragenkatalog .survey-content {
padding-right: 4.25%; } }
@media (max-width: 767px) {
body.page-template-tplLandingPage .wrap_fragenkatalog .svg-container svg.main-svg text.gtitle {
font-size: 15px !important; } }
@media (max-width: 767px) {
body.page-template-tplLandingPage .wrap_fragenkatalog .svg-container svg.main-svg text.xtitle {
font-size: 11px !important; } }
@media (max-width: 767px) {
body.page-template-tplLandingPage .wrap_fragenkatalog .ergebnisse {
margin: 0 5px; } }
@media (max-width: 767px) {
body.page-template-tplLandingPage .wrap_fragenkatalog ul {
padding-left: 25px; } }
@media (max-width: 767px) {
body.page-template-tplLandingPage .wrap_fragenkatalog ul li label small {
display: block;
margin: 0 -27px; } }
body.page-template-tplLandingPage .wrap_fragenkatalog .buttons, body.page-template-tplLandingPage .wrap_fragenkatalog button {
text-align: center; }
body.page-template-tplLandingPage .wrap_fragenkatalog .buttons button, body.page-template-tplLandingPage .wrap_fragenkatalog button button {
width: initial;
max-width: 160px;
background-color: #002d5d; }
body.page-template-tplLandingPage .wrap_fragenkatalog .button.generate-chart {
width: initial;
background-color: #002d5d; }
@media (max-width: 767px) {
body.page-template-tplLandingPage .wrap_fragenkatalog .button.generate-chart {
margin-top: 10px; } }
body.page-template-tplLandingPage .wrap_fragenkatalog .box {
margin-top: 30px !important; }
body.page-template-tplLandingPage .wrap_fragenkatalog .box #progressbar {
background-color: #eee; }
body.page-template-tplLandingPage .wrap_fragenkatalog .box #progressbar .bar {
background-color: #074587;
border: 1px solid #074587; }
body.page-template-tplLandingPage .wrap_fragenkatalog .zeile input[type=text] {
background-color: #f7f7f7;
width: 100%; }
@media (min-width: 576px) {
body.page-template-tplLandingPage .wrap_fragenkatalog .zeile input[type=text] {
width: 300px; } }
body.page-template-tplLandingPage .wrap_fragenkatalog .zeile label {
display: block; }
body.page-template-tplLandingPage .wrap_fragenkatalog .zeile label.geschlecht {
margin-bottom: 0;
height: 24px;
font-size: 15px; }
body.page-template-tplLandingPage .wrap_fragenkatalog .zeile input[type=radio] {
margin-right: 5px; }
body.page-template-tplCodeEingabe .subline {
font-size: 28px;
margin: 0 0 2rem 0;
color: #002d5d; }
body.page-template-tplCodeEingabe h1 {
margin: 0 0 12px 0; }
body.page-template-tplCodeEingabe input {
background-color: #f7f7f7;
margin: 0 10px; }
body.page-template-tplCodeEingabe input[name=kunde] {
width: 200px; }
body.page-template-tplCodeEingabe input[name=notizen] {
width: 350px; }
body.page-template-tplCodeEingabe label {
min-width: 130px;
margin-bottom: 30px; }
body.page-template-tplCodeEingabe button {
margin-bottom: 30px; }
body.page-template-tplCodeEingabe table {
text-align: center;
width: auto; }
body.page-template-tplCodeEingabe table th {
text-align: center;
background-color: #eee;
border: 1px solid #eee;
padding: 5px; }
body.page-template-tplCodeEingabe table td {
padding: 5px;
border: 1px solid #eee; }
body.page-template-tplCodeEingabe table th:nth-of-type(1), body.page-template-tplCodeEingabe table td:nth-of-type(1) {
width: 80px; }
body.page-template-tplCodeEingabe table th:nth-of-type(2), body.page-template-tplCodeEingabe table td:nth-of-type(2) {
width: 250px; }
body.page-template-tplCodeEingabe table th:nth-of-type(3), body.page-template-tplCodeEingabe table td:nth-of-type(3) {
width: 500px; }
body.page-template-tplCodeEingabe table th:nth-of-type(4), body.page-template-tplCodeEingabe table td:nth-of-type(3) {
width: 100px; }
body.page-template-tplCodeEdit .subline {
font-size: 28px;
margin: 0 0 2rem 0;
color: #002d5d; }
body.page-template-tplCodeEdit h1 {
margin: 0 0 12px 0; }
body.page-template-tplCodeEdit span.code {
margin-left: 100px; }
body.page-template-tplCodeEdit input {
background-color: #f7f7f7;
margin: 0 10px; }
body.page-template-tplCodeEdit input[name=kunde] {
width: 250px; }
body.page-template-tplCodeEdit input[name=notizen] {
width: 550px; }
body.page-template-tplCodeEdit label.code {
margin-bottom: 20px; }
body.page-template-tplCodeEdit label {
min-width: 130px;
margin-bottom: 30px; }
body.page-template-tplCodeEdit button {
margin-bottom: 30px; }
.page-template-tpl_Seminar {
font-size: 1.6rem; }
.page-template-tpl_Seminar header .container {
max-width: 1604px;
margin: 0 auto;
width: 100%;
padding-left: 3vw;
padding-right: 3vw; }
.page-template-tpl_Seminar .burgermenu-seminar {
display: flex;
flex-direction: column;
justify-content: center;
height: 100% !important;
position: static;
margin-left: auto; }
@media (min-width: 1024px) {
.page-template-tpl_Seminar .burgermenu-seminar {
display: none; } }
.page-template-tpl_Seminar .burgermenu-seminar.menu-opened i {
background-color: #002d5d; }
.page-template-tpl_Seminar .menu-seminar {
list-style-type: none;
display: none; }
@media (max-width: 1023px) {
.page-template-tpl_Seminar .menu-seminar.open {
position: absolute;
margin: 0;
width: 100%;
left: 0;
right: 0;
text-align: center;
padding: 0 0 3rem; }
.page-template-tpl_Seminar .menu-seminar.open li {
margin: 0; }
.page-template-tpl_Seminar .menu-seminar.open::before {
content: "";
background-color: white;
left: -100vw;
right: -100vw;
position: absolute;
top: 0;
bottom: 0;
z-index: -1; } }
@media (min-width: 1024px) {
.page-template-tpl_Seminar .menu-seminar {
display: flex;
justify-content: flex-end;
align-items: center;
height: 100%;
position: static; } }
.page-template-tpl_Seminar .menu-seminar li {
margin-right: 3rem; }
.page-template-tpl_Seminar .menu-seminar li:last-child {
margin-right: 0; }
.page-template-tpl_Seminar .menu-seminar li:last-child a {
color: #00a1d5;
font-family: "Roboto Bold", Arial, sans-serif; }
.page-template-tpl_Seminar .menu-seminar li:last-child a:hover {
color: #002d5d; }
.page-template-tpl_Seminar .menu-seminar a {
text-decoration: none;
color: #002d5d;
font-size: 2rem; }
.page-template-tpl_Seminar .menu-seminar a:hover {
color: #00a1d5; }
.page-template-tpl_Seminar .row {
display: flex;
flex-wrap: wrap; }
.page-template-tpl_Seminar .subline, .page-template-tpl_Seminar .topline {
text-transform: uppercase;
color: #00a1d5;
font-family: "Roboto Bold", Arial, sans-serif;
font-size: 1.8rem;
margin-bottom: 1rem;
letter-spacing: 1px; }
.page-template-tpl_Seminar ul, .page-template-tpl_Seminar a, .page-template-tpl_Seminar p {
font-size: 1.6rem; }
.page-template-tpl_Seminar strong {
font-weight: 700; }
.page-template-tpl_Seminar .btn {
border-radius: 5rem;
font-family: "Roboto Bold", Arial, sans-serif;
text-transform: none;
padding: 1.5rem 3rem;
background-color: #d1007d;
font-size: 2rem;
border: none; }
.page-template-tpl_Seminar .btn:hover {
background-color: #002d5d;
color: white; }
.page-template-tpl_Seminar .header-seminar {
background-color: #002d5d;
color: white;
margin-top: 12rem;
position: relative; }
.page-template-tpl_Seminar .header-seminar > *, .page-template-tpl_Seminar .header-seminar h1 {
color: white; }
.page-template-tpl_Seminar .header-seminar h1 {
font-family: "Roboto Bold", Arial, sans-serif;
line-height: 1; }
@media (min-width: 992px) {
.page-template-tpl_Seminar .header-seminar h1 {
font-size: 6rem; } }
.page-template-tpl_Seminar .header-seminar .img-wrapper img {
object-fit: cover;
height: 100%;
width: 100%; }
.page-template-tpl_Seminar .header-seminar .img-wrapper .item {
height: 30rem;
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
width: 100vw; }
@media (min-width: 768px) {
.page-template-tpl_Seminar .header-seminar .img-wrapper .item {
height: 65rem;
width: auto; } }
.page-template-tpl_Seminar .header-seminar .text-wrapper {
max-width: 755px;
position: relative; }
.page-template-tpl_Seminar .header-seminar .text-wrapper .inner {
padding: 3rem;
display: flex;
flex-direction: column;
justify-content: center;
height: 100%; }
@media (min-width: 1024px) {
.page-template-tpl_Seminar .header-seminar .text-wrapper .inner {
padding: 5rem; } }
.page-template-tpl_Seminar .header-seminar .text-wrapper .info-wrapper {
display: flex;
margin-bottom: 2rem;
flex-direction: column; }
@media (min-width: 576px) {
.page-template-tpl_Seminar .header-seminar .text-wrapper .info-wrapper {
margin-bottom: 3rem;
flex-direction: row; } }
.page-template-tpl_Seminar .header-seminar .text-wrapper .info-wrapper .info {
display: flex;
align-items: center;
font-size: 1.8rem;
margin-bottom: 1rem; }
@media (min-width: 576px) {
.page-template-tpl_Seminar .header-seminar .text-wrapper .info-wrapper .info {
margin-bottom: 0; } }
@media (min-width: 992px) {
.page-template-tpl_Seminar .header-seminar .text-wrapper .info-wrapper .info {
font-size: 2rem; } }
.page-template-tpl_Seminar .header-seminar .text-wrapper .info-wrapper .info svg {
margin-right: 1rem; }
.page-template-tpl_Seminar .header-seminar .text-wrapper .info-wrapper .info.date {
margin-right: 2rem; }
@media (min-width: 576px) {
.page-template-tpl_Seminar .header-seminar .text-wrapper .info-wrapper .info.date {
padding-right: 2rem;
border-right: 0.2rem solid white; } }
.page-template-tpl_Seminar .header-seminar .cta {
position: absolute;
background-color: #00a1d5;
text-align: center;
width: 26rem;
height: 26rem;
border-radius: 50%;
right: 3vw;
top: 5rem;
transform: rotate(7deg);
transition: transform 0.3s;
display: block; }
@media (max-width: 1399px) {
.page-template-tpl_Seminar .header-seminar .cta {
position: relative;
top: 0;
left: 0;
width: 100%;
transform: rotate(0);
border-radius: 0;
height: auto;
padding: 30px 15px; } }
.page-template-tpl_Seminar .header-seminar .cta:hover {
transform: scale(1.05) rotate(7deg); }
.page-template-tpl_Seminar .header-seminar .cta a {
text-decoration: none;
font-family: "Roboto Bold", Arial, sans-serif;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%; }
.page-template-tpl_Seminar .header-seminar .cta .text-oben {
color: #002d5d;
text-transform: uppercase;
margin-bottom: 1rem;
font-size: 2rem; }
.page-template-tpl_Seminar .header-seminar .cta .text-unten {
color: white;
font-size: 2.5rem;
line-height: 1.2; }
.page-template-tpl_Seminar .header-seminar-kooperation {
background-color: #f8f8f8;
margin-bottom: 3rem; }
@media (min-width: 992px) {
.page-template-tpl_Seminar .header-seminar-kooperation {
margin-bottom: 7rem; } }
.page-template-tpl_Seminar .header-seminar-kooperation .logos {
max-width: 1100px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
padding: 3rem 3vw;
flex-wrap: wrap; }
.page-template-tpl_Seminar .header-seminar-kooperation .logos .logo {
max-width: 23.6rem;
width: 28%; }
@media (min-width: 992px) {
.page-template-tpl_Seminar .header-seminar-kooperation .logos .logo {
width: 20%; } }
.page-template-tpl_Seminar .header-seminar-kooperation .logos .headline {
font-size: 1.8rem;
color: #002d5d;
width: 100%;
text-align: center;
margin-bottom: 3rem; }
@media (min-width: 992px) {
.page-template-tpl_Seminar .header-seminar-kooperation .logos .headline {
width: 20%;
text-align: left;
margin-bottom: 0; } }
.page-template-tpl_Seminar .header-seminar-kooperation .logos a:hover img {
transform: scale(0.95); }
.page-template-tpl_Seminar .header-seminar-kooperation .logos a img {
transition: transform 0.3s; }
.page-template-tpl_Seminar .container-small {
max-width: 946px;
margin: 0 auto;
width: 100%; }
.page-template-tpl_Seminar .content {
color: #000; }
.page-template-tpl_Seminar .content > *, .page-template-tpl_Seminar .content h2, .page-template-tpl_Seminar .content h3 {
color: #000; }
.page-template-tpl_Seminar .content h2, .page-template-tpl_Seminar .content h3 {
font-family: "Roboto Bold", Arial, sans-serif; }
@media (min-width: 992px) {
.page-template-tpl_Seminar .content h2 {
font-size: 3.6rem; } }
@media (min-width: 992px) {
.page-template-tpl_Seminar .content h3 {
font-size: 2.4rem; } }
.page-template-tpl_Seminar .content .cb_block_start .full_width {
margin-left: 50%;
transform: translateX(-50%);
width: 100vw; }
.page-template-tpl_Seminar .content .cb_textelement .box_background {
height: 100%; }
.page-template-tpl_Seminar .content .cb_textelement.vertical-center .textelement_content {
height: 100%;
justify-content: center; }
@media (max-width: 767px) {
.page-template-tpl_Seminar .content .cb_textelement.right .entry-text {
text-align: left; } }
.page-template-tpl_Seminar .content .cb_textelement .textelement_content {
display: flex;
flex-direction: column; }
.page-template-tpl_Seminar .content .cb_textelement .textelement_content > * {
order: 2; }
.page-template-tpl_Seminar .content .cb_textelement .textelement_content .subline {
order: 1; }
.page-template-tpl_Seminar .content .cb_textelement .textelement_content p:last-child {
margin-bottom: 0; }
.page-template-tpl_Seminar .content .cb_textelement .textelement_content .text_button {
margin-top: 2.3rem; }
.page-template-tpl_Seminar .content .cb_textelement ul {
list-style-type: none; }
.page-template-tpl_Seminar .content .cb_textelement ul li {
position: relative; }
.page-template-tpl_Seminar .content .cb_textelement ul li::before {
content: "";
font-weight: bold;
display: inline-block;
width: 0.8rem;
height: 0.8rem;
background-color: #00a1d5;
border-radius: 50%;
position: absolute;
left: -2rem;
top: 0.8rem; }
.page-template-tpl_Seminar .content .cb_picture {
text-align: center; }
@media (min-width: 768px) {
.page-template-tpl_Seminar .content .cb_picture {
text-align: left; } }
.page-template-tpl_Seminar .content .cb_picture img {
max-width: 100%;
width: auto; }
.page-template-tpl_Seminar .content .cb_block_start .bg-color {
padding: 3rem 1.5rem 1rem; }
.page-template-tpl_Seminar .content .cb_block_start .bg-color.full_width {
padding: 6rem 0 4rem; }
.page-template-tpl_Seminar .content .cb_height {
width: 100%; }
.page-template-tpl_Seminar .content .cb_veranstaltungsanmeldung .no-booking-available {
text-align: center; }
.page-template-tpl_Seminar .content .cb_veranstaltungsanmeldung form {
justify-content: center; }
.page-template-tpl_Seminar .content .cb_veranstaltungsanmeldung form .inner {
max-width: 70rem; }
.page-template-tpl_Seminar .footer-seminar {
color: white;
padding: 0;
font-size: 1.6rem; }
.page-template-tpl_Seminar .footer-seminar p, .page-template-tpl_Seminar .footer-seminar a, .page-template-tpl_Seminar .footer-seminar ul {
font-size: 1.6rem; }
.page-template-tpl_Seminar .footer-seminar a, .page-template-tpl_Seminar .footer-seminar > * {
color: white; }
.page-template-tpl_Seminar .footer-seminar a {
text-decoration: none; }
.page-template-tpl_Seminar .footer-seminar a:hover {
color: #00a1d5; }
.page-template-tpl_Seminar .footer-seminar ul {
list-style-type: none;
margin: 0; }
.page-template-tpl_Seminar .footer-seminar .headline {
font-size: 1.8rem;
margin-bottom: 1rem;
font-family: "Roboto Bold", Arial, sans-serif; }
.page-template-tpl_Seminar .footer-seminar .button-wrapper .link {
font-family: "Roboto Bold", Arial, sans-serif;
color: #00a1d5;
font-size: 1.8rem; }
.page-template-tpl_Seminar .footer-seminar .button-wrapper .link:hover svg {
margin-left: 1rem; }
.page-template-tpl_Seminar .footer-seminar .button-wrapper .link svg {
margin-left: 0.5rem;
transition: margin-left 0.3s; }
.page-template-tpl_Seminar .footer-seminar .block {
margin-bottom: 3rem; }
@media (min-width: 768px) {
.page-template-tpl_Seminar .footer-seminar .block {
margin-bottom: 0; } }
.page-template-tpl_Seminar .footer-seminar .contact.some .headline {
border-top: 0.1rem solid white; }
.page-template-tpl_Seminar .footer-seminar .contact.some a {
font-size: 2.5rem;
margin-right: 1rem; }
.page-template-tpl_Seminar .footer-seminar .contact .headline {
display: flex;
align-items: center;
padding-top: 3rem; }
@media (min-width: 768px) {
.page-template-tpl_Seminar .footer-seminar .contact .headline {
border-top: 0.1rem solid white;
padding-top: 3rem;
margin-top: 6rem; } }
.page-template-tpl_Seminar .footer-seminar .contact .headline svg {
margin-right: 1rem; }
.page-template-tpl_Seminar .footer-seminar .contact .contactdata {
display: flex;
flex-direction: column; }
.page-template-tpl_Seminar .footer-seminar .inner {
background-color: #002d5d;
padding: 5rem 0; }
.page-template-tpl_Seminar .footer-seminar .last-row {
background-color: #002041;
padding: 1rem 0; }
.page-template-tpl_Seminar .footer-seminar .copyright {
display: flex;
justify-content: space-between;
flex-wrap: wrap-reverse; }
.page-template-tpl_Seminar .footer-seminar .copyright .left {
margin-right: 3rem; }
.page-template-tpl_Seminar .footer-seminar .copyright ul {
display: flex; }
.page-template-tpl_Seminar .footer-seminar .copyright ul li {
margin-right: 1rem; }
.page-template-tpl_Seminar .footer-seminar .copyright ul li:last-child {
margin-right: 0; }