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,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.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}
@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}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
.sharebuttons {
	overflow:hidden;
}

.sharebuttons > ul.theme {
	list-style-type:none;
	margin:-4px;
	padding:0;
}

.sharebuttons > ul.theme:after {
	content:"";
	display:block;
	clear:both;
}

.sharebuttons > ul.theme > li {
	float:left;
}

.sharebuttons > ul.theme > li > a {
	margin:4px;
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-indent:101%;
	background-repeat:no-repeat;
	background-position:center;
}

.sharebuttons > ul.text > li > a {
	text-indent:0;
}

/* source: http://simplesharingbuttons.com/ */

.sharebuttons > ul.simpleflat > li > a {
	width:32px;
	height:32px;
	background-image:url('../../system/modules/sharebuttons/assets/simpleflat/sprites-32.png');
}

.sharebuttons > ul.simpleflat > li > a.facebook {
	background-position:-40px 0;
}

.sharebuttons > ul.simpleflat > li > a.twitter {
	background-position:-160px 0;
}

.sharebuttons > ul.simpleflat > li > a.gplus {
	background-position:-80px 0;
}

.sharebuttons > ul.simpleflat > li > a.linkedin {
	background-position:-120px 0;
}

.sharebuttons > ul.simpleflat > li > a.xing {
	background-position:-200px 0;
}

.sharebuttons > ul.simpleflat > li > a.mail {
	background-position:0 0;
}

.sharebuttons > ul.simpleflat > li > a.tumblr {
	background-position:-240px 0;
}

.sharebuttons > ul.simpleflat > li > a.pinterest {
	background-position:-280px 0;
}

.sharebuttons > ul.simpleflat > li > a.reddit {
	background-position:-320px 0;
}

.sharebuttons > ul.simpleflat > li > a.whatsapp {
	background-position:-360px 0;
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
       only screen and (-o-min-device-pixel-ratio: 13/10),
       only screen and (min-resolution: 120dpi) 
{
	.sharebuttons > ul.simpleflat > li > a {
		background-size:auto 32px;
		background-image:url('../../system/modules/sharebuttons/assets/simpleflat/sprites-64.png');
	}
}

.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
@font-face {
    font-family: 'entyporegular';
    src: url('../../files/web-fonts/Entypo-webfont.eot');
    src: url('../../files/web-fonts/Entypo-webfont.eot?') format('embedded-opentype'),
         url('../../files/web-fonts/Entypo-webfont.woff') format('woff'),
         url('../../files/web-fonts/Entypo-webfont.ttf') format('truetype'),
         url('../../files/web-fonts/Entypo-webfont.svg#entyporegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@media screen {
.motto .ce_text, .motto .content-text {
    background-color:#fff;
}
img {
    display:block;
}
a:focus {
    outline:none;
}
#footer {
    width:100%;
    height:380px;
    bottom:0;
    position:absolute;
    margin-top:0;
    margin-bottom:0;
    padding-top:0;
    padding-bottom:0;
    vertical-align:top;
    background-color:#111;
}
#footer li,
#footer h2,
#footer a,
#footer p {
    font-family:"Quicksand",san-serif;
}
.vorgehen ul {
    margin-top:5px;
    margin-bottom:0;
    padding:0;
    list-style-type:none;
}
#footer li,
#footer h2,
#footer a,
#footer p {
    color:#fafafa;
}
#footer p {
    margin-right:4%;
    margin-bottom:0;
    padding-bottom:0;
    text-align:right;
    font-size:12px;
    line-height:19px;
    margin-top:80px;
}
#footer p a {
    text-decoration:none;
    color:#fafafa;
}
#footer h2 {
    text-align:center;
    font-size:25px;
    line-height:32px;
}
#footer li {
    font-size:20px;
    line-height:31px;
}
#container {
    margin:0;
    padding-top:0;
    padding-bottom:350px;
    background-color:#fff;
}
html {
    height:100%;
}
#wrapper {
    position:relative;
}
#wrapper {
    width:100%;
    min-height:100%;
    margin:0;
    padding:0;
}
#footer p a:hover {
    text-decoration:underline;
}
.mod_article.elastisch {
    margin-top:3%;
    margin-bottom:3%;
    padding-top:0;
    padding-bottom:0;
}
.mod_article.nomargin {
    margin-top:0;
}
.mod_sharebuttons {
    position:relative;
    margin-top:30px;
    margin-bottom:20px;
}
.sharebuttons > ul.theme {
    left:50%;
    position:relative;
    float:left;
    margin:10px auto;
}
.sharebuttons > ul.theme > li {
    right:50%;
    position:relative;
    float:left;
}
.sharebuttons > ul.theme > li > a {
}
.ce_code {
    margin-bottom:20px;
    font:18px/25px 'Open Sans',arial,helvetica,sans serif;
    color:#111111;
}
p,
li,
td,
label,
section {
    color:#111111;
    font:22px/34px 'Raleway', sans-serif;
    font-weight:400;
}
.opener,
.opener.aktiv:hover {
    width:45px;
    height:45px;
    display:block;
    margin:0 auto;
    text-align:center;
    font:35px/45px arial,helvetica,sans serif;
    color:#111111;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    cursor:pointer;
}
.opener.aktiv,
.opener:hover {
    -ms-transform: rotate(225deg); /* IE 9 */
    -webkit-transform: rotate(225deg); /* Chrome, Safari, Opera */
    transform: rotate(225deg);
    cursor:pointer;
}
.pfad-navigation {
    display:none;
    margin-bottom:0;
    text-align:right;
    background-color:rgba($bgnav,.7);
}
.mod_breadcrumb {
    height:auto;
    position:relative;
    -webkit-transition:height 0.5s;
    	-moz-transition: height 0.5s;
    	transition: height 0.5s;
}
.custom {
    width:100%;
    margin-top:0;
    margin-right:0;
    margin-left:0;
    padding-top:0;
    padding-right:0;
    padding-left:0;
}
body {
    height:100%;
    overflow:visible;
    display:block;
    margin:0;
    padding:0;
    background-color:#ffffff;
}
#header {
    width:100%;
    position:relative;
    overflow:visible;
    display:block;
    margin:0;
    padding:0;
}
#header .inside {
    position:relative;
    overflow:visible;
    display:block;
}
.mod_breadcrumb ul,
.pfad-navigation ul {
    padding:0;
    margin: 0 5%;
}
.mod_breadcrumb ul li,
.pfad-navigation ul li {
    display:inline;
    margin:0;
    font-size:15px;
    line-height:35px;
    color:#5%A;
}
.pfad-navigation ul li a {
    margin:0;
    padding-right:10px;
    padding-left:10px;
    font-size:13px;
    line-height:35px;
    text-decoration:none;
    color:#5%A;
}
.mod_breadcrumb li span,
.mod_breadcrumb li a {
    float:left;
    margin-top:0;
    margin-bottom:0;
    padding:0 20px 0 0;
    font:15px/35px "Questrial",arial,helvetica,sans serif;
    color:#666;
}
.mod_breadcrumb li span {
    text-decoration:underline;
}
.mod_breadcrumb li a {
    text-decoration:none;
}
.mod_breadcrumb li a:hover {
    text-decoration:underline;
}

