/* ------------------------------DEFAULT-------------------------------------- */
*{
	outline: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	*behavior:url(/javascript/boxsizing.htc);
	}
	
html{
	overflow-y: scroll;
	}
	
img{
	width: 100%;
	height: auto;
	}
	
picture{
	display: none;
	}

body {
	margin: 0px;
	padding: 0px;
	font-family: 'Monserat', sans-serif;
	font-size: 80%; 
	line-height: 1.4;
	color: #444444;
	transition: all 0.5s ease;
	-webkit-font-variant-ligatures: no-common-ligatures;
	font-variant-ligatures: no-common-ligatures;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	}
	
p,
#content ul,
#content a.button,
.section {
	display: inline-block;
	margin-bottom: 1.5em;
	}
	
h1,h2,h3,h4,.headline1,.headline2,.headline3,.headline4{
	color: #009ee0;
	padding: 0px;
	display: block;
	font-weight: 600;
	margin-bottom: 0.5em;
	}
	
h1,.headline1 {
	font-size: 1.953em;
	}


h2,.headline2 {
	font-size: 1.563em;
	}
	
h3,.headline3{ 
	font-size: 1.25em;
	}
	
a,
a:hover{
	color: #444444;
	text-decoration:none;
	}

.clear {
	clear: both;
	height: 0px;
	}

.lef {
	float: left;
	}

.rig {
	float: right;
	}
	
.invisible{
	display: none !important;
	}
	
span{
	white-space: nowrap;
	}
	
.rel{
	position: relative;
	}
	
.lineheightzerro{
	line-height: 0px;
	}


.alright{
text-align: right;
}

.preis{
font-size: 1.953em;
color: #eb690b;
font-weight: 600;
}

	
/*------------------------------MAIN------------------------------------------*/

#container{
	background-color: #009ee0;
	}

#headersection{
	background: #009ee0;
	color: #ffffff;
	font-weight: 600;
	font-size: 1em;
	}
	
#header a{
	color: #ffffff;
	}
	
#header a:hover{
	color: #ffffff;
	}
	
#headerleft{
	display: none;
	}
	

	
.tab1,
.tab2{
	float:left;
	}
	
.tab1{
	width: 150px;
	}
	
#content{
	padding: 0px 0px 1.4em 0px;
	}
	
#footersection{
	background-color: #000000;
	font-size: 1em;
	color: #ffffff;
	}
	
#footer{
	padding: 20px 0px 0px 0px;
	}
	
#footertop .first,	
#footertop .sec,
#footertop .third{
	width: 33%;
	float:left;
	}
	
#footermid .first{
	width: 25%;
	float:left;
	}
	
#footermid .sec{
	width: 36%;
	float:left;
	}
	
#footermid .third{
	width: 22.5%;
	float:left;
	}

	
#footerbottom .fourth{
	width: 100%;
	}

#footer a{
	text-decoration:none;
	color: #ffffff;
	}
	
#footer a:hover{
	text-decoration:none;
	color: #ffffff;
	}
	
/*----------------------------------BOX---------------------------------------*/
	
.box{
	background-color: #ffffff;
	padding: 15px;
	margin: 0px 0px 1.4em 0px;
	width: 100%;
	}
	
.box img{
	margin-bottom: 0.5em;
	}
	
#kontakt .filialen .box {
    padding: 0px;
    margin: 0;
	}

#kontakt .box .left,	
#kontakt .box .right{
	width: 48%;
	}
	
#kontakt .box .left{
	float: left;
	}
	
#kontakt .box .right{
	float: right;
	}
	
#kontakt .box .right .fluidboximage {
    margin: 0px 0.5em 0.5em 0px;
    width: 40%;
    float: right;
	}

/*----------------------------------GRID---------------------------------------*/

.inner { 
	padding: 0% 4% 0% 4%;
	margin: 0 auto;
	}

.container:after,
.row:after, 
.col:after, 
.clr:after, 
.group:after { 
	content:""; 
	display:table; 
	clear:both; 
	}
	
.row {
	padding-bottom: 0;
	}
	
#startseite .row,
#kurse .row {
	padding-bottom: 0;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	}

.col { 
	display: block;
	float: left;
	width: 100%;
	}

/*----------------------------STIKYFOOTER------------------------*/

