@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.responsive{position:relative;height:0}.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.responsive.ratio-169{padding-bottom:56.25%}.responsive.ratio-1610{padding-bottom:62.5%}.responsive.ratio-219{padding-bottom:42.8571%}.responsive.ratio-43{padding-bottom:75%}.responsive.ratio-32{padding-bottom:66.6666%}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%}
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@charset "UTF-8";
/* FONT TYPO */
/* COLORS */
/* SIZES */
/* MIXINS */
/* @mixin columns($cols, $gap) {
    -webkit-column-count: $cols;
    -moz-column-count: $cols;
    column-count: $cols;
    -webkit-column-gap: $gap;
    -moz-column-gap: $gap;
    column-gap: $gap;
}

@mixin colspan() {
    -webkit-column-span: all;
    -moz-column-span: all;
    column-span: all;
} */
.bg-soft img {
  background: aliceblue; }

.foldedcorner {
  background: #EBEFE1;
  /* fallback */
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 50%, transparent 0) 100% 0/25px 25px no-repeat, linear-gradient(-135deg, transparent 18px, #EBEFE1 0) 0/auto;
  /* ceil(25/sqrt(2)) = 18 */ }

.rounded, #kundenstimme img,
.kundenstimme img {
  border-radius: 45px;
  margin: 0 15px 0 0; }

.box-friendly {
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0) 100%);
  border-top: 1px solid #E7E8E3;
  margin: 20px 0 0;
  padding: 25px 0 5px;
  border-bottom: 1px solid #E7E8E3; }

.spacer-top, div.message {
  margin-top: 20px; }

.bottom-2 {
  margin-bottom: 3%; }

.spacer-bottom {
  margin-bottom: 20px !important; }

.cta {
  margin-top: 25px;
  width: 100%;
  text-align: center; }

.centered-figure {
  text-align: center; }

body.logodesigntest #logoline {
  background: url(/files/test/logo-design-zukunft.jpg) no-repeat;
  background-size: cover;
  min-height: 200px;
  /* will be overwritten for mobile devices later */
  height: auto; }

.button-basic, .button-blue, a.button-green, a.button-startpage, #mainnav a.kontakt,
input[type="submit"],
button[type="submit"], p.back, nav#mainnav li, .flexbox nav#mainnav li, .list-taetig li,
.more {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-text-shadow: 0 1px 1px #fff 1px 1px #000;
  -moz-text-shadow: 0 1px 1px #fff 1px 1px #000;
  -ms-text-shadow: 0 1px 1px #fff 1px 1px #000;
  /* IE 10+ */
  -o-text-shadow: 0 1px 1px #fff 1px 1px #000;
  text-shadow: 0 1px 1px #fff 1px 1px #000;
  display: inline-block;
  /* für Abstand benötigt */
  font-weight: 600;
  border: 1px solid #E3E7EA;
  padding: 8px 16px 10px;
  color: #76AE31;
  background: #FAFAF0;
  text-decoration: none; }

.button-blue {
  -webkit-transition: background 1s;
  transition: background 1s;
  background: #4DC1F6;
  color: white; }

.button-blue:hover {
  background: #1cb0f4; }

a.button-green {
  background: #76AE31; }

.button-block {
  width: 50%; }

a.button-startpage {
  -webkit-transition: background 1s;
  transition: background 1s;
  background: rgba(255, 255, 255, 0.2);
  color: white;
  text-transform: uppercase;
  letter-spacing: 2px; }

a.button-startpage:hover, #footer a.button-startpage:hover {
  background: rgba(255, 255, 255, 0); }

#mainnav a.kontakt,
input[type="submit"],
button[type="submit"] {
  -webkit-transition: background 1s;
  transition: background 1s;
  padding: 6px 12px 7px;
  color: white;
  background: #76AE31; }

button[type="submit"],
input[type="submit"] {
  font-size: 17px;
  margin-top: 8px; }

#mainnav a.kontakt:hover,
input[type="submit"]:hover,
button[type="submit"]:hover {
  background: #9cd15b; }

#formular-praxisflyer input.submit {
  padding: 1em 1.3em; }

.ce_form {
  background: #EBEFE1;
  /* fallback */
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 50%, transparent 0) 100% 0/25px 25px no-repeat, linear-gradient(-135deg, transparent 18px, #EBEFE1 0) 0/auto;
  /* ceil(25/sqrt(2)) = 18 */
  padding: 0 20px 20px 20px; }

#sucheform.ce_form {
  background: none;
  padding: 0; }

input, textarea {
  margin-top: 5px; }

.widget {
  margin-top: 10px; }

.radio_container span {
  margin-right: 1em; }

#formular-praxisflyer .widget-text {
  display: inline-block;
  width: 49%; }