/* Style sheet navigation_neu */
.mod_navigation {
    height:auto;
    position:relative;
    margin-top:0;
    margin-right:0;
    margin-left:0;
    padding-right:3%;
    border-bottom:1px dotted #cecccc;
}
.mod_headerLogo {
    width:auto;
    height:auto;
    top:5px;
    position:absolute;
    font:30/60px "Quicksand",san-serif;
    z-index:100;
    margin-left:5%;
    background-image:hidden;
}
.mod_headerLogo a {
    width:auto;
    height:auto;
    display:block;
    margin:0;
    padding:10px 0 0 30px;
    text-align:center;
    background:#fff url("../../files/musikschule/geigen-logo-2.jpg") left center no-repeat;
    font:22px/40px "Quicksand",san-serif;
    text-decoration:none;
    color:#111;
    letter-spacing:.01em;
    background-size: auto 20px;
}
.mod_headerLogo a:hover,
.startseite .mod_headerLogo a:hover {
    text-decoration:none;
    color:#111;
}
#gototop {
    width:45px;
    height:45px;
    bottom:15px;
    right:25px;
    position:fixed;
    display:none;
    background:#111 url("../../files/layout/pfeil-oben-weiss.jpg") center center no-repeat;
    border:1px solid #111;
    border-radius:50%;
    text-decoration:none;
    color:#fff;
    font:12px/30px arial,helvetica,sans serif;
    text-indent:-66666px
}
.mod_navigation {
    text-align:right;
}
.mod_navigation ul {
    top:0;
    overflow:hidden;
    float:right;
    margin:12px 0 0;
    padding:0;
    text-align:right;
    list-style-type:none;
}
.mod_navigation ul {
    margin-bottom:12px;
}
.mod_navigation li {
    float:left;
    display:inline;
    margin-left:20px;
    text-align:left;
}
.mod_navigation li a {
    float:left;
    display:block;
    text-decoration:none;
    color:#111111;
}
.mod_navigation li a:active {
    color:#faf5f5;
}
.mod_navigation li.active strong,
.mod_navigation li a {
    padding-right:0;
    padding-left:0;
    font:18px/40px "Quicksand",san-serif;
    text-decoration:none;
    color:#111111;
}
.mod_article.motto {
    margin:0;
    padding-top:0;
    padding-bottom:0;
}
.mod_navigation li a:hover,
.mod_navigation li.trail a,
.mod_navigation a:hover {
    display:block;
    text-decoration:none;
    color:#cc7608;
}
.mod_navigation li.active strong,
.mod_navigation li.trail a {
    display:block;
    font-weight:bold;
    color:#111111;
}
}

