/* RASTER und allg. LAYOUT */

#typo3-previewInfo {
    display: none !important;
}



body {
    background: #F1F2FB;
    background: -moz-linear-gradient(top,  #ffffff 0px, #f1f2fb 1000px);
    background: -webkit-linear-gradient(top,  #ffffff 0px, #f1f2fb 1000px);
    background: linear-gradient(to bottom,  #ffffff 0px, #f1f2fb 1000px);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f2fb',GradientType=0 );
}

/* extend bootstrap grid */
.container {
    padding-right: 20px;
    padding-left: 20px;
	position: relative;
}

.logo  {
width: 100%;
max-width: 1000px;
margin: 0 auto;
	bottom: auto;
    height: auto; 
    left: 0px;
    position: absolute;
    right: auto;
    top: 40px;
	padding: 0 7px 0 17px;
    transition: transform .05s linear;
    width: auto;
    z-index: 4;
}

.logo:after  {
    background-color: #fff;
    border-bottom-left-radius: 1.1rem;
    border-bottom-right-radius: 1.1rem;
    bottom: -1.0rem;
    content: "";
    height: calc(100% + 4.8rem);
    left: 0;
    position: absolute;
    right: auto;
    top: auto;
    transform: skewY(-6deg);
    width: 100%;
    z-index: -1;
	/* display: block; */
}

.logo img {
	    height: 100%;
    max-height: 60px;
    width: auto;
}

.row {
    margin-right: -10px;
    margin-left: -10px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 10px;
    padding-left: 10px;
}

/*
div[class^="col-"] div.csc-default p:last-child,
div[class^="col-"] div.csc-default ul:last-child,
div[class^="col-"] div.csc-default li:last-child {
    margin-bottom: 0;
}
*/


/* vertikaler standard abstand */
.grid_wrapper {
    padding: 40px 0 40px 0;
    background-size: cover;
    background-position: top left;
}

.grid_wrapper.grid_4_8 {
    background-position: top right;
}

#c58 .grid_wrapper {
    background-position: bottom left;
    background-size: contain;
    background-repeat: no-repeat;
}



/* div[class^="col-"] .grid_wrapper {
  padding: 0;
}*/


@media (min-width: 1350px) {

    /* ausgerückt in das padding des containers */
    .frame-type-gridelements_pi1.frame-layout-1 > .grid_wrapper > .container .row{
        margin-left: -150px;
        margin-right: -150px;
    }

    /* ausgerückt in das padding des containers */
    .frame-type-gridelements_pi1.frame-layout-2 > .grid_wrapper > .container .row{
        margin-left: -150px;
    }

    /* ausgerückt in das padding des containers */
    .frame-type-gridelements_pi1.frame-layout-3 > .grid_wrapper > .container .row{
        margin-right: -150px;
    }

}


/* nur text CE in weiß */


.frame-type-text.frame-layout-1  h1,
.frame-type-text.frame-layout-1  h2,
.frame-type-text.frame-layout-1  h3,
.frame-type-text.frame-layout-1  h4,
.frame-type-text.frame-layout-1  h5,
.frame-type-text.frame-layout-1  p,
.frame-type-text.frame-layout-1  ul,
.frame-type-text.frame-layout-1  ol,
.frame-type-text.frame-layout-1  li,
.frame-type-text.frame-layout-1  a {
    color: #fff;
}


.frame-type-text.frame-layout-1  ul.listegruenehaken li {
    padding-left: 1em;
    color: #ffffff;
    margin-bottom: 2px;
}


/* HAUPTELEMENTE */

#topheaderwrapper {
    border-bottom: 1px solid #e8e8e8;
    /* margin-bottom: 50px; */
}

.topheader {
    margin-top: 13px;
}



.mainheader {
    height: 0;
padding: 40px 30px 0;
-webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 205px 5px rgba(0, 0, 0, 0.6);
margin: 0 auto 120px;
}

#inhalt {
	max-width: 1000px;
	margin: 20px auto;
	padding: 30px;
    -webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1);
}

.breadcrumbwrapper {
    padding: 30px 0 50px 0;
}


.sliderwrapper {
    /* min-height: 550px; */
    background: #3374b8;
    background: -moz-linear-gradient(45deg,  #3374b8 0%, #04afe8 100%);
    background: -webkit-linear-gradient(45deg,  #3374b8 0%,#04afe8 100%);
    background: linear-gradient(45deg,  #3374b8 0%,#04afe8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3374b8', endColorstr='#04afe8',GradientType=1 );
}

.sliderwrapper > div > .grid_wrapper{
    padding:0;
}


@media (max-width: 767px) {

    .sliderwrapper {
        display: none;
    }

    body#page-6 .sliderwrapper {
        display: block;
    }

    body#page-1 .sliderwrapper {
        display: block;
    }

}



.precontent {
    padding-bottom: 40px;
}


@media (max-width: 991px) {
    .precontent {
        padding-bottom: 0px;
    }
}



.maincontent {
    padding-top: 0;
    padding-bottom: 0;
}

.prefooter {
    height: 63px;
    padding: 18px 0;
    line-height: 27px;
}

.mainfooter {
    padding: 50px 0 25px 0;
    background-color: transparent;
}

.logoleiste {
    /* height: 100px; */
    text-align: center;
    /* line-height: 100px; */
}

.logoleiste img {
    margin: 0 30px;
}

.logoleiste .container {
    padding-top: 30px;
    /* border-top: 1px solid #fff; */
    /* border-bottom: 1px solid #fff; */
    background-color: #fff;
    padding-bottom: 30px;
}

.logoleiste .ce-row {
    text-align: center;
}

.logoleiste .ce-column {
    display: inline-block;
    float: none;
}


@media (max-width: 767px) {
    .logoleiste {
        display: none;
    }
}

@media (min-width: 1200px) {
	.mainheader .container {
		max-width: 1000px;
	}
}

.slicknav_menu, #mobilenav {
    display: none;
}

/* tablet tenmplate */

.tabletheaderwrapper {
    height: 170px;
    position: relative;
    background-image: url("../Images/bg_tabletheader.jpg");
    background-size: 100% 170px;

    margin-bottom: 40px;
}

.tabletheaderlogo {
    position: absolute;
    top: 36px;
    left: -20px;
}


.tabletheaderback {
    position: absolute !important;
    top: 52px;
    right: -20px;
}

#page-782 .tabletheaderback {
    display: none;
}

/* ###  animierte Suchleiste ###  */

.suchfeldwrapper {
    position: absolute;
    background-color: #fff;
    padding: 10px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    top: 50px;
    right: 0;
    z-index: 1;
    display: none;
}

.suchfeldwrapper::before{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 15px 15px;
    border-color: transparent transparent #ffffff transparent;

    position: absolute;
    top: -15px;
    right: 175px;
}

#suchfeldform {
    padding: 0px;
    margin: 0px;
}

#suchfeld {
    background-color: #F3F3F3;
    color: #565656;
    border:1px solid #DEDEDE;
    font-size: 14px;
    line-height: 35px;
    padding: 0 15px;
    width: 330px;
}

.suchfeldlupe::before{
    content: '';
    line-height: 35px;
    color: #565656;
    display: block;
    margin-right: 3px;
    float: left;
    font-size: 25px;
    cursor: pointer;
}



.suchfeldlupe {
    position: absolute;
    right: 15px;
    top: 15px;
}



