/* BASIC STYLESHEET for http://www.sup-island.de// */
/* author: ideenwerft GmbH */
/* copyright 2018 */

/*
*   TO USE WITH BOOTSTRAP
*
*   MOBILE FIRST !!!
*
    Color:
    glau #25B0B5
	rot #e61e2b
	gelb #
	grün #009b4e
    grau #636363

*/
/* fonts */
/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../Fonts/roboto-v20-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Roboto Thin'), local('Roboto-Thin'),
       url('../Fonts/roboto-v20-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/roboto-v20-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/roboto-v20-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/roboto-v20-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/roboto-v20-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../Fonts/roboto-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../Fonts/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/roboto-v20-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../Fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../Fonts/roboto-v20-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../Fonts/roboto-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/roboto-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/roboto-v20-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/roboto-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/roboto-v20-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../Fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../Fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../Fonts/roboto-v20-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'),
       url('../Fonts/roboto-v20-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/roboto-v20-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/roboto-v20-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/roboto-v20-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/roboto-v20-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}


/* =LAYOUT ======================== */

a:hover {text-decoration: none}

body {font-family: 'Roboto', sans-serif;font-size: 17px;color: #636363;font-weight: 300;background-size: cover;}
@media (min-width:992px) {
    body > header {
        padding-top: 110px;
    }
}
.header-top {padding-top: 35px;background-color: #fff;
z-index: 100;top: 0;
left: 0;
right: 0;
text-align: center;}
header .logo {padding:30px 0 15px;text-align: center;display: block;}
header .logo img {max-width: 75%;z-index: 1; position: relative;}

.top-extra {position: absolute;top:5px;left: 10px;right: 10px;display: flex;justify-content: space-around;}
.top-extra .top-mail {display: inline;}
.top-extra a,
.top-extra > span {display: inline-block;font-size: 16px;color: #25B0B5;font-weight: 500;}
.top-extra a:hover {color: #25B0B5;}
.top-extra > a i {font-size: 19px;padding-right: 10px;}
.top-extra .fa-instagram {padding-right: 0px; margin-left:-20px;font-size: 25px; }
.top-extra .fa-facebook {font-size: 24px;margin-left:-20px; }
.top-extra .whatsapp {
    position: relative;
    z-index: 200;
}
.top-extra .fa-whatsapp {padding-right: 0px; font-size: 25px; }
.top-extra .whatsapp span {
    display: none;
    position: absolute;
    right: 0;
    top: 90%;
    padding: 10px;
    background: #25B0B5;
    color: #fff;
    max-width: 400px;
    white-space: normal;
    font-size: 13px;
    line-height: 15px;
    border-radius: 10px;
}
.top-extra .whatsapp:hover span {
    display: block;
}

@media(max-width: 576px) {
	.top-extra .fa-instagram,
    .top-extra .fa-whatsapp {
		margin-left: 0px;
	}
    .top-extra > a:nth-child(1),
    .top-extra > a:nth-child(2) {
        width: 50%;
        margin-bottom: 10px;
    }
}

main {margin: 90px 0 0px;}
main.container.content {position: relative;margin-bottom: 40px;}
footer > .container > .row {padding-top: 60px;padding-bottom: 15px;}

@media (max-width: 1200px) {
    footer > .container > .row {padding-top: 60px;padding-bottom: 15px; max-width: 610px; margin: auto;}
}

@media(max-width: 576px) {
    .top-extra {justify-content: center; flex-wrap: wrap;}
    .top-extra .fa-facebook {margin-left: 0;}
    .top-extra .fa-instagram {padding-right: 10px;}
	header .logo img {max-width: 100px}
}

@media (min-width:576px) {
	.top-extra {position: absolute;
top: 5px;
left: 10px;
right: 10px;
justify-content: space-around;
max-width: 500px;
margin: auto;}
}

@media (max-width: 768px) {
	header .logo img {max-width: 120px}
	header .logo {padding: 40px 0 0px; }
    main {
        margin: 50px 0 0px;
    }
}

@media (min-width: 768px) {
	.top-extra {position: absolute;top:5px;left: 10px;right: 10px;justify-content: space-around;}
	.top-extra .top-mail {display: block;}



header .logo {padding:30px 0 15px;text-align: center;display: block;}
header .logo img {max-width: 120px;z-index: 1; position: inherit;}

}

@media (min-width: 992px) {
	/* body {background: url(../Img/background-992.jpg);background-size: cover;margin-top: 100px !important;} */
	.header-top {padding-top: 0px;padding-bottom: 5px;display: flex;position:fixed;justify-content: space-between;}

	.container.header-top::before, .container.header-top::after {
    content: "";
    background-repeat: no-repeat;
		display: inline-block;}

	.container.header-top::before {
    background-color: #fff;
	box-shadow: 0px 12px 15px rgba(0,0,0,.2);
    background-position: left;
    width: 200%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
	height: 112px;}

	.container.header-top::after {
    background-color: #fff;
    background-position: right;
    width: 400px;
    position: absolute;
    top: 0;
    right: 0;
	height: 110px;
	margin-right: -400px;
	display: none;}

    header .logo {padding: 30px 0px;text-align: left;}
	header .logo img {max-width: inherit; position: absolute}
	.header-flex {display: flex;flex-direction: column;justify-content: space-between;padding: 22px 0 0px;}
	.top-extra {position: relative;top:auto;left: auto;right: auto;justify-content: flex-end;max-width:none;margin: 0px;}
	.top-extra > a {padding-left: 30px;}
    .top-extra > span {padding-left: 20px;}

    .navbar {position: static;}
}

@media (min-width: 1200px) {
	/* body {background: url(../Img/background-1200.jpg);background-size: cover;margin-top: 100px!important;} */
}
/* Zweispaltig col-8 & col-4*/
.col-xs-12.col-sm-8.col-md-8 {
    text-align: left;
	padding: 0 30px;
}
.col-xs-12.col-sm-4.col-md-4 {
    text-align: left;
	padding: 0 30px
}

/* =gradient ======================== */
/*  Grau  */
.angebot {
	background-image: url(../Img/kontakt.jpg);

	background: -moz-linear-gradient(70deg, #9a9797 0%, #aaaaaa 47%, #999797 100%);
	background: -webkit-linear-gradient(70deg, #9a9797 0%,#aaaaaa 47%,#999797 100%);
	background: linear-gradient(70deg, #9a9797 0%,#aaaaaa 47%,#999797 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a9797', endColorstr='#999797',GradientType=1 );
}

/*  orange 85% */
.keyvisual-text-inner,
.dce-keyvisual .text,
.leistungsblock a .leisungsblock-inner {
	background: #ffa740;
	background: -moz-linear-gradient(0deg,rgba(255, 235, 65,0.85) 0%, rgba(255, 190, 64, 0.85) 100%);
	background: -webkit-linear-gradient(0deg,rgba(255, 235, 65,0.85) 0%, rgba(255, 190, 64, 0.85) 100%);
	background: linear-gradient(0deg,rgba(255, 235, 65,0.85) 0%, rgba(255, 190, 64, 0.85) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbe40', endColorstr='#ffeb41',GradientType=1 );z-index: 1;}



/* =KEYVISUAL ALT ALT ALT ======================== */
.keyvisual {
	position: relative;
	overflow: hidden;
}
.keyvisual:before {
	content: '';
	position:absolute;
	top:0; 
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('../Img/sup-island-keyvisual-overlay-wide.png');
	background-size: cover;
    background-repeat: no-repeat;
}
@media(min-width: 600px){
	.keyvisual:before {
		background-size: contain;
	}
}

.keyvisual .slideshow img {
	box-shadow: 0px 12px 15px rgba(0,0,0,.2);
	width: 100%;
}
.keyvisual .keyvisual-text-outer {
	display: none;
}

.keyvisual .keyvisual-text-outer {display: block;position: absolute;top: 0;left: 0;height: 100%;width: 100%;}
.keyvisual .keyvisual-text-outer .container {position: relative;height: 100%;}
.keyvisual-text-inner {position: absolute;top: 15%;bottom: auto;right: 0px;width: 50%; color: #fff;padding: 15px;}
.keyvisual-text-inner h3 {margin-top: 0;font-size: 27px;margin-bottom: 15px;}
.keyvisual-text-inner h4 {margin-top: 0;font-size: 18px;font-weight: 300;text-transform:uppercase;letter-spacing: 1px;margin-bottom: 15px;}

@media (min-width: 992px) {
	.keyvisual-text-inner {position: absolute;top: 15%;bottom: auto; right: 0px;width: 40%; color: #fff;padding: 30px; margin:15px;}
	.keyvisual-text-inner h3 {margin-top: 0;font-size: 30px;margin-bottom: 15px;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);}
	.keyvisual-text-inner h4 {margin-top: 0;font-size: 22px;font-weight: 300;text-transform:uppercase;letter-spacing: 1px;  margin-bottom: 15px;}
	.keyvisual-text-inner p  {margin-top: 0;margin-bottom: 0px;font-size: 17px; font-weight: 400;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);}
	.keyvisual-text-inner p a {color: #197C7F}
}


.keyvisual-text-inner h3 {margin:0px 0px 20px 0px !important;font-family: 'Roboto', sans-serif;color:#FFFFFF; font-size:25px;font-weight: 400;text-transform: uppercase;}

/* =KEYVISUAL ======================== */
.dce-keyvisual:before {
	content: '';
	position:absolute;
	top:0; 
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('../Img/sup-island-keyvisual-overlay-wide.png');
	background-size: cover;
    background-repeat: no-repeat;
}
.dce-keyvisual img {
	box-shadow: 0px 12px 15px rgba(0,0,0,.2);
}
.dce-keyvisual .text {
    color: #fff;
}
.dce-keyvisual .text h3 {
    margin-top: 0;
    font-size: 27px;
    margin-bottom: 15px;
}
.dce-keyvisual .text h4 {
    margin-top: 0;
    font-size: 18px;
    font-weight: 300;
    text-transform:uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
}
.dce-keyvisual .text p  {
    margin-top: 0;
    margin-bottom: 0px;
    font-size: 17px; 
    font-weight: 400;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.dce-keyvisual .text p a {
        color: #197C7F
}
@media (max-width: 991px) {
    .dce-keyvisual .textbox {
        display: block;
    }
    .dce-keyvisual > .d-flex {
        position: relative;
        top: inherit;
        bottom: inherit;
    }
    .dce-keyvisual .container {
        max-width: 100%;
        padding: 0;
    }
    .dce-keyvisual .textbox {
        width: 100%;
    }
}
@media (min-width: 1300px) {
    .dce-keyvisual .container {
        max-width: 1400px;
    }
}

/* =BASIC STYLES ======================== */
.small {font-size: 0.9em;}
.xsmall {font-size: 0.8em;}
.red, .error {color:#c00;}
.grey {color:#999;}
.clear {clear:both;}
.italic {font-style:italic;}
.hide {display:none;}
.align-center {text-align:center;}
.align-right {text-align:right;}
.align-justify {text-align:justify;}
.align-left {text-align:left;}
.note {font-size:0.9em;font-style:italic;color:#999;}

/* links */
:focus {outline: none;box-shadow: none;}
a:hover, a:active, a:focus {text-decoration: none;outline: none;box-shadow: none;}
a:Link, a:visited {text-decoration: none;}
a {font-weight: 400;color: #25B0B5;}
.content a:Link,
.aside a:Link,
footer a:Link {position: relative;}
.content a:hover,.content a:focus {outline:none; color:#197C7F;text-decoration: none;}
.content a {color: #25B0B5;position: relative;font-weight: 400;display: inline-block;}
.content a::after {content: "";display: inline-block;position: absolute;bottom: 0px;left: 0;width: 0%;height: 1px;background: #25B0B5}
.content a:hover:after {width: 100%;}

body a.btn {padding: 5px 30px;color: #fff !important;display: inline-block;background: #25B0B5;border-radius: 2px;font-weight: 400;transition: inherit;}
body a.btn:focus {outline: none;}
body a.btn:after {content: none;}

:active, :focus {outline:none;}
/* TYPO3 : anker-tags für interne links nach oben setzen*/
a.anchor {position:absolute;margin-top:-35px;}

.ce-row {display: flex;margin-bottom: 15px;}
.ce-column {margin-right: 15px;}

.iframewrap {position: relative;padding-bottom: 56.25%; height: 0;}
.iframewrap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.full-width {margin:0px calc(50% - 50vw);max-height: 50px;}

@media (min-width: 992px) {
    .iframewrap {padding-bottom:40%;}
}

/* text */
#c1066 header h1:before, #c1066 header h1:after {content: ""; background-repeat: no-repeat; display: inline-block;}
#c1066 header h1:before {width: 120px; height: 30px;margin-top: 10px;margin: 10px 10px 0px 0px; background-image: url(../Img/paddel_links.png);background-position: right;}
#c1066 header h1:after {width: 120px; height: 30px;margin-top: 10px;margin: 10px 0px 0px 10px; background-image: url(../Img/paddel_rechts.png); background-position: left bottom;}

@media (max-width: 576px) {
	header h1:before {display: none}
	header h1:after {display: none}
}

h1, h2, h3, h4, p {
    text-align: center;
}
.ce-right h2,
.ce-right h3,
.ce-right h4,
.ce-right p {
    text-align: left;
    max-width: inherit;
}

h1 {
	margin:0px 0px 35px;
	font-family: 'Roboto', sans-serif;
	color: #25B0B5; 
	font-size:35px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1.1;
}
#c1066 h1 {
	line-height: 1.1;
}
h2 {
	margin:0px 0px 30px 0px ;
	font-family: 'Roboto', sans-serif;
	color: #636363; 
	font-size:25px;
	font-weight: 400;
	text-transform: uppercase;
}
h1 + h2 {
	margin:-20px auto 15px;
	font-family: 'Roboto', sans-serif;
	color: #25B0B5; 
	font-size:25px;
	font-weight: 600;
	text-transform: none;
}
h3 {
	margin:0px 0px 30px 0px;
	font-family: 'Roboto', sans-serif;
	color: #636363; 
	font-size:25px;
	font-weight: 400;
	text-transform: uppercase;
}
h4 {margin:25px 0px 15px;font-size:22px;font-weight: 700;text-transform: uppercase;color: #636363;}
p {margin: 0 auto 15px;font-size: 17px;line-height: 24px;max-width: 1000px;font-family: 'Roboto', sans-serif;font-weight: 300;}

#cookie-consent p {
	max-width: 100%;
}
#cookie-consent {
  padding: 2em;
   max-width: 24em;
   -ms-flex-direction: column;
   flex-direction: column;
	bottom: 4em;
	 left: 2em;
}

#cookie-consent a.accept {
	white-space: nowrap;
}

#cookie-consent a.information {
	white-space: unset;
}

header h3 {margin:0px 0px 30px 0px !important;font-family: 'Roboto', sans-serif;color: #636363; font-size:25px;font-weight: 400;text-transform: uppercase;}

#c1066 {margin:0px 0px 0px;font-size:35px;font-weight: 700;color:#25B0B5;text-transform: uppercase;}
div h3 {margin:25px 0px 15px;font-size:25px;font-weight: 700;text-transform: uppercase;color: #636363;}
div h4 {margin:20px 0px 10px 0px !important;font-family: 'Roboto', sans-serif;color: #636363; font-size:22px;font-weight: 400;text-transform: uppercase;}

div.angebot-text h2 {color: #FFFFFF}





.col-md-3 > div > h2,
.col-md-3 > div > h3,
.col-md-3 > div > h4 {margin-top: 0;}

@media (min-width: 992px) {
    h1 {font-size:45px;}
    h2 {font-size:25px!important;}
}

blockquote {padding:15px 40px;}
blockquote p {color:#0061a1;font-style:italic;}
blockquote cite {color:#888;font-size:12px;font-style:italic;}
table {font-size: 1em;border-collapse:collapse;border-spacing:0;margin: auto;margin-top: 20px;margin-bottom: 20px;width: 100%;max-width: 600px}

#c2095 table{max-width: 750px}

table th, table td {vertical-align:top;text-align: left;background: #2222;padding: 5px 20px 5px 20px;}
tr:nth-child(even) {
	background-color: #e4e4e4;}

#c1172 table td.align-right {white-space: nowrap;}

/* achtung: tabellen brauchen weiterhin 'cellspacing="0"' im markup! */
main.content ul {padding-left: 40px;}
ul li {text-align: left;margin-bottom: 5px; z-index: 1}
table p {padding:0;margin:0;}
hr, hr.linie-davor,  hr.linie-danach {clear:both;background-color:#adadad;color:#adadad;border:#adadad;height:1px;margin:10px 0;}
address, caption, cite, code, dfn, var {font-style:normal;font-weight:normal;}
caption, th {text-align:left;}
fieldset {border:none;}
input, textarea, select {border:0px solid #ccc;font-size:1em;padding:4px 10px;}
input:focus, textarea:focus {background-color:rgba(255, 255, 255, 0.5);color: #194b7e;}
input.powermail_input, input.powermail_submit, textarea {-webkit-appearance: none;}
a i {cursor: pointer;}
a i .fa.fa-instagram {padding-left: 0px; margin-right: 10px}
a.tel {color: #25B0B5 !important;}
img {max-width: 100%;height: auto;}
body a.button {padding: 5px 15px;color: #fff !important;display: inline-block;background:#25B0B5;border-radius: 2px;font-weight: 400;position: relative;}
body a.button:hover {background: #009b4e; color: #fff !important;text-decoration: none;}
.col-xs-12 {margin: 15px 0px 15px 0px;}





/* =transition ======================== */

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>a::before,
.navbar-default .navbar-nav>li>a::after,
.facts .facts-box img,
.dce-teaser img,
.content a::after,
body a.btn,
.musthave li a,
.copy a,
body a.button,
.tx-powermail fieldset .powermail_submit.btn.btn-primary,
.powermail_fieldwrap_type_submit .col-sm-10::after,
.tx-felogin-pi1 form input[type="submit"],
footer a:after {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;}

.leistungsblock a .leisungsblock-inner,
.leistungsblock a .leisungsblock-inner h3,
.referenz a::after{
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;}






/* =NAVIGATION ======================== */
.navbar {background: none;border: 0px;min-height: 1px;justify-content: flex-end!important;padding:10px 0rem 0px 0rem!important;z-index:100;}

.navbar-toggler {border: 0;margin-top: -45px;padding: 5px 0 5px 10px!important;background: none;color:#636363;font-size: 1.8rem!important;justify-content: flex-end}
.navbar-default .navbar-toggler:focus,
.navbar-default .navbar-toggler:hover {background: none;outline: none;text-decoration: none;color:#25B0B5;}
.navbar-default .navbar-toggler:hover .icon-bar {background: #848484;}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {border: none;}

.navbar-default .navbar-nav>li {text-align: center!important;margin-bottom: 12px;}
.navbar-default .navbar-nav>li>a {position: relative;display: inline-block;font-size: 17px;color: #636363;font-weight: 400;padding: 0px 0;}
.navbar-default .navbar-nav>li>a::before {content: "";display: inline-block;position: absolute;bottom: 0px;left: 0;width: 0%;height: 2px; background: #25B0B5;z-index: 2;text-decoration: none;z-index: 1;}

.navbar-default .navbar-nav>li>a:hover {color:#25B0B5;text-decoration: none;}
.navbar-default .navbar-nav>li>a:hover:before {width: 100%;}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {background: none;color:#25B0B5;font-weight: 600;text-decoration: none;}
.navbar-default .navbar-nav>.active>a::before {width: 100%;}
@media (min-width:768px) {
	.navbar {padding: 15px 0 30px;}
	.navbar-default .navbar-nav {justify-content: space-between;width: 100%;}
    .navbar-expand-md .navbar-nav .nav-link {font-size: 16px; padding: 10px 0px 5px;padding-left: 0;padding-right: 0; margin: 0 8px 3px;}
    .navbar-default .navbar-nav>li:first-child>a {margin-left: 0px;}
    .navbar-default .navbar-nav>li:last-child>a {margin-right: 0px;}
    .navbar-default .navbar-nav>.active>a::before,
	.navbar-default .navbar-nav>li>a::before {height:2px;}
    .navbar-default .navbar-nav>li>a::before {content: "";display: block;position: absolute;width:0%;left: 0;bottom: 0px;height: 2px;background:#25B0B5;text-decoration: none;}

}

@media (max-width:768px) {
	.navbar-default .navbar-nav li  {margin-bottom: 5px;}
}
@media (max-width:992) {
	.navbar-default .navbar-nav ul li {margin-bottom: 15px;}
}

@media (min-width:992px) {
	.navbar {padding: 0;}
	.navbar-collapse {margin: inherit;}
    .navbar-default .navbar-nav>li>a {font-size: 16px;padding: 5px 0px 0px;margin: 0 15px -3px;}
}
@media (min-width:992px) {
	.navbar-default .navbar-nav>li>a {font-size: 17px;letter-spacing: 0.5px;}
}

@media (min-width:1200px) {
    .navbar-default .navbar-nav>li>a {font-size: 18px;letter-spacing: 0.5px;}
}


/* 2.Ebene */
.navbar-default .navbar-nav>.dropdown:hover > ul {display: block;}
.navbar-default .navbar-nav>.dropdown ul {background: #ffffff;background-size: contain;border-radius: 1px;border: 0;box-shadow: 0px 5px 6px rgba(0,0,0,.2);z-index: 200;}
.dropdown-menu>li>a {padding: 5px 10px;color: #636363;font-weight: 400;font-size: 15px;display: block; text-decoration: none;}
.dropdown-menu>li>a:hover {color:#25B0B5;}

.dropdown-toggle::after,
.navbar-default .navbar-nav li a .caret {display: none;}

@media (min-width:768px) {
    .navbar-right .dropdown-menu {right: inherit;}
    .navbar-default .navbar-nav>.dropdown ul {margin-top: 0;border-top:0;}
}

@media (min-width:992px) {
    .navbar-default .navbar-nav>.dropdown:hover ul {margin-left: 7px}
}

/* 3. Ebene */
@media (min-width:768px) {
    ul.dropdown-menu ul.dropdown-menu {
        display: none;
        left: 100%;
        top: 0;
        margin-left: 0 !important;
    }
    ul.dropdown-menu li.dropdown:hover ul.dropdown-menu {
        display: block;
    }
    ul.dropdown-menu ul.dropdown-menu li {
        margin-bottom: 3px;
    }
    ul.dropdown-menu ul.dropdown-menu li > a {
        padding: 2px 10px;
    }
}


/* =CONTENT ELEMENTS ======================== */
.ce-bodytext p i {left: 10px;top: 3px;color: #25B0B5;padding-right: 10px;}

@media (max-width:768px) {
	.ce-textpic, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div{overflow: inherit;width: 100%;}
	}

@media (max-width:768px) {
	.footer-box .ce-textpic, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div{overflow: inherit}
	}

.back-button {margin-bottom: 60px;width: 100%;}
.ce-div {margin: 40px; background-color:#33b6bb; height: 2px}

.ce-gallery{
	margin: 20px 20px 20px 0px;
}

.ce-intext .ce-right .ce-gallery {margin: 20px 0px 20px 20px;}


@media (max-width:576px) {
.ce-intext.ce-right .ce-gallery{
	width: 50%;
	margin: auto;
	float: none}
}


#c1151 {position: absolute; margin-top: -70px; margin-right: 15px; right: 0px}

.ce-gallery[data-ce-columns="1"] .ce-row {margin-bottom: 0;}
@media (min-width:768px) {
	.col-md-6 {text-align: left;}
}

@media (min-width:992px) {
	.ce-textpic .ce-row {margin-bottom: 0px;}
	.ce-textpic .ce-row .ce-column {margin-right: 30px;}
	.ce-textpic .ce-row .ce-column:last-child {margin-right: 0;}
	.ce-textpic .ce-row .ce-column a::after {content: none;}
}


/* =OTHER ======================== */

.dce-teaser {margin: 60px 0;padding-bottom: 15px;}
.dce-teaser .box {padding-bottom: 87px;background: #fff;box-shadow: 0px 12px 15px rgba(0,0,0,.2);position: relative;height: 100%;}
.dce-teaser .box .text-wrap {padding: 15px 15px 0;font-size: 14px; font-weight: 300;position: initial;}
.dce-teaser .box h3 {font-weight: 400;font-size: 22px;color: #636363 ;font-family: 'Roboto', sans-serif ;margin: 0 0 15px !important;}
.dce-teaser .box p {font-size: 16px;line-height: 21px;}
.dce-teaser .box a.btn {position: absolute;bottom: 30px;left: 0;right: 0;max-width: 80%;text-align: center;display: inline-block;background: #33b6bb;margin: 0 auto;}
.dce-teaser .box a.btn:hover {background:#197C7F;}

.dce-teaser .box img {-webkit-filter: brightness(1);filter: brightness(1);opacity: 1;}




/*  angebot  */

.angebot,
#c15910 .fullwidth  {
	margin: 0px calc(50% - 50vw);
	margin-bottom: -40px;
	padding: 50px 0px 50px 0px;
	color: #fff;
	background-image: url(../Img/kontakt.jpg);
	background-size: cover;
	text-align:center;
}
#c15910 .fullwidth h2 {
    color: #fff;
}
.angebot h3,
#c15910 .fullwidth h3 {margin-top: 0;font-size: 35px;font-weight: 700;}
.angebot h4 {font-weight: 300;font-size: 20px;}
.angebot a.btn {color:#636363 !important;background: #fff;}
.angebot a.btn:hover {background:#ffa740;color: #fff !important;}

/*  leistungsblock  */
.leistungsblock {position: relative;overflow: hidden;}
.leisungsblock-inner {position: absolute;left: 0;top: 100%;width: 100%;color: #fff;}
.leisungsblock-inner h3 {margin-top: -65px;margin-bottom: 0; color: #fff;font-size: 18px;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);background: rgba(0, 0, 0, 0.4);padding: 15px 15px 30px;-moz-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;}
.leisungsblock-text {padding: 0 10px 10px;}
.leisungsblock-text p {font-size: 15px;}

.leisungsblock-text .btn {background: #fff;color:#25B0B5;padding: 5px 25px;}

.leistungsblock a:hover .leisungsblock-inner {top: 0;height: 100%;}
.leistungsblock a:hover .leisungsblock-inner h3 {margin-top: 15px;background: none;padding-top: 0;padding-bottom: 15px;}


@media (min-width:992px) {
	.leistungsblock a:hover .leisungsblock-inner  {padding-top: 30px;}
}
@media (max-width:992px) {
	#c1151 {display: none}
}



/* =FOOTER ======================== */
footer {font-size: 16px;background: rgba(0, 0, 0, 0.025);}
footer p {padding-left: 20px;margin-bottom: 0px;}
footer p i {padding-right: 10px;margin-left: -10px; color: #25B0B5;font-size: 18px !important;}
footer p i.fa-fax {font-size: 16px !important;}
footer a:link,
footer a:visited {position: relative;display: inline-block;}
footer a::after {content: "";display: inline-block;position: absolute;bottom: 0px;left: 0;width: 0%;height: 1px;background: rgba(25, 75, 126, 0); background: #25B0B5;}
footer a:hover:after {width: 100%;}
footer a{color: #25B0B5;}
footer a:hover{color: #33b6bb; text-decoration: none;}

footer .social a {
	padding-left: 25px;
}

footer .footer-flexbox {display: flex;justify-content: space-between;flex-wrap: wrap;}
footer .footer-flexbox .footer-box {padding:15px;}
footer .footer-flexbox .footer-box img {padding-left: 20px;margin: 0 auto;}

#c1095 footer p {padding-left: 0px}

footer .footer-flexbox .footer-vdws {padding-left: 0px;}

.ce-below .ce-gallery {margin-top: 5px; overflow: hidden;}

.musthavecopy {background:#989c9c;color: #fff;}
.musthavecopy .container {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}

@media (max-width:576px) {
	.musthavecopy .container {display: flex;justify-content: center;align-items: center;flex-wrap: wrap-reverse;}
}


.copy {padding: 10px 0;}
.copy a {color: #fff;}
.copy a:hover {color: #921229; text-decoration: none;}
.copy a::after {background:#921229;}

.musthave {padding: 10px 0;}
.musthave {list-style: none;display: flex;margin: 0;}
.musthave li  {float:left;margin-bottom: 0 }
.musthave li a {padding: 0px 5px;margin: 0 5px; display: block;color: #fff;}
.musthave li a:hover {color: #fdbf03; text-decoration: none;}
.musthave li a::after {background:#fdbf03;}
.musthave li:first-child a {padding-left: 5px;}
.musthave li:last-child a {padding-right: 0px;margin-right: 0;}

@media (max-width: 576px) {
	footer .footer-flexbox {flex-direction:column;}
}

@media (min-width: 576px) {
	footer {text-align: left;}
	footer p {padding-left: 20px;margin-bottom: 0px;position: relative;text-align: left;}
	footer p i {position: absolute;left: 10px;top: 3px;color: #25B0B5;}
}

@media (max-width: 1200px) {
	footer .footer-flexbox {justify-content: left;}
}


/* =EXTENSIONS ======================== */
/* +++ Newsletter Anmeldung +++ */
.layout_form {padding: 0 0 30px;background: #fff;}
.layout_form .cr_ipe_item label {display: none;}
.layout_form .cr_ipe_item input {width: 100%;max-width: 300px;margin: 0 auto;border:1px solid #ccc;text-align: center;margin-bottom: 15px;}
.layout_form input::-webkit-input-placeholder {color: #110111;}



/* POWERMAIL */

/* Kontakt */
.tx-powermail {max-width: 800px;}
.tx-powermail .container-fluid {padding-left: 0;padding-right: 0;}
.tx-powermail .form-group {margin-bottom: 15px;}
.tx-powermail h3 {display: none;}
.tx-powermail label {margin-bottom: 10px;}

div.tx-powermail legend {display: none;}
div.tx-powermail .powermail_fieldset_36 legend {display: none;}
div.tx-powermail .powermail_file  {border:0;}
div.tx-powermail fieldset + fieldset {margin: 20px 0;padding: 20px 0;}

div.tx-powermail fieldset .col-sm-2,
div.tx-powermail fieldset .col-sm-10,
div.tx-powermail fieldset .col-sm-offset-2 {display: block;float: none;text-align: left; width: 100%;margin: auto;padding-bottom: 5px;padding-left: 0;padding-right: 0;color: #25B0B5;font-weight: 500;}

div.tx-powermail fieldset .col-sm-2,
div.tx-powermail fieldset .col-sm-10 {max-width: 100%;}

.tx-powermail .form-control {border-radius: 2px;max-width: 700px;background:rgba(200, 200, 200,.3);border-color:#c8c8c8;color:#333;}
.tx-powermail .form-control:focus {-webkit-box-shadow:none;box-shadow:none;opacity: 1;color: #194b7e;}

div.tx-powermail fieldset .mandatory {color: #c00;padding-left: 3px;}

div.tx-powermail .checkbox label {color: #636363;font-size: 15px;font-weight: 400;}
div.tx-powermail .checkbox label input {margin-right: 10px;}

div.tx-powermail fieldset .powermail_fieldwrap_type_submit {text-align: center;margin-left: 0 !important;margin-right: 0 !important;}
div.tx-powermail fieldset .powermail_fieldwrap_type_submit .col-sm-10 {padding: 0;margin: 0;max-width: 700px;}
.powermail_fieldwrap_type_submit .col-sm-10::after {content: "";display: block;clear: both;}
.tx-powermail fieldset .powermail_submit.btn.btn-primary,
.sib-form-block .btn {display: inline-block;border:0;background:#25B0B5;padding: 5px 30px;border-radius: 2px;}
.tx-powermail fieldset .powermail_submit.btn.btn-primary:hover {background:#197C7F;color: #fff;text-decoration: none;}

.tx-powermail p.note {margin-bottom: 5px;font-weight: initial;}
.tx-powermail p.note a {display: block;}

div.formError + input,
div.formError + textarea,
.tx-powermail .powermail_fieldset .powermail_field_error,
.tx-powermail .powermail_fieldset .parsley-error,
.tx-powermail .powermail_fieldset .powermail_form .parsley-error:focus,
.tx-powermail .powermail_fieldset div.error {border:1px solid #c00;background: none;}

.tx-powermail .powermail_fieldset .parsley-errors-list {border: 0;background: none;margin: 5px 0;}
.tx-powermail .powermail_fieldset .parsley-errors-list>li {background: none;font-size: 14px;padding: 0;}


/* Anmeldung */
.tx-powermail .form-group {
    margin-bottom: 15px;
    float: left;
}
form.powermail_form.powermail_form_30.form-horizontal {
    margin-left: -15px;
    margin-right: -15px;
}
.powermail_fieldwrap.powermail_fieldwrap_type_input.powermail_fieldwrap_fillerdisplaynone.form-group.col-md-12,
.powermail_fieldwrap.powermail_fieldwrap_type_input.powermail_fieldwrap_fillerdisplaynone_01.form-group.col-md-12{
	display: none;
}
@media (min-width: 991px) {
	input#powermail_field_geburtsdatum {
		max-width: 100%;
	}
	select#powermail_field_anrede {
		max-width: 100%;
	}
	.powermail_fieldwrap.powermail_fieldwrap_type_input.powermail_fieldwrap_vorname.form-group.col-md-12,
	.powermail_fieldwrap.powermail_fieldwrap_type_input.powermail_fieldwrap_name.form-group.col-md-12{
		max-width: 50%;
		float: left;
	}
	.powermail_fieldwrap.powermail_fieldwrap_type_input.powermail_fieldwrap_nachname.form-group.col-md-12 {
		max-width: 50%;
		float: right;
	}
	.powermail_fieldwrap.powermail_fieldwrap_type_input.powermail_fieldwrap_strassehausnummer.form-group.col-md-12 {
		max-width: 80%;
		float: left;
	}
	.powermail_fieldwrap.powermail_fieldwrap_type_input.powermail_fieldwrap_hausnummer.form-group.col-md-12 {
		max-width: 20%;
		float: right;
	}
	.powermail_fieldwrap.powermail_fieldwrap_type_input.powermail_fieldwrap_postleitzahlort.form-group.col-md-12 {
		max-width: 20%;
		float: left;
	}
	.powermail_fieldwrap.powermail_fieldwrap_type_input.powermail_fieldwrap_ort.form-group.col-md-12 {
		max-width: 80%;
		float: right;
	}
	.powermail_fieldwrap.powermail_fieldwrap_type_input.powermail_fieldwrap_e_mail.form-group.col-md-12 {
		max-width: 50%;
		float: left;
	}
	.powermail_fieldwrap.powermail_fieldwrap_type_input.powermail_fieldwrap_telefon.form-group.col-md-12 {
		max-width: 50%;
		float: right;
	}
	.powermail_fieldwrap.powermail_fieldwrap_type_select.powermail_fieldwrap_eventshirtgroesse.form-group.col-md-12 {
		max-width: 50%;
	}
}


/* login */
.tx-felogin-pi1 form legend {display: none;}
.tx-felogin-pi1 form legend {display: none;}

.tx-felogin-pi1 form {padding-top: 15px;}
.tx-felogin-pi1 form label {font-weight: 400;}
.tx-felogin-pi1 form input {border: 0;background: rgba(0,0,0,.6);width: 100%;margin-bottom: 15px;max-width: 100%;}
.tx-felogin-pi1 form input[type="submit"] {color: #fff;display: inline-block;background: none;border-radius: 2px;width: auto;padding-left: 15px;padding-right: 15px;font-weight: 400;border: 2px solid #fff;}
.tx-felogin-pi1 form input[type="submit"]:hover {background:rgba(255, 255, 255, 0.75);color:#060606;text-decoration: none;border-color: rgba(255, 255, 255, 0.75);}


@media print {
	.dce-teaser .btn {
		display: none;
	}
	.musthave{
		display: none;
	}
	a{
		display: none;
	}
}

/* ###### NEWS EXTENSION #######*/

/* sup-events */
.news .row {
  margin-bottom: -2rem;
}
.news .row > div {
  padding-bottom: 2rem;
}
.news .dce-vorschau.box {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
    position: relative;
    overflow: hidden; 
	box-shadow: 0px 12px 15px rgba(0,0,0,.2);
}
.news .dce-vorschau.box .teaser-text {
    padding: 2rem;
}
.news .dce-vorschau.box .teaser-text {
	background: #fff;
}
.news .dce-vorschau.box .header > * {
    margin-top: 0;
}
.news .dce-vorschau.box .teaser-text {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	margin-bottom: 0;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -ms-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out; 
}
.news .dce-vorschau.box:hover .teaser-text,
.news .dce-vorschau.box:focus .teaser-text {
	max-height: 100%;
	opacity: 1;
}
.news .dce-vorschau.box a {
    display: inline-block; 
	width:100%;
}
.news .dce-vorschau.box a:after {
	content:"";
}
.news .dce-vorschau.box .news-img-wrap{
	overflow:hidden;
}
.news .dce-vorschau.box a img {
  -webkit-transition: all .8s ease-in-out;
  -moz-transition: all .8s ease-in-out;
  -ms-transition: all .8s ease-in-out;
  -o-transition: all .8s ease-in-out;
  transition: all .8s ease-in-out; 
	
	width:100%;
}
.news .dce-vorschau.box:hover a img,
.news .dce-vorschau.box:focus a img {
    transform: scale3d(1.1, 1.1, 1.1); 
}
.news .dce-vorschau.box:hover a::after,
.news .dce-vorschau.box:focus a::after {
    background: rgba(0, 0, 0, 0.2); 
}
.news .dce-vorschau.box h3 {
	margin: 0!important;
	
}

.news .dce-vorschau.box h3 a {
	font-weight: 300;
	font-size: 25px;
}
.news .dce-vorschau.box .teaser-text button a{
      color: rgba(255,255,255,.9);
	}
@media(max-width: 768px){
	.news .dce-vorschau.box .header {
		background: #25B0B5;
	}
	.news .dce-vorschau.box .header h3 a {
		color: #fff;
		padding: 15px;
	}
	.news .dce-vorschau.box .teaser-text {
		    max-height: 100%;
    		opacity: 1;
	}
}
@media(min-width: 768px) {
	.news .dce-vorschau.box .header,
	.news .dce-vorschau.box .teaser-text {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-align-items: center;
		-ms-flex-pack: center;
		align-items: center;
		text-align: center;
		
		z-index: 10; 
	}
	.news .dce-vorschau.box .teaser-text{
		background: transparent;
	}
	.news .dce-vorschau.box .header h3{
		margin-top: 0;
		-moz-transition: all .8s ease-in-out;
		-ms-transition: all .8s ease-in-out;
		-o-transition: all .8s ease-in-out;
		transition: all .8s ease-in-out;
	}
	.news .dce-vorschau.box:hover .header h3 {
		margin-top: -37%!important;
	}
	.news .dce-vorschau.box .header h3 a {
      color: rgba(255,255,255,1);
	}
	
	
	.news .dce-vorschau.box .header:before {
		content: "";
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		width: 100%;
		z-index: -100;
		background: rgba(0,0,0,.5);
		-moz-transition: all .8s ease-in-out;
		-ms-transition: all .8s ease-in-out;
		-o-transition: all .8s ease-in-out;
		transition: all .8s ease-in-out;
		opacity: 0.2;
	}
	.news .dce-vorschau.box:hover .header:before {
		opacity: 1;
	}
	.news .dce-vorschau.box:hover h3 {
	display:none;
}
	.news .dce-vorschau.box .teaser-text *:not(button) {
      color: rgba(255,255,255,.9);
	}
}

@media(min-width: 1200px){
	.news .dce-vorschau.box:hover .teaser-text, .news .dce-vorschau.box:focus .teaser-text {
		margin-top: 12%;
	}
	.news .dce-vorschau.box:hover .header h3 {
		display: block;
	}
}
@media (min-width: 1400px){
	.news .dce-vorschau.box h3 a {
		font-size: 35px;
		font-weight: 100;
	}
}
.news button {
	background: #33b6bb;
	padding: 5px 30px;
	border-radius: 2px;
    font-weight: 400;
	border:none;
}
.news button a {
	color: #fff;
}
.news .dce-vorschau.box .footer {
	display:none;
}

/* ... 2 spaltig... */
.news .kacheln-zwei-spaltig {
	background: #fff;
    box-shadow: 0px 12px 15px rgba(0,0,0,.2);
    position: relative;
    height: 100%;
}
.news .kacheln-zwei-spaltig .news-img-wrap {
	max-height: 350px;
    overflow: hidden;
}
.news .kacheln-zwei-spaltig .header {
	padding: 10px 30px 0;
}
.news .kacheln-zwei-spaltig .header h3 {
	margin-bottom: 5px!important;
}
.news .kacheln-zwei-spaltig .teaser-text {
	padding: 0 30px 30px;
	margin-bottom: 0;
	text-align: center;
}
.news .kacheln-zwei-spaltig .news-list-date time[itemprop="datePublished"] {
	font-weight: 300;
}
.news .kacheln-zwei-spaltig .news-list-date + div {
	margin-top: 15px;
}
.news .kacheln-zwei-spaltig .footer {
	display:none;
}

.page-navigation {
	overflow: hidden;
}

/* NEWS DETAIL */
.news-single .article {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.news-single-date {
    display: block;
    margin: -24px 0 30px;
    text-align: center;
    font-weight: bold;
}
.news-single .article .mediaelement img {
	margin-bottom: 15px;
}
.content .news-single .article .mediaelement a {
    display: block;
}
.content .news-single .article .mediaelement img {
    width: 100%;
}
@media (max-width:991px) {
    .news-single .article .news-img-wrap {
        float: none;
        margin: 0 ;
    }
}