/***********************************
Datei: template.css CSS 
URL: www.akademie-fuer-Tourismus.de
************************************
Copyright: www.Sabine-Kemper.de
Start: 17.05.2023
Letzte Aenderung: 17.05.2023
***********************************/

/*
######################################################### 
body                                                ###
######################################################### 
*/
 

*, ::after, ::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body, html {
  font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size:105%;
    -ms-text-size-adjust: 105%; /* 2 */
    -webkit-text-size-adjust: 105%; /* 2 */
    color:#666;
	background: #fff;
	font-weight: normal;
    width:100%;
    padding:0;
    margin:0;
    height:100%;
  text-align: left;

	}


.ohneoben {
    margin: 0.5em 0 0.1em 0!important;
}

section {
	padding: 0;
	max-width: 1280px;
	margin: 0 auto;
}

.bold {
  font-weight:bold;
  margin: 0.5em 0 0.5em 0;
  text-align:left;
}

.bild img {
  max-width: 100%!important;
  padding:0!important;
  margin:0!important;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.1);!important;
  }


/*
######################################################### 
reset                                               ###
######################################################### 
*/

* {
  margin:0;
  padding:0;
  list-style-position: outside;
}

form {margin: 0; padding:0;}
img {border:0; max-width: 100%; height: auto; margin:0;padding:0;}
fieldset {border:0;}
input.button {margin: 0; padding:1px;}
article, aside {display: block;}
li {list-style-type: none;}


.clear {
  clear: both;
  height: 0px;
  width: 0px;
  font-size: 0.0em;
  visibility: hidden;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
    -moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */
    box-sizing: border-box; /* Opera/IE 8+ */
  box-sizing: inherit;
}


/* 
###############################################################
geruest #
###############################################################
*/

.button {border: 0;}

/* 
###############################################################
Seitenaufbau #
###############################################################
*/

#top {
 	position: relative;
	margin: 0 0 0 0;
	padding: 0;
	background-color: #transparent;
    text-align: left;
    height:auto;
	width: 100%;
}

.intop {
    position: relative;
    margin: 0 auto;
	max-width: 1200px;
    height:auto;
	background-color: transparent;
	padding:0;
 	color: #ffffff;
 	text-align: left;
}


/* 
###############################################################
navigation #
###############################################################
*/

#navigation {
	position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding: 0;
    max-width: 100%;
    height:auto;
    background-color:#007bc4;
	-webkit-box-shadow: 0 0 10px #333;
	-moz-box-shadow: 0 0 10px #333;
	box-shadow: 0 0 10px #333;
	z-index: 100;

}

.innavigation {
  position:relative;
    margin: 0 auto!important;
    padding: 0!important;
	max-width: 1200px!important;
	height:auto;
	background-color: transparent;
}

/* 
###############################################################
Slider #
###############################################################
*/

#slider {
	width: 100%;
    position: relative;
    height: auto;
	padding: 0;
	margin:0 0 0 0!important;
	text-align: center;
background: #ffffff;
	clear: both;
display:block;
	z-index: 0;
}

.inslider {
  position:relative;
  margin: 0;
  text-align: center;
  height:auto;
  background-color:transparent;
	width: 100%;
  padding:0!important;
}

.inslider img {
	width:100%;
	margin:0!important;
	padding:0!important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}

.containerImage {
  position: relative;
  max-width: 100%;
  background-color: white;
display:block;
}

.headerimage {
  display: block;
  max-width: 100%;
  height: auto;
}

.headertext {
  width: 40%;
  color: white;
  position: absolute;
  background-color:transparent;
  top: 30%;
  left: 50%;
-webkit-transform: translate(50, 30);
-moz-transform: translate(50, 30);
-ms-transform: translate(50, 30);
-o-transform: translate(50, 30);
transform: translate(50, 30);
}

p.text1 {font-size: 2.3vw; color:#ffffff;line-height:1.3em;text-shadow: 0px 0px 14px #666;}
p.text2 {font-size: 1.8vw; color:#ffffff; font-weight:bold;}


/* 
###############################################################
Textbereich #
###############################################################
*/


#main {
  max-width: 1200px;
	padding: 1% 1% 1% 2%;
  margin: 0 auto;
  text-align: left;
  background-color: transparent;
  height: auto;
}


.mainContent {
  width: 100%;
  height: auto;
  text-align: left;
  float: left;
  background-color: transparent;
  padding: 0;
}


@media only screen and (max-width:840px) {
#main {
    width: 100%!important;
	text-align: left;
  background-color: transparent;
  padding:0!important;
  margin:0em auto;
}
}