@media screen {
.flex .kasten--url a {
    margin-top:0;
    margin-left:0;
    padding-bottom:6px;
    border-bottom:1px dashed #111;
    font-size:18px;
    line-height:33px;
    text-decoration:none;
    color:#111;
}
.flex .kasten--url a:hover {
    text-decoration:none;
    color:#eba709;
}
.flex {
    position: relative;
    -ms-flex-flow: -ms-flex-wrap;
    -ms-flex-pack: center;
    -webkit-flex-direction: wrap;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}
.startseite .mod_article.flex {
    width:90%;
    margin-right:auto;
    margin-left:auto;
}
.flex .ce_text, .flex .content-text {
    padding-bottom:5em;
    position: relative;
    width: 45%;
}
.motto .ce_text, .motto .content-text {
    padding-top:35px;
    padding-bottom:30px;
}
.startseite .article--teaser .ce_text.long p {
    margin-right:2%;
    margin-left:2%;
    padding-top:20px;
    padding-bottom:30px;
    text-align:center;
}
.startseite .article--teaser.text h2.ce_headline {
    clear:left;
    margin-left:2%;
    padding-top:55px;
    padding-bottom:20px;
    border-bottom:1px solid #111;
    margin-bottom:20px;
}
.flex .ce_headline {
    width:100%;
    clear:left;
    margin-left:0;
    padding-top:55px;
    padding-bottom:20px;
    border-bottom:1px solid #111;
    margin-bottom:20px;
}
.flex .kasten--url {
    bottom:10px;
    position:absolute;
}
.flex ul {
    padding-left:20px;
}
.flex p,
.flex li {
    font-size:18px;
    line-height:30px;
}
.startseite .article--teaser.text .ce_text p,
.article--teaser.text li {
    padding-top:20px;
    font-size:18px;
    line-height:30px;
}
.startseite .article--teaser.text {
    margin-right:2%;
    margin-left:2%;
}
.startseite .article--teaser.text h2,
.startseite .article--teaser.text p {
    margin-right:5%;
    margin-left:5%;
}
.article--teaser .ce_text {
    min-height:510px;
    position:relative;
    background-color:#f0f0f0;
}
.article--teaser .ce_text {
    width:100%;
    float:left;
    margin-top:0;
    padding:0;
}
.article--teaser.text .ce_text {
    width:50%;
    height:auto;
    min-height:120px;
    margin-bottom:10px;
    background-color:#fff;
}
.article--teaser.text .ce_text.long {
    width:100%;
    min-height:2px;
    margin-right:0;
    margin-bottom:10px;
    margin-left:0;
    padding-left:0;
    background-color:#fff;
}
.article--teaser.text ul {
    margin-right:4%;
    margin-left:4%;
    padding-left:20px;
}
.article--teaser.text p.kasten--url a {
    margin-top:0;
    margin-left:0;
    padding-top:6px;
    padding-bottom:6px;
    border-bottom:1px dashed #111;
    font-size:19px;
    line-height:33px;
    text-decoration:none;
    color:#111;
    padding-bottom:10px;
}
.slider-control {
    display:none;
}
.content-slider img {
    width:100%;
    height:auto;
}
figure.float_left {
    margin-right:4%;
}
.image_container.float_right {
    margin-left:4%;
}
.article--teaser .ce_text figure {
    width:50%;
    overflow:hidden;
}
.ce_hyperlink.more--information a {
    display:inline-block;
    padding-right:15px;
    padding-left:15px;
    text-align:center;
    background-color:rgba(238,238,238,.8);
    font:22px/42px "Roboto Condensed",arial,helvetica;
    color:#111;
}
.ce_hyperlink.more--information {
    width:100%;
    position:relative;
    margin-top:0;
    margin-right:auto;
    margin-left:auto;
    padding-top:100px;
    text-align:center;
}
.ie7 .links {
    width:33.3%;
    margin-left:.1%;
}
#start-area .mod_article.last {
    position:relative;
}
.ie8 #start-area,
.ie7 #start-area {
    height:auto;
    position:relative;
}
.ie8 #start-area .mod_article.last,
.ie7 #start-area .mod_article.last {
    position:relative;
    padding-top:40px;
}
.links {
    width:33.2%;
    position:relative;
    float:left;
    margin:0 0 0 .2%;
    text-align:center;
}
.ce_hyperlink.links.first.block {
    margin-right:0;
    margin-left:0;
}
.article--teaser .ce_image.ce_text,
.startseite .article--teaser .ce_text.abs {
    min-height:0px;
}
.article--teaser .ce_image.ce_text {
    height:520px;
    overflow:hidden;
}
#start-area .inside {
    height:100%;
    background-color:rgba(224,119,7,.15);
}
.startseite .links a {
    font:17px/60px "Open Sans",arial,verdana;
    background: rgba(250,250,250,.8);
    display: block;
    -webkit-transition: background-color 0.5s ease-out;
      -moz-transition: background-color 0.5s ease-out;
      -o-transition: background-color 0.5s ease-out;
      transition: background-color 0.5s ease-out;
}
.startseite .links a:hover {
    background-color:rgba(173,173,173,.8);
    text-decoration:none;
    color:#fff;
}
article--teaser img {
    width:100%;
    height:auto;
    min-width:100%;
    max-width:100%;
}
.startseite .mod_article.article--teaser {
    min-height:0;
    max-height:none;
    position:relative;
    padding:0;
}
.startseite .article--teaser .ce_text.abs p,
.startseite .article--teaser .ce_text p {
    display:block;
    margin-top:0;
    margin-bottom:0;
    padding:2% 0 0;
    font-size:21px;
    line-height:34px;
}
.startseite .article--teaser p,
.startseite .article--teaser. first p {
    position:relative;
    display:block;
    margin-top:0;
    margin-bottom:0;
    padding:5% 0 0;
    font-size:26px;
    line-height:40px;
}
.article--teaser .ce_text.first p,
.article--teaser .ce_text.first h2 {
    color:#111;
}
.startseite .article--teaser h2 {
    padding-top:0;
    padding-bottom:10px;
}
.article--teaser .ce_image.ce_text {
    padding-top:0;
    padding-bottom:0;
}
.startseite .article--teaser .ce_text p.kasten--url {
    padding-top:35px;
    padding-bottom:10px;
}
.article--teaser p.kasten--url a {
    margin-top:0;
    margin-left:0;
    padding-top:6px;
    padding-bottom:6px;
    border-bottom:1px dashed #111;
    font-size:22px;
    line-height:33px;
    text-decoration:none;
    color:#111;
}
.article--teaser p.kasten--url a:hover,
.article--teaser.right-gray .last p.kasten--url a:hover,
.article--teaser .first p.kasten--url a:hover,
.article--teaser.right-gray .first p.kasten--url a:hover,
.article--teaser .last p.kasten--url a:hover {
    color:#eba709;
}
.article--teaser.right-gray .last p.kasten--url a {
    border-color:#111;
    color:#111;
}
.article--teaser figure {
    overflow:hidden;
}
.article--teaser .last p.kasten--url a {
    border-color:#111;
    color:#111;
}
#header {
    height:auto;
    z-index:2;
}
.startseite .mod_article.start-black {
    padding-top:0;
    padding-bottom:0;
    background-color:#fff;
}
.startseite .start-black p {
    margin:0 5%;
    padding-top:40px;
    padding-bottom:40px;
    text-align:center;
    font-size:30px;
    line-height:50px;
    color:#222;
}
.startseite .pfeil {
    width:100%;
    position:relative;
    margin-top:0;
    margin-right:auto;
    margin-left:auto;
    padding-top:0;
    padding-bottom:60px;
    text-align:center;
}
.startseite .pfeil a {
    width:60px;
    height:60px;
    margin-top:0;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
    border:1px solid #111111;
    border-radius:100%;
    font:40px/60px 'entyporegular';
}
.links p,
.links h2 {
    color:#000;
}
.ie8 .links,
.ie7 .links {
    background-color:#fafafa;
}
.links p.kasten--url {
    width:87%;
    margin:0 auto 30px;
    padding:0;
    text-align:center;
    font-size:17px;
    line-height:24px;
}
.links p.kasten--url a {
    display:block;
    padding:5px 0;
    border-bottom:1px dashed #000;
    color:#000;
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.links p.kasten--url a:hover {
    border-color:#eba709;
    text-decoration:none;
    color:#eba709;
}
.links p a,
.letzte p a {
    display:block;
    text-decoration:none;
}
.motto h1 span {
    font-weight:bold;
}
.ie.startseite .pfeil a {
    background-image:url("../../files/css/files/wut/images/layout/arrow-down-2.gif");
    background-position:center center;
    background-repeat:no-repeat;
    text-decoration:none;
    text-indent:-10000px;
}
#header .inside {
    width:100%;
    position:relative;
    display:block;
    margin-right:auto;
    margin-left:auto;
}
.slider-control .slider-menu b {
    color:#cb0505;
}
.slider-control .slider-menu b.active,
.slider-control .slider-menu b:hover {
    color:#fc6d6d;
}
.slider-control .slider-prev {
    background-color:#f3b566;
    background-image:url("../../files/css/files/wut/images/layout/pfeil-links.png");
    background-repeat:no-repeat;
    border:1px solid #f3b566;
    border-radius:0 100% 100% 0;
    background-position: 5px center;
}
.slider-control .slider-next {
    background-color:#f3b566;
    background-image:url("../../files/css/files/wut/images/layout/pfeil-rechts.png");
    background-repeat:no-repeat;
    border:1px solid #f3b566;
    border-radius:100% 0 0 100%;
    background-position: 18px center;
}
.startseite a.slider-next:hover,
.startseite a.slider-prev:hover {
    background-color:#fc6d6d;
    border-color:#fc6d6d;
    text-decoration:none;
    color:#111111;
}
.slider-control .slider-prev,
.slider-control .slider-next {
    width:40px;
    height:55px;
    top:25%;
    display:block;
    font-size:40px;
    line-height:55px;
    color:#919191;
    text-indent:10000px;
}
.startseite .mod_article {
    margin:0;
    padding-top:0;
    padding-bottom:0;
}
.slider-control .slider-menu b {
    margin-right:2px;
    margin-left:2px;
}
.slider-control .slider-menu {
    font-size:70px;
}
h3 {
    margin:0 0 0 90px;
    padding:0;
    text-align:left;
    font:30px/40px "Roboto Condensed",arial,helvetica,sans serif;
    font-weight:normal;
    color:#111111;
}
.slider-prev {
    text-align:left;
}
.slider-next {
    text-align:right;
}
#angebote-ii {
    position:relative;
}
.content-slider {
    width:100%;
    max-height:510px;
    margin-right:auto;
    margin-left:auto;
}
.ce_sliderStart.first p {
    width:90%;
    padding-top:20px;
    font-size:22px;
    line-height:32px;
}
#angebote.mod_article {
    padding-top:40px;
    padding-bottom:25px;
}
a,
a:hover,
a:active {
    color:#111111;
}
#main,
#header {
    width:100%;
}
#main {
    padding-bottom:8em;
}
#wrapper {
    width:100%;
}
.custom,
#bildbereich,
#container {
    position:relative;
}
h2 {
    margin:0;
    padding:0;
    text-align:left;
    font:2em/1em "Quicksand",san-serif;
    color:#111111;
}
h2 a {
    text-decoration:none;
    color:#111111;
}
.motto h1,
.motto h2,
.motto p {
    display:block;
    margin:0 5%;
    padding:20px 0 5px;
    text-align:center;
    font:1.9em/2em "Raleway",sans-serif;
    color:#111111;
    letter-spacing:.07em;
}
.motto h1 {
    display:block;
    margin:0 5%;
    padding:10px 0 30px;
    font:2.7em/1.2em "Quicksand",san-serif;
    font-weight:bold;
    color:#111111;
    letter-spacing:.01em;
    font-weight: 300;
}
.motto h1,
.motto h2,
.motto p {
    color:#111;
}
.startseite .pfeil--start {
    width:60px;
    height:60px;
    margin:0 auto 30px;
    padding-top:0;
    padding-bottom:0;
    text-align:center;
    background-color:#111111;
    border:2px solid #111111;
    border-radius:100%;
    font:40px/60px 'entyporegular';
}
.startseite .pfeil a {
    display:block;
    color:#ddd;
}
.ie8.startseite .pfeil a,
.ie7.startseite .pfeil a {
    display:none;
    border:1px solid #fff;
    border-radius:0;
}
.ie8.startseite .links a,
.ie7.startseite .links a,
.ie8.startseite .links a:hover,
.ie7.startseite .links a:hover {
    background-color:#edebeb;
    color:#111;
}
.startseite .pfeil--start a {
    display:block;
    color:#111111;
}
.mod_article {
    margin:0 0 3%;
    padding-top:0;
    padding-bottom:0;
}
.startseite a {
    text-decoration:none;
}
.startseite a:hover {
    text-decoration:underline;
}
.clear--left {
    clear:left;
}
.motto .ce_text p, .motto .content-text p {
    width:90%;
    display:block;
    margin:0 auto;
    padding-top:0;
    padding-bottom:55px;
    text-align:center;
    font:1.4em/1em "Roboto Condensed",sans-serif;
    color:#111111;
    letter-spacing:.02em;
}
.motto h1 {
}
.letzte p {
    width:100%;
    margin:0 auto;
    padding:0;
    text-align:center;
    font-size:23px;
    line-height:50px;
    letter-spacing:.05em;
}
.first p {
    margin-top:0;
    margin-bottom:0;
    padding:40px 0 0;
    text-align:left;
}
.clear--left p {
    width:90%;
    margin:0 0 0 5%;
    padding:0;
    text-align:left;
}
}