* {
	margin: 0;
	}

html, body {
	height: 100%;
	}

#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px 0px -650px 0px;
	}

#footersection, #minheight {
	height: 650px;
	}
	
/*----------------------------BUTTON------------------------*/

a.button {
	color: #ffffff !important;
	font-size: 1.2em;
	font-weight: 700;
	text-decoration: none;
	background-color: #eb690b;
	border: 0px none buttonface;
	text-decoration: none;
	display: block;
	padding: 5px 20px 5px 20px;
	-webkit-box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.25);
	border-radius: 20px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	}
	


a.button:hover {
	text-decoration: none;
	color:#ffffff;
	text-shadow: 0 0 0.1em #ffffff, 0 0 0.2em #ffffff;
	background-color: #F5832E;
	}
	
/*-----------------------BACKTOTOP------------------------------*/

#back-top {
	position: fixed;
	bottom: 5%;
	right: 1.5%;
	background-color: #f00;
	-webkit-box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.25);
	z-index: 5000;
	width: 10%;
	}


#back-top a {
	line-height: 0px;
	display: block;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	}
	
	
/*---------------------------SLIDER------------------------------*/

#slidersection{
	position: relative;
	line-height: 0px;
	margin: 0px 0px 1.35em 0px;
	}
	
/*---------------------------KENBURNS------------------------------*/
	
/* Loaded body */
body.loaded {
  opacity: 1;
  transition: 1s opacity;
}

/* Default banner */
.banner {
  position: relative;
  width: 100%;
  height: 38vw;
max-height: 400px;
  overflow: hidden;
  backface-visibility: hidden;
}

/* Default image container */
.banner .background {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate3d(0,0,0) scale(1.5);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

/* Loaded image container */
.loaded .banner .background {
  transform: scale(1);
  transition: 6.5s transform;
}





	
/*----------------------------------------------*/	

#headerlogo,	
#slideroverlay,
.infobox,
#slidermenu{
	position: absolute;
	}
	
#headerlogo{
	width: 40%;
	left: 0px;
	top: 0px;
	padding: 2em;
	}
	
#slideroverlay{
	right: 0px;
	bottom: 0px;
	}
	
#slideroverlay{
	width: 50%;
	}
	
#slidermenu{
	display: none;
	}
	
.infobox{
	width: 35%;
	padding: 1em;
	}
	
#infoboxunten{
	right: 0px;
	bottom: 0px;
	}
	
#infoboxoben{
	right: 0px;
	top: 0px;
	}


/*---------------------------TEAM--------------------------------------------------*/

.teambox{
	width: 115px;
	height: 230px; 
	float: left;
	margin: 0px 1.5em 0px 0px;
	text-align: center;
	}

/*---------------------------MEDIAQUERIES--------------------------------------------------*/

@media screen and (min-width: 500px) {

	#footerbottom .fourth{
		width: 250px;
		float: right;
		}
		
	#container {
		margin: 0px 0px -320px 0px;
		}
	
	#footersection, #minheight {
		height: 320px;
		}
		
}