@media only all and (max-width: 600px) {
  #formular-praxisflyer .widget-text {
    display: block;
    width: 100%; } }

#formular-praxisflyer .submit_container {
  text-align: center;
  width: 100%;
  margin: 1em; }

/* for website "Budgetanfrage" form  -  nur neue browser*/
textarea.message {
  margin-top: 8px; }

.flexbox fieldset.checkbox_container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 20px 0; }

.flexbox fieldset.checkbox_container span {
  -webkit-box-flex: 0 1 200px;
  -moz-box-flex: 0 1 200px;
  -ms-flex: 0 1 200px;
  -webkit-flex: 0 1 200px;
  flex: 0 1 200px; }

form#f4 label[for^="ctrl"],
form#f5 label[for^="ctrl"] {
  font-weight: bold;
  margin: 30px 0 5px 0; }

label.budget {
  display: block;
  margin: 0 0 0 0; }

input[range] {
  display: inline-block;
  width: 80%;
  margin: 0 0 10px 0; }

output {
  position: relative;
  top: -8px; }

output::after {
  content: " Euro"; }

/* for Site Search form only */
div.extrabox {
  height: 60px; }

.extrabox .widget {
  margin-top: 0; }

.extrabox div.ce_form {
  background: none;
  margin: 11px 0 0 20px;
  padding: 0; }

div input.submit.magnifier {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  display: inline;
  float: right;
  position: relative;
  left: -5px;
  top: -44px; }

/* position search form next to mainnav in naviline */
#navline div.mod_form {
  position: absolute;
  top: 12px;
  right: 0;
  display: inline-block; }

/* smaller for small screens */
@media only all and (max-width: 1160px) {
  #navline div.mod_form {
    position: absolute;
    top: 12px;
    right: 0px;
    display: inline-block;
    width: 150px; } }

#searchengine-result form {
  margin: 0 0 20px 0; }

/* Video als iframe in HTML Content Element wegen rel=0 */
.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden;
  margin: 10px 0 12px 0; }

/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
  padding-bottom: 56.25%; }

/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
  padding-bottom: 75%; }

.intrinsic-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0; }

h2.video-heading {
  margin: 20px 0 0 0; }

h2.video-heading:first-child {
  margin: 0; }

.item2 h2.video-heading:first-child {
  margin: 14px 0 0 0; }

h1 {
  line-height: 110%;
  margin: 8px 0; }

h2 {
  font-family: "ff-netto-web", "Open sans", Arial, sans-serif;
  font-size: 27.2px;
  line-height: 32.2px;
  margin: 10px 0;
  margin-top: 20px; }

.ce_teaser h2, .malzwei h2, .item2 h2,
.item h2,
.malzwei h2,
.item2 h2 {
  margin-top: 14px; }

h3 {
  font-size: 22.1px;
  line-height: 29.9px; }

a {
  color: #4DC1F6;
  -webkit-transition: color 1s;
  transition: color 1s; }

a:hover, #footer a:hover {
  color: #3A5795; }

#footer h2 {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700; }

#footer a {
  color: #9B9B9B;
  text-decoration: none; }

figcaption {
  font-weight: 300;
  color: #9B9B9B;
  margin: 0 0 20px 0; }

.handfont {
  font-family: "ff-netto-web", Georgia, Serif;
  font-size: 22px;
  line-height: 28px; }

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url("/files/fonts/open-sans-v15-latin-300.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Light"), local("OpenSans-Light"), url("/files/fonts/open-sans-v15-latin-300.eot?#iefix") format("embedded-opentype"), url("/files/fonts/open-sans-v15-latin-300.woff2") format("woff2"), url("/files/fonts/open-sans-v15-latin-300.woff") format("woff"), url("/files/fonts/open-sans-v15-latin-300.ttf") format("truetype"), url("/files/fonts/open-sans-v15-latin-300.svg#OpenSans") format("svg");
  /* Legacy iOS */ }

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url("/files/fonts/open-sans-v15-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url("/files/fonts/open-sans-v15-latin-regular.eot?#iefix") format("embedded-opentype"), url("/files/fonts/open-sans-v15-latin-regular.woff2") format("woff2"), url("/files/fonts/open-sans-v15-latin-regular.woff") format("woff"), url("/files/fonts/open-sans-v15-latin-regular.ttf") format("truetype"), url("/files/fonts/open-sans-v15-latin-regular.svg#OpenSans") format("svg");
  /* Legacy iOS */ }

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url("/files/fonts/open-sans-v15-latin-600.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url("/files/fonts/open-sans-v15-latin-600.eot?#iefix") format("embedded-opentype"), url("/files/fonts/open-sans-v15-latin-600.woff2") format("woff2"), url("/files/fonts/open-sans-v15-latin-600.woff") format("woff"), url("/files/fonts/open-sans-v15-latin-600.ttf") format("truetype"), url("/files/fonts/open-sans-v15-latin-600.svg#OpenSans") format("svg");
  /* Legacy iOS */ }

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url("/files/fonts/open-sans-v15-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url("/files/fonts/open-sans-v15-latin-700.eot?#iefix") format("embedded-opentype"), url("/files/fonts/open-sans-v15-latin-700.woff2") format("woff2"), url("/files/fonts/open-sans-v15-latin-700.woff") format("woff"), url("/files/fonts/open-sans-v15-latin-700.ttf") format("truetype"), url("/files/fonts/open-sans-v15-latin-700.svg#OpenSans") format("svg");
  /* Legacy iOS */ }

