html {
	font-size: 110%;
	line-height: 1.5;
	overflow-y: scroll;
}

body {
	color: #333333;
}

body.navfixed {
	padding-top: 60px;
}

pre {
	margin: 0 0 2vh 0;
}

b, optgroup, strong, .strong {
    font-weight: 600;
}

:focus {
	outline: none !important;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
}

h1 {
	color: #2281c9;
}

h2, h3, h4, h5, h6 {
	color: #65655c;
}

td {
	border-collapse: collapse;
	border: 1px solid black;
}
.text-s {
	font-size: 75%;
	line-height: 135%;
}

.text-m {
	font-size: 90%;
	line-height: 135%;
}

.text-l {
	font-size: 120%;
	line-height: 135%;
}

.text-xl {
	font-size: 200%;
	line-height: 135%;
}

p {
	margin-top: 0px;
	margin-bottom: 2vh;
}

a,
a:visited {
	color: #2281c9;
	text-decoration: none;
}

a:hover,
a:active {
	text-decoration: underline;
}

.headerlink a,
.headerlink a:visited {
	color: #65655c;
}

.headerlink a:hover,
.headerlink a:active,
.headerlink a.active {
	color: #2281c9;
}

.standardlink a,
.standardlink a:visited {
	text-decoration: underline;
	color: #2281c9;
}

.standardlink a:hover,
.standardlink a:active {
	text-decoration: underline;
	color: #65655c;
}

.showMore {
    text-align: center;
	margin-bottom: 5vh;
}

.showMore button {
    text-transform: uppercase;
}

.trans {
	-o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}

.webform_label label {
	margin-bottom: 0;
}

.webform_field input {
	display: inline;
}

/* FORMS */

.forms-title {
	float: left;
}

.forms-hint {
	vertical-align: baseline;
	float: right;
}

.forms > div { clear: both; }
.forms input[type="checkbox"], .forms input[type="radio"] { display: inline; }
.forms input[type="file"] { font-size: 85%; }
.forms .buttons.right { overflow: hidden; display: inline-block; }
.forms .buttons.right input { float: right; margin-right: 1vw; }

.forms #upload_progress {
	visibility: hidden;
	width: 8rem;
}

.forms label {
	white-space: nowrap;
	min-height: 1.5rem;
	margin-bottom: 0.6rem;
}

.forms label[for] {
	font-size: 95%;
	margin-bottom: 0.3rem;
}

.forms button, .forms input[type="submit"] {
	font-size: 95%;
	height: 2rem;
	margin-bottom: 0.3rem;
}

.forms input, .forms select {
	margin-bottom: 1rem;
}

.forms label > input[type="radio"], .forms label > input[type="checkbox"] {
	margin-right: 0.2rem;
}

.forms .break {
	white-space: normal;
}

.forms .error {
	color: red;
}

.forms div.error input, .forms div.error textarea, .forms div.error select {
	border-color: red;
}

/* LAYOUT & REGIONEN */

.maxwidth {
	margin-left: 5vw;
	margin-right: 5vw;
	position: relative;
}

.maxwidthcontent {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

header {
	height: 100px;
	background-color: #E6e6e6;
	padding: 15px 0px;
	position: relative;
	z-index: 90;
}

#navigation {
	background-color: #2281c9;
	height: 50px;
	display: block;
	position: relative;
	z-index: 1090;
}

#navigation.fixed {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
}

.slideshow {
	position: relative;
	z-index: 80;
	height: 2000px;
}

#breadcrumb {
	padding: 15px 0px 30px 0px;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	color: #65655c;
	line-height: 100%;
}

main.navfixed {
	padding-top: 60px;
}

footer {
	border-top: solid 1px #2281c9;
	margin-top: 5vh;
	padding: 1vh 0 1vh 0;
	box-sizing: border-box;
	background: #2281c9;
	color: #FFFFFF; 
}

.region-bottom {
	padding: 2vh 0 100px 0;
	box-sizing: border-box;
	color: #65655c;
	position: relative;
}

/* HEADER */

.logo {
	width:370px;
	margin-left: 5vw;
}

.logo img {
	width: 100%;
	height: auto;
}

header ul {
	margin: 0px;
	padding: 0px;
}

header li {
	list-style: none;
	list-style-image: none;
	list-style-position: outside;
	display: inline-block;
}

.languageswitcher {
	position: absolute;
	right: 5vw;
	top: 10px;
	text-transform: uppercase;
}

.languageswitcher li:nth-child(1) {
	margin-right: 10px !important;
} 

.headermenu {
	position: absolute;
	right: calc(240px + 5vw);
	bottom: 20px;
}

.headermenu li a:after {
	content: " | ";
	margin: 0px 3px;
}

.headermenu li:nth-last-child(1) a:after {
	content: "";
	margin: 0px;
}

.fontsizer {
	position: absolute;
	right: calc(5vw + 140px);
	top: 10px;
}

.fontsizer li {
	margin: 0px 3px;
}

.fontsizer li:hover {
	cursor: pointer;
	color: #2281c9;
}

.menubottons {
	position: absolute;
	right: 5vw;
	top: 7px;
	width: 95px;
	height: 40px;	
}

.menubottons img:hover {
	cursor: pointer;
}

.menubottons img {
	width: 28px;
	height: 28px;
	margin: 4px 8px;
}

.searchoverlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(27,96,174,0.9);
	top: 0px;
	left: 0px;
	z-index: 1100;
    display: none;
}

.searchoverlay.active {

    display: block;
}

.search {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-70%) translateX(-50%);
	-moz-transform: translateY(-70%) translateX(-50%);
	transform: translateY(-70%) translateX(-50%);
	margin-left: -20px;
	width: 40vw;
}