@media screen and (max-width:1050px) {
.ce_sliderStart.first p {
    width:78%;
}
.startseite .article--teaser .ce_text.abs p {
    font-size:19px;
    line-height:30px;
}
.startseite .start-black p {
    font-size:27px;
    line-height:48px;
}
.article--teaser p {
    font-size:20px;
    line-height:30px;
}
.links p.kasten--text {
    width:90%;
    min-height:295px;
    font-size:19px;
    line-height:30px;
}
}

@media screen and (max-width:940px) {
.mod_headerLogo {
    width:auto;
    height:auto;
    left:0;
    top:5px;
    position:absolute;
    font-size:40;
    z-index:100;
    margin-left:5%;
    background-image:hidden;
}
.mod_headerLogo a:hover,
.startseite .mod_headerLogo a:hover {
    text-decoration:none;
    color:#fff;
}
}

@media screen and (max-width: 940px) {
.article--teaser .ce_image.ce_text,
.startseite .article--teaser .ce_text.abs,
.article--teaser .ce_text {
    min-height:0px;
}
.startseite .article--teaser .ce_text p,
.startseite .article--teaser .ce_text.abs p {
    padding-top:3%;
}
.article--teaser p.kasten--url a,
.startseite .article--teaser .ce_text.abs p,
.startseite .article--teaser .ce_text p {
    font-size:15px;
    line-height:26px;
}
.startseite .start-black p {
    font-size:24px;
    line-height:40px;
}
.mod_article,
.layout_simple {
    width:90%;
}
.art_100 .mod_article {
    width:100%;
}
.mod_customnav {
    width:90%;
    margin-left:5%;
}
.mod_article.motto,
.startseite .mod_article,
.flowing--text .mod_article {
    width:100%;
    margin-right:0;
    margin-left:0;
}
.blog .layout_latest {
    width:32%;
    height:560px;
    margin-left:2%;
}
.blog .layout_latest.spalte_0 {
    margin-left:0;
}
.blog .layout_latest .image_container.float_above {
    height:28%;
}
.blog .mod_article {
    width:97%;
    margin-left:1.5%;
}
.blog .layout_latest p {
    font-size:16px;
    line-height:26px;
}
.more a {
    padding-top:10px;
    padding-bottom:10px;
}
.blog .layout_latest h2 {
    margin-top:20px;
    font-size:24px;
    line-height:33px;
}
h2,
h3 {
    font-size:28px;
    line-height:38px;
}
.image_container.float_right {
    width:40%;
}
.motto .ce_text div {
    font-size:30px;
    line-height:43px;
}
.mod_navigation {
    width:100%;
    display:block;
    margin-top:0;
    margin-right:0;
    margin-left:0;
    padding-right:0;
    background-color:#fff;
    border-top:1px dotted #cecccc;
    border-bottom:0px dotted #cecccc;
    z-index: 102;
}
.mod_navigation {
    height:0px;
    overflow:hidden;
    -webkit-transition: max-height 0.8s;
    -moz-transition: max-height 0.8s;
    transition: max-height 0.8s;
}
.mod_navigation ul {
    margin:0 10px 10px;
}
.mod_navigation li,
.mod_changelanguage li {
    margin:1px;
}
.mod_navigation li a {
    padding-right:10px;
    padding-left:10px;
}
.mod_navigation li.active strong,
.mod_navigation li.trail a,
.mod_navigation li a:hover {
    padding-right:10px;
    padding-left:10px;
    background-color:#fff;
    border-color:#fff;
    color:#111111;
}
.mobil_menue {
    width:40px;
    height:50px;
    right:10px;
    top:5px;
    position:relative;
    float:right;
    text-indent:-4000px;
    z-index:200;
}
.mobil_menue a {
    background-color:rgba(255,255,255,.8);
    background-image:url("../../files/layout/menue.svg");
    border-radius:5px;
    background-size:40px;
}
.mobil_menue a {
    width:40px;
    height:40px;
    display:block;
}
.mobil_menue a,
.mobil_menue a:focus {
    outline: 0;
}
.mod_headerLogo a {
    font-size:20px;
    line-height:25px;
}
}