body.start #header-centered {
  display: block;
  /* table von standardstyle auflösen */ }

body.start #header-centered a.homelink {
  display: block;
  margin: 4% 0 0 0;
  width: 100% !important;
  text-align: center; }

body.start .homelink img {
  /* Logo nur auf Startseite gross machen */
  height: 40vh; }

div#supertext {
  width: 100%;
  font-family: "ff-netto-web";
  font-size: 40px;
  line-height: 44px;
  margin: 40px 0 0 0;
  text-align: center; }

#supertext > p > a {
  text-decoration: none; }

.redorbluepill {
  display: block;
  width: 100vw;
  text-align: center; }

.redorbluepill a {
  margin: 5%;
  font-size: 22px;
  padding: 15px 20px; }

.redorbluepill .button-blue {
  color: white; }

html, body {
  -webkit-text-size-adjust: 100%;
  /* Prevent font scaling in landscape */
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 17px;
  line-height: 23px; }

#logoline {
  background: url(/files/bilder/rotterdam2.jpg) no-repeat;
  background-size: cover;
  min-height: 120px;
  /* will be overwritten for mobile devices later */
  height: auto; }

body.start #logoline {
  background: #D5D9E5 url(https://almut-m.imgix.net/rotterdam1.jpg) no-repeat center center;
  background-size: cover; }

#bgvideo {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  position: fixed;
  overflow: hidden;
  background: 50% 50% no-repeat;
  background-size: cover; }

#bgvideo video {
  min-width: 100%;
  min-height: 100%;
  left: 50%;
  top: 50%;
  position: absolute;
  display: inline-block;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

#navline .inside,
#logoline .inside,
#header-centered {
  margin: 0 auto; }

#logoline .inside {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* wichtig in Verbindung mit padding und % Wert in mediaquery mit 90% Breite */
  padding: 6px 20px;
  /* f�r li & re Abstand */
  /* box-sizing: border-box; */ }

#header-centered {
  display: table;
  height: 100%;
  position: relative;
  width: 100% !important; }

#header-centered a.homelink {
  display: table-cell;
  line-height: 0;
  min-width: 250px;
  width: 40% !important;
  height: 100%;
  -moz-box-sizing: border-box;
  /* keep image_container 100% height */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle; }

img.logo {
  width: 100%;
  height: auto;
  vertical-align: middle; }

#navline,
#header-centered nav {
  height: 60px;
  background: #10100E; }

#wrapper {
  color: #10100E;
  background: #FAFAF0;
  width: 100%; }

#superheader {
  height: 40px;
  background: #F2F2F2; }
  #superheader h1 {
    -webkit-text-shadow: 0 1px 1px #fff;
    -moz-text-shadow: 0 1px 1px #fff;
    -ms-text-shadow: 0 1px 1px #fff;
    /* IE 10+ */
    -o-text-shadow: 0 1px 1px #fff;
    text-shadow: 0 1px 1px #fff;
    display: inline-block;
    width: 32.33333%;
    color: #333333;
    font: 400 15px/18px "Open Sans", Verdana, sans-serif; }

div.callme,
nav.mod_changelanguage {
  -webkit-text-shadow: 0 1px 1px #fff;
  -moz-text-shadow: 0 1px 1px #fff;
  -ms-text-shadow: 0 1px 1px #fff;
  /* IE 10+ */
  -o-text-shadow: 0 1px 1px #fff;
  text-shadow: 0 1px 1px #fff;
  display: inline-block;
  width: 32.33333%;
  font: 400 15px/18px "Open Sans", Verdana, sans-serif; }

.callme {
  background: url("/files/layout/tel.svg") no-repeat;
  display: table;
  width: auto; }