@media screen and (min-width: 650px) {
	
	body{
		font-size: 80%;
		}
		
	#headerleft{
		display: block;
		float: left;
		width: 100%;
		padding: 0.4em 0em 0.4em 0em;
		}
		
	.headerbox{
		margin: 0px 1em 0px 0px;
		}
	
	#headerleft .rig{
		margin: 0px 0em 0px 0px;
		}
		
	.headerbox.rig .right{
		text-align: right;
		float: right;
		}
		
	.headerbox .left{
		float: left;
		width: 2em;
		line-height: 0px;
		}
		
	.headerbox .right{
		float: left;
		white-space: nowrap;
		padding: 0.4em 0px 0px 0px;
		}
	
	#slidersection{
		margin: 0px;
		}
		
	#slidermenu{
		display: block;
		top: 7.5em;
		left: 0px;
		padding: 2em;
		}
		
	#slidermenu a{
		font-size: 1.8em;
		line-height: 1.3em;
		color: #eeeeee;
		font-weight: 700;
		}
		
	#slidermenu a:hover{
		color: #ffffff;
		}
		
	
	
	#startseite .startseite,
	#kontakt .kontakt,
	#team .team{
		color: #eb690b;
		}
	
	#image1{
		width: 50%;
		bottom: 0px;
		right: 0px;
		}
	
	picture{
		display: block;
		}
		
	#footertop .first,
	#footermid .first{
		width: 23%;
		}
	
	#footertop .sec,	
	#footermid .sec{
		width: 25%;
		}
	
	#footertop .third{
		width: 30%;
		}
		
	#footermid .third{
		width: 20%;
		}
		
	#footermid .fourth {
		float: left;
		}
		
	
		
	/*----------------------------GRID------------------------*/
	
	.inner { 
		padding: 0% 2% 0% 2%;
		}
	
	.gutters .col {
		margin-left: 2%;
		}
	
	.gutters .col:first-child { 
		margin-left: 0; 
		}

	.span_1 { width: 4.16666666667%; }
    .span_2 { width: 8.33333333333%; }
    .span_3 { width:12.5%; }
    .span_4 { width: 16.6666666667%; }
    .span_5 { width: 20.8333333333%; }
    .span_6 { width: 25%; }
    .span_7 { width: 29.1666666667%; }
    .span_8 { width: 33.3333333333%; }
    .span_9 { width: 37.5%; }
    .span_10 { width: 41.6666666667%; }
    .span_11 { width: 45.8333333333%; }
    .span_12 { width: 50%; }
    .span_13 { width: 54.1666666667%; }
    .span_14 { width: 58.3333333333%; }
    .span_15 { width: 62.5%; }
    .span_16 { width: 66.6666666667%; }
    .span_17 { width: 70.8333333333%; }
    .span_18 { width: 75%; }
    .span_19 { width: 79.1666666667%; }
    .span_20 { width: 83.3333333333%; }
    .span_21 { width: 87.5%; }
    .span_22 { width: 91.6666666667%; }
    .span_23 { width: 95.8333333333%; }
    .span_24 { width: 100%; }
    
    .gutters .span_1 { width: 2.25%; }
	.gutters .span_2 { width: 6.5%; }
	.gutters .span_3 { width: 10.75%; }
	.gutters .span_4 { width: 15.0%; }
	.gutters .span_5 { width: 19.25%; }
	.gutters .span_6 { width: 23.5%; }
	.gutters .span_7 { width: 27.75%; }
	.gutters .span_8 { width: 32.0%; }
	.gutters .span_9 { width: 36.25%; }
	.gutters .span_10 { width: 40.5%; }
	.gutters .span_11 { width: 44.75%; }
	.gutters .span_12 { width: 49.0%; }
	.gutters .span_13 { width: 53.25%; }
	.gutters .span_14 { width: 57.5%; }
	.gutters .span_15 { width: 61.75%; }
	.gutters .span_16 { width: 66.0%; }
	.gutters .span_17 { width: 70.25%; }
	.gutters .span_18 { width: 74.5%; }
	.gutters .span_19 { width: 78.75%; }
	.gutters .span_20 { width: 83.0%; }
	.gutters .span_21 { width: 87.25%; }
	.gutters .span_22 { width: 91.5%; }
	.gutters .span_23 { width: 95.75%; }
	.gutters .span_24 { width: 100%; }
	
	.col { 
		min-height: 1px;
		}
		
	#startseite .col,
	#kurse .col { 
		min-height: 1px;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		}
		
	.col33{
		width: 33%;
		float: left;
		}
		
	/*----------------------------specialgrid------------------------*/
	
	.col30,
	.col50,
	.col60{
		float: left;
		margin: 0px 2% 0px 0px;
		}
	
	.col30{
		width: 31.33%;
		}
		
	.col50{
		width: 48%;
		}
		
	.col60{
		width: 64.5%;
		}
		
	.col100 {
		width: 100%;
		}
		
	#kurse .col100,
	#startseite .col100 {
		width: 98%;
		}
	
	#kurse #contentsection .inner,	
	#startseite #contentsection .inner{
		padding: 0% 0% 0% 2%;
		}
		
	
	
	/*----------------------------STIKYFOOTER------------------------*/

	#container {
		margin: 0px 0px -300px 0px;
		}
	
	#footersection, #minheight {
		height: 300px;
		}
		
	/*---------------------------TEAM--------------------------------------------------*/

	.teambox{
		width: 145px;
		height: 290px;
		margin: 0px 3em 0px 0px; 
		}
	
	
	/*------------------------BACKTOTOP------------------------------*/

	#back-top {
		width: 8%;
		right: 1%;
		}
		
	
		
}