@media (max-width: 991px) {

    .grid_wrapper {
        padding: 40px 0 0 0;
        background-image: none !important;
    }

    div[class^="col-"] {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .mainfooter div[class^="col-"] {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .Tx-Formhandler div[class^="col-"] {
        margin-bottom: 0;
    }
	
	
	.form-row {
		margin-bottom: 1.5rem;
	}
	
		.form-row .form-group {
		margin-bottom: 0;
	}
}


@media (max-width: 1199px) {

    .slicknav_menu {
        display: block;
    }

    .topheader, .areanav, .pagesnav, .rootline, .socialbar, .maincontent2colleft, .prefooter {
        display: none !important;
    }

    .logoleiste {
        height: auto;
    }


}



/* TYPO */

html {
    -webkit-text-size-adjust: auto;
    -moz-text-size-adjust: auto;
    text-size-adjust: auto;


}

* {
    margin: 0;
}

html, body {
    min-height: 100%;
}
font-size
/** basic font */
textarea,
pre,
code,
kbd,
samp,
var,
tt {
    font-family: "DaxWeb W01 Regular", Arial;
}

/* font-size: 14px; */
body {
    font-family: "DaxWeb W01 Regular", Arial;
    font-weight: 300;
    font-style: normal;
    font-size: 18px;
    color: #565656;

    overflow-y: scroll;
}

/*--- Headings ------------------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6,
table th,
.bs-header {
    font-family: "DaxWeb W01 Regular", Arial;
    font-weight: 400;
    font-style: normal;
    margin: 0;
	-webkit-text-fill-color: transparent;
    background: #4184cb;
    background: linear-gradient(90deg,#284c9e,#4184cb);
    -webkit-background-clip: text;
    /*display: inline-block;*/
    
}


h1 {
    font-size: 46px;
    line-height: 1.2em;
    margin: 0 0 0.5em 0;
    padding-top: 10px;
  
}

h2 {
    font-size: 36px;
    line-height: 1.2em;
    margin: 20px 0 0.5EM 0;
    padding-top: 10px;
  

}

h3 {
    font-size: 26px;
    line-height: 1.2em;
    margin: 20px 0 0.5EM 15px;
}

h4 {
    font-size: 22px;
    line-height: 1.4em;
    margin: 0 0 10px 0;
}

h5 {
    font-size: 18px;
    line-height: 1.2em;
    margin: 0 0 0.75em 0;
    color: #565656;
}

h6 {
    font-family: "DaxWeb W01 Medi", Arial;
    font-size: 16px;
    line-height: 1.2em;
    margin: 0 0 0.75em 0;
    color: #565656;
}




/* --- Lists  -------------------------------------------------------------------------------- */
ul,
ol,
dl {
    font-size: 13px;
    line-height: 1.5;
    margin: 0 0 1.5em 0;
}

ul {
    list-style-type: disc;
}

ol {
    list-style-type: decimal;
}

ul ul {
    list-style-type: none;
    margin-top: -1em;
    padding-left:  0;
}

ul ul li {
    /*font-size: 14px;*/
    /*line-height: 1em;*/
    margin-left: 4em;
    /*margin-bottom: 0.5em;*/
    list-style-type: disc;
}

.maincontent ul ul li:before {
    content: "-";
    position: relative;
    left: -5px;
}

/* main ul ul li{ text-indent:-10px; } */
ol ol {
    list-style-type: lower-latin;
    margin-top: 0;
}

ol ul {
    list-style-type: circle;
    margin-top: 0;
}

li {
    font-size: 18px;
    line-height: 1.5em;
    margin-left: 1.2em;
    margin-bottom: 1em;
}



dt {
    font-weight: bold;
}

dd {
    margin: 0 0 1.5em 0.8em;
}

/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
p {
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 0.25em 15px;
    
}

p.no-margin {
    margin: 0;
}

blockquote,
cite,
q {
    font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
    font-style: italic;
}

blockquote {
    background: transparent;
    color: #666666;
    margin: 1.5em 0 0 1.5em;
}

strong,
b {
    font-weight: 700;
    font-style: normal;
}

em,
i {
    font-style: italic;
}

pre,
code,
kbd,
tt,
samp,
var {
    font-size: 16px;
}

pre {
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 1.5em 0;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

pre,
code {
    color: #880000;
}

kbd,
samp,
var,
tt {
    color: #666666;
    font-weight: bold;
}

var,
dfn {
    font-style: italic;
}

acronym,
abbr {
    border-bottom: 1px #aaa dotted;
    font-variant: small-caps;
    letter-spacing: .07em;
    cursor: help;
}

sub,
sup {
    font-size: 12px;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

hr {
    color: #fff;
    background: transparent;
    margin: 0 0 35px 0;
    padding: 0 0 35px 0;
    border: 0;
    border-bottom: 1px #ACBADB solid;
}

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

.align-right {
    text-align: right;
}

.align-justify {
    text-align: justify;
}

/* --- spezielle Textauszeichnung ------------------------------------------ */


.bc p {
    margin-bottom: 0;
}

.bc a{
    color: #565656 !important;
}

.bc a:hover {
    color: #565656 !important;
    text-decoration: underline !important;
}


@media (max-width: 991px) {

    .sliderwrapper h1,
    .sliderwrapper h2,
    .sliderwrapper h3,
    .sliderwrapper h4,
    .sliderwrapper h5,
    .sliderwrapper p,
    .sliderwrapper ul,
    .sliderwrapper ol,
    .sliderwrapper li,
    .sliderwrapper a {
        color: #fff;
    }


    .sliderwrapper ul.listegruenehaken li {
        padding-left: 1em;
        color: #ffffff;
        margin-bottom: 2px;
    }

}





.mainfooter * {

}


.mainfooter h3.linieunten {
    color: #fff;
    display: block;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.phone:before {
    content: "\e953";
    font-size: 25px;
    line-height: 31px;
    width: 35px;
    height: 35px;
    display: block;
    margin-bottom: 3px;
    border: 2px solid #565656;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;

    float: left;
    margin-left: -50px;
    margin-top: -5px;

    font-family: 'swr-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*--- Links ----------------------------------------------------------------------------------------- */

body a, .mfp-link, .mfp-link:visited, .mfp-link:link, .tx-powermail a{
    background: transparent;
    text-decoration: none;
    color: inherit;
    font-weight: 300;
	color: #4184cb;
}

a:hover, p a:hover, .mfp-link:hover,
.news-list-item a:hover h4,
.tx-powermail a {
    text-decoration: none !important;
    color: #0BA1E2;
}

p a:before, a.doublequote:before, .tx-powermail a:before,
.tarifkachel .linkbestellen a:before {
    content: "\00BB";
    margin-right: 4px;
    font-size: inherit;
    display: inline-block;
}

.news-list-item a:before,
.pagination a:before,
.magnificpopup:before{
    display: none;
}

/* --- images ------------------ */
/* clone of bootstrap helper class */
.img-responsive {
    max-width: 100%;
    height: auto;
    display: block;
}

/* custom */
.img-responsive-upscale {
    width: 100%;
    height: auto;
    display: block;
}

/** Tables */
table {
    width: auto;
    border-collapse: separate; 
    color: inherit;
    border-top: none;
    margin: 0;
    font-size: inherit;
    border-spacing: 0px 5px;
    
}

table.narrow {
    margin: 0 0 1.42857em 0;
}

table.narrow th,
table.narrow td {
    padding: 0 0.5em;
    line-height: 1.42857;
}

table.fixed {
    table-layout: fixed;
}

table.bordertable {
    border: 1px #ccc solid;
}

table.bordertable thead th {
    background: #BF0A30;
    border-right: 1px #808080 solid;
    border-bottom: 1px #808080 solid;
}

table.bordertable tbody th[scope="row"] {
    background: #f0f0f0;
}

table.bordertable tbody th {
    border-right: 1px solid #ccc;
}

table.bordertable tbody td {
    border-right: 1px solid #ccc;
}

caption {
    font-variant: small-caps;
}

tr {
    background-color: transparent;
    font-size: inherit;
    
}

th,
td {
    line-height: 1.5em;
    /*vertical-align: center;*/
    vertical-align: top;
    padding: 0 1em 0 0;
    color: inherit;
    /*border: none;*/
    font-size: inherit;
    /*width: 350px;*/
    

    
}

td_border {
    border-top: thin solid !important;
    background-color: greenyellow !important;
}


th {
    color: inherit;
    font-weight: bold;
    display: table-cell;
    padding: 5px;
}

th *:first-child,
td *:first-child {
    /*margin-top: 0;*/
}

th.nowrap,
td.nowrap {
    white-space: nowrap;
}

thead th {
    text-align: left;
}

tbody {
    /* highlight row on mouse over */
}

tbody th {
    text-align: left;
}

tbody td {
    text-align: left;
    padding: 3px;
    padding-left: 5px;


}

/* SWR TABELLE */
.ce-table-swrtable,
.ce-table{
}

table.ce-table-swrtable,
table.ce-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 20px 0;
    border: none;
    padding: 0;
}

table.ce-table-swrtable thead th,
table.ce-table thead th {
    background-color: transparent;
    color: #0ba1e2;
    padding: 10px;
    text-align: left;
    font-weight: 300;
    line-height: 30px;
    border: none;
    border-top: 1px solid #0ba1e2;
    border-bottom: 1px solid #0ba1e2;
}

table.ce-table-swrtable tbody tr:first-child td,
table.ce-table tbody tr:first-child td {
    border-top: 1px solid #ACBADB;
}

table.ce-table-swrtable tbody td,
table.ce-table tbody td {
    background-color: transparent;
    color: #565656;
    padding: 10px;
    text-align: left;
    line-height: 30px;
    border: none;
}

table.ce-table-swrtable tbody tr,
table.ce-table tbody tr {
    background-color: transparent;
}

table.ce-table-swrtable tbody tr td,
table.ce-table tbody tr td {
    background-color: #E6EEFB;
}

table.ce-table-swrtable tbody tr:nth-child(odd) td,
table.ce-table tbody tr:nth-child(odd) td {
    background-color: transparent;
}

table.ce-table-swrtable tfoot td,
table.ce-table tfoot td {
    background-color: #0ba1e2;
    color: #fff;
    padding: 0 5px;
    text-align: left;
    line-height: 30px;
    border: none;
}

/* FOOTER TABELLE */

table.swrfootertable {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
    border: none;
    padding: 0;
}

table.swrfootertable tr td {
    border-bottom: 1px solid #fff;
    padding: 5px 0;
}

table.swrfootertable tr:last-child td {
    border-bottom: none;
}

/**  OTHER  */
.csc-textpic-caption {
    font-size: 13px;
    font-style: italic;
    line-height: normal;
    margin: 10px 0 5px 0;
}




/* Navileisten */

.topnav {
    position: relative;
}

.topnav ul {
    list-style: none;
    text-align: right;
    margin-bottom: 0;
    padding: 0;
    float: right;
}

.topnav li {
    display: inline-block;
    line-height: 23px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin: 0px;
}

.topnav ul li a, .topnav ul li.active strong {
    font-family: "DaxWeb W01 Medi", Arial;
    font-size: 14px;
    line-height: 23px;
    color: #565656;
    display: inline-block;
    font-weight: 300;
    margin: 0 0 0 20px;
}

.topnav ul li a:before, .topnav ul li.active strong:before {
    font-size: 20px;
    line-height: 23px;
    color: #565656;
    display: block;
    margin-right: 3px;
    float: left;
}

.topnav ul li:hover a, .topnav ul li:hover a:before,
.topnav ul li.active a, .topnav ul li.active a:before,
.topnav ul li.active strong, .topnav ul li.active strong:before {
    color: #94c11c;
    text-decoration: none;
}

.topnav ul li a:before {
    content: "\203A";
    font-size: 14px;
    color: inherit;
    display: inline-block;
    margin-right: 5px;
}

.topnav ul li a.swr-icon_luppe:before {
    content: "\e90a";
    font-size: 23px;
    color: #ccc;
}

.topnav ul li a.swr-icon_telefon_2:before {
    content: "\e953";
    font-size: 23px;
    color: #94c11c;
}
.topnav ul li a.swr-icon_telefon_2 {
    color: #94c11c;
}
.topnav ul li a.swr-icon_kundenportal:before {
    content: "\e951";
    font-size: 23px;
    color: #ccc;
}

.topnav ul li a.swr-icon_kundenportal_2:before {
    content: "\e952";
    font-size: 23px;
    color: #ccc;
}






.areanav ul {
    list-style: none;
    text-align: left;
    margin-bottom: 0;
    padding: 0;
}

.areanav li {
    display: inline-block;
    margin: 0;
    padding: 7px 0 12px 0;
    color: #5c5c5c;
    font-size: 18px;
}

.areanav li.last {
    margin-right: 0;
}

.areanav li.active,
#page-1 .areanav li:first-child{
    color: #5c5c5c;
    background-color: #fff;
    border: 1px solid #ccc;
    border-bottom: 2px solid #fff;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    font-size: 18px;
    margin-bottom: -1px;
}

.areanav li a:hover, .areanav li a:focus {
    color: #0ba1e2;
    text-decoration: none;
}

.areanav li.active strong {
    font-weight: 300;
}

.areanav li a, .areanav li strong {
    font-size: 15px;
    border-right: 1px solid #fff;
    padding: 0 15px 0 15px;
    margin: 7px 0 7px 0;
}

.areanav li a:hover, .areanav li strong:hover {
    border-right-color: transparent;
}

.areanav li.last a, .areanav li.last strong {
    border: none;
}

.pagesnav {
    background-color: transparent;
    /* padding: 0 20px; */
    -webkit-border-radius: 5px;
    /* border-radius: 5px; */
    /* height: 51px; */
}

.pagesnav ul.pages {
    list-style: none;
    text-align: right;
    display: block;
    margin-bottom: 0;
    padding: 0;
}

.pagesnav ul.pages li {
    display: inline-block;
    margin: 0 30px 0 0 !important;
    padding: 15px 0;
    /*font-family: "DaxWeb W01 Medi", Arial;
    font-size: 22px;
    line-height: 51px;
    color: #0ba1e2; */
}

.pagesnav ul.pages li.last {
    margin: 0 !important;
}

.pagesnav ul.pages li a, .pagesnav ul.pages li.active strong {
    font-family: "DaxWeb W01 Medi", Arial;
    font-size: 22px;
    line-height: 21px;
    color: #565656;
    display: inline-block;
    font-weight: 300;
}

.pagesnav ul.pages li a:before, .pagesnav ul.pages li.active strong:before {
    font-size: 30px;
    line-height: 51px;
    color: #565656;
    display: block;
    margin-right: 5px;
    float: left;
}

.pagesnav ul.pages li:hover a, .pagesnav ul.pages li:hover a:before,
.pagesnav ul.pages li:focus a, .pagesnav ul.pages li:focus a:before,
.pagesnav ul.pages li:active a, .pagesnav ul.pages li:active a:before,
.pagesnav ul.pages li.active a, .pagesnav ul.pages li.active a:before,

.pagesnav ul.pages a:hover:before,
.pagesnav ul.pages a:focus:before,
.pagesnav ul.pages a:active:before,

.pagesnav ul.pages li.active strong, .pagesnav ul.pages li.active strong:before {
    color: #0BA1E2;
    text-decoration: none;
}

.pagesnav ul.pages li a:hover {
    text-decoration: none;
}

.pagesnav ul.ext {
    list-style: none;
    float: right;
    margin-bottom: 0;
    padding: 0;
}

.pagesnav ul.ext li {
    display: inline-block;
    line-height: 51px;
    color: #0ba1e2;
    font-size: 18px;
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
}

.pagesnav ul.ext a:hover {
    text-decoration: none;
}

.pagesnav ul.ext li {
    position: relative;
}

.pagesnav ul.ext li:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -10px;
    border-right: 1px solid #0ba1e2;
    width: 1px;
    height: 20px;
    margin-top: -10px;
}

.pagesnav ul.ext li.last:after {
    border-color: transparent !important;
}

.rootline {
    padding-left: 30px;
}

.rootline span {
    font-family: "DaxWeb W01 Ita", Arial;
    font-size: 12px;
    line-height: 49px;
    color: #fff;
}

.rootline ul {
    list-style: none;
    text-align: left;
    display: inline;
    margin-bottom: 0;
    padding: 0;
}

.rootline ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-family: "DaxWeb W01 Ita", Arial;
    font-size: 12px;
    line-height: 49px;
    color: #fff;
}

.rootline ul li.active {
    color: #fff;
}

.rootline ul a:hover {
    text-decoration: none;
    color: #94c11c;
}

.rootline ul li.active {
    font-weight: 300;
    font-family: "DaxWeb W01 Bold", Arial;
}

ul.leftnav {
    background-color: #FCFCFC;
    padding: 5px 20px 5px 20px;
    list-style: none;
    text-align: left;
    margin-bottom: 0;
}

ul.leftnav li {
    display: block;
    margin: 0;
    padding: 10px 0;
    font-size: 14px;
    line-height: 20px;
    border-bottom: 1px solid #0ba1e2;
}

ul.leftnav li:last-child {
    border-bottom: none;
}

ul.leftnav li a, ul.leftnav li a:visited {
    display: block;
    margin: 0;
    padding: 0;
    color: #0ba1e2;
    font-family: "DaxWeb W01 Medi", Arial;
    font-weight: 300;
}

ul.leftnav li a:before,
ul.leftnav li strong:before {
    /* content: "\02C3"; */
    content: "\203A";
    font-size: 14px;
    line-height: inherit;
    color: #0ba1e2;
    display: inline-block;
    margin-right: 5px;
}

ul.leftnav li a.activeElement,
ul.leftnavl li a:hover,
ul.leftnav a:hover {
    text-decoration: none;
    color: #94c11c !important;
}

ul.leftnav li strong {
    font-weight: 300;
    display: block;
    margin: 0;
    padding: 0;
}

ul.leftnav li strong:before,
ul.leftnav li a.activeElement:before {
    color: #94c11c;
}

ul.leftnav a.ext:after {
    font-family: 'swr-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;

    content: "\e915";
    font-size: 14px;
    line-height: 14px;
    color: inherit;
    display: inline-block;
    margin-left: 5px;

    border: 1px solid;
    border-color: inherit;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

/* 2nd level */
ul.leftnav ul {
    padding: 0;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: -5px;
}

ul.leftnav ul li {
    line-height: 20px;
    padding: 5px 0;
    border-bottom: none;
}


ul.leftnav ul li:before {
    display: none;
}

ul.leftnav ul li:first-child {
    margin-top: 8px;
}

ul.leftnav ul li a:before,
ul.leftnav ul li strong:before {
    line-height: inherit;
}

body .mainfooter .topfooter {
    /* padding-bottom: 25px; */
    border-bottom: 1px solid #0BA1E2;
}


.mainfooter .copyright, .mainfooter ul.footermenu{
    margin: 20px 0;
}

.mainfooter .copyright, .mainfooter .copyright p {
    line-height: 30px;
    font-size: 14px;
}

.mainfooter ul.footermenu {
    list-style: none;
    text-align: right;
    padding: 0;
}

.mainfooter ul.footermenu li {
    display: inline-block;
    line-height: 25px;
    margin: 0 0 0 10px;
    font-size: 14px;
}

.mainfooter ul.footermenu li a:hover {
    text-decoration: none;
}

.mainfooter ul.footermenu li a:before {
    content: "\203A";
    content: "\00BB";
    font-size: 14px;
    color: inherit;
    display: inline-block;
    margin-right: 5px;
}

.mainfooter a:visited {
    color: #565656;
}


.mainfooter ul.footermenu.vertikal{
    margin: 0 0 30px 0;
}


.mainfooter ul.footermenu.vertikal {
    list-style: none;
    text-align: left;
    padding: 0;
}

.mainfooter ul.footermenu.vertikal li {
    display: block;
    line-height: 25px;
    margin: 0;
}

.mainfooter ul.footermenu.vertikal li a:hover {
    text-decoration: none;
}

.mainfooter ul.footermenu.vertikal li a:before {
    content: "\203A";
    content: "\00BB";
    font-size: 14px;
    color: inherit;
    display: inline-block;
    margin-right: 5px;
}

.mainfooter ul.footermenu.vertikal > li {
    display: block;
    line-height: 50px;
    margin: 0;

    font-size: 20px;
    color: #0BA1E2;
}

.mainfooter ul.footermenu.vertikal > li a,
.mainfooter ul.footermenu.vertikal > li a:visited
{
    color: #0BA1E2;
    border-bottom: 1px solid #0BA1E2;
    display: block;
}
.mainfooter ul.footermenu.vertikal > li li a,
.mainfooter ul.footermenu.vertikal > li li a:visited
{
    line-height: 33px;
    color: #565656;
    border-bottom: none;
    display: block;
}

.mainfooter ul.footermenu.vertikal ul {
    margin-top: 9px;
}


.mainfooter .lawsocial {
    text-align: right;
}

.mainfooter .lawsocial ul{
    display: inline-block;
}




/* socialbar */
ul.socialbar {
    list-style: none;
    margin-bottom: 0;
    padding: 5px 10px;
    background-color: transparent;
    z-index: 1;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

ul.socialbar li {
    margin: 0 15px 0 0;
    display: inline-block;
}
ul.socialbar li:last-child {
    margin: 0;
}

ul.socialbar a,
ul.socialbar a:visited {
    display: block;
}



ul.socialbar a:before {
    font-size: 25px;
    line-height: 35px;
    width: 35px;
    height: 35px;
    display: block;
    margin-bottom: 3px;
    border: none;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;

    color: #fff;
    background-color: #898F9C;
}

ul.socialbar a:hover:before {
    background-color: #0BA1E2;
}

ul.socialbar a span {
    display: none;
}

ul.socialbar a:hover {
    text-decoration: none;
}



/* CSC-Layout */
/* Schatten unterhalb */
.img-schatten-unterhalb{
    margin-bottom: 10px;
    padding-bottom: 10px;
    background-image: url(../Images/schattenunterbild.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% 10px;
}



/* DCE */

/* kopffussakkordeon */

/*common*/

.ui-widget {
    font-family: inherit;
}

.kopffussakkordeon h3.ui-accordion-header {
    border: none;
    padding: 0;
    margin: 0;
    line-height: 80px;
    font-size: 18px;
}

.kopffussakkordeon h3.ui-accordion-header:focus {
    outline: none;
}

.kopffussakkordeon .ui-accordion-content  {
    border: none;
    padding: 0;
    margin: 0;
}

.kopffussakkordeon .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    display: none;
}

/* style 1 */

.kopffussakkordeon1 h3.ui-accordion-header {
    color: #0ba1e2;
    text-align: center;

}


.kopffussakkordeon1 h3.ui-accordion-header .h3wrap {
    display: inline-block;
    padding-left: 45px;
    background-image: url("../Images/accopenkopf.png");
    background-repeat: no-repeat;
    background-position: left center;
}

.kopffussakkordeon1 h3.ui-accordion-header.ui-accordion-header-active .h3wrap {
    background-image: url("../Images/accclosekopf.png");
}

.kopffussakkordeon1 h3.ui-accordion-header .h3wrap .opentext {
    display: inline-block;
}
.kopffussakkordeon1 h3.ui-accordion-header .h3wrap .closetext {
    display: none;
}
.kopffussakkordeon1 h3.ui-accordion-header.ui-accordion-header-active .h3wrap .opentext {
    display: none;
}
.kopffussakkordeon1 h3.ui-accordion-header.ui-accordion-header-active .h3wrap .closetext {
    display: inline-block;
}


/* style 2 */

.kopffussakkordeon2 h3.ui-accordion-header {
    text-align: left;
    color: #565656;
}

.kopffussakkordeon2 h3.ui-accordion-header .h3wrap {
    display: inline-block;
    padding-left: 45px;
    background-image: url("../Images/accopenkopf2.png");
    background-repeat: no-repeat;
    background-position: left center;
}

.kopffussakkordeon2 h3.ui-accordion-header.ui-accordion-header-active .h3wrap {
    background-image: url("../Images/accclosekopf2.png");
}

.kopffussakkordeon2 h3.ui-accordion-header .h3wrap .opentext {
    display: inline-block;
}
.kopffussakkordeon2 h3.ui-accordion-header .h3wrap .closetext {
    display: none;
}
.kopffussakkordeon2 h3.ui-accordion-header.ui-accordion-header-active .h3wrap .opentext {
    display: none;
}
.kopffussakkordeon2 h3.ui-accordion-header.ui-accordion-header-active .h3wrap .closetext {
    display: inline-block;
}

.kopffussakkordeon2 {
    margin-bottom: 30px;
}

/*  fce_fullsizebanner  */

.fce_fullsizebanner_wrap {
    position: relative;
}

.fce_fullsizebanner {
    width: 100%;
    /* height: 618px; */
    padding-bottom: 42.9166%;
    padding-bottom: 26%;
    min-height: 400px;
    background-size: cover;
    background-position: top right;
}

.fce_fullsizebanner_wrap .claim_bg_holder {
    position: absolute;
    background-size: 100% 100%;
}

.fce_fullsizebanner_wrap .claim_bg_holder.linksoben {
    top: 0;
    bottom:0;
    left:0;
    right: 45%;
    /* background-image: url("../Images/claimbg_lo.png");*/
}

.fce_fullsizebanner_wrap .claim_bg_holder.rechtsoben {
    top:0;
    bottom:0;
    right: 0;
    left: 45%;
    /* background-image: url("../Images/claimbg_ro.png"); */
}

.fce_fullsizebanner_wrap .claim_bg_holder.linksunten {
    top:0;
    bottom:0;
    left:0;
    right: 45%;
    /* background-image: url("../Images/claimbg_lu.png"); */
}

.fce_fullsizebanner_wrap .claim_bg_holder.rechtsunten {
    top:0;
    bottom:0;
    left: 45%;
    right: 0;
    /* background-image: url("../Images/claimbg_ru.png"); */
}

.fce_fullsizebanner_wrap .claimwrapper {
    position: absolute;
    top: 0;
    margin-bottom: 0;
    height: 100%;
    width: 100%;
    max-width: 1150px;
}


.fce_fullsizebanner_wrap .claim {
    position: absolute;
    width: 40%;

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#03aee2+0,2d78af+100 */
    background: #03aee2; /* Old browsers */
    background: -moz-linear-gradient(top,  #03aee2 0%, #2d78af 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #03aee2 0%,#2d78af 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #03aee2 0%,#2d78af 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03aee2', endColorstr='#2d78af',GradientType=0 ); /* IE6-9 */
}

.fce_fullsizebanner_wrap .claim *:last-child{
    margin-bottom: 0 !important;
}

.fce_fullsizebanner_wrap .linksoben .claim {
    position: absolute;
    padding: 35px;
    top: 35px;
    bottom: unset;
    left:0;
}

.fce_fullsizebanner_wrap .rechtsoben .claim {
    position: absolute;
    padding: 35px;
    top: 35px;
    bottom: unset;
    right: 100%;
    width: 40%;
    left: unset;
    right: 0;
}

.fce_fullsizebanner_wrap .linksunten .claim {
    position: absolute;
    padding: 35px;
    top: unset;
    bottom: 35px;
    left: 0;
}

.fce_fullsizebanner_wrap .rechtsunten .claim {
    position: absolute;
    padding: 35px;
    top: unset;
    bottom: 35px;
    right: 100%;
    width: 40%;
    left: 30%;
}

.fce_fullsizebanner_wrap .claim * {
    color: #fff !important;
    font-size: 22px;
}

.fce_fullsizebanner_wrap .claim .buttongruen,
.fce_fullsizebanner_wrap .claim .buttongrau{
    color: #fff !important;
    font-size: 16px;
}

.fce_fullsizebanner_wrap .claim h1,
.fce_fullsizebanner_wrap .claim h1 a{
    text-align: left;
    font-size: 36px;
    margin-bottom: 1rem;
    margin-top: 0;
    line-height: 1.1em;
}

.fce_fullsizebanner_wrap .claim p{
    line-height: 1.2em;
}


@media (max-width: 1550px) {


    .fce_fullsizebanner_wrap .claim {
        width: 40%;
    }
}

@media (max-width: 1550px) {

    .fce_fullsizebanner {
        padding-bottom: 42.9166%;
    }

}

@media (max-width: 1200px) {
    .fce_fullsizebanner_wrap .claimwrapper {
        max-width: 950px;
    }
}


@media (max-width: 992px) {

    .page-startseite .sliderwrapper > div > section > .container {
        padding: 0;
    }

    .page-startseite .sliderwrapper > div > section > .container > div > div {
        padding: 0;
    }



    .fce_fullsizebanner_wrap .claimwrapper,
    .fce_fullsizebanner_wrap .claim {
        position: relative !important;
        width: 100%;
        max-width: 750px;
    }

    .fce_fullsizebanner_wrap .claim_bg_holder {
        background: none !important;
        position: relative !important;
        width: 100%;
    }

    .fce_fullsizebanner_wrap .linksoben .claim,
    .fce_fullsizebanner_wrap .rechtsoben .claim,
    .fce_fullsizebanner_wrap .linksunten .claim,
    .fce_fullsizebanner_wrap .rechtsunten .claim{
        position: relative;
        top: unset;
        left: unset;
        bottom: unset;
        right: unset;
        padding: 15px 0;

        width: 100% !important;
        background: none;
    }

    .fce_fullsizebanner_wrap .claim * {
        color: #fff !important;
        font-size: 15px;
    }

    .fce_fullsizebanner_wrap .claim .buttongruen,
    .fce_fullsizebanner_wrap .claim .buttongrau{
        color: #fff !important;
        font-size: 15px;
    }

    .fce_fullsizebanner_wrap .claim h1,
    .fce_fullsizebanner_wrap .claim h1 a{
        text-align: left;
        font-size: 30px;
        margin-bottom: 1rem;
        margin-top: 0;
        line-height: 1.1em;
    }

    .fce_fullsizebanner_wrap .claim p{
        line-height: 1.2em;
    }


    .owl-theme-kommittheader .owl-nav.disabled+.owl-dots {
        /* margin-top: 10px; */
        position: relative;
        bottom: 40px;
        top: unset;
        left: 0;
        right: 0;
        text-align: center;
    }

}

@media (max-width: 767px) {

    .fce_fullsizebanner {
        background-image: none !important;
        height: auto;
        padding-bottom: 0;
        min-height: unset;
    }


}


/* Downloads */
ul.ce-uploads li {
    list-style: none outside none;
    padding: 0;
    border-top: 1px solid #ACBADB;
    border-bottom: 1px solid #ACBADB;
    margin: 0 0 -1px 0;
    line-height: 30px;
    padding-left: 45px;
}

ul.ce-uploads li a, ul.ce-uploads li a:hover,
ul.ce-uploads span.ce-uploads {
    text-decoration: none;
}

ul.ce-uploads span {
    display: inline-block;
    margin-right: 16px;
    word-break: break-all;
}

ul.ce-uploads li {
    position: relative;
}

ul.ce-uploads li:before {
    position: absolute;
    width: 21px;
    height: 19px;
    left: 11px;
    top: 8px;
    display: inline-block;
    background-image: url("../Images/download_icon.png");
    background-repeat: no-repeat;
    background-position: left center;
    content: '';
}




/* SITEMAP */



.csc-sitemap ul {
    background-color: #FCFCFC;
    padding: 5px 20px 5px 20px;
    list-style: none;
    text-align: left;
    margin-bottom: 0;
}

.csc-sitemap ul li {
    display: block;
    margin: 0;
    padding: 10px 0;
    font-size: 14px;
    line-height: 20px;
    border-bottom: 1px solid #0ba1e2;
}

.csc-sitemap ul li:last-child {
    border-bottom: none;
}

.csc-sitemap ul li a,
.csc-sitemap ul li a:visited {
    display: block;
    margin: 0;
    padding: 0;
    color: #0ba1e2;
    font-family: "DaxWeb W01 Medi", Arial;
    font-weight: 300;
}

.csc-sitemap ul li a:before,
.csc-sitemap ul li strong:before {
    /* content: "\02C3"; */
    content: "\203A";
    font-size: 14px;
    line-height: inherit;
    color: #0ba1e2;
    display: inline-block;
    margin-right: 5px;
}

.csc-sitemap ul li a.activeElement,
.csc-sitemap ull li a:hover,
.csc-sitemap ul a:hover {
    text-decoration: none;
    color: #94c11c !important;
}

.csc-sitemap ul li strong {
    font-weight: 300;
    display: block;
    margin: 0;
    padding: 0;
}

.csc-sitemap ul li strong:before,
.csc-sitemap ul li a.activeElement:before {
    color: #94c11c;
}

.csc-sitemap ul a.ext:after {
    font-family: 'swr-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;

    content: "\e915";
    font-size: 14px;
    line-height: 14px;
    color: inherit;
    display: inline-block;
    margin-left: 5px;

    border: 1px solid;
    border-color: inherit;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

/* 2nd level */
.csc-sitemap ul ul {
    padding: 0;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: -5px;
}

.csc-sitemap ul ul li {
    line-height: 20px;
    padding: 5px 0;
    border-bottom: none;
}


.csc-sitemap ul ul li:before {
    display: none;
}

.csc-sitemap ul ul li:first-child {
    margin-top: 8px;
}

.csc-sitemap ul ul li a:before,
.csc-sitemap ul ul li strong:before {
    line-height: inherit;
}




/* Coookie Choice */


#cookieChoiceInfo {
    background: #5975b7; /* Old browsers */
    background: -moz-linear-gradient(45deg, #5975b7 0%, #347fd1 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #5975b7 0%,#347fd1 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #5975b7 0%,#347fd1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5975b7', endColorstr='#347fd1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

#cookieChoiceInfo *{
    color: #fff !important;
}


/* ui-accordion  */
.dce_acccordion .ui-accordion {
    padding: 0;
}

.dce_acccordion .ui-accordion-header {
    padding: 9px 0 9px 0;
    /* line-height: 55px; */
    margin-bottom: 0;
    clear: both;
    font-family: "DaxWeb W01 Medi", Arial;
    font-size: 18px;
    color: #0ba1e2;
    font-weight: 300;
    border: none;
    border-bottom: 1px solid #0ba1e2;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    min-height: 55px;
}

.dce_acccordion .ui-accordion-header:last-child {
    border: none;
}

.dce_acccordion .ui-accordion-header:before {
    font-family: 'swr-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e919";
    color: #0ba1e2;
    display: inline-block;
    margin-right: 10px;
    border: 1px solid #0ba1e2;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.dce_acccordion .ui-accordion-header:hover,
.dce_acccordion .ui-accordion-header.ui-accordion-header-active {
    color: #0ba1e2;
    cursor: pointer;
    font-size: 22px;
    outline: none;
}

.dce_acccordion .ui-accordion-header.ui-accordion-header-active {
    border-bottom: none;
}

.dce_acccordion .ui-accordion-header:hover:before,
.dce_acccordion .ui-accordion-header.ui-accordion-header-active:before {
    content: "\e917";
    color: #fff;
    background-color: #0ba1e2;
    font-size: 18px;
}

.dce_acccordion .ui-accordion-content {
    padding: 15px 0 15px 0px;
    border: none;
    border-bottom: 1px solid #0ba1e2;
}

.dce_acccordion .ui-accordion-content *:last-child {
    margin-bottom: 0;
}

/* blaue kacheln */
.dce_blauekacheln .row {
    margin-right: -10px;
    margin-left: -10px;
}

.dce_blauekacheln div[class^="col-"] {
    padding-right: 10px;
    padding-left: 10px;
}

.blauekachel {
    color: #fff;
    padding: 15px 20px;
    height: 6.5em;
    margin-bottom: 20px;

    background: #5975b7; /* Old browsers */
    background: -moz-linear-gradient(45deg, #5975b7 0%, #347fd1 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #5975b7 0%,#347fd1 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #5975b7 0%,#347fd1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5975b7', endColorstr='#347fd1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}



@media (max-width: 991px) {
    .blauekachel {
        margin-bottom: -10px;
        height: auto;
        min-height: 6.5em;
    }
}


.blauekachel a, .blauekachel a:visited {
    color: #fff;
    font-weight: inherit;
}

.dce_blauekacheln a:before {
    display: none;
}

.dce_blauekacheln a:hover * {
    color: #94c11c;
}

/* responsive images */
.img-beside-left .img-wrap, .img-beside-right .img-wrap, .img-intext-left .img-wrap, .img-intext-right .img-wrap {
    /* max-width: 35% !important; */
    max-width: 25% !important;
}

/* page browser */
.pagination > li {
    display: inline-block;
    margin: 0 2px;
}

.pagination > li:first-child > a, .pagination > li:first-child > span,
.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-radius: 0;
}

.pagination > .active > a, .pagination > .active > span,
.pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus,
.pagination > .active > span:focus,
.pagination > li > a:hover, .pagination > li > span:hover,
.pagination > li > a:focus, .pagination > li > span:focus {
    z-index: 3;
    color: #fff !important;
    cursor: default;
    background-color: #94C11C;
    border-color: #94C11C;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #878787 !important;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #EFEFEF;

    font-size: 15px;
}

/* faceted search */


#ke_search_sword {
    position: relative !important;
}


.tx-kesearch-pi1 #kesearch_results .result-list-item .hit {
    color: #94c11c !important;
}


.tx-kesearch-pi1 .submit,
.tx-kesearch-pi1 .resetbutt{
    display: none;
}


/* mfp lightboxes social navi */

.telmfp .mfp-content {
    position: absolute;
    left: 80px;
    top: 438px;
    width: 303px;
    height: 209px;
}

.telmfp .mfp-content::before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 15px 0;
    border-color: rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    content: '';
    position: absolute;
    left: -15px;
    top: 20px;
    z-index: 100;
}


.kontaktmfp .mfp-content{
    position: absolute;
    left: 80px;
    top: 150px;
    width: 700px;
    height: 739px;
}

.kontaktmfp .mfp-content::before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 15px 0;
    border-color: rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    content: '';
    position: absolute;
    left: -15px;
    top: 346px;
    z-index: 100;
}



.telmfp .mfp-iframe-scaler iframe,
.kontaktmfp .mfp-iframe-scaler iframe{
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}


.embed-container {
    position: relative;
    padding-bottom: 56.25%; /* ratio 16x9 */
    height: 0;
    overflow: hidden;
    width: 100%;
    height: auto;
}
.embed-container iframe {

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* ratio 4x3 */
.embed-container.ratio4x3 {
    padding-bottom: 75%;
}

/* ratio 4x3 */
.embed-container.ratio16x9 {
    padding-bottom: 56%;
}


/* mobile ellipsis */
/* .csc-frame-frame1 */


.more{
    display: none;
    position: absolute;
    bottom: 0;
    left:0;
}

.less,.more {
    display: none;
    background-color: #0ba1e2;
    color: #fff;
    height: 40px;
    line-height: 40px;
    font-weight: 700;
    padding-left: 1em;
}

.more:hover, .less:hover {
    cursor: pointer;
}

.moreactive, lessactive {
    position: relative;
}

.moreactive {
    max-height: none;
}

@media (max-width: 762px) {

    .moreactive {
        height: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }

    .moreactive .more, .lessactive .less{
        display: block;
        width: 100%;
    }

}

.more::before,
.less::before {
    font-family: 'swr-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 15px;
    padding: 5px;
    margin: 6px 7px 0 0;
    float: right;
}

.more:before {
    content: "\e919";
}
.less:before {
    content: "\e917";
}

/* mobile hidden */
/* .csc-frame-frame2 */

@media (max-width: 762px) {
    .csc-frame-custom-21 {
        display: none;
    }
}


/* mobile typographie */

@media (max-width: 767px) {

    h1 {
        font-size: 30px;
        line-height: 35px;
        margin: 0 0 0.75em 0;
    }

    .claimgross {
        font-size: 25px !important;
    }

    .tarifdetailheader h3 .tarifname {
        font-size: 30px;
        line-height: 35px;
    }

    .stoerer {
        display: none !important;
    }

    .table-responsive {
        border: none !important;
    }

    td, th {
        vertical-align: top !important;
        line-height: 22px !important;

    }


    fieldset.powermail_fieldset label, fieldset.powermail_fieldset fieldset legend {
        display: block !important;
        width: 100% !important;
        float: none !important;
    }

    fieldset.powermail_fieldset input.powermail_input, fieldset.powermail_fieldset input.powermail_date, fieldset.powermail_fieldset input.powermail_datetime, fieldset.powermail_fieldset textarea.powermail_textarea, fieldset.powermail_fieldset select.powermail_select, fieldset.powermail_fieldset .powermail_captcha {
        display: block !important;
        width: 100% !important;
        float: none !important;
    }

    fieldset.powermail_fieldset .powermail_check_inner label {
        padding-left: 15px !important;
    }

    fieldset.powermail_fieldset .powermail_check_inner {
        margin-left: 35px !important;
    }

    fieldset.powermail_fieldset input.powermail_input, fieldset.powermail_fieldset input.powermail_date, fieldset.powermail_fieldset input.powermail_datetime, fieldset.powermail_fieldset textarea.powermail_textarea, fieldset.powermail_fieldset select.powermail_select, fieldset.powermail_fieldset .powermail_captcha {
        line-height: 30px;
        min-height:36px;
    }

    #formhandler_contact_form input, #formhandler_contact_form textarea, #formhandler_contact_form select {
        line-height: 30px;
        min-height:36px;
    }

}




/* fe_login */

.tx-felogin-pi1 form {
    margin-top: 50px;
}

.tx-felogin-pi1 form label{
    width: 200px;
}

.tx-felogin-pi1 form input[type="submit"]{
    margin-top: 30px;
}


/* OSM */
#ttaddress__map {
    min-height: 500px !important;
}


/* CSS Utilities */


.ce-above .ce-gallery {
    margin-bottom: 30px;
}


/* Margins & Paddings */
.csc-space-after-extra-small{margin-bottom:10px}
.csc-space-after-small{margin-bottom:30px}
.csc-space-after-medium{margin-bottom:50px}
.csc-space-after-large{margin-bottom:70px}
.csc-space-after-extra-large{margin-bottom:100px}

.csc-space-before-extra-small{margin-top:10px}
.csc-space-before-small{margin-top:30px}
.csc-space-before-medium{margin-top:50px}
.csc-space-before-large{margin-top:70px}
.csc-space-before-extra-large{margin-top:100px}


.no-s {
    margin: 0px !important;
    padding: 0px !important;
}

.no-m {
    margin: 0;
}

.no-p {
    padding: 0;
}

.m {
    margin: 15px;
}

.m-t-xxs {
    margin-top: 5px;
}

.m-r-xxs {
    margin-right: 5px;
}

.m-b-xxs {
    margin-bottom: 5px;
}

.m-l-xxs {
    margin-left: 5px;
}

.m-t-xs {
    margin-top: 10px;
}

.m-r-xs {
    margin-right: 10px;
}

.m-b-xs {
    margin-bottom: 10px;
}

.m-l-xs {
    margin-left: 10px;
}

.m-t-sm {
    margin-top: 15px;
}

.m-r-sm {
    margin-right: 15px;
}

.m-b-sm {
    margin-bottom: 15px;
}

.m-l-sm {
    margin-left: 15px;
}

.m-t-md {
    margin-top: 20px;
}

.m-r-md {
    margin-right: 20px;
}

.m-b-md {
    margin-bottom: 20px;
}

.m-l-md {
    margin-left: 20px;
}

.m-t-lg {
    margin-top: 25px;
}

.m-r-lg {
    margin-right: 25px;
}

.m-b-lg {
    margin-bottom: 25px;
}

.m-l-lg {
    margin-left: 25px;
}

.m-t-xxl {
    margin-top: 30px;
}

.m-r-xxl {
    margin-right: 30px;
}

.m-b-xxl {
    margin-bottom: 30px;
}

.m-l-xxl {
    margin-left: 30px;
}

.m-t-n-xxs {
    margin-top: -5px;
}

.m-r-n-xxs {
    margin-right: -5px;
}

.m-b-n-xxs {
    margin-bottom: -5px;
}

.m-l-n-xxs {
    margin-left: -5px;
}

.m-t-n-xs {
    margin-top: -10px;
}

.m-r-n-xs {
    margin-right: -10px;
}

.m-b-n-xs {
    margin-bottom: -10px;
}

.m-l-n-xs {
    margin-left: -10px;
}

.m-t-n-sm {
    margin-top: -15px;
}

.m-r-n-sm {
    margin-right: -15px;
}

.m-b-n-sm {
    margin-bottom: -15px;
}

.m-l-n-sm {
    margin-left: -15px;
}

.m-t-n-md {
    margin-top: -20px;
}

.m-r-n-md {
    margin-right: -20px;
}

.m-b-n-md {
    margin-bottom: -20px;
}

.m-l-n-md {
    margin-left: -20px;
}

.m-t-n-lg {
    margin-top: -25px;
}

.m-r-n-lg {
    margin-right: -25px;
}

.m-b-n-lg {
    margin-bottom: -25px;
}

.m-l-n-lg {
    margin-left: -25px;
}

.m-t-n-xxl {
    margin-top: -30px;
}

.m-r-n-xxl {
    margin-right: -30px;
}

.m-b-n-xxl {
    margin-bottom: -30px;
}

.m-l-n-xxl {
    margin-left: -30px;
}

.p {
    padding: 15px;
}

.p-h-xxs {
    padding-left: 5px;
    padding-right: 5px;
}

.p-h-xs {
    padding-left: 10px;
    padding-right: 10px;
}

.p-h-sm {
    padding-left: 15px;
    padding-right: 15px;
}

.no-p-h {
    padding-left: 0;
    padding-right: 0;
}

.no-p-v {
    padding-top: 0;
    padding-bottom: 0;
}

.p-h-md {
    padding-left: 20px;
    padding-right: 20px;
}

.p-h-lg {
    padding-left: 25px;
    padding-right: 25px;
}

.p-h-xxl {
    padding-left: 30px;
    padding-right: 30px;
}

.p-v-xxs {
    padding-top: 5px;
    padding-bottom: 5px;
}

.p-v-xs {
    padding-top: 10px;
    padding-bottom: 10px;
}

.p-v-sm {
    padding-top: 15px;
    padding-bottom: 15px;
}

.p-v-md {
    padding-top: 20px;
    padding-bottom: 20px;
}

.p-v-lg {
    padding-top: 25px;
    padding-bottom: 25px;
}

.p-v-xxl {
    padding-top: 30px;
    padding-bottom: 30px;
}


@media print {
    #cookieChoiceInfo, #cookieChoiceInfo *, .mainfooter, a[href]:after {
        display: none !important;
    }}



/* eigene CSS */


input, select, textarea, body .form-control, body .custom-select {
    border-color: #a4a5a5;
    border-style: solid;
    border-width: 1px;
    font-size: 16px;
    color: #565656;
	border-radius: 0.4rem;
    padding: 5px 10px;
    margin-bottom: 5px !important;
}

input, select, textarea {
    width: 700px;
}

.uhrzeit-cont {
	border: 1px solid; border-color: rgb(204, 204, 204); border-radius: 6px; color: #565656; padding: 5px 10px; background-color: white;
}


input[type="checkbox"]{
    height: inherit;
}

select {
	height: 35px;
}


textarea {
	min-height: 150px;
}

table.kundendaten input, 
table.kundendaten select, 
table.kundendaten textarea {
	width: 380px;

}


input[type=submit],
input[type=button],
.own_button {
	/*
	height: 37px;
    background: white;
    margin: 0 0 10px 0;
	    text-decoration: none;
    font-family: "DaxWeb W01 Medi", Arial;
    color: #FFFFFF;
    font-weight: 300;
    font-size: 18px;
    text-align: center;
    line-height: normal;
    padding: 8px 25px;
    white-space: nowrap;
    border: none !important;
    max-width: inherit;
    background: #75b101;
    background: -moz-linear-gradient(45deg, #75b101 0%, #b5e82e 100%);
    background: -webkit-linear-gradient(45deg, #75b101 0%, #b5e82e 100%);
    background: linear-gradient(45deg, #75b101 0%, #b5e82e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#75b101', endColorstr='#b5e82e', GradientType=1);
    -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 25%);
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 25%);
	transition: background 0.2s ease-in 30ms;
    border-radius: 5px; */
	    /* --text-color: #282828; */
    --bg-color: transparent;
    --border-color: #282828;
    align-items: center;
    background: var(--bg-color);
    border: 1px solid var(--border-color);
    border-radius: 1rem;
    color: var(--text-color);
    cursor: pointer;
    font-family: DaxWeb, sans-serif;
    font-weight: 500;
    padding: 0 2.4rem;
    -ms-user-select: none;
    user-select: none;
    z-index: 0;
	height: 45px;
	    --text-color: #fff;
    --border-color: transparent;
    --bg-color: linear-gradient(90deg, #75b101, #b6e82f 50%, #75b101);
    background-position: 0 50%;
    background-size: 200% 100%;
    border: none;
}

.own_button {
	    display: block;
    padding: 0.7rem;
    text-align: center;
}

.form-horizontal input[type=submit] {
	width: 100% !important;
}

#inhalt table .own_button:before {
 content: none;
margin-right: 0;
}

#inhalt table a.own_button {
    border-radius: 6px;
	display: block;
	height: 22px;
}

