/*@font-face {
    font-family: 'AdelleBasicBold';
    src: url('/fonts/AdelleBasic_Bold.eot') format('embedded-opentype'),
    url('/fonts/AdelleBasic_Bold.otf') format('opentype'),
    url('/fonts/AdelleBasic_Bold.svg#svgFontName') format('svg'),
    url('/fonts/AdelleBasic_Bold.ttf') format('truetype'),
    url('/fonts/AdelleBasic_Bold.woff') format('woff'),
    url('/fonts/AdelleBasic_Bold.woff2') format('woff2');
}*/

@font-face {
    font-family: 'KefaReg';
    src: /* url('/fonts/AdelleBasic_Bold.eot') format('embedded-opentype'),
    url('/fonts/AdelleBasic_Bold.otf') format('opentype'),
    url('/fonts/AdelleBasic_Bold.svg#svgFontName') format('svg'), */
    url('/fonts/Kefa-Regular.ttf') format('truetype'),
    /* url('/fonts/AdelleBasic_Bold.woff') format('woff'),
    url('/fonts/AdelleBasic_Bold.woff2') format('woff2'); */
}

@font-face {
    font-family: 'KreonVar';
    src: /* url('/fonts/AdelleBasic_Bold.eot') format('embedded-opentype'),
    url('/fonts/AdelleBasic_Bold.otf') format('opentype'),
    url('/fonts/AdelleBasic_Bold.svg#svgFontName') format('svg'), */
    url('/fonts/Kreon-VariableFont_wght.ttf') format('truetype'),
    /* url('/fonts/AdelleBasic_Bold.woff') format('woff'),
    url('/fonts/AdelleBasic_Bold.woff2') format('woff2'); */
}

@font-face {
    font-family: 'OpenSansVar';
    src: /* url('/fonts/AdelleBasic_Bold.eot') format('embedded-opentype'),
    url('/fonts/AdelleBasic_Bold.otf') format('opentype'),
    url('/fonts/AdelleBasic_Bold.svg#svgFontName') format('svg'), */
    url('/fonts/OpenSans-VariableFont_wdth,wght.ttf') format('truetype'),
    /* url('/fonts/AdelleBasic_Bold.woff') format('woff'),
    url('/fonts/AdelleBasic_Bold.woff2') format('woff2'); */
}

@font-face {
    font-family: 'CreteRound';
    src: url('/fonts/CreteRound-Regular.eot') format('embedded-opentype'),
    url('/fonts/CreteRound-Regular.otf') format('opentype'),
    url('/fonts/CreteRound-Regular.ttf') format('truetype'),
    url('/fonts/CreteRound-Regular.woff') format('woff'),
    url('/fonts/CreteRound-Regular.woff2') format('woff2');
    font-style: normal;
}

@font-face {
    font-family: 'CreteRound';
    src: url('/fonts/CreteRound-Italic.eot') format('embedded-opentype'),
    url('/fonts/CreteRound-Italic.otf') format('opentype'),
    url('/fonts/CreteRound-Italic.ttf') format('truetype'),
    url('/fonts/CreteRound-Italic.woff') format('woff'),
    url('/fonts/CreteRound-Italic.woff2') format('woff2');
    font-style: italic;
}

@font-face {
    font-family: 'LatoReg';
    src: url('/fonts/Lato-Reg.eot') format('embedded-opentype'),
    url('/fonts/Lato-Reg.otf') format('opentype'),
    url('/fonts/Lato-Reg.ttf') format('truetype'),
    url('/fonts/Lato-Reg.woff') format('woff'),
    url('/fonts/Lato-Reg.woff2') format('woff2');
    font-style: normal;
}

.ehren {
	font-family: 'Kefa';
    font-size: 35px;
}

.wert {
	font-family: 'Kefa';
    font-size: 35px;
	color: #009C99;
	font-weight: 600;
}

.beratung {
	font-family: 'Kefa';
    font-size: 16px;
}

h1.kefa29 {
    font-family: 'Kefa';
    font-size: 29px;
}