.callme a {
  vertical-align: middle;
  display: table-cell;
  height: 31px;
  padding: 0 0 0 38px;
  color: #333333; }

nav.mod_changelanguage ul {
  display: table-cell; }

nav.mod_changelanguage ul li {
  display: table-cell;
  padding: 0 6px; }

.flexbox #superheader div.inside {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-content: space-between;
  align-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* f�r Safari 5 */
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 40px;
  /* H�he wichtig f�rs vertik. zentrieren mit flexbox */
  background: #F2F2F2; }
  .flexbox #superheader div.inside h1 {
    -webkit-box-flex: 0 1 auto;
    -moz-box-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    /* 1 lässt zu langen Text umbrechen */
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-text-shadow: 0 1px 1px #fff;
    -moz-text-shadow: 0 1px 1px #fff;
    -ms-text-shadow: 0 1px 1px #fff;
    /* IE 10+ */
    -o-text-shadow: 0 1px 1px #fff;
    text-shadow: 0 1px 1px #fff;
    width: auto;
    margin: 0;
    color: #333333;
    font: 400 15px/18px "Open Sans", Verdana, sans-serif; }

.flexbox div.callme,
.flexbox nav.mod_changelanguage {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto; }

#container {
  padding-left: 0; }

#container-centered {
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 40px;
  padding-left: 0;
  width: 100%;
  /* scheint nicht gebraucht zu werden */ }

body.col-1 #container-centered {
  padding-left: 0 !important; }

#left {
  padding: 20px 0 0 0;
  right: 0;
  width: 35%; }

#main {
  padding: 20px 0 0 35%;
  width: 65%; }

html[data-platform='iPad'] #main {
  padding: 20px 0 0 0; }

body.col-1 #main {
  width: 100% !important; }

div.inside {
  margin: 0 20px; }

#footer {
  background: #F2F2F2;
  border-top: 1px solid #E7E8E3;
  padding: 20px 0; }

.footernav {
  padding: 0 20px 20px 20px; }

.flexbox div.footer-centered {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.flexbox .footernav {
  -webkit-box-flex: 1 1 220px;
  -moz-box-flex: 1 1 220px;
  -ms-flex: 1 1 220px;
  -webkit-flex: 1 1 220px;
  flex: 1 1 220px; }

nav#mainnav ul {
  height: 100%; }

nav#mainnav li {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  border: 1px solid #333333;
  margin: 0 2%;
  padding: 0;
  background: #333333;
  font-weight: bold; }

nav#mainnav li:hover {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }

.flexbox nav#mainnav ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* f�r Safari 5 */
  height: 60px;
  /* H�he wichtig f�rs vertik. zentrieren mit flexbox */ }

.flexbox nav#mainnav li {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  border: 1px solid #333333;
  margin: 0 2%;
  padding: 0;
  background: #333333;
  font-weight: bold; }

nav#mainnav a {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: background 1s;
  transition: background 1s;
  display: block;
  background: #333333;
  padding: 6px 12px 7px;
  color: white;
  text-decoration: none; }

nav#mainnav a:hover {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  background: #595959; }

nav#mainnav span.active {
  padding: 6px 12px 7px;
  display: inline-block;
  color: #76AE31; }

nav#subnav {
  background: #EBEFE1;
  /* fallback */
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 50%, transparent 0) 100% 0/25px 25px no-repeat, linear-gradient(-135deg, transparent 18px, #EBEFE1 0) 0/auto;
  /* ceil(25/sqrt(2)) = 18 */
  margin: 0 0 20px 0; }

nav#subnav ul {
  margin: 20px 18px; }

nav#subnav li {
  margin: 0;
  padding: 0;
  font-weight: bold; }

nav#subnav a {
  -webkit-transition: color 1s;
  transition: color 1s;
  display: block;
  padding: 8px;
  color: #4DC1F6;
  text-decoration: none;
  border-bottom: 1px dotted silver; }

nav#subnav a:hover {
  color: #3A5795; }

nav#subnav strong.active {
  display: block;
  padding: 8px;
  color: #76AE31;
  text-decoration: none;
  border-bottom: 1px dotted silver; }