.searchclose {
	width: 80px;
	height: 80px;
	position: absolute;
	top: 5vw;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	background-image: url(../images/icons/searchclose.svg);
	background-position: center center;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	border: solid 20x yellow;
}

.search input {
	margin: 0px;
}

.search input.textinput {
	padding-right: 40px;
	box-sizing: border-box;
	border: 0px;
	border-bottom: solid 2px #FFFFFF;
	background: transparent;
	box-shadow: 0px;
	color: #FFFFFF;
	font-size: 200%;
}

.search input.icon {
	border: solid 0px red !important;
	position: absolute;
	right: -55px;
	bottom: 0px;
	width: 50px;
	height: 50px;
	background-color: transparent;
}

/* NAVIGATION */

.topmenu {
	margin-left: 5vw;
}

ul.firstlevel {
	margin: 0px;
	padding: 0px;
}

ul.firstlevel li.firstlevel:nth-child(1),
ul.firstlevel li.firstlevel:nth-child(1):hover {
		width: 27px;
		margin-right: 20px;
}

ul.firstlevel li.firstlevel:nth-child(1) a:hover {
	background-color: transparent !important;
}

li.firstlevel {
	display: inline-block;
	list-style-type: none;
	margin: 0px -3px 0px 0px;
}

li.firstlevel > a,
li.firstlevel > a:visited {
	color: #FFFFFF;
	padding: 18px 12px 15px 12px;
	box-sizing: border-box;
	display: block;
	line-height: 100%;
	position: relative;
	height: 50px;
	overflow: hidden;
	text-transform: uppercase;
}

li.firstlevel.hassubmenu > a,
li.firstlevel.hassubmenu > a:visited {
	/*padding-right: 32px; */
}

li.firstlevel > a:hover,
li.firstlevel > a:active,
li.firstlevel.active > a {
	color: #FFFFFF;
	background: #65655c;
	cursor: pointer;
}

li.firstlevel.active > a {
	text-decoration: underline;
}