@media screen and (max-width: 750px) {
#footer p {
    text-align:center;
}
.motto .ce_text p, .motto .content-text p {
    padding-bottom:25px;
}
.flex p,
.flex li {
    padding-top:30px;
    font-size:16px;
    line-height:27px;
}
.flex .kasten--url a {
    font-size:16px;
    line-height:30px;
}
.flex .ce_text, .flex .content-text {
    padding-bottom:4em;
}
.startseite .article--teaser.text .ce_text p,
.article--teaser.text li {
    padding-top:5px;
    padding-bottom:15px;
    font-size:15px;
    line-height:25px;
}
.startseite .article--teaser.text .ce_text p.kasten--url {
    padding-top:0;
    padding-bottom:35px;
}
.startseite .article--teaser.text h2.ce_headline {
    padding-top:20px;
}
.startseite .article--teaser.text h2,
.startseite .article--teaser.text p {
    margin-right:2%;
    margin-left:2%;
}
.startseite .article--teaser p.kasten--url.right {
    left:auto;
}
.article--teaser .ce_text figure {
    width:30%;
}
.article--teaser p.kasten--url a,
.startseite .article--teaser .ce_text.abs p,
.startseite .article--teaser .ce_text p,
.startseite .article--teaser .ce_text.abs p.kasten--url a {
    padding-top:3%;
    padding-bottom:3%;
    font-size:15px;
    line-height:26px;
}
.article--teaser .ce_text,
.webdesign .article--teaser .ce_text,
.article--teaser.text .ce_text {
    width:100%;
    min-height:0px;
    float:none;
}
.startseite .article--teaser p.kasten--url a,
.startseite .article--teaser .abs p.kasten--url a {
    bottom:auto;
    position:relative;
    padding-top:0;
    padding-bottom:5px;
    font-size:15px;
    line-height:25px;
}
.startseite .article--teaser .ce_text.abs {
    bottom:auto;
    left:auto;
    right:auto;
    top:auto;
    position:relative;
}
.startseite .article--teaser .ce_text p {
    padding-top:0;
    padding-bottom:20px;
}
.article--teaser.right-gray .ce_text.last {
    background-color:#111;
}
.article--teaser.right-gray .first p.kasten--url a {
    border-color:#111;
    color:#111;
}
.article--teaser.right-gray .ce_text.last p,
.article--teaser.right-gray .ce_text.last h2 {
    color:#fff;
}
.article--teaser.right-gray .ce_text.first {
    background-color:#eee;
}
.article--teaser.right-gray .ce_text.first p,
.article--teaser.right-gray .ce_text.first h2 {
    color:#111;
}
h3 {
    margin-left:0;
}
#angebote {
    padding-top:20px;
}
.blog .layout_latest p {
    font-size:16px;
    line-height:25px;
}
#main .haken ul {
    padding-left:25px;
    text-indent:-25px;
}
#main .haken ul li:before {
    padding-right:14px;
    font:26px/28px 'entyporegular';
    color:#3b3a3a;
    content:"W";
}
.vorgehen li {
    margin-top:6px;
}
.startseite h3 {
    width:80%;
    margin-top:20px;
    margin-left:10%;
}
.startseite .start-black p {
    padding-top:15px;
    padding-bottom:15px;
    font-size:20px;
    line-height:34px;
}
.ce_sliderStart.first p {
    width:80%;
    margin-left:10%;
    font-size:20px;
    line-height:30px;
}
.content-slider {
    width:100%;
}
.slider-control .slider-prev,
.slider-control .slider-next {
    display:none;
}
.ce_sliderStart h2 {
    margin-bottom:20px;
}
.blog .layout_latest.spalte_0,
.blog  .layout_latest {
    width:100%;
    height:440px;
    margin-top:2%;
    margin-left:0;
}
.blog .layout_latest .image_container.float_above {
    height:45%;
}
.article--teaser p,
.article--teaser h2 {
    width:90%;
    margin-left:5%;
}
p,
li,
td,
label {
    font-size:18px;
    line-height:28px;
}
.links {
    width:33%;
    margin-left:.5%;
}
.image_container.float_right,
.image_container.float_left {
    width:30%;
    float:right;
    margin-right:0;
    margin-left:3%;
    padding-bottom:15px;
}
h2,
.blog .layout_latest h2,
h3 {
    font-size:30px;
    line-height:38px;
}
.layout_latest {
    margin-top:30px;
    padding-bottom:15px;
}
.referenzen #main .mod_article p.more {
    margin-top:25px;
}
.startseite .links a {
    font-size:15px;
    line-height:46px;
}
.motto h1 {
    padding-top:5px;
    padding-bottom:20px;
    font-size:32px;
    line-height:40px;
}
.motto .ce_text div,
.motto  .ce_text  p, .motto .content-text p {
    width:90%;
    font-size:18px;
    line-height:28px;
}
.motto .ce_text, .motto .content-text {
    padding-bottom:15px;
}
.mod_navigation {
    width:100%;
    display:block;
    margin-top:0;
    margin-right:0;
    margin-left:0;
}
.mod_navigation li.active strong,
.mod_navigation li a {
    font-size:20px;
}
.mod_navigation {
    height:0px;
    overflow:hidden;
    -webkit-transition: max-height 0.8s;
    -moz-transition: max-height 0.8s;
    transition: max-height 0.8s;
}
.mod_navigation ul {
    float:none;
    margin-right:10px;
    margin-left:10px;
    text-align:left;
}
.mod_navigation li,
.mod_changelanguage li {
    float:none;
    display:block;
    margin:1px 2px 0 1px;
}
.mod_navigation li a {
    float:none;
    padding-right:10px;
    padding-left:10px;
    background-color:#111111;
    color:#ffffff;
}
.mod_navigation li.active strong,
.mod_navigation li a.trial,
.mod_navigation li a:hover {
    padding-right:10px;
    padding-left:10px;
    background-color:#fff;
    border-color:#fff;
    color:#111111;
}
.mobil_menue {
    width:40px;
    height:50px;
    text-indent:-4000px;
    z-index:200;
}
.mobil_menue a {
    background-image:url("../../files/layout/menue.svg");
    background-size:40px;
}
.mobil_menue a {
    width:40px;
    height:40px;
    display:block;
}
.mobil_menue a,
.mobil_menue a:focus {
    outline: 0;
}
}