@media only screen and (max-width:60em) {
.mainContent {
  width: 100%;
  height: auto;
  text-align: left;
  background-color: transparent;
}
}


/* 
###############################################################
Textbereich neu dev 4 #
###############################################################
*/

.item-content, .system-message-container {
	max-width: 1200px;
	padding: 0;
	margin: 0 auto;
	height: auto;
   background-color: transparent;
  position:relative;
}

@media only screen and (max-width: 1200px) {
.item-content, .com-content-article.item-page, .taIndex, .com-content-category-blog__item.blog-item  {
	padding: 0 1em 0 1em;
	
}
}


/* 
###############################################################
tabelle #
###############################################################
*/

table, .table123, .table11 {
  border: 0px solid #ffffff;
  margin: 1em 0 1em 0;
  table-layout: auto;
  width: 95%;
  height:auto;
  background-color:#ffffff;
border-spacing: 0px;
}

.tableKo {
  border: 0px solid #ffffff;
  margin: 1em 0 1em 0;
  table-layout: auto;
  width: 100%;
  height:auto;
  background-color:#ffffff;
border-spacing: 8px;
}

td, tr {
  max-width: 100%;
  font-weight: normal;
  text-align: left;
  margin:2% 2% 2% 2%;
padding: 15px;
  border: 0px solid #a0a0a0;
  hyphens: auto;
-webkit-hyphens: auto;
-webkit-hyphenate-limit-chars: auto 3;
-webkit-hyphenate-limit-lines: 4;
-ms-hyphens: auto;
-ms-hyphenate-limit-chars: auto 3;
-ms-hyphenate-limit-lines: 4;
 vertical-align: top; 
  box-shadow: 5px 5px 15px #efefef;
}