li.firstlevel.nav1 a {
	background-image: url(../images/icons/homebutton.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 27px 27px;
}

li.firstlevel.nav1 a span {
	visibility: hidden;
}

li.firstlevel ul.secondlevel {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 50px;
	left: 0px;
	width: 100%;
	border-top: solid 6px #65655c;
	border-bottom: solid 4px #65655c;
	background: #EBEBEB;
	padding: 2vw 5vw 0vw 5vw;
	list-style: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: space-between;
}

li.firstlevel.active ul.secondlevel {
	visibility: visible;
	opacity: 1;
	-o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}

/*

li.hassubmenu.firstlevel > a:after {
	content: " ";
	width: 10px;
	height: 10px;
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	background-image: url(../images/icons/navarrow_w.svg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}

*/

ul.secondlevel li {
	width: 47%;
	margin-bottom: 3vh;
}

ul.secondlevel li.custom {
	width: 97%;
}

ul.secondlevel h4 {
	margin: 0 0 15px 0;
	padding: 4px 15px 4px 15px; 
	color: #2281c9;
	/* background-color: #FFFFFF;*/ 
	border: solid 1px #FFFFFF;
	box-sizing: border-box;
	clear: both;
	display: block;
	font-size: 140%;
	line-height: 145%;
}

/*

ul.secondlevel h4.online {
	background-image: url(../images/icons/kundenportal_b.svg);
	background-repeat: no-repeat;
	background-size: 32px 30px;
	background-position: 97% center;
}

*/

ul.secondlevel h4 img[src="/.images/common/ben_logo_no-background.svg"]{
	height: 21px;
	margin-bottom: 6px;
}


.subnavlinkblock {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 5vh;
	clear: both;
}

a.subnavlink,
a.subnavlink:visited {
	display: block;
	border-bottom: solid 1px #CCCCCC;
	padding: 4px 4px;
	color: #333333;
	width: 48%;
	box-sizing: border-box;
	position: relative;
	padding-left: 17px;
}

a.subnavlink:before {
	content: url(../images/icons/arrow_right_b.svg);
	position: absolute;
	left: 4px;
	top: 3px;
	width: 10px;
	height: 10px;
}

a.subnavlink:hover,
a.subnavlink:active {
	background-color: #FFFFFF;
	color: #333333;
}

.topmenu .button {
	font-size: 90%;
}

.topmenu .icon {
	float: left;
	margin: 0 40px 15px 0;
}

.topmenu .icon img {
	max-height: 60px;
}

.button {
	display: table;
	margin-top: 15px;
	clear: both;
	text-transform: uppercase;
}

.button a,
.button a:visited {
	background-image: url(../images/icons/button_up.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 15px 15px;
    padding-right: 20px;
    text-decoration: none;
    display: table;
    width: calc(33.33333% - 20px);
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 7px 30px 7px 15px;
    box-sizing: border-box;
    white-space: nowrap;
    border: solid 1px #2281c9;
    background-color: #2281c9;
	color: #FFFFFF;
}

.button a:hover,
.button a:active {
	background-image: url(../images/icons/button.svg);
	color: #2281c9;
	background-color: #FFFFFF;
}

#dl-menu {
	position: absolute;
	top: 0px;
	display: none;
}

/* FARBEN 

grau = #65655c
blau = #2281c9;

hellgrau background = #EBEBEB

textfarbe = #333333

*/




.kundenportal {
	position: absolute;
	right: 5vw;
	bottom: 15px;
	height: 36px;
	background-color: #FFFFFF;
	text-transform: uppercase;
	line-height: 100%;
	box-sizing: border-box;
	background-image: url(../images/icons/arrow_right_b.svg);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size: 18px 18px;
	border: 1px solid silver;
}

.kundenportal:hover {
	background-image: url(../images/icons/arrow_right_w.svg);
	background-color: #65655c;
}

.kundenportal a,
.kundenportal a:visited {
	display: block;
	padding: 10px 30px 10px 37px;
	color: #2281c9;
	background-image: url(../images/quicklinks/user.svg);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 20px 26px;
	box-sizing: border-box;
	white-space: nowrap;
}

.kundenportal a:hover,
.kundenportal a:active {
	background-image: url(../images/quicklinks/user_2.svg);
	color: #FFFFFF;
}

/* SLIDESHOW & HEADERBILD */

.headerbild img {
	max-width: 100%;
}

.slideshow {
	overflow: hidden;
}

.slideshow .flexslider,
.slideshow .flexslider ul,
.slideshow .flexslider ul li {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

.flexslider ul {
	margin: 0px;
	padding: 0px;
}

.flexslider li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.slidearrow {
	position: absolute;
	left: 50%;
	width: 3vw;
	height: 20px;
	bottom: 2vh;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 90;
}

.slidearrow img {
	width: 100%;
	height: auto;
	position: relative;
}

.slidearrowcontent {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	line-height: 0px;
}

.slidearrowcontent {
        animation-name: action;
        animation-duration: 2s;
        animation-iteration-count: infinite;
         animation-timing-function: ease-out;
    }

    @-webkit-keyframes action {
        0% { transform: translateY(0);opacity: 1}
        100% { transform: translateY(-50px);opacity: 0.5 }
        
    }
    @keyframes action {
        0% { transform: translateY(0);opacity: 1 }
        100% { transform: translateY(-50px);opacity: 0.5 }
    }

.slideshow ol.flex-control-nav {
	position: absolute;
	z-index: 85;
	margin: 0px;
	list-style: none;
	padding: 0px;
	display: flex;
	flex-direction: row;
	left: 5vw;
	top: calc(60vh - 100px - 35px);
}

.slideshow ol.flex-control-nav li {
	margin: 0px 3px 0px 0px;
}

.slideshow ol.flex-control-nav li a {
	width: 20px;
	height: 20px;
	background:#1b60ae;
	overflow: hidden;
	text-indent: 100px;
	font-size: 1px;
	display: block;
	opacity: 0.6;
	border: solid 1px #FFFFFF;
}
.slideshow ol.flex-control-nav li a.flex-active {
	background:#FFFFFF;
} 

.flexslider {
	visibility: hidden;
	z-index: 80;
}

.sliderset {
	position: absolute;
	z-index: 82;
	left: 5vw;
	top: calc(60vh - 100px);
	width: 50%;
	padding: 2vw 2vw;
	box-sizing: border-box;
	background-color: rgba(27,96,174,0.9);
	color: #FFFFFF; 

	
}

.sliderset h1,
.sliderset h2,
.sliderset h3,
.sliderset h4 {
	color: #FFFFFF;
	margin-top: 0px;
	padding-top: 0px;
}

.sliderset .button {
	margin-top: 20px;
}

.sliderset .button a,
.sliderset .button a:visited {
	background-image: url(../images/icons/button.svg);
	color: #1b60ae;
	background-color: #FFFFFF;
	border: solid 1px #FFFFFF;
}

.sliderset .button a:hover,
.sliderset .button a:active {
	background-image: url(../images/icons/button_up.svg);
	color: #FFFFFF;
	background-color: #1b60ae;
}

.sliderset p {
	margin-bottom: 0px;
}

.newsalert {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 40px;
	height: 40px;
	background-size: 40px auto;
	background-repeat: no-repeat;
	background-position: center center;
	
	background-image: url(../images/icons/news_w.svg);
	webkit-animation: newsani 1s infinite  alternate;
	animation: newsani 1s infinite  alternate;
}

@-webkit-keyframes newsani {
	0% {background-image: url(../images/icons/news_w.svg);}
	100% {background-image: url(../images/icons/news_full_w.svg); }
}

@keyframes newsani {
	0% { }
	100% {background-image: url(../images/icons/news_full_w.svg); }
}


@media all and (max-width: 1100px) {
	.sliderset {
		width: 70%;
	}
}


@media all and (max-width: 667px) and (orientation:portrait) {
	.slideshow {
		height: calc(100vh - 68px - 120px) !important;
	}
	.sliderset {
		width: 70%;
		width: 100%;
		left: 0px;
		top: auto;
		bottom: 0px;
		margin-top: 40vh;
		padding: 5vw;
	}
	.slideshow ol.flex-control-nav {
		left: auto;
		right: 5vw;
		top: 20px;
  }
	
}

@media all and (max-width: 667px) {
	.slideshow {
		height: calc(100vh - 68px - 120px) !important;
		min-height: 400px;
	}
	.sliderset {
		width: 70%;
		width: 100%;
		left: 0px;
		top: auto;
		bottom: 68px;
		margin-top: 40vh;
		padding: 5vw;
	}

}

/* BREADCRUMB */

#breadcrumb ul {
	margin: 0px;
	padding: 0px;
}

#breadcrumb li {
	margin: 0px -4px 0px 0px;
	padding: 0px;
	display: inline-block;
	text-transform: uppercase;
}

#breadcrumb li:after {
	content: "\203A";
	margin: 0px 5px;
}

#breadcrumb li:nth-last-child(1):after {
	content: "";
	margin: 0px 0px;
}

#breadcrumb .infotext {
	padding-right: 10px;
	box-sizing: border-box;
}

#breadcrumb a,
#breadcrumb a:visited {
	color: #333333;
}

#breadcrumb a:hover,
#breadcrumb a:active {
	color: #2281c9;
}

/* FOOTER */

footer a,
footer a:visited {
	color: #FFFFFF;
}

footer a:hover,
footer a:active {
	color: #FFFFFF;
	text-decoration: underline;
}