@media screen and (max-height:648px) {
.ce_hyperlink.more--information {
    padding-top:50px;
    padding-bottom:50px;
}
#start-area {
    height:auto;
}
}

@media screen and (max-width:500px) {
#main {
    padding-bottom:3.4em;
}
.flex .ce_text.site-end, .flex .side-end.content-text {
    padding-bottom:3em;
}
#start-area .ce_image, #start-area .content-image {
    height:60vh;
}
#start-area .image_container, #start-area .content-image figure {
    height:70vh;
    bottom:0;
    left:0;
    right:0;
    top:0;
    position:absolute;
    overflow:hidden;
}
#start-area .image_container img, #start-area .content-image figure img {
    width:100%;
    height:100%;
    object-fit:cover;
}
.flex .ce_text, .flex .content-text {
    width:100%;
    padding-bottom:0;
}
.image_container.float_right,
.image_container.float_left {
    width:100%;
    float:none;
    margin-right:0;
    margin-left:0;
    padding-bottom:15px;
}
.article--teaser .ce_text figure {
    width:100%;
}
#footer h2 {
    text-align:center;
    font:22px/32px "Open Sans",arial,verdana,sans serif;
}
#footer li {
    font-size:17px;
    line-height:28px;
}
.motto .ce_text, .motto .content-text {
    padding-top:15px;
}
.motto .ce_text div {
    padding-top:0;
}
h1 {
    font-size:2em;
    line-height:1.45em;
}
#main h1 {
    margin-top:0;
    font-size:2em;
}
h2,
.blog .layout_latest h2,
h3 {
    font-size:1.46em;
    line-height:1.2em;
}
.mod_headerLogo a {
}
.motto h1 {
    padding-bottom:20px;
    font-size:1.7em;
    line-height:1.2em;
}
.motto .ce_text div,
.motto .ce_text p, .motto .content-text p {
    padding-bottom:15px;
    font-size:17px;
    line-height:27px;
}
.opener,
.opener.aktiv:hover {
    font-size:28px;
}
.article--teaser p.kasten--url a {
    font-size:18px;
}
.article--teaser p {
    margin-bottom:5px;
    font-size:18px;
    line-height:28px;
}
.flex p.kasten--url {
    position:relative;
    padding-top:30px;
    padding-bottom:50px;
    font-size:18px;
}
.flex .first p {
    padding-top:25px;
}
.flex .ce_headline {
    padding-top:5px;
}
.flex p,
.flex li {
    font-size:15px;
    line-height:26px;
}
.thema a {
    padding-right:10px;
    padding-left:28px;
    border-radius:14px;
    font-size:14px;
    line-height:26px;
    background-position:10px center;
}
}