@media only screen and (min-width: 800px) {
	
	body{
		font-size: 95%;
		}
		
	.infobox{
		width: 30%;
		}
		
	/*----------------------------STIKYFOOTER------------------------*/

	#container {
		margin: 0px 0px -350px 0px;
		}
	
	#footersection, #minheight {
		height: 350px;
		}
	
	
	/*-----------------------BACKTOTOP------------------------------*/

	#back-top {
		width: 6%;
		right: 2%;
		}
		
	
		
}


@media only screen and (min-width: 1050px) {
	
	/*html{
		background-image: url(/images/background1.jpg);
		background-attachment:fixed;
		background-position: center;
		background-size: cover;
		}*/
		
	#footertop,
	#footermid{
		float:left;
		}
		
	#footertop{
		width: 40%;
		float:left;
		}
		
	#footermid{
		width: 60%;
		float:right;
		}
		
	#footertop .first{
		width: 45%;
		}
	
	#footertop .sec{
		width: 50%;
		}
	
	#footermid .first{
		width: 25%;
		}
		
	#footermid .sec{
		width: 35%;
		}
		
	#footermid .third{
		width: 20%;
		}
		
	#footermid .fourth {
		width: 20%;
		}
		
	#footerbottom{
		clear: both;
		}
	
	#container {
		-webkit-box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.5);
		-moz-box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.5);
		box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.5);
		width: 1024px;
		}
	
	#footersection{
		width: 1024px;
		margin: auto;
		}
		
	/*----------------------------STIKYFOOTER------------------------*/
	
	#container {
		margin: 0px auto -270px auto;
		}

	#footersection, #minheight {
		height: 270px;
		}
		
	
	
}







/*-------------------------------------------iPad-----------------------------------------*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape) {
	
}
	
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) {
	
}

/*------------------------- iPhone4 mit Retina Display------------------------------------*/

@media only screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
	
	
}


/*---------------------------- iPhone 5 only ---------------------------------------------*/
 
@media only screen and (min-device-width: 560px) and (max-device-width: 1136px) and (-webkit-min-device-pixel-ratio: 2) {
   
}

/*---------------------------------------iPhone-------------------------------------------*/

@media only screen and (max-device-width: 480px) {
	
}

/*----------------------------FONTS------------------------*/

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/montserrat-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
       url('/fonts/montserrat-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/montserrat-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/montserrat-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/montserrat-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/montserrat-v14-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-600 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/montserrat-v14-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
       url('/fonts/montserrat-v14-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/montserrat-v14-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/montserrat-v14-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/fonts/montserrat-v14-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/montserrat-v14-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-600italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  src: url('/fonts/montserrat-v14-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Montserrat SemiBold Italic'), local('Montserrat-SemiBoldItalic'),
       url('/fonts/montserrat-v14-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/montserrat-v14-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/montserrat-v14-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts/montserrat-v14-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/montserrat-v14-latin-600italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}




@media print{
	
	
		
}

/* Stylesheet: default Modified On 2025-07-31 16:14:40 */
#menusection{
	background: #009ee0;
	}

#menusection .inner { 
	padding: 0%;
	margin: 0 auto;
	}

nav,	
.menu,
.sub{
	font-weight: bold;
	margin: 0;
	padding: 0;
	}

#menu2,	
#menu1 .menu {
	display: none;
	}
	
#call,
#mail{
	width: 15%;
	float: left;
	padding: 1em;
	}
	
#toggle-menu span.drop-icon{
	width: 15%;
	float: right;
	padding: 1em;
	}

#tm:checked + .menu {
	display: block;
	float: left;
	width: 100%;
	}

#menu1 input[type="checkbox"], 
#menu1 ul span.drop-icon {
	display: none;
	}
	
#menu1 li{
	margin: 0px;
	border-bottom: 1px #ffffff dotted;
	}

.menu li, 
#toggle-menu,
.menu a {
	position: relative;
	display: block;
	white-space: nowrap;
	}