input[type=submit]:hover,
input[type=button]:hover,
#inhalt table .own_button:hover {
	color: #fff;
	cursor: pointer;
	background: #b5e82e;
}

input[type=submit]:active,
input[type=button]:active,
#inhalt table .own_button:active {
	background: #b5e82e;
	-webkit-box-shadow:inset 0 0 20px 0 #85AB22;
	box-shadow:inset 0 0 20px 0 #85AB22;
}

input[type=checkbox], input[type=radio]{
    width: auto !important;
}

input[type=submit]:visited,
input[type=button]:visited,
#inhalt table .own_button:visited,
#inhalt table .own_button_visited {
	background: grey;
	box-shadow: none;
	color: white;
}

.hintergrundfarbe {
        color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    display: block;
    padding: 10px;
    background: #3ba1e9;
    background: linear-gradient(90deg,#a589f0,#3ba1e9);
    clear: both;
    display: table;
    width: 980px;	
}

td.hintergrundfarbe {
	width: auto;
}

.hintergrundfarbe td:first-child {
	    width: 271px;
    float: left;
}

.aktion .hintergrundfarbe {
	    width: 860px;
		background: #3ba1e9;
		margin: 0;
		    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.aktion td {
	padding: 10px 3px;
}

.aktion textarea {
	width: 860px;
}

.aktion input {
	width: 880px;
}


.kommentarzeile input, 
.kommentarzeile select, 
.kommentarzeile textarea,
.kommentarzeile [type="submit"]  {
	width: 400px;
}

.hintergrundfarbe td:nth-child(2) {
    float: left;
    width: 660px;
}

.hintergrundfarbe select {
	width: 660px;
}

.ausblenden {
    display: none;
}  



.antworten {
    
}

.zwischenueberschrift {
    font-weight: bold;
}

.spalte_1 {
    width: 350px;
}

.spalte_2 {
    width: 850px;
}

.pflichtfeld {
    color: red !important;
}

.pic_man{
    width: 800px;
    margin:30px 0 10px 100px;

}

/*DATEPICKER*/

/*placeholder datepicker*/
::placeholder {
    color:  #565656;
    opacity: 1;
}


/* Timeslots*/
.cell {
  border: 1px solid #BDBDBD;
  margin: 2px;
  cursor: pointer;
}
.cell:hover {
  border: 1px solid #3D5AFE;
}
.cell.select {
  background-color: #b5e82e;
  color: black;
}

/* SELECT MIT AUSFÜLLEN */
.ui-widget-content {
	/* border: 1px solid #dddddd; */
	background: #ffffff;
	color: #333333;
}
.bs-header {
    margin: 20px 0px 10px 0px;
}

@media (min-width: 320px) {
	input, select, textarea {
		width: 100%;
	}
}

.r-cookie-banner {
   
    background: linear-gradient(90deg, #284c9e, #4184cb);
    color: #fff;
    position: fixed;
    width: 100%;
    padding: 15px 20px;
    bottom: 0px;
    text-align: center;
    z-index: 10;}
	
	.r-cookie-banner a {
		color: #fff;
		text-decoration: underline;
	}
	
	.r-cookie-banner button {
		display: inline; 
	}