footer .gotop {
	width: 4vw;
	height: 4vw;
	background-image: url(../images/icons/gotop.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 80% 80%;
	position: fixed;
	right: 3vw;
	bottom: 1vh;
	background-color: #FFFFFF;
	z-index: 90;
	border: solid 1px #cccccc;
	opacity: 0.5;
	display: none;
}

footer .gotop:hover {
	opacity: 0.8;
	cursor: pointer;
}

/* REGION BOTTOM */

.addto {
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	flex-direction: row;
}

.addto .infotext {
	padding-right: 10px;
}

.addto .a2a_kit_size_32 > a {
	font-size: 25px !important;
	-webkit-transform: translateY(-20%);
	-moz-transform: translateY(-20%);
	transform: translateY(-20%);
	position: relative;
}

.addto .a2a_kit_size_32 a > span {
	width: 25px;
	height: 25px;
	line-height: 25px;

}

.addto .addtoany_list > a {
	padding: 0px 0px;
}

.addto span.a2a_svg {
	background-size: 25px 25px !important;
}

.addto .a2a_menu a,
.addto .a2a_menu a:visited {
	color: #65655c !important;
}

.addto .a2a_default_style .a2a_count, 
.addto .a2a_default_style .a2a_svg, 
.addto .a2a_floating_style .a2a_svg, 
.addto .a2a_menu .a2a_svg, 
.addto .a2a_vertical_style .a2a_count, 
.addto .a2a_vertical_style .a2a_svg {
	border-radius: 0px !important;
}

.printbutton {
	position: absolute;
	right: 0;
	top: 0px;
	-webkit-transform: translateY(-20%);
	-moz-transform: translateY(-20%);
	transform: translateY(-20%);
	width: 25px;
	height: 25px;
	border: solid 1px #2281c9;
	box-sizing: border-box;
}

.printbutton a {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../images/icons/print.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 75% 75%;
}

.printbutton a:hover {
	background-image: url(../images/icons/print_w.svg);
	background-color: #2281c9;
}

.legal {
	padding-right: 80px;
	line-height: 140%;
}

.legal a {
	white-space: nowrap;
}

/* QUICKBUTTONS */

.quicklinkbox {
	position: fixed;
	right: 0px;
	top: 30vh;
	z-index: 1050;
	overflow: hidden;
	padding-bottom: 2px;
	padding-top: 50px;
}

.quicklinks,
.infolinks {
	position: relative;
	float: right;
	white-space: nowrap;
	width: 60px;
	clear: both;
}

.quicklinks:hover,
.infolinks:hover,
.infolinks.active {
	width: auto;
}

.quicklink {
	border: solid 1px #2281c9;
	background-color: #FFFFFF;
	position: relative;
	margin-bottom: -1px;
	right: calc(-100% + 55px);
	-o-transition:.8s;
    -ms-transition:.8s;
    -moz-transition:.8s;
    -webkit-transition:.8s;
    transition:.8s;
}

.quicklink:hover,
.quicklink.active {
	right: -1px;
}

.quicklink.news a {
	background-image: url(../images/quicklinks/news1.svg);
}
.quicklink.news a:hover {
	background-image: url(../images/quicklinks/news1_2.svg);
}

.quicklink.online a {
	background-image: url(../images/quicklinks/online.svg);
}
.quicklink.online a:hover {
	background-image: url(../images/quicklinks/online_2.svg);
}

.quicklink.contact a {
	background-image: url(../images/quicklinks/contact.svg);
}
.quicklink.contact a:hover {
	background-image: url(../images/quicklinks/contact_2.svg);
}

.quicklink.faq a {
	background-image: url(../images/quicklinks/faq.svg);
}
.quicklink.faq a:hover {
	background-image: url(../images/quicklinks/faq_2.svg);
}

.quicklink.team a {
	background-image: url(../images/quicklinks/team.svg);
}
.quicklink.team:hover a {
	background-image: url(../images/quicklinks/team_2.svg);
}

.quicklink.location a {
	background-image: url(../images/quicklinks/location.svg);
}
.quicklink.location:hover a {
	background-image: url(../images/quicklinks/location_2.svg);
}

.quicklink a,
.quicklink a:visited,
.quicklink a:hover,
.quicklink a:visited {
	display: block;
	box-sizing: border-box;
	padding: 10px 20px 10px 55px;
	color: #2281c9;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 32px 30px;
		-o-transition:.2s;
    -ms-transition:.2s;
    -moz-transition:.2s;
    -webkit-transition:.2s;
    transition:.2s;
}

.quicklink:hover a,
.quicklink:hover a:visited,
.quicklink:hover a:hover,
.quicklink:hover a:visited,
.quicklink.active a {
	color: #FFFFFF;
	background-color: #2281c9;
}

.quicklink.infobox a {
	background-image: url(../images/quicklinks/news1.svg);
	webkit-animation: animate 1s infinite  alternate;
    animation: animate 1s infinite  alternate;
}

.quicklink.infobox:hover a,
.quicklink.infobox.active a {
	background-image: url(../images/quicklinks/news2.svg);
	webkit-animation: animateopen 1s infinite  alternate;
    animation: animateopen 1s infinite  alternate;
}

.quicklink.infobox a {

}

@-webkit-keyframes animate {
        0% {background-image: url(../images/quicklinks/news1.svg);}
        100% {background-image: url(../images/quicklinks/news2.svg); }
        
    }
@keyframes animate {
        0% { }
        100% {background-image: url(../images/quicklinks/news2.svg); }
}

@-webkit-keyframes animateopen {
        0% {background-image: url(../images/quicklinks/news1_2.svg);}
        100% {background-image: url(../images/quicklinks/news2_2.svg); }
        
    }
@keyframes animateopen {
        0% { }
        100% {background-image: url(../images/quicklinks/news2_2.svg); }
}

/* BLOCK */

.block .blocktitle {
	padding-bottom: 1vh;
}

.block .blocktitle h1, .block .blocktitle h2 {
	margin: 0;
}

.block:first-child .blocktitle {
	position: relative;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: auto 140px;
	padding-bottom: 40px;
	padding-right: 60px;
	margin: 0 0 10px 0;
}

.block:first-child .blocktitle.neutral {
	padding-right: 0;
}

.block:first-child .blocktitle.neutral {
	background-image: url(../images/sb/sb_neutral.png);
}

.block:first-child .blocktitle.strom {
	background-image: url(../images/sb/sb_strom.png);
}

.block:first-child .blocktitle.beleuchtung {
	background-image: url(../images/sb/sb_beleuchtung.png);
}

.block:first-child .blocktitle.trinkwasser {
	background-image: url(../images/sb/sb_trinkwasser.png);
}

.block:first-child .blocktitle.abwasser {
	background-image: url(../images/sb/sb_abwasser.png);
}

.block:first-child .blocktitle.fernwaerme {
	background-image: url(../images/sb/sb_fernwaerme.png);
}

.block:first-child .blocktitle.gas {
	background-image: url(../images/sb/sb_gas.png);
}

.block:first-child .blocktitle.telekommunikation {
	background-image: url(../images/sb/sb_telekommunikation.png);
}

.block:first-child .blocktitle.umweltdienste {
	background-image: url(../images/sb/sb_umweltdienste.png);
}

.block:first-child .blocktitle.abfallwirtschaft {
	background-image: url(../images/sb/sb_abfallwirtschaft.png);
}

.block:first-child .blocktitle.strassenreinigung {
	background-image: url(../images/sb/sb_strassenreinigung.png);
}

.block:first-child .blocktitle.forum {
	background-image: url(../images/sb/sb_forum.png);
}

.block:first-child .blocktitle.acquarena {
	background-image: url(../images/sb/sb_acquarena.png);
}

.block:first-child .blocktitle.cleaning {
	background-image: url(../images/sb/sb_cleaning.png);
}

.block.grey {
	background: #EBEBEB;
	padding: 4vh 0px;
	box-sizing: border-box;
}

.block.spacer {
	margin: 4vh 0;
}

.block.spacer:first-child {
	margin: 0 0 4vh 0;
}

.block.box div[class^='col-'] > div {
	height: 220px;
	border: solid 1px #CCCCCC;
	overflow: hidden;
	padding: 1vh;
	margin-bottom: 3vh
}

[class*="block-row-"] > *, [class*="col-"] {
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
}

/* BOX */

.boxcontainer {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-content: space-between;
	flex-wrap: wrap;
}

.boxcontainer .box {
	width: 32%;
	margin-bottom: 3vh;
}

/* Counterblock */

.grey .counterblock {
	margin: 0;
}

.counterblock {
	margin: 5vh 0;
}

.counterblock .box {
	text-align: center;
	border-left: solid 1px #CCCCCC;
	box-sizing: border-box;
	padding: 0px 2vw;
}

.counterblock .box:nth-last-child(1) {
	border-right: solid 1px #CCCCCC;
	box-sizing: border-box;
}

.counterblock img {
	width: 100px;
	height: 100px;
}

.counterblock .number {
	color: #2281c9;
	margin: 1vh auto;
}

/* NEWS */

.news-list h2, h5 {
	margin-top: 0;
	margin-bottom: 0.4vh;
}

.news-list-item {
	margin-bottom: 1vh;
	clear: left;
}

.news-list-item img {
	float: left;
	margin-right: 1vh;
	margin-bottom: 3vh;
	width: 250px;
}

.news-list p {
	margin: 0;
}

.news-list-item .more {
	text-align: right;
	margin-top: 1vh;
	margin-bottom: 3vh;
}

.news-detail img {
	float: right; 
	margin-left: 18px; 
	margin-bottom: 12px;
}

.news-detail .shownewsbutton {
	clear: both;
	margin-top: 2vh;
}

.shownewsbutton a,
.shownewsbutton a:visited {
    text-decoration: none;
    background-color: #E6e6e6;
    display: table;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 7px 15px;
    box-sizing: border-box;
    white-space: nowrap;
	text-transform: uppercase;
}

.shownewsbutton a:hover,
.shownewsbutton a:active {
	background: #2281c9;
	color: #FFFFFF;
}

/* NEWS SLIDER */

.newsslider img {
	height: auto;
}

.newsslider h3 {
	margin: 7px 0;
}

.newsslider h5 {
	margin: 7px 0;
}

.newsslider p {
	margin: 0;
}

.newsslider .more {
	text-align: right;
	margin-top: 1vh;
	margin-bottom: 1vh;
}

.newsslider .owl-carousel {
	margin-bottom: 1vh;
}

.newsslider .owl-nav button {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%
	outline: none !important;
}

.newsslider .owl-nav button span {
	display: none;
	outline: none !important;
}

.newsslider .owl-nav .owl-prev {
	left: -80px;
	background-image: url(../images/icons/pfeil_left_b.svg) !important;
	background-repeat: no-repeat;
	background-position: center top;
}

.newsslider .owl-nav .owl-prev:hover {
	background-image: url(../images/icons/pfeil_left_s.svg) !important;
	border: 0px !important;
	background-repeat: no-repeat;
	background-position: center top;
}

.newsslider .owl-nav .owl-next {
	right: -80px;
	background-image: url(../images/icons/pfeil_right_b.svg) !important;
	background-repeat: no-repeat;
	background-position: center top;
}

.newsslider .owl-nav .owl-next:hover {
	background-image: url(../images/icons/pfeil_right_s.svg) !important;
	border: 0px;
	background-repeat: no-repeat;
	background-position: center top;
}

.newsslider .shownewsbutton a,
.newsslider .shownewsbutton a:visited {
    background-color: #FFFFFF;
}

.newsslider .shownewsbutton a:hover,
.newsslider .shownewsbutton a:active {
	background: #2281c9;
	color: #FFFFFF;
}

/* TEASERS */

.teasers {
	margin: 2vh auto;
}

.teasers .box {
	border: solid 1px #CCCCCC;
	position: relative;
	overflow: hidden;
}

.teasers .box:hover {
	border: solid 1px #2281c9;
}

.teasers .box .online {
	width: 50px;
	height: 50px;
	background-color: #2281c9;
	position: absolute;
	right: 0px;
	bottom: 0px;
	background-image: url(../images/icons/online.svg);
	background-size: 80% 80%;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	z-index: 90;
}

.teasers .box .boxcontent {
	padding: 1.5vw 1.5vw 1.5vw 2vw;
	box-sizing: border-box;
	min-height: 220px;
}

.boxcontent-c {
	height:100%; 
	display:flex; 
	justifiy-content:center; 
	align-items:center;
}

.teasers .box .icon {
	text-align: center;
}

.teasers .box .icon img {
	width: 100px;
	height: 100px;
}

.teasers .titel {
	margin-bottom: 10px;
}

.teasers h2 {
	margin: 0px;
	color: #2281c9;
	text-align: center;
	line-height: 145%;
}

.teasers h3 {
	padding: 0px;
	margin: 0px;
	color: #FFFFFF;
}

.teasers .box .cover {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-color: #2281c9;
	color: #FFFFFF;
	opacity: 0;
    z-index: 80;
}

.teasers .box:hover .cover {
	visibility: visible;
	opacity: 1;
	-o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}

.teasers .button {
	display: table;
	margin-top: 15px;
	clear: both;
	margin-bottom: 15px;
}

.teasers .button a,
.teasers .button a:visited {
	background-image: url(../images/icons/button_up.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 15px 15px;
    padding-right: 20px;
    text-decoration: none;
    display: table;
    width: calc(33.33333% - 20px);
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 7px 30px 7px 15px;
    box-sizing: border-box;
    white-space: nowrap;
    border: solid 1px #FFFFFF;
    background-color: #2281c9;
	color: #FFFFFF;
	text-transform: uppercase;
	pointer-events: none;
}

.teasers .button a:hover,
.teasers .button a:active {
	background-image: url(../images/icons/button.svg);
	color: #2281c9;
	background-color: #FFFFFF;
}

.teasers .hidden {
    overflow: hidden;
    height: 0;
}

.teasers .visible {
	height: auto;
}

/* ACCORDION */

.accordions.spacer {
	margin: 3vh 0;
}

.accordion {
	border: solid 0px;
}

.accordion h3.ui-state-default {
	margin: 0px;
	padding: 15px 40px 15px 15px;
	border: solid 1px #CCCCCC;
	margin-bottom: 3px;
	background-image: url(../images/icons/acc_down.svg);
	background-repeat: no-repeat;
	background-position: right 15px;
	background-size: 30px 30px;
}

.accordion h3.ui-state-hover {
	margin: 0px;
	padding: 15px 40px 15px 15px;
	border: solid 1px #CCCCCC;
	background-color: #EBEBEB;
	margin-bottom: 3px;
	background-image: url(../images/icons/acc_down.svg);
	background-repeat: no-repeat;
	background-position: right 15px;
	background-size: 30px 30px;
}

.accordion h3.ui-state-active {
	margin: 0px;
	padding: 15px 40px 15px 15px;
	border: solid 1px #2281c9;
	background-color: #2281c9;
	margin-bottom: 3px;
	background-image: url(../images/icons/acc_up.svg);
	background-repeat: no-repeat;
	background-position: right 13px;
	background-size: 30px 30px;
	color: #FFFFFF;
}

.accordion .ui-accordion-content {
	border: solid 1px transparent;
	padding: 3vh 0px;
}

/* CONTENT */

main ul {
	list-style-type: square;
	padding-left: 22px;
	padding-right: 0px;
}

ul.column {
	column-count: 2;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-gap: 30px;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
}

.showallbuttonstandard {
	margin-bottom: 2vh;
	margin-top: 1vh;
	padding-top: 1vh;
	width: 100%;
	text-transform: uppercase;
}

.showallbuttonstandard a,
.showallbuttonstandard a:visited {
	background-image: url(../images/icons/button.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 15px 15px;
    padding-right: 20px;
    text-decoration: none;
    display: table;

    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: #EBEBEB;
    padding: 7px 25px 7px 15px;
    box-sizing: border-box;
    white-space: nowrap;
	border: solid 1px #CCCCCC;
	text-decoration: none;
	
}

.showallbuttonstandard a:hover,
.showallbuttonstandard a:active {
	border: solid 1px #2281c9;
	background-color: #2281c9;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/icons/button_up.svg);
}

.downloads.spacer {
	margin: 3vh 0;
}

.downloads .dllink {
	display: table;
	margin-top: 8px;
	position: relative;
	padding-left: 22px;
	box-sizing: border-box;
}

a.dllink,
a.dllink:visited {
	text-decoration: none;
	color: #2281c9;	
	display: block;
}

a.dllink:hover,
a.dllink:active {
	text-decoration: underline;
	color: #65655c;	
}

a.dllink:before {
	position: absolute;
	width: 16px;
	height: auto;
	left: 0px;
	top: 0px;
}

a.dllink.pdf:before {
	content: url(../images/icons/suf_pdf.svg);
}

a.dllink.word:before {
	content: url(../images/icons/suf_word.svg);
}

a.dllink.excel:before {
	content: url(../images/icons/suf_excel.svg);
}

a.dllink.txt:before {
	content: url(../images/icons/suf_txt.svg);
}

a.dllink.int:before {
	content: url(../images/icons/suf_int.svg);
}

a.dllink.ext:before {
	content: url(../images/icons/suf_ext.svg);
}

.imageblock {
	margin-bottom: 2vh;
	text-align: center;
}

.imageblock img {
	max-width: 100%;
	height: auto;
}

.imageblock .title {
	padding-top: 1vh;
	font-size: 70%;
	line-height: 1.1;
}

.artikel.twocol {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-content: space-between;
}

.artikel .leftcol {
	width: 65%;
}

.artikel .rightcol {
	width: 30%;
}

.galerie {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.galerie .image {
	width: 24%;
	margin-right: 1%;
}

a.anchor {
    display: block;
    position: relative;
    top: -50px;
    visibility: hidden;
}

button.warning {
	background-color: #dcba4a;
	color: black;
}

button.success {
	background-color: #177c09;
	color: white;
}

button.simplebutton {
	position: relative;
	background-color: #3498DB;
	color: white;
	border: none;
	padding: 12px;
	width: 300px;
	top: -10px;
}

/* EU BANNER */

.eubanner {
	position: fixed;
	left: 0px;
	bottom: -100%;
	width: 100%;
	background: #2281c9;
	color: #ffffff;
	padding: 2vh 1vw;
	font-size: 80%;
	display: flex;
	z-index: 1060;
}

.eubanner div {
	flex: 30%;
}

.eubanner .text {
	text-align: center;
	flex: 70%;
}

.eubanner button {
	margin: 0 0.5vw;
	white-space: nowrap;
}

.eubanner button:hover {
	background: #65655c;
	color: #FFFFFF;
}

/* FARBEN 

grau = #65655c
blau = #2281c9;

hellgrau background = #EBEBEB

textfarbe = #333333

*/

@media all and (max-width: 1440px) {
	
	
	li.hassubmenu.firstlevel > a:after {
		right: 10px;
	}
	
	li.firstlevel.hassubmenu > a, 
	li.firstlevel.hassubmenu > a:visited {
		/*padding-right: 28px;	*/
	}
	
	li.firstlevel > a,
	li.firstlevel > a:visited {
		padding: 18px 10px 15px 10px;
	}
	
	.newsslider .owl-nav .owl-prev {
		left: -50px;
	}
	
	.newsslider .owl-nav .owl-next {
		right: -50px;
	}

}

@media all and (max-width: 1370px) {
	
	.maxwidthcontent {
		margin-left: 5vw;
		margin-right: 5vw;
	}
	
}

@media all and (max-width: 1220px) {
	
	html {
		font-size: 100%;
		line-height: 1.5;
	}
	
	.teasers .box .boxcontent {
		min-height: 260px;
	}
	
}

@media all and (max-width: 1100px) {

	.logo {
		width:300px;
		position: relative;
		top: 10px;
	}
	
	.newsslider .owl-nav .owl-prev {
	   left: -4vw;
	   background-repeat: no-repeat !important;
	   width: 3vw;
		height: 3vw; 
		
	}
	
	.newsslider .owl-nav .owl-next {
		right: -4vw;
		width: 3vw;
		height: 3vw;
		background-repeat: no-repeat !important;
	}
	
	.legal {
		padding-right: 0;
	}

	.addto {
		position: relative;
		right: auto;
		margin-top: 30px;
	}

	.eubanner {
		display: block;
		text-align: center;
	}

	.eubanner button {
		margin: 0.5vh 1.5vw;
		width: 30%;
	}

}

@media all and (max-width: 980px) {
	
	.topmenu {
		display: none;
	}
	
	#dl-menu {
		display: block;
	}
	
	.headermenu {
		display: none;
	}
	
	.search {
		width: 60vw;
	}
	
}

@media all and (max-width: 920px) {

	.boxcontainer .box {
		width: 48%;
	}

	.boxcontainer.counterblock .box {
		width: 33%;
	}

	.teasers .box .boxcontent {
		min-height: 220px;
	}

	.text-xl {
		font-size: 160%;
		line-height: 135%;
	}

	.headermenu {
		right: auto;
		left: 7vw;
		bottom: 10px;
	}
}

@media all and (max-width: 768px) {
	
	.galerie .image {
		width: 32%;
		margin-right: 1%;
	}
	
	.newsslider .owl-nav button {
		top: 100px;
	}

	.newsslider .owl-nav .owl-prev {
	   left: -3vw;
	   background-repeat: no-repeat !important;
	   width: 6vw;
		height: 6vw; 
		
	}

	.newsslider .owl-nav .owl-next {
		right: -3vw;
		width: 6vw;
		height: 6vw;
		background-repeat: no-repeat !important;
	}

	.news-detail img {
		width: 100%;
	}

	.eubanner button {
		width: 40%;
	}

}

@media all and (max-width: 650px) {

	#breadcrumb .infotext,
	.headermenu {
		display: none;
	}

	.logo {
		width: 200px;
		top: 0px;
	}

	header {
		height: 70px;
	}

	.headermenu  {
		
	}

	.languageswitcher {
		top: 5px;
	}

	.kundenportal {
		width: 60px;
		overflow: hidden;
		bottom: 5px;
	}
	
	.kundenportal a {
		padding-left: 100px;
	}

	.fontsizer {
		position: absolute;
		right: calc(5vw + 90px);
		top: auto;
		bottom: 5px;
	}

	.headermenu {
		border-top: solid 1px #CCCCCC;
		padding-top: 5px;
		bottom: 5px;
		width: calc(100% - 12vw);
	}

	.quicklinkbox {
		top: auto;
		bottom: 0px;
		right: auto;
		width: 100%;
		left: 0px;
		display: flex;
		flex-direction: row;
		background: #FFFFFF;
		justify-content: space-around;
		align-content: space-around;
		padding: 10px 0px;
		border-top: solid 1px #CCCCCC;
		height: 68px;
		display: none;
	}

	.quicklinks,
	.infolinks {
		display: flex;
		flex-direction: row;
		width: auto;
		justify-content: center;
		align-content: center;
	}

	.quicklinks,
	.quicklinks:hover {
		width: calc(100% - 82px - 10vw);
		position: fixed;
		right: 5vw;
		bottom: 10px;
	}

	.infolinks {
		position: fixed;
		left: 5vw;
		bottom: 10px;
		width: 82px;
	}

	.quicklink {
		width: 83px;
		overflow: hidden;
		right: auto;
		margin-left: -1px;
		-o-transition: none !important;
	    -ms-transition: none !important;;
	    -moz-transition: none !important;
	    -webkit-transition: none !important;
	    transition: none !important;
	}

	.quicklink a,
	.quicklink a:hover {
		background-position: center center;
		text-indent: 200px;
	}

	.quicklink:hover {
		right: 0px;
	}

	.quicklinks.noinfolink {
		width: calc(100% - 10vw);
	}

	.quicklinks.noinfolink .quicklink {
		width: calc(25% + 1px);
	}

	.counterblock .text {
		font-size: 80%;
	}

	.boxcontainer .box {
		width: 100%;
	}

	.artikel.twocol {
		display: block;
	}

	.artikel .leftcol,
	.artikel .rightcol {
		width: 100%;
		float: none;
		clear: both;
	}

	.artikel .leftcol {
		margin-bottom: 20px;
	}

	.galerie .image {
		width: 49%;
		margin-right: 1%;
	}

	.text-xl {
		font-size: 120%;
		line-height: 135%;
	}

	ul.column {
		column-count: 1;
	    -moz-column-count: 1;
	    -webkit-column-count: 1;
	    column-gap: 0px;
	    -moz-column-gap: 0px;
	    -webkit-column-gap: 0px;
	}

	.teasers .box .boxcontent {
		padding: 15px;
	}

	.news-list-item img {
		margin-bottom: 0.8vh;
		width: 100%;
	}
	
	h1 {
		font-size: 1.8rem;
	}

	.block:first-child .blocktitle {
		background-size: auto 100px;
		padding-bottom: 28px;
	}

	.webform_field, .webform_label {
		width: 99% !important;
	}

	.addto {
		display: none;
	}
}


@media all and (max-width: 414px) {

	html {
		font-size: 95%;
		line-height: 1.3;
	}
	
	.newsslider .owl-nav button {
		top: 110px;
	}

	.newsslider .owl-nav .owl-prev {
	   left: -4vw;
	   background-repeat: no-repeat !important;
	   width: 8vw;
		height: 8vw; 
		
	}

	.newsslider .owl-nav .owl-next {
		right: -4vw;
		width: 8vw;
		height: 8vw;
		background-repeat: no-repeat !important;
	}

}

@media all and (max-width: 375px) {

	.newsslider .owl-nav button {
		top: 100px;
	}

	.logo {
		top: -5px;
	}

	.quicklink a, .quicklink a:visited, .quicklink a:hover, .quicklink a:visited {
		padding: 10px 20px 10px 15px;
	}
}

@media all and (max-width: 320px) {

  	.newsslider .owl-nav button {
		top: 85px;
	}

	.dl-menuwrapper li a {
		padding: 13px 20px;
	}
}

@media only screen and (max-width: 736px) and (orientation:landscape)  {

	.dl-menuwrapper li a {
		padding: 10px 20px;
	}

	.dl-menuwrapper li.dl-back:after, 
	.dl-menuwrapper li > a:not(:only-child):after {
		line-height: 40px;
	}
}

@media only screen and (max-width: 568px) and (orientation:landscape)  {

	.dl-menuwrapper li a {
		padding: 5px 20px;
	}

	.dl-menuwrapper li.dl-back:after, 
	.dl-menuwrapper li > a:not(:only-child):after {
		line-height: 30px;
	}
}

@media all and (max-height: 768px) and (orientation:landscape)  {

	.topmenu {
		display: none;
	}

	#dl-menu {
		display: block;
	}

	.headermenu {
		display: none;
	}

	.addto {
		display: none;
	}	
	
}

.pessetable table, .pessetable td, .pessetable th, .pessetable tr {
	border:1px solid black;
	font-size: 12px;
    }
.pessetable {
   	overflow-x:auto;
   	}
.pesse .pesseChange {
	padding-bottom: 25px;
}

.pesse .pesseDropdownbtn {
  background-color: #3498DB;
  color: white;
  padding: 12px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  width: 300px;
  
}

.pesse .pesseDropdownbtn:hover, .pesseDropdownbtn:focus {
  background-color: #2980B9;
}

.pesse .pesseDropdown {
  display: none;
}
.pesse .show {
	display:block;
} 

.pesse-pod {
	border-left: 8px solid transparent;
}

.action-content {
	border-left: 4px solid transparent;
}

#backbutton a,
#backbutton a:visited {
	background-image: url(../images/icons/arrow_left_w.svg);
    background-position: left center;
    background-size: 20px 10px;
    padding-left: 20px;
    padding: 7px 15px 7px 25px;
}

#backbutton a:hover,
#backbutton a:active {
	background-image: url(../images/icons/button_left.svg);
}

.citynet-table table, td {
  border-style: none;
}

/* .citynet-table td {
  border: 1px solid black;
}

.citynet-table tr:first-child td {
  border-top: none;
}

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

.citynet-table tr td:first-child {
  border-left: none;
}

.citynet-table tr td:last-child {
  border-right: none;
}
*/