.tdKo {
  width: 50%;
  font-weight: normal;
  text-align: left;
  margin:2% 2% 2% 2%;
padding: 3%;
  border: 0px solid #a0a0a0;
  hyphens: auto;
-webkit-hyphens: auto;
-webkit-hyphenate-limit-chars: auto 3;
-webkit-hyphenate-limit-lines: 4;
-ms-hyphens: auto;
-ms-hyphenate-limit-chars: auto 3;
-ms-hyphenate-limit-lines: 4;
 vertical-align: top; 
  box-shadow: 5px 5px 15px #efefef;
  background-image: linear-gradient(45deg, #f0f0f0 0%, #ffffff 30%, #e6e6e6 60%, #ffffff 80%, #d8d8d8 95%);
}


td.tdindex1 {width: 35%;  font-weight: bold; padding:1%; vertical-align: middle;}
td.tdindex2 {width: 50%; padding:1%; vertical-align: middle;}
td.tdindex3 {width: 15%; padding:1%; text-align: center!important; vertical-align: middle;}
td.wiruns {width: 50%; padding:1%; vertical-align: middle;  border: 0px solid #a0a0a0;}
td.tdgelb {width: 24%; padding:1%; vertical-align: top;  border: 4px solid #fff; background-color:#ecc31f; color: #ffffff;}
td.tdgelb p, td.tdgelb h3 {color: #ffffff;}

table h2, .table123 h2, .table11 h2, .tableKo h2 {
  font-family:"Century725 Cn BT", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
	font-size: 170%;
	font-weight:normal;
    margin: 0em 0 0.1em 0!important;
    color: #666;
    line-height:1.2em; 
    padding: 0 0.2em 0.2em 0em;
}


.tabelle11 td {
  font-weight: normal;
  text-align: left;
  padding:2% 2% 2% 2%;
  border: 0px solid #a0a0a0;
  hyphens: auto;
-webkit-hyphens: auto;
-webkit-hyphenate-limit-chars: auto 3;
-webkit-hyphenate-limit-lines: 4;
-ms-hyphens: auto;
-ms-hyphenate-limit-chars: auto 3;
-ms-hyphenate-limit-lines: 4;
 vertical-align: top; 
 }

.tabelle11 td.tdlink.img {
  width: 100%;
}

.tabelle123 td {
  font-weight: normal;
  text-align: left;
  padding:1% 2% 1% 2%;
  border: 0px solid #a0a0a0;
  width: 33%;
  hyphens: auto;
-webkit-hyphens: auto;
-webkit-hyphenate-limit-chars: auto 3;
-webkit-hyphenate-limit-lines: 4;
-ms-hyphens: auto;
-ms-hyphenate-limit-chars: auto 3;
-ms-hyphenate-limit-lines: 4;
}

@media only screen and (max-width:60em) {
	tr, th, td, .tabelle11 td, .tabelle11 tr, td.wiruns, td.tdgelb, .tdKo {
 		display: block;
	}
	.tdKo {
  width: 100%;
}

.tabelle11 td, td.wiruns, td.tdgelb, .table {
  width: 100%;
 }
}

/* 
###############################################################
Anmeldeformular  #
###############################################################
*/
div.fcp_fixed_heading span {
text-align: left;
background-color: transparent;
font-family:Cambria, Cochin, Georgia, Times, "Times New Roman", serif!important;
font-size: 120%!important;
font-weight:bold!important;
}

/* 
###############################################################
Unten Anmeldung #
###############################################################
*/

#botten {
  background-color: #efefef;
  padding: 0% 0 0% 0;
  height:auto;
  border: 0px;
  width: 100%;
  margin: 0.5em 0 0.5em 0;
  position:relative;
}

.link_anmelden {
  position:relative;
  margin: 0 auto!important;
  padding: 0 0 0 0;
  height:auto;
  border: 0px;
	max-width: 1280px;
  color: #333;
}

.link_anmelden a {
  text-decoration:none;

}

@media only screen and (max-width:1200px) {
.link_anmelden {
  padding: 0 0 0 1%;
}
}

/*
######################################################### 
nach oben                                        ###
######################################################### 
*/

#mod-custom115.mod-custom.custom {padding: 1% 2% 0% 0%; margin: 2em 0 0 0; bottom: 0;}
#mod-custom115.mod-custom.custom a {text-decoration:none;}
#mod-custom115.mod-custom.custom a:hover {opacity:0.4; transition: all 800ms; -webkit-transition: all 800ms; -moz-transition: all 800ms; -o-transition: all 800ms;
}

/* 
###############################################################
Footer #
###############################################################
*/
#footer {
 	height:auto;
 	padding: 1% 1% 1% 1%;
 	color: #fff;
 	background-color: #999;
    max-width: 100%;
    clear:both;
	-webkit-box-shadow: 0 0 10px #333;
	-moz-box-shadow: 0 0 10px #333;
	box-shadow: 0 0 10px #333;
  border-top:0.5em;
  border-top-style:solid;
  border-color: #ebe4d4;
}

.infooter a, a.infooter {
 	color: #fff!important;
	text-decoration:none!important;
	font-weight:normal!important;
}

.infooter a:hover {
 	color: #ffcc00;
	opacity:0.4;
	transition: all 800ms;
	-webkit-transition: all 800ms;
	-moz-transition: all 800ms;
	-o-transition: all 800ms;
}

.infooter  {
    padding: 0;
    margin: 0 auto;
	max-width: 1200px;
 	height:auto;
 	background-color: transparent;
}

.boxinfooter {
	max-width: 1200px;
    margin: 0 auto;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.textboxinfooter {
    width: 100%;
    position: relative;
    margin: 0 auto;
    padding: 0;
}

.textboxinfooter p {
    font-size: 100% !important;
    color: #fff !important;
}

.textboxinfooter p.bold {
    font-weight: bold;
    color: #fff !important;
}

hr.textboxinfooter  {
    color: #fff !important;
    padding: 1% 0 1% 0;
}


.container-footer-kontakt, .container-footer-links, .container-footer-daten {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    background-color: transparent;
    padding: 0.5em 0 0.5em 0;
    float: left;
    margin: 0;
}

.infooter.hrfw, .infooter hr.hrfw  {
   color: #fff!important;
    margin: 0.6em 0 0em 0;
width: 100%;    
    padding: 0!important;
  border-style: solid!important;
  border-left: 0!important;
  border-right: 0!important;
}


.container-footer-kontakt {
    width: 38%;
    margin: 0 0 0 0;
}

.container-footer-links {
    width: 30%;
}

.container-footer-daten {
    width: 28%;
}

/* 
###############################################################
button Anmeldung #
###############################################################
*/

a.buttonanmelden {
display: inline-block!important;
  border-radius: 10px!important;
  color: #666666!important;
  text-align: center!important;
  width: auto;
  height: auto;
  margin: 1em 1em 1em 0em!important;
  font-size: 110%!important;
  cursor: pointer;
  padding: 1em 1em 1em 1em; 
    background-color:#ebe4d4;
box-shadow: 5px  0 10px #ccc;
}    
           
a.buttonanmelden:hover {
color: #ffffff;
background-color: #cccccc;
-webkit-box-shadow: 5px 0 10px #ccc;
-moz-box-shadow: 5px  0 10px #ccc;
box-shadow: 5px  0 10px #ccc;
opacity:0.8;
transition: all 800ms;
-webkit-transition: all 800ms;
-moz-transition: all 800ms;
-o-transition: all 800ms;
}

@media only screen and (max-width: 32em) {
a.buttonanmelden {
font-size: 100%!important; 
}
}


/* 
###############################################################
drucken #
###############################################################
*/

.buttondruck {
background-color: #ebe4d4!important;
border-radius: 10px!important;
border: 0px double #cccccc!important;
color: #333333!important;
text-align: center!important;
width: auto!important;
height:auto!important;
margin: 1em 0em 0em 0em!important;
font-size: 110%!important; 
cursor: pointer!important; 
padding: 0.5em 0.8em 0.5em 0.8em!important;     
box-shadow: 5px  0 10px #ccc;
}
      
.buttondruck:hover {
color: #ffffff;
background-color: #00cccc;
-webkit-box-shadow: 5px 0 10px #ccc;
-moz-box-shadow: 5px  0 10px #ccc;
box-shadow: 5px  0 10px #ccc;
opacity:0.8;
transition: all 800ms;
-webkit-transition: all 800ms;
-moz-transition: all 800ms;
-o-transition: all 800ms;
}

@media print {
#top, #navigation, #slider, .inslider, #bottomanschrift, .buttondruck, #footer, #n2-ss-16item1, #n2-ss-16item6, #n2-ss-16item11, .anschrift, #mod-custom164, #mod-custom115, #mod-custom119  {
  display: none!important;
} 
h1 {font-size: 120%;}
h2, h3. .footer p {font-size: 100%;}
.mainContent {width: 95%!important;}
}

@media screen and (max-width: 1280px) {
.buttondruck   {
margin: 1em 0em 0em 0em!important;
}
}

/* 
###############################################################
Kasten #
###############################################################
*/

.bereich_grau, .bereich_grau_img {
  height: auto;
  max-width: 100%;
  background: rgba(236,228,212,0.2);
  margin: 1em 0 1em 0;
  padding: 0.5em 0.5em 0.5em 0.5em;
border-radius:10px;
}

/* 
###############################################################
Form #
###############################################################
*/

div.fcp_wrapper {
    max-width: 100%!important;
    min-height: 100px;
    padding: 10px;
    margin: 0 auto;
}

.fcp_form input.fcp_btn_green {
    background-color: #009999!important;
}

.fcp_form input.fcp_btn_green:hover, .fcp_form input.fcp_btn_green:focus {
    background-color: #00cccc!important;
}

input.fcp_btn {
    float: left!important;
    width: auto !important;
    height: auto !important;
    cursor: pointer;
    -webkit-appearance: none;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0 1px black;
    color: white;
    transition: all .1s ease;
    padding: 8px 30px;
    margin: 2px;
    background-color: #009999!important;
    background-image: none;
    text-transform: uppercase;
}

div.fcp_wrapper {
max-width: 100%!important;
min-height: 100px;
padding: 15px;
margin: 0 auto;
background: rgba(238,238,238,0.5)!important;
box-shadow: 0.35em 0.35em 0.55em #ccc!important;
border: #ccc solid 1px!important;
}

div.fcp_controls {
  display: block;
  position: relative;
    padding: 0.6em!important;
}

.fcp_fixed_heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 140%;
  font-style: normal;
  font-weight: bold;
}