.mobile_menu {
  background: #333333;
  padding: 20px;
  height: 100vh;
  max-height: 100vh;
  width: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }
  .mobile_menu .inner {
    background: transparent; }
  .mobile_menu .footernav {
    padding: 0; }
    .mobile_menu .footernav h2 {
      color: #FAFAF0;
      margin-top: 30px;
      font-size: 18px;
      text-transform: uppercase;
      letter-spacing: 2px;
      margin-bottom: 0; }
  .mobile_menu ul {
    margin: 10px 0 0 0; }
  .mobile_menu ul.level_1 li.first {
    margin-top: 25px; }
  .mobile_menu ul.level_2 > li > a {
    padding-left: 20px;
    display: inline-block; }
  .mobile_menu li {
    padding: 10px 0;
    border-bottom: 1px solid #111; }
    .mobile_menu li strong.active {
      color: #76AE31;
      padding-left: 20px;
      display: inline-block; }
  .mobile_menu li.first {
    border-top: 1px solid #111; }
  .mobile_menu li:last-child {
    border-bottom: 0;
    padding-bottom: 0; }
  .mobile_menu ul.level_2 > li.first {
    border-top: 1px solid #111; }
  .mobile_menu a {
    text-decoration: none; }
  .mobile_menu li.submenu_hide > a.submenu:before {
    content: "▸  ";
    position: relative;
    top: -1px; }
  .mobile_menu li.submenu_show > a.submenu:before {
    content: "▾  ";
    position: relative;
    top: -1px; }
  .mobile_menu li.submenu_show > a {
    font-weight: bold; }
  .mobile_menu li:hover > a {
    color: #c6ebfc; }
  .mobile_menu span > nav.mod_changelanguage {
    margin: 0 0 0 20px; }
  .mobile_menu nav.mod_changelanguage {
    text-shadow: none;
    position: relative;
    top: 3px; }
    .mobile_menu nav.mod_changelanguage li {
      border: none; }
      .mobile_menu nav.mod_changelanguage li strong.active {
        padding-left: 0; }
  .mobile_menu span > div.callme {
    margin: 0 0 0 20px; }
  .mobile_menu .callme {
    background: url("/files/layout/tel-blue.svg") no-repeat;
    position: relative;
    top: 12px; }

.mod_article,
.flex-container,
.flexbox .flex-container-percent {
  width: 100%;
  height: auto; }

.item-basic, .ce_teaser, .malzwei,
.item2,
.item {
  display: inline-block;
  width: 280px;
  height: auto;
  margin: 5px 25px 5px 5px; }

.ce_teaser, .malzwei,
.item2,
.item,
.malzwei,
.item2 {
  background: white;
  border: 1px solid #F2F2F2;
  padding: 0px 15px 15px 15px; }

.malzwei,
.item2 {
  background: #F2F2F2; }

.flexbox .flex-container, .flexbox .flex-container-percent {
  margin: 0 -5px;
  /* Hack um Flexbox items links mit dem restl.
    Copytext bündig zu halten und dennoch inneren Marginabstand zu behalten.
    Erfordert separaten div class=flexbox-container im Backend*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: horizontal;
  -moz-flex-direction: horizontal;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.flexbox .item-basic, .flexbox .ce_teaser, .flexbox .malzwei,
.flexbox .item2,
.flexbox .item {
  -webkit-box-flex: 1 1 230px;
  -moz-box-flex: 1 1 230px;
  -ms-flex: 1 1 230px;
  -webkit-flex: 1 1 230px;
  flex: 1 1 230px; }

.flexbox .flex-container-percent {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: horizontal;
  -moz-flex-direction: horizontal;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-content: space-between;
  align-content: space-between;
  margin: 20px 0; }

.flexbox .item-percent {
  -webkit-box-flex: 0 1 47%;
  -moz-box-flex: 0 1 47%;
  -ms-flex: 0 1 47%;
  -webkit-flex: 0 1 47%;
  flex: 0 1 47%; }

@media (max-width: 768px) {
  .flexbox .item-percent {
    flex: 0 1 100%; } }

.flexbox .ce_teaser, .flexbox .malzwei,
.flexbox .item2,
.flexbox .item,
.flexbox .malzwei,
.flexbox .item2 {
  -webkit-box-flex: 1 1 230px;
  -moz-box-flex: 1 1 230px;
  -ms-flex: 1 1 230px;
  -webkit-flex: 1 1 230px;
  flex: 1 1 230px;
  background: white;
  margin: 5px;
  border: 1px solid #F2F2F2;
  padding: 0px 15px 15px 15px; }

.flexbox .malzwei,
.flexbox .item2 {
  -webkit-box-flex: 1 1 500px;
  -moz-box-flex: 1 1 500px;
  -ms-flex: 1 1 500px;
  -webkit-flex: 1 1 500px;
  flex: 1 1 500px;
  background: white;
  margin: 5px;
  border: 1px solid #F2F2F2;
  padding: 0 15px 15px 15px; }

@media (min-width: 1250px) {
  .flex-container.nowrap, .flexbox .nowrap.flex-container-percent {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; } }

#kundenstimme,
.ce_text.kundenstimme {
  width: auto;
  display: table-cell;
  padding: 15px 15px 15px 40px;
  vertical-align: middle;
  font-family: "ff-netto-web", Arial, Helvetica, sans-serif;
  font-size: 21px;
  line-height: 25px; }

div.kundenstimme {
  background: rgba(255, 255, 255, 0.75); }

#kundenstimme span.slogan_author,
.kundenstimme span.slogan_author {
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 0;
  font-style: italic;
  font-weight: 300; }

#main .mod_article > div.ce_image.bilder-mit-abstand {
  /* Abstand rechts fuer jedes bild */
  width: 46%;
  display: inline-block;
  margin-bottom: 20px;
  vertical-align: top; }

.bilder-mit-abstand figcaption {
  margin-bottom: 0;
  /* Abstand-big zur�cksetzen f�r diese Bildgruppen */ }

.flexbox #main .mod_article > div.ce_image.bilder-mit-abstand {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-right: 2%; }

.flexrow {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

div.flexrow div.ce_image {
  margin: 0 15px; }

.svgpic .image_container img,
.ce_teaser img[src*="svg"],
.malzwei img[src*="svg"],
.item2 img[src*="svg"] {
  min-width: 100%;
  box-sizing: border-box; }

#social a {
  text-decoration: none;
  margin-right: 12px;
  margin-bottom: 12px;
  display: inline-block; }

#social a:last-child {
  margin-right: 0px; }

.ce_accordion {
  margin: 0 0 10px 0; }

div.toggler {
  font-size: 21px;
  line-height: 25px;
  font-weight: 400;
  background: #EBEFE1 url(/files/layout/pfeil-in-circle-50px.png) no-repeat 7px center;
  cursor: pointer;
  padding: 19px 22px 19px 70px;
  border-radius: 36px; }

div.toggler:hover,
div.toggler.ui-state-active {
  background: #76AE31 url(/files/layout/pfeil-in-circle-down-50px.png) no-repeat 7px center; }

.ce_accordion p {
  margin: 15px; }

.svg div.toggler {
  background: #EBEFE1 url(/files/layout/pfeil-in-circle-50px.svg) no-repeat 7px center; }

.svg div.toggler:hover,
.svg div.toggler.ui-state-active {
  background: #9B9B9B url(/files/layout/pfeil-in-circle-down-50px.svg) no-repeat 7px center;
  color: #FAFAF0; }

.listitem-none {
  background: white none repeat scroll 0 0 !important;
  margin: 0 10px 10px 0 !important;
  padding: 10px 12px !important; }

.pricebadge {
  background: #3d5459 none repeat scroll 0 0;
  padding: 15px;
  border: 15px solid white;
  color: #EBEFE1; }

.spo {
  position: relative;
  top: -23px; }

.price {
  font-size: 4.5em;
  line-height: 110%;
  text-shadow: 5px 5px 90px #ebefe1;
  color: #EBEFE1;
  border-top: 3px double;
  border-bottom: 3px double; }

.euro {
  display: block;
  padding: 0 0 20px; }

.net {
  display: block;
  padding: 20px 0 0 0; }

.ce_text ul {
  padding: 10px 0 0 0; }

.ce_text ul li {
  /* padding:12px $abstand-big; */
  list-style-type: disc;
  margin: 10px 20px; }

.blume .ce_text ul li, ul.blume li {
  list-style-type: none;
  background: url(/files/layout/blume-5.png) no-repeat 0 3px;
  padding: 0 0 0 24px;
  margin: 0 0 10px 0; }

.svg .blume .ce_text ul li, ul.blume li {
  background: url(/files/layout/blume-5.svg) no-repeat 0 3px; }

.plus .ce_text ul li, ul.plus li {
  background: rgba(0, 0, 0, 0) url("/files/layout/plus.png") no-repeat scroll 0 3px;
  list-style-type: none;
  margin: 0 0 10px;
  padding: 0 0 0 24px; }

.svg .plus .ce_text ul li, ul.plus li {
  background: rgba(0, 0, 0, 0) url("/files/layout/plus.svg") no-repeat scroll 0 4px; }

.minus .ce_text ul li, ul.minus li {
  background: rgba(0, 0, 0, 0) url("/files/layout/minus.png") no-repeat scroll 0 3px;
  list-style-type: none;
  margin: 0 0 10px;
  padding: 0 0 0 24px; }

.svg .minus .ce_text ul li, ul.minus li {
  background: rgba(0, 0, 0, 0) url("/files/layout/minus.svg") no-repeat scroll 0 4px; }

.question .ce_text ul li, ul.question li {
  background: rgba(0, 0, 0, 0) url("/files/layout/question.png") no-repeat scroll 0 3px;
  list-style-type: none;
  margin: 0 0 10px;
  padding: 0 0 0 24px; }

.svg .question .ce_text ul li, ul.question li {
  background: rgba(0, 0, 0, 0) url("/files/layout/question.svg") no-repeat scroll 0 4px; }

.checked .ce_text ul li, ul.checked li {
  background: rgba(0, 0, 0, 0) url("/files/layout/checked-green.png") no-repeat scroll 0 3px;
  list-style-type: none;
  margin: 0 0 10px;
  padding: 0 0 0 44px;
  min-height: 37px; }

.svg .checked .ce_text ul li, ul.checked li {
  background: rgba(0, 0, 0, 0) url("/files/layout/checked-green.svg") no-repeat scroll 0 4px; }

.list-taetig li {
  list-style-type: none;
  font-weight: normal;
  color: #10100E;
  background: #FAFAF0 !important;
  margin: 0 6px 8px 0 !important;
  padding: 6px 8px !important; }

.striped h2, .darkblock {
  padding: 12px 15px 10px;
  color: white;
  background: #9B9B9B;
  margin: 0;
  text-align: center; }

.striped ul, ul.striped {
  padding: 0; }

.striped ul li, ul.striped li {
  margin: 0;
  padding: 12px 20px;
  list-style-type: none;
  border-bottom: 1px dotted #9B9B9B; }

.striped ul li:nth-child(2n+1) {
  background: #f2f2f2 none repeat scroll 0 0; }

div.striped ul.checked li:nth-child(2n+1) {
  background: rgba(0, 0, 0, 0) url("/files/layout/checked-green.svg") no-repeat scroll 0 4px; }

.listicon-centered li {
  background-position: center left !important;
  background-color: transparent;
  padding-left: 30px !important;
  transition: background-color 1.3s; }

.listicon-centered li:hover {
  background-color: rgba(77, 193, 246, 0.2); }

td, th {
  padding: 8px 10px; }

td:nth-child(2n) {
  background: #F2F2F2; }

th.startup {
  background-color: #ff9000; }

td.startup.pricerange {
  background-color: #ffd399; }

th.business {
  background-color: #76AE31; }

td.business.pricerange {
  background-color: #c0e296; }

th.company {
  background-color: #133956;
  color: #FAFAF0; }

td.company.pricerange {
  background-color: #aed2ed; }

tr.accordion-row {
  cursor: pointer;
  width: 100%;
  border: none;
  outline: none;
  transition: .4s; }

tr.accordion-row.active, tr.accordion-row:hover {
  background-color: #ddd; }

tr.panel-row {
  display: none;
  background-color: yellow; }

#logoline {
  /* Styles from codrops article */
  position: relative;
  width: 100%;
  overflow: hidden;
  /* background-size: cover;  */
  background-position: center 55%;
  z-index: 1; }

#demo-canvas {
  position: absolute; }

div.blogteaser {
  margin: 0 0 30px 0;
  border-bottom: 1px dotted #9B9B9B;
  padding: 0 0 10px 0; }

.layout_latest.blogteaser h2 {
  margin: 0; }

.blogteaser .info {
  color: #9B9B9B;
  text-transform: uppercase;
  margin: 5px 0;
  font-size: 15px; }

.socialButtons {
  margin: 0 0 10px; }

.layout_latest.blogteaser figure {
  width: 26%;
  display: inline-block;
  box-sizing: border-box;
  margin: 0 3% 0 0; }

.layout_latest .blogteasertext {
  display: inline-block;
  width: 70%;
  box-sizing: border-box;
  vertical-align: top; }

/* ---------------   Blog teaser < 600px  ----------- */
@media only all and (max-width: 600px) {
  .blogteaser figure {
    width: 100%;
    display: block;
    margin: 0; }
  .blogteasertext {
    display: block;
    width: 100%; } }

#ueber-mich img {
  -moz-border-radius: 150px;
  -webkit-border-radius: 150px;
  -ms-border-radius: 150px;
  border-radius: 150px;
  margin-bottom: 15px; }

.flexbox #ueber-mich .flex-container-vert-cent {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: horizontal;
  -moz-flex-direction: horizontal;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center; }
  @media (max-width: 875px) {
    .flexbox #ueber-mich .flex-container-vert-cent {
      -webkit-flex-direction: vertical;
      -moz-flex-direction: vertical;
      -ms-flex-direction: column;
      -webkit-flex-direction: column;
      flex-direction: column; } }

.flexbox #ueber-mich .item-vert-cent {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center; }
  @media (max-width: 875px) {
    .flexbox #ueber-mich .item-vert-cent {
      text-align: center; } }

.flexbox .perc40 {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 150px; }

.flexbox .perc60 {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto; }

#ueber-mich .img-container {
  margin-right: 10px; }

.blockquote:before {
  content: open-quote; }

.blockquote:after {
  content: close-quote; }

/* ---------------  XS Screens / Smartphonescreens < 400px  ----------- */
@media only all and (max-width: 400px) {
  /* Styles */
  .callme {
    width: 31px !important;
    overflow: hidden; }
  #main .mod_article > div.ce_image.bilder-mit-abstand:nth-child(2n+1) {
    /* Abstand rechts fuer jedes 2. Bild ab dem 1. zuruecksetzen*/
    margin-right: 0; }
  #main .mod_article > div.ce_image.bilder-mit-abstand {
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
    vertical-align: top; }
  .flexrow {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
  div.flexrow div.ce_image {
    margin: 0; } }

/* ---------------  Layoutbuilder Breakpoint < 876px  ----------- */
@media only all and (max-width: 876px) {
  /* Styles */
  #container-centered {
    padding-left: 0;
    /* reset from 20% in standard style */ }
  #left {
    width: 100%;
    /* reset from 20% in standard style */
    margin-left: 0;
    /* fix issue with layoutbuilder -100% */ }
  #main {
    width: 100%;
    /* reset from 80% in standard style */
    padding: 20px 0 0 0; }
  #superheader {
    height: auto; }
  #superheader {
    text-align: center;
    padding: 5px 0; }
  .flexbox #superheader div.inside {
    height: auto; }
  .callme a {
    color: #4DC1F6;
    text-shadow: none; } }

/* ---------------  M Screens > 1024px   ----------- */
@media only all and (min-width: 1024px) {
  /* Styles */
  #logoline .inside,
  #navline .inside,
  #header-centered {
    width: 90%; }
  #container-centered {
    width: 90%;
    margin: 0 auto; }
  div.footer-centered {
    width: 90%;
    margin: 0 auto; } }

/* --------------- Extra Style für col-1 1-sp. Layout ---- */
/* behebt Layoutspalteneinteilungsfehler zw. 876 und 1260 px ---- */
@media only all and (min-width: 876px) and (max-width: 1260px) {
  /* Styles */
  body.col-1 #main {
    padding: 20px 0 0 0;
    width: 75%;
    /* main spalte erweitern */ } }

/* ---------------  L Screens > 1260px   ----------- */
@media only all and (min-width: 1260px) {
  /* Styles */
  #logoline .inside,
  #navline .inside,
  #header-centered {
    width: 90%; }
  #container-centered {
    width: 90%;
    margin: 0 auto;
    padding-left: 27%;
    /* war 27 mit 90, Platz umverteilen: linke spalte etw. mehr nach rechts verr�cken */ }
  div.footer-centered {
    width: 90%;
    margin: 0 auto; }
  #left {
    padding: 20px 0 0 0;
    right: 0;
    width: 25%;
    /* Platz umverteilen: linke spalte verschm�lern */ }
  #main {
    padding: 20px 0 0 0;
    width: 75%;
    /* main spalte erweitern */ }
  body.col-1 #logoline .inside,
  body.col-1 #navline .inside,
  body.col-1 #header-centered {
    width: 70%; }
  body.col-1 #container-centered {
    width: 70%;
    margin: 0 auto;
    padding-left: 33%;
    /* war 27 mit 90, Platz umverteilen: linke spalte etw. mehr nach rechts verr�cken */ }
  body.col-1 div.footer-centered {
    width: 70%;
    margin: 0 auto; }
  /*#main .cols-ls {
  @include columns(2, 25px);
    margin-bottom: 25px;
} */
  .flexbox body.flexartikelpage div#main > div.inside {
    display: flex;
    flex-wrap: wrap; }
  .flexbox body.flexartikelpage div#main > div.inside .mod_article {
    display: inline;
    flex: 1 1 280px;
    margin: 12px; } }

/* ---------------  XL Screens > 1600px   ----------- */
@media only all and (min-width: 1600px) {
  /* Styles */
  #logoline .inside,
  #navline .inside,
  #header-centered {
    width: 70%; }
  #container-centered {
    width: 70%;
    margin: 0 auto;
    padding-left: 33%;
    /* Platz umverteilen: linke spalte noch mehr nach rechts verr�cken mit footer b�ndig */ }
  div.footer-centered {
    width: 70%;
    margin: 0 auto; }
  body.col-1 #logoline .inside,
  body.col-1 #navline .inside,
  body.col-1 #header-centered {
    width: 50%; }
  body.col-1 #container-centered {
    width: 50%;
    margin: 0 auto;
    padding-left: 39%;
    /* Platz umverteilen: linke spalte noch mehr nach rechts verr�cken mit footer b�ndig */ }
  body.col-1 div.footer-centered {
    width: 50%;
    margin: 0 auto; } }

#map {
  height: 184px; }

#logoline {
  background: none;
  position: absolute;
  top: 77px; }

/* ---------------  Layoutbuilder Breakpoint < 380px  ----------- */
@media only all and (max-width: 380px) {
  #map {
    height: 80px; }
  #logoline {
    top: 45px; } }