.menu a,
.menu li label.drop-icon {
	font-weight: 700;
	font-size: 1.3em;
	line-height: 1.3em;
	color: #ffffff;
	}

.menu a {
	text-decoration: none;
	text-align: center;
	padding: 0.5em 4%;
	transition: all .125s ease-in-out;
	-webkit-transition: all .125s ease-in-out;
	}

.menu a:hover {
	transition: all 0.5s ease;
	color: #eb690b !important;
	}
	
.menu a.current{
	color: #eb690b !important;
	}

.menu .sub {
	display: none;
	transition: all .5s ease-in-out;
	}


.menu label.drop-icon {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	padding: 0.6em 1.65em 0.5em 1.65em;;
   	text-align: center;
	background-color: transparent;
	}
	

#menu1 input[type="checkbox"] + label.drop-icon:after {
	content:"\25BC" 
	}

#menu1 input[type="checkbox"]:checked + label.drop-icon:after  {
	content:"\25B2"
	}

#menu1 input[type="checkbox"]:checked ~ .sub {
	display: block;
	}
	

#menu1 li:last-child,
#menu1 .sub li,
#menu1 input[type="checkbox"]:checked + .sub {
	border-bottom: none;
	}

#footer a{
	display: block;
	}	

#startseite a.startseite,
#kurse a.kurse,
#sbfsee a.sbfsee,
#sbfbinnen a.sbfbinnen,
#bodenseeschifferpatent a.bodenseeschifferpatent,
#pyrotechnik a.pyrotechnik,
#funken a.funken,
#segeln a.segeln,
#team a.team,
#kontakt a.kontakt,
#impressum a.impressum,
#datenschutz a.datenschutz{
	color: #eb690b
	}
	

@media only screen and (min-width: 650px) {
	
	#call,
	#mail{
		display: none;
		}
	
	#menusection .inner { 
		padding: 0% 2% 0% 0.8%;
		}
		
	#menu1{
		position: relative;
		float: right;
		width: 3em;
		}
		
	#toggle-menu span.drop-icon {
		display: none;
		padding: 0.5em;
		width: 100%;
		line-height: 0px;
		}
		
	#menu1 .menu{
		position: absolute;
		top: 3em;
		right: 3em;
		background: #009ee0;
		font-size: 0.8em;
		line-height: 0.8em; 
		-webkit-box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.3);
		box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.3);
		}
		
	#tm:checked + .menu {
		width: 600%;
		z-index: 2000;
		}
	
	#menu1 .menu a{	
		padding: 0.5em 1.5em 0.5em 1em;
		}
		
	#menu1 .menu li label.drop-icon {
		font-size: 1em;
		line-height: 1em; 
		padding: 1.05em 1.5em 1em 2em;
		}
		
	
	
	#menueleft a,
	#menueright a,
	#menumid a,
	#menu2 .menu a {
		font-size: 1.85vw;
		line-height: 1.5em;
		white-space: nowrap;
		padding: 0.5em 0.5em 0.5em 0.5em;
		display: inline-block;
		text-align: left;
		float:left;
		font-weight: 700;
		color: #ffffff;
		}
		
	#menueleft,
	#menuemid,
	#menueright{
		float: left;
		}
		
	#menueleft a,
	#menueright a{
		text-decoration: none;
		}
		
	#menueleft a:hover,
	#menueright a:hover {
		transition: all 0.5s ease;
		color: #eb690b !important;
		}
		
	#kurse #menueleft a{
		color: #eb690b !important;
		}
		
	#menu2 {
		display: block;
		}
		
	#menu2 li{
		float:left;
		}
	
	#menu2 .menu li label.drop-icon {
		position: relative;
		}

		
	#menu2 .sub, 
	#menu2 input[type="checkbox"]:checked + .sub {
		display: none;
		}
	
	#menu2 .sub .drop-icon {
		position: absolute;
		top: 0;
		right: 0;
		padding: 1em;
		}
	
	#menu2 li:hover > input[type="checkbox"] + .sub {
		display: block;
		}
		
	
}

@media only screen and (min-width: 1090px) {
	#menueleft a,
	#menueright a,
	#menumid a,
	#menu2 .menu a {
		font-size: 20px;
		
		}
	}




/* Stylesheet: menu Modified On 2024-10-14 13:48:01 */