@media screen and (min-width:1400px) {
#footer .inside {
    width:1400px;
    position:relative;
    margin-right:auto;
    margin-left:auto;
}
#header {
    background-color:#fff;
}
.mod_sharebuttons {
    margin-top:0;
    margin-bottom:0;
    padding-top:20px;
    padding-bottom:20px;
}
#container,
#header .inside {
    width:1400px;
    margin-right:auto;
    margin-left:auto;
    background-color:#fff;
}
.startseite .mod_article.start-black {
    background-color:#eee;
}
.startseite .mod_article.start-black .ce_text {
    background-color:#fff;
}
.blog .mod_newslist {
    background-color:#ddd;
}
.blog .mod_newslist .layout_latest {
    width:31.4%;
    height:680px;
    position:relative;
    float:left;
    margin-top:1.5%;
    margin-left:1.5%;
    background-color:#ffffff;
}
.mod_newslist .layout_latest {
    width:90%;
    margin-left:5%;
}
.kontakt .mod_article {
    background-color:#ddd;
}
.mod_newsreader.block {
    margin-bottom:0;
    padding-bottom:0;
}
p.back,
#navigationspfad-information-kopie {
    margin-top:0;
    margin-bottom:0;
    padding-bottom:70px;
    background-color:#ddd;
}
.return a {
    z-index:2;
}
.return {
    margin-bottom:0;
}
.layout_full {
    padding-top:80px;
    background-color:#ddd;
}
.art_100 .mod_article,
.startseite .mod_article.article--teaser,
p.back,
#navigationspfad-information-kopie,
.mod_newslist,
.kontakt .mod_article {
    width:1400px;
    margin-right:auto;
    margin-left:auto;
}
p.back a {
    margin-left:5%;
}
.mod_navigation {
    padding-right:5%;
}
#footer p {
    margin-right:5%;
}
#footer .inside {
    padding-bottom:40px;
}
.mod_newsreader .motto h1,
.motto h1.ce_headline {
    padding-left:7%;
}
}

/* quicksand-300 - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/fonts/quicksand-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/quicksand-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/quicksand-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/quicksand-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/quicksand-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/quicksand-v30-latin-300.svg#Quicksand') format('svg'); /* Legacy iOS */
}

/* quicksand-regular - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/fonts/quicksand-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/quicksand-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/quicksand-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/quicksand-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/quicksand-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/quicksand-v30-latin-regular.svg#Quicksand') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/fonts/roboto-condensed-v25-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/roboto-condensed-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/roboto-condensed-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/roboto-condensed-v25-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/roboto-condensed-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/roboto-condensed-v25-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/fonts/raleway-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/raleway-v28-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}