div.fcp_fixed_heading {
  margin-bottom: 0.5em!important;
   margin-top: 1em!important;
 text-align: left;
  background-color: transparent;
}

div.fcp_line input[type=checkbox], div.fcp_line input[type=radio] {
  width: 1em!important;
  margin: 0 7px 0 7px!important;
  height: 1em!important;
  padding: 0.3em;
}

input#agreement_check.fcp_lcb.fcp_send_toggler  {
	background-color: aliceblue!important;
	width:1.2em!important;
	height: 1.2em!important;
}

div.fcp_label {
  text-align: left;
  margin: 0;
  padding: 3px 7px!important;
  font-weight: bold!important;
}

div.fcp_border {
  border: 1px solid lightgray;
  border-radius: 4px;
  padding: 0.2em 0 0.2em 0!important;
  margin: 0.3em 0 0.3em 0!important;
  }
  
.fcp_line.fcp_agreement.fcp_checkbox.fcp_checkbox_l {
  border: 1px solid red!important;
  border-radius: 4px!important;
  padding: 0.2em 0 0.2em 0!important;
  margin: 0.3em 0 0.3em 0!important;
    background-color: #f1dfdf!important;
	
}
  
input.fcp_btn {
    width: auto !important;
    height: auto !important;
    cursor: pointer;
    -webkit-appearance: none;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0 1px black;
    color: white;
    transition: all .1s ease;
    padding: 8px 20px;
    margin: 2px;
    background-color: #2d80b7;
    background-image: none;
    text-transform:none!important;
    text-align: left !important;
clear:left;
   }
   