h2.kefa22 {
    font-family: 'Kefa';
    font-size: 22px;
    line-height:20px;
    margin-top:5px;
    margin-bottom:5px;
}

.opensans8, .opensans11, .opensans15 {
	font-family: 'OpenSansVar';
}

.kreon14, .kreon20 {
	font-family: 'KreonVar';
}

.kefa29, .kefa22 {
    font-family: 'Kefa';
}

p.opensans8 {
    font-family: 'OpenSansVar';
    font-size: 10px;
}

p.opensans11, li.OpenSans11 {
    font-family: 'OpenSansVar';
    font-size: 13px;
}

p.opensans15 {
    font-family: 'OpenSansVar';
    font-size: 15px;
}

p.kreon14 {
    font-family: 'KreonVar';
    font-size: 14px;
}

p.kreon20 {
    font-family: 'KreonVar';
    font-size: 20px;
}

a.kreon14 {
    font-family: 'KreonVar';
    font-size: 14px;
    color: rgb(230, 168, 25)
}

a.kreon14:hover {
    color: black;
}

.d-inline{
    display:inline;
}

.align-bottom{
    vertical-align:bottom;
}

.headerupper {
    /*background-image: url("/img/BettinaHeupel_Header_oben.jpg");
    background-size: cover;
    background-repeat: no-repeat;*/
}

.headerlower {
    /*background-image: url("/img/BettinaHeupel_Header_unten.jpg");
    background-size: cover;
    background-repeat: no-repeat;*/
}

.container {
    max-width: 640px;
}

.containerHeader {
    /*background-image: url("/img/BettinaHeupel_Header.jpg");
    background-size: cover;
    background-repeat: no-repeat;*/
    text-align: right;
    max-width: 640px;
}

header.main-header > div.container.containerHeader > a.headerlink > div.row.headerupper > h1.kefa29:nth-child(2){
    margin-top: 10px;
    margin-bottom: 20px;
}

.main-header {
    background-image: url("/img/BettinaHeupel_Header_4000pxBreite_tuerkis.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.row-stairs {
	background-image: url("/img/hintergrund_signatur_updated.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.brille {
	background-image: url(/img/hintergrund_signatur_updated.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.containerLinks {
    margin-top: 15px;
    color: grey;
    text-decoration: none;
    text-align: right;
}

.containerLinks a {
    color: grey;
    text-decoration: none;
    text-align: right;
}

.containerLinks a:hover {
    color: grey;
    text-decoration: none;
    text-align: right;
}

.container-portrait {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 75px;
    margin-bottom: 75px;
    color: white;
}
	
@media screen and (min-width: 767px) {
    #image-map {
        margin-right: 0;
    }
	.brille {
		height: 400px;
	}
}

@media screen and (min-width: 1200px) {
	.brille {
		height: 500px;
	}
}

@media screen and (max-width:767px) {
    .headerlower {
        padding-right:5px;
    }
    .headerupper {
        padding-right:5px;
    }
	.brille {
		height: auto;
	}
}

@media screen and (min-width:991px) {
    #image-portrait {
        margin-right: 0;
    }
}

@media (max-width: 990px) {
    .text-responsive-middle {
        text-align: center;
        margin-bottom: 30px;
    }
}

.containerBlackStairs {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 75px;
    margin-bottom: 75px;
    color: white;
    text-align: center;
}

div.row-transparent.clearfix > div.container.containerBlackStairs > h1{
    font-size:34px;
}

div.row-transparent.clearfix > div.container.containerBlackStairs > p {
    font-size:18px;
}

.row-transparent {

}

div.row-orange-transparent {
    background-color: #009C99;
}

@media (max-width: 400px){
    h1.kefa29{
        font-size:22px;
    }
    h2.kefa22{
        font-size:19px;
    }
    #entitle {
        font-size:22px;
    }
}

@media screen and (max-width: 400px) {

    div.row-orange-transparent {
        background-color: #009C99;
    }

}

.row-wood {
    color: white;
    background-image: url("/img/malerei_bg50.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left:-10px;
}

.info-container {
    text-align: right;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 35px;
}

body > section.row-wood.clearfix > div > div:nth-child(4){
    margin-bottom:75px;
}

.info-container-header{
    margin-bottom:15px;
	text-align: right;
	overflow: hidden;
}

.container-map {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 45px;
    margin-bottom: 45px;
}

.headerlower {
    color: white;
}

#image-map {
    max-height: 250px;
}

.isleft {
    float: left;
}

.isright {
    float: right;
}

.info-container:first-child{
    margin-bottom: 30px;
}

.slashOrange {
    height: 90px;
    width: auto;
    display: inline-block;
    transform: translate(40%,5%);
    -webkit-transform: translate(40%,5%);
    -moz-transform: translate(40%,5%);
    -ms-transform: translate(40%,5%);
    -o-transform: translate(40%,5%);
}

.slashWhite {

}

.row-contact {
    background-image: url("/img/treppe_bg_tuerkis.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
    background-position: center center;
    margin-right:0px;
}

.contact-container {
    color: white;
    text-align: center;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 135px;
    margin-bottom: 75px;
}

.containerFooter {
    background-color: #009C99;
    color: white;
    text-align: center;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    margin-bottom: 25px;
}

.main-footer {
    background-color: #009C99;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.spacer75 {
    height: 75px;
}

section {
    margin: 0;
}

ul, ul li {
    font-family: 'OpenSansVar';
    font-size: 11px;
    color: white;
}

.row-impressum {
    background-image: url("/img/malerei_bg50.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
}

.containerImpressum {
    margin-top: 100px;
    margin-bottom: 135px;
}

.impressum-container-header{
    text-align:center;
    margin-bottom:75px;
}

.containerImpressum h1 {
    margin-bottom: 70px;
}

.containerImpressum .kefa22 {
    color: #009C99;
}

a.headerlink:link{
    color: black;
}

a.headerlink:hover{
    color: black;
}

a.headerlink:visited{
    color: black;
}

#entitle{
    width:60%;
    float:right;
    font-size:25px;
    margin-top:5px;
}

/*
Social Medias in Footer
*/
.socialmedia-flexrow {
    display: flex;
    flex-direction: row;
    justify-content: center;
    background-color: #009C99;
}
.socialmedia-item {
    margin: 15px;
    font-size: 25px;
}
.socialmedia-icon, .socialmedia-icon:hover {
    color:white;
}


/* Modal-Popin (von Bootstrap) */
.bckgr {
    background-image: url('/img/malerei_bg50.jpg');
}

.modal-style-1 {
    background-image: url('/img/malerei_bg50.jpg');
    color:white;
    padding: 50px;
    border: 2px solid #009C99;
    background-size: cover;
}

.modal-style-2 {
    background-color: #009C99;
    color:white;
    padding: 50px;
    border: solid #009C99;
    background-size: cover;
}

.modal-style-2 .container{
    padding:0;
}

.modal-style-1 ul {
    padding-left: 20px;
}

.modal-style-1 li {
    padding-left: 10px;
}

.modal-style-1 .slashOrange {
    height: 90px;
    width: auto;
    display: inline-block;
}

.close1 {
    color:#009C99;
    opacity: 5;
    text-shadow: none;
    font-size: 3rem;
}

.close1:hover {
    color:white;
    opacity:3;
}

.close2 {
    color: white;
    opacity: 5;
    text-shadow: none;
    font-size: 3rem;
}

.close2:hover {
    color: black;
    opacity:3;
}

.pointer1, .pointer2 {
    cursor: pointer;
}

.pointer1:hover h1 {
    color:#009C99;
}

.pointer2:hover h1 {
    color:black;
}

.modal {
    margin-top: 100px;
}

@media screen and (max-height: 750px) {
    #myModal1, #myModal2, #myModal3 {
        margin-top: 0;
    }
}

@media screen and (max-height: 600px) {
    .modal {
        margin-top: 0;
    }
}