.fcp_form input.fcp_btn {
    font-size: 120%;
    font-style: normal;
    font-weight: normal;
}

.fcp_line.fcp_sendrow {
	clear:left;
}

div.fcp_captcha {
  text-align: left!important;
}

/* 
###############################################################
Boxen unten Info      #
###############################################################
*/

#indexbotten {
height: auto;
    width: 100%;
    margin: 1em 0 1em 0;
    padding: 0;
}

#mod-custom116.mod-custom.custom {
  width: 100%;
background-color: #efefef; 
padding: 1% 1% 1% 1%;
}

.inindexbotten {
    background-color: #ffffff; 
   padding: 1% 1% 1% 1%;
  max-width: 1200px;
  margin: 0 auto!important;
padding: 1% 1% 1% 1%;
  text-align: center;
border-radius:10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.inbotten img {
	width: 35%;
	height: auto;
	float: left;
	margin: 0;
	background-color: #fff;
}

.boxLeitung {
   display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
margin: 0 auto;
}

.kontakt_box {
 height: auto;
  width: 24.2%;
  background-color: #ffffff;
  padding: 1em;
  float:left;
  margin: 1% 0 1% 0.5%;
  border: 1px solid #ccc;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-hyphens: auto;
-webkit-hyphenate-limit-chars: auto 3;
-webkit-hyphenate-limit-lines: 4;
-ms-hyphens: auto;
-ms-hyphenate-limit-chars: auto 3;
-ms-hyphenate-limit-lines: 4;
  }


.kontakt_bild {
display: flex; 
justify-content: center; 
align-items: center;
}

.kontakt_bild img {
background-color: #ffffff!important;
height: 100%!important;
}


.kontakt_text {
  width: 100%;
  color: #666;
  position: relative;
  text-align:center;
height: auto;
  }

.kontakt_text img {
  margin: 0!important;
  padding: 0!important;
width:100%;
}
  
.kontakt_text h2 {
  font-size: 120%!important;
  font-weight: bold;
text-align:center;
  }

.kontakt_text p {
  font-size: 100%!important;
  font-weight: normal;
text-align:center;
  }

@media only screen and (max-width:60em) {
.kontakt_box {
	width: 32.6%;
    }
}

@media only screen and (max-width:40em) {
.kontakt_box {
	width: 49%;
    }
}

@media only screen and (max-width:32em) {
.kontakt_box {
	width: 100%;
    }
}

/* 
###############################################################
Blog    #
###############################################################
*/

.boxenbloghome {
   display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
margin: 0 auto;
}

.com-content-category-blog__item.blog-item{
 height: auto;
overflow: hidden;
  width: 49%;
border-radius:10px;
  background-color: #ffffff;
  padding: 1em;
  float:left;
  margin: 1% 0 1% 0.5%;
  border: 1px solid #ccc;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-hyphens: auto;
-webkit-hyphenate-limit-chars: auto 3;
-webkit-hyphenate-limit-lines: 4;
-ms-hyphens: auto;
-ms-hyphenate-limit-chars: auto 3;
-ms-hyphenate-limit-lines: 4;
}

@media only screen and (max-width:32em) {
.com-content-category-blog__item.blog-item {
 height: auto;
  width: 98%;
  }
}